@kp-ui/lowcode 2.15.0-beta.8 → 2.16.0-alpha.3

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

@@ -1,7 +1,7 @@
 import t from "./data-table-widget.vue2.js";
 /* empty css                       */
 import a from "../../../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ a(t, [["__scopeId", "data-v-a0243d5c"]]);
+const m = /* @__PURE__ */ a(t, [["__scopeId", "data-v-e792a706"]]);
 export {
   m as default
 };

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

@@ -1,12 +1,12 @@
-import { defineComponent as W, watchEffect as d, onMounted as K, createBlock as V, createCommentVNode as I, unref as o, openBlock as L, mergeProps as z, withCtx as B, createElementVNode as H, normalizeStyle as O, createVNode as j } from "vue";
-import q from "./container-wrapper.vue.js";
-import { ComponentNameEnum as A, ContainerTypeEnum as G } from "../../../constants/WidgetTypeEnum.js";
-import { useVxeTable as J, Table as Q } from "tmgc2-share";
-import { useField as U } from "../../form-designer/form-widget/field-widget/useField.js";
-import { useTableWidget as X } from "../../form-designer/form-widget/container-widget/useTableWidget.js";
-const ne = /* @__PURE__ */ W({
-  name: G.DataTable,
-  componentName: A.FieldWidget,
+import { defineComponent as N, watchEffect as p, onMounted as W, createBlock as K, createCommentVNode as V, unref as o, openBlock as I, mergeProps as L, withCtx as z, createElementVNode as B, normalizeStyle as H, createVNode as O } from "vue";
+import j from "./container-wrapper.vue.js";
+import { ComponentNameEnum as q, ContainerTypeEnum as A } from "../../../constants/WidgetTypeEnum.js";
+import { useVxeTable as G, Table as J } from "tmgc2-share";
+import { useField as Q } from "../../form-designer/form-widget/field-widget/useField.js";
+import { useTableWidget as U } from "../../form-designer/form-widget/container-widget/useTableWidget.js";
+const te = /* @__PURE__ */ N({
+  name: A.DataTable,
+  componentName: q.FieldWidget,
   __name: "data-table-widget",
   props: {
     widget: {},
@@ -17,80 +17,79 @@ const ne = /* @__PURE__ */ W({
     subFormRowIndex: {},
     subFormRowId: {}
   },
-  setup(p, { expose: u }) {
-    var c;
-    const t = p, { fieldModel: m, handleHidden: f, defineExposed: g, customClass: w } = U(t), {
-      isLoading: b,
-      tableProps: C,
+  setup(u, { expose: m }) {
+    var d;
+    const t = u, { fieldModel: f, handleHidden: g, defineExposed: w, customClass: b } = Q(t), {
+      isLoading: C,
+      tableProps: R,
       tableWidth: h,
-      pagintion: i,
-      setPagination: s,
-      setTableRef: R,
-      initTableSoureData: k,
-      handleTableChange: v,
-      loadDataTableDataSource: r,
-      onRunEvent: n,
+      pagintion: s,
+      setPagination: r,
+      setTableRef: v,
+      initTableSoureData: l,
+      handleTableChange: k,
+      onRunEvent: a,
       onSortChange: S,
       onCheckboxChange: x,
       tableDefinExpoed: E
-    } = X({
+    } = U({
       props: t,
-      fieldModel: m
+      fieldModel: f
     });
-    d(() => {
-      t.field.options.showPagination || s({
+    p(() => {
+      t.field.options.showPagination || r({
         total: 0
       });
-    }), i.value.onChange = (e, N) => {
-      r();
+    }), s.value.onChange = (e, F) => {
+      l();
     };
-    const { tableRef: a, register: T, selectedRowInfo: l, sorts: y, selectRow: D, delSelectRow: P } = J({
+    const { tableRef: n, register: T, selectedRowInfo: i, sorts: c, selectRow: y, delSelectRow: D } = G({
       props: {
         rowKey: t.field.options.rowKey,
-        hasRowSelection: (c = t.field.options.rowSelection) == null ? void 0 : c.hasRowSelection,
+        hasRowSelection: (d = t.field.options.rowSelection) == null ? void 0 : d.hasRowSelection,
         clickRowCheck: t.field.options.colorRow
       },
       events: {
-        cellDblclick: (e) => n(e, "onDblclick"),
-        cellMouseenter: (e) => n(e, "onMouseenter"),
-        cellMouseleave: (e) => n(e, "onMouseleave")
+        dataChange: (e) => k({ sorts: c.value }),
+        cellDblclick: (e) => a(e, "onDblclick"),
+        cellMouseenter: (e) => a(e, "onMouseenter"),
+        cellMouseleave: (e) => a(e, "onMouseleave")
       },
       callbacks: {
         onCheckboxChange: x,
         onSortChange: S,
-        cellClick: (e) => n(e, "onClick")
+        cellClick: (e) => a(e, "onClick")
       }
-    }), _ = () => l.value.selectedRowKeys, M = () => l.value.selectedRows, F = () => a.value;
-    return d(() => {
-      a.value && R(a.value);
-    }), K(() => {
-      k();
-    }), u({
-      ...g,
+    }), P = () => i.value.selectedRowKeys, _ = () => i.value.selectedRows, M = () => n.value;
+    return p(() => {
+      n.value && v(n.value);
+    }), W(() => {
+      l();
+    }), m({
+      ...w,
       ...E,
-      delSelectRow: P,
-      getFieldEditor: F,
-      selectRow: D,
-      getSelectedRowKeys: _,
-      getSelectedRows: M,
-      setPagination: s,
-      sorts: y,
-      selectedRowInfo: l,
-      loadDataTableDataSource: r,
-      fieldEditor: a
-    }), (e, N) => o(f) ? I("", !0) : (L(), V(q, z({ key: 0 }, t, { customClass: o(w) }), {
-      default: B(() => [
-        H("div", {
+      delSelectRow: D,
+      getFieldEditor: M,
+      selectRow: y,
+      getSelectedRowKeys: P,
+      getSelectedRows: _,
+      setPagination: r,
+      sorts: c,
+      selectedRowInfo: i,
+      loadDataTableDataSource: l,
+      fieldEditor: n
+    }), (e, F) => o(g) ? V("", !0) : (I(), K(j, L({ key: 0 }, t, { customClass: o(b) }), {
+      default: z(() => [
+        B("div", {
           class: "talbe-wrapper",
-          style: O({ width: o(h) })
+          style: H({ width: o(h) })
         }, [
-          j(o(Q), {
+          O(o(J), {
             onRegister: o(T),
-            onChange: o(v),
-            tableProps: o(C),
-            loading: o(b),
-            pagination: o(i)
-          }, null, 8, ["onRegister", "onChange", "tableProps", "loading", "pagination"])
+            tableProps: o(R),
+            loading: o(C),
+            pagination: o(s)
+          }, null, 8, ["onRegister", "tableProps", "loading", "pagination"])
         ], 4)
       ]),
       _: 1
@@ -98,6 +97,6 @@ const ne = /* @__PURE__ */ W({
   }
 });
 export {
-  ne as default
+  te as default
 };
 //# sourceMappingURL=data-table-widget.vue2.js.map

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                @change=\"handleTableChange\"\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        loadDataTableDataSource,\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        loadDataTableDataSource();\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            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,\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","loadDataTableDataSource","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":";;;;;;;;;;;;;;;;;;;;;AAwBI,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,yBAAAC;AAAA,MACA,YAAAC;AAAA,MACA,cAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,kBAAAC;AAAA,IAAA,IACAC,EAAe;AAAA,MACf,OAAApB;AAAA,MACA,YAAAE;AAAA,IAAA,CACH;AAED,IAAAmB,EAAY,MAAM;AACd,MAAKrB,EAAM,MAAM,QAAQ,kBACrBW,EAAc;AAAA,QACV,OAAO;AAAA,MAAA,CACV;AAAA,IAET,CAAC,GAEDD,EAAU,MAAM,WAAW,CAACY,GAASC,MAAa;AAC9C,MAAAR,EAAA;AAAA,IACJ;AAEA,UAAM,EAAE,UAAAS,GAAU,UAAAC,GAAU,iBAAAC,GAAiB,OAAAC,GAAO,WAAAC,GAAW,cAAAC,EAAA,IAAiBC,EAAY;AAAA,MACxF,OAAO;AAAA,QACH,QAAQ9B,EAAM,MAAM,QAAQ;AAAA,QAC5B,kBAAiB+B,IAAA/B,EAAM,MAAM,QAAQ,iBAApB,gBAAA+B,EAAkC;AAAA,QACnD,eAAe/B,EAAM,MAAM,QAAQ;AAAA,MAAA;AAAA,MAEvC,QAAQ;AAAA,QACJ,cAAc,CAAAgC,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,SACTZ,EAAYY,EAAS,KAAK;AAAA,IAElC,CAAC,GAEDY,EAAU,MAAM;AACZ,MAAAvB,EAAA;AAAA,IACJ,CAAC,GAEDwB,EAAa;AAAA,MACT,GAAGjC;AAAA,MACH,GAAGe;AAAA,MACH,cAAAU;AAAA,MACA,gBAAAM;AAAA,MACA,WAAAP;AAAA,MACA,oBAAAK;AAAA,MACA,iBAAAC;AAAA,MACA,eAAAvB;AAAA,MACA,OAAAgB;AAAA,MACA,iBAAAD;AAAA,MACA,yBAAAX;AAAA,MACA,aAAaS;AAAA,IAAA,CAChB,aAxHmEc,EAAAnC,CAAA,iBAApEoC,KAAAC,EAUoBC,GAVpBC,EAUoB,EAAA,KAAA,EAAA,GAVO1C,GAAK,EAAG,aAAasC,EAAAjC,CAAA,EAAA,CAAW,GAAA;AAAA,iBACvD,MAQM;AAAA,QARNsC,EAQM,OAAA;AAAA,UARD,OAAM;AAAA,UAAiB,kBAAgBL,EAAA7B,CAAA,GAAU;AAAA,QAAA;UAClDmC,EAMEN,EAAAO,CAAA,GAAA;AAAA,YALG,YAAUP,EAAAb,CAAA;AAAA,YACV,UAAQa,EAAAxB,CAAA;AAAA,YACR,YAAYwB,EAAA9B,CAAA;AAAA,YACZ,SAAS8B,EAAA/B,CAAA;AAAA,YACT,YAAY+B,EAAA5B,CAAA;AAAA,UAAA;;;;;;;"}
+{"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,9 @@
-import { defineComponent as J, computed as u, ref as f, onBeforeUnmount as L, createBlock as P, openBlock as U, unref as c, mergeProps as A, withCtx as x, createElementVNode as I, createVNode as C, nextTick as $ } from "vue";
-import { useExecFunction as q, TpfModal as z } from "tmgc2-share";
-import G from "./SubmitButtonRender.vue.js";
+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 g, createElementVNode as I, createVNode as x, 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";
-const W = { class: "dialog-content" }, oe = /* @__PURE__ */ J({
+import W from "../public/ActionButtonListRender.vue.js";
+const X = { class: "dialog-content" }, oe = /* @__PURE__ */ H({
   name: "dynamic-dialog",
   __name: "dynamic-dialog",
   props: {
@@ -45,109 +45,106 @@ const W = { class: "dialog-content" }, oe = /* @__PURE__ */ J({
       default: null
     }
   },
-  setup(n, { expose: D }) {
-    const e = n, F = u(() => e.options.height || "500px"), p = f(null), m = f(!1), l = f(!1), { context: s, asyncExecuteFunction: r, executeFunction: X } = q(), { vfdRef: i, isLoading: v, getComponentJson: O } = K({
-      formCode: e.options.formCode,
-      ...e.vfCtx
-    }), R = u(() => ({
-      ...e.parentFormRef,
-      parentDom: s.value,
+  setup(n, { expose: C }) {
+    const t = n, h = d(() => t.options.height || "500px"), f = u(null), p = u(!1), l = u(!1), { context: i, asyncExecuteFunction: m, executeFunction: Y } = z(), { vfdRef: s, isLoading: v, getComponentJson: O } = K({
+      formCode: t.options.formCode,
+      ...t.vfCtx
+    }), R = d(() => ({
+      ...t.parentFormRef,
+      parentDom: i.value,
       getParentFormRef: y
-    })), h = u(() => e.options.cancelButtonHidden && e.options.okButtonHidden ? { footer: null } : {});
-    L(() => {
-      var t, o;
-      console.log(e.parentFormRef), (o = (t = e.parentFormRef) == null ? void 0 : t.setChildFormRef) == null || o.call(t, null);
+    })), F = d(() => t.options.cancelButtonHidden && t.options.okButtonHidden ? { footer: null } : {});
+    J(() => {
+      var e, o;
+      console.log(t.parentFormRef), (o = (e = t.parentFormRef) == null ? void 0 : e.setChildFormRef) == null || o.call(e, null);
     });
-    const w = (t) => {
-      v.value = t;
-    }, B = (t) => {
-      e.options.title = t;
-    }, k = () => {
+    const D = (e) => {
+      v.value = e;
+    }, k = (e) => {
+      t.options.title = e;
+    }, w = () => {
       l.value = !0;
+    }, B = async ({ result: e }) => {
+      e !== !1 && await r();
     }, j = () => {
-      l.value = !0, $(async () => {
-        var t, o, a;
-        (t = e.options) != null && t.readMode && ((o = i.value) == null || o.setReadMode(!0)), await O([], e.options.formCode), (a = i.value) == null || a.setDialogOrDrawerRef(s.value), e.parentFormRef && e.parentFormRef.setChildFormRef(i.value), g();
+      l.value = !0, q(async () => {
+        var e, o, a;
+        (e = t.options) != null && e.readMode && ((o = s.value) == null || o.setReadMode(!0)), await O([], t.options.formCode), (a = s.value) == null || a.setDialogOrDrawerRef(i.value), t.parentFormRef && t.parentFormRef.setChildFormRef(s.value), b();
       });
     }, E = async () => {
-      if (e.options.onDialogBeforeClose)
-        return await r({
-          functionBody: e.options.onDialogBeforeClose
+      if (t.options.onDialogBeforeClose)
+        return await m({
+          functionBody: t.options.onDialogBeforeClose
         });
       l.value = !1;
-    }, b = () => {
-      d() && (l.value = !1);
-    }, d = async () => e.options.onDialogBeforeClose ? await r({
-      functionBody: e.options.onDialogBeforeClose
-    }) : !0, g = async () => {
-      if (e.options.onDialogOpened)
-        return await r({
-          functionBody: e.options.onDialogOpened
+    }, r = () => {
+      l.value = !1;
+    }, b = async () => {
+      if (t.options.onDialogOpened)
+        return await m({
+          functionBody: t.options.onDialogOpened
         });
-    }, y = () => e.parentFormRef, T = () => {
-      var t, o, a;
-      (a = (o = (t = e.vfCtx) == null ? void 0 : t.parent) == null ? void 0 : o.exposed) != null && a.updateTable && e.vfCtx.parent.exposed.updateTable();
-    }, M = () => e.extraData, S = (t) => {
-      p.value = t;
-    }, V = (t) => {
-      m.value = t;
-    }, N = () => i.value, H = () => {
-      var t;
-      return (t = i.value) == null ? void 0 : t.context;
+    }, y = () => t.parentFormRef, L = () => {
+      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) => {
+      f.value = e;
+    }, S = (e) => {
+      p.value = e;
+    }, N = () => s.value, V = () => {
+      var e;
+      return (e = s.value) == null ? void 0 : e.context;
     };
-    return D({
+    return C({
       getParentFormRef: y,
       getFormRef: N,
-      setDisabled: V,
-      setleftText: S,
-      setLoading: w,
-      setTitle: B,
-      beforeOpen: k,
+      setDisabled: S,
+      setleftText: M,
+      setLoading: D,
+      setTitle: k,
+      beforeOpen: w,
       show: j,
       close: E,
-      handleBeforeClose: d,
-      handleCloseEvent: b,
-      handleOpenedEvent: g,
-      updateTable: T,
-      getExtraData: M
-    }), (t, o) => (U(), P(c(z), A({
+      handleCloseEvent: r,
+      handleOpenedEvent: b,
+      updateTable: L,
+      getExtraData: T
+    }), (e, o) => (A(), P(c(G), U({
       class: "tpf-model design-model",
       destroyOnClose: !0,
       title: n.options.title,
       bodyStyle: {
-        height: F.value,
+        height: h.value,
         overflow: "auto",
         ...JSON.parse(n.options.bodyStyle || "{}")
       },
       centered: !0,
       visible: l.value,
-      "onUpdate:visible": o[1] || (o[1] = (a) => l.value = a),
+      "onUpdate:visible": o[0] || (o[0] = (a) => l.value = a),
       width: n.options.width,
       mask: n.options.showModal,
       maskClosable: n.options.closeOnClickModal,
       keyboard: n.options.closeOnPressEscape,
-      onCancel: b,
-      "left-num": p.value
-    }, h.value), {
-      footerRight: x(() => [
-        C(G, {
-          disabled: m.value,
-          "dialog-visible": l.value,
-          "onUpdate:dialogVisible": o[0] || (o[0] = (a) => l.value = a),
-          handleBeforeClose: d,
-          options: n.options,
-          ctx: H()
-        }, null, 8, ["disabled", "dialog-visible", "options", "ctx"])
+      onCancel: r,
+      "left-num": f.value
+    }, F.value), {
+      footerRight: g(() => [
+        x(W, {
+          buttonList: n.options.buttonList || [],
+          ctx: V(),
+          onOnClick: B,
+          disabled: p.value
+        }, null, 8, ["buttonList", "ctx", "disabled"])
       ]),
-      default: x(() => [
-        I("div", W, [
-          C(Q, {
+      default: g(() => [
+        I("div", X, [
+          x(Q, {
             ref_key: "vfdRef",
-            ref: i,
+            ref: s,
             loading: c(v),
             vfCtx: {
               ...n.vfCtx,
-              instance: c(s)
+              instance: c(i)
             },
             "parent-form": R.value,
             "disabled-mode": n.options.disabledMode,

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            <SubmitButtonRender\n                :disabled=\"isDisabled\"\n                v-model:dialog-visible=\"dialogVisible\"\n                :handleBeforeClose=\"handleBeforeClose\"\n                :options=\"options\"\n                :ctx=\"getFormContext()\"\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 SubmitButtonRender from './SubmitButtonRender.vue';\n    import { useLowcode } from '@/hooks/useLowcode';\n    import VFormRender from '../FormRender/index.vue';\n\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 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        if (!handleBeforeClose()) return;\n        dialogVisible.value = false;\n    };\n\n    const handleBeforeClose = async () => {\n        if (props.options.onDialogBeforeClose) {\n            return (await asyncExecuteFunction({\n                functionBody: props.options.onDialogBeforeClose\n            })) as Promise<boolean>;\n        }\n        return true;\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        handleBeforeClose,\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","show","nextTick","_c","handleOpenedEvent","close","handleCloseEvent","handleBeforeClose","updateTable","getExtraData","setleftText","number","setDisabled","getFormRef","getFormContext","__expose","_openBlock","_createBlock","_unref","_mergeProps","$event","_createVNode","SubmitButtonRender","_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=\"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            <!-- <SubmitButtonRender\n                :disabled=\"isDisabled\"\n                v-model:dialog-visible=\"dialogVisible\"\n                :handleBeforeClose=\"handleBeforeClose\"\n                :options=\"options\"\n                :ctx=\"getFormContext()\"\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 SubmitButtonRender from './SubmitButtonRender.vue';\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        dialogVisible.value = false;\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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"}

package/src/components/public/ActionButtonListDialog.vue.js

@@ -1,7 +1,7 @@
 import o from "./ActionButtonListDialog.vue2.js";
 /* empty css                            */
 import t from "../../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-be808070"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-1ba0ad55"]]);
 export {
   m as default
 };