@kp-ui/lowcode 2.16.0-alpha.10 → 2.16.0-alpha.12

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kp-ui/lowcode",
-  "version": "2.16.0-alpha.10",
+  "version": "2.16.0-alpha.12",
   "publishConfig": {
     "access": "public"
   },

package/src/components/form-designer/setting-panel/property-editor/container-vf-dialog/height-editor.vue2.js

@@ -1,9 +1,8 @@
-import { defineComponent as a, useModel as d, resolveComponent as o, createBlock as s, openBlock as c, unref as n, withCtx as f, createVNode as _ } from "vue";
-import { useI18n as h } from "../../../../../utils/i18n.js";
-import { EditorTypeEnum as M } from "../../../../../constants/EditorTypeEnum.js";
-import { useEditor as b } from "../useEditor.js";
-const y = /* @__PURE__ */ a({
-  name: M.heightEditor,
+import { defineComponent as a, useModel as u, resolveComponent as o, createBlock as m, openBlock as d, unref as s, withCtx as c, createVNode as f } from "vue";
+import { useI18n as _ } from "../../../../../utils/i18n.js";
+import { EditorTypeEnum as h } from "../../../../../constants/EditorTypeEnum.js";
+const C = /* @__PURE__ */ a({
+  name: h.heightEditor,
   __name: "height-editor",
   props: {
     optionModel: {
@@ -14,20 +13,19 @@ const y = /* @__PURE__ */ a({
     optionModelModifiers: {}
   },
   emits: ["update:optionModel"],
-  setup(r) {
-    const e = d(r, "optionModel"), { i18nt: i } = h(), { inputNumberHandler: p } = b();
-    return (v, t) => {
-      const u = o("a-input-number"), l = o("a-form-item");
-      return c(), s(l, {
-        label: n(i)("height") + "(px)"
+  setup(n) {
+    const e = u(n, "optionModel"), { i18nt: i } = _();
+    return (M, t) => {
+      const p = o("a-input"), r = o("a-form-item");
+      return d(), m(r, {
+        label: s(i)("height") + "(px)"
       }, {
-        default: f(() => [
-          _(u, {
+        default: c(() => [
+          f(p, {
             type: "text",
             value: e.value.height,
-            "onUpdate:value": t[0] || (t[0] = (m) => e.value.height = m),
-            onInput: n(p)
-          }, null, 8, ["value", "onInput"])
+            "onUpdate:value": t[0] || (t[0] = (l) => e.value.height = l)
+          }, null, 8, ["value"])
         ]),
         _: 1
       }, 8, ["label"]);
@@ -35,6 +33,6 @@ const y = /* @__PURE__ */ a({
   }
 });
 export {
-  y as default
+  C as default
 };
 //# sourceMappingURL=height-editor.vue2.js.map

package/src/components/form-designer/setting-panel/property-editor/container-vf-dialog/height-editor.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"height-editor.vue2.js","sources":["../../../../../../../src/components/form-designer/setting-panel/property-editor/container-vf-dialog/height-editor.vue"],"sourcesContent":["<template>\n    <a-form-item :label=\"i18nt('height') + '(px)'\">\n        <a-input-number\n            type=\"text\"\n            v-model:value=\"optionModel.height\"\n            @input=\"inputNumberHandler\"\n        />\n    </a-form-item>\n</template>\n\n<script lang=\"ts\" setup>\n    import { useI18n } from '@/utils/i18n';\n    import { EditorTypeEnum } from '@/constants/EditorTypeEnum';\n    import { useEditor } from '../useEditor';\n\n    defineOptions({\n        name: EditorTypeEnum.heightEditor\n    });\n\n    const optionModel = defineModel('optionModel', {\n        type: Object,\n        required: true,\n        default: () => ({ customClass: '' })\n    });\n\n    const { i18nt } = useI18n();\n    const { inputNumberHandler } = useEditor();\n    // export default {\n    //     name: 'height-editor',\n    //     mixins: [i18n, propertyMixin],\n    //     props: {\n    //         designer: Object,\n    //         selectedWidget: Object,\n    //         optionModel: Object\n    //     }\n    // };\n</script>\n\n<style scoped></style>\n"],"names":["optionModel","_useModel","__props","i18nt","useI18n","inputNumberHandler","useEditor","_createBlock","_component_a_form_item","_unref","_createVNode","_component_a_input_number","_cache","$event"],"mappings":";;;;;;;;;;;;;;;;;AAmBI,UAAMA,IAAcC,EAAWC,GAAC,aAI/B,GAEK,EAAE,OAAAC,EAAA,IAAUC,EAAA,GACZ,EAAE,oBAAAC,EAAA,IAAuBC,EAAA;;;kBAzB/BC,EAMcC,GAAA;AAAA,QANA,OAAOC,EAAAN,CAAA,EAAK,QAAA,IAAA;AAAA,MAAA;mBACtB,MAIE;AAAA,UAJFO,EAIEC,GAAA;AAAA,YAHE,MAAK;AAAA,YACG,OAAOX,EAAA,MAAY;AAAA,YAAZ,kBAAAY,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAAb,EAAA,MAAY,SAAMa;AAAA,YAChC,SAAOJ,EAAAJ,CAAA;AAAA,UAAA;;;;;;;"}
+{"version":3,"file":"height-editor.vue2.js","sources":["../../../../../../../src/components/form-designer/setting-panel/property-editor/container-vf-dialog/height-editor.vue"],"sourcesContent":["<template>\n    <a-form-item :label=\"i18nt('height') + '(px)'\">\n        <a-input type=\"text\" v-model:value=\"optionModel.height\" />\n    </a-form-item>\n</template>\n\n<script lang=\"ts\" setup>\n    import { useI18n } from '@/utils/i18n';\n    import { EditorTypeEnum } from '@/constants/EditorTypeEnum';\n\n    defineOptions({\n        name: EditorTypeEnum.heightEditor\n    });\n\n    const optionModel = defineModel('optionModel', {\n        type: Object,\n        required: true,\n        default: () => ({ customClass: '' })\n    });\n\n    const { i18nt } = useI18n();\n</script>\n\n<style scoped></style>\n"],"names":["optionModel","_useModel","__props","i18nt","useI18n","_createBlock","_component_a_form_item","_unref","_createVNode","_component_a_input","_cache","$event"],"mappings":";;;;;;;;;;;;;;;;AAcI,UAAMA,IAAcC,EAAWC,GAAC,aAI/B,GAEK,EAAE,OAAAC,EAAA,IAAUC,EAAA;;;kBAnBlBC,EAEcC,GAAA;AAAA,QAFA,OAAOC,EAAAJ,CAAA,EAAK,QAAA,IAAA;AAAA,MAAA;mBACtB,MAA0D;AAAA,UAA1DK,EAA0DC,GAAA;AAAA,YAAjD,MAAK;AAAA,YAAe,OAAOT,EAAA,MAAY;AAAA,YAAZ,kBAAAU,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAAX,EAAA,MAAY,SAAMW;AAAA,UAAA;;;;;;;"}

package/src/components/form-render/container-items/data-table-widget.vue.js

@@ -1,8 +1,8 @@
 import t from "./data-table-widget.vue2.js";
 /* empty css                       */
-import o from "../../../../_virtual/_plugin-vue_export-helper.js";
-const e = /* @__PURE__ */ o(t, [["__scopeId", "data-v-71dd043b"]]);
+import a from "../../../../_virtual/_plugin-vue_export-helper.js";
+const m = /* @__PURE__ */ a(t, [["__scopeId", "data-v-e792a706"]]);
 export {
-  e as default
+  m as default
 };
 //# sourceMappingURL=data-table-widget.vue.js.map

package/src/components/form-render/container-items/data-table-widget.vue2.js

@@ -31,7 +31,7 @@ const te = /* @__PURE__ */ N({
       onRunEvent: a,
       onSortChange: S,
       onCheckboxChange: x,
-      tableDefinExpoed: T
+      tableDefinExpoed: E
     } = U({
       props: t,
       fieldModel: f
@@ -43,7 +43,7 @@ const te = /* @__PURE__ */ N({
     }), s.value.onChange = (e, F) => {
       l();
     };
-    const { tableRef: n, register: E, selectedRowInfo: i, sorts: c, selectRow: y, delSelectRow: D } = G({
+    const { tableRef: n, register: T, selectedRowInfo: i, sorts: c, selectRow: y, delSelectRow: D } = G({
       props: {
         rowKey: t.field.options.rowKey,
         hasRowSelection: (d = t.field.options.rowSelection) == null ? void 0 : d.hasRowSelection,
@@ -64,12 +64,10 @@ const te = /* @__PURE__ */ N({
     return p(() => {
       n.value && v(n.value);
     }), W(() => {
-      setTimeout(() => {
-        l();
-      }, 1e3);
+      l();
     }), m({
       ...w,
-      ...T,
+      ...E,
       delSelectRow: D,
       getFieldEditor: M,
       selectRow: y,
@@ -87,7 +85,7 @@ const te = /* @__PURE__ */ N({
           style: H({ width: o(h) })
         }, [
           O(o(J), {
-            onRegister: o(E),
+            onRegister: o(T),
             tableProps: o(R),
             loading: o(C),
             pagination: o(s)

package/src/components/form-render/container-items/data-table-widget.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"data-table-widget.vue2.js","sources":["../../../../../src/components/form-render/container-items/data-table-widget.vue"],"sourcesContent":["<template>\n    <container-wrapper v-bind=\"props\" :customClass=\"customClass\" v-if=\"!handleHidden\">\n        <div class=\"talbe-wrapper\" :style=\"{ width: tableWidth }\">\n            <Table\n                @register=\"register\"\n                :tableProps=\"tableProps\"\n                :loading=\"isLoading\"\n                :pagination=\"pagintion\"\n            />\n        </div>\n    </container-wrapper>\n</template>\n\n<script lang=\"ts\" setup>\n    import ContainerWrapper from './container-wrapper.vue';\n    import { ContainerTypeEnum, ComponentNameEnum } from '@/constants/WidgetTypeEnum';\n    import { onMounted, watchEffect } from 'vue';\n    import { useVxeTable, Table } from 'tmgc2-share';\n    import { WidgetProps } from '@/components/form-designer/form-widget/container-widget/useContainerWidget';\n    import { DataTableWidget } from '@/components/form-designer/widget-panel/advanced';\n    import { useField } from '@/components/form-designer/form-widget/field-widget/useField';\n    import { useTableWidget } from '@/components/form-designer/form-widget/container-widget/useTableWidget';\n\n    const props = defineProps<WidgetProps<DataTableWidget>>();\n    defineOptions({\n        name: ContainerTypeEnum.DataTable,\n        componentName: ComponentNameEnum.FieldWidget\n    });\n\n    const { fieldModel, handleHidden, defineExposed, customClass } = useField(props);\n\n    const {\n        isLoading,\n        tableProps,\n        tableWidth,\n        pagintion,\n        setPagination,\n        setTableRef,\n        initTableSoureData,\n        handleTableChange,\n        onRunEvent,\n        onSortChange,\n        onCheckboxChange,\n        tableDefinExpoed\n    } = useTableWidget({\n        props,\n        fieldModel\n    });\n\n    watchEffect(() => {\n        if (!props.field.options.showPagination) {\n            setPagination({\n                total: 0\n            });\n        }\n    });\n\n    pagintion.value.onChange = (current, pageSize) => {\n        initTableSoureData();\n    };\n\n    const { tableRef, register, selectedRowInfo, sorts, selectRow, delSelectRow } = useVxeTable({\n        props: {\n            rowKey: props.field.options.rowKey,\n            hasRowSelection: props.field.options.rowSelection?.hasRowSelection,\n            clickRowCheck: props.field.options.colorRow\n        },\n        events: {\n            dataChange: params => handleTableChange({ sorts: sorts.value }),\n            cellDblclick: params => onRunEvent(params, 'onDblclick'),\n            cellMouseenter: params => onRunEvent(params, 'onMouseenter'),\n            cellMouseleave: params => onRunEvent(params, 'onMouseleave')\n        },\n        callbacks: {\n            onCheckboxChange,\n            onSortChange,\n            cellClick: params => onRunEvent(params, 'onClick')\n        }\n    });\n\n    const getSelectedRowKeys = () => {\n        return selectedRowInfo.value.selectedRowKeys;\n    };\n\n    const getSelectedRows = () => {\n        return selectedRowInfo.value.selectedRows;\n    };\n\n    /**\n     * 获取字段编辑器\n     * @returns 字段编辑器\n     */\n    const getFieldEditor = () => {\n        // 获取内置的el表单组件\n        return tableRef.value;\n    };\n\n    watchEffect(() => {\n        if (tableRef.value) {\n            setTableRef(tableRef.value);\n        }\n    });\n\n    onMounted(() => {\n        setTimeout(() => {\n            initTableSoureData();\n        }, 1000);\n    });\n\n    defineExpose({\n        ...defineExposed,\n        ...tableDefinExpoed,\n        delSelectRow,\n        getFieldEditor,\n        selectRow,\n        getSelectedRowKeys,\n        getSelectedRows,\n        setPagination,\n        sorts,\n        selectedRowInfo,\n        loadDataTableDataSource: initTableSoureData,\n        fieldEditor: tableRef\n    });\n</script>\n\n<style lang=\"scss\" scoped>\n    .talbe-wrapper {\n        width: 100%;\n        .vxe-grid {\n            width: 100%;\n        }\n        &__pagination {\n            margin-top: 10px;\n            display: flex;\n            justify-content: end;\n        }\n    }\n</style>\n"],"names":["props","__props","fieldModel","handleHidden","defineExposed","customClass","useField","isLoading","tableProps","tableWidth","pagintion","setPagination","setTableRef","initTableSoureData","handleTableChange","onRunEvent","onSortChange","onCheckboxChange","tableDefinExpoed","useTableWidget","watchEffect","current","pageSize","tableRef","register","selectedRowInfo","sorts","selectRow","delSelectRow","useVxeTable","_a","params","getSelectedRowKeys","getSelectedRows","getFieldEditor","onMounted","__expose","_unref","_openBlock","_createBlock","ContainerWrapper","_mergeProps","_createElementVNode","_createVNode","Table"],"mappings":"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"}
+{"version":3,"file":"data-table-widget.vue2.js","sources":["../../../../../src/components/form-render/container-items/data-table-widget.vue"],"sourcesContent":["<template>\n    <container-wrapper v-bind=\"props\" :customClass=\"customClass\" v-if=\"!handleHidden\">\n        <div class=\"talbe-wrapper\" :style=\"{ width: tableWidth }\">\n            <Table\n                @register=\"register\"\n                :tableProps=\"tableProps\"\n                :loading=\"isLoading\"\n                :pagination=\"pagintion\"\n            />\n        </div>\n    </container-wrapper>\n</template>\n\n<script lang=\"ts\" setup>\n    import ContainerWrapper from './container-wrapper.vue';\n    import { ContainerTypeEnum, ComponentNameEnum } from '@/constants/WidgetTypeEnum';\n    import { onMounted, watchEffect } from 'vue';\n    import { useVxeTable, Table } from 'tmgc2-share';\n    import { WidgetProps } from '@/components/form-designer/form-widget/container-widget/useContainerWidget';\n    import { DataTableWidget } from '@/components/form-designer/widget-panel/advanced';\n    import { useField } from '@/components/form-designer/form-widget/field-widget/useField';\n    import { useTableWidget } from '@/components/form-designer/form-widget/container-widget/useTableWidget';\n\n    const props = defineProps<WidgetProps<DataTableWidget>>();\n    defineOptions({\n        name: ContainerTypeEnum.DataTable,\n        componentName: ComponentNameEnum.FieldWidget\n    });\n\n    const { fieldModel, handleHidden, defineExposed, customClass } = useField(props);\n\n    const {\n        isLoading,\n        tableProps,\n        tableWidth,\n        pagintion,\n        setPagination,\n        setTableRef,\n        initTableSoureData,\n        handleTableChange,\n        onRunEvent,\n        onSortChange,\n        onCheckboxChange,\n        tableDefinExpoed\n    } = useTableWidget({\n        props,\n        fieldModel\n    });\n\n    watchEffect(() => {\n        if (!props.field.options.showPagination) {\n            setPagination({\n                total: 0\n            });\n        }\n    });\n\n    pagintion.value.onChange = (current, pageSize) => {\n        initTableSoureData();\n    };\n\n    const { tableRef, register, selectedRowInfo, sorts, selectRow, delSelectRow } = useVxeTable({\n        props: {\n            rowKey: props.field.options.rowKey,\n            hasRowSelection: props.field.options.rowSelection?.hasRowSelection,\n            clickRowCheck: props.field.options.colorRow\n        },\n        events: {\n            dataChange: params => handleTableChange({ sorts: sorts.value }),\n            cellDblclick: params => onRunEvent(params, 'onDblclick'),\n            cellMouseenter: params => onRunEvent(params, 'onMouseenter'),\n            cellMouseleave: params => onRunEvent(params, 'onMouseleave')\n        },\n        callbacks: {\n            onCheckboxChange,\n            onSortChange,\n            cellClick: params => onRunEvent(params, 'onClick')\n        }\n    });\n\n    const getSelectedRowKeys = () => {\n        return selectedRowInfo.value.selectedRowKeys;\n    };\n\n    const getSelectedRows = () => {\n        return selectedRowInfo.value.selectedRows;\n    };\n\n    /**\n     * 获取字段编辑器\n     * @returns 字段编辑器\n     */\n    const getFieldEditor = () => {\n        // 获取内置的el表单组件\n        return tableRef.value;\n    };\n\n    watchEffect(() => {\n        if (tableRef.value) {\n            setTableRef(tableRef.value);\n        }\n    });\n\n    onMounted(() => {\n        initTableSoureData();\n    });\n\n    defineExpose({\n        ...defineExposed,\n        ...tableDefinExpoed,\n        delSelectRow,\n        getFieldEditor,\n        selectRow,\n        getSelectedRowKeys,\n        getSelectedRows,\n        setPagination,\n        sorts,\n        selectedRowInfo,\n        loadDataTableDataSource: initTableSoureData,\n        fieldEditor: tableRef\n    });\n</script>\n\n<style lang=\"scss\" scoped>\n    .talbe-wrapper {\n        width: 100%;\n        .vxe-grid {\n            width: 100%;\n        }\n        &__pagination {\n            margin-top: 10px;\n            display: flex;\n            justify-content: end;\n        }\n    }\n</style>\n"],"names":["props","__props","fieldModel","handleHidden","defineExposed","customClass","useField","isLoading","tableProps","tableWidth","pagintion","setPagination","setTableRef","initTableSoureData","handleTableChange","onRunEvent","onSortChange","onCheckboxChange","tableDefinExpoed","useTableWidget","watchEffect","current","pageSize","tableRef","register","selectedRowInfo","sorts","selectRow","delSelectRow","useVxeTable","_a","params","getSelectedRowKeys","getSelectedRows","getFieldEditor","onMounted","__expose","_unref","_openBlock","_createBlock","ContainerWrapper","_mergeProps","_createElementVNode","_createVNode","Table"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAuBI,UAAMA,IAAQC,GAMR,EAAE,YAAAC,GAAY,cAAAC,GAAc,eAAAC,GAAe,aAAAC,EAAA,IAAgBC,EAASN,CAAK,GAEzE;AAAA,MACF,WAAAO;AAAA,MACA,YAAAC;AAAA,MACA,YAAAC;AAAA,MACA,WAAAC;AAAA,MACA,eAAAC;AAAA,MACA,aAAAC;AAAA,MACA,oBAAAC;AAAA,MACA,mBAAAC;AAAA,MACA,YAAAC;AAAA,MACA,cAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,kBAAAC;AAAA,IAAA,IACAC,EAAe;AAAA,MACf,OAAAnB;AAAA,MACA,YAAAE;AAAA,IAAA,CACH;AAED,IAAAkB,EAAY,MAAM;AACd,MAAKpB,EAAM,MAAM,QAAQ,kBACrBW,EAAc;AAAA,QACV,OAAO;AAAA,MAAA,CACV;AAAA,IAET,CAAC,GAEDD,EAAU,MAAM,WAAW,CAACW,GAASC,MAAa;AAC9C,MAAAT,EAAA;AAAA,IACJ;AAEA,UAAM,EAAE,UAAAU,GAAU,UAAAC,GAAU,iBAAAC,GAAiB,OAAAC,GAAO,WAAAC,GAAW,cAAAC,EAAA,IAAiBC,EAAY;AAAA,MACxF,OAAO;AAAA,QACH,QAAQ7B,EAAM,MAAM,QAAQ;AAAA,QAC5B,kBAAiB8B,IAAA9B,EAAM,MAAM,QAAQ,iBAApB,gBAAA8B,EAAkC;AAAA,QACnD,eAAe9B,EAAM,MAAM,QAAQ;AAAA,MAAA;AAAA,MAEvC,QAAQ;AAAA,QACJ,YAAY,CAAA+B,MAAUjB,EAAkB,EAAE,OAAOY,EAAM,OAAO;AAAA,QAC9D,cAAc,CAAAK,MAAUhB,EAAWgB,GAAQ,YAAY;AAAA,QACvD,gBAAgB,CAAAA,MAAUhB,EAAWgB,GAAQ,cAAc;AAAA,QAC3D,gBAAgB,CAAAA,MAAUhB,EAAWgB,GAAQ,cAAc;AAAA,MAAA;AAAA,MAE/D,WAAW;AAAA,QACP,kBAAAd;AAAA,QACA,cAAAD;AAAA,QACA,WAAW,CAAAe,MAAUhB,EAAWgB,GAAQ,SAAS;AAAA,MAAA;AAAA,IACrD,CACH,GAEKC,IAAqB,MAChBP,EAAgB,MAAM,iBAG3BQ,IAAkB,MACbR,EAAgB,MAAM,cAO3BS,IAAiB,MAEZX,EAAS;AAGpB,WAAAH,EAAY,MAAM;AACd,MAAIG,EAAS,SACTX,EAAYW,EAAS,KAAK;AAAA,IAElC,CAAC,GAEDY,EAAU,MAAM;AACZ,MAAAtB,EAAA;AAAA,IACJ,CAAC,GAEDuB,EAAa;AAAA,MACT,GAAGhC;AAAA,MACH,GAAGc;AAAA,MACH,cAAAU;AAAA,MACA,gBAAAM;AAAA,MACA,WAAAP;AAAA,MACA,oBAAAK;AAAA,MACA,iBAAAC;AAAA,MACA,eAAAtB;AAAA,MACA,OAAAe;AAAA,MACA,iBAAAD;AAAA,MACA,yBAAyBZ;AAAA,MACzB,aAAaU;AAAA,IAAA,CAChB,aAvHmEc,EAAAlC,CAAA,iBAApEmC,KAAAC,EASoBC,GATpBC,EASoB,EAAA,KAAA,EAAA,GATOzC,GAAK,EAAG,aAAaqC,EAAAhC,CAAA,EAAA,CAAW,GAAA;AAAA,iBACvD,MAOM;AAAA,QAPNqC,EAOM,OAAA;AAAA,UAPD,OAAM;AAAA,UAAiB,kBAAgBL,EAAA5B,CAAA,GAAU;AAAA,QAAA;UAClDkC,EAKEN,EAAAO,CAAA,GAAA;AAAA,YAJG,YAAUP,EAAAb,CAAA;AAAA,YACV,YAAYa,EAAA7B,CAAA;AAAA,YACZ,SAAS6B,EAAA9B,CAAA;AAAA,YACT,YAAY8B,EAAA3B,CAAA;AAAA,UAAA;;;;;;;"}

package/src/components/form-render/dynamic-dialog.vue.js

@@ -1,9 +1,10 @@
-import { defineComponent as H, computed as d, ref as u, onBeforeUnmount as J, createBlock as P, openBlock as A, unref as c, mergeProps as U, withCtx as x, createElementVNode as I, createVNode as C, nextTick as q } from "vue";
-import { useExecFunction as z, TpfModal as G } from "tmgc2-share";
-import { useLowcode as K } from "../../hooks/useLowcode.js";
-import Q from "../FormRender/index.vue.js";
-import W from "../public/ActionButtonListRender.vue.js";
-const X = { class: "dialog-content" }, oe = /* @__PURE__ */ H({
+import { defineComponent as J, computed as u, ref as c, onBeforeUnmount as P, createBlock as A, openBlock as U, unref as i, mergeProps as z, withCtx as x, createElementVNode as I, createVNode as C, nextTick as q } from "vue";
+import { useExecFunction as G, TpfModal as K } from "tmgc2-share";
+import { useLowcode as Q } from "../../hooks/useLowcode.js";
+import { formatSize as h } from "../../utils/format.js";
+import W from "../FormRender/index.vue.js";
+import X from "../public/ActionButtonListRender.vue.js";
+const Y = { class: "dialog-content" }, ae = /* @__PURE__ */ J({
   name: "dynamic-dialog",
   __name: "dynamic-dialog",
   props: {
@@ -45,31 +46,31 @@ const X = { class: "dialog-content" }, oe = /* @__PURE__ */ H({
       default: null
     }
   },
-  setup(n, { expose: h }) {
-    const t = n, O = d(() => t.options.height || "500px"), f = u(null), p = u(!1), s = u(!1), { context: i, asyncExecuteFunction: m, executeFunction: Y } = z(), { vfdRef: l, isLoading: v, getComponentJson: R } = K({
+  setup(n, { expose: O }) {
+    const t = n, R = u(() => h(t.options.height, "500px")), f = c(null), p = c(!1), s = c(!1), { context: r, asyncExecuteFunction: m, executeFunction: Z } = G(), { vfdRef: l, isLoading: v, getComponentJson: F } = Q({
       formCode: t.options.formCode,
       ...t.vfCtx
-    }), F = d(() => ({
+    }), D = u(() => ({
       ...t.parentFormRef,
-      parentDom: i.value,
+      parentDom: r.value,
       getParentFormRef: g
-    })), D = d(() => t.options.cancelButtonHidden && t.options.okButtonHidden ? { footer: null } : {});
-    J(() => {
+    })), k = u(() => t.options.cancelButtonHidden && t.options.okButtonHidden ? { footer: null } : {});
+    P(() => {
       var e, o;
       console.log(t.parentFormRef), (o = (e = t.parentFormRef) == null ? void 0 : e.setChildFormRef) == null || o.call(e, null);
     });
-    const k = (e) => {
+    const w = (e) => {
       v.value = e;
-    }, w = (e) => {
+    }, B = (e) => {
       t.options.title = e;
-    }, B = () => {
+    }, j = () => {
       s.value = !0;
-    }, j = async ({ result: e }) => {
-      e !== !1 && await r();
-    }, E = () => {
+    }, E = async ({ result: e }) => {
+      e !== !1 && await d();
+    }, L = () => {
       s.value = !0, q(async () => {
         var e, o, a;
-        (e = t.options) != null && e.readMode && ((o = l.value) == null || o.setReadMode(!0)), await R([], t.options.formCode), (a = l.value) == null || a.setDialogOrDrawerRef(i.value), t.parentFormRef && t.parentFormRef.setChildFormRef(l.value), y();
+        (e = t.options) != null && e.readMode && ((o = l.value) == null || o.setReadMode(!0)), await F([], t.options.formCode), (a = l.value) == null || a.setDialogOrDrawerRef(r.value), t.parentFormRef && t.parentFormRef.setChildFormRef(l.value), y();
       });
     }, b = async () => {
       if (t.options.onDialogBeforeClose)
@@ -77,76 +78,76 @@ const X = { class: "dialog-content" }, oe = /* @__PURE__ */ H({
           functionBody: t.options.onDialogBeforeClose
         });
       s.value = !1;
-    }, r = () => {
+    }, d = () => {
       b();
     }, y = async () => {
       if (t.options.onDialogOpened)
         return await m({
           functionBody: t.options.onDialogOpened
         });
-    }, g = () => t.parentFormRef, L = () => {
+    }, g = () => t.parentFormRef, T = () => {
       var e, o, a;
       (a = (o = (e = t.vfCtx) == null ? void 0 : e.parent) == null ? void 0 : o.exposed) != null && a.updateTable && t.vfCtx.parent.exposed.updateTable();
-    }, T = () => t.extraData, M = (e) => {
+    }, M = () => t.extraData, S = (e) => {
       f.value = e;
-    }, S = (e) => {
+    }, N = (e) => {
       p.value = e;
-    }, N = () => l.value, V = () => {
+    }, V = () => l.value, H = () => {
       var e;
       return (e = l.value) == null ? void 0 : e.context;
     };
-    return h({
+    return O({
       getParentFormRef: g,
-      getFormRef: N,
-      setDisabled: S,
-      setleftText: M,
-      setLoading: k,
-      setTitle: w,
-      beforeOpen: B,
-      show: E,
+      getFormRef: V,
+      setDisabled: N,
+      setleftText: S,
+      setLoading: w,
+      setTitle: B,
+      beforeOpen: j,
+      show: L,
       close: b,
-      handleCloseEvent: r,
+      handleCloseEvent: d,
       handleOpenedEvent: y,
-      updateTable: L,
-      getExtraData: T
-    }), (e, o) => (A(), P(c(G), U({
+      updateTable: T,
+      getExtraData: M
+    }), (e, o) => (U(), A(i(K), z({
       class: "tpf-model design-model",
       destroyOnClose: !0,
       title: n.options.title,
       bodyStyle: {
-        height: O.value,
+        height: R.value,
         overflow: "auto",
         ...JSON.parse(n.options.bodyStyle || "{}")
       },
       centered: !0,
       visible: s.value,
       "onUpdate:visible": o[0] || (o[0] = (a) => s.value = a),
-      width: n.options.width,
+      width: i(h)(n.options.width),
       mask: n.options.showModal,
       maskClosable: n.options.closeOnClickModal,
       keyboard: n.options.closeOnPressEscape,
-      onCancel: r,
+      onCancel: d,
       "left-num": f.value
-    }, D.value), {
+    }, k.value), {
       footerRight: x(() => [
-        C(W, {
+        C(X, {
           buttonList: n.options.buttonList || [],
-          ctx: V(),
-          onOnClick: j,
+          ctx: H(),
+          onOnClick: E,
           disabled: p.value
         }, null, 8, ["buttonList", "ctx", "disabled"])
       ]),
       default: x(() => [
-        I("div", X, [
-          C(Q, {
+        I("div", Y, [
+          C(W, {
             ref_key: "vfdRef",
             ref: l,
-            loading: c(v),
+            loading: i(v),
             vfCtx: {
               ...n.vfCtx,
-              instance: c(i)
+              instance: i(r)
             },
-            "parent-form": F.value,
+            "parent-form": D.value,
             "disabled-mode": n.options.disabledMode,
             "dynamic-creation": !0
           }, null, 8, ["loading", "vfCtx", "parent-form", "disabled-mode"])
@@ -157,6 +158,6 @@ const X = { class: "dialog-content" }, oe = /* @__PURE__ */ H({
   }
 });
 export {
-  oe as default
+  ae as default
 };
 //# sourceMappingURL=dynamic-dialog.vue.js.map

package/src/components/form-render/dynamic-dialog.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"dynamic-dialog.vue.js","sources":["../../../../src/components/form-render/dynamic-dialog.vue"],"sourcesContent":["<template>\n    <TpfModal\n        class=\"tpf-model design-model\"\n        :destroyOnClose=\"true\"\n        :title=\"options.title\"\n        :bodyStyle=\"{\n            height: dialogHeight,\n            overflow: 'auto',\n            ...JSON.parse(options.bodyStyle || '{}')\n        }\"\n        :centered=\"true\"\n        v-model:visible=\"dialogVisible\"\n        :width=\"options.width\"\n        :mask=\"options.showModal\"\n        :maskClosable=\"options.closeOnClickModal\"\n        :keyboard=\"options.closeOnPressEscape\"\n        @cancel=\"handleCloseEvent\"\n        :left-num=\"leftNum\"\n        v-bind=\"otherAttrs\"\n    >\n        <div class=\"dialog-content\">\n            <VFormRender\n                ref=\"vfdRef\"\n                :loading=\"isLoading\"\n                :vfCtx=\"{\n                    ...vfCtx,\n                    instance: context\n                }\"\n                :parent-form=\"parentForm\"\n                :disabled-mode=\"options.disabledMode\"\n                :dynamic-creation=\"true\"\n            />\n        </div>\n        <template #footerRight>\n            <ActionButtonListRender\n                :buttonList=\"options.buttonList || []\"\n                :ctx=\"getFormContext()\"\n                @on-click=\"handleBtnClick\"\n                :disabled=\"isDisabled\"\n            />\n        </template>\n    </TpfModal>\n</template>\n\n<script lang=\"ts\" setup>\n    import { ref, computed, nextTick, onBeforeUnmount } from 'vue';\n    import { TpfModal, useExecFunction } from 'tmgc2-share';\n    import { useLowcode } from '@/hooks/useLowcode';\n    import VFormRender from '../FormRender/index.vue';\n    import ActionButtonListRender from '@/components/public/ActionButtonListRender.vue';\n    defineOptions({\n        name: 'dynamic-dialog'\n    });\n\n    const props = defineProps({\n        options: {\n            type: Object,\n            default: () => ({})\n        },\n        formJson: {\n            type: Object\n        },\n        formData: {\n            type: Object,\n            default: () => ({})\n        },\n        vfCtx: {\n            type: Object,\n            default: () => ({})\n        },\n        optionData: {\n            //prop传入的选项数据\n            type: Object,\n            default: () => ({})\n        },\n        globalDsv: {\n            // 全局数据源变量\n            type: Object,\n            default: () => ({})\n        },\n        parentFormRef: {\n            type: Object,\n            default: null\n        },\n        extraData: {\n            type: Object,\n            default: () => ({})\n        },\n        wrapperId: {\n            type: String,\n            default: null\n        }\n    });\n\n    const dialogHeight = computed(() => {\n        return props.options.height || '500px';\n    });\n    const leftNum = ref(null);\n\n    const isDisabled = ref(false);\n    const dialogVisible = ref(false);\n\n    const { context, asyncExecuteFunction, executeFunction } = useExecFunction();\n    const { vfdRef, isLoading, getComponentJson } = useLowcode({\n        formCode: props.options.formCode,\n        ...props.vfCtx\n    });\n    // 计算属性\n    const parentForm = computed(() => {\n        return {\n            ...props.parentFormRef,\n            parentDom: context.value,\n            getParentFormRef\n        };\n    });\n\n    const otherAttrs = computed(() => {\n        if (props.options.cancelButtonHidden && props.options.okButtonHidden) {\n            return { footer: null };\n        }\n        return {};\n    });\n\n    // 生命周期钩子\n    onBeforeUnmount(() => {\n        console.log(props.parentFormRef);\n        props.parentFormRef?.setChildFormRef?.(null);\n    });\n\n    const setLoading = status => {\n        isLoading.value = status;\n    };\n\n    const setTitle = title => {\n        props.options.title = title;\n    };\n\n    const beforeOpen = () => {\n        dialogVisible.value = true;\n    };\n\n    const handleBtnClick = async ({ result }: any) => {\n        if (result !== false) {\n            await handleCloseEvent();\n        }\n    };\n\n    const show = () => {\n        dialogVisible.value = true;\n\n        //设置readMode模式\n        nextTick(async () => {\n            if (props.options?.readMode) {\n                vfdRef.value?.setReadMode(true);\n            }\n            await getComponentJson([], props.options.formCode);\n            vfdRef.value?.setDialogOrDrawerRef(context.value);\n            if (props.parentFormRef) {\n                props.parentFormRef.setChildFormRef(vfdRef.value);\n            }\n            handleOpenedEvent();\n        });\n    };\n\n    const close = async () => {\n        if (props.options.onDialogBeforeClose) {\n            return await asyncExecuteFunction({\n                functionBody: props.options.onDialogBeforeClose\n            });\n        }\n\n        dialogVisible.value = false;\n    };\n\n    const handleCloseEvent = () => {\n        close();\n    };\n\n    const handleOpenedEvent = async () => {\n        if (props.options.onDialogOpened) {\n            return await asyncExecuteFunction({\n                functionBody: props.options.onDialogOpened\n            });\n        }\n    };\n\n    const getParentFormRef = () => {\n        return props.parentFormRef;\n    };\n\n    const updateTable = () => {\n        if (props.vfCtx?.parent?.exposed?.updateTable) {\n            props.vfCtx.parent.exposed.updateTable();\n        }\n    };\n\n    const getExtraData = () => {\n        return props.extraData;\n    };\n\n    const setleftText = number => {\n        leftNum.value = number;\n    };\n\n    const setDisabled = status => {\n        isDisabled.value = status;\n    };\n\n    const getFormRef = () => {\n        return vfdRef.value;\n    };\n\n    const getFormContext = () => {\n        return vfdRef.value?.context;\n    };\n\n    // 暴露方法给父组件\n    defineExpose({\n        getParentFormRef,\n        getFormRef,\n        setDisabled,\n        setleftText,\n        setLoading,\n        setTitle,\n        beforeOpen,\n        show,\n        close,\n        handleCloseEvent,\n        handleOpenedEvent,\n        updateTable,\n        getExtraData\n    });\n</script>\n\n<style lang=\"less\">\n    .dialog-content {\n        display: flex;\n        flex: 1;\n        flex-direction: column;\n        min-height: 300px;\n    }\n</style>\n"],"names":["props","__props","dialogHeight","computed","leftNum","ref","isDisabled","dialogVisible","context","asyncExecuteFunction","executeFunction","useExecFunction","vfdRef","isLoading","getComponentJson","useLowcode","parentForm","getParentFormRef","otherAttrs","onBeforeUnmount","_b","_a","setLoading","status","setTitle","title","beforeOpen","handleBtnClick","result","handleCloseEvent","show","nextTick","_c","handleOpenedEvent","close","updateTable","getExtraData","setleftText","number","setDisabled","getFormRef","getFormContext","__expose","_openBlock","_createBlock","_unref","_mergeProps","$event","_createVNode","ActionButtonListRender","_createElementVNode","_hoisted_1","VFormRender"],"mappings":"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"}
+{"version":3,"file":"dynamic-dialog.vue.js","sources":["../../../../src/components/form-render/dynamic-dialog.vue"],"sourcesContent":["<template>\n    <TpfModal\n        class=\"tpf-model design-model\"\n        :destroyOnClose=\"true\"\n        :title=\"options.title\"\n        :bodyStyle=\"{\n            height: dialogHeight,\n            overflow: 'auto',\n            ...JSON.parse(options.bodyStyle || '{}')\n        }\"\n        :centered=\"true\"\n        v-model:visible=\"dialogVisible\"\n        :width=\"formatSize(options.width)\"\n        :mask=\"options.showModal\"\n        :maskClosable=\"options.closeOnClickModal\"\n        :keyboard=\"options.closeOnPressEscape\"\n        @cancel=\"handleCloseEvent\"\n        :left-num=\"leftNum\"\n        v-bind=\"otherAttrs\"\n    >\n        <div class=\"dialog-content\">\n            <VFormRender\n                ref=\"vfdRef\"\n                :loading=\"isLoading\"\n                :vfCtx=\"{\n                    ...vfCtx,\n                    instance: context\n                }\"\n                :parent-form=\"parentForm\"\n                :disabled-mode=\"options.disabledMode\"\n                :dynamic-creation=\"true\"\n            />\n        </div>\n        <template #footerRight>\n            <ActionButtonListRender\n                :buttonList=\"options.buttonList || []\"\n                :ctx=\"getFormContext()\"\n                @on-click=\"handleBtnClick\"\n                :disabled=\"isDisabled\"\n            />\n        </template>\n    </TpfModal>\n</template>\n\n<script lang=\"ts\" setup>\n    import { ref, computed, nextTick, onBeforeUnmount } from 'vue';\n    import { TpfModal, useExecFunction } from 'tmgc2-share';\n    import { useLowcode } from '@/hooks/useLowcode';\n    import { formatSize } from '@/utils/format';\n    import VFormRender from '../FormRender/index.vue';\n    import ActionButtonListRender from '@/components/public/ActionButtonListRender.vue';\n    defineOptions({\n        name: 'dynamic-dialog'\n    });\n\n    const props = defineProps({\n        options: {\n            type: Object,\n            default: () => ({})\n        },\n        formJson: {\n            type: Object\n        },\n        formData: {\n            type: Object,\n            default: () => ({})\n        },\n        vfCtx: {\n            type: Object,\n            default: () => ({})\n        },\n        optionData: {\n            //prop传入的选项数据\n            type: Object,\n            default: () => ({})\n        },\n        globalDsv: {\n            // 全局数据源变量\n            type: Object,\n            default: () => ({})\n        },\n        parentFormRef: {\n            type: Object,\n            default: null\n        },\n        extraData: {\n            type: Object,\n            default: () => ({})\n        },\n        wrapperId: {\n            type: String,\n            default: null\n        }\n    });\n\n    const dialogHeight = computed(() => {\n        return formatSize(props.options.height, '500px');\n    });\n    const leftNum = ref(null);\n\n    const isDisabled = ref(false);\n    const dialogVisible = ref(false);\n\n    const { context, asyncExecuteFunction, executeFunction } = useExecFunction();\n    const { vfdRef, isLoading, getComponentJson } = useLowcode({\n        formCode: props.options.formCode,\n        ...props.vfCtx\n    });\n    // 计算属性\n    const parentForm = computed(() => {\n        return {\n            ...props.parentFormRef,\n            parentDom: context.value,\n            getParentFormRef\n        };\n    });\n\n    const otherAttrs = computed(() => {\n        if (props.options.cancelButtonHidden && props.options.okButtonHidden) {\n            return { footer: null };\n        }\n        return {};\n    });\n\n    // 生命周期钩子\n    onBeforeUnmount(() => {\n        console.log(props.parentFormRef);\n        props.parentFormRef?.setChildFormRef?.(null);\n    });\n\n    const setLoading = status => {\n        isLoading.value = status;\n    };\n\n    const setTitle = title => {\n        props.options.title = title;\n    };\n\n    const beforeOpen = () => {\n        dialogVisible.value = true;\n    };\n\n    const handleBtnClick = async ({ result }: any) => {\n        if (result !== false) {\n            await handleCloseEvent();\n        }\n    };\n\n    const show = () => {\n        dialogVisible.value = true;\n\n        //设置readMode模式\n        nextTick(async () => {\n            if (props.options?.readMode) {\n                vfdRef.value?.setReadMode(true);\n            }\n            await getComponentJson([], props.options.formCode);\n            vfdRef.value?.setDialogOrDrawerRef(context.value);\n            if (props.parentFormRef) {\n                props.parentFormRef.setChildFormRef(vfdRef.value);\n            }\n            handleOpenedEvent();\n        });\n    };\n\n    const close = async () => {\n        if (props.options.onDialogBeforeClose) {\n            return await asyncExecuteFunction({\n                functionBody: props.options.onDialogBeforeClose\n            });\n        }\n\n        dialogVisible.value = false;\n    };\n\n    const handleCloseEvent = () => {\n        close();\n    };\n\n    const handleOpenedEvent = async () => {\n        if (props.options.onDialogOpened) {\n            return await asyncExecuteFunction({\n                functionBody: props.options.onDialogOpened\n            });\n        }\n    };\n\n    const getParentFormRef = () => {\n        return props.parentFormRef;\n    };\n\n    const updateTable = () => {\n        if (props.vfCtx?.parent?.exposed?.updateTable) {\n            props.vfCtx.parent.exposed.updateTable();\n        }\n    };\n\n    const getExtraData = () => {\n        return props.extraData;\n    };\n\n    const setleftText = number => {\n        leftNum.value = number;\n    };\n\n    const setDisabled = status => {\n        isDisabled.value = status;\n    };\n\n    const getFormRef = () => {\n        return vfdRef.value;\n    };\n\n    const getFormContext = () => {\n        return vfdRef.value?.context;\n    };\n\n    // 暴露方法给父组件\n    defineExpose({\n        getParentFormRef,\n        getFormRef,\n        setDisabled,\n        setleftText,\n        setLoading,\n        setTitle,\n        beforeOpen,\n        show,\n        close,\n        handleCloseEvent,\n        handleOpenedEvent,\n        updateTable,\n        getExtraData\n    });\n</script>\n\n<style lang=\"less\">\n    .dialog-content {\n        display: flex;\n        flex: 1;\n        flex-direction: column;\n        min-height: 300px;\n    }\n</style>\n"],"names":["props","__props","dialogHeight","computed","formatSize","leftNum","ref","isDisabled","dialogVisible","context","asyncExecuteFunction","executeFunction","useExecFunction","vfdRef","isLoading","getComponentJson","useLowcode","parentForm","getParentFormRef","otherAttrs","onBeforeUnmount","_b","_a","setLoading","status","setTitle","title","beforeOpen","handleBtnClick","result","handleCloseEvent","show","nextTick","_c","handleOpenedEvent","close","updateTable","getExtraData","setleftText","number","setDisabled","getFormRef","getFormContext","__expose","_openBlock","_createBlock","_unref","_mergeProps","$event","_createVNode","ActionButtonListRender","_createElementVNode","_hoisted_1","VFormRender"],"mappings":"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"}

package/src/utils/format.js

@@ -1,17 +1,24 @@
 import { isArray as o } from "lodash-es";
-const a = (u = [], r, n = { label: "label", value: "value", children: "children" }, e = "/") => {
-  if (!(!r || r.length === 0))
-    return o(r[0]) ? r.map((c) => h(u, c, n).join(e)).join(",") : h(u, r, n).join(e);
-}, h = (u = [], r = [], n = { label: "label", value: "value", children: "children" }) => {
-  const e = [];
-  return u.forEach((l) => {
-    if (r.length !== 0 && l[n.value] === r[0] && (e.push(l[n.label]), o(l[n.children]))) {
-      const c = h(l[n.children], r.slice(1), n);
-      e.push(...c);
+const c = (e = [], n, r = { label: "label", value: "value", children: "children" }, t = "/") => {
+  if (!(!n || n.length === 0))
+    return o(n[0]) ? n.map((l) => i(e, l, r).join(t)).join(",") : i(e, n, r).join(t);
+}, i = (e = [], n = [], r = { label: "label", value: "value", children: "children" }) => {
+  const t = [];
+  return e.forEach((u) => {
+    if (n.length !== 0 && u[r.value] === n[0] && (t.push(u[r.label]), o(u[r.children]))) {
+      const l = i(u[r.children], n.slice(1), r);
+      t.push(...l);
     }
-  }), e;
+  }), t;
 };
+function h(e, n = "") {
+  if (e == null || e === "")
+    return n;
+  const r = String(e);
+  return r.endsWith("px") || r.endsWith("%") || isNaN(Number(r)) ? r : `${r}px`;
+}
 export {
-  a as formateCascaderCode
+  h as formatSize,
+  c as formateCascaderCode
 };
 //# sourceMappingURL=format.js.map

package/src/utils/format.js.map

@@ -1 +1 @@
-{"version":3,"file":"format.js","sources":["../../../src/utils/format.js"],"sourcesContent":["import { isArray } from 'lodash-es';\n\nfunction validateDate(dateStr) {\n  const date = new Date(Date.parse(dateStr));\n  return date instanceof Date && !isNaN(date.getTime());\n}\n\nexport function formatDate1(date) {\n  if (!validateDate(date)) {\n    return date;\n  }\n  date = new Date(Date.parse(date)); //转换成Date\n  const y = date.getFullYear();\n  let m = date.getMonth() + 1;\n  m = m < 10 ? '0' + m : m;\n  let d = date.getDate();\n  d = d < 10 ? '0' + d : d;\n  return y + '-' + m + '-' + d;\n}\n\nexport function formatDate2(date) {\n  if (!validateDate(date)) {\n    return date;\n  }\n  date = new Date(Date.parse(date)); //转换成Date\n  const y = date.getFullYear();\n  let m = date.getMonth() + 1;\n  m = m < 10 ? '0' + m : m;\n  let d = date.getDate();\n  d = d < 10 ? '0' + d : d;\n  return y + '/' + m + '/' + d;\n}\n\nexport function formatDate3(date) {\n  if (!validateDate(date)) {\n    return date;\n  }\n  date = new Date(Date.parse(date)); //转换成Date\n  const y = date.getFullYear();\n  let m = date.getMonth() + 1;\n  m = m < 10 ? '0' + m : m;\n  let d = date.getDate();\n  d = d < 10 ? '0' + d : d;\n  return y + '年' + m + '月' + d + '日';\n}\n\nexport function formatDate4(date) {\n  if (!validateDate(date)) {\n    return date;\n  }\n  date = new Date(Date.parse(date)); //转换成Date\n  return date.toLocaleString();\n}\n\nexport function formatDate5(date) {\n  if (!validateDate(date)) {\n    return date;\n  }\n  date = new Date(Date.parse(date)); //转换成Date\n  return date.toLocaleString('chinese', { hour12: false });\n}\n\n// ###,###,###,##0.######\nexport function formatNumber1(v) {\n  if (typeof v !== 'number') {\n    return v;\n  }\n\n  const length = v.toString().split('.')[1].length;\n  switch (length) {\n    case 0:\n      v = v.toFixed(0);\n      break;\n    case 1:\n      v = v.toFixed(1);\n      break;\n    case 2:\n      v = v.toFixed(2);\n      break;\n    case 3:\n      v = v.toFixed(3);\n      break;\n    case 4:\n      v = v.toFixed(4);\n      break;\n    case 5:\n      v = v.toFixed(5);\n      break;\n    default:\n      v = v.toFixed(6);\n  }\n  const res = v.toString().replace(/\\d+/, function (n) {\n    // 先提取整数部分\n    return n.replace(/(\\d)(?=(\\d{3})+$)/g, function ($1) {\n      return $1 + ',';\n    });\n  });\n  return res;\n}\n\n//###,###,###,##0.00####\nexport function formatNumber2(v) {\n  if (typeof v !== 'number') {\n    return v;\n  }\n\n  const length = v.toString().split('.')[1].length;\n  switch (length) {\n    case 0:\n    case 1:\n    case 2:\n      v = v.toFixed(2);\n      break;\n    case 3:\n      v = v.toFixed(3);\n      break;\n    case 4:\n      v = v.toFixed(4);\n      break;\n    case 5:\n      v = v.toFixed(5);\n      break;\n    default:\n      v = v.toFixed(6);\n  }\n\n  const res = v.toString().replace(/\\d+/, function (n) {\n    // 先提取整数部分\n    return n.replace(/(\\d)(?=(\\d{3})+$)/g, function ($1) {\n      return $1 + ',';\n    });\n  });\n  return res;\n}\n\n// ###,###,###,##0.000000\nexport function formatNumber3(v) {\n  if (typeof v !== 'number') {\n    return v;\n  }\n\n  v = v.toFixed(6);\n  const res = v.toString().replace(/\\d+/, function (n) {\n    // 先提取整数部分\n    return n.replace(/(\\d)(?=(\\d{3})+$)/g, function ($1) {\n      return $1 + ',';\n    });\n  });\n  return res;\n}\n// ###,###,###,##0.000\nexport function formatNumber4(v) {\n  if (typeof v !== 'number') {\n    return v;\n  }\n\n  v = v.toFixed(3);\n  const res = v.toString().replace(/\\d+/, function (n) {\n    // 先提取整数部分\n    return n.replace(/(\\d)(?=(\\d{3})+$)/g, function ($1) {\n      return $1 + ',';\n    });\n  });\n  return res;\n}\n\n// ###,###,###,##0.00\nexport function formatNumber5(v) {\n  if (typeof v !== 'number') {\n    return v;\n  }\n\n  v = v.toFixed(2);\n  const res = v.toString().replace(/\\d+/, function (n) {\n    // 先提取整数部分\n    return n.replace(/(\\d)(?=(\\d{3})+$)/g, function ($1) {\n      return $1 + ',';\n    });\n  });\n  return res;\n}\n\n// ###,###,###,##0\nexport function formatNumber6(v) {\n  if (typeof v !== 'number') {\n    return v;\n  }\n\n  v = v.toFixed(0);\n  const res = v.toString().replace(/\\d+/, function (n) {\n    // 先提取整数部分\n    return n.replace(/(\\d)(?=(\\d{3})+$)/g, function ($1) {\n      return $1 + ',';\n    });\n  });\n  return res;\n}\n\n// ###,##0.00##%\nexport function formatNumber7(v) {\n  if (typeof v !== 'number') {\n    return v;\n  }\n\n  const length = v.toString().split('.')[1].length;\n  v = v * 100;\n  switch (length) {\n    case 0:\n    case 1:\n    case 2:\n      v = v.toFixed(2);\n      break;\n    case 3:\n      v = v.toFixed(3);\n      break;\n    default:\n      v = v.toFixed(4);\n  }\n\n  const res = v.toString().replace(/\\d+/, function (n) {\n    // 先提取整数部分\n    return n.replace(/(\\d)(?=(\\d{3})+$)/g, function ($1) {\n      return $1 + ',';\n    });\n  });\n  return res + '%';\n}\n\n/**\n * 将Cascader转义为汉字\n * @param codeList string[]\n * @param emblem 拼接符号\n * @returns\n */\nexport const formateCascaderCode = (\n  arr = [],\n  codeList,\n  fieldNames = { label: 'label', value: 'value', children: 'children' },\n  emblem = '/'\n) => {\n  if (!codeList || codeList.length === 0) return;\n  if (isArray(codeList[0])) {\n    const res2 = codeList.map(item => getTreeName(arr, item, fieldNames).join(emblem));\n    return res2.join(',');\n  } else {\n    const res = getTreeName(arr, codeList, fieldNames);\n    return res.join(emblem);\n  }\n};\n\nconst getTreeName = (\n  list = [],\n  val = [],\n  fieldNames = { label: 'label', value: 'value', children: 'children' }\n) => {\n  const nameList = [];\n  list.forEach(item => {\n    if (val.length === 0) return;\n    if (item[fieldNames.value] === val[0]) {\n      nameList.push(item[fieldNames.label]);\n      if (isArray(item[fieldNames.children])) {\n        const res = getTreeName(item[fieldNames.children], val.slice(1), fieldNames);\n        nameList.push(...res);\n      }\n    }\n  });\n  return nameList;\n};\n/**\n * 将tree转义为汉字\n * @param codeList string[]\n * @param emblem 拼接符号\n * @returns\n */\nexport const formateTreeToName = (\n  arr = [],\n  codeList,\n  fieldNames = { label: 'label', value: 'value', children: 'children' },\n  emblem = ','\n) => {\n  if (!codeList || codeList.length === 0) return;\n  const str = arr.reduce((t, v) => {\n    const res = getListName(v, codeList, fieldNames);\n    t = [...t, res];\n    return t;\n  }, []);\n  return str.map(item => item[fieldNames.label]).join(emblem);\n};\n\nconst getListName = (val, list, fieldNames) => {\n  let res;\n  list.forEach(it1 => {\n    if (it1[fieldNames.value] === val) {\n      res = it1;\n      return;\n    }\n    const childrenList = it1[fieldNames.children] || [];\n    if (childrenList.length) {\n      res = getListName(val, childrenList, fieldNames);\n    }\n  });\n  return res;\n};\n"],"names":["formateCascaderCode","arr","codeList","fieldNames","emblem","isArray","item","getTreeName","list","val","nameList","res"],"mappings":";AA0OY,MAACA,IAAsB,CACjCC,IAAM,CAAA,GACNC,GACAC,IAAa,EAAE,OAAO,SAAS,OAAO,SAAS,UAAU,WAAU,GACnEC,IAAS,QACN;AACH,MAAI,GAACF,KAAYA,EAAS,WAAW;AACrC,WAAIG,EAAQH,EAAS,CAAC,CAAC,IACRA,EAAS,IAAI,CAAAI,MAAQC,EAAYN,GAAKK,GAAMH,CAAU,EAAE,KAAKC,CAAM,CAAC,EACrE,KAAK,GAAG,IAERG,EAAYN,GAAKC,GAAUC,CAAU,EACtC,KAAKC,CAAM;AAE1B,GAEMG,IAAc,CAClBC,IAAO,CAAA,GACPC,IAAM,CAAA,GACNN,IAAa,EAAE,OAAO,SAAS,OAAO,SAAS,UAAU,WAAU,MAChE;AACH,QAAMO,IAAW,CAAA;AACjB,SAAAF,EAAK,QAAQ,CAAAF,MAAQ;AACnB,QAAIG,EAAI,WAAW,KACfH,EAAKH,EAAW,KAAK,MAAMM,EAAI,CAAC,MAClCC,EAAS,KAAKJ,EAAKH,EAAW,KAAK,CAAC,GAChCE,EAAQC,EAAKH,EAAW,QAAQ,CAAC,IAAG;AACtC,YAAMQ,IAAMJ,EAAYD,EAAKH,EAAW,QAAQ,GAAGM,EAAI,MAAM,CAAC,GAAGN,CAAU;AAC3E,MAAAO,EAAS,KAAK,GAAGC,CAAG;AAAA,IACtB;AAAA,EAEJ,CAAC,GACMD;AACT;"}
+{"version":3,"file":"format.js","sources":["../../../src/utils/format.js"],"sourcesContent":["import { isArray } from 'lodash-es';\n\nfunction validateDate(dateStr) {\n    const date = new Date(Date.parse(dateStr));\n    return date instanceof Date && !isNaN(date.getTime());\n}\n\nexport function formatDate1(date) {\n    if (!validateDate(date)) {\n        return date;\n    }\n    date = new Date(Date.parse(date)); //转换成Date\n    const y = date.getFullYear();\n    let m = date.getMonth() + 1;\n    m = m < 10 ? '0' + m : m;\n    let d = date.getDate();\n    d = d < 10 ? '0' + d : d;\n    return y + '-' + m + '-' + d;\n}\n\nexport function formatDate2(date) {\n    if (!validateDate(date)) {\n        return date;\n    }\n    date = new Date(Date.parse(date)); //转换成Date\n    const y = date.getFullYear();\n    let m = date.getMonth() + 1;\n    m = m < 10 ? '0' + m : m;\n    let d = date.getDate();\n    d = d < 10 ? '0' + d : d;\n    return y + '/' + m + '/' + d;\n}\n\nexport function formatDate3(date) {\n    if (!validateDate(date)) {\n        return date;\n    }\n    date = new Date(Date.parse(date)); //转换成Date\n    const y = date.getFullYear();\n    let m = date.getMonth() + 1;\n    m = m < 10 ? '0' + m : m;\n    let d = date.getDate();\n    d = d < 10 ? '0' + d : d;\n    return y + '年' + m + '月' + d + '日';\n}\n\nexport function formatDate4(date) {\n    if (!validateDate(date)) {\n        return date;\n    }\n    date = new Date(Date.parse(date)); //转换成Date\n    return date.toLocaleString();\n}\n\nexport function formatDate5(date) {\n    if (!validateDate(date)) {\n        return date;\n    }\n    date = new Date(Date.parse(date)); //转换成Date\n    return date.toLocaleString('chinese', { hour12: false });\n}\n\n// ###,###,###,##0.######\nexport function formatNumber1(v) {\n    if (typeof v !== 'number') {\n        return v;\n    }\n\n    const length = v.toString().split('.')[1].length;\n    switch (length) {\n        case 0:\n            v = v.toFixed(0);\n            break;\n        case 1:\n            v = v.toFixed(1);\n            break;\n        case 2:\n            v = v.toFixed(2);\n            break;\n        case 3:\n            v = v.toFixed(3);\n            break;\n        case 4:\n            v = v.toFixed(4);\n            break;\n        case 5:\n            v = v.toFixed(5);\n            break;\n        default:\n            v = v.toFixed(6);\n    }\n    const res = v.toString().replace(/\\d+/, function (n) {\n        // 先提取整数部分\n        return n.replace(/(\\d)(?=(\\d{3})+$)/g, function ($1) {\n            return $1 + ',';\n        });\n    });\n    return res;\n}\n\n//###,###,###,##0.00####\nexport function formatNumber2(v) {\n    if (typeof v !== 'number') {\n        return v;\n    }\n\n    const length = v.toString().split('.')[1].length;\n    switch (length) {\n        case 0:\n        case 1:\n        case 2:\n            v = v.toFixed(2);\n            break;\n        case 3:\n            v = v.toFixed(3);\n            break;\n        case 4:\n            v = v.toFixed(4);\n            break;\n        case 5:\n            v = v.toFixed(5);\n            break;\n        default:\n            v = v.toFixed(6);\n    }\n\n    const res = v.toString().replace(/\\d+/, function (n) {\n        // 先提取整数部分\n        return n.replace(/(\\d)(?=(\\d{3})+$)/g, function ($1) {\n            return $1 + ',';\n        });\n    });\n    return res;\n}\n\n// ###,###,###,##0.000000\nexport function formatNumber3(v) {\n    if (typeof v !== 'number') {\n        return v;\n    }\n\n    v = v.toFixed(6);\n    const res = v.toString().replace(/\\d+/, function (n) {\n        // 先提取整数部分\n        return n.replace(/(\\d)(?=(\\d{3})+$)/g, function ($1) {\n            return $1 + ',';\n        });\n    });\n    return res;\n}\n// ###,###,###,##0.000\nexport function formatNumber4(v) {\n    if (typeof v !== 'number') {\n        return v;\n    }\n\n    v = v.toFixed(3);\n    const res = v.toString().replace(/\\d+/, function (n) {\n        // 先提取整数部分\n        return n.replace(/(\\d)(?=(\\d{3})+$)/g, function ($1) {\n            return $1 + ',';\n        });\n    });\n    return res;\n}\n\n// ###,###,###,##0.00\nexport function formatNumber5(v) {\n    if (typeof v !== 'number') {\n        return v;\n    }\n\n    v = v.toFixed(2);\n    const res = v.toString().replace(/\\d+/, function (n) {\n        // 先提取整数部分\n        return n.replace(/(\\d)(?=(\\d{3})+$)/g, function ($1) {\n            return $1 + ',';\n        });\n    });\n    return res;\n}\n\n// ###,###,###,##0\nexport function formatNumber6(v) {\n    if (typeof v !== 'number') {\n        return v;\n    }\n\n    v = v.toFixed(0);\n    const res = v.toString().replace(/\\d+/, function (n) {\n        // 先提取整数部分\n        return n.replace(/(\\d)(?=(\\d{3})+$)/g, function ($1) {\n            return $1 + ',';\n        });\n    });\n    return res;\n}\n\n// ###,##0.00##%\nexport function formatNumber7(v) {\n    if (typeof v !== 'number') {\n        return v;\n    }\n\n    const length = v.toString().split('.')[1].length;\n    v = v * 100;\n    switch (length) {\n        case 0:\n        case 1:\n        case 2:\n            v = v.toFixed(2);\n            break;\n        case 3:\n            v = v.toFixed(3);\n            break;\n        default:\n            v = v.toFixed(4);\n    }\n\n    const res = v.toString().replace(/\\d+/, function (n) {\n        // 先提取整数部分\n        return n.replace(/(\\d)(?=(\\d{3})+$)/g, function ($1) {\n            return $1 + ',';\n        });\n    });\n    return res + '%';\n}\n\n/**\n * 将Cascader转义为汉字\n * @param codeList string[]\n * @param emblem 拼接符号\n * @returns\n */\nexport const formateCascaderCode = (\n    arr = [],\n    codeList,\n    fieldNames = { label: 'label', value: 'value', children: 'children' },\n    emblem = '/'\n) => {\n    if (!codeList || codeList.length === 0) return;\n    if (isArray(codeList[0])) {\n        const res2 = codeList.map(item => getTreeName(arr, item, fieldNames).join(emblem));\n        return res2.join(',');\n    } else {\n        const res = getTreeName(arr, codeList, fieldNames);\n        return res.join(emblem);\n    }\n};\n\nconst getTreeName = (\n    list = [],\n    val = [],\n    fieldNames = { label: 'label', value: 'value', children: 'children' }\n) => {\n    const nameList = [];\n    list.forEach(item => {\n        if (val.length === 0) return;\n        if (item[fieldNames.value] === val[0]) {\n            nameList.push(item[fieldNames.label]);\n            if (isArray(item[fieldNames.children])) {\n                const res = getTreeName(item[fieldNames.children], val.slice(1), fieldNames);\n                nameList.push(...res);\n            }\n        }\n    });\n    return nameList;\n};\n/**\n * 将tree转义为汉字\n * @param codeList string[]\n * @param emblem 拼接符号\n * @returns\n */\nexport const formateTreeToName = (\n    arr = [],\n    codeList,\n    fieldNames = { label: 'label', value: 'value', children: 'children' },\n    emblem = ','\n) => {\n    if (!codeList || codeList.length === 0) return;\n    const str = arr.reduce((t, v) => {\n        const res = getListName(v, codeList, fieldNames);\n        t = [...t, res];\n        return t;\n    }, []);\n    return str.map(item => item[fieldNames.label]).join(emblem);\n};\n\nconst getListName = (val, list, fieldNames) => {\n    let res;\n    list.forEach(it1 => {\n        if (it1[fieldNames.value] === val) {\n            res = it1;\n            return;\n        }\n        const childrenList = it1[fieldNames.children] || [];\n        if (childrenList.length) {\n            res = getListName(val, childrenList, fieldNames);\n        }\n    });\n    return res;\n};\n\n/**\n * 格式化尺寸，支持数字、px、%\n * @param value 尺寸值\n * @param defaultSize 默认尺寸\n * @returns 格式化后的尺寸字符串\n */\nexport function formatSize(value, defaultSize = '') {\n    if (value === undefined || value === null || value === '') {\n        return defaultSize;\n    }\n    const strValue = String(value);\n    if (strValue.endsWith('px') || strValue.endsWith('%')) {\n        return strValue;\n    }\n    if (!isNaN(Number(strValue))) {\n        return `${strValue}px`;\n    }\n    return strValue;\n}\n"],"names":["formateCascaderCode","arr","codeList","fieldNames","emblem","isArray","item","getTreeName","list","val","nameList","res","formatSize","value","defaultSize","strValue"],"mappings":";AA0OY,MAACA,IAAsB,CAC/BC,IAAM,CAAA,GACNC,GACAC,IAAa,EAAE,OAAO,SAAS,OAAO,SAAS,UAAU,WAAU,GACnEC,IAAS,QACR;AACD,MAAI,GAACF,KAAYA,EAAS,WAAW;AACrC,WAAIG,EAAQH,EAAS,CAAC,CAAC,IACNA,EAAS,IAAI,CAAAI,MAAQC,EAAYN,GAAKK,GAAMH,CAAU,EAAE,KAAKC,CAAM,CAAC,EACrE,KAAK,GAAG,IAERG,EAAYN,GAAKC,GAAUC,CAAU,EACtC,KAAKC,CAAM;AAE9B,GAEMG,IAAc,CAChBC,IAAO,CAAA,GACPC,IAAM,CAAA,GACNN,IAAa,EAAE,OAAO,SAAS,OAAO,SAAS,UAAU,WAAU,MAClE;AACD,QAAMO,IAAW,CAAA;AACjB,SAAAF,EAAK,QAAQ,CAAAF,MAAQ;AACjB,QAAIG,EAAI,WAAW,KACfH,EAAKH,EAAW,KAAK,MAAMM,EAAI,CAAC,MAChCC,EAAS,KAAKJ,EAAKH,EAAW,KAAK,CAAC,GAChCE,EAAQC,EAAKH,EAAW,QAAQ,CAAC,IAAG;AACpC,YAAMQ,IAAMJ,EAAYD,EAAKH,EAAW,QAAQ,GAAGM,EAAI,MAAM,CAAC,GAAGN,CAAU;AAC3E,MAAAO,EAAS,KAAK,GAAGC,CAAG;AAAA,IACxB;AAAA,EAER,CAAC,GACMD;AACX;AA2CO,SAASE,EAAWC,GAAOC,IAAc,IAAI;AAChD,MAA2BD,KAAU,QAAQA,MAAU;AACnD,WAAOC;AAEX,QAAMC,IAAW,OAAOF,CAAK;AAC7B,SAAIE,EAAS,SAAS,IAAI,KAAKA,EAAS,SAAS,GAAG,KAG/C,MAAM,OAAOA,CAAQ,CAAC,IAFhBA,IAGA,GAAGA,CAAQ;AAG1B;"}