@kp-ui/lowcode 2.15.0-beta.7 → 2.16.0-alpha.10

package/src/components/form-designer/form-widget/container-widget/useTableWidget.js

@@ -1,24 +1,24 @@
-import { ref as y, computed as u, h as T } from "vue";
-import { omit as G, cloneDeep as w, isArray as J } from "lodash-es";
-import O from "../../../public/ActionButtonListRender.vue.js";
-import { useI18n as Q } from "../../../../utils/i18n.js";
-import { useExecFunction as U, tranformAntTableColumnToVxetableColumn as X, tranformAntSizzVxetableSize as Y, TpfDelConfirm as Z } from "tmgc2-share";
-import { useDataHttp as $ } from "../../../../hooks/useDataHttp.js";
-import { message as M } from "ant-design-vue";
-function ft({ props: l, fieldModel: s }) {
-  const x = y(), b = y(!1), { widget: n } = l, { i18nt: p } = Q(), { executeFunction: f, context: k } = U(), { loadataSource: R, setPagination: h, getPagination: S, pagintion: D } = $({
-    props: l
-  }), z = u(() => {
-    const t = [], o = (n == null ? void 0 : n.options) || {}, { rowSelection: e, showIndex: a, tableColumns: i = [] } = (n == null ? void 0 : n.options) ?? {};
-    e != null && e.hasRowSelection && t.push({
-      title: e.columnTitle,
-      width: e.columnWidth,
+import { ref as T, computed as c, h as k, watch as G } from "vue";
+import { omit as J, cloneDeep as x, isArray as O } from "lodash-es";
+import Q from "../../../public/ActionButtonListRender.vue.js";
+import { useI18n as U } from "../../../../utils/i18n.js";
+import { useExecFunction as X, tranformAntTableColumnToVxetableColumn as Y, tranformAntSizzVxetableSize as Z, TpfDelConfirm as $ } from "tmgc2-share";
+import { useDataHttp as M } from "../../../../hooks/useDataHttp.js";
+import { Space as tt, message as et } from "ant-design-vue";
+function ht({ props: r, fieldModel: a }) {
+  const S = T(), b = T(!1), { widget: o } = r, { i18nt: g } = U(), { executeFunction: u, context: R } = X(), { loadataSource: z, setPagination: h, getPagination: p, pagintion: D } = M({
+    props: r
+  }), B = c(() => {
+    const t = [], e = (o == null ? void 0 : o.options) || {}, { rowSelection: n, showIndex: i, tableColumns: f = [] } = (o == null ? void 0 : o.options) ?? {};
+    n != null && n.hasRowSelection && t.push({
+      title: n.columnTitle,
+      width: n.columnWidth,
       align: "left",
       fixed: "left",
       dataIndex: "checkbox",
       type: "checkbox"
-    }), a && t.push({
-      title: p("designer.setting.seq"),
+    }), i && t.push({
+      title: g("designer.setting.seq"),
       align: "left",
       width: 90,
       fixed: "left",
@@ -27,24 +27,24 @@ function ft({ props: l, fieldModel: s }) {
       resizable: !0,
       type: "seq"
     });
-    const c = i.filter((r) => r.show).map((r) => ({
-      ...r,
-      ...B(r),
-      titleSuffix: r.titleSuffix ? { content: r.titleSuffixContent } : !1
-    })), d = [];
-    if (o.showButtonsColumn) {
-      const r = o.operationButtons ?? [];
-      d.push({
+    const l = f.filter((s) => s.show).map((s) => ({
+      ...s,
+      ...W(s),
+      titleSuffix: s.titleSuffix ? { content: s.titleSuffixContent } : !1
+    })), m = [];
+    if (e.showButtonsColumn) {
+      const s = e.operationButtons ?? [];
+      m.push({
         fixed: "right",
         align: "center",
-        title: o.buttonsColumnTitle,
-        width: o.buttonsColumnWidth,
+        title: e.buttonsColumnTitle,
+        width: e.buttonsColumnWidth,
         slots: {
-          default: (_) => T(O, {
-            buttonList: r,
+          default: (_) => k(Q, {
+            buttonList: s,
             flex: "center",
             scope: _,
-            ctx: k.value,
+            ctx: R.value,
             onClick: (j) => {
               j.stopPropagation();
             }
@@ -52,175 +52,180 @@ function ft({ props: l, fieldModel: s }) {
         }
       });
     }
-    const m = [...t, ...c, ...d];
-    return X(m);
-  }), B = (t) => {
-    const o = G(t, ["customRender"]), e = t.customRender;
-    return t.minWidth = 50, t.maxWidth = 1200, t.isAutoWidth ? (t.width = null, delete t.width) : t.width = isNaN(Number(t.width)) ? t.width : Number(t.width), e ? {
-      ...o,
+    const w = [...t, ...l, ...m];
+    return Y(w);
+  }), W = (t) => {
+    const e = J(t, ["customRender"]), n = t.customRender;
+    return t.minWidth = 50, t.maxWidth = 1200, t.isAutoWidth ? (t.width = null, delete t.width) : t.width = isNaN(Number(t.width)) ? t.width : Number(t.width), n ? {
+      ...e,
       slots: {
-        default(a) {
-          const i = f({
-            source: l.field.options.name,
-            functionBody: e,
+        default(i) {
+          const f = u({
+            source: r.field.options.name,
+            functionBody: n,
             params: {
-              index: a.rowIndex,
-              record: a.row,
-              ...a
+              index: i.rowIndex,
+              record: i.row,
+              ...i
             },
-            errorCallback: (c) => {
-              console.error("Custom render error:", c);
+            errorCallback: (l) => {
+              console.error("Custom render error:", l);
             }
           });
-          return T(
-            "div",
+          return k(
+            tt,
             {
-              onClick: (c) => {
-                c.stopPropagation();
+              align: "center",
+              size: 5,
+              onClick: (l) => {
+                l.stopPropagation();
               }
             },
-            [i]
+            f
           );
         }
       }
     } : t;
-  }, P = u(() => n.options.tableWidth), W = u(() => n.options.tableSize), F = () => {
-    g();
-  }, v = u(() => n.options.rowKey), I = u(() => {
+  }, P = c(() => o.options.tableWidth), F = c(() => o.options.tableSize), I = () => {
+    d();
+  }, v = c(() => o.options.rowKey), A = c(() => {
     const {
       tableSize: t,
-      rowKey: o,
-      tableHeight: e = 300,
-      border: a = !1,
-      lineHeight: i = 50,
-      colorRow: c = !1
-    } = n.options;
+      rowKey: e,
+      tableHeight: n = 300,
+      border: i = !1,
+      lineHeight: f = 50,
+      colorRow: l = !1,
+      showPagination: m = !0
+    } = o.options;
     return {
-      showPagination: n.options.showPagination,
-      size: Y(t),
-      height: e,
-      border: a ?? !1,
-      data: s.value || [],
-      columns: z.value,
+      showPagination: m,
+      size: Z(t),
+      height: n,
+      border: i ?? !1,
+      data: a.value || [],
+      columns: B.value,
       sortConfig: {
         trigger: "cell",
         remote: !0,
         orders: ["ascend", "descend", null]
       },
       rowConfig: {
-        keyField: o,
-        isCurrent: c,
+        keyField: e,
+        isCurrent: l,
         isHover: !0
       },
       checkboxConfig: {
         isShiftKey: !0,
-        checkMethod: (d) => {
-          var m;
-          return f({
-            functionBody: (m = n.options.rowSelection) == null ? void 0 : m.checkMethod,
-            params: d,
+        checkMethod: (w) => {
+          var s;
+          return u({
+            functionBody: (s = o.options.rowSelection) == null ? void 0 : s.checkMethod,
+            params: w,
             keys: ["row"]
           });
         }
       },
       cellConfig: {
-        height: i
+        height: f
       }
     };
-  }), A = (t) => {
-    x.value = t;
-  }, g = async () => {
+  }), E = (t) => {
+    S.value = t;
+  }, d = async () => {
     var t;
-    if (l.field.options.dsEnabled) {
+    if (r.field.options.dsEnabled) {
       b.value = !0;
       try {
-        const o = await R(), e = o.list || [];
-        s.value = w(e || []), h(o);
-      } catch (o) {
-        console.error(o);
+        const e = await z(), n = e.list || [];
+        a.value = x(n || []), h(e);
+      } catch (e) {
+        console.error(e);
       }
     } else
-      s.value = n.options.dataSource || [], h({
-        total: ((t = n.options.dataSource) == null ? void 0 : t.length) || 0
+      a.value = o.options.dataSource || [], h({
+        total: ((t = o.options.dataSource) == null ? void 0 : t.length) || 0
       });
     b.value = !1;
-  }, E = ({ row: t, $event: o }, e) => {
-    f({
-      functionBody: n.options.customRow[e],
-      params: [t, o],
+  }, H = ({ row: t, $event: e }, n) => {
+    u({
+      functionBody: o.options.customRow[n],
+      params: [t, e],
       keys: ["record", "event"]
     });
-  }, H = (t) => {
+  }, L = (t) => {
     C(t);
-  }, L = () => {
-    g();
-  }, N = (t, o, e, a) => {
-    const i = n.options.onTableChange;
-    i && f({
-      functionBody: i,
+  }, N = ({ sorts: t }) => {
+    const e = o.options.onTableChange;
+    e && u({
+      functionBody: e,
       params: {
-        pagination: t,
-        filters: o,
-        sorter: e,
-        currentDataSource: a
+        pagination: p(),
+        currentDataSource: y(),
+        sorter: t
       },
-      keys: ["pagination", "filters", "sorter", "currentDataSource"]
+      keys: ["pagination", "sorter", "currentDataSource"]
     });
   }, V = (t) => {
-    f({
-      functionBody: n.options.rowSelection.onChange,
+    u({
+      functionBody: o.options.rowSelection.onChange,
       keys: ["selectedRowKeys", "selectedRows"],
       params: t
     });
-  }, q = () => s.value, K = (t) => {
-    s.value || (s.value = []), s.value.push(w(t));
+  }, y = () => a.value, q = (t) => {
+    a.value || (a.value = []), a.value.push(x(t));
   }, C = (t) => {
-    if (!J(t))
+    if (!O(t))
       return console.error("表格数据类型错误");
-    s.value = w(t);
+    a.value = x(t);
+  }, K = {
+    delSelectRow: async (t) => {
+      if (t.length)
+        try {
+          await $({ content: g("确定删除选中的数据吗") });
+          const e = a.value.filter((n) => !(t != null && t.includes(n[v.value])));
+          C(e), et.success(g("操作成功"));
+        } catch {
+        }
+    },
+    getTableColumns: () => r.field.options.tableColumns,
+    setTableColumns: (t) => {
+      r.field.options.tableColumns = t;
+    },
+    setValue: C,
+    insertTableValue: q,
+    setPagination: h,
+    getDataSource: y,
+    getPagination: p,
+    initTableSoureData: d
   };
-  return {
+  return G(
+    () => r.field.options.dsEnabled,
+    () => {
+      d();
+    }
+  ), {
     rowKey: v,
     onCheckboxChange: V,
-    tableDefinExpoed: {
-      delSelectRow: async (t) => {
-        if (t.length)
-          try {
-            await Z({ content: p("确定删除选中的数据吗") });
-            const o = s.value.filter((e) => !(t != null && t.includes(e[v.value])));
-            C(o), M.success(p("操作成功"));
-          } catch {
-          }
-      },
-      getTableColumns: () => l.field.options.tableColumns,
-      setTableColumns: (t) => {
-        l.field.options.tableColumns = t;
-      },
-      setValue: C,
-      insertTableValue: K,
-      setPagination: h,
-      getDataSource: q,
-      getPagination: S
-    },
-    onSortChange: F,
+    tableDefinExpoed: K,
+    onSortChange: I,
     pagintion: D,
     setPagination: h,
-    getPagination: S,
+    getPagination: p,
     handleTableChange: N,
-    setTableData: H,
-    loadDataTableDataSource: L,
-    showPagination: u(() => !!l.field.options.showPagination),
-    onRunEvent: E,
+    setTableData: L,
+    showPagination: c(() => !!r.field.options.showPagination),
+    onRunEvent: H,
     isLoading: b,
-    initTableSoureData: g,
-    setTableRef: A,
-    tableSize: W,
+    initTableSoureData: d,
+    setTableRef: E,
+    tableSize: F,
     tableWidth: P,
-    tableProps: I,
-    tableRef: x
+    tableProps: A,
+    tableRef: S
   };
 }
 export {
-  ft as useTableWidget
+  ht as useTableWidget
 };
 //# sourceMappingURL=useTableWidget.js.map

package/src/components/form-designer/form-widget/container-widget/useTableWidget.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTableWidget.js","sources":["../../../../../../src/components/form-designer/form-widget/container-widget/useTableWidget.ts"],"sourcesContent":["import { computed, Ref, h, ref } from 'vue';\nimport { VxeGridInstance } from 'vxe-table';\nimport { cloneDeep, isArray, omit } from 'lodash-es';\nimport ActionButtonListRender from '@/components/public/ActionButtonListRender.vue';\n\nimport { useI18n } from '@/utils/i18n';\nimport { WidgetProps } from './useContainerWidget';\nimport {\n    tranformAntTableColumnToVxetableColumn,\n    tranformAntSizzVxetableSize,\n    ImeTableProps,\n    useExecFunction,\n    TpfDelConfirm\n} from 'tmgc2-share';\nimport { useDataHttp } from '@/hooks/useDataHttp';\nimport { message } from 'ant-design-vue';\ntype useTableWidgetProps = {\n    props: WidgetProps;\n    fieldModel: Ref<any>;\n};\n\nexport function useTableWidget<T>({ props, fieldModel }: useTableWidgetProps) {\n    const tableRef = ref<VxeGridInstance>();\n    const isLoading = ref(false);\n    const { widget } = props;\n    const { i18nt } = useI18n();\n    const { executeFunction, context } = useExecFunction();\n    const { loadataSource, setPagination, getPagination, pagintion } = useDataHttp({\n        props\n    });\n\n    const columns = computed(() => {\n        const leftFixedColumns: any[] = [];\n        const optins = widget?.options || {};\n        const { rowSelection, showIndex, tableColumns = [] } = widget?.options ?? {};\n        if (rowSelection?.hasRowSelection) {\n            leftFixedColumns.push({\n                title: rowSelection.columnTitle,\n                width: rowSelection.columnWidth,\n                align: 'left',\n                fixed: 'left',\n                dataIndex: 'checkbox',\n                type: 'checkbox'\n            });\n        }\n        if (showIndex) {\n            leftFixedColumns.push({\n                title: i18nt('designer.setting.seq'),\n                align: 'left',\n                width: 90,\n                fixed: 'left',\n                maxWidth: 100,\n                dataIndex: 'seq',\n                resizable: true,\n                type: 'seq'\n            });\n        }\n\n        const centerColumns = tableColumns\n            .filter(item => item.show)\n            .map(item => {\n                //    titleSuffix: ),\n                return {\n                    ...item,\n                    ...handleColumnItem(item),\n                    titleSuffix: item.titleSuffix ? { content: item.titleSuffixContent } : false\n                };\n            });\n        const rightFixedColumns: any[] = [];\n        if (optins.showButtonsColumn) {\n            const operationButtons = optins.operationButtons ?? [];\n            rightFixedColumns.push({\n                fixed: 'right',\n                align: 'center',\n                title: optins.buttonsColumnTitle,\n                width: optins.buttonsColumnWidth,\n                slots: {\n                    default: scope => {\n                        return h(ActionButtonListRender, {\n                            buttonList: operationButtons,\n                            flex: 'center',\n                            scope: scope,\n                            ctx: context.value,\n                            onClick: (e: Event) => {\n                                e.stopPropagation();\n                            }\n                        });\n                    }\n                }\n            });\n        }\n\n        // 把customRender渲染成 bodyCell 插槽\n        const _columns = [...leftFixedColumns, ...centerColumns, ...rightFixedColumns];\n\n        return tranformAntTableColumnToVxetableColumn(_columns);\n    });\n\n    // 处理列配置\n    const handleColumnItem = item => {\n        const res = omit(item, ['customRender']);\n        const customRenderFn = item.customRender;\n        item.minWidth = 50;\n        item.maxWidth = 1200;\n        if (item.isAutoWidth) {\n            item.width = null;\n            delete item.width;\n        } else {\n            item.width = isNaN(Number(item.width)) ? item.width : Number(item.width);\n        }\n        if (!customRenderFn) return item;\n\n        return {\n            ...res,\n            slots: {\n                default(scope) {\n                    const com = executeFunction({\n                        source: props.field.options.name,\n                        functionBody: customRenderFn,\n                        params: {\n                            index: scope.rowIndex,\n                            record: scope.row,\n                            ...scope\n                        },\n                        errorCallback: error => {\n                            console.error('Custom render error:', error);\n                        }\n                    });\n\n                    return h(\n                        'div',\n                        {\n                            onClick: (e: Event) => {\n                                e.stopPropagation();\n                            }\n                        },\n                        [com]\n                    );\n                }\n            }\n        };\n    };\n\n    const tableWidth = computed(() => widget.options.tableWidth);\n    const tableSize = computed(() => widget.options.tableSize);\n\n    const onSortChange = () => {\n        initTableSoureData();\n    };\n\n    const rowKey = computed(() => widget.options.rowKey);\n\n    const tableProps = computed<ImeTableProps>(() => {\n        const {\n            tableSize,\n            rowKey,\n            tableHeight = 300,\n            border = false,\n            lineHeight = 50,\n            colorRow = false\n        } = widget.options;\n\n        return {\n            showPagination: widget.options.showPagination,\n            size: tranformAntSizzVxetableSize(tableSize),\n            height: tableHeight,\n            border: border ?? false,\n            data: fieldModel.value || [],\n            columns: columns.value,\n            sortConfig: {\n                trigger: 'cell',\n                remote: true,\n                orders: ['ascend', 'descend', null]\n            },\n            rowConfig: {\n                keyField: rowKey,\n                isCurrent: colorRow,\n                isHover: true\n            },\n            checkboxConfig: {\n                isShiftKey: true,\n                checkMethod: data => {\n                    return executeFunction({\n                        functionBody: widget.options.rowSelection?.checkMethod,\n                        params: data,\n                        keys: ['row']\n                    });\n                }\n            },\n            cellConfig: {\n                height: lineHeight\n            }\n        } as ImeTableProps;\n    });\n\n    const setTableRef = _tableRef => {\n        tableRef.value = _tableRef;\n    };\n\n    const initTableSoureData = async () => {\n        if (props.field.options.dsEnabled) {\n            isLoading.value = true;\n            try {\n                const data = await loadataSource();\n                const tableData = data.list || [];\n                fieldModel.value = cloneDeep(tableData || []);\n                setPagination(data);\n            } catch (error) {\n                console.error(error);\n            }\n        } else {\n            fieldModel.value = widget.options.dataSource || [];\n            setPagination({\n                total: widget.options.dataSource?.length || 0\n            });\n        }\n        isLoading.value = false;\n    };\n\n    type EventType = 'onDblclick' | 'onMouseenter' | 'onMouseleave' | 'onClick';\n    const onRunEvent = ({ row, $event }: any, type: EventType) => {\n        executeFunction({\n            functionBody: widget.options.customRow[type],\n            params: [row, $event],\n            keys: ['record', 'event']\n        });\n    };\n\n    const setTableData = (data: T[]) => {\n        setValue(data);\n    };\n\n    /**\n     * 加载表格数据\n     * @deprecated 兼容老 API\n     */\n    const loadDataTableDataSource = () => {\n        initTableSoureData();\n    };\n\n    const handleTableChange = (pagination, filters, sorter, currentDataSource) => {\n        const fn = widget.options.onTableChange;\n        if (fn) {\n            executeFunction({\n                functionBody: fn,\n                params: {\n                    pagination,\n                    filters,\n                    sorter,\n                    currentDataSource: currentDataSource\n                },\n                keys: ['pagination', 'filters', 'sorter', 'currentDataSource']\n            });\n        }\n    };\n\n    // 选中 checkbox回调\n    const onCheckboxChange = (selectedRowInfo: any) => {\n        executeFunction({\n            functionBody: widget.options.rowSelection.onChange,\n            keys: ['selectedRowKeys', 'selectedRows'],\n            params: selectedRowInfo\n        });\n    };\n\n    const getDataSource = () => {\n        return fieldModel.value;\n    };\n\n    const insertTableValue = (data: T) => {\n        if (!fieldModel.value) {\n            fieldModel.value = [];\n        }\n        fieldModel.value.push(cloneDeep(data));\n    };\n\n    const setValue = (data: T[]) => {\n        if (!isArray(data)) {\n            return console.error('表格数据类型错误');\n        }\n        fieldModel.value = cloneDeep(data);\n    };\n\n    const getTableColumns = () => {\n        return props.field.options.tableColumns;\n    };\n\n    const setTableColumns = (data: any[]) => {\n        props.field.options.tableColumns = data;\n    };\n\n    const delSelectRow = async delKeys => {\n        if (!delKeys.length) return;\n        try {\n            await TpfDelConfirm({ content: i18nt('确定删除选中的数据吗') });\n            const newList = fieldModel.value.filter(item => !delKeys?.includes(item[rowKey.value]));\n            setValue(newList);\n            message.success(i18nt('操作成功'));\n        } catch {}\n    };\n\n    const tableDefinExpoed = {\n        delSelectRow,\n        getTableColumns,\n        setTableColumns,\n        setValue,\n        insertTableValue,\n        setPagination,\n        getDataSource,\n        getPagination\n    };\n\n    return {\n        rowKey,\n        onCheckboxChange,\n        tableDefinExpoed,\n        onSortChange,\n        pagintion,\n        setPagination,\n        getPagination,\n        handleTableChange,\n        setTableData,\n        loadDataTableDataSource,\n        showPagination: computed(() => !!props.field.options.showPagination),\n        onRunEvent,\n        isLoading,\n        initTableSoureData,\n        setTableRef,\n        tableSize,\n        tableWidth,\n        tableProps,\n        tableRef\n    };\n}\n"],"names":["useTableWidget","props","fieldModel","tableRef","ref","isLoading","widget","i18nt","useI18n","executeFunction","context","useExecFunction","loadataSource","setPagination","getPagination","pagintion","useDataHttp","columns","computed","leftFixedColumns","optins","rowSelection","showIndex","tableColumns","centerColumns","item","handleColumnItem","rightFixedColumns","operationButtons","scope","h","ActionButtonListRender","e","_columns","tranformAntTableColumnToVxetableColumn","res","omit","customRenderFn","com","error","tableWidth","tableSize","onSortChange","initTableSoureData","rowKey","tableProps","tableHeight","border","lineHeight","colorRow","tranformAntSizzVxetableSize","data","_a","setTableRef","_tableRef","tableData","cloneDeep","onRunEvent","row","$event","type","setTableData","setValue","loadDataTableDataSource","handleTableChange","pagination","filters","sorter","currentDataSource","fn","onCheckboxChange","selectedRowInfo","getDataSource","insertTableValue","isArray","delKeys","TpfDelConfirm","newList","message"],"mappings":"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"}
+{"version":3,"file":"useTableWidget.js","sources":["../../../../../../src/components/form-designer/form-widget/container-widget/useTableWidget.ts"],"sourcesContent":["import { computed, Ref, h, ref, watchEffect, watch } from 'vue';\nimport { VxeGridInstance } from 'vxe-table';\nimport { cloneDeep, isArray, omit } from 'lodash-es';\nimport ActionButtonListRender from '@/components/public/ActionButtonListRender.vue';\n\nimport { useI18n } from '@/utils/i18n';\nimport { WidgetProps } from './useContainerWidget';\nimport {\n    tranformAntTableColumnToVxetableColumn,\n    tranformAntSizzVxetableSize,\n    ImeTableProps,\n    useExecFunction,\n    TpfDelConfirm\n} from 'tmgc2-share';\nimport { useDataHttp } from '@/hooks/useDataHttp';\nimport { message, Space } from 'ant-design-vue';\ntype useTableWidgetProps = {\n    props: WidgetProps;\n    fieldModel: Ref<any>;\n};\n\nexport function useTableWidget<T>({ props, fieldModel }: useTableWidgetProps) {\n    const tableRef = ref<VxeGridInstance>();\n    const isLoading = ref(false);\n    const { widget } = props;\n    const { i18nt } = useI18n();\n    const { executeFunction, context } = useExecFunction();\n    const { loadataSource, setPagination, getPagination, pagintion } = useDataHttp({\n        props\n    });\n\n    const columns = computed(() => {\n        const leftFixedColumns: any[] = [];\n        const optins = widget?.options || {};\n        const { rowSelection, showIndex, tableColumns = [] } = widget?.options ?? {};\n        if (rowSelection?.hasRowSelection) {\n            leftFixedColumns.push({\n                title: rowSelection.columnTitle,\n                width: rowSelection.columnWidth,\n                align: 'left',\n                fixed: 'left',\n                dataIndex: 'checkbox',\n                type: 'checkbox'\n            });\n        }\n        if (showIndex) {\n            leftFixedColumns.push({\n                title: i18nt('designer.setting.seq'),\n                align: 'left',\n                width: 90,\n                fixed: 'left',\n                maxWidth: 100,\n                dataIndex: 'seq',\n                resizable: true,\n                type: 'seq'\n            });\n        }\n\n        const centerColumns = tableColumns\n            .filter(item => item.show)\n            .map(item => {\n                //    titleSuffix: ),\n                return {\n                    ...item,\n                    ...handleColumnItem(item),\n                    titleSuffix: item.titleSuffix ? { content: item.titleSuffixContent } : false\n                };\n            });\n        const rightFixedColumns: any[] = [];\n        if (optins.showButtonsColumn) {\n            const operationButtons = optins.operationButtons ?? [];\n            rightFixedColumns.push({\n                fixed: 'right',\n                align: 'center',\n                title: optins.buttonsColumnTitle,\n                width: optins.buttonsColumnWidth,\n                slots: {\n                    default: scope => {\n                        return h(ActionButtonListRender, {\n                            buttonList: operationButtons,\n                            flex: 'center',\n                            scope: scope,\n                            ctx: context.value,\n                            onClick: (e: Event) => {\n                                e.stopPropagation();\n                            }\n                        });\n                    }\n                }\n            });\n        }\n\n        // 把customRender渲染成 bodyCell 插槽\n        const _columns = [...leftFixedColumns, ...centerColumns, ...rightFixedColumns];\n\n        return tranformAntTableColumnToVxetableColumn(_columns);\n    });\n\n    // 处理列配置\n    const handleColumnItem = item => {\n        const res = omit(item, ['customRender']);\n        const customRenderFn = item.customRender;\n        item.minWidth = 50;\n        item.maxWidth = 1200;\n        if (item.isAutoWidth) {\n            item.width = null;\n            delete item.width;\n        } else {\n            item.width = isNaN(Number(item.width)) ? item.width : Number(item.width);\n        }\n        if (!customRenderFn) return item;\n\n        return {\n            ...res,\n            slots: {\n                default(scope) {\n                    const Com = executeFunction({\n                        source: props.field.options.name,\n                        functionBody: customRenderFn,\n                        params: {\n                            index: scope.rowIndex,\n                            record: scope.row,\n                            ...scope\n                        },\n                        errorCallback: error => {\n                            console.error('Custom render error:', error);\n                        }\n                    });\n                    return h(\n                        Space,\n                        {\n                            align: 'center',\n                            size: 5,\n                            onClick: (e: Event) => {\n                                e.stopPropagation();\n                            }\n                        },\n                        Com\n                    );\n                }\n            }\n        };\n    };\n\n    const tableWidth = computed(() => widget.options.tableWidth);\n    const tableSize = computed(() => widget.options.tableSize);\n\n    const onSortChange = () => {\n        initTableSoureData();\n    };\n\n    const rowKey = computed(() => widget.options.rowKey);\n\n    const tableProps = computed<ImeTableProps>(() => {\n        const {\n            tableSize,\n            rowKey,\n            tableHeight = 300,\n            border = false,\n            lineHeight = 50,\n            colorRow = false,\n            showPagination = true\n        } = widget.options;\n\n        return {\n            showPagination,\n            size: tranformAntSizzVxetableSize(tableSize),\n            height: tableHeight,\n            border: border ?? false,\n            data: fieldModel.value || [],\n            columns: columns.value,\n            sortConfig: {\n                trigger: 'cell',\n                remote: true,\n                orders: ['ascend', 'descend', null]\n            },\n            rowConfig: {\n                keyField: rowKey,\n                isCurrent: colorRow,\n                isHover: true\n            },\n            checkboxConfig: {\n                isShiftKey: true,\n                checkMethod: data => {\n                    return executeFunction({\n                        functionBody: widget.options.rowSelection?.checkMethod,\n                        params: data,\n                        keys: ['row']\n                    });\n                }\n            },\n            cellConfig: {\n                height: lineHeight\n            }\n        } as ImeTableProps;\n    });\n\n    const setTableRef = _tableRef => {\n        tableRef.value = _tableRef;\n    };\n\n    const initTableSoureData = async () => {\n        if (props.field.options.dsEnabled) {\n            isLoading.value = true;\n            try {\n                const data = await loadataSource();\n                const tableData = data.list || [];\n                fieldModel.value = cloneDeep(tableData || []);\n                setPagination(data);\n            } catch (error) {\n                console.error(error);\n            }\n        } else {\n            fieldModel.value = widget.options.dataSource || [];\n            setPagination({\n                total: widget.options.dataSource?.length || 0\n            });\n        }\n        isLoading.value = false;\n    };\n\n    type EventType = 'onDblclick' | 'onMouseenter' | 'onMouseleave' | 'onClick';\n    const onRunEvent = ({ row, $event }: any, type: EventType) => {\n        executeFunction({\n            functionBody: widget.options.customRow[type],\n            params: [row, $event],\n            keys: ['record', 'event']\n        });\n    };\n\n    const setTableData = (data: T[]) => {\n        setValue(data);\n    };\n\n    const handleTableChange = ({ sorts }) => {\n        const fn = widget.options.onTableChange;\n        if (fn) {\n            executeFunction({\n                functionBody: fn,\n                params: {\n                    pagination: getPagination(),\n                    currentDataSource: getDataSource(),\n                    sorter: sorts\n                },\n                keys: ['pagination', 'sorter', 'currentDataSource']\n            });\n        }\n    };\n\n    // 选中 checkbox回调\n    const onCheckboxChange = (selectedRowInfo: any) => {\n        executeFunction({\n            functionBody: widget.options.rowSelection.onChange,\n            keys: ['selectedRowKeys', 'selectedRows'],\n            params: selectedRowInfo\n        });\n    };\n\n    const getDataSource = () => {\n        return fieldModel.value;\n    };\n\n    const insertTableValue = (data: T) => {\n        if (!fieldModel.value) {\n            fieldModel.value = [];\n        }\n        fieldModel.value.push(cloneDeep(data));\n    };\n\n    const setValue = (data: T[]) => {\n        if (!isArray(data)) {\n            return console.error('表格数据类型错误');\n        }\n        fieldModel.value = cloneDeep(data);\n    };\n\n    const getTableColumns = () => {\n        return props.field.options.tableColumns;\n    };\n\n    const setTableColumns = (data: any[]) => {\n        props.field.options.tableColumns = data;\n    };\n\n    const delSelectRow = async delKeys => {\n        if (!delKeys.length) return;\n        try {\n            await TpfDelConfirm({ content: i18nt('确定删除选中的数据吗') });\n            const newList = fieldModel.value.filter(item => !delKeys?.includes(item[rowKey.value]));\n            setValue(newList);\n            message.success(i18nt('操作成功'));\n        } catch {}\n    };\n\n    const tableDefinExpoed = {\n        delSelectRow,\n        getTableColumns,\n        setTableColumns,\n        setValue,\n        insertTableValue,\n        setPagination,\n        getDataSource,\n        getPagination,\n        initTableSoureData\n    };\n\n    watch(\n        () => props.field.options.dsEnabled,\n        () => {\n            initTableSoureData();\n        }\n    );\n\n    return {\n        rowKey,\n        onCheckboxChange,\n        tableDefinExpoed,\n        onSortChange,\n        pagintion,\n        setPagination,\n        getPagination,\n        handleTableChange,\n        setTableData,\n        showPagination: computed(() => !!props.field.options.showPagination),\n        onRunEvent,\n        isLoading,\n        initTableSoureData,\n        setTableRef,\n        tableSize,\n        tableWidth,\n        tableProps,\n        tableRef\n    };\n}\n"],"names":["useTableWidget","props","fieldModel","tableRef","ref","isLoading","widget","i18nt","useI18n","executeFunction","context","useExecFunction","loadataSource","setPagination","getPagination","pagintion","useDataHttp","columns","computed","leftFixedColumns","optins","rowSelection","showIndex","tableColumns","centerColumns","item","handleColumnItem","rightFixedColumns","operationButtons","scope","h","ActionButtonListRender","e","_columns","tranformAntTableColumnToVxetableColumn","res","omit","customRenderFn","Com","error","Space","tableWidth","tableSize","onSortChange","initTableSoureData","rowKey","tableProps","tableHeight","border","lineHeight","colorRow","showPagination","tranformAntSizzVxetableSize","data","_a","setTableRef","_tableRef","tableData","cloneDeep","onRunEvent","row","$event","type","setTableData","setValue","handleTableChange","sorts","fn","getDataSource","onCheckboxChange","selectedRowInfo","insertTableValue","isArray","tableDefinExpoed","delKeys","TpfDelConfirm","newList","message","watch"],"mappings":"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"}

package/src/components/form-designer/form-widget/container-widget/vf-box-widget.vue.js

@@ -1,8 +1,8 @@
 import o from "./vf-box-widget.vue2.js";
 /* empty css                   */
 import t from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-11524d0f"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-3ddb8c67"]]);
 export {
-  p as default
+  m as default
 };
 //# sourceMappingURL=vf-box-widget.vue.js.map

package/src/components/form-designer/form-widget/container-widget/vf-box-widget.vue2.js

@@ -1,12 +1,11 @@
-import { defineComponent as m, computed as g, createBlock as s, createCommentVNode as f, unref as l, openBlock as i, normalizeProps as x, mergeProps as c, withCtx as u, createElementBlock as w, normalizeStyle as h, createVNode as b } from "vue";
-import $ from "./container-wrapper.vue.js";
-import v from "../RenderDesignerWigetList.vue.js";
-import { ComponentNameEnum as C, ContainerTypeEnum as B } from "../../../../constants/WidgetTypeEnum.js";
-import { useField as k } from "../field-widget/useField.js";
-/* empty css                                                                                                                  */
+import { defineComponent as m, computed as g, createBlock as s, createCommentVNode as l, unref as f, openBlock as i, normalizeProps as x, mergeProps as c, withCtx as u, createElementBlock as b, normalizeStyle as $, createVNode as v } from "vue";
+import w from "../RenderDesignerWigetList.vue.js";
+import h from "./container-wrapper.vue.js";
+import { ComponentNameEnum as B, ContainerTypeEnum as y } from "../../../../constants/WidgetTypeEnum.js";
+import { useField as R } from "../field-widget/useField.js";
 const T = /* @__PURE__ */ m({
-  name: B.VfBoxWidget,
-  componentName: C.VfBoxWidget,
+  name: y.VfBoxWidget,
+  componentName: B.VfBoxWidget,
   __name: "vf-box-widget",
   props: {
     widget: {},
@@ -18,22 +17,22 @@ const T = /* @__PURE__ */ m({
     subFormRowId: {}
   },
   setup(d, { expose: r }) {
-    const t = d, { handleHidden: n, defineExposed: a } = k(t), p = g(() => {
-      const o = t.widget.options.boxModel || {}, e = {};
-      return t.widget.options.width && (e.width = "100%", e.height = "100%"), o.borderShow && (e.borderRadius = `${o.borderRadius}px`, e.border = `${o.borderStyle} ${o.borderWidth}px ${o.borderColor}`), (o.paddingTop !== void 0 || o.paddingRight !== void 0 || o.paddingBottom !== void 0 || o.paddingLeft !== void 0) && (e.padding = `${o.paddingTop || 0}px ${o.paddingRight || 0}px ${o.paddingBottom || 0}px ${o.paddingLeft || 0}px`), (o.marginTop !== void 0 || o.marginRight !== void 0 || o.marginBottom !== void 0 || o.marginLeft !== void 0) && (e.margin = `${o.marginTop || 0}px ${o.marginRight || 0}px ${o.marginBottom || 0}px ${o.marginLeft || 0}px`), o.backgroundColor && (e.backgroundColor = o.backgroundColor), o.shadowShow && (e.boxShadow = `${o.shadowOffsetX || 0}px ${o.shadowOffsetY || 0}px ${o.shadowBlur || 0}px ${o.shadowSpread || 0}px ${o.shadowColor || "rgba(0,0,0,0.2)"}`), e;
+    const t = d, { handleHidden: n, defineExposed: p } = R(t), a = g(() => {
+      const e = t.widget.options.boxModel || {}, o = {};
+      return e.borderShow && (o.borderRadius = `${e.borderRadius}px`, o.border = `${e.borderStyle} ${e.borderWidth}px ${e.borderColor}`), (e.paddingTop !== void 0 || e.paddingRight !== void 0 || e.paddingBottom !== void 0 || e.paddingLeft !== void 0) && (o.padding = `${e.paddingTop || 0}px ${e.paddingRight || 0}px ${e.paddingBottom || 0}px ${e.paddingLeft || 0}px`), (e.marginTop !== void 0 || e.marginRight !== void 0 || e.marginBottom !== void 0 || e.marginLeft !== void 0) && (o.margin = `${e.marginTop || 0}px ${e.marginRight || 0}px ${e.marginBottom || 0}px ${e.marginLeft || 0}px`), o;
     });
     return r({
-      ...a
-    }), (o, e) => l(n) ? f("", !0) : (i(), s($, x(c({ key: 0 }, t)), {
+      ...p
+    }), (e, o) => f(n) ? l("", !0) : (i(), s(h, x(c({ key: 0 }, t)), {
       default: u(() => [
-        (i(), w("div", {
+        (i(), b("div", {
           class: "box-container",
-          key: o.widget.id,
-          style: h(p.value)
+          key: e.widget.id,
+          style: $(a.value)
         }, [
-          b(v, {
-            list: o.widget.widgetList || [],
-            parentWidget: o.widget
+          v(w, {
+            list: e.widget.widgetList || [],
+            parentWidget: e.widget
           }, null, 8, ["list", "parentWidget"])
         ], 4))
       ]),

package/src/components/form-designer/form-widget/container-widget/vf-box-widget.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"vf-box-widget.vue2.js","sources":["../../../../../../src/components/form-designer/form-widget/container-widget/vf-box-widget.vue"],"sourcesContent":["<template>\n    <container-wrapper v-bind=\"props\" v-if=\"!handleHidden\">\n        <div class=\"box-container\" :key=\"widget.id\" :style=\"boxStyle\">\n            <RenderDesignerWigetList :list=\"widget.widgetList || []\" :parentWidget=\"widget\" />\n        </div>\n    </container-wrapper>\n</template>\n\n<script lang=\"ts\" setup>\n    import ContainerWrapper from './container-wrapper.vue';\n    import RenderDesignerWigetList from '@/components/form-designer/form-widget/RenderDesignerWigetList.vue';\n    import { WidgetProps } from '@/components/form-designer/form-widget/container-widget/useContainerWidget';\n    import { computed, CSSProperties, ref } from 'vue';\n    import { ComponentNameEnum, ContainerTypeEnum } from '@/constants/WidgetTypeEnum';\n    import { useField } from '../field-widget/useField';\n    import 'es-drager/lib/style.css';\n\n    defineOptions({\n        name: ContainerTypeEnum.VfBoxWidget,\n        componentName: ComponentNameEnum.VfBoxWidget\n    });\n\n    const props = defineProps<WidgetProps>();\n    const { handleHidden, defineExposed } = useField(props);\n\n    const boxStyle = computed(() => {\n        const boxModel = props.widget.options.boxModel || {};\n        const style = {} as CSSProperties;\n\n        if (props.widget.options.width) {\n            style.width = '100%';\n            style.height = '100%';\n        }\n\n        if (boxModel.borderShow) {\n            style.borderRadius = `${boxModel.borderRadius}px`;\n            style.border = `${boxModel.borderStyle} ${boxModel.borderWidth}px ${boxModel.borderColor}`;\n        }\n\n        // 设置内边距\n        if (\n            boxModel.paddingTop !== undefined ||\n            boxModel.paddingRight !== undefined ||\n            boxModel.paddingBottom !== undefined ||\n            boxModel.paddingLeft !== undefined\n        ) {\n            style.padding = `${boxModel.paddingTop || 0}px ${boxModel.paddingRight || 0}px ${\n                boxModel.paddingBottom || 0\n            }px ${boxModel.paddingLeft || 0}px`;\n        }\n\n        // 设置外边距\n        if (\n            boxModel.marginTop !== undefined ||\n            boxModel.marginRight !== undefined ||\n            boxModel.marginBottom !== undefined ||\n            boxModel.marginLeft !== undefined\n        ) {\n            style.margin = `${boxModel.marginTop || 0}px ${boxModel.marginRight || 0}px ${\n                boxModel.marginBottom || 0\n            }px ${boxModel.marginLeft || 0}px`;\n        }\n\n        // 设置背景颜色\n        if (boxModel.backgroundColor) {\n            style.backgroundColor = boxModel.backgroundColor;\n        }\n\n        // 设置阴影\n        if (boxModel.shadowShow) {\n            style.boxShadow = `${boxModel.shadowOffsetX || 0}px ${boxModel.shadowOffsetY || 0}px ${\n                boxModel.shadowBlur || 0\n            }px ${boxModel.shadowSpread || 0}px ${boxModel.shadowColor || 'rgba(0,0,0,0.2)'}`;\n        }\n\n        return style;\n    });\n    defineExpose({\n        ...defineExposed\n    });\n</script>\n\n<style lang=\"less\" scoped>\n    .box-container {\n        width: 100%;\n        position: relative;\n        padding-bottom: 20px;\n        min-height: 120px;\n    }\n</style>\n"],"names":["props","__props","handleHidden","defineExposed","useField","boxStyle","computed","boxModel","style","__expose","_unref","_openBlock","_createBlock","ContainerWrapper","_createElementBlock","widget","_createVNode","RenderDesignerWigetList"],"mappings":";;;;;;;;;;;;;;;;;;;;AAsBI,UAAMA,IAAQC,GACR,EAAE,cAAAC,GAAc,eAAAC,MAAkBC,EAASJ,CAAK,GAEhDK,IAAWC,EAAS,MAAM;AAC5B,YAAMC,IAAWP,EAAM,OAAO,QAAQ,YAAY,CAAA,GAC5CQ,IAAQ,CAAA;AAEd,aAAIR,EAAM,OAAO,QAAQ,UACrBQ,EAAM,QAAQ,QACdA,EAAM,SAAS,SAGfD,EAAS,eACTC,EAAM,eAAe,GAAGD,EAAS,YAAY,MAC7CC,EAAM,SAAS,GAAGD,EAAS,WAAW,IAAIA,EAAS,WAAW,MAAMA,EAAS,WAAW,MAKxFA,EAAS,eAAe,UACxBA,EAAS,iBAAiB,UAC1BA,EAAS,kBAAkB,UAC3BA,EAAS,gBAAgB,YAEzBC,EAAM,UAAU,GAAGD,EAAS,cAAc,CAAC,MAAMA,EAAS,gBAAgB,CAAC,MACvEA,EAAS,iBAAiB,CAC9B,MAAMA,EAAS,eAAe,CAAC,QAK/BA,EAAS,cAAc,UACvBA,EAAS,gBAAgB,UACzBA,EAAS,iBAAiB,UAC1BA,EAAS,eAAe,YAExBC,EAAM,SAAS,GAAGD,EAAS,aAAa,CAAC,MAAMA,EAAS,eAAe,CAAC,MACpEA,EAAS,gBAAgB,CAC7B,MAAMA,EAAS,cAAc,CAAC,OAI9BA,EAAS,oBACTC,EAAM,kBAAkBD,EAAS,kBAIjCA,EAAS,eACTC,EAAM,YAAY,GAAGD,EAAS,iBAAiB,CAAC,MAAMA,EAAS,iBAAiB,CAAC,MAC7EA,EAAS,cAAc,CAC3B,MAAMA,EAAS,gBAAgB,CAAC,MAAMA,EAAS,eAAe,iBAAiB,KAG5EC;AAAA,IACX,CAAC;AACD,WAAAC,EAAa;AAAA,MACT,GAAGN;AAAA,IAAA,CACN,aA9EwCO,EAAAR,CAAA,iBAAzCS,EAAA,GAAAC,EAIoBC,mBAJOb,CAAK,CAAA,GAAA;AAAA,iBAC5B,MAEM;AAAA,cAFNc,EAEM,OAAA;AAAA,UAFD,OAAM;AAAA,UAAiB,KAAKC,EAAAA,OAAO;AAAA,UAAK,SAAOV,EAAA,KAAQ;AAAA,QAAA;UACxDW,EAAkFC,GAAA;AAAA,YAAxD,MAAMF,EAAAA,OAAO,cAAU,CAAA;AAAA,YAAS,cAAcA,EAAAA;AAAAA,UAAAA;;;;;;;"}
+{"version":3,"file":"vf-box-widget.vue2.js","sources":["../../../../../../src/components/form-designer/form-widget/container-widget/vf-box-widget.vue"],"sourcesContent":["<template>\n    <container-wrapper v-bind=\"props\" v-if=\"!handleHidden\">\n        <div class=\"box-container\" :key=\"widget.id\" :style=\"boxStyle\">\n            <RenderDesignerWigetList :list=\"widget.widgetList || []\" :parentWidget=\"widget\" />\n        </div>\n    </container-wrapper>\n</template>\n\n<script lang=\"ts\" setup>\n    import RenderDesignerWigetList from '@/components/form-designer/form-widget/RenderDesignerWigetList.vue';\n    import ContainerWrapper from '@/components/form-designer/form-widget/container-widget/container-wrapper.vue';\n    import { WidgetProps } from '@/components/form-designer/form-widget/container-widget/useContainerWidget';\n    import { computed, CSSProperties } from 'vue';\n    import { ComponentNameEnum, ContainerTypeEnum } from '@/constants/WidgetTypeEnum';\n    import { useField } from '../field-widget/useField';\n\n    defineOptions({\n        name: ContainerTypeEnum.VfBoxWidget,\n        componentName: ComponentNameEnum.VfBoxWidget\n    });\n\n    const props = defineProps<WidgetProps>();\n    const { handleHidden, defineExposed } = useField(props);\n\n    const boxStyle = computed(() => {\n        const boxModel = props.widget.options.boxModel || {};\n        const style = {} as CSSProperties;\n\n        if (boxModel.borderShow) {\n            style.borderRadius = `${boxModel.borderRadius}px`;\n            style.border = `${boxModel.borderStyle} ${boxModel.borderWidth}px ${boxModel.borderColor}`;\n        }\n\n        // 设置内边距\n        if (\n            boxModel.paddingTop !== undefined ||\n            boxModel.paddingRight !== undefined ||\n            boxModel.paddingBottom !== undefined ||\n            boxModel.paddingLeft !== undefined\n        ) {\n            style.padding = `${boxModel.paddingTop || 0}px ${boxModel.paddingRight || 0}px ${\n                boxModel.paddingBottom || 0\n            }px ${boxModel.paddingLeft || 0}px`;\n        }\n\n        // 设置外边距\n        if (\n            boxModel.marginTop !== undefined ||\n            boxModel.marginRight !== undefined ||\n            boxModel.marginBottom !== undefined ||\n            boxModel.marginLeft !== undefined\n        ) {\n            style.margin = `${boxModel.marginTop || 0}px ${boxModel.marginRight || 0}px ${\n                boxModel.marginBottom || 0\n            }px ${boxModel.marginLeft || 0}px`;\n        }\n\n        return style;\n    });\n    defineExpose({\n        ...defineExposed\n    });\n</script>\n\n<style lang=\"less\" scoped>\n    .box-container {\n        width: 100%;\n        min-height: 120px;\n        position: relative;\n        padding-bottom: 20px;\n\n        .vf-box-drop-zone {\n            // min-height: 58px;\n        }\n    }\n\n    .box-container > div:first-child {\n        min-height: 58px;\n    }\n</style>\n"],"names":["props","__props","handleHidden","defineExposed","useField","boxStyle","computed","boxModel","style","__expose","_unref","_openBlock","_createBlock","ContainerWrapper","_createElementBlock","widget","_createVNode","RenderDesignerWigetList"],"mappings":";;;;;;;;;;;;;;;;;;;AAqBI,UAAMA,IAAQC,GACR,EAAE,cAAAC,GAAc,eAAAC,MAAkBC,EAASJ,CAAK,GAEhDK,IAAWC,EAAS,MAAM;AAC5B,YAAMC,IAAWP,EAAM,OAAO,QAAQ,YAAY,CAAA,GAC5CQ,IAAQ,CAAA;AAEd,aAAID,EAAS,eACTC,EAAM,eAAe,GAAGD,EAAS,YAAY,MAC7CC,EAAM,SAAS,GAAGD,EAAS,WAAW,IAAIA,EAAS,WAAW,MAAMA,EAAS,WAAW,MAKxFA,EAAS,eAAe,UACxBA,EAAS,iBAAiB,UAC1BA,EAAS,kBAAkB,UAC3BA,EAAS,gBAAgB,YAEzBC,EAAM,UAAU,GAAGD,EAAS,cAAc,CAAC,MAAMA,EAAS,gBAAgB,CAAC,MACvEA,EAAS,iBAAiB,CAC9B,MAAMA,EAAS,eAAe,CAAC,QAK/BA,EAAS,cAAc,UACvBA,EAAS,gBAAgB,UACzBA,EAAS,iBAAiB,UAC1BA,EAAS,eAAe,YAExBC,EAAM,SAAS,GAAGD,EAAS,aAAa,CAAC,MAAMA,EAAS,eAAe,CAAC,MACpEA,EAAS,gBAAgB,CAC7B,MAAMA,EAAS,cAAc,CAAC,OAG3BC;AAAA,IACX,CAAC;AACD,WAAAC,EAAa;AAAA,MACT,GAAGN;AAAA,IAAA,CACN,aA5DwCO,EAAAR,CAAA,iBAAzCS,EAAA,GAAAC,EAIoBC,mBAJOb,CAAK,CAAA,GAAA;AAAA,iBAC5B,MAEM;AAAA,cAFNc,EAEM,OAAA;AAAA,UAFD,OAAM;AAAA,UAAiB,KAAKC,EAAAA,OAAO;AAAA,UAAK,SAAOV,EAAA,KAAQ;AAAA,QAAA;UACxDW,EAAkFC,GAAA;AAAA,YAAxD,MAAMF,EAAAA,OAAO,cAAU,CAAA;AAAA,YAAS,cAAcA,EAAAA;AAAAA,UAAAA;;;;;;;"}

package/src/components/form-designer/form-widget/container-widget/vf-dialog-widget.vue.js

@@ -1,8 +1,8 @@
 import o from "./vf-dialog-widget.vue2.js";
 /* empty css                      */
 import t from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-3fc6eab3"]]);
+const i = /* @__PURE__ */ t(o, [["__scopeId", "data-v-651578b1"]]);
 export {
-  e as default
+  i as default
 };
 //# sourceMappingURL=vf-dialog-widget.vue.js.map

package/src/components/form-designer/form-widget/container-widget/vf-dialog-widget.vue2.js

@@ -1,10 +1,11 @@
-import { defineComponent as p, createBlock as l, openBlock as n, normalizeProps as c, guardReactiveProps as f, withCtx as g, createElementBlock as w, createElementVNode as r, toDisplayString as u } from "vue";
-import h from "./container-wrapper.vue.js";
-import { useAppRef as C } from "../../useAppRef.js";
-import { ComponentNameEnum as k, ContainerTypeEnum as _ } from "../../../../constants/WidgetTypeEnum.js";
-const P = { class: "dialog-title" }, W = /* @__PURE__ */ p({
+import { defineComponent as l, createBlock as p, openBlock as r, normalizeProps as c, guardReactiveProps as f, withCtx as g, createElementBlock as u, createElementVNode as e, toDisplayString as w, createVNode as h } from "vue";
+import C from "./container-wrapper.vue.js";
+import { useAppRef as k } from "../../useAppRef.js";
+import { ComponentNameEnum as L, ContainerTypeEnum as _ } from "../../../../constants/WidgetTypeEnum.js";
+import R from "../../../public/ActionButtonListRender.vue.js";
+const b = { class: "dialog-title" }, P = { class: "right-btns" }, W = /* @__PURE__ */ l({
   name: _.VfDialogWidget,
-  componentName: k.VfDialogWidget,
+  componentName: L.VfDialogWidget,
   __name: "vf-dialog-widget",
   props: {
     widget: {},
@@ -15,22 +16,27 @@ const P = { class: "dialog-title" }, W = /* @__PURE__ */ p({
     subFormRowIndex: {},
     subFormRowId: {}
   },
-  setup(a) {
-    const t = a, { initRefList: s } = C(t), d = () => {
-      const e = new URL(window.location.href), { title: o, formCode: m, formId: i } = t.widget.options;
-      i && (e.searchParams.set("formCode", m), e.searchParams.set("remark", o), e.searchParams.set("id", i), window.open(e.href));
+  setup(s) {
+    const o = s, { initRefList: a } = k(), d = () => {
+      const t = new URL(window.location.href), { title: i, formCode: m, formId: n } = o.widget.options;
+      n && (t.searchParams.set("formCode", m), t.searchParams.set("remark", i), t.searchParams.set("id", n), window.open(t.href));
     };
-    return s(), (e, o) => (n(), l(h, c(f(t)), {
+    return a(), (t, i) => (r(), p(C, c(f(o)), {
       default: g(() => [
-        (n(), w("div", {
+        (r(), u("div", {
           class: "dialog-container",
-          key: e.widget.id
+          key: t.widget.id
         }, [
-          r("div", P, [
-            r("span", {
+          e("div", b, [
+            e("span", {
               class: "tpf-link",
               onClick: d
-            }, u(e.widget.options.title), 1)
+            }, w(t.widget.options.title), 1)
+          ]),
+          e("div", P, [
+            h(R, {
+              buttonList: t.widget.options.buttonList || []
+            }, null, 8, ["buttonList"])
           ])
         ]))
       ]),