@kp-ui/lowcode-pc 1.0.4 → 1.0.6

package/src/components/form-render/container-items/grid-sub-form-widget.vue2.js

@@ -1,5 +1,5 @@
-import { defineComponent, provide, ref, onMounted, resolveComponent, withDirectives, createElementBlock, openBlock, createElementVNode, Fragment, renderList, toDisplayString, createVNode, unref, withCtx, vShow, createBlock, createCommentVNode, createTextVNode, nextTick } from "vue";
-import { traverseFieldWidgetsOfContainer, generateId, deepClone } from "../../../../core/src/utils/util.js";
+import { defineComponent, provide, ref, computed, resolveComponent, withDirectives, createElementBlock, openBlock, createElementVNode, Fragment, renderList, toDisplayString, createVNode, unref, withCtx, vShow, createBlock, createCommentVNode, createTextVNode, nextTick } from "vue";
+import { deepClone, traverseFieldWidgetsOfContainer } from "../../../../core/src/utils/util.js";
 import _sfc_main$1 from "../RenderWigetList.vue2.js";
 import { SvgIcon, TpfDelConfirm } from "tmgc2-share";
 import { PlusOutlined, DeleteOutlined } from "@ant-design/icons-vue";
@@ -33,40 +33,28 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     provide("getSubFormName", () => props.widget.options.name);
     const { i18nt } = useI18n();
     const props = __props;
-    const listData = ref([]);
     const fieldWidgetList = ref([]);
     const insertDisabled = ref(false);
     const deleteDisabled = ref(false);
     const actionDisabled = ref(false);
-    const {
-      formModel,
-      isReadMode,
-      handleHidden,
-      executeFunction,
-      defineExposed
-    } = useField(props);
+    const { fieldModel, isReadMode, handleHidden, executeFunction, defineExposed } = useField(props);
+    const listData = computed(() => fieldModel.value || []);
     const extractFieldWidgetList = () => {
       fieldWidgetList.value = [];
-      const fieldListFn = (fw) => {
+      traverseFieldWidgetsOfContainer(props.widget, (fw) => {
         fieldWidgetList.value.push(fw);
-      };
-      traverseFieldWidgetsOfContainer(props.widget, fieldListFn);
+      });
     };
-    const initRowIdData = (initFlag = false) => {
-      listData.value = [];
-      const subFormModel = formModel.value[props.widget.options.name];
-      if (!!subFormModel && subFormModel.length > 0) {
-        subFormModel.forEach(() => {
-          listData.value.push("id" + generateId());
-        });
-        if (initFlag) {
-          setTimeout(() => {
-            handleSubFormRowChange(subFormModel);
-          }, 800);
+    const createNewRowData = () => {
+      const newRow = {};
+      fieldWidgetList.value.forEach((item) => {
+        if (item == null ? void 0 : item.formItemFlag) {
+          newRow[item.options.name] = item.options.defaultValue;
         }
-      }
+      });
+      return newRow;
     };
-    const handleSubFormRowChange = (subFormData) => {
+    const callSubFormRowChange = (subFormData) => {
       if (props.widget.options.onSubFormRowChange) {
         executeFunction({
           functionBody: props.widget.options.onSubFormRowChange,
@@ -75,72 +63,39 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         });
       }
     };
-    const handleSubFormRowAdd = (subFormData, newRowId) => {
-      executeFunction({
-        functionBody: props.widget.options.onSubFormRowAdd,
-        params: {
-          subFormData,
-          newRowId
-        },
-        keys: ["subFormData", "newRowId"]
-      });
-    };
-    const handleSubFormRowInsert = (subFormData, newRowId) => {
-      executeFunction({
-        functionBody: props.widget.options.onSubFormRowInsert,
-        params: {
-          subFormData,
-          newRowId
-        },
-        keys: ["subFormData", "newRowId"]
-      });
-    };
-    const handleSubFormRowDelete = (subFormData, deletedDataRow) => {
-      executeFunction({
-        functionBody: props.widget.options.onSubFormRowDelete,
-        params: {
-          subFormData,
-          deletedDataRow
-        },
-        keys: ["subFormData", "deletedDataRow"]
-      });
-    };
     const addSubFormRow = () => {
-      const newSubFormDataRow = {};
-      fieldWidgetList.value.forEach((subFormItem) => {
-        if (subFormItem == null ? void 0 : subFormItem.formItemFlag) {
-          newSubFormDataRow[subFormItem.options.name] = subFormItem.options.defaultValue;
-        }
-      });
-      const oldSubFormData = formModel.value[props.widget.options.name] || [];
-      oldSubFormData.push(newSubFormDataRow);
-      if (!formModel.value[props.widget.options.name]) {
-        formModel.value[props.widget.options.name] = oldSubFormData;
+      console.log(443243);
+      const oldSubFormData = fieldModel.value || [];
+      oldSubFormData.push(createNewRowData());
+      if (!fieldModel.value) {
+        fieldModel.value = oldSubFormData;
       }
-      const newRowId = "id" + generateId();
-      listData.value.push(newRowId);
       nextTick(() => {
-        handleSubFormRowAdd(oldSubFormData, newRowId);
-        handleSubFormRowChange(oldSubFormData);
+        if (props.widget.options.onSubFormRowAdd) {
+          executeFunction({
+            functionBody: props.widget.options.onSubFormRowAdd,
+            params: { subFormData: oldSubFormData, newRowId: "" },
+            keys: ["subFormData", "newRowId"]
+          });
+        }
+        callSubFormRowChange(oldSubFormData);
       });
     };
     const insertSubFormRow = (index) => {
-      const newSubFormDataRow = {};
-      fieldWidgetList.value.forEach((subFormItem) => {
-        if (subFormItem == null ? void 0 : subFormItem.formItemFlag) {
-          newSubFormDataRow[subFormItem.options.name] = subFormItem.options.defaultValue;
-        }
-      });
-      const oldSubFormData = formModel.value[props.widget.options.name] || [];
-      oldSubFormData.splice(index, 0, newSubFormDataRow);
-      if (!formModel.value[props.widget.options.name]) {
-        formModel.value[props.widget.options.name] = oldSubFormData;
+      const oldSubFormData = fieldModel.value || [];
+      oldSubFormData.splice(index, 0, createNewRowData());
+      if (!fieldModel.value) {
+        fieldModel.value = oldSubFormData;
       }
-      const newRowId = "id" + generateId();
-      listData.value.splice(index, 0, newRowId);
       nextTick(() => {
-        handleSubFormRowInsert(oldSubFormData, newRowId);
-        handleSubFormRowChange(oldSubFormData);
+        if (props.widget.options.onSubFormRowInsert) {
+          executeFunction({
+            functionBody: props.widget.options.onSubFormRowInsert,
+            params: { subFormData: oldSubFormData, newRowId: "" },
+            keys: ["subFormData", "newRowId"]
+          });
+        }
+        callSubFormRowChange(oldSubFormData);
       });
     };
     const deleteSubFormRow = (index) => {
@@ -151,41 +106,42 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         okText: i18nt("render.hint.confirm"),
         cancelText: i18nt("render.hint.cancel")
       }).then(() => {
-        const oldSubFormData = formModel.value[props.widget.options.name] || [];
+        const oldSubFormData = fieldModel.value || [];
         const deletedDataRow = deepClone(oldSubFormData[index]);
         oldSubFormData.splice(index, 1);
-        listData.value.splice(index, 1);
         nextTick(() => {
-          handleSubFormRowDelete(oldSubFormData, deletedDataRow);
-          handleSubFormRowChange(oldSubFormData);
+          if (props.widget.options.onSubFormRowDelete) {
+            executeFunction({
+              functionBody: props.widget.options.onSubFormRowDelete,
+              params: { subFormData: oldSubFormData, deletedDataRow },
+              keys: ["subFormData", "deletedDataRow"]
+            });
+          }
+          callSubFormRowChange(oldSubFormData);
         });
-      }).catch(() => {
       });
     };
-    const handleSubFormFirstRowAdd = () => {
-      if (!!props.widget.options.showBlankRow && listData.value.length === 0) {
-        if (fieldWidgetList.value.length === 0) extractFieldWidgetList();
-        addSubFormRow();
-      }
-    };
     const onSubFormRowDeleteHide = (index) => {
-      return executeFunction({
+      const result = executeFunction({
         functionBody: props.widget.options.onSubFormRowDeleteHide,
-        params: {
-          subFormData: formModel.value[props.widget.options.name],
-          index
-        },
+        params: { subFormData: fieldModel.value, index },
         keys: ["subFormData", "index"]
       });
+      return result === true;
     };
-    onMounted(() => {
+    const initSubForm = () => {
+      var _a, _b;
       extractFieldWidgetList();
-      initRowIdData(true);
-      handleSubFormFirstRowAdd();
-    });
+      if (props.widget.options.showBlankRow && !((_a = fieldModel.value) == null ? void 0 : _a.length)) {
+        addSubFormRow();
+      }
+      if (((_b = fieldModel.value) == null ? void 0 : _b.length) > 0) {
+        callSubFormRowChange(fieldModel.value);
+      }
+    };
+    initSubForm();
     __expose({
       ...defineExposed,
-      listData,
       insertDisabled,
       deleteDisabled,
       actionDisabled,
@@ -202,10 +158,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       const _component_a_button = resolveComponent("a-button");
       return withDirectives((openBlock(), createElementBlock("div", _hoisted_1, [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(listData.value, (subFormRowId, sfrIdx) => {
+        (openBlock(true), createElementBlock(Fragment, null, renderList(listData.value, (item, sfrIdx) => {
           return openBlock(), createElementBlock("div", {
             class: "sub-form-row",
-            key: subFormRowId
+            key: item.__id || sfrIdx
           }, [
             createElementVNode("div", _hoisted_2, [
               createElementVNode("span", _hoisted_3, "#" + toDisplayString(sfrIdx + 1), 1)
@@ -214,9 +170,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               createVNode(_sfc_main$1, {
                 widgetList: _ctx.widget.widgetList || [],
                 parentWidget: _ctx.widget,
-                subFormRowIndex: sfrIdx,
-                subFormRowId
-              }, null, 8, ["widgetList", "parentWidget", "subFormRowIndex", "subFormRowId"])
+                subFormRowIndex: sfrIdx
+              }, null, 8, ["widgetList", "parentWidget", "subFormRowIndex"])
             ]),
             createElementVNode("div", _hoisted_5, [
               withDirectives(createElementVNode("div", _hoisted_6, [

package/src/components/form-render/container-items/grid-sub-form-widget.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"grid-sub-form-widget.vue2.js","sources":["../../../../../src/components/form-render/container-items/grid-sub-form-widget.vue"],"sourcesContent":["<template>\n    <div class=\"sub-form-container\" v-show=\"!handleHidden\">\n        <div v-for=\"(subFormRowId, sfrIdx) in listData\" class=\"sub-form-row\" :key=\"subFormRowId\">\n            <div class=\"row-no-column\">\n                <span class=\"row-number-span\">#{{ sfrIdx + 1 }}</span>\n            </div>\n            <div class=\"grid-sub-form-data-row\">\n                <RenderWigetList\n                    :widgetList=\"widget.widgetList || []\"\n                    :parentWidget=\"widget\"\n                    :subFormRowIndex=\"sfrIdx\"\n                    :subFormRowId=\"subFormRowId\"\n                />\n            </div>\n            <div class=\"sub-form-action-column hide-label\">\n                <div class=\"action-button-column\" v-show=\"!isReadMode\">\n                    <a-button\n                        type=\"link\"\n                        :title=\"i18nt('render.hint.insertSubFormRow')\"\n                        :disabled=\"actionDisabled || insertDisabled\"\n                        @click=\"insertSubFormRow(sfrIdx)\"\n                    >\n                        <template #icon>\n                            <PlusOutlined />\n                        </template>\n                    </a-button>\n                    <a-button\n                        type=\"link\"\n                        :title=\"i18nt('render.hint.deleteSubFormRow')\"\n                        :disabled=\"actionDisabled || deleteDisabled\"\n                        v-show=\"!onSubFormRowDeleteHide || !onSubFormRowDeleteHide(sfrIdx)\"\n                        @click=\"deleteSubFormRow(sfrIdx)\"\n                    >\n                        <template #icon>\n                            <DeleteOutlined />\n                        </template>\n                    </a-button>\n                </div>\n            </div>\n        </div>\n        <div class=\"header-row\">\n            <a-button\n                block\n                v-if=\"!isReadMode\"\n                :disabled=\"actionDisabled || insertDisabled\"\n                shape=\"round\"\n                type=\"dashed\"\n                size=\"small\"\n                class=\"action-button\"\n                @click=\"addSubFormRow\"\n                :title=\"i18nt('render.hint.subFormAddActionHint')\"\n            >\n                <template #icon>\n                    <svg-icon icon-class=\"icon-el-plus\" />\n                </template>\n                {{ i18nt('render.hint.subFormAddAction') }}\n            </a-button>\n        </div>\n    </div>\n</template>\n\n<script lang=\"ts\" setup>\n    import { computed, ref, provide, onMounted, nextTick } from 'vue';\n    import {\n        deepClone,\n        generateId,\n        traverseFieldWidgetsOfContainer\n    } from '@kp-ui/lowcode-core/src/utils/util';\n    import RenderWigetList from '../RenderWigetList.vue';\n    import { SvgIcon, TpfDelConfirm } from 'tmgc2-share';\n    import { ComponentNameEnum, ContainerTypeEnum, WidgetProps } from '@kp-ui/lowcode-core';\n    import { useI18n } from '@kp-ui/lowcode-core';\n    import { useField } from '@kp-ui/lowcode-core';\n    import { GridSubFormWidget } from '../../desginer/widget-panel/containers';\n    import { PlusOutlined, DeleteOutlined } from '@ant-design/icons-vue';\n    defineOptions({\n        name: ContainerTypeEnum.GridSubFormWidget,\n        componentName: ComponentNameEnum.ContainerWidget,\n        inheritAttrs: false\n    });\n\n    provide('isSubFormField', true);\n    provide('getSubFormName', () => props.widget.options.name);\n\n    const { i18nt } = useI18n();\n    const props = withDefaults(defineProps<WidgetProps<GridSubFormWidget>>(), {});\n\n    const listData = ref<string[]>([]);\n    const fieldWidgetList = ref<any[]>([]);\n    const insertDisabled = ref(false);\n    const deleteDisabled = ref(false);\n    const actionDisabled = ref(false);\n\n    const {\n        formModel,\n        isReadMode,\n        handleHidden,\n        executeFunction,\n        defineExposed,\n        executeWidgetEventFunction\n    } = useField(props);\n\n    const extractFieldWidgetList = () => {\n        fieldWidgetList.value = [];\n        const fieldListFn = (fw: any) => {\n            fieldWidgetList.value.push(fw);\n        };\n        traverseFieldWidgetsOfContainer(props.widget, fieldListFn);\n    };\n\n    const initRowIdData = (initFlag = false) => {\n        listData.value = [];\n        const subFormModel = formModel.value[props.widget.options.name];\n        if (!!subFormModel && subFormModel.length > 0) {\n            subFormModel.forEach(() => {\n                listData.value.push('id' + generateId());\n            });\n\n            if (initFlag) {\n                setTimeout(() => {\n                    handleSubFormRowChange(subFormModel);\n                }, 800);\n            }\n        }\n    };\n\n    const handleSubFormRowChange = (subFormData: any) => {\n        if (props.widget.options.onSubFormRowChange) {\n            executeFunction({\n                functionBody: props.widget.options.onSubFormRowChange,\n                keys: ['subFormData'],\n                params: { subFormData }\n            });\n        }\n    };\n\n    const handleSubFormRowAdd = (subFormData: any, newRowId: string) => {\n        executeFunction({\n            functionBody: props.widget.options.onSubFormRowAdd,\n            params: {\n                subFormData,\n                newRowId\n            },\n            keys: ['subFormData', 'newRowId']\n        });\n    };\n\n    const handleSubFormRowInsert = (subFormData: any, newRowId: string) => {\n        executeFunction({\n            functionBody: props.widget.options.onSubFormRowInsert,\n            params: {\n                subFormData,\n                newRowId\n            },\n            keys: ['subFormData', 'newRowId']\n        });\n    };\n\n    const handleSubFormRowDelete = (subFormData: any, deletedDataRow: any) => {\n        executeFunction({\n            functionBody: props.widget.options.onSubFormRowDelete,\n            params: {\n                subFormData,\n                deletedDataRow\n            },\n            keys: ['subFormData', 'deletedDataRow']\n        });\n    };\n\n    const addSubFormRow = () => {\n        const newSubFormDataRow: Record<string, any> = {};\n        fieldWidgetList.value.forEach(subFormItem => {\n            if (subFormItem?.formItemFlag) {\n                newSubFormDataRow[subFormItem.options.name] = subFormItem.options.defaultValue;\n            }\n        });\n\n        const oldSubFormData = formModel.value[props.widget.options.name] || [];\n        oldSubFormData.push(newSubFormDataRow);\n        // Ensure formModel is updated if it was empty/undefined\n        if (!formModel.value[props.widget.options.name]) {\n            formModel.value[props.widget.options.name] = oldSubFormData;\n        }\n\n        const newRowId = 'id' + generateId();\n        listData.value.push(newRowId);\n\n        nextTick(() => {\n            handleSubFormRowAdd(oldSubFormData, newRowId);\n            handleSubFormRowChange(oldSubFormData);\n        });\n    };\n\n    const insertSubFormRow = (index: number) => {\n        const newSubFormDataRow: Record<string, any> = {};\n        fieldWidgetList.value.forEach(subFormItem => {\n            if (subFormItem?.formItemFlag) {\n                newSubFormDataRow[subFormItem.options.name] = subFormItem.options.defaultValue;\n            }\n        });\n\n        const oldSubFormData = formModel.value[props.widget.options.name] || [];\n        oldSubFormData.splice(index, 0, newSubFormDataRow);\n        // Ensure formModel is updated\n        if (!formModel.value[props.widget.options.name]) {\n            formModel.value[props.widget.options.name] = oldSubFormData;\n        }\n\n        const newRowId = 'id' + generateId();\n        listData.value.splice(index, 0, newRowId);\n\n        nextTick(() => {\n            handleSubFormRowInsert(oldSubFormData, newRowId);\n            handleSubFormRowChange(oldSubFormData);\n        });\n    };\n\n    const deleteSubFormRow = (index: number) => {\n        TpfDelConfirm({\n            type: 'confirm',\n            content: i18nt('render.hint.deleteSubFormRow') + '?',\n            title: i18nt('render.hint.prompt'),\n            okText: i18nt('render.hint.confirm'),\n            cancelText: i18nt('render.hint.cancel')\n        })\n            .then(() => {\n                const oldSubFormData = formModel.value[props.widget.options.name] || [];\n                const deletedDataRow = deepClone(oldSubFormData[index]);\n                oldSubFormData.splice(index, 1);\n                listData.value.splice(index, 1);\n\n                nextTick(() => {\n                    handleSubFormRowDelete(oldSubFormData, deletedDataRow);\n                    handleSubFormRowChange(oldSubFormData);\n                });\n            })\n            .catch(() => {});\n    };\n\n    const handleSubFormFirstRowAdd = () => {\n        if (!!props.widget.options.showBlankRow && listData.value.length === 0) {\n            if (fieldWidgetList.value.length === 0) extractFieldWidgetList();\n            addSubFormRow();\n        }\n    };\n\n    const onSubFormRowDeleteHide = index => {\n        return executeFunction({\n            functionBody: props.widget.options.onSubFormRowDeleteHide,\n            params: {\n                subFormData: formModel.value[props.widget.options.name],\n                index\n            },\n            keys: ['subFormData', 'index']\n        });\n    };\n\n    onMounted(() => {\n        extractFieldWidgetList();\n        initRowIdData(true);\n        handleSubFormFirstRowAdd();\n    });\n\n    defineExpose({\n        ...defineExposed,\n        listData,\n        insertDisabled,\n        deleteDisabled,\n        actionDisabled,\n        setInsertDisabled: (flag: boolean) => {\n            insertDisabled.value = flag;\n        },\n        setDeleteDisabled: (flag: boolean) => {\n            deleteDisabled.value = flag;\n        },\n        setActionDisabled: (flag: boolean) => {\n            actionDisabled.value = flag;\n        }\n    });\n</script>\n\n<style lang=\"scss\" scoped>\n    .sub-form-container {\n        margin-bottom: 16px;\n        text-align: left;\n        background: #fafafa;\n        border-radius: 8px;\n        padding: 10px;\n\n        .header-row {\n            margin-top: 15px;\n            :deep(.action-button) {\n                height: 35px;\n            }\n        }\n\n        .sub-form-row {\n            display: flex;\n            align-items: center;\n            background: white;\n            margin: 8px 0;\n            border-radius: 6px;\n            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);\n\n            .row-number-span {\n                margin-left: 16px;\n            }\n        }\n    }\n\n    .sub-form-action-column {\n        display: inline-block;\n        align-items: center;\n        text-align: center;\n        padding: 8px;\n    }\n\n    .grid-sub-form-data-row {\n        display: inline-block;\n        flex: 1;\n        padding: 10px;\n        position: relative;\n        &:before,\n        &:after {\n            content: '';\n            display: inline-block;\n            width: 1px;\n            height: 60%;\n            background: #e1e2e3;\n            position: absolute;\n            top: 50%;\n            transform: translateY(-50%);\n        }\n        &:before {\n            left: 0;\n        }\n        &:after {\n            right: 0;\n        }\n        :deep(.ant-form-item) {\n            margin-bottom: 0;\n        }\n    }\n\n    div.sub-form-action-column.hide-label {\n    }\n\n    div.row-no-column {\n        display: flex;\n        align-items: center;\n        width: 50px;\n        border-radius: 10px;\n        background: #f1f2f3;\n        padding: 5px 0;\n        margin: 0 6px;\n        font-size: 14px;\n        color: #666;\n    }\n\n    .action-button-column {\n        width: 140px;\n    }\n</style>\n"],"names":["_withDirectives","_openBlock","_createElementBlock","_Fragment","_renderList","_createElementVNode","_createVNode","RenderWigetList","widget","_unref","_createBlock","_createTextVNode"],"mappings":"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"}
+{"version":3,"file":"grid-sub-form-widget.vue2.js","sources":["../../../../../src/components/form-render/container-items/grid-sub-form-widget.vue"],"sourcesContent":["<template>\n    <div class=\"sub-form-container\" v-show=\"!handleHidden\">\n        <div v-for=\"(item, sfrIdx) in listData\" class=\"sub-form-row\" :key=\"item.__id || sfrIdx\">\n            <div class=\"row-no-column\">\n                <span class=\"row-number-span\">#{{ sfrIdx + 1 }}</span>\n            </div>\n            <div class=\"grid-sub-form-data-row\">\n                <RenderWigetList\n                    :widgetList=\"widget.widgetList || []\"\n                    :parentWidget=\"widget\"\n                    :subFormRowIndex=\"sfrIdx\"\n                />\n            </div>\n            <div class=\"sub-form-action-column hide-label\">\n                <div class=\"action-button-column\" v-show=\"!isReadMode\">\n                    <a-button\n                        type=\"link\"\n                        :title=\"i18nt('render.hint.insertSubFormRow')\"\n                        :disabled=\"actionDisabled || insertDisabled\"\n                        @click=\"insertSubFormRow(sfrIdx)\"\n                    >\n                        <template #icon>\n                            <PlusOutlined />\n                        </template>\n                    </a-button>\n                    <a-button\n                        type=\"link\"\n                        :title=\"i18nt('render.hint.deleteSubFormRow')\"\n                        :disabled=\"actionDisabled || deleteDisabled\"\n                        v-show=\"!onSubFormRowDeleteHide || !onSubFormRowDeleteHide(sfrIdx)\"\n                        @click=\"deleteSubFormRow(sfrIdx)\"\n                    >\n                        <template #icon>\n                            <DeleteOutlined />\n                        </template>\n                    </a-button>\n                </div>\n            </div>\n        </div>\n        <div class=\"header-row\">\n            <a-button\n                block\n                v-if=\"!isReadMode\"\n                :disabled=\"actionDisabled || insertDisabled\"\n                shape=\"round\"\n                type=\"dashed\"\n                size=\"small\"\n                class=\"action-button\"\n                @click=\"addSubFormRow\"\n                :title=\"i18nt('render.hint.subFormAddActionHint')\"\n            >\n                <template #icon>\n                    <svg-icon icon-class=\"icon-el-plus\" />\n                </template>\n                {{ i18nt('render.hint.subFormAddAction') }}\n            </a-button>\n        </div>\n    </div>\n</template>\n\n<script lang=\"ts\" setup>\n    import { ref, provide, onMounted, nextTick, computed } from 'vue';\n    import { deepClone, traverseFieldWidgetsOfContainer } from '@kp-ui/lowcode-core/src/utils/util';\n    import RenderWigetList from '../RenderWigetList.vue';\n    import { TpfDelConfirm, SvgIcon } from 'tmgc2-share';\n    import {\n        useI18n,\n        useField,\n        ComponentNameEnum,\n        ContainerTypeEnum,\n        WidgetProps\n    } from '@kp-ui/lowcode-core';\n    import { GridSubFormWidget } from '../../desginer/widget-panel/containers';\n    import { PlusOutlined, DeleteOutlined } from '@ant-design/icons-vue';\n    defineOptions({\n        name: ContainerTypeEnum.GridSubFormWidget,\n        componentName: ComponentNameEnum.ContainerWidget,\n        inheritAttrs: false\n    });\n\n    provide('isSubFormField', true);\n    provide('getSubFormName', () => props.widget.options.name);\n\n    const { i18nt } = useI18n();\n    const props = withDefaults(defineProps<WidgetProps<GridSubFormWidget>>(), {});\n\n    const fieldWidgetList = ref<any[]>([]);\n    const insertDisabled = ref(false);\n    const deleteDisabled = ref(false);\n    const actionDisabled = ref(false);\n\n    const { fieldModel, isReadMode, handleHidden, executeFunction, defineExposed } =\n        useField(props);\n\n    const listData = computed(() => (fieldModel.value || []) as any[]);\n\n    const extractFieldWidgetList = () => {\n        fieldWidgetList.value = [];\n        traverseFieldWidgetsOfContainer(props.widget, (fw: any) => {\n            fieldWidgetList.value.push(fw);\n        });\n    };\n\n    const createNewRowData = () => {\n        const newRow: Record<string, any> = {};\n        fieldWidgetList.value.forEach(item => {\n            if (item?.formItemFlag) {\n                newRow[item.options.name] = item.options.defaultValue;\n            }\n        });\n        return newRow;\n    };\n\n    const callSubFormRowChange = (subFormData: any) => {\n        if (props.widget.options.onSubFormRowChange) {\n            executeFunction({\n                functionBody: props.widget.options.onSubFormRowChange,\n                keys: ['subFormData'],\n                params: { subFormData }\n            });\n        }\n    };\n\n    const addSubFormRow = () => {\n        console.log(443243);\n\n        const oldSubFormData = fieldModel.value || [];\n        oldSubFormData.push(createNewRowData());\n        if (!fieldModel.value) {\n            fieldModel.value = oldSubFormData;\n        }\n        nextTick(() => {\n            if (props.widget.options.onSubFormRowAdd) {\n                executeFunction({\n                    functionBody: props.widget.options.onSubFormRowAdd,\n                    params: { subFormData: oldSubFormData, newRowId: '' },\n                    keys: ['subFormData', 'newRowId']\n                });\n            }\n            callSubFormRowChange(oldSubFormData);\n        });\n    };\n\n    const insertSubFormRow = (index: number) => {\n        const oldSubFormData = fieldModel.value || [];\n        oldSubFormData.splice(index, 0, createNewRowData());\n        if (!fieldModel.value) {\n            fieldModel.value = oldSubFormData;\n        }\n        nextTick(() => {\n            if (props.widget.options.onSubFormRowInsert) {\n                executeFunction({\n                    functionBody: props.widget.options.onSubFormRowInsert,\n                    params: { subFormData: oldSubFormData, newRowId: '' },\n                    keys: ['subFormData', 'newRowId']\n                });\n            }\n            callSubFormRowChange(oldSubFormData);\n        });\n    };\n\n    const deleteSubFormRow = (index: number) => {\n        TpfDelConfirm({\n            type: 'confirm',\n            content: i18nt('render.hint.deleteSubFormRow') + '?',\n            title: i18nt('render.hint.prompt'),\n            okText: i18nt('render.hint.confirm'),\n            cancelText: i18nt('render.hint.cancel')\n        }).then(() => {\n            const oldSubFormData = fieldModel.value || [];\n            const deletedDataRow = deepClone(oldSubFormData[index]);\n            oldSubFormData.splice(index, 1);\n            nextTick(() => {\n                if (props.widget.options.onSubFormRowDelete) {\n                    executeFunction({\n                        functionBody: props.widget.options.onSubFormRowDelete,\n                        params: { subFormData: oldSubFormData, deletedDataRow },\n                        keys: ['subFormData', 'deletedDataRow']\n                    });\n                }\n                callSubFormRowChange(oldSubFormData);\n            });\n        });\n    };\n\n    const onSubFormRowDeleteHide = (index: number) => {\n        const result = executeFunction({\n            functionBody: props.widget.options.onSubFormRowDeleteHide,\n            params: { subFormData: fieldModel.value, index },\n            keys: ['subFormData', 'index']\n        });\n        return result === true;\n    };\n\n    const initSubForm = () => {\n        extractFieldWidgetList();\n        if (props.widget.options.showBlankRow && !fieldModel.value?.length) {\n            addSubFormRow();\n        }\n        if (fieldModel.value?.length > 0) {\n            callSubFormRowChange(fieldModel.value);\n        }\n    };\n\n    initSubForm();\n\n    defineExpose({\n        ...defineExposed,\n        insertDisabled,\n        deleteDisabled,\n        actionDisabled,\n        setInsertDisabled: (flag: boolean) => {\n            insertDisabled.value = flag;\n        },\n        setDeleteDisabled: (flag: boolean) => {\n            deleteDisabled.value = flag;\n        },\n        setActionDisabled: (flag: boolean) => {\n            actionDisabled.value = flag;\n        }\n    });\n</script>\n\n<style lang=\"scss\" scoped>\n    .sub-form-container {\n        margin-bottom: 16px;\n        text-align: left;\n        background: #fafafa;\n        border-radius: 8px;\n        padding: 10px;\n\n        .header-row {\n            margin-top: 15px;\n            :deep(.action-button) {\n                height: 35px;\n            }\n        }\n\n        .sub-form-row {\n            display: flex;\n            align-items: center;\n            background: white;\n            margin: 8px 0;\n            border-radius: 6px;\n            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);\n\n            .row-number-span {\n                margin-left: 16px;\n            }\n        }\n    }\n\n    .sub-form-action-column {\n        display: inline-block;\n        align-items: center;\n        text-align: center;\n        padding: 8px;\n    }\n\n    .grid-sub-form-data-row {\n        display: inline-block;\n        flex: 1;\n        padding: 10px;\n        position: relative;\n        &:before,\n        &:after {\n            content: '';\n            display: inline-block;\n            width: 1px;\n            height: 60%;\n            background: #e1e2e3;\n            position: absolute;\n            top: 50%;\n            transform: translateY(-50%);\n        }\n        &:before {\n            left: 0;\n        }\n        &:after {\n            right: 0;\n        }\n        :deep(.ant-form-item) {\n            margin-bottom: 0;\n        }\n    }\n\n    .row-no-column {\n        display: flex;\n        align-items: center;\n        width: 50px;\n        border-radius: 10px;\n        background: #f1f2f3;\n        padding: 5px 0;\n        margin: 0 6px;\n        font-size: 14px;\n        color: #666;\n    }\n\n    .action-button-column {\n        width: 140px;\n    }\n</style>\n"],"names":["_withDirectives","_openBlock","_createElementBlock","_Fragment","_renderList","_createElementVNode","_createVNode","RenderWigetList","widget","_unref","_createBlock","_createTextVNode"],"mappings":"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"}

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

@@ -1,7 +1,7 @@
 import _sfc_main from "./tab-widget.vue2.js";
 /* empty css                */
 import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
-const TabWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-1080446b"]]);
+const TabWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-a20355b1"]]);
 export {
   TabWidget as default
 };

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

@@ -1,6 +1,7 @@
 import { defineComponent, resolveComponent, createElementBlock, openBlock, createVNode, withCtx, Fragment, renderList, createBlock, createElementVNode } from "vue";
 import _sfc_main$1 from "../RenderWigetList.vue2.js";
 import { ComponentNameEnum, ContainerTypeEnum } from "../../../../core/src/constants/WidgetTypeEnum.js";
+import { useField } from "../../../../core/src/hooks/useField.js";
 const _hoisted_1 = { class: "tab-content-wrapper" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
@@ -18,8 +19,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     const props = __props;
+    const { asyncExecuteFunction } = useField(props, false);
     const onTabClick = (key) => {
       props.widget.options.activeTab = key;
+      asyncExecuteFunction({
+        functionBody: props.field.options.onTabClick,
+        params: { tab: key },
+        keys: ["tab"]
+      });
     };
     return (_ctx, _cache) => {
       const _component_a_tab_pane = resolveComponent("a-tab-pane");

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

@@ -1 +1 @@
-{"version":3,"file":"tab-widget.vue2.js","sources":["../../../../../src/components/form-render/container-items/tab-widget.vue"],"sourcesContent":["<template>\n    <div :key=\"widget.id\" class=\"tab-container container-design-widget\">\n        <a-tabs\n            :type=\"widget.options.type\"\n            :tabBarGutter=\"widget.options.tabBarGutter\"\n            :tabPosition=\"widget.options.tabPosition\"\n            v-model:activeKey=\"widget.options.activeTab\"\n            @tab-click=\"onTabClick\"\n        >\n            <a-tab-pane\n                v-for=\"tab in widget.tabs\"\n                :tab=\"tab.options.label\"\n                :key=\"tab.options.label\"\n            >\n                <div class=\"tab-content-wrapper\">\n                    <RenderWigetList :widgetList=\"tab.widgetList || []\" :parentWidget=\"tab\" />\n                </div>\n            </a-tab-pane>\n        </a-tabs>\n    </div>\n</template>\n\n<script lang=\"ts\" setup>\n    import { ComponentNameEnum, ContainerTypeEnum, WidgetProps } from '@kp-ui/lowcode-core';\n    import RenderWigetList from '../RenderWigetList.vue';\n    import { TabWidget } from '../../desginer/widget-panel/containers';\n    defineOptions({\n        name: ContainerTypeEnum.Tab,\n        componentName: ComponentNameEnum.ContainerWidget\n    });\n\n    const props = defineProps<WidgetProps<TabWidget>>();\n\n    const onTabClick = key => {\n        props.widget.options.activeTab = key;\n    };\n</script>\n\n<style lang=\"scss\" scoped>\n    .tab-container {\n        .form-widget-list {\n            min-height: 28px;\n        }\n        :deep(.ant-tabs) {\n            &.ant-tabs-bottom .ant-tabs-nav-wrap,\n            &.ant-tabs-top .ant-tabs-nav-wrap {\n                padding-left: 26px;\n            }\n        }\n        :deep(.tab-content-wrapper) {\n            min-height: 100px;\n        }\n    }\n</style>\n"],"names":["_createElementBlock","widget","_createVNode","_openBlock","_Fragment","_renderList","_createBlock","_createElementVNode","RenderWigetList"],"mappings":";;;;;;;;;;;;;;;;;;;AA+BI,UAAM,QAAQ;AAEd,UAAM,aAAa,CAAA,QAAO;AACtB,YAAM,OAAO,QAAQ,YAAY;AAAA,IACrC;;;;0BAlCAA,mBAkBM,OAAA;AAAA,QAlBA,KAAKC,KAAAA,OAAO;AAAA,QAAI,OAAM;AAAA,MAAA;QACxBC,YAgBS,mBAAA;AAAA,UAfJ,MAAMD,KAAAA,OAAO,QAAQ;AAAA,UACrB,cAAcA,KAAAA,OAAO,QAAQ;AAAA,UAC7B,aAAaA,KAAAA,OAAO,QAAQ;AAAA,UACrB,WAAWA,KAAAA,OAAO,QAAQ;AAAA,sEAAfA,KAAAA,OAAO,QAAQ,YAAS;AAAA,UAC1C;AAAA,QAAA;2BAGG,MAA0B;AAAA,aAD9BE,UAAA,IAAA,GAAAH,mBAQaI,UAAA,MAAAC,WAPKJ,KAAAA,OAAO,OAAd,QAAG;kCADdK,YAQa,uBAAA;AAAA,gBANR,KAAK,IAAI,QAAQ;AAAA,gBACjB,KAAK,IAAI,QAAQ;AAAA,cAAA;iCAElB,MAEM;AAAA,kBAFNC,mBAEM,OAFN,YAEM;AAAA,oBADFL,YAA0EM,aAAA;AAAA,sBAAxD,YAAY,IAAI,cAAU,CAAA;AAAA,sBAAS,cAAc;AAAA,oBAAA;;;;;;;;;;;;;"}
+{"version":3,"file":"tab-widget.vue2.js","sources":["../../../../../src/components/form-render/container-items/tab-widget.vue"],"sourcesContent":["<template>\n    <div :key=\"widget.id\" class=\"tab-container container-design-widget\">\n        <a-tabs\n            :type=\"widget.options.type\"\n            :tabBarGutter=\"widget.options.tabBarGutter\"\n            :tabPosition=\"widget.options.tabPosition\"\n            v-model:activeKey=\"widget.options.activeTab\"\n            @tab-click=\"onTabClick\"\n        >\n            <a-tab-pane\n                v-for=\"tab in widget.tabs\"\n                :tab=\"tab.options.label\"\n                :key=\"tab.options.label\"\n            >\n                <div class=\"tab-content-wrapper\">\n                    <RenderWigetList :widgetList=\"tab.widgetList || []\" :parentWidget=\"tab\" />\n                </div>\n            </a-tab-pane>\n        </a-tabs>\n    </div>\n</template>\n\n<script lang=\"ts\" setup>\n    import {\n        ComponentNameEnum,\n        ContainerTypeEnum,\n        useField,\n        WidgetProps\n    } from '@kp-ui/lowcode-core';\n    import RenderWigetList from '../RenderWigetList.vue';\n    import { TabWidget } from '../../desginer/widget-panel/containers';\n    defineOptions({\n        name: ContainerTypeEnum.Tab,\n        componentName: ComponentNameEnum.ContainerWidget\n    });\n\n    const props = defineProps<WidgetProps<TabWidget>>();\n    const { asyncExecuteFunction } = useField(props, false);\n\n    const onTabClick = (key: string) => {\n        props.widget.options.activeTab = key;\n        asyncExecuteFunction({\n            functionBody: props.field.options.onTabClick,\n            params: { tab: key },\n            keys: ['tab']\n        });\n    };\n</script>\n\n<style lang=\"scss\" scoped>\n    .tab-container {\n        .form-widget-list {\n            min-height: 28px;\n        }\n        :deep(.ant-tabs) {\n            &.ant-tabs-bottom .ant-tabs-nav-wrap,\n            &.ant-tabs-top .ant-tabs-nav-wrap {\n                padding-left: 26px;\n            }\n        }\n        :deep(.tab-content-wrapper) {\n            min-height: 100px;\n        }\n    }\n</style>\n"],"names":["_createElementBlock","widget","_createVNode","_openBlock","_Fragment","_renderList","_createBlock","_createElementVNode","RenderWigetList"],"mappings":";;;;;;;;;;;;;;;;;;;;AAoCI,UAAM,QAAQ;AACd,UAAM,EAAE,qBAAA,IAAyB,SAAS,OAAO,KAAK;AAEtD,UAAM,aAAa,CAAC,QAAgB;AAChC,YAAM,OAAO,QAAQ,YAAY;AACjC,2BAAqB;AAAA,QACjB,cAAc,MAAM,MAAM,QAAQ;AAAA,QAClC,QAAQ,EAAE,KAAK,IAAA;AAAA,QACf,MAAM,CAAC,KAAK;AAAA,MAAA,CACf;AAAA,IACL;;;;0BA7CAA,mBAkBM,OAAA;AAAA,QAlBA,KAAKC,KAAAA,OAAO;AAAA,QAAI,OAAM;AAAA,MAAA;QACxBC,YAgBS,mBAAA;AAAA,UAfJ,MAAMD,KAAAA,OAAO,QAAQ;AAAA,UACrB,cAAcA,KAAAA,OAAO,QAAQ;AAAA,UAC7B,aAAaA,KAAAA,OAAO,QAAQ;AAAA,UACrB,WAAWA,KAAAA,OAAO,QAAQ;AAAA,sEAAfA,KAAAA,OAAO,QAAQ,YAAS;AAAA,UAC1C;AAAA,QAAA;2BAGG,MAA0B;AAAA,aAD9BE,UAAA,IAAA,GAAAH,mBAQaI,UAAA,MAAAC,WAPKJ,KAAAA,OAAO,OAAd,QAAG;kCADdK,YAQa,uBAAA;AAAA,gBANR,KAAK,IAAI,QAAQ;AAAA,gBACjB,KAAK,IAAI,QAAQ;AAAA,cAAA;iCAElB,MAEM;AAAA,kBAFNC,mBAEM,OAFN,YAEM;AAAA,oBADFL,YAA0EM,aAAA;AAAA,sBAAxD,YAAY,IAAI,cAAU,CAAA;AAAA,sBAAS,cAAc;AAAA,oBAAA;;;;;;;;;;;;;"}

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

@@ -1,53 +1,130 @@
-import _sfc_main from "./ActionButtonListRender.vue2.js";
-import { resolveComponent, createElementBlock, openBlock, normalizeStyle, normalizeClass, createBlock, Teleport, createVNode, withCtx, Fragment, renderList, createCommentVNode, createTextVNode, toDisplayString } from "vue";
-/* empty css                            */
-import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.js";
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_SvgIcon = resolveComponent("SvgIcon");
-  const _component_a_button = resolveComponent("a-button");
-  const _component_a_space = resolveComponent("a-space");
-  return openBlock(), createElementBlock("div", {
-    ref: "fieldEditor",
-    class: normalizeClass(["button-list-container", ..._ctx.customClass]),
-    style: normalizeStyle(_ctx.containerStyle)
-  }, [
-    (openBlock(), createBlock(Teleport, {
-      disabled: _ctx.isDisabled,
-      to: _ctx.getContainer
-    }, [
-      createVNode(_component_a_space, { size: 8 }, {
-        default: withCtx(() => [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.visibleButtons, (item) => {
-            return openBlock(), createBlock(_component_a_button, {
-              key: item.key,
-              type: item.type,
-              size: item.size,
-              danger: !!item.danger,
-              ghost: !!item.ghost,
-              class: "tpf-button",
-              loading: item.loading,
-              disabled: _ctx.handleDisabled(item) || _ctx.disabled || !!item.disabled,
-              onClick: ($event) => _ctx.handleClick(item)
-            }, {
-              default: withCtx(() => [
-                item.icon ? (openBlock(), createBlock(_component_SvgIcon, {
-                  key: 0,
-                  "icon-class": item.icon,
-                  class: "button-icon"
-                }, null, 8, ["icon-class"])) : createCommentVNode("", true),
-                createTextVNode(" " + toDisplayString(item.label), 1)
-              ]),
-              _: 2
-            }, 1032, ["type", "size", "danger", "ghost", "loading", "disabled", "onClick"]);
-          }), 128))
-        ]),
-        _: 1
-      })
-    ], 8, ["disabled", "to"]))
-  ], 6);
-}
-const ActionButtonListRender = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-37429548"]]);
+import { defineComponent, computed } from "vue";
+import { SvgIcon, useExecFunction } from "tmgc2-share";
+import { ButtonPositionEnum } from "../../../core/src/constants/index.js";
+const _sfc_main = defineComponent({
+  name: "ActionButtonListRender",
+  components: { SvgIcon },
+  props: {
+    options: {
+      type: Object,
+      default: () => {
+      }
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    scope: {
+      type: Object,
+      default: () => {
+      }
+    },
+    ctx: {
+      type: Object,
+      default: () => {
+      }
+    },
+    buttonList: {
+      type: Array,
+      default: () => []
+    },
+    customClass: {
+      type: Array,
+      default: () => []
+    },
+    flex: {
+      type: String,
+      default: "center"
+    },
+    designState: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ["on-click"],
+  setup(props, { emit }) {
+    const containerStyle = computed(() => ({
+      "--flex": props.flex
+    }));
+    const { executeFunction, asyncExecuteFunction } = useExecFunction();
+    const isDisabled = computed(
+      () => {
+        var _a;
+        return ((_a = props.options) == null ? void 0 : _a.buttonPosition) !== ButtonPositionEnum.DIY || props.designState;
+      }
+    );
+    const getContainer = computed(
+      () => {
+        var _a;
+        return isDisabled.value ? "body" : ((_a = props.options) == null ? void 0 : _a.getContainer) || "body";
+      }
+    );
+    const visibleButtons = computed(
+      () => props.buttonList.filter((item) => item.hidden !== 1).filter((item) => !handleHidden(item))
+    );
+    const handleClick = async (item) => {
+      if (props.designState) return;
+      if (!item.onClick) {
+        emit("on-click", { item, result: true });
+        return;
+      }
+      if (item.loading) return;
+      item.loading = true;
+      try {
+        const result = await asyncExecuteFunction({
+          functionBody: item.onClick,
+          context: props.ctx,
+          params: props.scope
+        });
+        emit("on-click", { item, result });
+      } catch (error) {
+        console.error("Button click handler error:", error);
+      } finally {
+        item.loading = false;
+      }
+    };
+    const handleDisabled = (item) => {
+      if (!item.onDisabled) return false;
+      try {
+        const result = executeFunction({
+          functionBody: item.onDisabled,
+          context: props.ctx,
+          params: props.scope
+        });
+        if (typeof result === "boolean") {
+          return result;
+        } else {
+          return false;
+        }
+      } catch (error) {
+        console.error("Button disabled handler error:", error);
+        return false;
+      }
+    };
+    const handleHidden = (item) => {
+      if (!item.onHidden) return false;
+      try {
+        return executeFunction({
+          functionBody: item.onHidden,
+          context: props.ctx,
+          params: props.scope
+        });
+      } catch (error) {
+        console.error("Button hidden handler error:", error);
+        return false;
+      }
+    };
+    return {
+      getContainer,
+      isDisabled,
+      containerStyle,
+      visibleButtons,
+      handleClick,
+      handleDisabled
+    };
+  }
+});
 export {
-  ActionButtonListRender as default
+  _sfc_main as default
 };
 //# sourceMappingURL=ActionButtonListRender.vue.js.map

package/src/components/public/ActionButtonListRender.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionButtonListRender.vue.js","sources":["../../../../src/components/public/ActionButtonListRender.vue"],"sourcesContent":["<template>\n    <div\n        ref=\"fieldEditor\"\n        :class=\"['button-list-container', ...customClass]\"\n        :style=\"containerStyle\"\n    >\n        <Teleport :disabled=\"isDisabled\" :to=\"getContainer\">\n            <a-space :size=\"8\">\n                <a-button\n                    v-for=\"item in visibleButtons\"\n                    :key=\"item.key\"\n                    :type=\"item.type\"\n                    :size=\"item.size\"\n                    :danger=\"!!item.danger\"\n                    :ghost=\"!!item.ghost\"\n                    class=\"tpf-button\"\n                    :loading=\"item.loading\"\n                    :disabled=\"handleDisabled(item) || disabled || !!item.disabled\"\n                    @click=\"handleClick(item)\"\n                >\n                    <template v-if=\"item.icon\">\n                        <SvgIcon :icon-class=\"item.icon\" class=\"button-icon\" />\n                    </template>\n                    {{ item.label }}\n                </a-button>\n            </a-space>\n        </Teleport>\n    </div>\n</template>\n\n<script lang=\"ts\">\n    import { defineComponent, computed, PropType } from 'vue';\n    import { SvgIcon, useExecFunction } from 'tmgc2-share';\n    import type { ActionButton } from '@kp-ui/lowcode-core';\n    import { ButtonPositionEnum } from '@kp-ui/lowcode-core';\n\n    export default defineComponent({\n        name: 'ActionButtonListRender',\n        components: { SvgIcon },\n        props: {\n            options: {\n                type: Object,\n                default: () => {}\n            },\n            disabled: {\n                type: Boolean,\n                default: false\n            },\n            scope: {\n                type: Object,\n                default: () => {}\n            },\n            ctx: {\n                type: Object,\n                default: () => {}\n            },\n            buttonList: {\n                type: Array as PropType<ActionButton[]>,\n                default: () => []\n            },\n            customClass: {\n                type: Array as PropType<string[]>,\n                default: () => []\n            },\n            flex: {\n                type: String,\n                default: 'center'\n            },\n            designState: {\n                type: Boolean,\n                default: false\n            }\n        },\n        emits: ['on-click'],\n        setup(props, { emit }) {\n            const containerStyle = computed(() => ({\n                '--flex': props.flex\n            }));\n\n            const { executeFunction, asyncExecuteFunction } = useExecFunction();\n\n            const isDisabled = computed(\n                () => props.options?.buttonPosition !== ButtonPositionEnum.DIY || props.designState\n            );\n\n            const getContainer = computed(() =>\n                isDisabled.value ? 'body' : props.options?.getContainer || 'body'\n            );\n\n            const visibleButtons = computed(() =>\n                props.buttonList\n                    .filter(item => item.hidden !== 1)\n                    .filter(item => !handleHidden(item))\n            );\n\n            const handleClick = async (item: ActionButton) => {\n                if (props.designState) return; // 在设计状态下不处理点击事件\n                if (!item.onClick) {\n                    emit('on-click', { item, result: true });\n                    return;\n                }\n                if (item.loading) return;\n                item.loading = true;\n                try {\n                    const result = await asyncExecuteFunction({\n                        functionBody: item.onClick,\n                        context: props.ctx,\n                        params: props.scope\n                    });\n                    emit('on-click', { item, result });\n                } catch (error) {\n                    console.error('Button click handler error:', error);\n                } finally {\n                    item.loading = false;\n                }\n            };\n\n            const handleDisabled = (item: ActionButton): boolean => {\n                if (!item.onDisabled) return false;\n\n                try {\n                    const result = executeFunction({\n                        functionBody: item.onDisabled,\n                        context: props.ctx,\n                        params: props.scope\n                    });\n                    if (typeof result === 'boolean') {\n                        return result;\n                    } else {\n                        return false;\n                    }\n                } catch (error) {\n                    console.error('Button disabled handler error:', error);\n                    return false;\n                }\n            };\n\n            const handleHidden = (item: ActionButton): boolean => {\n                if (!item.onHidden) return false;\n\n                try {\n                    return executeFunction({\n                        functionBody: item.onHidden,\n                        context: props.ctx,\n                        params: props.scope\n                    });\n                } catch (error) {\n                    console.error('Button hidden handler error:', error);\n                    return false;\n                }\n            };\n\n            return {\n                getContainer,\n                isDisabled,\n                containerStyle,\n                visibleButtons,\n                handleClick,\n                handleDisabled\n            };\n        }\n    });\n</script>\n\n<style lang=\"scss\" scoped>\n    .button-list-container {\n        flex: 1;\n        display: flex;\n        justify-content: var(--flex);\n\n        .button-icon {\n            margin-right: 4px;\n        }\n    }\n</style>\n"],"names":["_createElementBlock","_normalizeClass","_normalizeStyle","_createBlock","_Teleport","_createVNode","_withCtx","_openBlock","_Fragment","_renderList","_createCommentVNode","_toDisplayString"],"mappings":";;;;;;;;sBACIA,mBA0BM,OAAA;AAAA,IAzBF,KAAI;AAAA,IACH,OAAKC,4CAA+B,KAAA,WAAW,CAAA;AAAA,IAC/C,OAAKC,eAAE,KAAA,cAAc;AAAA,EAAA,GAAA;AAAA,kBAEtBC,YAoBWC,UAAA;AAAA,MApBA,UAAU,KAAA;AAAA,MAAa,IAAI,KAAA;AAAA,IAAA,GAAA;AAAA,MAClCC,YAkBU,oBAAA,EAlBA,MAAM,EAAA,GAAC;AAAA,QAAA,SAAAC,QAET,MAA8B;AAAA,WAAAC,UAAA,IAAA,GADlCP,mBAgBWQ,UAAA,MAAAC,WAfQ,KAAA,gBAAc,CAAtB,SAAI;gCADfN,YAgBW,qBAAA;AAAA,cAdN,KAAK,KAAK;AAAA,cACV,MAAM,KAAK;AAAA,cACX,MAAM,KAAK;AAAA,cACX,QAAM,EAAI,KAAK;AAAA,cACf,OAAK,EAAI,KAAK;AAAA,cACf,OAAM;AAAA,cACL,SAAS,KAAK;AAAA,cACd,UAAU,KAAA,eAAe,IAAI,KAAK,KAAA,YAAQ,EAAM,KAAK;AAAA,cACrD,SAAK,CAAA,WAAE,KAAA,YAAY,IAAI;AAAA,YAAA,GAAA;AAAA,+BAExB,MAEW;AAAA,gBAFK,KAAK,qBACjBA,YAAuD,oBAAA;AAAA,kBAAA,KAAA;AAAA,kBAA7C,cAAY,KAAK;AAAA,kBAAM,OAAM;AAAA,gBAAA,GAAA,MAAA,GAAA,CAAA,YAAA,CAAA,KAAAO,mBAAA,IAAA,IAAA;AAAA,gCAChC,MACXC,gBAAG,KAAK,KAAK,GAAA,CAAA;AAAA,cAAA,CAAA;AAAA;;;;;;;;;;"}
+{"version":3,"file":"ActionButtonListRender.vue.js","sources":["../../../../src/components/public/ActionButtonListRender.vue"],"sourcesContent":["<template>\n    <div\n        ref=\"fieldEditor\"\n        :class=\"['button-list-container', ...customClass]\"\n        :style=\"containerStyle\"\n    >\n        <Teleport :disabled=\"isDisabled\" :to=\"getContainer\">\n            <a-space :size=\"8\">\n                <a-button\n                    v-for=\"item in visibleButtons\"\n                    :key=\"item.key\"\n                    :type=\"item.type\"\n                    :size=\"item.size\"\n                    :danger=\"!!item.danger\"\n                    :ghost=\"!!item.ghost\"\n                    class=\"tpf-button\"\n                    :loading=\"item.loading\"\n                    :disabled=\"handleDisabled(item) || disabled || !!item.disabled\"\n                    @click=\"handleClick(item)\"\n                >\n                    <template v-if=\"item.icon\">\n                        <SvgIcon :icon-class=\"item.icon\" class=\"button-icon\" />\n                    </template>\n                    {{ item.label }}\n                </a-button>\n            </a-space>\n        </Teleport>\n    </div>\n</template>\n\n<script lang=\"ts\">\n    import { defineComponent, computed, PropType } from 'vue';\n    import { SvgIcon, useExecFunction } from 'tmgc2-share';\n    import type { ActionButton } from '@kp-ui/lowcode-core';\n    import { ButtonPositionEnum } from '@kp-ui/lowcode-core';\n\n    export default defineComponent({\n        name: 'ActionButtonListRender',\n        components: { SvgIcon },\n        props: {\n            options: {\n                type: Object,\n                default: () => {}\n            },\n            disabled: {\n                type: Boolean,\n                default: false\n            },\n            scope: {\n                type: Object,\n                default: () => {}\n            },\n            ctx: {\n                type: Object,\n                default: () => {}\n            },\n            buttonList: {\n                type: Array as PropType<ActionButton[]>,\n                default: () => []\n            },\n            customClass: {\n                type: Array as PropType<string[]>,\n                default: () => []\n            },\n            flex: {\n                type: String,\n                default: 'center'\n            },\n            designState: {\n                type: Boolean,\n                default: false\n            }\n        },\n        emits: ['on-click'],\n        setup(props, { emit }) {\n            const containerStyle = computed(() => ({\n                '--flex': props.flex\n            }));\n\n            const { executeFunction, asyncExecuteFunction } = useExecFunction();\n\n            const isDisabled = computed(\n                () => props.options?.buttonPosition !== ButtonPositionEnum.DIY || props.designState\n            );\n\n            const getContainer = computed(() =>\n                isDisabled.value ? 'body' : props.options?.getContainer || 'body'\n            );\n\n            const visibleButtons = computed(() =>\n                props.buttonList\n                    .filter(item => item.hidden !== 1)\n                    .filter(item => !handleHidden(item))\n            );\n\n            const handleClick = async (item: ActionButton) => {\n                if (props.designState) return; // 在设计状态下不处理点击事件\n                if (!item.onClick) {\n                    emit('on-click', { item, result: true });\n                    return;\n                }\n                if (item.loading) return;\n                item.loading = true;\n                try {\n                    const result = await asyncExecuteFunction({\n                        functionBody: item.onClick,\n                        context: props.ctx,\n                        params: props.scope\n                    });\n                    emit('on-click', { item, result });\n                } catch (error) {\n                    console.error('Button click handler error:', error);\n                } finally {\n                    item.loading = false;\n                }\n            };\n\n            const handleDisabled = (item: ActionButton): boolean => {\n                if (!item.onDisabled) return false;\n\n                try {\n                    const result = executeFunction({\n                        functionBody: item.onDisabled,\n                        context: props.ctx,\n                        params: props.scope\n                    });\n                    if (typeof result === 'boolean') {\n                        return result;\n                    } else {\n                        return false;\n                    }\n                } catch (error) {\n                    console.error('Button disabled handler error:', error);\n                    return false;\n                }\n            };\n\n            const handleHidden = (item: ActionButton): boolean => {\n                if (!item.onHidden) return false;\n\n                try {\n                    return executeFunction({\n                        functionBody: item.onHidden,\n                        context: props.ctx,\n                        params: props.scope\n                    });\n                } catch (error) {\n                    console.error('Button hidden handler error:', error);\n                    return false;\n                }\n            };\n\n            return {\n                getContainer,\n                isDisabled,\n                containerStyle,\n                visibleButtons,\n                handleClick,\n                handleDisabled\n            };\n        }\n    });\n</script>\n\n<style lang=\"scss\" scoped>\n    .button-list-container {\n        flex: 1;\n        display: flex;\n        justify-content: var(--flex);\n\n        .button-icon {\n            margin-right: 4px;\n        }\n    }\n</style>\n"],"names":[],"mappings":"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"}