@kp-ui/lowcode 1.0.91 → 1.0.94

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

@@ -1,12 +1,12 @@
-import { defineComponent, ref, computed, watch } from "vue";
-import i18n, { useI18n } from "../../utils/i18n.js";
-import _sfc_main$1 from "../code-editor/code-modal-editor.vue.js";
-import { generateId } from "../../utils/util.js";
-import STable, { setLicenseKey } from "@surely-vue/table";
-setLicenseKey(
+import { defineComponent as m, ref as i, computed as g, watch as v } from "vue";
+import f, { useI18n as b } from "../../utils/i18n.js";
+import x from "../code-editor/code-modal-editor.vue.js";
+import { generateId as I } from "../../utils/util.js";
+import h, { setLicenseKey as w } from "@surely-vue/table";
+w(
   "45beeffb8943e862ec9cbaa94614552cT1JERVI6MTAwMDc5LEVYUElSWT0xNzQ4MzA0MDAwMDAwLERPTUFJTj1zdXJlbHkuY29vbCxVTFRJTUFURT0xLEtFWVZFUlNJT049MQ=="
 );
-const _sfc_main = defineComponent({
+const A = m({
   name: "ActionButtonList",
   props: {
     parmas: {
@@ -15,105 +15,91 @@ const _sfc_main = defineComponent({
     },
     data: {
       type: Array,
-      required: true
+      required: !0
     }
   },
-  components: { CodeModalEditor: _sfc_main$1, STable },
-  mixins: [i18n],
+  components: { CodeModalEditor: x, STable: h },
+  mixins: [f],
   emits: ["update:data"],
-  setup(props, { emit }) {
-    const { i18nt } = useI18n();
-    const currentEditBtn = ref();
-    const codeModalEditorRef = ref(null);
-    const currentRecordIndexs = ref();
-    const columns = [
+  setup(r, { emit: u }) {
+    const { i18nt: t } = b(), a = i(), d = i(), o = i(), c = [
       {
         dataIndex: "label",
-        title: i18nt("designer.setting.operationButtonLabel"),
+        title: t("designer.setting.operationButtonLabel"),
         width: 100
       },
       {
         dataIndex: "type",
-        title: i18nt("designer.setting.operationButtonType"),
+        title: t("designer.setting.operationButtonType"),
         width: 120
       },
       {
         dataIndex: "size",
-        title: i18nt("designer.setting.operationButtonSize"),
+        title: t("designer.setting.operationButtonSize"),
         width: 80
       },
       {
         dataIndex: "danger",
-        title: i18nt("designer.setting.danger"),
+        title: t("designer.setting.danger"),
         width: 120
       },
       {
         dataIndex: "icon",
-        title: i18nt("designer.setting.buttonIcon"),
+        title: t("designer.setting.buttonIcon"),
         width: 120
       },
       {
         dataIndex: "onHidden",
-        title: i18nt("designer.setting.operationButtonHidden"),
+        title: t("designer.setting.operationButtonHidden"),
         width: 100
       },
       {
         dataIndex: "onDisabled",
-        title: i18nt("designer.setting.operationButtonDisabled"),
+        title: t("designer.setting.operationButtonDisabled"),
         width: 100
       },
       { dataIndex: "onClick", title: "点击事件", width: 100 },
       { dataIndex: "action", title: "操作", width: 80 }
-    ];
-    const buttonList = computed(() => props.data);
-    watch(
-      () => buttonList.value,
+    ], n = g(() => r.data);
+    return v(
+      () => n.value,
       () => {
-        emit("update:data", buttonList.value);
+        u("update:data", n.value);
       },
       {
-        deep: true
+        deep: !0
+      }
+    ), {
+      addOperationButton: () => {
+        n.value.push({
+          name: "btn" + I(),
+          label: "new btn",
+          type: "primary",
+          size: "small",
+          shape: "default",
+          hidden: !1,
+          disabled: !1,
+          onClick: ""
+        });
+      },
+      saveColumnRender: (e) => {
+        console.log(n.value, o.value, a.value), n.value[o.value][a.value] = e;
+      },
+      columns: c,
+      buttonList: n,
+      editClickEvent: (e, l, p) => {
+        var s;
+        o.value = p[0], a.value = e, console.log({ code: l[e] }), (s = d.value) == null || s.open(l[e]);
+      },
+      codeModalEditorRef: d,
+      currentEditBtn: a,
+      deleteOperationButton: (e) => {
+        console.log(e), n.value.splice(e, 1);
       }
-    );
-    const deleteOperationButton = (index) => {
-      console.log(index);
-      buttonList.value.splice(index, 1);
-    };
-    const editClickEvent = (name, row, recordIndexs) => {
-      var _a;
-      currentRecordIndexs.value = recordIndexs[0];
-      currentEditBtn.value = name;
-      (_a = codeModalEditorRef.value) == null ? void 0 : _a.open(row[name]);
-    };
-    const saveColumnRender = (value) => {
-      console.log(buttonList.value, currentRecordIndexs.value, currentEditBtn.value);
-      buttonList.value[currentRecordIndexs.value][currentEditBtn.value] = value;
-    };
-    const addOperationButton = () => {
-      buttonList.value.push({
-        name: "btn" + generateId(),
-        label: "new btn",
-        type: "primary",
-        size: "small",
-        shape: "default",
-        hidden: false,
-        disabled: false,
-        onClick: ""
-      });
-    };
-    return {
-      addOperationButton,
-      saveColumnRender,
-      columns,
-      buttonList,
-      editClickEvent,
-      codeModalEditorRef,
-      currentEditBtn,
-      deleteOperationButton
     };
   }
 });
 export {
-  _sfc_main as default
+  A as default
 };
 //# sourceMappingURL=ActionButtonListDialog.vue2.js.map

package/src/components/public/ActionButtonListDialog.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionButtonListDialog.vue2.js","sources":["../../../../src/components/public/ActionButtonListDialog.vue"],"sourcesContent":["<template>\n    <STable\n        deepWatchDataSource\n        :data-source=\"buttonList\"\n        :pagination=\"false\"\n        :resizable=\"true\"\n        :columns=\"columns\"\n        :row-key=\"record => record.name\"\n    >\n        <template #bodyCell=\"{ column, recordIndexs, index, record }\">\n            <template v-if=\"column.dataIndex === 'label'\">\n                <a-input\n                    v-model:value=\"buttonList[recordIndexs[0]].label\"\n                    :placeholder=\"i18nt('designer.setting.operationButtonLabel')\"\n                />\n            </template>\n            <template v-if=\"column.dataIndex === 'type'\">\n                <a-select\n                    v-model:value=\"buttonList[recordIndexs[0]].type\"\n                    :placeholder=\"i18nt('designer.setting.operationButtonType')\"\n                    style=\"width: 100%\"\n                >\n                    <a-select-option value=\"primary\">primary</a-select-option>\n                    <a-select-option value=\"ghost\">ghost</a-select-option>\n                    <a-select-option value=\"dashed\">dashed</a-select-option>\n                    <a-select-option value=\"text\">text</a-select-option>\n                    <a-select-option value=\"link\">link</a-select-option>\n                    <a-select-option value=\"default\">default</a-select-option>\n                </a-select>\n            </template>\n            <template v-if=\"column.dataIndex === 'size'\">\n                <a-select\n                    v-model:value=\"buttonList[recordIndexs[0]].size\"\n                    :placeholder=\"i18nt('designer.setting.size')\"\n                    style=\"width: 100%\"\n                >\n                    <a-select-option value=\"default\">default</a-select-option>\n                    <a-select-option value=\"small\">small</a-select-option>\n                    <a-select-option value=\"large\">large</a-select-option>\n                </a-select>\n            </template>\n            <template v-if=\"column.dataIndex === 'icon'\">\n                <a-input\n                    v-model:value=\"buttonList[recordIndexs[0]].icon\"\n                    :placeholder=\"i18nt('designer.setting.operationButtonLabel')\"\n                />\n            </template>\n            <template v-if=\"column.dataIndex === 'danger'\">\n                <a-switch\n                    :checkedValue=\"1\"\n                    :unCheckedValue=\"0\"\n                    v-model:checked=\"buttonList[recordIndexs[0]].danger\"\n                />\n            </template>\n            <template v-if=\"column.dataIndex === 'onHidden'\">\n                <a-button\n                    :class=\"[{ 'button-text-highlight': !!record.onHidden }]\"\n                    @click=\"editClickEvent('onHidden', record, recordIndexs)\"\n                    size=\"small\"\n                >\n                    {{ i18nt('designer.setting.operationButtonHidden') }}\n                </a-button>\n            </template>\n            <template v-if=\"column.dataIndex === 'onDisabled'\">\n                <a-button\n                    :class=\"[{ 'button-text-highlight': !!record.onDisabled }]\"\n                    @click=\"editClickEvent('onDisabled', record, recordIndexs)\"\n                    size=\"small\"\n                >\n                    {{ i18nt('designer.setting.operationButtonDisabled') }}\n                </a-button>\n            </template>\n            <template v-if=\"column.dataIndex === 'onClick'\">\n                <a-button\n                    :class=\"[{ 'button-text-highlight': !!record.onClick }]\"\n                    @click=\"editClickEvent('onClick', record, recordIndexs)\"\n                    size=\"small\"\n                >\n                    点击事件\n                </a-button>\n            </template>\n            <template v-if=\"column.dataIndex === 'action'\">\n                <a-button type=\"link\" @click=\"deleteOperationButton(index)\" size=\"small\">\n                    删除\n                </a-button>\n            </template>\n        </template>\n    </STable>\n    <div class=\"add-btn\">\n        <a-button type=\"primary\" size=\"default\" @click=\"addOperationButton\">\n            {{ i18nt('designer.setting.addOperationButton') }}\n        </a-button>\n    </div>\n\n    <CodeModalEditor\n        ref=\"codeModalEditorRef\"\n        @save=\"saveColumnRender\"\n        :event-header=\"`${currentEditBtn}(${parmas}){`\"\n    />\n</template>\n\n<script lang=\"ts\">\n    import { computed, defineComponent, getCurrentInstance, ref, watch, watchEffect } from 'vue';\n    import i18n, { useI18n } from '@/utils/i18n';\n    import CodeModalEditor from '@/components/code-editor/code-modal-editor.vue';\n    import { generateId } from '@/utils/util';\n    import STable, { type ScrollPosition, setLicenseKey } from '@surely-vue/table';\n    setLicenseKey(\n        '45beeffb8943e862ec9cbaa94614552cT1JERVI6MTAwMDc5LEVYUElSWT0xNzQ4MzA0MDAwMDAwLERPTUFJTj1zdXJlbHkuY29vbCxVTFRJTUFURT0xLEtFWVZFUlNJT049MQ=='\n    );\n    export default defineComponent({\n        name: 'ActionButtonList',\n        props: {\n            parmas: {\n                type: String,\n                default: ''\n            },\n            data: {\n                type: Array,\n                required: true\n            }\n        },\n        components: { CodeModalEditor, STable },\n        mixins: [i18n],\n        emits: ['update:data'],\n        setup(props, { emit }) {\n            const { i18nt } = useI18n();\n            const currentEditBtn = ref();\n            const codeModalEditorRef = ref(null);\n            const currentRecordIndexs = ref();\n            const columns = [\n                {\n                    dataIndex: 'label',\n                    title: i18nt('designer.setting.operationButtonLabel'),\n                    width: 100\n                },\n                {\n                    dataIndex: 'type',\n                    title: i18nt('designer.setting.operationButtonType'),\n                    width: 120\n                },\n                {\n                    dataIndex: 'size',\n                    title: i18nt('designer.setting.operationButtonSize'),\n                    width: 80\n                },\n                {\n                    dataIndex: 'danger',\n                    title: i18nt('designer.setting.danger'),\n                    width: 120\n                },\n                {\n                    dataIndex: 'icon',\n                    title: i18nt('designer.setting.buttonIcon'),\n                    width: 120\n                },\n                {\n                    dataIndex: 'onHidden',\n                    title: i18nt('designer.setting.operationButtonHidden'),\n                    width: 100\n                },\n                {\n                    dataIndex: 'onDisabled',\n                    title: i18nt('designer.setting.operationButtonDisabled'),\n                    width: 100\n                },\n                { dataIndex: 'onClick', title: '点击事件', width: 100 },\n                { dataIndex: 'action', title: '操作', width: 80 }\n            ];\n\n            const buttonList = computed(() => props.data as any[]);\n\n            watch(\n                () => buttonList.value,\n                () => {\n                    emit('update:data', buttonList.value);\n                },\n                {\n                    deep: true\n                }\n            );\n\n            const deleteOperationButton = (index: number) => {\n                console.log(index);\n                buttonList.value.splice(index, 1);\n            };\n\n            const editClickEvent = (name, row, recordIndexs) => {\n                currentRecordIndexs.value = recordIndexs[0];\n                currentEditBtn.value = name;\n                codeModalEditorRef.value?.open(row[name]);\n            };\n\n            const saveColumnRender = value => {\n                console.log(buttonList.value, currentRecordIndexs.value, currentEditBtn.value);\n                buttonList.value[currentRecordIndexs.value][currentEditBtn.value] = value;\n            };\n\n            const addOperationButton = () => {\n                buttonList.value.push({\n                    name: 'btn' + generateId(),\n                    label: 'new btn',\n                    type: 'primary',\n                    size: 'small',\n                    shape: 'default',\n                    hidden: false,\n                    disabled: false,\n                    onClick: ''\n                });\n            };\n\n            return {\n                addOperationButton,\n                saveColumnRender,\n                columns,\n                buttonList,\n                editClickEvent,\n                codeModalEditorRef,\n                currentEditBtn,\n                deleteOperationButton\n            };\n        }\n    });\n</script>\n<style lang=\"less\" scoped>\n    .add-btn {\n        margin-top: 10px;\n        text-align: center;\n    }\n</style>\n"],"names":["CodeModalEditor"],"mappings":";;;;;AA2GI;AAAA,EACI;AACJ;AACA,MAAA,YAAe,gBAAgB;AAAA,EAC3B,MAAM;AAAA,EACN,OAAO;AAAA,IACH,QAAQ;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA,IAEb,MAAM;AAAA,MACF,MAAM;AAAA,MACN,UAAU;AAAA,IAAA;AAAA,EACd;AAAA,EAEJ,YAAY,EAAA,iBAAEA,aAAiB,OAAA;AAAA,EAC/B,QAAQ,CAAC,IAAI;AAAA,EACb,OAAO,CAAC,aAAa;AAAA,EACrB,MAAM,OAAO,EAAE,QAAQ;AACnB,UAAM,EAAE,MAAA,IAAU,QAAA;AAClB,UAAM,iBAAiB,IAAA;AACvB,UAAM,qBAAqB,IAAI,IAAI;AACnC,UAAM,sBAAsB,IAAA;AAC5B,UAAM,UAAU;AAAA,MACZ;AAAA,QACI,WAAW;AAAA,QACX,OAAO,MAAM,uCAAuC;AAAA,QACpD,OAAO;AAAA,MAAA;AAAA,MAEX;AAAA,QACI,WAAW;AAAA,QACX,OAAO,MAAM,sCAAsC;AAAA,QACnD,OAAO;AAAA,MAAA;AAAA,MAEX;AAAA,QACI,WAAW;AAAA,QACX,OAAO,MAAM,sCAAsC;AAAA,QACnD,OAAO;AAAA,MAAA;AAAA,MAEX;AAAA,QACI,WAAW;AAAA,QACX,OAAO,MAAM,yBAAyB;AAAA,QACtC,OAAO;AAAA,MAAA;AAAA,MAEX;AAAA,QACI,WAAW;AAAA,QACX,OAAO,MAAM,6BAA6B;AAAA,QAC1C,OAAO;AAAA,MAAA;AAAA,MAEX;AAAA,QACI,WAAW;AAAA,QACX,OAAO,MAAM,wCAAwC;AAAA,QACrD,OAAO;AAAA,MAAA;AAAA,MAEX;AAAA,QACI,WAAW;AAAA,QACX,OAAO,MAAM,0CAA0C;AAAA,QACvD,OAAO;AAAA,MAAA;AAAA,MAEX,EAAE,WAAW,WAAW,OAAO,QAAQ,OAAO,IAAA;AAAA,MAC9C,EAAE,WAAW,UAAU,OAAO,MAAM,OAAO,GAAA;AAAA,IAAG;AAGlD,UAAM,aAAa,SAAS,MAAM,MAAM,IAAa;AAErD;AAAA,MACI,MAAM,WAAW;AAAA,MACjB,MAAM;AACF,aAAK,eAAe,WAAW,KAAK;AAAA,MAAA;AAAA,MAExC;AAAA,QACI,MAAM;AAAA,MAAA;AAAA,IACV;AAGJ,UAAM,wBAAwB,CAAC,UAAkB;AAC7C,cAAQ,IAAI,KAAK;AACjB,iBAAW,MAAM,OAAO,OAAO,CAAC;AAAA,IAAA;AAGpC,UAAM,iBAAiB,CAAC,MAAM,KAAK,iBAAiB;;AAChD,0BAAoB,QAAQ,aAAa,CAAC;AAC1C,qBAAe,QAAQ;AACvB,+BAAmB,UAAnB,mBAA0B,KAAK,IAAI,IAAI;AAAA,IAAC;AAG5C,UAAM,mBAAmB,CAAA,UAAS;AAC9B,cAAQ,IAAI,WAAW,OAAO,oBAAoB,OAAO,eAAe,KAAK;AAC7E,iBAAW,MAAM,oBAAoB,KAAK,EAAE,eAAe,KAAK,IAAI;AAAA,IAAA;AAGxE,UAAM,qBAAqB,MAAM;AAC7B,iBAAW,MAAM,KAAK;AAAA,QAClB,MAAM,QAAQ,WAAA;AAAA,QACd,OAAO;AAAA,QACP,MAAM;AAAA,QACN,MAAM;AAAA,QACN,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,UAAU;AAAA,QACV,SAAS;AAAA,MAAA,CACZ;AAAA,IAAA;AAGL,WAAO;AAAA,MACH;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EACJ;AAER,CAAC;"}
+{"version":3,"file":"ActionButtonListDialog.vue2.js","sources":["../../../../src/components/public/ActionButtonListDialog.vue"],"sourcesContent":["<template>\n    <STable\n        deepWatchDataSource\n        :data-source=\"buttonList\"\n        :pagination=\"false\"\n        :resizable=\"true\"\n        :columns=\"columns\"\n        :row-key=\"record => record.name\"\n    >\n        <template #bodyCell=\"{ column, recordIndexs, index, record }\">\n            <template v-if=\"column.dataIndex === 'label'\">\n                <a-input\n                    v-model:value=\"buttonList[recordIndexs[0]].label\"\n                    :placeholder=\"i18nt('designer.setting.operationButtonLabel')\"\n                />\n            </template>\n            <template v-if=\"column.dataIndex === 'type'\">\n                <a-select\n                    v-model:value=\"buttonList[recordIndexs[0]].type\"\n                    :placeholder=\"i18nt('designer.setting.operationButtonType')\"\n                    style=\"width: 100%\"\n                >\n                    <a-select-option value=\"primary\">primary</a-select-option>\n                    <a-select-option value=\"ghost\">ghost</a-select-option>\n                    <a-select-option value=\"dashed\">dashed</a-select-option>\n                    <a-select-option value=\"text\">text</a-select-option>\n                    <a-select-option value=\"link\">link</a-select-option>\n                    <a-select-option value=\"default\">default</a-select-option>\n                </a-select>\n            </template>\n            <template v-if=\"column.dataIndex === 'size'\">\n                <a-select\n                    v-model:value=\"buttonList[recordIndexs[0]].size\"\n                    :placeholder=\"i18nt('designer.setting.size')\"\n                    style=\"width: 100%\"\n                >\n                    <a-select-option value=\"default\">default</a-select-option>\n                    <a-select-option value=\"small\">small</a-select-option>\n                    <a-select-option value=\"large\">large</a-select-option>\n                </a-select>\n            </template>\n            <template v-if=\"column.dataIndex === 'icon'\">\n                <a-input\n                    v-model:value=\"buttonList[recordIndexs[0]].icon\"\n                    :placeholder=\"i18nt('designer.setting.operationButtonLabel')\"\n                />\n            </template>\n            <template v-if=\"column.dataIndex === 'danger'\">\n                <a-switch\n                    :checkedValue=\"1\"\n                    :unCheckedValue=\"0\"\n                    v-model:checked=\"buttonList[recordIndexs[0]].danger\"\n                />\n            </template>\n            <template v-if=\"column.dataIndex === 'onHidden'\">\n                <a-button\n                    :class=\"[{ 'button-text-highlight': !!record.onHidden }]\"\n                    @click=\"editClickEvent('onHidden', record, recordIndexs)\"\n                    size=\"small\"\n                >\n                    {{ i18nt('designer.setting.operationButtonHidden') }}\n                </a-button>\n            </template>\n            <template v-if=\"column.dataIndex === 'onDisabled'\">\n                <a-button\n                    :class=\"[{ 'button-text-highlight': !!record.onDisabled }]\"\n                    @click=\"editClickEvent('onDisabled', record, recordIndexs)\"\n                    size=\"small\"\n                >\n                    {{ i18nt('designer.setting.operationButtonDisabled') }}\n                </a-button>\n            </template>\n            <template v-if=\"column.dataIndex === 'onClick'\">\n                <a-button\n                    :class=\"[{ 'button-text-highlight': !!record.onClick }]\"\n                    @click=\"editClickEvent('onClick', record, recordIndexs)\"\n                    size=\"small\"\n                >\n                    点击事件\n                </a-button>\n            </template>\n            <template v-if=\"column.dataIndex === 'action'\">\n                <a-button type=\"link\" @click=\"deleteOperationButton(index)\" size=\"small\">\n                    删除\n                </a-button>\n            </template>\n        </template>\n    </STable>\n    <div class=\"add-btn\">\n        <a-button type=\"primary\" size=\"default\" @click=\"addOperationButton\">\n            {{ i18nt('designer.setting.addOperationButton') }}\n        </a-button>\n    </div>\n\n    <CodeModalEditor\n        ref=\"codeModalEditorRef\"\n        @save=\"saveColumnRender\"\n        :event-header=\"`${currentEditBtn}(${parmas}){`\"\n    />\n</template>\n\n<script lang=\"ts\">\n    import { computed, defineComponent, getCurrentInstance, ref, watch, watchEffect } from 'vue';\n    import i18n, { useI18n } from '@/utils/i18n';\n    import CodeModalEditor from '@/components/code-editor/code-modal-editor.vue';\n    import { generateId } from '@/utils/util';\n    import STable, { type ScrollPosition, setLicenseKey } from '@surely-vue/table';\n    setLicenseKey(\n        '45beeffb8943e862ec9cbaa94614552cT1JERVI6MTAwMDc5LEVYUElSWT0xNzQ4MzA0MDAwMDAwLERPTUFJTj1zdXJlbHkuY29vbCxVTFRJTUFURT0xLEtFWVZFUlNJT049MQ=='\n    );\n    export default defineComponent({\n        name: 'ActionButtonList',\n        props: {\n            parmas: {\n                type: String,\n                default: ''\n            },\n            data: {\n                type: Array,\n                required: true\n            }\n        },\n        components: { CodeModalEditor, STable },\n        mixins: [i18n],\n        emits: ['update:data'],\n        setup(props, { emit }) {\n            const { i18nt } = useI18n();\n            const currentEditBtn = ref();\n            const codeModalEditorRef = ref();\n            const currentRecordIndexs = ref();\n            const columns = [\n                {\n                    dataIndex: 'label',\n                    title: i18nt('designer.setting.operationButtonLabel'),\n                    width: 100\n                },\n                {\n                    dataIndex: 'type',\n                    title: i18nt('designer.setting.operationButtonType'),\n                    width: 120\n                },\n                {\n                    dataIndex: 'size',\n                    title: i18nt('designer.setting.operationButtonSize'),\n                    width: 80\n                },\n                {\n                    dataIndex: 'danger',\n                    title: i18nt('designer.setting.danger'),\n                    width: 120\n                },\n                {\n                    dataIndex: 'icon',\n                    title: i18nt('designer.setting.buttonIcon'),\n                    width: 120\n                },\n                {\n                    dataIndex: 'onHidden',\n                    title: i18nt('designer.setting.operationButtonHidden'),\n                    width: 100\n                },\n                {\n                    dataIndex: 'onDisabled',\n                    title: i18nt('designer.setting.operationButtonDisabled'),\n                    width: 100\n                },\n                { dataIndex: 'onClick', title: '点击事件', width: 100 },\n                { dataIndex: 'action', title: '操作', width: 80 }\n            ];\n\n            const buttonList = computed(() => props.data as any[]);\n\n            watch(\n                () => buttonList.value,\n                () => {\n                    emit('update:data', buttonList.value);\n                },\n                {\n                    deep: true\n                }\n            );\n\n            const deleteOperationButton = (index: number) => {\n                console.log(index);\n                buttonList.value.splice(index, 1);\n            };\n\n            const editClickEvent = (name, row, recordIndexs) => {\n                currentRecordIndexs.value = recordIndexs[0];\n                currentEditBtn.value = name;\n                console.log({ code: row[name] });\n\n                codeModalEditorRef.value?.open(row[name]);\n            };\n\n            const saveColumnRender = value => {\n                console.log(buttonList.value, currentRecordIndexs.value, currentEditBtn.value);\n                buttonList.value[currentRecordIndexs.value][currentEditBtn.value] = value;\n            };\n\n            const addOperationButton = () => {\n                buttonList.value.push({\n                    name: 'btn' + generateId(),\n                    label: 'new btn',\n                    type: 'primary',\n                    size: 'small',\n                    shape: 'default',\n                    hidden: false,\n                    disabled: false,\n                    onClick: ''\n                });\n            };\n\n            return {\n                addOperationButton,\n                saveColumnRender,\n                columns,\n                buttonList,\n                editClickEvent,\n                codeModalEditorRef,\n                currentEditBtn,\n                deleteOperationButton\n            };\n        }\n    });\n</script>\n<style lang=\"less\" scoped>\n    .add-btn {\n        margin-top: 10px;\n        text-align: center;\n    }\n</style>\n"],"names":["setLicenseKey","_sfc_main","defineComponent","CodeModalEditor","STable","i18n","props","emit","i18nt","useI18n","currentEditBtn","ref","codeModalEditorRef","currentRecordIndexs","columns","buttonList","computed","watch","generateId","value","name","row","recordIndexs","_a","index"],"mappings":";;;;;AA2GIA;AAAA,EACI;AACJ;AACA,MAAAC,IAAeC,EAAgB;AAAA,EAC3B,MAAM;AAAA,EACN,OAAO;AAAA,IACH,QAAQ;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA,IAEb,MAAM;AAAA,MACF,MAAM;AAAA,MACN,UAAU;AAAA,IAAA;AAAA,EACd;AAAA,EAEJ,YAAY,EAAA,iBAAEC,GAAiB,QAAAC,EAAA;AAAA,EAC/B,QAAQ,CAACC,CAAI;AAAA,EACb,OAAO,CAAC,aAAa;AAAA,EACrB,MAAMC,GAAO,EAAE,MAAAC,KAAQ;AACnB,UAAM,EAAE,OAAAC,EAAA,IAAUC,EAAA,GACZC,IAAiBC,EAAA,GACjBC,IAAqBD,EAAA,GACrBE,IAAsBF,EAAA,GACtBG,IAAU;AAAA,MACZ;AAAA,QACI,WAAW;AAAA,QACX,OAAON,EAAM,uCAAuC;AAAA,QACpD,OAAO;AAAA,MAAA;AAAA,MAEX;AAAA,QACI,WAAW;AAAA,QACX,OAAOA,EAAM,sCAAsC;AAAA,QACnD,OAAO;AAAA,MAAA;AAAA,MAEX;AAAA,QACI,WAAW;AAAA,QACX,OAAOA,EAAM,sCAAsC;AAAA,QACnD,OAAO;AAAA,MAAA;AAAA,MAEX;AAAA,QACI,WAAW;AAAA,QACX,OAAOA,EAAM,yBAAyB;AAAA,QACtC,OAAO;AAAA,MAAA;AAAA,MAEX;AAAA,QACI,WAAW;AAAA,QACX,OAAOA,EAAM,6BAA6B;AAAA,QAC1C,OAAO;AAAA,MAAA;AAAA,MAEX;AAAA,QACI,WAAW;AAAA,QACX,OAAOA,EAAM,wCAAwC;AAAA,QACrD,OAAO;AAAA,MAAA;AAAA,MAEX;AAAA,QACI,WAAW;AAAA,QACX,OAAOA,EAAM,0CAA0C;AAAA,QACvD,OAAO;AAAA,MAAA;AAAA,MAEX,EAAE,WAAW,WAAW,OAAO,QAAQ,OAAO,IAAA;AAAA,MAC9C,EAAE,WAAW,UAAU,OAAO,MAAM,OAAO,GAAA;AAAA,IAAG,GAG5CO,IAAaC,EAAS,MAAMV,EAAM,IAAa;AAErD,WAAAW;AAAA,MACI,MAAMF,EAAW;AAAA,MACjB,MAAM;AACF,QAAAR,EAAK,eAAeQ,EAAW,KAAK;AAAA,MAAA;AAAA,MAExC;AAAA,QACI,MAAM;AAAA,MAAA;AAAA,IACV,GAkCG;AAAA,MACH,oBAduB,MAAM;AAC7B,QAAAA,EAAW,MAAM,KAAK;AAAA,UAClB,MAAM,QAAQG,EAAA;AAAA,UACd,OAAO;AAAA,UACP,MAAM;AAAA,UACN,MAAM;AAAA,UACN,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,UAAU;AAAA,UACV,SAAS;AAAA,QAAA,CACZ;AAAA,MAAA;AAAA,MAKD,kBApBqB,CAAAC,MAAS;AAC9B,gBAAQ,IAAIJ,EAAW,OAAOF,EAAoB,OAAOH,EAAe,KAAK,GAC7EK,EAAW,MAAMF,EAAoB,KAAK,EAAEH,EAAe,KAAK,IAAIS;AAAA,MAAA;AAAA,MAmBpE,SAAAL;AAAA,MACA,YAAAC;AAAA,MACA,gBA/BmB,CAACK,GAAMC,GAAKC,MAAiB;;AAChD,QAAAT,EAAoB,QAAQS,EAAa,CAAC,GAC1CZ,EAAe,QAAQU,GACvB,QAAQ,IAAI,EAAE,MAAMC,EAAID,CAAI,GAAG,IAE/BG,IAAAX,EAAmB,UAAnB,QAAAW,EAA0B,KAAKF,EAAID,CAAI;AAAA,MAAC;AAAA,MA2BxC,oBAAAR;AAAA,MACA,gBAAAF;AAAA,MACA,uBAvC0B,CAACc,MAAkB;AAC7C,gBAAQ,IAAIA,CAAK,GACjBT,EAAW,MAAM,OAAOS,GAAO,CAAC;AAAA,MAAA;AAAA,IAqChC;AAAA,EACJ;AAER,CAAC;"}

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

@@ -1,50 +1,46 @@
-import _sfc_main from "./ActionButtonListRender.vue2.js";
-import { resolveComponent, createElementBlock, openBlock, normalizeStyle, normalizeClass, createBlock, Teleport, createVNode, withCtx, Fragment, renderList, createCommentVNode, createTextVNode, toDisplayString } from "vue";
+import d from "./ActionButtonListRender.vue2.js";
+import { resolveComponent as n, createElementBlock as s, openBlock as t, normalizeStyle as p, normalizeClass as u, createBlock as a, Teleport as b, createVNode as f, withCtx as l, Fragment as _, renderList as m, createCommentVNode as y, createTextVNode as k, toDisplayString as C } 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", {
+import g from "../../../_virtual/_plugin-vue_export-helper.js";
+function v(o, B, S, $, h, z) {
+  const r = n("SvgIcon"), c = n("a-button"), i = n("a-space");
+  return t(), s("div", {
     ref: "fieldEditor",
-    class: normalizeClass(["button-list-container", ..._ctx.customClass]),
-    style: normalizeStyle(_ctx.containerStyle)
+    class: u(["button-list-container", ...o.customClass]),
+    style: p(o.containerStyle)
   }, [
-    (openBlock(), createBlock(Teleport, {
-      disabled: _ctx.isDisabled,
-      to: _ctx.getContainer
+    (t(), a(b, {
+      disabled: o.isDisabled,
+      to: o.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,
-              danger: item.danger,
-              class: "tpf-button",
-              disabled: _ctx.handleDisabled(item),
-              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", "danger", "disabled", "onClick"]);
-          }), 128))
+      f(i, { size: 8 }, {
+        default: l(() => [
+          (t(!0), s(_, null, m(o.visibleButtons, (e) => (t(), a(c, {
+            key: e.key,
+            type: e.type,
+            danger: e.danger,
+            class: "tpf-button",
+            disabled: o.handleDisabled(e),
+            onClick: (D) => o.handleClick(e)
+          }, {
+            default: l(() => [
+              e.icon ? (t(), a(r, {
+                key: 0,
+                "icon-class": e.icon,
+                class: "button-icon"
+              }, null, 8, ["icon-class"])) : y("", !0),
+              k(" " + C(e.label), 1)
+            ]),
+            _: 2
+          }, 1032, ["type", "danger", "disabled", "onClick"]))), 128))
         ]),
         _: 1
       })
     ], 8, ["disabled", "to"]))
   ], 6);
 }
-const ActionButtonListRender = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-daa504c2"]]);
+const L = /* @__PURE__ */ g(d, [["render", v], ["__scopeId", "data-v-daa504c2"]]);
 export {
-  ActionButtonListRender as default
+  L 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                    :danger=\"item.danger\"\n                    class=\"tpf-button\"\n                    :disabled=\"handleDisabled(item)\"\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 { executeFunction } from '@/utils/executeFunction';\n    import SvgIcon from '@/components/svg-icon/index.vue';\n    import type { ActionButton } from '@/types/button';\n\n    export default defineComponent({\n        name: 'ActionButtonListRender',\n        components: { SvgIcon },\n        props: {\n            options: {\n                type: Object,\n                default: () => {}\n            },\n            scope: {\n                type: Object,\n                default: () => {}\n            },\n            ctx: {\n                type: Object\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        setup(props) {\n            const containerStyle = computed(() => ({\n                '--flex': props.flex\n            }));\n\n            const isDisabled = computed(() => !props.options?.getContainer || !!props.designState);\n\n            const getContainer = computed(() => props.options?.getContainer);\n            console.log({ isDisabled: isDisabled.value, getContainer: getContainer.value });\n\n            const visibleButtons = computed(() =>\n                props.buttonList.filter(item => !handleHidden(item))\n            );\n\n            const handleClick = async (item: ActionButton) => {\n                if (props.designState) return; // 在设计状态下不处理点击事件\n                if (!item.onClick) return;\n                try {\n                    await executeFunction({\n                        functionBody: item.onClick,\n                        context: props.ctx,\n                        params: props.scope\n                    });\n                } catch (error) {\n                    console.error('Button click handler error:', error);\n                }\n            };\n\n            const handleDisabled = (item: ActionButton): boolean => {\n                if (!item.onDisabled) return false;\n\n                try {\n                    return executeFunction({\n                        functionBody: item.onDisabled,\n                        context: props.ctx,\n                        params: props.scope\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,mBAuBM,OAAA;AAAA,IAtBF,KAAI;AAAA,IACH,OAAKC,4CAA+B,KAAA,WAAW,CAAA;AAAA,IAC/C,OAAKC,eAAE,KAAA,cAAc;AAAA,EAAA,GAAA;AAAA,kBAEtBC,YAiBWC,UAAA;AAAA,MAjBA,UAAU,KAAA;AAAA,MAAa,IAAI,KAAA;AAAA,IAAA,GAAA;AAAA,MAClCC,YAeU,oBAAA,EAfA,MAAM,EAAA,GAAC;AAAA,QAAA,SAAAC,QAET,MAA8B;AAAA,WAAAC,UAAA,IAAA,GADlCP,mBAaWQ,UAAA,MAAAC,WAZQ,KAAA,gBAAc,CAAtB,SAAI;gCADfN,YAaW,qBAAA;AAAA,cAXN,KAAK,KAAK;AAAA,cACV,MAAM,KAAK;AAAA,cACX,QAAQ,KAAK;AAAA,cACd,OAAM;AAAA,cACL,UAAU,oBAAe,IAAI;AAAA,cAC7B,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                    :danger=\"item.danger\"\n                    class=\"tpf-button\"\n                    :disabled=\"handleDisabled(item)\"\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 { executeFunction } from '@/utils/executeFunction';\n    import SvgIcon from '@/components/svg-icon/index.vue';\n    import type { ActionButton } from '@/types/button';\n\n    export default defineComponent({\n        name: 'ActionButtonListRender',\n        components: { SvgIcon },\n        props: {\n            options: {\n                type: Object,\n                default: () => {}\n            },\n            scope: {\n                type: Object,\n                default: () => {}\n            },\n            ctx: {\n                type: Object\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        setup(props) {\n            const containerStyle = computed(() => ({\n                '--flex': props.flex\n            }));\n\n            const isDisabled = computed(() => !props.options?.getContainer || !!props.designState);\n\n            const getContainer = computed(() => props.options?.getContainer);\n            console.log({ isDisabled: isDisabled.value, getContainer: getContainer.value });\n\n            const visibleButtons = computed(() =>\n                props.buttonList.filter(item => !handleHidden(item))\n            );\n\n            const handleClick = async (item: ActionButton) => {\n                if (props.designState) return; // 在设计状态下不处理点击事件\n                if (!item.onClick) return;\n                try {\n                    await executeFunction({\n                        functionBody: item.onClick,\n                        context: props.ctx,\n                        params: props.scope\n                    });\n                } catch (error) {\n                    console.error('Button click handler error:', error);\n                }\n            };\n\n            const handleDisabled = (item: ActionButton): boolean => {\n                if (!item.onDisabled) return false;\n\n                try {\n                    return executeFunction({\n                        functionBody: item.onDisabled,\n                        context: props.ctx,\n                        params: props.scope\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","_ctx","_normalizeStyle","_createBlock","_Teleport","_createVNode","_component_a_space","_withCtx","_openBlock","_Fragment","_renderList","item","_component_a_button","$event","_component_SvgIcon","_createCommentVNode","_toDisplayString"],"mappings":";;;;;;cACIA,EAuBM,OAAA;AAAA,IAtBF,KAAI;AAAA,IACH,OAAKC,+BAA+BC,EAAA,WAAW,CAAA;AAAA,IAC/C,OAAKC,EAAED,EAAA,cAAc;AAAA,EAAA,GAAA;AAAA,UAEtBE,EAiBWC,GAAA;AAAA,MAjBA,UAAUH,EAAA;AAAA,MAAa,IAAIA,EAAA;AAAA,IAAA,GAAA;AAAA,MAClCI,EAeUC,GAAA,EAfA,MAAM,EAAA,GAAC;AAAA,QAAA,SAAAC,EAET,MAA8B;AAAA,WAAAC,EAAA,EAAA,GADlCT,EAaWU,GAAA,MAAAC,EAZQT,EAAA,gBAAc,CAAtBU,YADXR,EAaWS,GAAA;AAAA,YAXN,KAAKD,EAAK;AAAA,YACV,MAAMA,EAAK;AAAA,YACX,QAAQA,EAAK;AAAA,YACd,OAAM;AAAA,YACL,UAAUV,iBAAeU,CAAI;AAAA,YAC7B,SAAK,CAAAE,MAAEZ,EAAA,YAAYU,CAAI;AAAA,UAAA,GAAA;AAAA,uBAExB,MAEW;AAAA,cAFKA,EAAK,aACjBR,EAAuDW,GAAA;AAAA,gBAAA,KAAA;AAAA,gBAA7C,cAAYH,EAAK;AAAA,gBAAM,OAAM;AAAA,cAAA,GAAA,MAAA,GAAA,CAAA,YAAA,CAAA,KAAAI,EAAA,IAAA,EAAA;AAAA,gBAChC,MACXC,EAAGL,EAAK,KAAK,GAAA,CAAA;AAAA,YAAA,CAAA;AAAA;;;;;;;;;"}

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

@@ -1,9 +1,9 @@
-import { defineComponent, computed } from "vue";
-import { executeFunction } from "../../utils/executeFunction.js";
-import SvgIcon from "../svg-icon/index.vue.js";
-const _sfc_main = defineComponent({
+import { defineComponent as f, computed as o } from "vue";
+import { executeFunction as r } from "../../utils/executeFunction.js";
+import y from "../svg-icon/index.vue.js";
+const g = f({
   name: "ActionButtonListRender",
-  components: { SvgIcon },
+  components: { SvgIcon: y },
   props: {
     options: {
       type: Object,
@@ -32,75 +32,67 @@ const _sfc_main = defineComponent({
     },
     designState: {
       type: Boolean,
-      default: false
+      default: !1
     }
   },
-  setup(props) {
-    const containerStyle = computed(() => ({
-      "--flex": props.flex
-    }));
-    const isDisabled = computed(() => {
-      var _a;
-      return !((_a = props.options) == null ? void 0 : _a.getContainer) || !!props.designState;
+  setup(t) {
+    const i = o(() => ({
+      "--flex": t.flex
+    })), a = o(() => {
+      var e;
+      return !((e = t.options) != null && e.getContainer) || !!t.designState;
+    }), c = o(() => {
+      var e;
+      return (e = t.options) == null ? void 0 : e.getContainer;
     });
-    const getContainer = computed(() => {
-      var _a;
-      return (_a = props.options) == null ? void 0 : _a.getContainer;
-    });
-    console.log({ isDisabled: isDisabled.value, getContainer: getContainer.value });
-    const visibleButtons = computed(
-      () => props.buttonList.filter((item) => !handleHidden(item))
-    );
-    const handleClick = async (item) => {
-      if (props.designState) return;
-      if (!item.onClick) return;
-      try {
-        await executeFunction({
-          functionBody: item.onClick,
-          context: props.ctx,
-          params: props.scope
-        });
-      } catch (error) {
-        console.error("Button click handler error:", error);
-      }
-    };
-    const handleDisabled = (item) => {
-      if (!item.onDisabled) return false;
+    console.log({ isDisabled: a.value, getContainer: c.value });
+    const l = o(
+      () => t.buttonList.filter((e) => !u(e))
+    ), s = async (e) => {
+      if (!t.designState && e.onClick)
+        try {
+          await r({
+            functionBody: e.onClick,
+            context: t.ctx,
+            params: t.scope
+          });
+        } catch (n) {
+          console.error("Button click handler error:", n);
+        }
+    }, d = (e) => {
+      if (!e.onDisabled) return !1;
       try {
-        return executeFunction({
-          functionBody: item.onDisabled,
-          context: props.ctx,
-          params: props.scope
+        return r({
+          functionBody: e.onDisabled,
+          context: t.ctx,
+          params: t.scope
         });
-      } catch (error) {
-        console.error("Button disabled handler error:", error);
-        return false;
+      } catch (n) {
+        return console.error("Button disabled handler error:", n), !1;
       }
-    };
-    const handleHidden = (item) => {
-      if (!item.onHidden) return false;
+    }, u = (e) => {
+      if (!e.onHidden) return !1;
       try {
-        return executeFunction({
-          functionBody: item.onHidden,
-          context: props.ctx,
-          params: props.scope
+        return r({
+          functionBody: e.onHidden,
+          context: t.ctx,
+          params: t.scope
         });
-      } catch (error) {
-        console.error("Button hidden handler error:", error);
-        return false;
+      } catch (n) {
+        return console.error("Button hidden handler error:", n), !1;
       }
     };
     return {
-      getContainer,
-      isDisabled,
-      containerStyle,
-      visibleButtons,
-      handleClick,
-      handleDisabled
+      getContainer: c,
+      isDisabled: a,
+      containerStyle: i,
+      visibleButtons: l,
+      handleClick: s,
+      handleDisabled: d
     };
   }
 });
 export {
-  _sfc_main as default
+  g as default
 };
 //# sourceMappingURL=ActionButtonListRender.vue2.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ActionButtonListRender.vue2.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                    :danger=\"item.danger\"\n                    class=\"tpf-button\"\n                    :disabled=\"handleDisabled(item)\"\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 { executeFunction } from '@/utils/executeFunction';\n    import SvgIcon from '@/components/svg-icon/index.vue';\n    import type { ActionButton } from '@/types/button';\n\n    export default defineComponent({\n        name: 'ActionButtonListRender',\n        components: { SvgIcon },\n        props: {\n            options: {\n                type: Object,\n                default: () => {}\n            },\n            scope: {\n                type: Object,\n                default: () => {}\n            },\n            ctx: {\n                type: Object\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        setup(props) {\n            const containerStyle = computed(() => ({\n                '--flex': props.flex\n            }));\n\n            const isDisabled = computed(() => !props.options?.getContainer || !!props.designState);\n\n            const getContainer = computed(() => props.options?.getContainer);\n            console.log({ isDisabled: isDisabled.value, getContainer: getContainer.value });\n\n            const visibleButtons = computed(() =>\n                props.buttonList.filter(item => !handleHidden(item))\n            );\n\n            const handleClick = async (item: ActionButton) => {\n                if (props.designState) return; // 在设计状态下不处理点击事件\n                if (!item.onClick) return;\n                try {\n                    await executeFunction({\n                        functionBody: item.onClick,\n                        context: props.ctx,\n                        params: props.scope\n                    });\n                } catch (error) {\n                    console.error('Button click handler error:', error);\n                }\n            };\n\n            const handleDisabled = (item: ActionButton): boolean => {\n                if (!item.onDisabled) return false;\n\n                try {\n                    return executeFunction({\n                        functionBody: item.onDisabled,\n                        context: props.ctx,\n                        params: props.scope\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":";;;AAiCI,MAAA,YAAe,gBAAgB;AAAA,EAC3B,MAAM;AAAA,EACN,YAAY,EAAE,QAAA;AAAA,EACd,OAAO;AAAA,IACH,SAAS;AAAA,MACL,MAAM;AAAA,MACN,SAAS,MAAM;AAAA,MAAA;AAAA,IAAC;AAAA,IAEpB,OAAO;AAAA,MACH,MAAM;AAAA,MACN,SAAS,MAAM;AAAA,MAAA;AAAA,IAAC;AAAA,IAEpB,KAAK;AAAA,MACD,MAAM;AAAA,IAAA;AAAA,IAEV,YAAY;AAAA,MACR,MAAM;AAAA,MACN,SAAS,MAAM,CAAA;AAAA,IAAC;AAAA,IAEpB,aAAa;AAAA,MACT,MAAM;AAAA,MACN,SAAS,MAAM,CAAA;AAAA,IAAC;AAAA,IAEpB,MAAM;AAAA,MACF,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA,IAEb,aAAa;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA,EACb;AAAA,EAEJ,MAAM,OAAO;AACT,UAAM,iBAAiB,SAAS,OAAO;AAAA,MACnC,UAAU,MAAM;AAAA,IAAA,EAClB;AAEF,UAAM,aAAa,SAAS,MAAA;;AAAM,gBAAC,WAAM,YAAN,mBAAe,iBAAgB,CAAC,CAAC,MAAM;AAAA,KAAW;AAErF,UAAM,eAAe,SAAS,MAAA;;AAAM,yBAAM,YAAN,mBAAe;AAAA,KAAY;AAC/D,YAAQ,IAAI,EAAE,YAAY,WAAW,OAAO,cAAc,aAAa,OAAO;AAE9E,UAAM,iBAAiB;AAAA,MAAS,MAC5B,MAAM,WAAW,OAAO,UAAQ,CAAC,aAAa,IAAI,CAAC;AAAA,IAAA;AAGvD,UAAM,cAAc,OAAO,SAAuB;AAC9C,UAAI,MAAM,YAAa;AACvB,UAAI,CAAC,KAAK,QAAS;AACnB,UAAI;AACA,cAAM,gBAAgB;AAAA,UAClB,cAAc,KAAK;AAAA,UACnB,SAAS,MAAM;AAAA,UACf,QAAQ,MAAM;AAAA,QAAA,CACjB;AAAA,MAAA,SACI,OAAO;AACZ,gBAAQ,MAAM,+BAA+B,KAAK;AAAA,MAAA;AAAA,IACtD;AAGJ,UAAM,iBAAiB,CAAC,SAAgC;AACpD,UAAI,CAAC,KAAK,WAAY,QAAO;AAE7B,UAAI;AACA,eAAO,gBAAgB;AAAA,UACnB,cAAc,KAAK;AAAA,UACnB,SAAS,MAAM;AAAA,UACf,QAAQ,MAAM;AAAA,QAAA,CACjB;AAAA,MAAA,SACI,OAAO;AACZ,gBAAQ,MAAM,kCAAkC,KAAK;AACrD,eAAO;AAAA,MAAA;AAAA,IACX;AAGJ,UAAM,eAAe,CAAC,SAAgC;AAClD,UAAI,CAAC,KAAK,SAAU,QAAO;AAE3B,UAAI;AACA,eAAO,gBAAgB;AAAA,UACnB,cAAc,KAAK;AAAA,UACnB,SAAS,MAAM;AAAA,UACf,QAAQ,MAAM;AAAA,QAAA,CACjB;AAAA,MAAA,SACI,OAAO;AACZ,gBAAQ,MAAM,gCAAgC,KAAK;AACnD,eAAO;AAAA,MAAA;AAAA,IACX;AAGJ,WAAO;AAAA,MACH;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EACJ;AAER,CAAC;"}
+{"version":3,"file":"ActionButtonListRender.vue2.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                    :danger=\"item.danger\"\n                    class=\"tpf-button\"\n                    :disabled=\"handleDisabled(item)\"\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 { executeFunction } from '@/utils/executeFunction';\n    import SvgIcon from '@/components/svg-icon/index.vue';\n    import type { ActionButton } from '@/types/button';\n\n    export default defineComponent({\n        name: 'ActionButtonListRender',\n        components: { SvgIcon },\n        props: {\n            options: {\n                type: Object,\n                default: () => {}\n            },\n            scope: {\n                type: Object,\n                default: () => {}\n            },\n            ctx: {\n                type: Object\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        setup(props) {\n            const containerStyle = computed(() => ({\n                '--flex': props.flex\n            }));\n\n            const isDisabled = computed(() => !props.options?.getContainer || !!props.designState);\n\n            const getContainer = computed(() => props.options?.getContainer);\n            console.log({ isDisabled: isDisabled.value, getContainer: getContainer.value });\n\n            const visibleButtons = computed(() =>\n                props.buttonList.filter(item => !handleHidden(item))\n            );\n\n            const handleClick = async (item: ActionButton) => {\n                if (props.designState) return; // 在设计状态下不处理点击事件\n                if (!item.onClick) return;\n                try {\n                    await executeFunction({\n                        functionBody: item.onClick,\n                        context: props.ctx,\n                        params: props.scope\n                    });\n                } catch (error) {\n                    console.error('Button click handler error:', error);\n                }\n            };\n\n            const handleDisabled = (item: ActionButton): boolean => {\n                if (!item.onDisabled) return false;\n\n                try {\n                    return executeFunction({\n                        functionBody: item.onDisabled,\n                        context: props.ctx,\n                        params: props.scope\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":["_sfc_main","defineComponent","SvgIcon","props","containerStyle","computed","isDisabled","_a","getContainer","visibleButtons","handleHidden","item","handleClick","executeFunction","error","handleDisabled"],"mappings":";;;AAiCI,MAAAA,IAAeC,EAAgB;AAAA,EAC3B,MAAM;AAAA,EACN,YAAY,EAAE,SAAAC,EAAA;AAAA,EACd,OAAO;AAAA,IACH,SAAS;AAAA,MACL,MAAM;AAAA,MACN,SAAS,MAAM;AAAA,MAAA;AAAA,IAAC;AAAA,IAEpB,OAAO;AAAA,MACH,MAAM;AAAA,MACN,SAAS,MAAM;AAAA,MAAA;AAAA,IAAC;AAAA,IAEpB,KAAK;AAAA,MACD,MAAM;AAAA,IAAA;AAAA,IAEV,YAAY;AAAA,MACR,MAAM;AAAA,MACN,SAAS,MAAM,CAAA;AAAA,IAAC;AAAA,IAEpB,aAAa;AAAA,MACT,MAAM;AAAA,MACN,SAAS,MAAM,CAAA;AAAA,IAAC;AAAA,IAEpB,MAAM;AAAA,MACF,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA,IAEb,aAAa;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA,EACb;AAAA,EAEJ,MAAMC,GAAO;AACT,UAAMC,IAAiBC,EAAS,OAAO;AAAA,MACnC,UAAUF,EAAM;AAAA,IAAA,EAClB,GAEIG,IAAaD,EAAS,MAAA;;AAAM,gBAACE,IAAAJ,EAAM,YAAN,QAAAI,EAAe,iBAAgB,CAAC,CAACJ,EAAM;AAAA,KAAW,GAE/EK,IAAeH,EAAS,MAAA;;AAAM,cAAAE,IAAAJ,EAAM,YAAN,gBAAAI,EAAe;AAAA,KAAY;AAC/D,YAAQ,IAAI,EAAE,YAAYD,EAAW,OAAO,cAAcE,EAAa,OAAO;AAE9E,UAAMC,IAAiBJ;AAAA,MAAS,MAC5BF,EAAM,WAAW,OAAO,OAAQ,CAACO,EAAaC,CAAI,CAAC;AAAA,IAAA,GAGjDC,IAAc,OAAOD,MAAuB;AAC9C,UAAI,CAAAR,EAAM,eACLQ,EAAK;AACV,YAAI;AACA,gBAAME,EAAgB;AAAA,YAClB,cAAcF,EAAK;AAAA,YACnB,SAASR,EAAM;AAAA,YACf,QAAQA,EAAM;AAAA,UAAA,CACjB;AAAA,QAAA,SACIW,GAAO;AACZ,kBAAQ,MAAM,+BAA+BA,CAAK;AAAA,QAAA;AAAA,IACtD,GAGEC,IAAiB,CAACJ,MAAgC;AACpD,UAAI,CAACA,EAAK,WAAY,QAAO;AAE7B,UAAI;AACA,eAAOE,EAAgB;AAAA,UACnB,cAAcF,EAAK;AAAA,UACnB,SAASR,EAAM;AAAA,UACf,QAAQA,EAAM;AAAA,QAAA,CACjB;AAAA,MAAA,SACIW,GAAO;AACZ,uBAAQ,MAAM,kCAAkCA,CAAK,GAC9C;AAAA,MAAA;AAAA,IACX,GAGEJ,IAAe,CAACC,MAAgC;AAClD,UAAI,CAACA,EAAK,SAAU,QAAO;AAE3B,UAAI;AACA,eAAOE,EAAgB;AAAA,UACnB,cAAcF,EAAK;AAAA,UACnB,SAASR,EAAM;AAAA,UACf,QAAQA,EAAM;AAAA,QAAA,CACjB;AAAA,MAAA,SACIW,GAAO;AACZ,uBAAQ,MAAM,gCAAgCA,CAAK,GAC5C;AAAA,MAAA;AAAA,IACX;AAGJ,WAAO;AAAA,MACH,cAAAN;AAAA,MACA,YAAAF;AAAA,MACA,gBAAAF;AAAA,MACA,gBAAAK;AAAA,MACA,aAAAG;AAAA,MACA,gBAAAG;AAAA,IAAA;AAAA,EACJ;AAER,CAAC;"}

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

@@ -1,5 +1,5 @@
-import _sfc_main from "./CustomerModal.vue2.js";
+import f from "./CustomerModal.vue2.js";
 export {
-  _sfc_main as default
+  f as default
 };
 //# sourceMappingURL=CustomerModal.vue.js.map