smart-admin-web 10.14.0 → 10.20.0

package/dist/components/SmartLogo2.vue.js

@@ -1,74 +1,32 @@
-import { defineComponent as y, computed as o, openBlock as s, createElementBlock as n, unref as f, normalizeStyle as h, createBlock as k, resolveDynamicComponent as x, createStaticVNode as u, createElementVNode as e, createCommentVNode as _ } from "vue";
-import { useAppStore as F } from "../stores/app.js";
-import { useSite as E } from "../composables/useSite.js";
-import { runtime as w } from "../lib/runtime.js";
-const D = ["src", "alt"], z = ["width", "height"], L = ["fill"], S = {
-  key: 0,
-  width: "120",
-  height: "120",
-  rx: "27",
-  fill: "url(#sa-logo-glow)"
-}, C = ["stroke"], G = ["stroke"], M = ["fill"], b = ["fill"], j = /* @__PURE__ */ y({
+import { defineComponent as a, computed as t, openBlock as l, createBlock as m, resolveDynamicComponent as u, createElementBlock as p, unref as f, normalizeStyle as d } from "vue";
+import { useSite as g } from "../composables/useSite.js";
+import { runtime as _ } from "../lib/runtime.js";
+import v from "../assets/smart-logo.svg.js";
+const y = ["src", "alt"], B = /* @__PURE__ */ a({
   __name: "SmartLogo",
   props: {
-    size: { default: 28 }
+    size: { default: 28 },
+    src: { default: void 0 }
   },
-  setup(g) {
-    const a = g, l = F(), { site: c } = E(), t = w.brand.logo, d = o(() => c.logo || (typeof t == "string" ? t : "")), p = o(
-      () => !c.logo && t && typeof t != "string" ? t : null
-    ), m = o(() => l.isDark ? "#0F1222" : "url(#sa-logo-tile)"), i = o(() => l.isDark ? "url(#sa-logo-mark)" : "#FFFFFF"), v = o(() => l.isDark ? "#22D3EE" : "#A5F3FC");
-    return (B, r) => d.value ? (s(), n("img", {
+  setup(i) {
+    const o = i, { site: n } = g(), e = _.brand.logo, r = t(() => o.src ?? n.logo), s = t(
+      () => !r.value && e && typeof e != "string" ? e : null
+    ), c = t(
+      () => r.value || typeof e == "string" && e || v
+    );
+    return (z, k) => s.value ? (l(), m(u(s.value), {
       key: 0,
-      src: d.value,
-      style: h({ height: `${a.size}px` }),
-      alt: f(c).title,
-      class: "site-logo"
-    }, null, 12, D)) : p.value ? (s(), k(x(p.value), {
+      size: o.size
+    }, null, 8, ["size"])) : (l(), p("img", {
       key: 1,
-      size: a.size
-    }, null, 8, ["size"])) : (s(), n("svg", {
-      key: 2,
-      width: a.size,
-      height: a.size,
-      viewBox: "0 0 120 120",
-      role: "img",
-      "aria-label": "SmartAdmin"
-    }, [
-      r[1] || (r[1] = u('<defs data-v-88ac0194><linearGradient id="sa-logo-tile" gradientUnits="userSpaceOnUse" x1="0" y1="0" x2="120" y2="120" data-v-88ac0194><stop offset="0" stop-color="#7C83FF" data-v-88ac0194></stop><stop offset="1" stop-color="#4B52E6" data-v-88ac0194></stop></linearGradient><linearGradient id="sa-logo-mark" x1="0" y1="0" x2="1" y2="1" data-v-88ac0194><stop offset="0" stop-color="#646CFF" data-v-88ac0194></stop><stop offset="1" stop-color="#22D3EE" data-v-88ac0194></stop></linearGradient><radialGradient id="sa-logo-glow" cx="0.5" cy="0.45" r="0.55" data-v-88ac0194><stop offset="0" stop-color="#22D3EE" stop-opacity="0.26" data-v-88ac0194></stop><stop offset="1" stop-color="#22D3EE" stop-opacity="0" data-v-88ac0194></stop></radialGradient></defs>', 1)),
-      e("rect", {
-        width: "120",
-        height: "120",
-        rx: "27",
-        fill: m.value
-      }, null, 8, L),
-      f(l).isDark ? (s(), n("rect", S)) : _("", !0),
-      e("polygon", {
-        points: "60,20 94.6,40 94.6,80 60,100 25.4,80 25.4,40",
-        fill: "none",
-        stroke: i.value,
-        "stroke-width": "11",
-        "stroke-linejoin": "round"
-      }, null, 8, C),
-      e("path", {
-        d: "M60 60L60 39M60 60L78.2 49.5M60 60L78.2 70.5M60 60L60 81M60 60L41.8 70.5M60 60L41.8 49.5",
-        fill: "none",
-        stroke: i.value,
-        "stroke-width": "3.5",
-        "stroke-linecap": "round"
-      }, null, 8, G),
-      e("g", { fill: i.value }, [...r[0] || (r[0] = [
-        u('<circle cx="60" cy="39" r="5" data-v-88ac0194></circle><circle cx="78.2" cy="49.5" r="5" data-v-88ac0194></circle><circle cx="78.2" cy="70.5" r="5" data-v-88ac0194></circle><circle cx="60" cy="81" r="5" data-v-88ac0194></circle><circle cx="41.8" cy="70.5" r="5" data-v-88ac0194></circle><circle cx="41.8" cy="49.5" r="5" data-v-88ac0194></circle>', 6)
-      ])], 8, M),
-      e("circle", {
-        cx: "60",
-        cy: "60",
-        r: "8.5",
-        fill: v.value
-      }, null, 8, b)
-    ], 8, z));
+      src: c.value,
+      style: d({ height: `${o.size}px` }),
+      alt: f(n).title || "SmartAdmin",
+      class: "site-logo"
+    }, null, 12, y));
   }
 });
 export {
-  j as default
+  B as default
 };
 //# sourceMappingURL=SmartLogo2.vue.js.map

package/dist/components/SmartLogo2.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"SmartLogo2.vue.js","sources":["../../src/components/SmartLogo.vue"],"sourcesContent":["<script setup lang=\"ts\">\n// 站点徽标,侧栏/顶栏/登录页/应用选择页共用,品牌只在这一处生效。取值顺序:\n//   1) 后台「站点 logo」配置(sys.site.logo)有图片地址 → <img>;\n//   2) createSmartAdmin({ brand: { logo } }) 传的组件或图片地址(sys.site.logo 为空时使用);\n//   3) 内置 SmartAdmin 矢量标(Neural Hex:装甲六边形壳 + 7 节点神经网络,中心点亮)。内联 SVG、固定品牌配色\n//      (不随 accent 变——品牌身份固定 #646CFF);明暗两版切换,与模板 public/smart-logo.svg、smart-logo-dark.svg 是同一几何,改图形要三处同步。\nimport { computed } from 'vue'\nimport { useAppStore } from '#/stores/app'\nimport { useSite } from '#/composables/useSite'\nimport { runtime } from '#/lib/runtime'\n\nconst props = withDefaults(defineProps<{ size?: number }>(), { size: 28 })\nconst app = useAppStore()\nconst { site } = useSite()\n\nconst brandLogo = runtime.brand.logo\nconst imgSrc = computed(() => site.logo || (typeof brandLogo === 'string' ? brandLogo : ''))\nconst brandComponent = computed(() =>\n  !site.logo && brandLogo && typeof brandLogo !== 'string' ? brandLogo : null,\n)\n\n// 浅色:靛蓝渐变底 + 白色图形 + 浅青核心;深色:近黑底(带青色微光)+ 靛蓝→青渐变图形 + 青色核心\nconst bg = computed(() => (app.isDark ? '#0F1222' : 'url(#sa-logo-tile)'))\nconst stroke = computed(() => (app.isDark ? 'url(#sa-logo-mark)' : '#FFFFFF'))\nconst core = computed(() => (app.isDark ? '#22D3EE' : '#A5F3FC'))\n</script>\n\n<template>\n  <!-- 配置的 logo 可能是横版:定高、宽度随比例,容器窄时被 max-width 收住 -->\n  <img\n    v-if=\"imgSrc\"\n    :src=\"imgSrc\"\n    :style=\"{ height: `${props.size}px` }\"\n    :alt=\"site.title\"\n    class=\"site-logo\"\n  />\n  <component :is=\"brandComponent\" v-else-if=\"brandComponent\" :size=\"props.size\" />\n  <svg\n    v-else\n    :width=\"props.size\"\n    :height=\"props.size\"\n    viewBox=\"0 0 120 120\"\n    role=\"img\"\n    aria-label=\"SmartAdmin\"\n  >\n    <defs>\n      <linearGradient\n        id=\"sa-logo-tile\"\n        gradientUnits=\"userSpaceOnUse\"\n        x1=\"0\"\n        y1=\"0\"\n        x2=\"120\"\n        y2=\"120\"\n      >\n        <stop offset=\"0\" stop-color=\"#7C83FF\" />\n        <stop offset=\"1\" stop-color=\"#4B52E6\" />\n      </linearGradient>\n      <linearGradient id=\"sa-logo-mark\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\">\n        <stop offset=\"0\" stop-color=\"#646CFF\" />\n        <stop offset=\"1\" stop-color=\"#22D3EE\" />\n      </linearGradient>\n      <radialGradient id=\"sa-logo-glow\" cx=\"0.5\" cy=\"0.45\" r=\"0.55\">\n        <stop offset=\"0\" stop-color=\"#22D3EE\" stop-opacity=\"0.26\" />\n        <stop offset=\"1\" stop-color=\"#22D3EE\" stop-opacity=\"0\" />\n      </radialGradient>\n    </defs>\n    <rect width=\"120\" height=\"120\" rx=\"27\" :fill=\"bg\" />\n    <rect v-if=\"app.isDark\" width=\"120\" height=\"120\" rx=\"27\" fill=\"url(#sa-logo-glow)\" />\n    <polygon\n      points=\"60,20 94.6,40 94.6,80 60,100 25.4,80 25.4,40\"\n      fill=\"none\"\n      :stroke=\"stroke\"\n      stroke-width=\"11\"\n      stroke-linejoin=\"round\"\n    />\n    <path\n      d=\"M60 60L60 39M60 60L78.2 49.5M60 60L78.2 70.5M60 60L60 81M60 60L41.8 70.5M60 60L41.8 49.5\"\n      fill=\"none\"\n      :stroke=\"stroke\"\n      stroke-width=\"3.5\"\n      stroke-linecap=\"round\"\n    />\n    <g :fill=\"stroke\">\n      <circle cx=\"60\" cy=\"39\" r=\"5\" />\n      <circle cx=\"78.2\" cy=\"49.5\" r=\"5\" />\n      <circle cx=\"78.2\" cy=\"70.5\" r=\"5\" />\n      <circle cx=\"60\" cy=\"81\" r=\"5\" />\n      <circle cx=\"41.8\" cy=\"70.5\" r=\"5\" />\n      <circle cx=\"41.8\" cy=\"49.5\" r=\"5\" />\n    </g>\n    <circle cx=\"60\" cy=\"60\" r=\"8.5\" :fill=\"core\" />\n  </svg>\n</template>\n\n<style scoped>\n.site-logo {\n  display: block;\n  width: auto;\n  max-width: 100%;\n  object-fit: contain;\n}\n</style>\n"],"names":["props","__props","app","useAppStore","site","useSite","brandLogo","runtime","imgSrc","computed","brandComponent","bg","stroke","core","_createElementBlock","_normalizeStyle","_unref","_openBlock","_createBlock","_resolveDynamicComponent","_createElementVNode","_hoisted_4","_cache"],"mappings":";;;;;;;;;;;;;;;;AAWA,UAAMA,IAAQC,GACRC,IAAMC,EAAA,GACN,EAAE,MAAAC,EAAA,IAASC,EAAA,GAEXC,IAAYC,EAAQ,MAAM,MAC1BC,IAASC,EAAS,MAAML,EAAK,SAAS,OAAOE,KAAc,WAAWA,IAAY,GAAG,GACrFI,IAAiBD;AAAA,MAAS,MAC9B,CAACL,EAAK,QAAQE,KAAa,OAAOA,KAAc,WAAWA,IAAY;AAAA,IAAA,GAInEK,IAAKF,EAAS,MAAOP,EAAI,SAAS,YAAY,oBAAqB,GACnEU,IAASH,EAAS,MAAOP,EAAI,SAAS,uBAAuB,SAAU,GACvEW,IAAOJ,EAAS,MAAOP,EAAI,SAAS,YAAY,SAAU;qBAMtDM,EAAA,cADRM,EAME,OAAA;AAAA;MAJC,KAAKN,EAAA;AAAA,MACL,OAAKO,EAAA,EAAA,QAAA,GAAef,EAAM,IAAI,MAAA;AAAA,MAC9B,KAAKgB,EAAAZ,CAAA,EAAK;AAAA,MACX,OAAM;AAAA,IAAA,mBAEmCM,EAAA,SAA3CO,EAAA,GAAAC,EAAgFC,EAAhET,EAAA,KAAc,GAAA;AAAA;MAA8B,MAAMV,EAAM;AAAA,IAAA,+BACxEc,EAsDM,OAAA;AAAA;MApDH,OAAOd,EAAM;AAAA,MACb,QAAQA,EAAM;AAAA,MACf,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,cAAW;AAAA,IAAA;;MAuBXoB,EAAoD,QAAA;AAAA,QAA9C,OAAM;AAAA,QAAM,QAAO;AAAA,QAAM,IAAG;AAAA,QAAM,MAAMT,EAAA;AAAA,MAAA;MAClCK,EAAAd,CAAA,EAAI,UAAhBe,EAAA,GAAAH,EAAqF,QAArFO,CAAqF;MACrFD,EAME,WAAA;AAAA,QALA,QAAO;AAAA,QACP,MAAK;AAAA,QACJ,QAAQR,EAAA;AAAA,QACT,gBAAa;AAAA,QACb,mBAAgB;AAAA,MAAA;MAElBQ,EAME,QAAA;AAAA,QALA,GAAE;AAAA,QACF,MAAK;AAAA,QACJ,QAAQR,EAAA;AAAA,QACT,gBAAa;AAAA,QACb,kBAAe;AAAA,MAAA;MAEjBQ,EAOI,KAAA,EAPA,MAAMR,EAAA,MAAA,GAAM,CAAA,GAAAU,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA;AAAA;;MAQhBF,EAA+C,UAAA;AAAA,QAAvC,IAAG;AAAA,QAAK,IAAG;AAAA,QAAK,GAAE;AAAA,QAAO,MAAMP,EAAA;AAAA,MAAA;;;;"}
+{"version":3,"file":"SmartLogo2.vue.js","sources":["../../src/components/SmartLogo.vue"],"sourcesContent":["<script setup lang=\"ts\">\n// 站点徽标,侧栏/顶栏/登录页/应用选择页共用,品牌只在这一处生效。取值顺序:\n//   1) 后台「站点 logo」配置(sys.site.logo)有图片地址 → <img>;\n//   2) createSmartAdmin({ brand: { logo } }) 传的组件或图片地址(sys.site.logo 为空时使用);\n//   3) 内置 SmartAdmin 标(拉丝钛金属 X,自带蓝紫渐变圆角底,明暗主题同一张)。\n//      源文件 assets/smart-logo.svg 与模板 public/smart-logo.svg 是同一份,换图两处同步;\n//      用 <img> 而不是内联 SVG:图里有滤镜和 clipPath,内联多份时 id 会互相串。库构建时内联进产物。\nimport { computed } from 'vue'\nimport { useSite } from '#/composables/useSite'\nimport { runtime } from '#/lib/runtime'\nimport builtinLogo from '#/assets/smart-logo.svg?url'\n\nconst props = withDefaults(\n  defineProps<{\n    size?: number\n    /** 覆盖 sys.site.logo(配置中心预览未保存的草稿用);空串 = 按\"没配 Logo\"回退 */\n    src?: string\n  }>(),\n  { size: 28, src: undefined },\n)\nconst { site } = useSite()\n\nconst brandLogo = runtime.brand.logo\nconst configured = computed(() => props.src ?? site.logo)\nconst brandComponent = computed(() =>\n  !configured.value && brandLogo && typeof brandLogo !== 'string' ? brandLogo : null,\n)\nconst imgSrc = computed(\n  () => configured.value || (typeof brandLogo === 'string' && brandLogo) || builtinLogo,\n)\n</script>\n\n<template>\n  <component :is=\"brandComponent\" v-if=\"brandComponent\" :size=\"props.size\" />\n  <!-- 配置的 logo 可能是横版:定高、宽度随比例,容器窄时被 max-width 收住 -->\n  <img\n    v-else\n    :src=\"imgSrc\"\n    :style=\"{ height: `${props.size}px` }\"\n    :alt=\"site.title || 'SmartAdmin'\"\n    class=\"site-logo\"\n  />\n</template>\n\n<style scoped>\n.site-logo {\n  display: block;\n  width: auto;\n  max-width: 100%;\n  object-fit: contain;\n}\n</style>\n"],"names":["props","__props","site","useSite","brandLogo","runtime","configured","computed","brandComponent","imgSrc","builtinLogo","_openBlock","_createBlock","_resolveDynamicComponent","_createElementBlock","_normalizeStyle","_unref"],"mappings":";;;;;;;;;;;AAYA,UAAMA,IAAQC,GAQR,EAAE,MAAAC,EAAA,IAASC,EAAA,GAEXC,IAAYC,EAAQ,MAAM,MAC1BC,IAAaC,EAAS,MAAMP,EAAM,OAAOE,EAAK,IAAI,GAClDM,IAAiBD;AAAA,MAAS,MAC9B,CAACD,EAAW,SAASF,KAAa,OAAOA,KAAc,WAAWA,IAAY;AAAA,IAAA,GAE1EK,IAASF;AAAA,MACb,MAAMD,EAAW,SAAU,OAAOF,KAAc,YAAYA,KAAcM;AAAA,IAAA;qBAKpCF,EAAA,SAAtCG,EAAA,GAAAC,EAA2EC,EAA3DL,EAAA,KAAc,GAAA;AAAA;MAAyB,MAAMR,EAAM;AAAA,IAAA,+BAEnEc,EAME,OAAA;AAAA;MAJC,KAAKL,EAAA;AAAA,MACL,OAAKM,EAAA,EAAA,QAAA,GAAef,EAAM,IAAI,MAAA;AAAA,MAC9B,KAAKgB,EAAAd,CAAA,EAAK,SAAK;AAAA,MAChB,OAAM;AAAA,IAAA;;;"}

package/dist/{views/system/config/components/GroupExtraConfig.vue.d.ts → components/TableTotal/index.vue.d.ts}

@@ -1,8 +1,5 @@
 type __VLS_Props = {
-    /** 本 Tab 管理的分组编码 */
-    group: string;
-    /** 本 Tab 已渲染成字段的键 */
-    claimed: readonly string[];
+    count?: number;
 };
 declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/components/{SelectTable → TableTotal}/index.vue.js

@@ -1,7 +1,7 @@
 import o from "./index2.vue.js";
 /* empty css           */
 import t from "../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-78ca7f91"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-86746be5"]]);
 export {
   m as default
 };

package/dist/components/TableTotal/index2.vue.js

@@ -0,0 +1,16 @@
+import { defineComponent as n, openBlock as o, createElementBlock as a, toDisplayString as r, unref as c } from "vue";
+import { useI18n as s } from "vue-i18n";
+const l = { class: "table-total tabular" }, _ = /* @__PURE__ */ n({
+  __name: "index",
+  props: {
+    count: {}
+  },
+  setup(t) {
+    const { t: e } = s();
+    return (p, u) => (o(), a("span", l, r(c(e)("table.total", { n: t.count ?? 0 })), 1));
+  }
+});
+export {
+  _ as default
+};
+//# sourceMappingURL=index2.vue.js.map

package/dist/components/TableTotal/index2.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index2.vue.js","sources":["../../../src/components/TableTotal/index.vue"],"sourcesContent":["<script setup lang=\"ts\">\n// 分页栏左侧的「共 N 条」:写在 SmartTable 的 #pagination-prefix 插槽里,数字取插槽给的 itemCount,\n// 不要自己再数一遍(远程表格里 itemCount 是后端的 total,不是当前页行数)。\nimport { useI18n } from 'vue-i18n'\n\ndefineProps<{ count?: number }>()\nconst { t } = useI18n()\n</script>\n\n<template>\n  <span class=\"table-total tabular\">{{ t('table.total', { n: count ?? 0 }) }}</span>\n</template>\n\n<style scoped>\n.table-total {\n  color: var(--text-2);\n  white-space: nowrap;\n}\n</style>\n"],"names":["t","useI18n","_openBlock","_createElementBlock","_hoisted_1","_toDisplayString","_unref","__props"],"mappings":";;;;;;;;AAMA,UAAM,EAAE,GAAAA,EAAA,IAAMC,EAAA;sBAIZC,KAAAC,EAAkF,QAAlFC,GAAkFC,EAA7CC,EAAAN,CAAA,sBAAsBO,EAAA,SAAK,GAAA,CAAA,GAAA,CAAA;AAAA;;"}

package/dist/components/TableZoomButton/index.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.vue.js","sources":["../../../src/components/TableZoomButton/index.vue"],"sourcesContent":["<script setup lang=\"ts\">\n// 表格「放大 / 还原」按钮。与 SmartTable 工具栏自带的刷新 / 密度 / 列设置同形态(circle quaternary + tooltip),\n// 放大态换收起图标并染主色 —— 不要写成带文字的 secondary 按钮,那在工具栏里一眼就是外来户。\n//\n// 状态由调用方的 useTableZoom() 持有(一块表一份实例),这里只负责外观与触发。\n// 按钮必须和表格一起进 Teleport 容器:留在 n-card 的 #header-extra 里,放大后会被遮罩盖住,\n// 还原按钮点不到,只能按 Esc。用法见 skills/create-page-variant/split-zoom.md。\nimport { NButton, NTooltip } from 'naive-ui'\nimport { useI18n } from 'vue-i18n'\nimport AppIcon from '#/components/AppIcon.vue'\n\nwithDefaults(defineProps<{ zoomed: boolean; size?: 'tiny' | 'small' | 'medium' | 'large' }>(), {\n  size: 'small',\n})\ndefineEmits<{ toggle: [] }>()\n\nconst { t } = useI18n()\n</script>\n\n<template>\n  <n-tooltip>\n    <template #trigger>\n      <n-button\n        :size=\"size\"\n        circle\n        quaternary\n        :type=\"zoomed ? 'primary' : 'default'\"\n        :aria-label=\"zoomed ? t('table.zoomExit') : t('table.zoom')\"\n        @click=\"$emit('toggle')\"\n      >\n        <template #icon>\n          <AppIcon :icon=\"zoomed ? 'ph:corners-in' : 'ph:corners-out'\" />\n        </template>\n      </n-button>\n    </template>\n    {{ zoomed ? t('table.zoomExit') : t('table.zoom') }}\n  </n-tooltip>\n</template>\n"],"names":["useI18n","_createBlock","_unref","NTooltip","_createVNode","NButton","__props","$emit","AppIcon","_createTextVNode","_toDisplayString"],"mappings":";;;;;;;;;;;;AAgBA,UAAM,EAAE,EAAA,IAAMA,EAAA;2BAIZC,EAgBYC,EAAAC,CAAA,GAAA,MAAA;AAAA,MAfC,WACT,MAWW;AAAA,QAXXC,EAWWF,EAAAG,CAAA,GAAA;AAAA,UAVR,MAAMC,EAAA;AAAA,UACP,QAAA;AAAA,UACA,YAAA;AAAA,UACC,MAAMA,EAAA,SAAM,YAAA;AAAA,UACZ,cAAYA,EAAA,SAASJ,EAAA,CAAA,sBAAsBA,EAAA,CAAA,EAAC,YAAA;AAAA,UAC5C,gCAAOK,EAAAA,MAAK,QAAA;AAAA,QAAA;UAEF,QACT,MAA+D;AAAA,YAA/DH,EAA+DI,GAAA;AAAA,cAArD,MAAMF,EAAA,SAAM,kBAAA;AAAA,YAAA;;;;;iBAGjB,MACX;AAAA,QADWG,EAAA,MACXC,EAAGJ,EAAA,SAASJ,EAAA,CAAA,sBAAsBA,EAAA,CAAA,EAAC,YAAA,CAAA,GAAA,CAAA;AAAA,MAAA;;;;;"}
+{"version":3,"file":"index.vue.js","sources":["../../../src/components/TableZoomButton/index.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * @deprecated SmartTable 自带放大按钮:`:toolbar=\"{ maximize: true }\"`\n * (Teleport 到 body、盖住侧栏与顶栏、不调用浏览器全屏 API,与本实现是同一思路)。\n * 本组件与 useTableZoom 没有内核页面在用,仅为已依赖它们的下游应用保留,下一个 .NET 大版本删除。\n */\n// 表格「放大 / 还原」按钮。与 SmartTable 工具栏自带的刷新 / 密度 / 列设置同形态(circle quaternary + tooltip),\n// 放大态换收起图标并染主色 —— 不要写成带文字的 secondary 按钮,那在工具栏里一眼就是外来户。\n//\n// 状态由调用方的 useTableZoom() 持有(一块表一份实例),这里只负责外观与触发。\n// 按钮必须和表格一起进 Teleport 容器:留在 n-card 的 #header-extra 里,放大后会被遮罩盖住,\n// 还原按钮点不到,只能按 Esc。用法见 skills/create-page-variant/split-zoom.md。\nimport { NButton, NTooltip } from 'naive-ui'\nimport { useI18n } from 'vue-i18n'\nimport AppIcon from '#/components/AppIcon.vue'\n\nwithDefaults(defineProps<{ zoomed: boolean; size?: 'tiny' | 'small' | 'medium' | 'large' }>(), {\n  size: 'small',\n})\ndefineEmits<{ toggle: [] }>()\n\nconst { t } = useI18n()\n</script>\n\n<template>\n  <n-tooltip>\n    <template #trigger>\n      <n-button\n        :size=\"size\"\n        circle\n        quaternary\n        :type=\"zoomed ? 'primary' : 'default'\"\n        :aria-label=\"zoomed ? t('table.zoomExit') : t('table.zoom')\"\n        @click=\"$emit('toggle')\"\n      >\n        <template #icon>\n          <AppIcon :icon=\"zoomed ? 'ph:corners-in' : 'ph:corners-out'\" />\n        </template>\n      </n-button>\n    </template>\n    {{ zoomed ? t('table.zoomExit') : t('table.zoom') }}\n  </n-tooltip>\n</template>\n"],"names":["useI18n","_createBlock","_unref","NTooltip","_createVNode","NButton","__props","$emit","AppIcon","_createTextVNode","_toDisplayString"],"mappings":";;;;;;;;;;;;AAqBA,UAAM,EAAE,EAAA,IAAMA,EAAA;2BAIZC,EAgBYC,EAAAC,CAAA,GAAA,MAAA;AAAA,MAfC,WACT,MAWW;AAAA,QAXXC,EAWWF,EAAAG,CAAA,GAAA;AAAA,UAVR,MAAMC,EAAA;AAAA,UACP,QAAA;AAAA,UACA,YAAA;AAAA,UACC,MAAMA,EAAA,SAAM,YAAA;AAAA,UACZ,cAAYA,EAAA,SAASJ,EAAA,CAAA,sBAAsBA,EAAA,CAAA,EAAC,YAAA;AAAA,UAC5C,gCAAOK,EAAAA,MAAK,QAAA;AAAA,QAAA;UAEF,QACT,MAA+D;AAAA,YAA/DH,EAA+DI,GAAA;AAAA,cAArD,MAAMF,EAAA,SAAM,kBAAA;AAAA,YAAA;;;;;iBAGjB,MACX;AAAA,QADWG,EAAA,MACXC,EAAGJ,EAAA,SAASJ,EAAA,CAAA,sBAAsBA,EAAA,CAAA,EAAC,YAAA,CAAA,GAAA,CAAA;AAAA,MAAA;;;;;"}

package/dist/components/UserPicker/index.vue.js

@@ -1,8 +1,8 @@
 import o from "./index2.vue.js";
 /* empty css           */
 import r from "../../_virtual/_plugin-vue_export-helper.js";
-const p = /* @__PURE__ */ r(o, [["__scopeId", "data-v-41b95328"]]);
+const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-ef8d2925"]]);
 export {
-  p as default
+  m as default
 };
 //# sourceMappingURL=index.vue.js.map

package/dist/components/UserPicker/index2.vue.js

@@ -1,112 +1,154 @@
-import { defineComponent as G, ref as p, computed as m, onMounted as H, reactive as J, openBlock as h, createBlock as I, unref as l, withCtx as v, createElementVNode as s, toDisplayString as i, createVNode as u, createTextVNode as _, createElementBlock as N, Fragment as Q, renderList as W, createCommentVNode as X, h as Y } from "vue";
-import { useMessage as Z, NTree as ee, NButton as y, NInput as te, NEmpty as ne } from "naive-ui";
-import { SmartTable as le } from "smart-naive-table";
-import { useI18n as oe } from "vue-i18n";
-import ae from "../AppIcon.vue.js";
-import se from "../FormContainer/index.vue.js";
+import { defineComponent as ae, ref as v, computed as p, onMounted as ne, h as se, reactive as oe, openBlock as f, createBlock as _, unref as l, withCtx as h, createVNode as u, createTextVNode as g, toDisplayString as o, createCommentVNode as b, createElementVNode as r, normalizeClass as re, createElementBlock as C, withDirectives as A, vShow as K, Fragment as ie, renderList as ce } from "vue";
+import { useMessage as ue, NButton as S, NTabs as de, NTab as L, NTree as pe, NTreeSelect as me, NInput as ve, NEmpty as fe } from "naive-ui";
+import { SmartTable as he } from "smart-naive-table";
+import { useI18n as ke } from "vue-i18n";
+import { useWindowSize as ge } from "@vueuse/core";
+import ye from "../AppIcon.vue.js";
+import we from "../FormContainer/index.vue.js";
 /* empty css                          */
-import { orgApi as re, userApi as P } from "../../api/index.js";
-import { buildTree as ie } from "../../utils/tree.js";
-import { translateError as ce } from "../../utils/error.js";
-const de = { class: "user-picker" }, ue = { class: "picker-tree" }, pe = { class: "panel-header" }, me = { class: "picker-table" }, fe = { class: "panel-header" }, he = { class: "picker-selected" }, ve = { class: "panel-header" }, ye = { class: "selected-list" }, ke = { class: "selected-name" }, ge = { class: "selected-account" }, Ue = /* @__PURE__ */ G({
+import { useShellBreakpoint as _e } from "../../composables/useShellBreakpoint.js";
+import { orgApi as be, userApi as O } from "../../api/index.js";
+import { buildTree as Se } from "../../utils/tree.js";
+import { translateError as ze } from "../../utils/error.js";
+import { SEARCH_ACTIONS as xe } from "../../utils/tableFilter.js";
+const Ce = {
+  key: 0,
+  class: "picker-tree"
+}, Ne = { class: "panel-header" }, Pe = { class: "picker-table" }, Ie = { class: "panel-header" }, Te = { class: "picker-selected" }, Ue = { class: "panel-header" }, Ee = { class: "selected-list" }, Be = { class: "selected-name" }, qe = { class: "selected-account" }, Ge = /* @__PURE__ */ ae({
   __name: "index",
   props: {
     excludeIds: {}
   },
   emits: ["confirm"],
-  setup(U, { expose: E, emit: T }) {
-    const q = U, B = T, { t: a } = oe(), K = Z(), k = p(!1), g = p(), w = p([]), L = m(() => [{ id: 0, parentId: -1, name: a("common.all"), children: ie(w.value) }]), c = p(null), V = m(
+  setup(R, { expose: V, emit: D }) {
+    const $ = R, F = D, { t: n } = ke(), M = ue(), z = v(!1), y = v(), { bp: N } = _e(), { width: W } = ge(), d = p(() => N.value === "narrow" || W.value < 900), H = p(() => N.value === "narrow" ? "drawer" : "modal"), k = v("users"), x = p(() => d.value ? "large" : "small"), P = v([]), I = p(() => [{ id: 0, parentId: -1, name: n("common.all"), children: Se(P.value) }]), c = v(null), j = p(
       () => c.value && c.value !== 0 ? c.value : void 0
     );
-    H(async () => {
+    ne(async () => {
       try {
-        w.value = await re.list();
+        P.value = await be.list();
       } catch {
       }
     });
-    function R(t) {
+    function G(t) {
       var e;
-      c.value = t[0] ?? null, (e = g.value) == null || e.refresh();
+      c.value = t[0] ?? null, (e = y.value) == null || e.refresh();
     }
-    const d = p([]), S = m(() => new Set(q.excludeIds ?? [])), $ = (t) => P.page({
+    function J(t) {
+      var e;
+      c.value = t ?? null, (e = y.value) == null || e.refresh();
+    }
+    const m = v([]), T = p(() => new Set($.excludeIds ?? [])), Q = (t) => O.page({
       page: t.page,
       pageSize: t.pageSize,
-      name: t.name,
-      orgId: V.value
-    }), A = [
+      account: t.account,
+      orgId: j.value
+    }), X = [
       { type: "selection" },
-      { key: "name", title: () => a("user.name"), width: 100 },
-      { key: "account", title: () => a("user.account"), width: 120, search: !0 },
+      { key: "name", title: () => n("user.name"), width: 100 },
+      {
+        key: "account",
+        title: () => n("user.account"),
+        width: 120,
+        search: { actions: xe.fuzzy }
+      },
       {
         key: "op",
-        title: () => a("common.operation"),
+        title: () => n("common.operation"),
         width: 70,
         render: (t) => {
-          const e = b.value.has(t.id) || S.value.has(t.id);
-          return Y(
-            y,
+          const e = U.value.has(t.id) || T.value.has(t.id);
+          return se(
+            S,
             {
               size: "tiny",
               type: "primary",
               quaternary: !0,
               disabled: e,
-              onClick: () => C([t])
+              onClick: () => B([t])
             },
-            () => a(e ? "userPicker.added" : "userPicker.add")
+            () => n(e ? "userPicker.added" : "userPicker.add")
           );
         }
       }
-    ], o = J([]), b = m(() => new Set(o.map((t) => t.id))), f = p(""), x = m(() => {
-      const t = f.value.trim().toLowerCase();
-      return t ? o.filter(
+    ], s = oe([]), U = p(() => new Set(s.map((t) => t.id))), w = v(""), E = p(() => {
+      const t = w.value.trim().toLowerCase();
+      return t ? s.filter(
         (e) => e.name.toLowerCase().includes(t) || e.account.toLowerCase().includes(t)
-      ) : o;
+      ) : s;
     });
-    function C(t) {
+    function B(t) {
       for (const e of t)
-        !b.value.has(e.id) && !S.value.has(e.id) && o.push(e);
+        !U.value.has(e.id) && !T.value.has(e.id) && s.push(e);
     }
-    function D() {
+    function Y() {
       var e;
-      const t = (l((e = g.value) == null ? void 0 : e.rows) ?? []).filter((n) => d.value.includes(n.id));
-      C(t), d.value = [];
+      const t = (l((e = y.value) == null ? void 0 : e.rows) ?? []).filter((a) => m.value.includes(a.id));
+      B(t), m.value = [];
     }
-    function F(t) {
-      const e = o.findIndex((n) => n.id === t);
-      e >= 0 && o.splice(e, 1);
+    function Z(t) {
+      const e = s.findIndex((a) => a.id === t);
+      e >= 0 && s.splice(e, 1);
     }
-    function M() {
-      o.splice(0, o.length);
+    function ee() {
+      s.splice(0, s.length);
     }
-    async function O(t) {
-      if (o.splice(0, o.length), d.value = [], f.value = "", c.value = null, k.value = !0, t != null && t.length)
+    async function te(t) {
+      if (s.splice(0, s.length), m.value = [], w.value = "", c.value = null, k.value = "users", z.value = !0, t != null && t.length)
         try {
-          const { items: e } = await P.page({ page: 1, pageSize: 200 }), n = e.filter((r) => t.includes(r.id)), z = new Set(n.map((r) => r.id));
-          for (const r of n) o.push(r);
-          for (const r of t)
-            z.has(r) || o.push({ id: r, account: String(r), name: String(r) });
+          const { items: e } = await O.page({ page: 1, pageSize: 200 }), a = e.filter((i) => t.includes(i.id)), q = new Set(a.map((i) => i.id));
+          for (const i of a) s.push(i);
+          for (const i of t)
+            q.has(i) || s.push({ id: i, account: String(i), name: String(i) });
         } catch {
-          for (const e of t) o.push({ id: e, account: String(e), name: String(e) });
+          for (const e of t) s.push({ id: e, account: String(e), name: String(e) });
         }
     }
-    async function j() {
-      const t = o.map((e) => e.id);
-      B("confirm", t);
+    async function le() {
+      const t = s.map((e) => e.id);
+      F("confirm", t);
     }
-    return E({ open: O }), (t, e) => (h(), I(se, {
-      show: k.value,
-      "onUpdate:show": e[3] || (e[3] = (n) => k.value = n),
-      title: l(a)("userPicker.title"),
+    return V({ open: te }), (t, e) => (f(), _(we, {
+      show: z.value,
+      "onUpdate:show": e[4] || (e[4] = (a) => z.value = a),
+      variant: H.value,
+      title: l(n)("userPicker.title"),
       width: 1100,
-      "on-confirm": j,
-      "confirm-text": l(a)("common.confirm")
+      "on-confirm": le,
+      "confirm-text": l(n)("common.confirm")
     }, {
-      default: v(() => [
-        s("div", de, [
-          s("div", ue, [
-            s("div", pe, i(l(a)("org.title")), 1),
-            u(l(ee), {
-              data: L.value,
+      default: h(() => [
+        d.value ? (f(), _(l(de), {
+          key: 0,
+          value: k.value,
+          "onUpdate:value": e[0] || (e[0] = (a) => k.value = a),
+          type: "segment",
+          animated: "",
+          class: "picker-tabs"
+        }, {
+          default: h(() => [
+            u(l(L), { name: "users" }, {
+              default: h(() => [
+                g(o(l(n)("userPicker.available")), 1)
+              ]),
+              _: 1
+            }),
+            u(l(L), { name: "selected" }, {
+              default: h(() => [
+                g(o(l(n)("userPicker.selected")) + "(" + o(s.length) + ")", 1)
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["value"])) : b("", !0),
+        r("div", {
+          class: re(["user-picker", { "is-compact": d.value }])
+        }, [
+          d.value ? b("", !0) : (f(), C("div", Ce, [
+            r("div", Ne, o(l(n)("org.title")), 1),
+            u(l(pe), {
+              data: I.value,
               "key-field": "id",
               "label-field": "name",
               "children-field": "children",
@@ -114,101 +156,118 @@ const de = { class: "user-picker" }, ue = { class: "picker-tree" }, pe = { class
               "block-line": "",
               "default-expand-all": "",
               "selected-keys": c.value != null ? [c.value] : [],
-              "onUpdate:selectedKeys": R
+              "onUpdate:selectedKeys": G
             }, null, 8, ["data", "selected-keys"])
-          ]),
-          s("div", me, [
-            s("div", fe, [
-              s("span", null, i(l(a)("userPicker.available")), 1),
-              u(l(y), {
-                size: "tiny",
+          ])),
+          A(r("div", Pe, [
+            d.value ? (f(), _(l(me), {
+              key: 0,
+              value: c.value ?? 0,
+              options: I.value,
+              "key-field": "id",
+              "label-field": "name",
+              "children-field": "children",
+              "default-expand-all": "",
+              size: "large",
+              class: "picker-org-select",
+              "onUpdate:value": J
+            }, null, 8, ["value", "options"])) : b("", !0),
+            r("div", Ie, [
+              r("span", null, o(l(n)("userPicker.available")), 1),
+              u(l(S), {
+                size: x.value,
                 type: "primary",
-                disabled: d.value.length === 0,
-                onClick: D
+                disabled: m.value.length === 0,
+                onClick: Y
               }, {
-                default: v(() => [
-                  _(i(l(a)("userPicker.addChecked")) + "(" + i(d.value.length) + ") ", 1)
+                default: h(() => [
+                  g(o(l(n)("userPicker.addChecked")) + "(" + o(m.value.length) + ") ", 1)
                 ]),
                 _: 1
-              }, 8, ["disabled"])
+              }, 8, ["size", "disabled"])
             ]),
-            u(l(le), {
+            u(l(he), {
               "default-page-size": 100,
               ref_key: "tableRef",
-              ref: g,
-              columns: A,
-              fetcher: $,
+              ref: y,
+              columns: X,
+              fetcher: Q,
+              search: { container: "table" },
               pagination: { pageSize: 10 },
               size: "small",
               "storage-key": "user-picker",
               "tool-button": !1,
-              "checked-row-keys": d.value,
-              "onUpdate:checkedRowKeys": e[0] || (e[0] = (n) => d.value = n),
-              onError: e[1] || (e[1] = (n) => l(K).error(l(ce)(n)))
+              "checked-row-keys": m.value,
+              "onUpdate:checkedRowKeys": e[1] || (e[1] = (a) => m.value = a),
+              onError: e[2] || (e[2] = (a) => l(M).error(l(ze)(a)))
             }, null, 8, ["checked-row-keys"])
+          ], 512), [
+            [K, !d.value || k.value === "users"]
           ]),
-          s("div", he, [
-            s("div", ve, [
-              s("span", null, i(l(a)("userPicker.selected")) + "(" + i(o.length) + ")", 1),
-              u(l(y), {
-                size: "tiny",
+          A(r("div", Te, [
+            r("div", Ue, [
+              r("span", null, o(l(n)("userPicker.selected")) + "(" + o(s.length) + ")", 1),
+              u(l(S), {
+                size: x.value,
                 quaternary: "",
                 type: "error",
-                disabled: o.length === 0,
-                onClick: M
+                disabled: s.length === 0,
+                onClick: ee
               }, {
-                default: v(() => [
-                  _(i(l(a)("userPicker.clear")), 1)
+                default: h(() => [
+                  g(o(l(n)("userPicker.clear")), 1)
                 ]),
                 _: 1
-              }, 8, ["disabled"])
+              }, 8, ["size", "disabled"])
             ]),
-            u(l(te), {
-              value: f.value,
-              "onUpdate:value": e[2] || (e[2] = (n) => f.value = n),
-              size: "small",
+            u(l(ve), {
+              value: w.value,
+              "onUpdate:value": e[3] || (e[3] = (a) => w.value = a),
+              size: d.value ? "large" : "small",
               clearable: "",
-              placeholder: l(a)("common.search"),
+              placeholder: l(n)("common.search"),
               style: { "margin-bottom": "8px" }
-            }, null, 8, ["value", "placeholder"]),
-            s("div", ye, [
-              (h(!0), N(Q, null, W(x.value, (n) => (h(), N("div", {
-                key: n.id,
+            }, null, 8, ["value", "size", "placeholder"]),
+            r("div", Ee, [
+              (f(!0), C(ie, null, ce(E.value, (a) => (f(), C("div", {
+                key: a.id,
                 class: "selected-item"
               }, [
-                s("span", ke, [
-                  _(i(n.name) + " ", 1),
-                  s("span", ge, "(" + i(n.account) + ")", 1)
+                r("span", Be, [
+                  g(o(a.name) + " ", 1),
+                  r("span", qe, "(" + o(a.account) + ")", 1)
                 ]),
-                u(l(y), {
-                  size: "tiny",
+                u(l(S), {
+                  size: x.value,
                   quaternary: "",
                   type: "error",
-                  onClick: (z) => F(n.id)
+                  onClick: (q) => Z(a.id)
                 }, {
-                  icon: v(() => [
-                    u(ae, {
+                  icon: h(() => [
+                    u(ye, {
                       icon: "ph:x",
                       size: 14
                     })
                   ]),
                   _: 1
-                }, 8, ["onClick"])
+                }, 8, ["size", "onClick"])
               ]))), 128)),
-              x.value.length === 0 ? (h(), I(l(ne), {
+              E.value.length === 0 ? (f(), _(l(fe), {
                 key: 0,
-                description: l(a)("common.noData"),
+                description: l(n)("common.noData"),
                 style: { padding: "24px 0" }
-              }, null, 8, ["description"])) : X("", !0)
+              }, null, 8, ["description"])) : b("", !0)
             ])
+          ], 512), [
+            [K, !d.value || k.value === "selected"]
           ])
-        ])
+        ], 2)
       ]),
       _: 1
-    }, 8, ["show", "title", "confirm-text"]));
+    }, 8, ["show", "variant", "title", "confirm-text"]));
   }
 });
 export {
-  Ue as default
+  Ge as default
 };
 //# sourceMappingURL=index2.vue.js.map