优化素材右键菜单排版显示

调整公开展示菜单项文字左对齐

将勾选对号移到菜单右侧展示

src/components/image-editor/ImageCanvasAssetRowView.tsx

@@ -409,6 +409,7 @@ export function ImageCanvasAssetRowView({
           <button
             type="button"
             role="menuitemcheckbox"
+            className="image-canvas-editor__asset-context-menu-toggle"
             aria-checked={publicShowcaseEnabled}
             disabled={!canShowcaseAsset}
             onClick={() => {
@@ -419,8 +420,17 @@ export function ImageCanvasAssetRowView({
               closeMenu();
             }}
           >
-            <span aria-hidden="true">{publicShowcaseEnabled ? '✓' : ''}</span>
-            公开展示该素材
+            <span className="image-canvas-editor__asset-context-menu-label">
+              公开展示该素材
+            </span>
+            {publicShowcaseEnabled ? (
+              <span
+                aria-hidden="true"
+                className="image-canvas-editor__asset-context-menu-check"
+              >
+                ✓
+              </span>
+            ) : null}
           </button>
           {asset.sourceKind === 'uploaded' ? (
             <button

src/index.css

@@ -7747,11 +7747,23 @@ button.image-canvas-editor__reference-chip:disabled {
   z-index: 42;
 }
 
-.image-canvas-editor__asset-context-menu button span[aria-hidden='true'] {
+.image-canvas-editor__asset-context-menu
+  button.image-canvas-editor__asset-context-menu-toggle {
+  justify-content: space-between;
+  gap: 1rem;
+}
+
+.image-canvas-editor__asset-context-menu-label {
+  min-width: 0;
+  flex: 1 1 auto;
+  text-align: left;
+}
+
+.image-canvas-editor__asset-context-menu-check {
   display: inline-flex;
-  width: 1rem;
-  flex: 0 0 1rem;
-  justify-content: center;
+  flex: 0 0 auto;
+  align-items: center;
+  justify-content: flex-end;
 }
 
 .image-canvas-editor__context-menu hr {