@iasiv5/dsh-skins 1.5.4 → 1.5.5

package/lib/client.js

@@ -871,8 +871,10 @@ ${darkSelector}{${dark.join(";")}}`;
       "personalization.confirmTitle": "确认操作",
       "personalization.confirm": "确认",
       "personalization.cancel": "取消",
-      "personalization.resetJoin": "、",
-      "personalization.resetConfirm": "以下设置将恢复为出厂默认：\n{fields}\n此操作立即生效，确认继续吗？",
+      "personalization.resetJoin": "\n• ",
+      "personalization.resetConfirm": "以下设置将恢复为出厂默认：\n\n{fields}\n\n此操作立即生效，确认继续吗？",
+      "personalization.resetConfirmIntro": "以下设置将恢复为出厂默认：",
+      "personalization.resetConfirmOutro": "此操作立即生效，确认继续吗？",
       "personalization.light": "浅色",
       "personalization.dark": "深色",
       "personalization.builtin": "内置画作",
@@ -942,8 +944,10 @@ ${darkSelector}{${dark.join(";")}}`;
       "personalization.confirmTitle": "Confirm action",
       "personalization.confirm": "Confirm",
       "personalization.cancel": "Cancel",
-      "personalization.resetJoin": ", ",
-      "personalization.resetConfirm": "These settings will be reset to factory defaults:\n{fields}\nThis takes effect immediately. Continue?",
+      "personalization.resetJoin": "\n• ",
+      "personalization.resetConfirm": "These settings will be reset to factory defaults:\n\n{fields}\n\nThis takes effect immediately. Continue?",
+      "personalization.resetConfirmIntro": "These settings will be reset to factory defaults:",
+      "personalization.resetConfirmOutro": "This takes effect immediately. Continue?",
       "personalization.light": "Light",
       "personalization.dark": "Dark",
       "personalization.builtin": "Built-in artwork",
@@ -1112,6 +1116,10 @@ ${darkSelector}{${dark.join(";")}}`;
     ".dsh-skins-pz-dialog{box-sizing:border-box;width:min(480px,calc(100vw - 32px));max-height:calc(100vh - 32px);padding:20px;border:1px solid var(--dsw-alias-border-l2);border-radius:14px;background:var(--dsw-alias-bg-elevated,var(--dsw-alias-bg-overlay));color:var(--dsw-alias-label-primary);box-shadow:var(--dsw-shadow-lv3,0 8px 24px rgba(0,0,0,.25));font:inherit}",
     ".dsh-skins-pz-dialog::backdrop{background:rgba(0,0,0,.45)}",
     ".dsh-skins-pz-dialog-message{margin:0 0 20px;white-space:pre-line;line-height:1.6;font-size:14px}",
+    ".dsh-skins-pz-dialog-intro{margin:0;font-size:14px;line-height:1.6}.dsh-skins-pz-dialog-outro{margin:0 0 20px;font-size:14px;line-height:1.6}",
+    ".dsh-skins-pz-dialog-tags{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 16px;padding:0;list-style:none}",
+    ".dsh-skins-pz-dialog-tag{box-sizing:border-box;display:inline-flex;align-items:center;gap:7px;max-width:100%;padding:6px 10px;border:1px solid var(--dsw-alias-border-l2);border-color:color-mix(in srgb,var(--dsw-alias-brand-primary) 42%,transparent);border-radius:999px;background:var(--dsw-alias-bg-layer-1);background:color-mix(in srgb,var(--dsw-alias-brand-primary) 10%,var(--dsw-alias-bg-overlay));color:var(--dsw-alias-label-primary);font-size:13px;line-height:18px;font-weight:600;white-space:normal}",
+    '.dsh-skins-pz-dialog-tag::before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:var(--dsw-alias-brand-primary)}',
     ".dsh-skins-pz-dialog-actions{display:flex;justify-content:flex-end;gap:8px}",
     // Stacked (<904px) resets MUST come after the rules they override — the
     // array order is the cascade order among equal-specificity selectors.
@@ -1405,13 +1413,13 @@ ${names}`,
       const dialogRef = useRef(null);
       const confirmationRef = useRef(null);
       const [confirmation, setConfirmation] = useState(null);
-      const requestConfirm = (message, accept) => {
+      const requestConfirm = (message, accept, { detailItems = null } = {}) => {
         if (!desktopProfile) {
           if (window.confirm(message)) void accept();
           return;
         }
         if (confirmationRef.current !== null) return;
-        const next = { message, accept };
+        const next = { message, accept, detailItems };
         confirmationRef.current = next;
         setConfirmation(next);
       };
@@ -1530,11 +1538,11 @@ ${names}`,
             onClick: () => {
               const affected = schema.fields.filter((field) => overrides[field.key] !== void 0).map((field) => tr(field.labelKey));
               requestConfirm(tr("personalization.resetConfirm", {
-                fields: affected.length > 0 ? affected.join(tr("personalization.resetJoin")) : "—"
+                fields: affected.length > 0 ? `• ${affected.join(tr("personalization.resetJoin"))}` : "—"
               }), () => {
                 for (const field of schema.fields) configClient.previewReset(skinId, field.key);
                 void configClient.flushNow();
-              });
+              }, { detailItems: affected });
             },
             children: tr("personalization.reset")
           }) : null,
@@ -1562,7 +1570,11 @@ ${names}`,
           },
           children: [
             jsx("div", { id: "dsh-skins-confirm-title", className: "dsh-skins-pop-title", children: tr("personalization.confirmTitle") }),
-            jsx("p", { className: "dsh-skins-pz-dialog-message", children: confirmation.message }),
+            confirmation.detailItems === null ? jsx("p", { className: "dsh-skins-pz-dialog-message", children: confirmation.message }) : jsx("div", { children: [
+              jsx("p", { className: "dsh-skins-pz-dialog-intro", children: tr("personalization.resetConfirmIntro") }),
+              confirmation.detailItems.length > 0 ? jsx("ul", { className: "dsh-skins-pz-dialog-tags", children: confirmation.detailItems.map((label) => jsx("li", { className: "dsh-skins-pz-dialog-tag", children: label }, label)) }) : jsx("p", { className: "dsh-skins-pz-dialog-message", children: "—" }),
+              jsx("p", { className: "dsh-skins-pz-dialog-outro", children: tr("personalization.resetConfirmOutro") })
+            ] }),
             jsx("div", { className: "dsh-skins-pz-dialog-actions", children: [
               jsx("button", {
                 type: "button",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@iasiv5/dsh-skins",
   "description": "DSH Web 皮肤插件：多套品牌皮肤侧栏热切换。",
-  "version": "1.5.4",
+  "version": "1.5.5",
   "homepage": "https://github.com/iasiv5/dsh-skins#readme",
   "repository": {
     "type": "git",