fix(ui): optimize layout and visibility control for list items

[add-uos]

Add visibility control for IconLabel when icon is empty. Adjust padding and margins for better UI consistency. Refactor title object usage.

为图标标签添加可见性控制，优化边距和布局，重构标题对象使用。

Log: 优化列表项布局和可见性控制
PMS: BUG-355249, BUG-308813
Influence: 修复了空图标时的显示问题，统一了UI边距设置，提升了界面一致性。

Summary by Sourcery

Adjust list item title handling and layout spacing for more consistent UI and correct visibility behavior when icons are absent.

Enhancements:

• Replace a generic accounts section object with a dedicated title object that supports search integration.
• Unify left padding for title containers and adjust margins around display settings items for balanced spacing.
• Hide editor item icon labels when no icon is provided to avoid empty visual placeholders.

[sourcery-ai]

Reviewer's guide (collapsed on small PRs)

Reviewer's Guide

Adjusts list item layout and margins, introduces visibility control for empty icons, and refactors an accounts section header to use the shared DccTitleObject for consistent UI behavior.

Class diagram for updated QML title and editor items

classDiagram
    class DccObject {
    }

    class DccTitleObject {
      +string name
      +string parentName
      +string displayName
      +bool canSearch
      +int weight
      +Item parentItem
      +onParentItemChanged()
    }

    class AccountsMain_otherAcountsTitle {
      +string id
      +string name
      +string parentName
      +string displayName
      +bool canSearch
      +int weight
    }

    class DccEditorItem {
      +Item contentItem
    }

    class IconLabel {
      +bool visible
      +real spacing
      +bool mirrored
      +int display
      +url icon
    }

    DccTitleObject --|> DccObject
    AccountsMain_otherAcountsTitle --|> DccTitleObject
    DccEditorItem o-- IconLabel

    DccTitleObject : onParentItemChanged()
    DccTitleObject : parentItem.leftPadding = 14

    IconLabel : visible = model.item.icon && model.item.icon.length > 0

    AccountsMain_otherAcountsTitle : canSearch = settings.canSearch

Loading

Flow diagram for IconLabel visibility control

flowchart TD
    A[Start list item render] --> B[Read model.item.icon]
    B --> C{icon is defined?}
    C -->|No| D[Set IconLabel.visible = false]
    C -->|Yes| E{icon.length > 0?}
    E -->|No| D
    E -->|Yes| F[Set IconLabel.visible = true]
    D --> G[Render list item without icon]
    F --> H[Render list item with icon]
    G --> I[End]
    H --> I[End]

Loading

File-Level Changes

Change	Details	Files
Refactor the 'Other accounts' section header to use the shared DccTitleObject instead of an inline Label for consistent title behavior and search integration.	Replace a generic DccObject-based title with DccTitleObject for the 'Other accounts' section Remove inline Label page configuration and parent topPadding logic from the accounts QML Propagate canSearch from settings into the new DccTitleObject to keep it searchable	src/plugin-accounts/qml/AccountsMain.qml
Align title padding across the control center by tweaking DccTitleObject parent padding.	Increase parentItem.leftPadding from 12 to 14 when DccTitleObject is attached to a parent item Keep title layout behavior centralized in the shared DccTitleObject component	src/dde-control-center/plugin/DccTitleObject.qml
Normalize vertical spacing for the color temperature group by using right item margins instead of a top inset.	Replace topInset usage with rightItemTopMargin and rightItemBottomMargin set to 6 when the parent item becomes available Ensure both top and bottom spacing around the right-side content are controlled consistently	src/plugin-display/qml/DisplayMain.qml
Hide list item icons when no icon is provided to avoid empty placeholders.	Add a visibility condition to D.IconLabel so it only shows when model.item.icon is non-empty Keep existing spacing, mirroring, and display bindings intact for visible icons	src/dde-control-center/plugin/DccEditorItem.qml

---

Tips and commands

Interacting with Sourcery

• Trigger a new review: Comment @sourcery-ai review on the pull request.
• Continue discussions: Reply directly to Sourcery's review comments.
• Generate a GitHub issue from a review comment: Ask Sourcery to create an
  issue from a review comment by replying to it. You can also reply to a
  review comment with @sourcery-ai issue to create an issue from it.
• Generate a pull request title: Write @sourcery-ai anywhere in the pull
  request title to generate a title at any time. You can also comment
  @sourcery-ai title on the pull request to (re-)generate the title at any time.
• Generate a pull request summary: Write @sourcery-ai summary anywhere in
  the pull request body to generate a PR summary at any time exactly where you
  want it. You can also comment @sourcery-ai summary on the pull request to
  (re-)generate the summary at any time.
• Generate reviewer's guide: Comment @sourcery-ai guide on the pull
  request to (re-)generate the reviewer's guide at any time.
• Resolve all Sourcery comments: Comment @sourcery-ai resolve on the
  pull request to resolve all Sourcery comments. Useful if you've already
  addressed all the comments and don't want to see them anymore.
• Dismiss all Sourcery reviews: Comment @sourcery-ai dismiss on the pull
  request to dismiss all existing Sourcery reviews. Especially useful if you
  want to start fresh with a new review - don't forget to comment
  @sourcery-ai review to trigger a new review!

Customizing Your Experience

Access your dashboard to:

• Enable or disable review features such as the Sourcery-generated pull request
  summary, the reviewer's guide, and others.
• Change the review language.
• Add, remove or edit custom review instructions.
• Adjust other review settings.

Getting Help

• Contact our support team for questions or feedback.
• Visit our documentation for detailed guides and information.
• Keep in touch with the Sourcery team by following us on X/Twitter, LinkedIn or GitHub.

[sourcery-ai]

Hey - I've reviewed your changes and they look great!

---

Sourcery is free for open source - if you like our reviews please consider sharing them ✨

• X
• Mastodon
• LinkedIn
• Facebook

_{Help me be more useful! Please click 👍 or 👎 on each comment and I'll use the feedback to improve your reviews.}

[deepin-ci-robot]

[APPROVALNOTIFIER] This PR is NOT APPROVED

This pull-request has been approved by: add-uos, mhduiy

The full list of commands accepted by this bot can be found here.

Details

Needs approval from an approver in each of these files:

• debian/deepin/OWNERS

Approvers can indicate their approval by writing /approve in a comment
Approvers can cancel approval by writing /approve cancel in a comment

[deepin-bot]

TAG Bot

New tag: 6.1.80
DISTRIBUTION: unstable
Suggest: synchronizing this PR through rebase #3153

[add-uos]

/forcemerge

[deepin-bot]

This pr force merged! (status: behind)