@usethink/shared-frontend 0.1.1 → 0.1.3

package/dist/src/components/core/draggable-modal/index3.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index3.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/src/components/core/drawer/BasicDrawer.vue.js

@@ -0,0 +1,58 @@
+import m from "./BasicDrawer2.vue.js";
+import { resolveComponent as n, openBlock as f, createBlock as w, Transition as u, withCtx as o, createElementVNode as s, createVNode as r, mergeProps as t, renderSlot as l, createSlots as g, renderList as C, normalizeProps as I, guardReactiveProps as h } from "vue";
+/* empty css                 */
+import k from "../../../_virtual/_plugin-vue_export-helper.js";
+const v = { class: "drawer-content" };
+function _(e, $, b, D, B, P) {
+  const d = n("Spin"), i = n("DrawerFooter"), p = n("Drawer");
+  return f(), w(u, {
+    name: "fade-transform",
+    mode: "out-in",
+    appear: ""
+  }, {
+    default: o(() => [
+      s("div", null, [
+        r(p, t(e.getBindValues, {
+          title: e.drawerInfo.title,
+          placement: e.placement,
+          closable: e.drawerInfo.showCloseIcon,
+          open: e.drawerInfo.open,
+          width: e.drawerInfo.width,
+          "mask-closable": e.drawerInfo.clickmaskFlag,
+          onClose: e.onClose
+        }), {
+          default: o(() => [
+            r(d, {
+              spinning: e.drawerInfo.loading
+            }, {
+              default: o(() => [
+                s("div", v, [
+                  l(e.$slots, "default", {}, void 0, !0)
+                ])
+              ]),
+              _: 3
+            }, 8, ["spinning"]),
+            r(i, t(e.getProps, {
+              "confirm-loading": e.drawerInfo.loading,
+              onClose: e.onClose
+            }), g({ _: 2 }, [
+              C(Object.keys(e.$slots), (a) => ({
+                name: a,
+                fn: o((c) => [
+                  l(e.$slots, a, I(h(c || {})), void 0, !0)
+                ])
+              }))
+            ]), 1040, ["confirm-loading", "onClose"])
+          ]),
+          _: 3
+        }, 16, ["title", "placement", "closable", "open", "width", "mask-closable", "onClose"])
+      ])
+    ]),
+    _: 3
+  });
+}
+const j = /* @__PURE__ */ k(m, [["render", _], ["__scopeId", "data-v-8c1ccd8b"]]);
+export {
+  j as default
+};
+//# sourceMappingURL=BasicDrawer.vue.js.map

package/dist/src/components/core/drawer/BasicDrawer.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BasicDrawer.vue.js","sources":["../../../../../src/components/core/drawer/BasicDrawer.vue"],"sourcesContent":["<template>\n  <transition name=\"fade-transform\" mode=\"out-in\" appear>\n    <div>\n      <Drawer\n        v-bind=\"getBindValues\"\n        :title=\"drawerInfo.title\"\n        :placement=\"placement\"\n        :closable=\"drawerInfo.showCloseIcon\"\n        :open=\"drawerInfo.open\"\n        :width=\"drawerInfo.width\"\n        :mask-closable=\"drawerInfo.clickmaskFlag\"\n        @close=\"onClose\"\n      >\n        <Spin :spinning=\"drawerInfo.loading\">\n          <div class=\"drawer-content\">\n            <slot></slot>\n          </div>\n        </Spin>\n        <DrawerFooter v-bind=\"getProps\" :confirm-loading=\"drawerInfo.loading\" @close=\"onClose\">\n          <template v-for=\"item in Object.keys($slots)\" #[item]=\"data\">\n            <slot :name=\"item\" v-bind=\"data || {}\"></slot>\n          </template>\n        </DrawerFooter>\n      </Drawer>\n    </div>\n  </transition>\n</template>\n<script lang=\"ts\">\n  import { defineComponent, reactive, watch, unref, computed, ref, toRaw } from 'vue'\n  import { Drawer, Spin } from 'ant-design-vue'\n  import DrawerFooter from './components/DrawerFooter.vue'\n  import { drawerProps } from './drawer'\n  import { deepMerge } from '@/utils'\n  import { type DrawerProps } from 'ant-design-vue/es/drawer'\n  import { useAttrs } from '@/hooks/useAttrs'\n  export default defineComponent({\n    components: { Drawer, DrawerFooter, Spin },\n    props: {\n      ...drawerProps(),\n      loading: {\n        type: Boolean,\n        default: false,\n      },\n      // 打开方向\n      openDirection: {\n        type: String,\n        default: 'right',\n      },\n      // 宽度\n      width: {\n        type: String,\n        default: '500px',\n      },\n      /**\n       * 标题\n       */\n      title: {\n        type: String,\n        required: true,\n      },\n      // 是否展示抽屉\n      open: {\n        type: Boolean,\n        default: false,\n      },\n      // 显示关闭图标\n      showCloseflag: {\n        type: Boolean,\n        default: true,\n      },\n      //  点击蒙层是否允许关闭\n      clickmaskFlag: {\n        type: Boolean,\n        default: true,\n      },\n    },\n    setup(props, { emit }) {\n      const attrs = useAttrs()\n      const visibleRef = ref(false)\n      const propsRef = ref<Partial<Nullable<DrawerProps>>>(null)\n\n      const drawerInfo = reactive({\n        placement: props.openDirection || undefined, //打开的方向\n        width: props.width, //宽度\n        title: props.title, //标题\n        loading: props.loading, //是否加载中\n        open: props.open, //默认关闭\n        showCloseIcon: props.showCloseflag, //closable\n        clickmaskFlag: props.clickmaskFlag, //  点击蒙层是否允许关闭\n      })\n      // 点击遮罩层或右上角叉或取消按钮的回调\n      function onClose() {\n        emit('onClose')\n      }\n\n      function handleOk() {\n        emit('ok')\n      }\n\n      // 监听打开或者关闭\n      watch(props, ({ open, loading }) => {\n        drawerInfo.open = open\n        drawerInfo.loading = loading\n        drawerInfo.title = props.title\n      })\n\n      const getMergeProps = computed((): DrawerProps => {\n        return deepMerge(toRaw(props), unref(propsRef))\n      })\n\n      const getProps = computed((): DrawerProps => {\n        const opt = {\n          placement: 'right',\n          ...unref(attrs),\n          ...unref(getMergeProps),\n          open: unref(visibleRef),\n        }\n        opt.title = undefined\n        const { width, getContainer } = opt\n\n        if (!width) {\n          opt.width = '100%'\n        }\n        return opt as DrawerProps\n      })\n\n      const getBindValues = computed((): DrawerProps => {\n        return {\n          ...attrs,\n          ...unref(getProps),\n        }\n      })\n\n      return {\n        drawerInfo,\n        handleOk,\n        onClose,\n        getBindValues,\n        getProps: getProps as any,\n      }\n    },\n  })\n</script>\n<style lang=\"less\" scoped>\n  .drawer-content {\n    // display: flex;\n    // justify-content: center;\n    // align-items: center;\n    margin-bottom: 60px;\n    // padding: 5px;\n    // min-height: 500px;\n    // overflow-y: scroll;\n  }\n</style>\n"],"names":["_resolveComponent","_openBlock","_createBlock","_Transition","_withCtx","_createElementVNode","drawerInfo","_createVNode","placement","_mergeProps","_ctx","onClose","_hoisted_1","_createSlots","item","data"],"mappings":";;;;;;kDACEA,EAwBa,QAAA;SAxB0BC,EAAA,GAAQC,EAAAC,GAAA;AAAA,IAAC,MAAM;AAAA,IAAA,MAAA;AAAA;;aAElDC,EAoBS,MAAA;AAAA,MAAAC,EAlBCC,OAAW,MAAK;AAAA,QAAAC,EACZC,GAASC,EAAAC,EAAA,eAAA;AAAA,UACpB,OAAAA,EAAUJ,WAAAA;AAAAA,UACV,WAAMA,EAAAA;AAAAA,UACN,UAAOA,EAAAA,WAAW;AAAA,UAClB,MAAAI,EAAA,WAAeJ;AAAAA,UACf,OAAKI,EAAEC,WAAO;AAAA,UAAA,iBAAAD,EAAA,WAAA;AAAA;QAEf,CAAA,GAAA;AAAA,UAAA,SAAON,EAAUE,MAAAA;AAAAA,YAAAA,EAAAA,GAAAA;AAAAA,cAGT,UAAAI,EAAA,WAAA;AAAA,YAAA,GAAA;AAAA,uBADJN,EAAa,MAAA;AAAA,gBAAAC,EAAA,OAAAO,GAAA;AAAA;;;cAGjB,GAAA;AAAA,YAAA,GAAiC,GAAA,CAAA,UAAA,CAAA;AAAA,YAAAL,EAA6CI,GAAOF,EAAAC,EAAA,UAAA;AAAA,cAAA,mBAAAA,EAAA,WAAA;AAAA,cAC1D,SAAAA,EAAA;AAAA,YAAA,CAAA,GAAAG,EAAA,EAAA,GAAA,EAAA,GAAA;AAAA,gBAAsB,OAAM,KAAAH,EAAA,MAAA,GAAA,CAAAI;gBACnD,MAAAA;AAAA,gBAAA,IAAAV,EAAA,CAAAW,MAAA;AAAA;;;;;;;;;;;;;"}

package/dist/src/components/core/drawer/BasicDrawer2.vue.js

@@ -0,0 +1,114 @@
+import { defineComponent as w, ref as p, reactive as h, watch as k, computed as n, unref as o, toRaw as y } from "vue";
+import { Spin as C, Drawer as B } from "ant-design-vue";
+import v from "./components/DrawerFooter.vue.js";
+import { drawerProps as D } from "ant-design-vue/es/drawer";
+import "dayjs";
+import "../../../utils/dateUtil.js";
+import "../../../utils/eventBus.js";
+import "../../../node_modules/.pnpm/file-saver@2.0.5/node_modules/file-saver/dist/FileSaver.min.js";
+import { deepMerge as F } from "../../../utils/helper.js";
+import "../../../utils/i18n.js";
+import "lodash-es";
+/* empty css                           */
+import "../../../utils/nprogress.js";
+import "../../../utils/performanceMonitor.js";
+import "../../../utils/SignalRConnectionManager.js";
+import "../../../utils/propTypes.js";
+import "../../../utils/request.js";
+import "../../../utils/Storage.js";
+import "../../../utils/uuid.js";
+import { useAttrs as S } from "../../../hooks/useAttrs.js";
+const T = w({
+  components: { Drawer: B, DrawerFooter: v, Spin: C },
+  props: {
+    ...D(),
+    loading: {
+      type: Boolean,
+      default: !1
+    },
+    // 打开方向
+    openDirection: {
+      type: String,
+      default: "right"
+    },
+    // 宽度
+    width: {
+      type: String,
+      default: "500px"
+    },
+    /**
+     * 标题
+     */
+    title: {
+      type: String,
+      required: !0
+    },
+    // 是否展示抽屉
+    open: {
+      type: Boolean,
+      default: !1
+    },
+    // 显示关闭图标
+    showCloseflag: {
+      type: Boolean,
+      default: !0
+    },
+    //  点击蒙层是否允许关闭
+    clickmaskFlag: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  setup(t, { emit: l }) {
+    const a = S(), s = p(!1), c = p(null), i = h({
+      placement: t.openDirection || void 0,
+      //打开的方向
+      width: t.width,
+      //宽度
+      title: t.title,
+      //标题
+      loading: t.loading,
+      //是否加载中
+      open: t.open,
+      //默认关闭
+      showCloseIcon: t.showCloseflag,
+      //closable
+      clickmaskFlag: t.clickmaskFlag
+      //  点击蒙层是否允许关闭
+    });
+    function f() {
+      l("onClose");
+    }
+    function d() {
+      l("ok");
+    }
+    k(t, ({ open: e, loading: r }) => {
+      i.open = e, i.loading = r, i.title = t.title;
+    });
+    const u = n(() => F(y(t), o(c))), m = n(() => {
+      const e = {
+        placement: "right",
+        ...o(a),
+        ...o(u),
+        open: o(s)
+      };
+      e.title = void 0;
+      const { width: r, getContainer: P } = e;
+      return r || (e.width = "100%"), e;
+    }), g = n(() => ({
+      ...a,
+      ...o(m)
+    }));
+    return {
+      drawerInfo: i,
+      handleOk: d,
+      onClose: f,
+      getBindValues: g,
+      getProps: m
+    };
+  }
+});
+export {
+  T as default
+};
+//# sourceMappingURL=BasicDrawer2.vue.js.map

package/dist/src/components/core/drawer/BasicDrawer2.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BasicDrawer2.vue.js","sources":["../../../../../src/components/core/drawer/BasicDrawer.vue"],"sourcesContent":["<template>\n  <transition name=\"fade-transform\" mode=\"out-in\" appear>\n    <div>\n      <Drawer\n        v-bind=\"getBindValues\"\n        :title=\"drawerInfo.title\"\n        :placement=\"placement\"\n        :closable=\"drawerInfo.showCloseIcon\"\n        :open=\"drawerInfo.open\"\n        :width=\"drawerInfo.width\"\n        :mask-closable=\"drawerInfo.clickmaskFlag\"\n        @close=\"onClose\"\n      >\n        <Spin :spinning=\"drawerInfo.loading\">\n          <div class=\"drawer-content\">\n            <slot></slot>\n          </div>\n        </Spin>\n        <DrawerFooter v-bind=\"getProps\" :confirm-loading=\"drawerInfo.loading\" @close=\"onClose\">\n          <template v-for=\"item in Object.keys($slots)\" #[item]=\"data\">\n            <slot :name=\"item\" v-bind=\"data || {}\"></slot>\n          </template>\n        </DrawerFooter>\n      </Drawer>\n    </div>\n  </transition>\n</template>\n<script lang=\"ts\">\n  import { defineComponent, reactive, watch, unref, computed, ref, toRaw } from 'vue'\n  import { Drawer, Spin } from 'ant-design-vue'\n  import DrawerFooter from './components/DrawerFooter.vue'\n  import { drawerProps } from './drawer'\n  import { deepMerge } from '@/utils'\n  import { type DrawerProps } from 'ant-design-vue/es/drawer'\n  import { useAttrs } from '@/hooks/useAttrs'\n  export default defineComponent({\n    components: { Drawer, DrawerFooter, Spin },\n    props: {\n      ...drawerProps(),\n      loading: {\n        type: Boolean,\n        default: false,\n      },\n      // 打开方向\n      openDirection: {\n        type: String,\n        default: 'right',\n      },\n      // 宽度\n      width: {\n        type: String,\n        default: '500px',\n      },\n      /**\n       * 标题\n       */\n      title: {\n        type: String,\n        required: true,\n      },\n      // 是否展示抽屉\n      open: {\n        type: Boolean,\n        default: false,\n      },\n      // 显示关闭图标\n      showCloseflag: {\n        type: Boolean,\n        default: true,\n      },\n      //  点击蒙层是否允许关闭\n      clickmaskFlag: {\n        type: Boolean,\n        default: true,\n      },\n    },\n    setup(props, { emit }) {\n      const attrs = useAttrs()\n      const visibleRef = ref(false)\n      const propsRef = ref<Partial<Nullable<DrawerProps>>>(null)\n\n      const drawerInfo = reactive({\n        placement: props.openDirection || undefined, //打开的方向\n        width: props.width, //宽度\n        title: props.title, //标题\n        loading: props.loading, //是否加载中\n        open: props.open, //默认关闭\n        showCloseIcon: props.showCloseflag, //closable\n        clickmaskFlag: props.clickmaskFlag, //  点击蒙层是否允许关闭\n      })\n      // 点击遮罩层或右上角叉或取消按钮的回调\n      function onClose() {\n        emit('onClose')\n      }\n\n      function handleOk() {\n        emit('ok')\n      }\n\n      // 监听打开或者关闭\n      watch(props, ({ open, loading }) => {\n        drawerInfo.open = open\n        drawerInfo.loading = loading\n        drawerInfo.title = props.title\n      })\n\n      const getMergeProps = computed((): DrawerProps => {\n        return deepMerge(toRaw(props), unref(propsRef))\n      })\n\n      const getProps = computed((): DrawerProps => {\n        const opt = {\n          placement: 'right',\n          ...unref(attrs),\n          ...unref(getMergeProps),\n          open: unref(visibleRef),\n        }\n        opt.title = undefined\n        const { width, getContainer } = opt\n\n        if (!width) {\n          opt.width = '100%'\n        }\n        return opt as DrawerProps\n      })\n\n      const getBindValues = computed((): DrawerProps => {\n        return {\n          ...attrs,\n          ...unref(getProps),\n        }\n      })\n\n      return {\n        drawerInfo,\n        handleOk,\n        onClose,\n        getBindValues,\n        getProps: getProps as any,\n      }\n    },\n  })\n</script>\n<style lang=\"less\" scoped>\n  .drawer-content {\n    // display: flex;\n    // justify-content: center;\n    // align-items: center;\n    margin-bottom: 60px;\n    // padding: 5px;\n    // min-height: 500px;\n    // overflow-y: scroll;\n  }\n</style>\n"],"names":["_sfc_main","defineComponent","Drawer","DrawerFooter","Spin","drawerProps","props","emit","attrs","useAttrs","visibleRef","ref","propsRef","drawerInfo","reactive","onClose","handleOk","watch","open","loading","getMergeProps","computed","deepMerge","toRaw","unref","getProps","opt","width","getContainer","getBindValues"],"mappings":";;;;;;;;;;;;;;;;;;;;AAmCE,MAAAA,IAAeC,EAAgB;AAAA,EAC7B,YAAY,EAAE,QAAAC,GAAQ,cAAAC,GAAc,MAAAC,EAAA;AAAA,EACpC,OAAO;AAAA,IACL,GAAGC,EAAA;AAAA,IACH,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA,IAGX,eAAe;AAAA,MACb,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA,IAGX,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA,IAKX,OAAO;AAAA,MACL,MAAM;AAAA,MACN,UAAU;AAAA,IAAA;AAAA;AAAA,IAGZ,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA,IAGX,eAAe;AAAA,MACb,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA,IAGX,eAAe;AAAA,MACb,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA,EACX;AAAA,EAEF,MAAMC,GAAO,EAAE,MAAAC,KAAQ;AACrB,UAAMC,IAAQC,EAAA,GACRC,IAAaC,EAAI,EAAK,GACtBC,IAAWD,EAAoC,IAAI,GAEnDE,IAAaC,EAAS;AAAA,MAC1B,WAAWR,EAAM,iBAAiB;AAAA;AAAA,MAClC,OAAOA,EAAM;AAAA;AAAA,MACb,OAAOA,EAAM;AAAA;AAAA,MACb,SAASA,EAAM;AAAA;AAAA,MACf,MAAMA,EAAM;AAAA;AAAA,MACZ,eAAeA,EAAM;AAAA;AAAA,MACrB,eAAeA,EAAM;AAAA;AAAA,IAAA,CACtB;AAED,aAASS,IAAU;AACjB,MAAAR,EAAK,SAAS;AAAA,IAChB;AAEA,aAASS,IAAW;AAClB,MAAAT,EAAK,IAAI;AAAA,IACX;AAGA,IAAAU,EAAMX,GAAO,CAAC,EAAE,MAAAY,GAAM,SAAAC,QAAc;AAClC,MAAAN,EAAW,OAAOK,GAClBL,EAAW,UAAUM,GACrBN,EAAW,QAAQP,EAAM;AAAA,IAC3B,CAAC;AAED,UAAMc,IAAgBC,EAAS,MACtBC,EAAUC,EAAMjB,CAAK,GAAGkB,EAAMZ,CAAQ,CAAC,CAC/C,GAEKa,IAAWJ,EAAS,MAAmB;AAC3C,YAAMK,IAAM;AAAA,QACV,WAAW;AAAA,QACX,GAAGF,EAAMhB,CAAK;AAAA,QACd,GAAGgB,EAAMJ,CAAa;AAAA,QACtB,MAAMI,EAAMd,CAAU;AAAA,MAAA;AAExB,MAAAgB,EAAI,QAAQ;AACZ,YAAM,EAAE,OAAAC,GAAO,cAAAC,EAAA,IAAiBF;AAEhC,aAAKC,MACHD,EAAI,QAAQ,SAEPA;AAAA,IACT,CAAC,GAEKG,IAAgBR,EAAS,OACtB;AAAA,MACL,GAAGb;AAAA,MACH,GAAGgB,EAAMC,CAAQ;AAAA,IAAA,EAEpB;AAED,WAAO;AAAA,MACL,YAAAZ;AAAA,MACA,UAAAG;AAAA,MACA,SAAAD;AAAA,MACA,eAAAc;AAAA,MACA,UAAAJ;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;"}

package/dist/src/components/core/drawer/components/DrawerFooter.vue.js

@@ -0,0 +1,45 @@
+import k from "./DrawerFooter2.vue.js";
+import { resolveComponent as d, openBlock as o, createElementBlock as s, normalizeStyle as f, normalizeClass as u, Fragment as c, renderSlot as r, createBlock as l, mergeProps as a, withCtx as i, createTextVNode as p, toDisplayString as m, createCommentVNode as t } from "vue";
+/* empty css                  */
+import y from "../../../../_virtual/_plugin-vue_export-helper.js";
+function C(e, $, g, h, B, F) {
+  const n = d("a-button");
+  return e.showFooter || e.$slots.footer ? (o(), s("div", {
+    key: 0,
+    class: u(e.prefixCls),
+    style: f(e.getStyle)
+  }, [
+    e.$slots.footer ? r(e.$slots, "footer", { key: 1 }) : (o(), s(c, { key: 0 }, [
+      r(e.$slots, "insertFooter"),
+      e.showCancelBtn ? (o(), l(n, a({ key: 0 }, e.cancelButtonProps, {
+        class: "mr-2",
+        onClick: e.handleClose
+      }), {
+        default: i(() => [
+          p(m(e.cancelText), 1)
+        ]),
+        _: 1
+      }, 16, ["onClick"])) : t("", !0),
+      r(e.$slots, "centerFooter"),
+      e.showOkBtn ? (o(), l(n, a({
+        key: 1,
+        type: e.okType
+      }, e.okButtonProps, {
+        class: "mr-2",
+        loading: e.confirmLoading,
+        onClick: e.handleOk
+      }), {
+        default: i(() => [
+          p(m(e.okText), 1)
+        ]),
+        _: 1
+      }, 16, ["type", "loading", "onClick"])) : t("", !0),
+      r(e.$slots, "appendFooter")
+    ], 64))
+  ], 6)) : t("", !0);
+}
+const b = /* @__PURE__ */ y(k, [["render", C]]);
+export {
+  b as default
+};
+//# sourceMappingURL=DrawerFooter.vue.js.map

package/dist/src/components/core/drawer/components/DrawerFooter.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerFooter.vue.js","sources":["../../../../../../src/components/core/drawer/components/DrawerFooter.vue"],"sourcesContent":["<template>\n  <div v-if=\"showFooter || $slots.footer\" :class=\"prefixCls\" :style=\"getStyle\">\n    <template v-if=\"!$slots.footer\">\n      <slot name=\"insertFooter\"></slot>\n      <a-button v-if=\"showCancelBtn\" v-bind=\"cancelButtonProps\" class=\"mr-2\" @click=\"handleClose\">\n        {{ cancelText }}\n      </a-button>\n      <slot name=\"centerFooter\"></slot>\n      <a-button\n        v-if=\"showOkBtn\"\n        :type=\"okType\"\n        v-bind=\"okButtonProps\"\n        class=\"mr-2\"\n        :loading=\"confirmLoading\"\n        @click=\"handleOk\"\n      >\n        {{ okText }}\n      </a-button>\n      <slot name=\"appendFooter\"></slot>\n    </template>\n\n    <template v-else>\n      <slot name=\"footer\"></slot>\n    </template>\n  </div>\n</template>\n<script lang=\"ts\">\n  import type { CSSProperties } from 'vue'\n  import { defineComponent, computed } from 'vue'\n  import { useLayoutSettingStore } from '@/store/modules/layoutSetting'\n  // import { useDesign } from '/@/hooks/web/useDesign'\n\n  import { footerProps } from '../props'\n  export default defineComponent({\n    name: 'BasicDrawerFooter',\n    props: {\n      ...footerProps,\n      height: {\n        type: String,\n        default: '60px',\n      },\n    },\n    emits: ['ok', 'close'],\n    setup(props, { emit }) {\n      const prefixCls = 'ant-basic-drawer-footer'\n      const themeStore = useLayoutSettingStore()\n\n      const getStyle = computed((): CSSProperties => {\n        const { getNavTheme } = themeStore\n        const heightStr = `${props.height}`\n        const isDark = getNavTheme === 'dark'\n        return {\n          height: heightStr,\n          lineHeight: heightStr,\n          backgroundColor: getNavTheme === 'realDark' ? 'rgb(31, 31, 31)' : 'rgb(255, 255, 255)',\n          borderTop:\n            getNavTheme === 'realDark'\n              ? '1px solid rgba(253, 253, 253, 0.12)'\n              : '1px solid rgba(5, 5, 5, 0.06)',\n        }\n      })\n\n      function handleOk() {\n        emit('ok')\n      }\n\n      function handleClose() {\n        emit('close')\n      }\n      return { handleOk, prefixCls, handleClose, getStyle }\n    },\n  })\n</script>\n\n<style lang=\"less\">\n  @prefix-cls: ~'ant-basic-drawer-footer';\n  @footer-height: 60px;\n  .@{prefix-cls} {\n    position: absolute;\n    z-index: 999999;\n    bottom: 0;\n    left: 0;\n    width: 100%;\n    padding: 0 12px 0 20px;\n    // background-color: @component-background;\n    border-top: 1px solid #d9d9d9;\n    text-align: right;\n\n    > * {\n      margin-right: 8px;\n    }\n  }\n</style>\n"],"names":["$slots","_ctx","_openBlock","_createElementBlock","prefixCls","_normalizeClass","_renderSlot","showCancelBtn","_Fragment","handleClose","_component_a_button","_mergeProps","showOkBtn","okType","okButtonProps","confirmLoading","_createCommentVNode"],"mappings":";;;;;YAC2BA,EAAa,UAAA;AAAQ,SAAAC,EAAA,cAAAA,EAAA,OAAA,UAAAC,EAAA,GAAAC,EAAEC,OAAS;AAAA,IAAG,KAAK;AAAA,IAAA,OAAAC,EAAAJ,EAAA,SAAA;AAAA,WAC9CD,EAAaC,EAAA,QAAA;AAAA,EAAA,GAAA;AAAA,IAC5BA,EAAA,OAAA,SAmB2BK,EAAAL,EAAA,QAAA,UAAA,EAAA,KAAA,EAAA,CAAA,KAnB3BC,EAAA,GACgBK,EAAaC,GAAA,EAAA,KAAA,KAAA;AAAA,MAAAF,EAAAL,EAAA,QAA7B,cAEW;AAAA,MAAAA,EAF+C,sBAAqBQ,EAAWC,GAAAC,EAAA,EAAA,KAAA,KAAAV,EAAA,mBAAA;AAAA,QAAA,OAAA;AAAA;;;;;;MAG1F,GAAA,IAAA,CAAiC,eAEzBW,EAAS,IAAA,EAAA;AAAA,MAAAN,EAAAL,EAAA,QADjB,cASW;AAAA,MAAAA,EAAA,aAAAC,EAAA,GAPFW,EAAMH,GAAAC,EAAA;AAAA,QAAA,KACLG;AAAAA,QACR,MAAKb,EAAC;AAAA,MAAA,GACLA,EAAA,eAASc;AAAAA,QACT,OAAK;AAAA,QAAA,SAAAd,EAAA;AAAA;;;;;;SAIR,IAAA,CAAiC,QAAA,WAAA,SAAA,CAAA,KAAAe,EAAA,IAAA,EAAA;AAAA,MAIjCV,EAA2BL,EAAA,QAAA,cAAA;AAAA,IAAA,GAAA,EAAA;AAAA;;;"}

package/dist/src/components/core/drawer/components/DrawerFooter2.vue.js

@@ -0,0 +1,36 @@
+import { defineComponent as c, computed as l } from "vue";
+import { useLayoutSettingStore as g } from "../../../../store/modules/layoutSetting.js";
+import { footerProps as h } from "../props.js";
+const u = c({
+  name: "BasicDrawerFooter",
+  props: {
+    ...h,
+    height: {
+      type: String,
+      default: "60px"
+    }
+  },
+  emits: ["ok", "close"],
+  setup(r, { emit: e }) {
+    const n = "ant-basic-drawer-footer", a = g(), s = l(() => {
+      const { getNavTheme: o } = a, t = `${r.height}`;
+      return {
+        height: t,
+        lineHeight: t,
+        backgroundColor: o === "realDark" ? "rgb(31, 31, 31)" : "rgb(255, 255, 255)",
+        borderTop: o === "realDark" ? "1px solid rgba(253, 253, 253, 0.12)" : "1px solid rgba(5, 5, 5, 0.06)"
+      };
+    });
+    function i() {
+      e("ok");
+    }
+    function p() {
+      e("close");
+    }
+    return { handleOk: i, prefixCls: n, handleClose: p, getStyle: s };
+  }
+});
+export {
+  u as default
+};
+//# sourceMappingURL=DrawerFooter2.vue.js.map

package/dist/src/components/core/drawer/components/DrawerFooter2.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerFooter2.vue.js","sources":["../../../../../../src/components/core/drawer/components/DrawerFooter.vue"],"sourcesContent":["<template>\n  <div v-if=\"showFooter || $slots.footer\" :class=\"prefixCls\" :style=\"getStyle\">\n    <template v-if=\"!$slots.footer\">\n      <slot name=\"insertFooter\"></slot>\n      <a-button v-if=\"showCancelBtn\" v-bind=\"cancelButtonProps\" class=\"mr-2\" @click=\"handleClose\">\n        {{ cancelText }}\n      </a-button>\n      <slot name=\"centerFooter\"></slot>\n      <a-button\n        v-if=\"showOkBtn\"\n        :type=\"okType\"\n        v-bind=\"okButtonProps\"\n        class=\"mr-2\"\n        :loading=\"confirmLoading\"\n        @click=\"handleOk\"\n      >\n        {{ okText }}\n      </a-button>\n      <slot name=\"appendFooter\"></slot>\n    </template>\n\n    <template v-else>\n      <slot name=\"footer\"></slot>\n    </template>\n  </div>\n</template>\n<script lang=\"ts\">\n  import type { CSSProperties } from 'vue'\n  import { defineComponent, computed } from 'vue'\n  import { useLayoutSettingStore } from '@/store/modules/layoutSetting'\n  // import { useDesign } from '/@/hooks/web/useDesign'\n\n  import { footerProps } from '../props'\n  export default defineComponent({\n    name: 'BasicDrawerFooter',\n    props: {\n      ...footerProps,\n      height: {\n        type: String,\n        default: '60px',\n      },\n    },\n    emits: ['ok', 'close'],\n    setup(props, { emit }) {\n      const prefixCls = 'ant-basic-drawer-footer'\n      const themeStore = useLayoutSettingStore()\n\n      const getStyle = computed((): CSSProperties => {\n        const { getNavTheme } = themeStore\n        const heightStr = `${props.height}`\n        const isDark = getNavTheme === 'dark'\n        return {\n          height: heightStr,\n          lineHeight: heightStr,\n          backgroundColor: getNavTheme === 'realDark' ? 'rgb(31, 31, 31)' : 'rgb(255, 255, 255)',\n          borderTop:\n            getNavTheme === 'realDark'\n              ? '1px solid rgba(253, 253, 253, 0.12)'\n              : '1px solid rgba(5, 5, 5, 0.06)',\n        }\n      })\n\n      function handleOk() {\n        emit('ok')\n      }\n\n      function handleClose() {\n        emit('close')\n      }\n      return { handleOk, prefixCls, handleClose, getStyle }\n    },\n  })\n</script>\n\n<style lang=\"less\">\n  @prefix-cls: ~'ant-basic-drawer-footer';\n  @footer-height: 60px;\n  .@{prefix-cls} {\n    position: absolute;\n    z-index: 999999;\n    bottom: 0;\n    left: 0;\n    width: 100%;\n    padding: 0 12px 0 20px;\n    // background-color: @component-background;\n    border-top: 1px solid #d9d9d9;\n    text-align: right;\n\n    > * {\n      margin-right: 8px;\n    }\n  }\n</style>\n"],"names":["_sfc_main","defineComponent","footerProps","props","emit","prefixCls","themeStore","useLayoutSettingStore","getStyle","computed","getNavTheme","heightStr","handleOk","handleClose"],"mappings":";;;AAiCE,MAAAA,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO;AAAA,IACL,GAAGC;AAAA,IACH,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA,EACX;AAAA,EAEF,OAAO,CAAC,MAAM,OAAO;AAAA,EACrB,MAAMC,GAAO,EAAE,MAAAC,KAAQ;AACrB,UAAMC,IAAY,2BACZC,IAAaC,EAAA,GAEbC,IAAWC,EAAS,MAAqB;AAC7C,YAAM,EAAE,aAAAC,MAAgBJ,GAClBK,IAAY,GAAGR,EAAM,MAAM;AAEjC,aAAO;AAAA,QACL,QAAQQ;AAAA,QACR,YAAYA;AAAA,QACZ,iBAAiBD,MAAgB,aAAa,oBAAoB;AAAA,QAClE,WACEA,MAAgB,aACZ,wCACA;AAAA,MAAA;AAAA,IAEV,CAAC;AAED,aAASE,IAAW;AAClB,MAAAR,EAAK,IAAI;AAAA,IACX;AAEA,aAASS,IAAc;AACrB,MAAAT,EAAK,OAAO;AAAA,IACd;AACA,WAAO,EAAE,UAAAQ,GAAU,WAAAP,GAAW,aAAAQ,GAAa,UAAAL,EAAA;AAAA,EAC7C;AACF,CAAC;"}

package/dist/src/components/core/drawer/index.js

@@ -0,0 +1,12 @@
+import "./BasicDrawer2.vue.js";
+import "vue";
+/* empty css                 */
+import "./components/DrawerFooter2.vue.js";
+/* empty css                             */
+import { drawerProps as d } from "ant-design-vue/es/drawer";
+const m = !0;
+export {
+  m as __drawerIndexMarker,
+  d as drawerProps
+};
+//# sourceMappingURL=index.js.map

package/dist/src/components/core/drawer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/core/drawer/index.ts"],"sourcesContent":["export { default as BasicDrawer } from './BasicDrawer.vue'\nexport { default as DrawerFooter } from './components/DrawerFooter.vue'\nexport * from './drawer'\n\n// 兼容 preserveModules 目录导入：确保该模块作为目录时有 index.js 落盘\nexport const __drawerIndexMarker = true\n"],"names":["__drawerIndexMarker"],"mappings":";;;;;;AAKO,MAAMA,IAAsB;"}

package/dist/src/components/core/drawer/props.js

@@ -0,0 +1,26 @@
+import { useI18n as e } from "../../../hooks/useI18n.js";
+const { t } = e(), n = {
+  confirmLoading: { type: Boolean },
+  /**
+   * @description: Show close button
+   */
+  showCancelBtn: { type: Boolean, default: !0 },
+  cancelButtonProps: Object,
+  cancelText: { type: String, default: t("common.cancelText") },
+  /**
+   * @description: Show confirmation button
+   */
+  showOkBtn: { type: Boolean, default: !0 },
+  okButtonProps: Object,
+  okText: { type: String, default: t("common.okText") },
+  okType: { type: String, default: "primary" },
+  showFooter: { type: Boolean },
+  footerHeight: {
+    type: [String, Number],
+    default: 60
+  }
+};
+export {
+  n as footerProps
+};
+//# sourceMappingURL=props.js.map

package/dist/src/components/core/drawer/props.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"props.js","sources":["../../../../../src/components/core/drawer/props.ts"],"sourcesContent":["import type { PropType } from 'vue'\n\nimport { useI18n } from '@/hooks/useI18n'\nconst { t } = useI18n()\n\nexport const footerProps = {\n  confirmLoading: { type: Boolean },\n  /**\n   * @description: Show close button\n   */\n  showCancelBtn: { type: Boolean, default: true },\n  cancelButtonProps: Object as PropType<Recordable>,\n  cancelText: { type: String, default: t('common.cancelText') },\n  /**\n   * @description: Show confirmation button\n   */\n  showOkBtn: { type: Boolean, default: true },\n  okButtonProps: Object as PropType<Recordable>,\n  okText: { type: String, default: t('common.okText') },\n  okType: { type: String, default: 'primary' },\n  showFooter: { type: Boolean },\n  footerHeight: {\n    type: [String, Number] as PropType<string | number>,\n    default: 60,\n  },\n}\nexport const basicProps = {\n  isDetail: { type: Boolean },\n  title: { type: String, default: '' },\n  loadingText: { type: String },\n  showDetailBack: { type: Boolean, default: true },\n  open: { type: Boolean },\n  loading: { type: Boolean },\n  maskClosable: { type: Boolean, default: true },\n  getContainer: {\n    type: [Object, String] as PropType<any>,\n  },\n  closeFunc: {\n    type: [Function, Object] as PropType<any>,\n    default: null,\n  },\n  destroyOnClose: { type: Boolean },\n  ...footerProps,\n}\n"],"names":["useI18n","footerProps"],"mappings":";AAGA,MAAM,EAAE,EAAA,IAAMA,EAAA,GAEDC,IAAc;AAAA,EACzB,gBAAgB,EAAE,MAAM,QAAA;AAAA;AAAA;AAAA;AAAA,EAIxB,eAAe,EAAE,MAAM,SAAS,SAAS,GAAA;AAAA,EACzC,mBAAmB;AAAA,EACnB,YAAY,EAAE,MAAM,QAAQ,SAAS,EAAE,mBAAmB,EAAA;AAAA;AAAA;AAAA;AAAA,EAI1D,WAAW,EAAE,MAAM,SAAS,SAAS,GAAA;AAAA,EACrC,eAAe;AAAA,EACf,QAAQ,EAAE,MAAM,QAAQ,SAAS,EAAE,eAAe,EAAA;AAAA,EAClD,QAAQ,EAAE,MAAM,QAAQ,SAAS,UAAA;AAAA,EACjC,YAAY,EAAE,MAAM,QAAA;AAAA,EACpB,cAAc;AAAA,IACZ,MAAM,CAAC,QAAQ,MAAM;AAAA,IACrB,SAAS;AAAA,EAAA;AAEb;"}

package/dist/src/components/core/dynamic-table/index.js

@@ -0,0 +1,61 @@
+import "vue";
+import "ant-design-vue";
+import "vue/jsx-runtime";
+import "lodash-es";
+import "@vueuse/core";
+import { ColumnKeyFlag as W, columnKeyFlags as X } from "./src/types/column.js";
+import "../../../node_modules/.pnpm/file-saver@2.0.5/node_modules/file-saver/dist/FileSaver.min.js";
+import "../../../utils/i18n.js";
+import "../../../locales/index.js";
+import { useColumns as Z } from "./src/hooks/useColumns.js";
+import { useTablePlugin as oo } from "./src/hooks/useTablePlugin.js";
+import "../../../store/modules/user.js";
+import "@iconify/vue";
+import "vue-virtual-scroller";
+import "vue-virtual-scroller/dist/vue-virtual-scroller.css";
+import "@iconify-json/ep/icons.json";
+import "@iconify-json/ant-design/icons.json";
+/* empty css                                   */
+/* empty css                                */
+import "../../basic/icon/src/icon-font.js";
+import "@ant-design/icons-vue";
+/* empty css                              */
+import "../../../utils/eventBus.js";
+/* empty css                                                 */
+/* empty css                               */
+/* empty css                                */
+/* empty css                                  */
+/* empty css                                       */
+/* empty css                                        */
+/* empty css                                        */
+import { dynamicTableEmits as mo, dynamicTableProps as to } from "./src/dynamic-table.js";
+import "../schema-form/src/componentMap.js";
+import "dayjs";
+/* empty css                                       */
+/* empty css                                 */
+import "../../basic/button/button.vue.js";
+import "../../basic/button/button.js";
+import "../../../utils/dateUtil.js";
+/* empty css                           */
+import "../../../utils/nprogress.js";
+import "../../../utils/performanceMonitor.js";
+import "../../../utils/SignalRConnectionManager.js";
+import "../../../utils/propTypes.js";
+import "../../../utils/request.js";
+import "../../../utils/Storage.js";
+import "../../../utils/uuid.js";
+import "../../../enums/breakpointEnum.js";
+import "../schema-form/src/schema-form.js";
+import "../schema-form/src/components/ApiSelect.vue.js";
+/* empty css                       */
+const S = !0;
+export {
+  W as ColumnKeyFlag,
+  S as __dynamic_tableIndexMarker,
+  X as columnKeyFlags,
+  mo as dynamicTableEmits,
+  to as dynamicTableProps,
+  Z as useColumns,
+  oo as useTablePlugin
+};
+//# sourceMappingURL=index.js.map

package/dist/src/components/core/dynamic-table/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/core/dynamic-table/index.ts"],"sourcesContent":["export { default as DynamicTable } from './src/dynamic-table.vue'\n\nexport * from './src/types/'\nexport * from './src/hooks/'\nexport * from './src/dynamic-table'\n\n// 兼容 preserveModules 目录导入：确保该模块作为目录时有 index.js 落盘\nexport const __dynamic_tableIndexMarker = true\n"],"names":["__dynamic_tableIndexMarker"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOO,MAAMA,IAA6B;"}

package/dist/src/components/core/dynamic-table/src/components/editable-cell/index.vue.js

@@ -0,0 +1,181 @@
+import { defineComponent as U, ref as S, watchEffect as q, computed as u, resolveComponent as f, openBlock as n, createBlock as v, withCtx as a, createElementVNode as A, createVNode as y, unref as m, isRef as G, createSlots as H, renderList as x, renderSlot as K, normalizeProps as J, guardReactiveProps as Q, createCommentVNode as h, createElementBlock as F, Fragment as I, createTextVNode as W, toDisplayString as X } from "vue";
+import { CheckOutlined as Y, CloseOutlined as Z, EditOutlined as ee } from "@ant-design/icons-vue";
+import "vue/jsx-runtime";
+import "lodash-es";
+import "ant-design-vue";
+import "../../../../../../store/modules/user.js";
+import "@iconify/vue";
+import "vue-virtual-scroller";
+import "vue-virtual-scroller/dist/vue-virtual-scroller.css";
+import "@vueuse/core";
+import "@iconify-json/ep/icons.json";
+import "@iconify-json/ant-design/icons.json";
+/* empty css                                            */
+/* empty css                                         */
+import "../../../../../basic/icon/src/icon-font.js";
+import { isPromise as te } from "../../../../../../utils/is.js";
+import { useTableContext as oe } from "../../hooks/useTableContext.js";
+/* empty css                                       */
+import "../../../../../../utils/eventBus.js";
+/* empty css                                   */
+/* empty css                                        */
+/* empty css                                         */
+/* empty css                    */
+/* empty css           */
+/* empty css           */
+import "../../dynamic-table.js";
+import le from "../../../../schema-form/src/schema-form-item.vue.js";
+/* empty css                                          */
+import "../../../../../basic/button/button.vue.js";
+import "../../../../../basic/button/button.js";
+import "../../../../../../locales/index.js";
+import "dayjs";
+import "../../../../../../utils/dateUtil.js";
+import "../../../../../../node_modules/.pnpm/file-saver@2.0.5/node_modules/file-saver/dist/FileSaver.min.js";
+import "../../../../../../utils/i18n.js";
+/* empty css                                    */
+import { warn as re } from "../../../../../../utils/log.js";
+import "../../../../../../utils/nprogress.js";
+import "../../../../../../utils/performanceMonitor.js";
+import "../../../../../../utils/SignalRConnectionManager.js";
+import "../../../../../../utils/propTypes.js";
+import "../../../../../../utils/request.js";
+import "../../../../../../utils/Storage.js";
+import "../../../../../../utils/uuid.js";
+import "../../../../../../enums/breakpointEnum.js";
+import "../../../../schema-form/src/schema-form.js";
+import { schemaFormItemProps as ae } from "../../../../schema-form/src/schema-form-item.js";
+import "../../../../schema-form/src/components/ApiSelect.vue.js";
+/* empty css                       */
+import "../../types/column.js";
+import "../../hooks/useColumns.js";
+import "../../hooks/useTablePlugin.js";
+const ie = { class: "editable-cell" }, at = /* @__PURE__ */ U({
+  __name: "index",
+  props: {
+    ...ae,
+    rowKey: [String, Number],
+    editableType: [String],
+    column: [Object]
+  },
+  setup(p) {
+    const t = p, b = S(!1), i = S(t.column?.column?.defaultEditable), c = oe(), {
+      editFormModel: s,
+      editTableFormRef: P,
+      editFormErrorMsgs: $,
+      editableCellKeys: N,
+      isEditable: O,
+      startCellEditable: R,
+      cancelCellEditable: w,
+      validateCell: B
+    } = c;
+    q(() => {
+      const { rowKey: e, columns: o } = c.props, l = o.find((g) => g.dataIndex === e);
+      if (!l)
+        return;
+      const C = l.editable || l.defaultEditable;
+      t.editableType === "dynamicCell" && C && re(`表格主键${e}不可设置为可编辑状态, 请检查!`);
+    });
+    const d = u(() => String(t.column?.column?.dataIndex)), _ = u(() => {
+      const e = t.schema.field, o = P.value?.getSchemaByField(e) || t.schema;
+      return {
+        ...o,
+        colProps: {
+          ...o.colProps,
+          span: t.editableType === "cell" ? 20 : 24
+        }
+      };
+    }), M = u(() => t.rowKey && O(t.rowKey)), E = u(() => {
+      const { rowKey: e } = t;
+      return i.value && (t.editableType === "cell" || t.editableType === "dynamicCell") && N.value.has(`${e}.${d.value}`);
+    }), k = u(() => {
+      const e = t.schema.field;
+      return $.value.get(e);
+    }), T = () => {
+      R(t.rowKey, d.value, t.column?.record), i.value = !0;
+    }, V = async () => {
+      const { rowKey: e, column: o } = t;
+      await B(e, d.value);
+      const l = c.props.onSave?.(
+        e,
+        s.value[e],
+        o?.record
+      );
+      te(l) && (b.value = !0, await l.finally(() => b.value = !1)), w(e, d.value), i.value = !1;
+    }, j = () => {
+      const { rowKey: e, column: o } = t;
+      c.props.onCancel?.(e, s.value[e], o?.record), i.value = !1, w(t.rowKey, d.value);
+    };
+    return i.value && (t.editableType === "cell" || t.editableType === "dynamicCell") && T(), (e, o) => {
+      const l = f("a-typography-text"), C = f("a-col"), g = f("a-row"), z = f("a-popover"), D = f("a-spin");
+      return n(), v(D, { spinning: b.value }, {
+        default: a(() => [
+          A("div", ie, [
+            y(z, {
+              open: !!k.value?.length,
+              placement: "topRight"
+            }, {
+              content: a(() => [
+                (n(!0), F(I, null, x(k.value, (r) => (n(), v(l, {
+                  key: r,
+                  type: "danger"
+                }, {
+                  default: a(() => [
+                    W(X(r), 1)
+                  ]),
+                  _: 2
+                }, 1024))), 128))
+              ]),
+              default: a(() => [
+                y(g, {
+                  type: "flex",
+                  gutter: 8
+                }, {
+                  default: a(() => [
+                    (M.value || E.value) && _.value ? (n(), v(m(le), {
+                      key: 0,
+                      "form-model": m(s),
+                      "onUpdate:formModel": o[0] || (o[0] = (r) => G(s) ? s.value = r : null),
+                      schema: _.value,
+                      "table-instance": m(c),
+                      "table-row-key": p.rowKey
+                    }, H({ _: 2 }, [
+                      x(Object.keys(e.$slots), (r) => ({
+                        name: r,
+                        fn: a((L) => [
+                          K(e.$slots, r, J(Q(L || {})), void 0, !0)
+                        ])
+                      }))
+                    ]), 1032, ["form-model", "schema", "table-instance", "table-row-key"])) : h("", !0),
+                    E.value && p.editableType !== "dynamicCell" ? (n(), v(C, {
+                      key: 1,
+                      span: 4,
+                      class: "!flex items-center"
+                    }, {
+                      default: a(() => [
+                        y(m(Y), { onClick: V }),
+                        y(m(Z), { onClick: j })
+                      ]),
+                      _: 1
+                    })) : h("", !0)
+                  ]),
+                  _: 3
+                })
+              ]),
+              _: 3
+            }, 8, ["open"]),
+            !i.value && (p.editableType === "cell" || p.editableType === "dynamicCell") ? (n(), F(I, { key: 0 }, [
+              K(e.$slots, "default", {}, void 0, !0),
+              y(m(ee), { onClick: T })
+            ], 64)) : h("", !0)
+          ])
+        ]),
+        _: 3
+      }, 8, ["spinning"]);
+    };
+  }
+});
+export {
+  at as default
+};
+//# sourceMappingURL=index.vue.js.map

package/dist/src/components/core/dynamic-table/src/components/editable-cell/index.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.vue.js","sources":["../../../../../../../../src/components/core/dynamic-table/src/components/editable-cell/index.vue"],"sourcesContent":["<template>\n  <a-spin :spinning=\"saving\">\n    <div class=\"editable-cell\">\n      <a-popover :open=\"!!errorMsgs?.length\" placement=\"topRight\">\n        <template #content>\n          <template v-for=\"err in errorMsgs\" :key=\"err\">\n            <a-typography-text type=\"danger\">{{ err }}</a-typography-text>\n          </template>\n        </template>\n        <a-row type=\"flex\" :gutter=\"8\">\n          <SchemaFormItem\n            v-if=\"(getIsEditable || getIsCellEdit) && getSchema\"\n            v-model:form-model=\"editFormModel\"\n            :schema=\"getSchema\"\n            :table-instance=\"tableContext\"\n            :table-row-key=\"rowKey\"\n          >\n            <template v-for=\"item in Object.keys($slots)\" #[item]=\"data\" :key=\"item\">\n              <slot :name=\"item\" v-bind=\"data || {}\" />\n            </template>\n          </SchemaFormItem>\n          <a-col\n            v-if=\"getIsCellEdit && editableType !== 'dynamicCell'\"\n            :span=\"4\"\n            class=\"!flex items-center\"\n          >\n            <CheckOutlined @click=\"handleSaveCell\" />\n            <CloseOutlined @click=\"handleCancelSaveCell\" />\n          </a-col>\n        </a-row>\n      </a-popover>\n      <template v-if=\"!isCellEdit && (editableType === 'cell' || editableType === 'dynamicCell')\">\n        <slot />\n        <EditOutlined @click=\"startEditCell\" />\n      </template>\n    </div>\n  </a-spin>\n</template>\n\n<script setup lang=\"ts\">\n  import { computed, ref, watchEffect } from 'vue'\n  import { EditOutlined, CloseOutlined, CheckOutlined } from '@ant-design/icons-vue'\n  import { useTableContext } from '../../hooks'\n  import type { PropType } from 'vue'\n  import type { CustomRenderParams, EditableType } from '@/components/core/dynamic-table/src/types'\n  import { SchemaFormItem } from '@/components/core/schema-form'\n  import { schemaFormItemProps } from '@/components/core/schema-form/src/schema-form-item'\n  import { isPromise } from '@/utils/is'\n  import { warn } from '@/utils/log'\n\n  const props = defineProps({\n    ...schemaFormItemProps,\n    rowKey: [String, Number] as PropType<Key>,\n    editableType: [String] as PropType<EditableType>,\n    column: [Object] as PropType<CustomRenderParams>,\n  })\n  const saving = ref(false)\n  const isCellEdit = ref(props.column?.column?.defaultEditable)\n\n  const tableContext = useTableContext()\n  const {\n    editFormModel,\n    editTableFormRef,\n    editFormErrorMsgs,\n    editableCellKeys,\n    isEditable,\n    startCellEditable,\n    cancelCellEditable,\n    validateCell,\n  } = tableContext\n\n  watchEffect(() => {\n    const { rowKey, columns } = tableContext.props\n    const row = columns.find(item => item.dataIndex === rowKey)\n    if (!row) return\n    const isCanEdit = row.editable || row.defaultEditable\n    if (props.editableType === 'dynamicCell' && isCanEdit) {\n      warn(`表格主键${rowKey}不可设置为可编辑状态, 请检查!`)\n    }\n  })\n\n  const dataIndex = computed(() => {\n    return String(props.column?.column?.dataIndex)\n  })\n\n  const getSchema = computed(() => {\n    const field = props.schema.field\n    const schema = editTableFormRef.value?.getSchemaByField(field) || props.schema\n    return {\n      ...schema,\n      colProps: {\n        ...schema.colProps,\n        span: props.editableType === 'cell' ? 20 : 24,\n      },\n    }\n  })\n\n  const getIsEditable = computed(() => {\n    return props.rowKey && isEditable(props.rowKey)\n  })\n\n  const getIsCellEdit = computed(() => {\n    const { rowKey } = props\n    return (\n      isCellEdit.value &&\n      (props.editableType === 'cell' || props.editableType === 'dynamicCell') &&\n      editableCellKeys.value.has(`${rowKey}.${dataIndex.value}`)\n    )\n  })\n\n  const errorMsgs = computed(() => {\n    const field = props.schema.field\n    return editFormErrorMsgs.value.get(field)\n  })\n\n  const startEditCell = () => {\n    startCellEditable(props.rowKey!, dataIndex.value, props.column?.record)\n    isCellEdit.value = true\n  }\n\n  const handleSaveCell = async () => {\n    const { rowKey, column } = props\n    await validateCell(rowKey!, dataIndex.value)\n    const saveRes = tableContext.props.onSave?.(\n      rowKey!,\n      editFormModel.value[rowKey!],\n      column?.record,\n    )\n    if (isPromise(saveRes)) {\n      saving.value = true\n      await saveRes.finally(() => (saving.value = false))\n    }\n    cancelCellEditable(rowKey!, dataIndex.value)\n    isCellEdit.value = false\n  }\n\n  const handleCancelSaveCell = () => {\n    const { rowKey, column } = props\n    tableContext.props.onCancel?.(rowKey!, editFormModel.value[rowKey!], column?.record)\n    isCellEdit.value = false\n    cancelCellEditable(props.rowKey!, dataIndex.value)\n  }\n\n  // 默认开启编辑的单元格\n  if (isCellEdit.value && (props.editableType === 'cell' || props.editableType === 'dynamicCell')) {\n    startEditCell()\n  }\n</script>\n\n<style lang=\"less\">\n  .ant-table-cell:hover {\n    .editable-cell .anticon-edit {\n      display: block;\n    }\n  }\n</style>\n\n<style lang=\"less\" scoped>\n  .editable-cell {\n    position: relative;\n\n    .anticon-edit {\n      display: none;\n      position: absolute;\n      top: 50%;\n      right: 0;\n      transform: translateY(-50%);\n    }\n  }\n\n  :deep(.ant-form-item) {\n    margin: 0;\n  }\n\n  :deep(.ant-form-item-explain) {\n    display: none;\n  }\n\n  :deep(.ant-form-item-with-help) {\n    margin: 0;\n  }\n</style>\n"],"names":["props","__props","saving","ref","isCellEdit","tableContext","useTableContext","editFormModel","editTableFormRef","editFormErrorMsgs","editableCellKeys","isEditable","startCellEditable","cancelCellEditable","validateCell","watchEffect","rowKey","columns","row","item","isCanEdit","warn","dataIndex","computed","getSchema","field","schema","getIsEditable","getIsCellEdit","errorMsgs","startEditCell","handleSaveCell","column","saveRes","isPromise","handleCancelSaveCell","_createBlock","_component_a_spin","_createElementVNode","_hoisted_1","_createVNode","_component_a_popover","_createElementBlock","_Fragment","_renderList","err","_component_a_typography_text","_component_a_row","_unref","SchemaFormItem","$event","$slots","_withCtx","data","_renderSlot","_ctx","_normalizeProps","_guardReactiveProps","_component_a_col","CheckOutlined","CloseOutlined","EditOutlined"],"mappings":"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"}