smart-admin-web 10.14.0 → 10.20.0

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

@@ -1,12 +1,16 @@
-import { defineComponent as D, useModel as z, computed as u, ref as V, onDeactivated as j, openBlock as S, createBlock as $, unref as e, normalizeStyle as U, normalizeClass as W, createSlots as x, withCtx as l, renderSlot as d, createVNode as i, createTextVNode as w, toDisplayString as c, createElementVNode as A, mergeModels as E } from "vue";
-import { NModal as F, NSpace as g, NButton as y, NDrawer as I, NDrawerContent as q } from "naive-ui";
-import { useI18n as G } from "vue-i18n";
-import { useWindowSize as H } from "@vueuse/core";
-import { useAppStore as J } from "../../stores/app.js";
-import { useCompactScreen as K } from "../../composables/useCompactScreen.js";
-const Y = /* @__PURE__ */ D({
+import { defineComponent as E, useModel as U, computed as i, ref as W, onDeactivated as A, openBlock as k, createBlock as C, unref as e, normalizeStyle as F, normalizeClass as z, createSlots as B, withCtx as l, renderSlot as v, createVNode as r, createTextVNode as y, toDisplayString as c, createElementBlock as I, createElementVNode as q, mergeModels as G } from "vue";
+import { NModal as H, NSpace as N, NButton as h, NDrawer as J, NDrawerContent as K } from "naive-ui";
+import { useI18n as L } from "vue-i18n";
+import { useWindowSize as O } from "@vueuse/core";
+import { useCompactScreen as P } from "../../composables/useCompactScreen.js";
+import { useShellBreakpoint as Q } from "../../composables/useShellBreakpoint.js";
+import { useAppStore as R } from "../../stores/app.js";
+const X = {
+  key: 0,
+  class: "smart-form-foot"
+}, te = /* @__PURE__ */ E({
   __name: "index",
-  props: /* @__PURE__ */ E({
+  props: /* @__PURE__ */ G({
     title: {},
     variant: {},
     width: {},
@@ -21,58 +25,59 @@ const Y = /* @__PURE__ */ D({
   }),
   emits: ["update:show"],
   setup(a) {
-    const o = z(a, "show"), r = a, { t: m } = G(), N = J(), T = u(() => r.variant ?? N.formStyle), t = V(!1), { width: p } = H(), B = K(), h = u(
-      () => r.fullscreen === "auto" ? B.value : r.fullscreen === !0
-    ), k = u(
-      () => h.value ? p.value : Math.min(r.width ?? 560, Math.round(p.value * 0.9))
-    ), M = u(() => h.value ? void 0 : { width: `${k.value}px` }), v = u(() => !t.value), C = u(() => (r.maskClosable ?? !1) && !t.value);
+    const o = U(a, "show"), u = a, { t: d } = L(), M = R(), g = i(() => u.variant ?? M.formStyle), t = W(!1), { width: S } = O(), D = P(), w = i(
+      () => u.fullscreen === "auto" ? D.value : u.fullscreen === !0
+    ), { bp: V } = Q(), m = i(() => g.value === "drawer" && V.value === "narrow" && !w.value), $ = i(() => m.value ? "large" : "medium"), x = i(
+      () => w.value ? S.value : Math.min(u.width ?? 560, Math.round(S.value * 0.9))
+    ), j = i(() => w.value ? void 0 : { width: `${x.value}px` }), p = i(() => !t.value), T = i(() => (u.maskClosable ?? !1) && !t.value);
     async function b() {
-      if (!r.onConfirm) {
+      if (!u.onConfirm) {
         o.value = !1;
         return;
       }
       t.value = !0;
       try {
-        await r.onConfirm() !== !1 && (o.value = !1);
+        await u.onConfirm() !== !1 && (o.value = !1);
       } catch {
       } finally {
         t.value = !1;
       }
     }
-    return j(() => {
+    return A(() => {
       o.value = !1;
-    }), (s, n) => T.value === "modal" ? (S(), $(e(F), {
+    }), (n, s) => g.value === "modal" ? (k(), C(e(H), {
       key: 0,
       show: o.value,
-      "onUpdate:show": n[1] || (n[1] = (f) => o.value = f),
+      "onUpdate:show": s[1] || (s[1] = (f) => o.value = f),
       preset: "card",
       title: a.title,
-      closable: v.value,
-      "close-on-esc": v.value,
-      "mask-closable": C.value,
-      class: W({ "smart-form--fullscreen": h.value }),
-      style: U(M.value)
-    }, x({
+      closable: p.value,
+      "close-on-esc": p.value,
+      "mask-closable": T.value,
+      class: z({ "smart-form--fullscreen": w.value }),
+      style: F(j.value)
+    }, B({
       footer: l(() => [
-        d(s.$slots, "footer", {}, () => [
-          i(e(g), { justify: "end" }, {
+        v(n.$slots, "footer", {}, () => [
+          r(e(N), { justify: "end" }, {
             default: l(() => [
-              i(e(y), {
+              r(e(h), {
+                secondary: "",
                 disabled: t.value,
-                onClick: n[0] || (n[0] = (f) => o.value = !1)
+                onClick: s[0] || (s[0] = (f) => o.value = !1)
               }, {
                 default: l(() => [
-                  w(c(a.cancelText ?? e(m)("common.cancel")), 1)
+                  y(c(a.cancelText ?? e(d)("common.cancel")), 1)
                 ]),
                 _: 1
               }, 8, ["disabled"]),
-              i(e(y), {
+              r(e(h), {
                 type: "primary",
                 loading: t.value,
                 onClick: b
               }, {
                 default: l(() => [
-                  w(c(a.confirmText ?? e(m)("common.confirm")), 1)
+                  y(c(a.confirmText ?? e(d)("common.confirm")), 1)
                 ]),
                 _: 1
               }, 8, ["loading"])
@@ -82,79 +87,109 @@ const Y = /* @__PURE__ */ D({
         ])
       ]),
       default: l(() => [
-        d(s.$slots, "default")
+        v(n.$slots, "default")
       ]),
       _: 2
     }, [
-      s.$slots["header-extra"] ? {
+      n.$slots["header-extra"] ? {
         name: "header-extra",
         fn: l(() => [
-          d(s.$slots, "header-extra")
+          v(n.$slots, "header-extra")
         ]),
         key: "0"
       } : void 0
-    ]), 1032, ["show", "title", "closable", "close-on-esc", "mask-closable", "class", "style"])) : (S(), $(e(I), {
+    ]), 1032, ["show", "title", "closable", "close-on-esc", "mask-closable", "class", "style"])) : (k(), C(e(J), {
       key: 1,
       show: o.value,
-      "onUpdate:show": n[3] || (n[3] = (f) => o.value = f),
-      width: k.value,
-      "close-on-esc": v.value,
-      "mask-closable": C.value
+      "onUpdate:show": s[4] || (s[4] = (f) => o.value = f),
+      placement: m.value ? "bottom" : "right",
+      width: m.value ? void 0 : x.value,
+      height: m.value ? "92%" : void 0,
+      class: z({ "smart-form-sheet": m.value }),
+      "close-on-esc": p.value,
+      "mask-closable": T.value
     }, {
       default: l(() => [
-        i(e(q), {
+        r(e(K), {
           title: a.title,
-          closable: v.value,
+          closable: p.value,
           "native-scrollbar": !1
-        }, x({
+        }, B({
           footer: l(() => [
-            d(s.$slots, "footer", {}, () => [
-              i(e(g), { justify: "end" }, {
+            v(n.$slots, "footer", {}, () => [
+              m.value ? (k(), I("div", X, [
+                r(e(h), {
+                  secondary: "",
+                  size: $.value,
+                  disabled: t.value,
+                  onClick: s[2] || (s[2] = (f) => o.value = !1)
+                }, {
+                  default: l(() => [
+                    y(c(a.cancelText ?? e(d)("common.cancel")), 1)
+                  ]),
+                  _: 1
+                }, 8, ["size", "disabled"]),
+                r(e(h), {
+                  type: "primary",
+                  size: $.value,
+                  loading: t.value,
+                  onClick: b
+                }, {
+                  default: l(() => [
+                    y(c(a.confirmText ?? e(d)("common.confirm")), 1)
+                  ]),
+                  _: 1
+                }, 8, ["size", "loading"])
+              ])) : (k(), C(e(N), {
+                key: 1,
+                justify: "end"
+              }, {
                 default: l(() => [
-                  i(e(y), {
+                  r(e(h), {
+                    secondary: "",
                     disabled: t.value,
-                    onClick: n[2] || (n[2] = (f) => o.value = !1)
+                    onClick: s[3] || (s[3] = (f) => o.value = !1)
                   }, {
                     default: l(() => [
-                      w(c(a.cancelText ?? e(m)("common.cancel")), 1)
+                      y(c(a.cancelText ?? e(d)("common.cancel")), 1)
                     ]),
                     _: 1
                   }, 8, ["disabled"]),
-                  i(e(y), {
+                  r(e(h), {
                     type: "primary",
                     loading: t.value,
                     onClick: b
                   }, {
                     default: l(() => [
-                      w(c(a.confirmText ?? e(m)("common.confirm")), 1)
+                      y(c(a.confirmText ?? e(d)("common.confirm")), 1)
                     ]),
                     _: 1
                   }, 8, ["loading"])
                 ]),
                 _: 1
-              })
+              }))
             ])
           ]),
           default: l(() => [
-            d(s.$slots, "default")
+            v(n.$slots, "default")
           ]),
           _: 2
         }, [
-          s.$slots["header-extra"] ? {
+          n.$slots["header-extra"] ? {
             name: "header",
             fn: l(() => [
-              A("span", null, c(a.title), 1),
-              d(s.$slots, "header-extra")
+              q("span", null, c(a.title), 1),
+              v(n.$slots, "header-extra")
             ]),
             key: "0"
           } : void 0
         ]), 1032, ["title", "closable"])
       ]),
       _: 3
-    }, 8, ["show", "width", "close-on-esc", "mask-closable"]));
+    }, 8, ["show", "placement", "width", "height", "class", "close-on-esc", "mask-closable"]));
   }
 });
 export {
-  Y as default
+  te as default
 };
 //# sourceMappingURL=index.vue.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.vue.js","sources":["../../../src/components/FormContainer/index.vue"],"sourcesContent":["<script setup lang=\"ts\">\n// 弹窗/抽屉二合一表单容器:消化 CRUD 页「saving ref + 手写 footer + n-modal 包装」样板。\n// 形态默认跟随全局偏好(app.formStyle,设置抽屉可切),variant 按实例覆盖。\n// onConfirm 协议:返回 Promise → 确认钮自动 loading;reject 或 resolve(false) → 不关闭\n// (n-form 校验放 onConfirm 首行,失败 reject 即挡住关闭);其余情况自动关。\nimport { computed, onDeactivated, ref } from 'vue'\nimport { NModal, NDrawer, NDrawerContent, NButton, NSpace } from 'naive-ui'\nimport { useI18n } from 'vue-i18n'\nimport { useWindowSize } from '@vueuse/core'\nimport { useAppStore, type FormStyle } from '#/stores/app'\nimport { useCompactScreen } from '#/composables/useCompactScreen'\n\nconst show = defineModel<boolean>('show', { default: false })\n\nconst props = defineProps<{\n  title: string\n  /** 不传 → 跟随 app.formStyle 全局偏好 */\n  variant?: FormStyle\n  /** modal=卡片宽 / drawer=抽屉宽,实际生效 min(width, 90vw) */\n  width?: number\n  /** 见顶部协议注释;不传则确认钮直接关闭 */\n  onConfirm?: () => unknown | Promise<unknown>\n  confirmText?: string\n  cancelText?: string\n  /** 默认 false:表单防误触丢输入 */\n  maskClosable?: boolean\n  /**\n   * 铺满视口。默认 `false` —— 不给 `'auto'` 当默认值是刻意的:没传这个 prop 的既有页面\n   * 不该因为换了台平板就换一种形态。字段多的表单显式传 `true`,想跟着屏幕走再传 `'auto'`\n   * (紧凑屏判定见 composables/useCompactScreen)。\n   */\n  fullscreen?: boolean | 'auto'\n}>()\n\nconst { t } = useI18n()\nconst app = useAppStore()\n\nconst mode = computed(() => props.variant ?? app.formStyle)\nconst loading = ref(false)\n// 窄屏不溢出:同 SettingsDrawer 惯例,宽度取 min(width, 90vw)。\nconst { width: winW } = useWindowSize()\nconst compact = useCompactScreen()\nconst fullscreen = computed(() =>\n  props.fullscreen === 'auto' ? compact.value : props.fullscreen === true,\n)\nconst w = computed(() =>\n  fullscreen.value ? winW.value : Math.min(props.width ?? 560, Math.round(winW.value * 0.9)),\n)\n// 全屏时不再钉宽度,交给 .smart-form--fullscreen 那条全局样式铺满。\nconst modalStyle = computed(() => (fullscreen.value ? undefined : { width: `${w.value}px` }))\n// 提交中禁止任何途径关闭(esc/遮罩/关闭钮/取消钮),防提交中途关闭导致状态错乱。\nconst canClose = computed(() => !loading.value)\nconst maskClose = computed(() => (props.maskClosable ?? false) && !loading.value)\n\nasync function handleConfirm() {\n  if (!props.onConfirm) {\n    show.value = false\n    return\n  }\n  loading.value = true\n  try {\n    if ((await props.onConfirm()) !== false) show.value = false\n  } catch {\n    // 静默:n-form 校验失败已有内联提示;API 错误 toast 由业务 onConfirm 内负责。\n  } finally {\n    loading.value = false\n  }\n}\n\n// keep-alive 页签切走时,teleport 到 body 的弹层会残留可见 → 强制收起。\nonDeactivated(() => {\n  show.value = false\n})\n</script>\n\n<template>\n  <n-modal\n    v-if=\"mode === 'modal'\"\n    v-model:show=\"show\"\n    preset=\"card\"\n    :title=\"title\"\n    :closable=\"canClose\"\n    :close-on-esc=\"canClose\"\n    :mask-closable=\"maskClose\"\n    :class=\"{ 'smart-form--fullscreen': fullscreen }\"\n    :style=\"modalStyle\"\n  >\n    <template v-if=\"$slots['header-extra']\" #header-extra>\n      <slot name=\"header-extra\" />\n    </template>\n    <slot />\n    <template #footer>\n      <slot name=\"footer\">\n        <n-space justify=\"end\">\n          <n-button :disabled=\"loading\" @click=\"show = false\">\n            {{ cancelText ?? t('common.cancel') }}\n          </n-button>\n          <n-button type=\"primary\" :loading=\"loading\" @click=\"handleConfirm\">\n            {{ confirmText ?? t('common.confirm') }}\n          </n-button>\n        </n-space>\n      </slot>\n    </template>\n  </n-modal>\n\n  <n-drawer\n    v-else\n    v-model:show=\"show\"\n    :width=\"w\"\n    :close-on-esc=\"canClose\"\n    :mask-closable=\"maskClose\"\n  >\n    <n-drawer-content :title=\"title\" :closable=\"canClose\" :native-scrollbar=\"false\">\n      <!-- n-drawer-content 无 header-extra 原生槽:业务传了才自拼 #header(标题 + 附加区并排) -->\n      <template v-if=\"$slots['header-extra']\" #header>\n        <span>{{ title }}</span>\n        <slot name=\"header-extra\" />\n      </template>\n      <slot />\n      <template #footer>\n        <slot name=\"footer\">\n          <n-space justify=\"end\">\n            <n-button :disabled=\"loading\" @click=\"show = false\">\n              {{ cancelText ?? t('common.cancel') }}\n            </n-button>\n            <n-button type=\"primary\" :loading=\"loading\" @click=\"handleConfirm\">\n              {{ confirmText ?? t('common.confirm') }}\n            </n-button>\n          </n-space>\n        </slot>\n      </template>\n    </n-drawer-content>\n  </n-drawer>\n</template>\n\n<!-- 不能加 scoped:n-modal / n-drawer 的内容 teleport 到 body,scoped 编译出的 data-v 属性到不了那棵子树,\n     写了等于没写(这正是\"全屏样式不生效\"最常见的原因)。故用带前缀的类名自行隔离。 -->\n<style>\n.smart-form--fullscreen {\n  width: 100vw;\n  max-width: 100vw;\n  height: 100dvh;\n  max-height: 100dvh;\n  display: flex;\n  flex-direction: column;\n  border-radius: 0;\n}\n/* 头/脚按内容高,正文吃满剩余并自己滚 —— 否则长表单会把整张卡撑出视口,底部按钮点不到。 */\n.smart-form--fullscreen > .n-card__content {\n  flex: 1;\n  min-height: 0;\n  overflow: auto;\n}\n</style>\n"],"names":["show","_useModel","__props","props","t","useI18n","app","useAppStore","mode","computed","loading","ref","winW","useWindowSize","compact","useCompactScreen","fullscreen","w","modalStyle","canClose","maskClose","handleConfirm","onDeactivated","_createBlock","_unref","NModal","$event","_renderSlot","_ctx","_createVNode","NSpace","NButton","_createTextVNode","_toDisplayString","$slots","NDrawer","NDrawerContent","_createElementVNode"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAYA,UAAMA,IAAOC,EAAoBC,GAAC,MAA0B,GAEtDC,IAAQD,GAoBR,EAAE,GAAAE,EAAA,IAAMC,EAAA,GACRC,IAAMC,EAAA,GAENC,IAAOC,EAAS,MAAMN,EAAM,WAAWG,EAAI,SAAS,GACpDI,IAAUC,EAAI,EAAK,GAEnB,EAAE,OAAOC,EAAA,IAASC,EAAA,GAClBC,IAAUC,EAAA,GACVC,IAAaP;AAAA,MAAS,MAC1BN,EAAM,eAAe,SAASW,EAAQ,QAAQX,EAAM,eAAe;AAAA,IAAA,GAE/Dc,IAAIR;AAAA,MAAS,MACjBO,EAAW,QAAQJ,EAAK,QAAQ,KAAK,IAAIT,EAAM,SAAS,KAAK,KAAK,MAAMS,EAAK,QAAQ,GAAG,CAAC;AAAA,IAAA,GAGrFM,IAAaT,EAAS,MAAOO,EAAW,QAAQ,SAAY,EAAE,OAAO,GAAGC,EAAE,KAAK,KAAA,CAAO,GAEtFE,IAAWV,EAAS,MAAM,CAACC,EAAQ,KAAK,GACxCU,IAAYX,EAAS,OAAON,EAAM,gBAAgB,OAAU,CAACO,EAAQ,KAAK;AAEhF,mBAAeW,IAAgB;AAC7B,UAAI,CAAClB,EAAM,WAAW;AACpB,QAAAH,EAAK,QAAQ;AACb;AAAA,MACF;AACA,MAAAU,EAAQ,QAAQ;AAChB,UAAI;AACF,QAAK,MAAMP,EAAM,UAAA,MAAiB,SAAY,QAAQ;AAAA,MACxD,QAAQ;AAAA,MAER,UAAA;AACE,QAAAO,EAAQ,QAAQ;AAAA,MAClB;AAAA,IACF;AAGA,WAAAY,EAAc,MAAM;AAClB,MAAAtB,EAAK,QAAQ;AAAA,IACf,CAAC,aAKSQ,EAAA,UAAI,gBADZe,EA2BUC,EAAAC,CAAA,GAAA;AAAA;MAzBA,MAAMzB,EAAA;AAAA,8CAAAA,EAAI,QAAA0B;AAAA,MAClB,QAAO;AAAA,MACN,OAAOxB,EAAA;AAAA,MACP,UAAUiB,EAAA;AAAA,MACV,gBAAcA,EAAA;AAAA,MACd,iBAAeC,EAAA;AAAA,MACf,qCAAmCJ,EAAA,OAAU;AAAA,MAC7C,SAAOE,EAAA,KAAU;AAAA,IAAA;MAMP,UACT,MASO;AAAA,QATPS,EASOC,wBATP,MASO;AAAA,UARLC,EAOUL,EAAAM,CAAA,GAAA,EAPD,SAAQ,SAAK;AAAA,uBACpB,MAEW;AAAA,cAFXD,EAEWL,EAAAO,CAAA,GAAA;AAAA,gBAFA,UAAUrB,EAAA;AAAA,gBAAU,gCAAOV,EAAA,QAAI;AAAA,cAAA;2BACxC,MAAsC;AAAA,kBAAnCgC,EAAAC,EAAA/B,EAAA,cAAcsB,EAAApB,CAAA,EAAC,eAAA,CAAA,GAAA,CAAA;AAAA,gBAAA;;;cAEpByB,EAEWL,EAAAO,CAAA,GAAA;AAAA,gBAFD,MAAK;AAAA,gBAAW,SAASrB,EAAA;AAAA,gBAAU,SAAOW;AAAA,cAAA;2BAClD,MAAwC;AAAA,kBAArCW,EAAAC,EAAA/B,EAAA,eAAesB,EAAApB,CAAA,EAAC,gBAAA,CAAA,GAAA,CAAA;AAAA,gBAAA;;;;;;;;iBAR3B,MAAQ;AAAA,QAARuB,EAAQC,EAAA,QAAA,SAAA;AAAA,MAAA;;;MAHQM,EAAAA,OAAM,cAAA;cAAmB;AAAA,cACvC,MAA4B;AAAA,UAA5BP,EAA4BC,EAAA,QAAA,cAAA;AAAA,QAAA;;;yGAiBhCL,EA2BWC,EAAAW,CAAA,GAAA;AAAA;MAzBD,MAAMnC,EAAA;AAAA,8CAAAA,EAAI,QAAA0B;AAAA,MACjB,OAAOT,EAAA;AAAA,MACP,gBAAcE,EAAA;AAAA,MACd,iBAAeC,EAAA;AAAA,IAAA;iBAEhB,MAmBmB;AAAA,QAnBnBS,EAmBmBL,EAAAY,CAAA,GAAA;AAAA,UAnBA,OAAOlC,EAAA;AAAA,UAAQ,UAAUiB,EAAA;AAAA,UAAW,oBAAkB;AAAA,QAAA;UAO5D,UACT,MASO;AAAA,YATPQ,EASOC,wBATP,MASO;AAAA,cARLC,EAOUL,EAAAM,CAAA,GAAA,EAPD,SAAQ,SAAK;AAAA,2BACpB,MAEW;AAAA,kBAFXD,EAEWL,EAAAO,CAAA,GAAA;AAAA,oBAFA,UAAUrB,EAAA;AAAA,oBAAU,gCAAOV,EAAA,QAAI;AAAA,kBAAA;+BACxC,MAAsC;AAAA,sBAAnCgC,EAAAC,EAAA/B,EAAA,cAAcsB,EAAApB,CAAA,EAAC,eAAA,CAAA,GAAA,CAAA;AAAA,oBAAA;;;kBAEpByB,EAEWL,EAAAO,CAAA,GAAA;AAAA,oBAFD,MAAK;AAAA,oBAAW,SAASrB,EAAA;AAAA,oBAAU,SAAOW;AAAA,kBAAA;+BAClD,MAAwC;AAAA,sBAArCW,EAAAC,EAAA/B,EAAA,eAAesB,EAAApB,CAAA,EAAC,gBAAA,CAAA,GAAA,CAAA;AAAA,oBAAA;;;;;;;;qBAR3B,MAAQ;AAAA,YAARuB,EAAQC,EAAA,QAAA,SAAA;AAAA,UAAA;;;UAJQM,EAAAA,OAAM,cAAA;kBAAmB;AAAA,kBACvC,MAAwB;AAAA,cAAxBG,EAAwB,gBAAfnC,EAAA,KAAK,GAAA,CAAA;AAAA,cACdyB,EAA4BC,EAAA,QAAA,cAAA;AAAA,YAAA;;;;;;;;;"}
+{"version":3,"file":"index.vue.js","sources":["../../../src/components/FormContainer/index.vue"],"sourcesContent":["<script setup lang=\"ts\">\n// 弹窗/抽屉二合一表单容器:消化 CRUD 页「saving ref + 手写 footer + n-modal 包装」样板。\n// 形态默认跟随全局偏好(app.formStyle,外观设置里切,默认弹窗),variant 按实例覆盖。\n// 抽屉形态按壳层档位走:宽 / 中档 = 右侧抽屉,窄档(< 600)= 底部抽屉,高 92%,\n// 底栏两个按钮等分整行。弹窗形态不分档,仍是居中卡片。\n// onConfirm 协议:返回 Promise → 确认钮自动 loading;reject 或 resolve(false) → 不关闭\n// (n-form 校验放 onConfirm 首行,失败 reject 即挡住关闭);其余情况自动关。\nimport { computed, onDeactivated, ref } from 'vue'\nimport { NModal, NDrawer, NDrawerContent, NButton, NSpace } from 'naive-ui'\nimport { useI18n } from 'vue-i18n'\nimport { useWindowSize } from '@vueuse/core'\nimport { useCompactScreen } from '#/composables/useCompactScreen'\nimport { useShellBreakpoint } from '#/composables/useShellBreakpoint'\nimport { useAppStore, type FormStyle } from '#/stores/app'\n\nconst show = defineModel<boolean>('show', { default: false })\n\nconst props = defineProps<{\n  title: string\n  /** 不传 → 跟随 app.formStyle 全局偏好 */\n  variant?: FormStyle\n  /** modal=卡片宽 / drawer=抽屉宽,实际生效 min(width, 90vw) */\n  width?: number\n  /** 见顶部协议注释;不传则确认钮直接关闭 */\n  onConfirm?: () => unknown | Promise<unknown>\n  confirmText?: string\n  cancelText?: string\n  /** 默认 false:表单防误触丢输入 */\n  maskClosable?: boolean\n  /**\n   * 铺满视口。默认 `false` —— 不给 `'auto'` 当默认值是刻意的:没传这个 prop 的既有页面\n   * 不该因为换了台平板就换一种形态。字段多的表单显式传 `true`,想跟着屏幕走再传 `'auto'`\n   * (紧凑屏判定见 composables/useCompactScreen)。\n   */\n  fullscreen?: boolean | 'auto'\n}>()\n\nconst { t } = useI18n()\nconst app = useAppStore()\n\nconst mode = computed(() => props.variant ?? app.formStyle)\nconst loading = ref(false)\n// 窄屏不溢出:同 SettingsDrawer 惯例,宽度取 min(width, 90vw)。\nconst { width: winW } = useWindowSize()\nconst compact = useCompactScreen()\nconst fullscreen = computed(() =>\n  props.fullscreen === 'auto' ? compact.value : props.fullscreen === true,\n)\n// 窄档抽屉改底部抽屉。全屏表单(fullscreen)本就铺满视口,不叠底部抽屉形态。\nconst { bp } = useShellBreakpoint()\nconst sheet = computed(() => mode.value === 'drawer' && bp.value === 'narrow' && !fullscreen.value)\nconst btnSize = computed(() => (sheet.value ? 'large' : 'medium'))\nconst w = computed(() =>\n  fullscreen.value ? winW.value : Math.min(props.width ?? 560, Math.round(winW.value * 0.9)),\n)\n// 全屏时不再钉宽度,交给 .smart-form--fullscreen 那条全局样式铺满。\nconst modalStyle = computed(() => (fullscreen.value ? undefined : { width: `${w.value}px` }))\n// 提交中禁止任何途径关闭(esc/遮罩/关闭钮/取消钮),防提交中途关闭导致状态错乱。\nconst canClose = computed(() => !loading.value)\nconst maskClose = computed(() => (props.maskClosable ?? false) && !loading.value)\n\nasync function handleConfirm() {\n  if (!props.onConfirm) {\n    show.value = false\n    return\n  }\n  loading.value = true\n  try {\n    if ((await props.onConfirm()) !== false) show.value = false\n  } catch {\n    // 静默:n-form 校验失败已有内联提示;API 错误 toast 由业务 onConfirm 内负责。\n  } finally {\n    loading.value = false\n  }\n}\n\n// keep-alive 页签切走时,teleport 到 body 的弹层会残留可见 → 强制收起。\nonDeactivated(() => {\n  show.value = false\n})\n</script>\n\n<template>\n  <n-modal\n    v-if=\"mode === 'modal'\"\n    v-model:show=\"show\"\n    preset=\"card\"\n    :title=\"title\"\n    :closable=\"canClose\"\n    :close-on-esc=\"canClose\"\n    :mask-closable=\"maskClose\"\n    :class=\"{ 'smart-form--fullscreen': fullscreen }\"\n    :style=\"modalStyle\"\n  >\n    <template v-if=\"$slots['header-extra']\" #header-extra>\n      <slot name=\"header-extra\" />\n    </template>\n    <slot />\n    <template #footer>\n      <slot name=\"footer\">\n        <n-space justify=\"end\">\n          <n-button secondary :disabled=\"loading\" @click=\"show = false\">\n            {{ cancelText ?? t('common.cancel') }}\n          </n-button>\n          <n-button type=\"primary\" :loading=\"loading\" @click=\"handleConfirm\">\n            {{ confirmText ?? t('common.confirm') }}\n          </n-button>\n        </n-space>\n      </slot>\n    </template>\n  </n-modal>\n\n  <n-drawer\n    v-else\n    v-model:show=\"show\"\n    :placement=\"sheet ? 'bottom' : 'right'\"\n    :width=\"sheet ? undefined : w\"\n    :height=\"sheet ? '92%' : undefined\"\n    :class=\"{ 'smart-form-sheet': sheet }\"\n    :close-on-esc=\"canClose\"\n    :mask-closable=\"maskClose\"\n  >\n    <n-drawer-content :title=\"title\" :closable=\"canClose\" :native-scrollbar=\"false\">\n      <!-- n-drawer-content 无 header-extra 原生槽:业务传了才自拼 #header(标题 + 附加区并排) -->\n      <template v-if=\"$slots['header-extra']\" #header>\n        <span>{{ title }}</span>\n        <slot name=\"header-extra\" />\n      </template>\n      <slot />\n      <template #footer>\n        <slot name=\"footer\">\n          <!-- 窄档底部抽屉:两个按钮等分整行、大号 -->\n          <div v-if=\"sheet\" class=\"smart-form-foot\">\n            <n-button secondary :size=\"btnSize\" :disabled=\"loading\" @click=\"show = false\">\n              {{ cancelText ?? t('common.cancel') }}\n            </n-button>\n            <n-button type=\"primary\" :size=\"btnSize\" :loading=\"loading\" @click=\"handleConfirm\">\n              {{ confirmText ?? t('common.confirm') }}\n            </n-button>\n          </div>\n          <n-space v-else justify=\"end\">\n            <n-button secondary :disabled=\"loading\" @click=\"show = false\">\n              {{ cancelText ?? t('common.cancel') }}\n            </n-button>\n            <n-button type=\"primary\" :loading=\"loading\" @click=\"handleConfirm\">\n              {{ confirmText ?? t('common.confirm') }}\n            </n-button>\n          </n-space>\n        </slot>\n      </template>\n    </n-drawer-content>\n  </n-drawer>\n</template>\n\n<!-- 不能加 scoped:n-modal / n-drawer 的内容 teleport 到 body,scoped 编译出的 data-v 属性到不了那棵子树,\n     写了等于没写(这正是\"全屏样式不生效\"最常见的原因)。故用带前缀的类名自行隔离。 -->\n<style>\n.smart-form--fullscreen {\n  width: 100vw;\n  max-width: 100vw;\n  height: 100dvh;\n  max-height: 100dvh;\n  display: flex;\n  flex-direction: column;\n  border-radius: 0;\n}\n/* 头/脚按内容高,正文吃满剩余并自己滚 —— 否则长表单会把整张卡撑出视口,底部按钮点不到。 */\n.smart-form--fullscreen > .n-card__content {\n  flex: 1;\n  min-height: 0;\n  overflow: auto;\n}\n/* 窄档底部抽屉:圆角只在上沿;按钮等分整行。\n   高度用 92% 而不是随内容:表单长短不一,固定高度让不同表单的抽屉一致,正文自己滚。 */\n.n-drawer.smart-form-sheet {\n  border-radius: var(--radius-xl) var(--radius-xl) 0 0;\n}\n.smart-form-foot {\n  display: flex;\n  gap: 10px;\n  width: 100%;\n}\n.smart-form-foot > .n-button {\n  flex: 1;\n}\n</style>\n"],"names":["show","_useModel","__props","props","t","useI18n","app","useAppStore","mode","computed","loading","ref","winW","useWindowSize","compact","useCompactScreen","fullscreen","bp","useShellBreakpoint","sheet","btnSize","w","modalStyle","canClose","maskClose","handleConfirm","onDeactivated","_createBlock","_unref","NModal","$event","_renderSlot","_ctx","_createVNode","NSpace","NButton","_createTextVNode","_toDisplayString","$slots","NDrawer","NDrawerContent","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode"],"mappings":"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"}

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

@@ -1,7 +1,7 @@
 import o from "./index2.vue.js";
 /* empty css           */
 import r from "../../_virtual/_plugin-vue_export-helper.js";
-const a = /* @__PURE__ */ r(o, [["__scopeId", "data-v-20fd3250"]]);
+const a = /* @__PURE__ */ r(o, [["__scopeId", "data-v-8de37228"]]);
 export {
   a as default
 };

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

@@ -1,13 +1,14 @@
-import { defineComponent as ze, useModel as Re, ref as h, shallowRef as ae, computed as T, watch as Se, h as N, openBlock as v, createBlock as y, unref as l, withCtx as o, createVNode as i, withDirectives as H, createElementVNode as c, createTextVNode as p, toDisplayString as n, vShow as B, createCommentVNode as w, createElementBlock as j, Fragment as W, renderList as re, mergeModels as oe } from "vue";
-import { useMessage as Te, NInput as Fe, NTooltip as A, NTag as G, NModal as Ue, NSteps as $e, NStep as V, NSpace as S, NButton as k, NUpload as De, NUploadDragger as Me, NText as U, NAlert as ie, NSelect as Oe, NSwitch as He, NDataTable as Be, NRadioGroup as je, NRadio as Ve } from "naive-ui";
-import { useI18n as Ke } from "vue-i18n";
+import { defineComponent as Se, useModel as ze, ref as h, shallowRef as ae, computed as T, watch as Re, h as N, openBlock as v, createBlock as y, unref as l, withCtx as o, createVNode as i, withDirectives as H, createElementVNode as c, createTextVNode as p, toDisplayString as n, vShow as B, createCommentVNode as w, createElementBlock as j, Fragment as W, renderList as re, mergeModels as oe } from "vue";
+import { useMessage as Te, NInput as Fe, NTooltip as A, NTag as G, NModal as Ue, NSteps as $e, NStep as V, NSpace as R, NButton as k, NUpload as Me, NUploadDragger as Oe, NText as U, NAlert as ie, NSelect as De, NSwitch as He, NRadioGroup as Be, NRadio as je } from "naive-ui";
+import { useI18n as Ve } from "vue-i18n";
+import { SmartTable as Ke } from "smart-naive-table";
 import K from "../AppIcon.vue.js";
 import Le from "../DictSelect/index.vue.js";
 import { translateError as C } from "../../utils/error.js";
 import { triggerBlobDownload as ne } from "../../utils/download.js";
 import { isDuplicateOnly as qe, isHardError as Ie, hardErrorsOf as Pe } from "../../utils/importDup.js";
 import { DuplicateStrategy as _ } from "../../types/api.js";
-const We = { class: "import-pane" }, Ae = { class: "import-upload-icon" }, Ge = { class: "import-pane" }, Je = { class: "import-mapping" }, Qe = { class: "import-mapping-head" }, Xe = ["title"], Ye = { class: "import-pane" }, Ze = { class: "import-strategy" }, el = { class: "import-pane" }, pl = /* @__PURE__ */ ze({
+const We = { class: "import-pane" }, Ae = { class: "import-upload-icon" }, Ge = { class: "import-pane" }, Je = { class: "import-mapping" }, Qe = { class: "import-mapping-head" }, Xe = ["title"], Ye = { class: "import-pane" }, Ze = { class: "import-strategy" }, el = { class: "import-pane" }, dl = /* @__PURE__ */ Se({
   __name: "index",
   props: /* @__PURE__ */ oe({
     api: {},
@@ -21,7 +22,7 @@ const We = { class: "import-pane" }, Ae = { class: "import-upload-icon" }, Ge =
   }),
   emits: /* @__PURE__ */ oe(["done"], ["update:show"]),
   setup(J, { emit: se }) {
-    const $ = Re(J, "show"), g = J, ue = se, { t: a } = Ke(), x = Te(), u = h(1), s = h(!1), E = h(null), D = h([]), L = ae([]), z = h({}), R = ae([]), f = h([]), M = h([]), F = h(!1), b = h(_.Skip), d = h(null), pe = {
+    const $ = ze(J, "show"), g = J, ue = se, { t: a } = Ve(), x = Te(), u = h(1), s = h(!1), E = h(null), M = h([]), L = ae([]), S = h({}), z = ae([]), f = h([]), O = h([]), F = h(!1), b = h(_.Skip), d = h(null), pe = {
       [_.Skip]: () => a("import.strategySkip"),
       [_.Overwrite]: () => a("import.strategyOverwrite"),
       [_.Error]: () => a("import.strategyError")
@@ -36,17 +37,17 @@ const We = { class: "import-pane" }, Ae = { class: "import-upload-icon" }, Ge =
     );
     function ce() {
       var e;
-      u.value = 1, s.value = !1, E.value = null, D.value = [], L.value = [], z.value = {}, R.value = [], f.value = [], M.value = [], F.value = !1, b.value = q.value.some((t) => t.value === _.Skip) ? _.Skip : ((e = q.value[0]) == null ? void 0 : e.value) ?? _.Skip, d.value = null;
+      u.value = 1, s.value = !1, E.value = null, M.value = [], L.value = [], S.value = {}, z.value = [], f.value = [], O.value = [], F.value = !1, b.value = q.value.some((t) => t.value === _.Skip) ? _.Skip : ((e = q.value[0]) == null ? void 0 : e.value) ?? _.Skip, d.value = null;
     }
-    Se($, (e) => {
+    Re($, (e) => {
       e && ce();
     });
     function Y(e) {
-      L.value = [...e.headers], z.value = { ...e.mapping }, R.value = e.columns, f.value = e.rows.map((t) => ({
+      L.value = [...e.headers], S.value = { ...e.mapping }, z.value = e.columns, f.value = e.rows.map((t) => ({
         index: t.index,
         cells: { ...t.cells },
         errors: [...t.errors]
-      })), M.value = e.columnErrors;
+      })), O.value = e.columnErrors;
     }
     async function ve() {
       s.value = !0;
@@ -61,12 +62,12 @@ const We = { class: "import-pane" }, Ae = { class: "import-upload-icon" }, Ge =
     }
     function me(e) {
       var r;
-      D.value = e.slice(-1);
+      M.value = e.slice(-1);
       const t = (r = e[e.length - 1]) == null ? void 0 : r.file;
       E.value = t instanceof File ? t : null;
     }
     function fe() {
-      D.value = [], E.value = null;
+      M.value = [], E.value = null;
     }
     async function ye() {
       if (!E.value) {
@@ -78,7 +79,7 @@ const We = { class: "import-pane" }, Ae = { class: "import-upload-icon" }, Ge =
         const e = await g.api.preview(E.value);
         Y(e);
         for (const t of e.headers)
-          t in z.value || (z.value[t] = "");
+          t in S.value || (S.value[t] = "");
         u.value = 2;
       } catch (e) {
         x.error(C(e));
@@ -89,7 +90,7 @@ const We = { class: "import-pane" }, Ae = { class: "import-upload-icon" }, Ge =
     async function ge() {
       if (!E.value) return;
       const e = {};
-      for (const [t, r] of Object.entries(z.value))
+      for (const [t, r] of Object.entries(S.value))
         r && (e[t] = r);
       s.value = !0;
       try {
@@ -103,7 +104,7 @@ const We = { class: "import-pane" }, Ae = { class: "import-upload-icon" }, Ge =
     }
     const he = T(() => [
       { label: a("import.unmap"), value: "" },
-      ...R.value.map((e) => ({
+      ...z.value.map((e) => ({
         label: e.required ? `${e.title} *` : e.title,
         value: e.key
       }))
@@ -126,14 +127,14 @@ const We = { class: "import-pane" }, Ae = { class: "import-upload-icon" }, Ge =
           render: (t) => t.index
         }
       ];
-      for (const t of R.value)
+      for (const t of z.value)
         e.push({
           title: () => t.required ? `${t.title} *` : t.title,
           key: t.key,
           minWidth: 120,
           ellipsis: { tooltip: !1 },
           render: (r) => {
-            const m = we(r, t.key), O = m !== void 0 && !de(m), le = r.cells[t.key] ?? null, Ee = t.dictTypeCode ? N(Le, {
+            const m = we(r, t.key), D = m !== void 0 && !de(m), le = r.cells[t.key] ?? null, Ee = t.dictTypeCode ? N(Le, {
               typeCode: t.dictTypeCode,
               value: le,
               clearable: !t.required,
@@ -143,17 +144,17 @@ const We = { class: "import-pane" }, Ae = { class: "import-upload-icon" }, Ge =
               // 跟随反而更整齐 —— 所以只在向导关掉,不动共用的 DictSelect。
               consistentMenuWidth: !1,
               style: { width: "100%" },
-              status: m && !O ? "error" : void 0,
+              status: m && !D ? "error" : void 0,
               "onUpdate:value": (P) => Z(r, t.key, P)
             }) : N(Fe, {
               value: le ?? "",
               size: "small",
-              status: m && !O ? "error" : void 0,
+              status: m && !D ? "error" : void 0,
               onUpdateValue: (P) => Z(r, t.key, P)
             }), te = N(
               "div",
               {
-                class: m ? O ? "import-cell import-cell--dup" : "import-cell import-cell--error" : "import-cell"
+                class: m ? D ? "import-cell import-cell--dup" : "import-cell import-cell--error" : "import-cell"
               },
               [Ee]
             );
@@ -162,7 +163,7 @@ const We = { class: "import-pane" }, Ae = { class: "import-upload-icon" }, Ge =
               { trigger: "hover" },
               {
                 trigger: () => te,
-                default: () => O ? a(`import.dupHint.${b.value}`) : C(m.code)
+                default: () => D ? a(`import.dupHint.${b.value}`) : C(m.code)
               }
             ) : te;
           }
@@ -211,7 +212,7 @@ const We = { class: "import-pane" }, Ae = { class: "import-upload-icon" }, Ge =
           index: t.index,
           cells: { ...t.cells },
           errors: [...t.errors]
-        })), R.value = e.columns.length ? e.columns : R.value, x.success(a("import.revalidated", { errors: Q.value, total: e.total }));
+        })), z.value = e.columns.length ? e.columns : z.value, x.success(a("import.revalidated", { errors: Q.value, total: e.total }));
       } catch (e) {
         x.error(C(e));
       } finally {
@@ -266,7 +267,7 @@ const We = { class: "import-pane" }, Ae = { class: "import-upload-icon" }, Ge =
       "close-on-esc": !s.value
     }, {
       footer: o(() => [
-        i(l(S), { justify: "end" }, {
+        i(l(R), { justify: "end" }, {
           default: o(() => [
             i(l(k), {
               disabled: s.value,
@@ -359,7 +360,7 @@ const We = { class: "import-pane" }, Ae = { class: "import-upload-icon" }, Ge =
           _: 1
         }, 8, ["current"]),
         H(c("div", We, [
-          i(l(S), {
+          i(l(R), {
             vertical: "",
             size: 12
           }, {
@@ -380,8 +381,8 @@ const We = { class: "import-pane" }, Ae = { class: "import-upload-icon" }, Ge =
                 ]),
                 _: 1
               }, 8, ["loading"]),
-              i(l(De), {
-                "file-list": D.value,
+              i(l(Me), {
+                "file-list": M.value,
                 max: 1,
                 accept: ".xlsx,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
                 "default-upload": !1,
@@ -389,7 +390,7 @@ const We = { class: "import-pane" }, Ae = { class: "import-upload-icon" }, Ge =
                 onRemove: fe
               }, {
                 default: o(() => [
-                  i(l(Me), null, {
+                  i(l(Oe), null, {
                     default: o(() => [
                       c("div", Ae, [
                         i(K, {
@@ -425,13 +426,13 @@ const We = { class: "import-pane" }, Ae = { class: "import-upload-icon" }, Ge =
           [B, u.value === 1]
         ]),
         H(c("div", Ge, [
-          M.value.length ? (v(), y(l(ie), {
+          O.value.length ? (v(), y(l(ie), {
             key: 0,
             type: "warning",
             style: { "margin-bottom": "12px" }
           }, {
             default: o(() => [
-              p(n(M.value.map((r) => `${r.columnKey}: ${l(C)(r.code)}`).join("; ")), 1)
+              p(n(O.value.map((r) => `${r.columnKey}: ${l(C)(r.code)}`).join("; ")), 1)
             ]),
             _: 1
           })) : w("", !0),
@@ -457,9 +458,9 @@ const We = { class: "import-pane" }, Ae = { class: "import-upload-icon" }, Ge =
                 class: "import-mapping-header",
                 title: r
               }, n(r), 9, Xe),
-              i(l(Oe), {
-                value: z.value[r],
-                "onUpdate:value": (m) => z.value[r] = m,
+              i(l(De), {
+                value: S.value[r],
+                "onUpdate:value": (m) => S.value[r] = m,
                 options: he.value,
                 "consistent-menu-width": !1,
                 size: "small"
@@ -470,14 +471,14 @@ const We = { class: "import-pane" }, Ae = { class: "import-upload-icon" }, Ge =
           [B, u.value === 2]
         ]),
         H(c("div", Ye, [
-          i(l(S), {
+          i(l(R), {
             justify: "space-between",
             align: "center",
             style: { "margin-bottom": "12px" },
             wrap: ""
           }, {
             default: o(() => [
-              i(l(S), { align: "center" }, {
+              i(l(R), { align: "center" }, {
                 default: o(() => [
                   i(l(U), null, {
                     default: o(() => [
@@ -504,7 +505,7 @@ const We = { class: "import-pane" }, Ae = { class: "import-upload-icon" }, Ge =
                 ]),
                 _: 1
               }),
-              i(l(S), null, {
+              i(l(R), null, {
                 default: o(() => [
                   i(l(k), {
                     size: "small",
@@ -528,13 +529,15 @@ const We = { class: "import-pane" }, Ae = { class: "import-upload-icon" }, Ge =
             ]),
             _: 1
           }),
-          i(l(Be), {
+          i(l(Ke), {
             size: "small",
             columns: _e.value,
             data: ke.value,
             "row-key": (r) => r.index,
+            toolbar: !1,
             "max-height": 420,
-            "scroll-x": Math.max(800, R.value.length * 140 + 220)
+            "scroll-x": Math.max(800, z.value.length * 140 + 220),
+            "storage-key": "import-preview"
           }, null, 8, ["columns", "data", "row-key", "scroll-x"]),
           c("div", Ze, [
             i(l(U), {
@@ -546,15 +549,15 @@ const We = { class: "import-pane" }, Ae = { class: "import-upload-icon" }, Ge =
               ]),
               _: 1
             }),
-            i(l(je), {
+            i(l(Be), {
               value: b.value,
               "onUpdate:value": t[1] || (t[1] = (r) => b.value = r),
               name: "dup-strategy"
             }, {
               default: o(() => [
-                i(l(S), null, {
+                i(l(R), null, {
                   default: o(() => [
-                    (v(!0), j(W, null, re(q.value, (r) => (v(), y(l(Ve), {
+                    (v(!0), j(W, null, re(q.value, (r) => (v(), y(l(je), {
                       key: r.value,
                       value: r.value
                     }, {
@@ -588,7 +591,7 @@ const We = { class: "import-pane" }, Ae = { class: "import-upload-icon" }, Ge =
             ]),
             _: 1
           }, 8, ["type", "title"])) : w("", !0),
-          i(l(S), { style: { "margin-top": "16px" } }, {
+          i(l(R), { style: { "margin-top": "16px" } }, {
             default: o(() => [
               d.value && d.value.failed > 0 ? (v(), y(l(k), {
                 key: 0,
@@ -629,6 +632,6 @@ const We = { class: "import-pane" }, Ae = { class: "import-upload-icon" }, Ge =
   }
 });
 export {
-  pl as default
+  dl as default
 };
 //# sourceMappingURL=index2.vue.js.map