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

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

@@ -1,17 +1,17 @@
-import { defineComponent as z, mergeModels as w, useModel as x, ref as g, createVNode as l, resolveComponent as o, createTextVNode as i, computed as D, createElementBlock as V, openBlock as R, Fragment as S, createElementVNode as E, unref as f, withCtx as T, toDisplayString as U, isVNode as H } from "vue";
-import { useI18n as I } from "../../utils/i18n.js";
-import M from "../code-editor/code-modal-editor.vue.js";
-import { generateId as O } from "../../utils/util.js";
+import { defineComponent as z, mergeModels as V, useModel as x, ref as g, createVNode as l, resolveComponent as n, createTextVNode as o, computed as D, createElementBlock as R, openBlock as U, Fragment as S, createElementVNode as E, unref as h, withCtx as H, toDisplayString as T, isVNode as I } from "vue";
+import { useI18n as M } from "../../utils/i18n.js";
+import O from "../code-editor/code-modal-editor.vue.js";
+import { generateId as w } from "../../utils/util.js";
 import { TpfSelectIcon as L, useVxeTable as N, Table as j } from "tmgc2-share";
-const $ = {
+const F = {
   class: "add-btn"
 };
-function r(d) {
-  return typeof d == "function" || Object.prototype.toString.call(d) === "[object Object]" && !H(d);
+function r(u) {
+  return typeof u == "function" || Object.prototype.toString.call(u) === "[object Object]" && !I(u);
 }
 const P = /* @__PURE__ */ z({
   __name: "ActionButtonListDialog",
-  props: /* @__PURE__ */ w({
+  props: /* @__PURE__ */ V({
     parmas: {
       default: ""
     }
@@ -22,106 +22,107 @@ const P = /* @__PURE__ */ z({
     dataModifiers: {}
   }),
   emits: ["update:data"],
-  setup(d) {
-    const s = x(d, "data"), {
-      i18nt: n
-    } = I(), u = g(), h = g(), c = g(), v = [{
+  setup(u) {
+    const d = x(u, "data"), {
+      i18nt: a
+    } = M(), c = g(), b = g(), p = g(), m = [{
       field: "seq",
       type: "seq",
       title: "序号",
+      fixed: "left",
       dragSort: !0
     }, {
       field: "label",
-      title: n("designer.setting.operationButtonLabel"),
+      title: a("designer.setting.operationButtonLabel"),
       width: 100,
       slots: {
         default({
           row: e
         }) {
-          return l(o("a-input"), {
+          return l(n("a-input"), {
             value: e.label,
             "onUpdate:value": (t) => e.label = t,
-            placeholder: n("designer.setting.operationButtonLabel")
+            placeholder: a("designer.setting.operationButtonLabel")
           }, null);
         }
       }
     }, {
       field: "type",
-      title: n("designer.setting.operationButtonType"),
+      title: a("designer.setting.operationButtonType"),
       width: 120,
       slots: {
         default({
           row: e
         }) {
-          return l(o("a-select"), {
+          return l(n("a-select"), {
             value: e.type,
             "onUpdate:value": (t) => e.type = t,
-            placeholder: n("designer.setting.operationButtonType"),
+            placeholder: a("designer.setting.operationButtonType"),
             style: "width: 100%"
           }, {
-            default: () => [l(o("a-select-option"), {
+            default: () => [l(n("a-select-option"), {
               value: "primary"
             }, {
-              default: () => [i("primary")]
-            }), l(o("a-select-option"), {
+              default: () => [o("primary")]
+            }), l(n("a-select-option"), {
               value: "dashed"
             }, {
-              default: () => [i("dashed")]
-            }), l(o("a-select-option"), {
+              default: () => [o("dashed")]
+            }), l(n("a-select-option"), {
               value: "text"
             }, {
-              default: () => [i("text")]
-            }), l(o("a-select-option"), {
+              default: () => [o("text")]
+            }), l(n("a-select-option"), {
               value: "link"
             }, {
-              default: () => [i("link")]
-            }), l(o("a-select-option"), {
+              default: () => [o("link")]
+            }), l(n("a-select-option"), {
               value: "default"
             }, {
-              default: () => [i("default")]
+              default: () => [o("default")]
             })]
           });
         }
       }
     }, {
       field: "size",
-      title: n("designer.setting.operationButtonSize"),
+      title: a("designer.setting.operationButtonSize"),
       width: 100,
       slots: {
         default({
           row: e
         }) {
-          return l(o("a-select"), {
+          return l(n("a-select"), {
             value: e.size,
             "onUpdate:value": (t) => e.size = t,
-            placeholder: n("designer.setting.size"),
+            placeholder: a("designer.setting.size"),
             style: "width: 100%"
           }, {
-            default: () => [l(o("a-select-option"), {
+            default: () => [l(n("a-select-option"), {
               value: "default"
             }, {
-              default: () => [i("default")]
-            }), l(o("a-select-option"), {
+              default: () => [o("default")]
+            }), l(n("a-select-option"), {
               value: "small"
             }, {
-              default: () => [i("small")]
-            }), l(o("a-select-option"), {
+              default: () => [o("small")]
+            }), l(n("a-select-option"), {
               value: "large"
             }, {
-              default: () => [i("large")]
+              default: () => [o("large")]
             })]
           });
         }
       }
     }, {
       field: "ghost",
-      title: n("designer.setting.operationButtonGhost"),
+      title: a("designer.setting.operationButtonGhost"),
       width: 80,
       slots: {
         default({
           row: e
         }) {
-          return l(o("a-switch"), {
+          return l(n("a-switch"), {
             checkedValue: 1,
             unCheckedValue: 0,
             checked: e.ghost,
@@ -131,13 +132,13 @@ const P = /* @__PURE__ */ z({
       }
     }, {
       field: "danger",
-      title: n("designer.setting.danger"),
+      title: a("designer.setting.danger"),
       width: 100,
       slots: {
         default({
           row: e
         }) {
-          return l(o("a-switch"), {
+          return l(n("a-switch"), {
             checkedValue: 1,
             unCheckedValue: 0,
             checked: e.danger,
@@ -147,7 +148,7 @@ const P = /* @__PURE__ */ z({
       }
     }, {
       field: "icon",
-      title: n("designer.setting.buttonIcon"),
+      title: a("designer.setting.buttonIcon"),
       width: 120,
       slots: {
         default({
@@ -161,98 +162,119 @@ const P = /* @__PURE__ */ z({
       }
     }, {
       field: "onHidden",
-      title: n("designer.setting.operationButtonHidden"),
+      title: a("designer.setting.operationButtonHidden"),
       width: 100,
       slots: {
         default({
           row: e,
           rowIndex: t
         }) {
-          let a;
-          return l(o("a-button"), {
-            class: [{
-              "button-text-highlight": !!e.onHidden
-            }],
-            onClick: () => p("onHidden", e, t),
-            size: "small"
-          }, r(a = n("designer.setting.operationButtonHidden")) ? a : {
-            default: () => [a]
+          let i;
+          return l(n("a-space"), null, {
+            default: () => [l(n("a-switch"), {
+              checkedValue: 1,
+              unCheckedValue: 0,
+              disabled: !!e.onHidden,
+              checked: e.hidden,
+              "onUpdate:checked": (s) => e.hidden = s
+            }, null), l(n("a-button"), {
+              class: [{
+                "button-text-highlight": !!e.onHidden
+              }],
+              onClick: () => f("onHidden", e, t),
+              disabled: e.hidden,
+              size: "small"
+            }, r(i = a("designer.setting.operationButtonHidden")) ? i : {
+              default: () => [i]
+            })]
           });
         }
       }
     }, {
       field: "onDisabled",
-      title: n("designer.setting.operationButtonDisabled"),
+      title: a("designer.setting.operationButtonDisabled"),
       width: 100,
       slots: {
         default({
           row: e,
           rowIndex: t
         }) {
-          let a;
-          return l(o("a-button"), {
-            class: [{
-              "button-text-highlight": !!e.onDisabled
-            }],
-            onClick: () => p("onDisabled", e, t),
-            size: "small"
-          }, r(a = n("designer.setting.operationButtonDisabled")) ? a : {
-            default: () => [a]
+          let i;
+          return l(n("a-space"), null, {
+            default: () => [l(n("a-switch"), {
+              checkedValue: 1,
+              unCheckedValue: 0,
+              disabled: !!e.onDisabled,
+              checked: e.disabled,
+              "onUpdate:checked": (s) => e.disabled = s
+            }, null), l(n("a-button"), {
+              class: [{
+                "button-text-highlight": !!e.onDisabled
+              }],
+              onClick: () => f("onDisabled", e, t),
+              disabled: e.disabled,
+              size: "small"
+            }, r(i = a("designer.setting.operationButtonDisabled")) ? i : {
+              default: () => [i]
+            })]
           });
         }
       }
     }, {
       field: "onClick",
-      title: n("designer.setting.operationButtonClick"),
+      title: a("designer.setting.operationButtonClick"),
       width: 100,
       slots: {
         default({
           row: e,
           rowIndex: t
         }) {
-          let a;
-          return l(o("a-button"), {
+          let i;
+          return l(n("a-button"), {
             class: [{
               "button-text-highlight": !!e.onClick
             }],
-            onClick: () => p("onClick", e, t),
+            onClick: () => f("onClick", e, t),
             size: "small"
-          }, r(a = n("designer.setting.operationButtonClick")) ? a : {
-            default: () => [a]
+          }, r(i = a("designer.setting.operationButtonClick")) ? i : {
+            default: () => [i]
           });
         }
       }
     }, {
       field: "action",
-      title: n("designer.setting.operationButtonAction"),
+      title: a("designer.setting.operationButtonAction"),
       width: 80,
+      align: "center",
+      fixed: "right",
       slots: {
         default({
           rowIndex: e
         }) {
           let t;
-          return l(o("a-button"), {
+          return l(n("a-button"), {
             type: "link",
             onClick: () => y(e),
             size: "small"
-          }, r(t = n("designer.setting.delete")) ? t : {
+          }, r(t = a("designer.setting.delete")) ? t : {
             default: () => [t]
           });
         }
       }
-    }], b = D(() => ({
+    }], v = D(() => ({
       columnConfig: {
         resizable: !0
       },
       rowConfig: {
+        keyField: "name",
         drag: !0
       },
       cellConfig: {
         height: 50
       },
-      data: s.value,
+      data: d.value,
       size: "mini",
-      columns: v,
+      columns: m,
       clickRowCheck: !1
     })), {
       tableRef: k,
@@ -264,49 +286,48 @@ const P = /* @__PURE__ */ z({
       events: {
         rowDragend() {
           var e;
-          s.value = ((e = k.value) == null ? void 0 : e.getFullData()) || [];
+          d.value = ((e = k.value) == null ? void 0 : e.getFullData()) || [];
         }
       },
       callbacks: {}
     }), y = (e) => {
-      console.log(e), s.value.splice(e, 1);
-    }, p = (e, t, a) => {
-      var m;
-      c.value = a, u.value = e, console.log({
+      console.log(e), d.value.splice(e, 1);
+    }, f = (e, t, i) => {
+      var s;
+      p.value = i, c.value = e, console.log({
         code: t[e]
-      }), (m = h.value) == null || m.open(t[e]);
+      }), (s = b.value) == null || s.open(t[e]);
     }, B = (e) => {
-      console.log(s.value, c.value, u.value), s.value[c.value][u.value] = e;
+      console.log(d.value, p.value, c.value), d.value[p.value][c.value] = e;
     }, _ = () => {
-      s.value.push({
-        name: "btn" + O(),
+      d.value.push({
+        name: "btn" + w(),
         label: "new btn",
         type: "primary",
-        size: "small",
+        size: "default",
         ghost: 0,
-        shape: "default",
-        hidden: !1,
-        disabled: !1,
+        hidden: 0,
+        disabled: 0,
         onClick: ""
       });
     };
     return (e, t) => {
-      const a = o("a-button");
-      return R(), V(S, null, [l(f(j), {
-        "table-props": b.value,
-        onRegister: f(C)
-      }, null, 8, ["table-props", "onRegister"]), E("div", $, [l(a, {
+      const i = n("a-button");
+      return U(), R(S, null, [l(h(j), {
+        "table-props": v.value,
+        onRegister: h(C)
+      }, null, 8, ["table-props", "onRegister"]), E("div", F, [l(i, {
         type: "primary",
         size: "default",
         onClick: _
       }, {
-        default: T(() => [i(U(f(n)("designer.setting.addOperationButton")), 1)]),
+        default: H(() => [o(T(h(a)("designer.setting.addOperationButton")), 1)]),
         _: 1
-      })]), l(M, {
+      })]), l(O, {
         ref_key: "codeModalEditorRef",
-        ref: h,
+        ref: b,
         onSave: B,
-        "event-header": `${u.value}(${e.parmas}){`
+        "event-header": `${c.value}(${e.parmas}){`
       }, null, 8, ["event-header"])], 64);
     };
   }

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    <Table :table-props=\"tableProps\" @register=\"register\" />\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 setup lang=\"tsx\">\n    import { ref, computed } from 'vue';\n    import { useI18n } from '@/utils/i18n';\n    import CodeModalEditor from '@/components/code-editor/code-modal-editor.vue';\n    import { generateId } from '@/utils/util';\n    import { TpfSelectIcon, Table, useVxeTable, ImeTableProps } from 'tmgc2-share';\n    import { VxeGridPropTypes } from 'vxe-table';\n\n    // Props\n    withDefaults(\n        defineProps<{\n            parmas?: string;\n        }>(),\n        {\n            parmas: ''\n        }\n    );\n\n    const buttonList = defineModel('data', {\n        default: [] as any[]\n    });\n\n    // Composables\n    const { i18nt } = useI18n();\n\n    // Refs\n    const currentEditBtn = ref();\n    const codeModalEditorRef = ref();\n    const currentRecordIndexs = ref();\n\n    // Columns configuration\n    const columns: VxeGridPropTypes.Columns = [\n        {\n            field: 'seq',\n            type: 'seq',\n            title: '序号',\n            dragSort: true\n        },\n        {\n            field: 'label',\n            title: i18nt('designer.setting.operationButtonLabel'),\n            width: 100,\n            slots: {\n                default({ row }) {\n                    return (\n                        <a-input\n                            v-model:value={row.label}\n                            placeholder={i18nt('designer.setting.operationButtonLabel')}\n                        />\n                    );\n                }\n            }\n        },\n        {\n            field: 'type',\n            title: i18nt('designer.setting.operationButtonType'),\n            width: 120,\n            slots: {\n                default({ row }) {\n                    return (\n                        <a-select\n                            v-model:value={row.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=\"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                    );\n                }\n            }\n        },\n        {\n            field: 'size',\n            title: i18nt('designer.setting.operationButtonSize'),\n            width: 100,\n            slots: {\n                default({ row }) {\n                    return (\n                        <a-select\n                            v-model:value={row.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                    );\n                }\n            }\n        },\n        {\n            field: 'ghost',\n            title: i18nt('designer.setting.operationButtonGhost'),\n            width: 80,\n            slots: {\n                default({ row }) {\n                    return (\n                        <a-switch checkedValue={1} unCheckedValue={0} v-model:checked={row.ghost} />\n                    );\n                }\n            }\n        },\n        {\n            field: 'danger',\n            title: i18nt('designer.setting.danger'),\n            width: 100,\n            slots: {\n                default({ row }) {\n                    return (\n                        <a-switch\n                            checkedValue={1}\n                            unCheckedValue={0}\n                            v-model:checked={row.danger}\n                        />\n                    );\n                }\n            }\n        },\n        {\n            field: 'icon',\n            title: i18nt('designer.setting.buttonIcon'),\n            width: 120,\n            slots: {\n                default({ row }) {\n                    return <TpfSelectIcon v-model:value={row.icon} />;\n                }\n            }\n        },\n        {\n            field: 'onHidden',\n            title: i18nt('designer.setting.operationButtonHidden'),\n            width: 100,\n            slots: {\n                default({ row, rowIndex }) {\n                    return (\n                        <a-button\n                            class={[{ 'button-text-highlight': !!row.onHidden }]}\n                            onClick={() => editClickEvent('onHidden', row, rowIndex)}\n                            size=\"small\"\n                        >\n                            {i18nt('designer.setting.operationButtonHidden')}\n                        </a-button>\n                    );\n                }\n            }\n        },\n        {\n            field: 'onDisabled',\n            title: i18nt('designer.setting.operationButtonDisabled'),\n            width: 100,\n            slots: {\n                default({ row, rowIndex }) {\n                    return (\n                        <a-button\n                            class={[{ 'button-text-highlight': !!row.onDisabled }]}\n                            onClick={() => editClickEvent('onDisabled', row, rowIndex)}\n                            size=\"small\"\n                        >\n                            {i18nt('designer.setting.operationButtonDisabled')}\n                        </a-button>\n                    );\n                }\n            }\n        },\n        {\n            field: 'onClick',\n            title: i18nt('designer.setting.operationButtonClick'),\n            width: 100,\n            slots: {\n                default({ row, rowIndex }) {\n                    return (\n                        <a-button\n                            class={[{ 'button-text-highlight': !!row.onClick }]}\n                            onClick={() => editClickEvent('onClick', row, rowIndex)}\n                            size=\"small\"\n                        >\n                            {i18nt('designer.setting.operationButtonClick')}\n                        </a-button>\n                    );\n                }\n            }\n        },\n        {\n            field: 'action',\n            title: i18nt('designer.setting.operationButtonAction'),\n            width: 80,\n            slots: {\n                default({ rowIndex }) {\n                    return (\n                        <a-button\n                            type=\"link\"\n                            onClick={() => deleteOperationButton(rowIndex)}\n                            size=\"small\"\n                        >\n                            {i18nt('designer.setting.delete')}\n                        </a-button>\n                    );\n                }\n            }\n        }\n    ];\n\n    const tableProps = computed(() => {\n        return {\n            columnConfig: {\n                resizable: true\n            },\n            rowConfig: {\n                drag: true\n            },\n            cellConfig: {\n                height: 50\n            },\n            data: buttonList.value,\n            size: 'mini',\n            columns: columns,\n            clickRowCheck: false\n        } as ImeTableProps;\n    });\n\n    const { tableRef, register } = useVxeTable({\n        props: {\n            rowKey: 'name'\n        },\n        events: {\n            rowDragend() {\n                buttonList.value = tableRef.value?.getFullData() || [];\n            }\n        },\n        callbacks: {}\n    });\n\n    // Methods\n    const deleteOperationButton = (index: number) => {\n        console.log(index);\n        buttonList.value.splice(index, 1);\n    };\n\n    const editClickEvent = (name, row, rowIndex) => {\n        currentRecordIndexs.value = rowIndex;\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            ghost: 0,\n            shape: 'default',\n            hidden: false,\n            disabled: false,\n            onClick: ''\n        });\n    };\n</script>\n\n<style lang=\"less\" scoped>\n    .add-btn {\n        margin-top: 10px;\n        text-align: center;\n    }\n</style>\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","buttonList","_useModel","__props","i18nt","useI18n","currentEditBtn","ref","codeModalEditorRef","currentRecordIndexs","columns","field","type","title","dragSort","width","slots","default","row","_createVNode2","_resolveComponent2","label","$event","_createTextVNode2","size","ghost","danger","TpfSelectIcon","icon","rowIndex","_slot","onHidden","onClick","editClickEvent","_slot2","onDisabled","_slot3","_slot4","deleteOperationButton","tableProps","computed","columnConfig","resizable","rowConfig","drag","cellConfig","height","data","value","clickRowCheck","tableRef","register","useVxeTable","props","rowKey","events","rowDragend","getFullData","callbacks","index","console","log","splice","name","code","open","saveColumnRender","addOperationButton","push","generateId","shape","hidden","disabled","_createVNode","_unref","Table","onRegister","_createElementVNode","_hoisted_1","_component_a_button","CodeModalEditor","onSave","parmas"],"mappings":"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"}
+{"version":3,"file":"ActionButtonListDialog.vue2.js","sources":["../../../../src/components/public/ActionButtonListDialog.vue"],"sourcesContent":["<template>\n    <Table :table-props=\"tableProps\" @register=\"register\" />\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 setup lang=\"tsx\">\n    import { ref, computed } from 'vue';\n    import { useI18n } from '@/utils/i18n';\n    import CodeModalEditor from '@/components/code-editor/code-modal-editor.vue';\n    import { generateId } from '@/utils/util';\n    import { TpfSelectIcon, Table, useVxeTable, ImeTableProps } from 'tmgc2-share';\n    import { VxeGridPropTypes } from 'vxe-table';\n\n    // Props\n    withDefaults(\n        defineProps<{\n            parmas?: string;\n        }>(),\n        {\n            parmas: ''\n        }\n    );\n\n    const buttonList = defineModel('data', {\n        default: [] as any[]\n    });\n\n    // Composables\n    const { i18nt } = useI18n();\n\n    // Refs\n    const currentEditBtn = ref();\n    const codeModalEditorRef = ref();\n    const currentRecordIndexs = ref();\n\n    // Columns configuration\n    const columns: VxeGridPropTypes.Columns = [\n        {\n            field: 'seq',\n            type: 'seq',\n            title: '序号',\n            fixed: 'left',\n            dragSort: true\n        },\n        {\n            field: 'label',\n            title: i18nt('designer.setting.operationButtonLabel'),\n            width: 100,\n            slots: {\n                default({ row }) {\n                    return (\n                        <a-input\n                            v-model:value={row.label}\n                            placeholder={i18nt('designer.setting.operationButtonLabel')}\n                        />\n                    );\n                }\n            }\n        },\n        {\n            field: 'type',\n            title: i18nt('designer.setting.operationButtonType'),\n            width: 120,\n            slots: {\n                default({ row }) {\n                    return (\n                        <a-select\n                            v-model:value={row.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=\"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                    );\n                }\n            }\n        },\n        {\n            field: 'size',\n            title: i18nt('designer.setting.operationButtonSize'),\n            width: 100,\n            slots: {\n                default({ row }) {\n                    return (\n                        <a-select\n                            v-model:value={row.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                    );\n                }\n            }\n        },\n        {\n            field: 'ghost',\n            title: i18nt('designer.setting.operationButtonGhost'),\n            width: 80,\n            slots: {\n                default({ row }) {\n                    return (\n                        <a-switch checkedValue={1} unCheckedValue={0} v-model:checked={row.ghost} />\n                    );\n                }\n            }\n        },\n        {\n            field: 'danger',\n            title: i18nt('designer.setting.danger'),\n            width: 100,\n            slots: {\n                default({ row }) {\n                    return (\n                        <a-switch\n                            checkedValue={1}\n                            unCheckedValue={0}\n                            v-model:checked={row.danger}\n                        />\n                    );\n                }\n            }\n        },\n        {\n            field: 'icon',\n            title: i18nt('designer.setting.buttonIcon'),\n            width: 120,\n            slots: {\n                default({ row }) {\n                    return <TpfSelectIcon v-model:value={row.icon} />;\n                }\n            }\n        },\n        {\n            field: 'onHidden',\n            title: i18nt('designer.setting.operationButtonHidden'),\n            width: 100,\n            slots: {\n                default({ row, rowIndex }) {\n                    return (\n                        <a-space>\n                            <a-switch\n                                checkedValue={1}\n                                unCheckedValue={0}\n                                disabled={!!row.onHidden}\n                                v-model:checked={row.hidden}\n                            />\n                            <a-button\n                                class={[{ 'button-text-highlight': !!row.onHidden }]}\n                                onClick={() => editClickEvent('onHidden', row, rowIndex)}\n                                disabled={row.hidden}\n                                size=\"small\"\n                            >\n                                {i18nt('designer.setting.operationButtonHidden')}\n                            </a-button>\n                        </a-space>\n                    );\n                }\n            }\n        },\n        {\n            field: 'onDisabled',\n            title: i18nt('designer.setting.operationButtonDisabled'),\n            width: 100,\n            slots: {\n                default({ row, rowIndex }) {\n                    return (\n                        <a-space>\n                            <a-switch\n                                checkedValue={1}\n                                unCheckedValue={0}\n                                disabled={!!row.onDisabled}\n                                v-model:checked={row.disabled}\n                            />\n                            <a-button\n                                class={[{ 'button-text-highlight': !!row.onDisabled }]}\n                                onClick={() => editClickEvent('onDisabled', row, rowIndex)}\n                                disabled={row.disabled}\n                                size=\"small\"\n                            >\n                                {i18nt('designer.setting.operationButtonDisabled')}\n                            </a-button>\n                        </a-space>\n                    );\n                }\n            }\n        },\n        {\n            field: 'onClick',\n            title: i18nt('designer.setting.operationButtonClick'),\n            width: 100,\n            slots: {\n                default({ row, rowIndex }) {\n                    return (\n                        <a-button\n                            class={[{ 'button-text-highlight': !!row.onClick }]}\n                            onClick={() => editClickEvent('onClick', row, rowIndex)}\n                            size=\"small\"\n                        >\n                            {i18nt('designer.setting.operationButtonClick')}\n                        </a-button>\n                    );\n                }\n            }\n        },\n        {\n            field: 'action',\n            title: i18nt('designer.setting.operationButtonAction'),\n            width: 80,\n            align: 'center',\n            fixed: 'right',\n            slots: {\n                default({ rowIndex }) {\n                    return (\n                        <a-button\n                            type=\"link\"\n                            onClick={() => deleteOperationButton(rowIndex)}\n                            size=\"small\"\n                        >\n                            {i18nt('designer.setting.delete')}\n                        </a-button>\n                    );\n                }\n            }\n        }\n    ];\n\n    const tableProps = computed(() => {\n        return {\n            columnConfig: {\n                resizable: true\n            },\n            rowConfig: {\n                keyField: 'name',\n                drag: true\n            },\n            cellConfig: {\n                height: 50\n            },\n            data: buttonList.value,\n            size: 'mini',\n            columns: columns,\n            clickRowCheck: false\n        } as ImeTableProps;\n    });\n\n    const { tableRef, register } = useVxeTable({\n        props: {\n            rowKey: 'name'\n        },\n        events: {\n            rowDragend() {\n                buttonList.value = tableRef.value?.getFullData() || [];\n            }\n        },\n        callbacks: {}\n    });\n\n    // Methods\n    const deleteOperationButton = (index: number) => {\n        console.log(index);\n        buttonList.value.splice(index, 1);\n    };\n\n    const editClickEvent = (name, row, rowIndex) => {\n        currentRecordIndexs.value = rowIndex;\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: 'default',\n            ghost: 0,\n            hidden: 0,\n            disabled: 0,\n            onClick: ''\n        });\n    };\n</script>\n\n<style lang=\"less\" scoped>\n    .add-btn {\n        margin-top: 10px;\n        text-align: center;\n    }\n</style>\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","buttonList","_useModel","__props","i18nt","useI18n","currentEditBtn","ref","codeModalEditorRef","currentRecordIndexs","columns","field","type","title","fixed","dragSort","width","slots","default","row","_createVNode2","_resolveComponent2","label","$event","_createTextVNode2","size","ghost","danger","TpfSelectIcon","icon","rowIndex","_slot","onHidden","hidden","onClick","editClickEvent","_slot2","onDisabled","disabled","_slot3","align","_slot4","deleteOperationButton","tableProps","computed","columnConfig","resizable","rowConfig","keyField","drag","cellConfig","height","data","value","clickRowCheck","tableRef","register","useVxeTable","props","rowKey","events","rowDragend","getFullData","callbacks","index","console","log","splice","name","code","open","saveColumnRender","addOperationButton","push","generateId","_createVNode","_unref","Table","onRegister","_createElementVNode","_hoisted_1","_component_a_button","CodeModalEditor","onSave","parmas"],"mappings":"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"}

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

@@ -1,46 +1,48 @@
-import d from "./ActionButtonListRender.vue2.js";
-import { resolveComponent as n, createElementBlock as a, openBlock as t, normalizeStyle as p, normalizeClass as u, createBlock as s, Teleport as f, createVNode as b, withCtx as l, Fragment as _, renderList as g, createCommentVNode as m, createTextVNode as y, toDisplayString as k } from "vue";
+import c from "./ActionButtonListRender.vue2.js";
+import { resolveComponent as t, createElementBlock as s, openBlock as n, normalizeStyle as p, normalizeClass as u, createBlock as a, Teleport as b, createVNode as g, withCtx as l, Fragment as f, renderList as _, createCommentVNode as y, createTextVNode as k, toDisplayString as C } from "vue";
 /* empty css                            */
-import C from "../../../_virtual/_plugin-vue_export-helper.js";
-function h(o, v, B, S, $, z) {
-  const r = n("SvgIcon"), c = n("a-button"), i = n("a-space");
-  return t(), a("div", {
+import m from "../../../_virtual/_plugin-vue_export-helper.js";
+function h(o, v, z, B, S, $) {
+  const r = t("SvgIcon"), d = t("a-button"), i = t("a-space");
+  return n(), s("div", {
     ref: "fieldEditor",
     class: u(["button-list-container", ...o.customClass]),
     style: p(o.containerStyle)
   }, [
-    (t(), s(f, {
+    (n(), a(b, {
       disabled: o.isDisabled,
       to: o.getContainer
     }, [
-      b(i, { size: 8 }, {
+      g(i, { size: 8 }, {
         default: l(() => [
-          (t(!0), a(_, null, g(o.visibleButtons, (e) => (t(), s(c, {
+          (n(!0), s(f, null, _(o.visibleButtons, (e) => (n(), a(d, {
             key: e.key,
             type: e.type,
+            size: e.size,
             danger: !!e.danger,
             ghost: !!e.ghost,
             class: "tpf-button",
-            disabled: o.handleDisabled(e),
+            loading: e.loading,
+            disabled: o.handleDisabled(e) || o.disabled || !!e.disabled,
             onClick: (D) => o.handleClick(e)
           }, {
             default: l(() => [
-              e.icon ? (t(), s(r, {
+              e.icon ? (n(), a(r, {
                 key: 0,
                 "icon-class": e.icon,
                 class: "button-icon"
-              }, null, 8, ["icon-class"])) : m("", !0),
-              y(" " + k(e.label), 1)
+              }, null, 8, ["icon-class"])) : y("", !0),
+              k(" " + C(e.label), 1)
             ]),
             _: 2
-          }, 1032, ["type", "danger", "ghost", "disabled", "onClick"]))), 128))
+          }, 1032, ["type", "size", "danger", "ghost", "loading", "disabled", "onClick"]))), 128))
         ]),
         _: 1
       })
     ], 8, ["disabled", "to"]))
   ], 6);
 }
-const L = /* @__PURE__ */ C(d, [["render", h], ["__scopeId", "data-v-31fe589f"]]);
+const L = /* @__PURE__ */ m(c, [["render", h], ["__scopeId", "data-v-4a5589b9"]]);
 export {
   L as default
 };

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                    :ghost=\"!!item.ghost\"\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 { SvgIcon, useExecFunction } from 'tmgc2-share';\n    import type { ActionButton } from '@/types/button';\n    import { ButtonPositionEnum } from '@/constants';\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                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        setup(props) {\n            const containerStyle = computed(() => ({\n                '--flex': props.flex\n            }));\n\n            const { executeFunction } = useExecFunction();\n\n            const isDisabled = computed(\n                () => props.options?.buttonPosition !== ButtonPositionEnum.DIY || props.designState\n            );\n\n            const getContainer = computed(() =>\n                isDisabled.value ? null : props.options?.getContainer\n            );\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                    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","_ctx","_normalizeStyle","_createBlock","_Teleport","_createVNode","_component_a_space","_withCtx","_openBlock","_Fragment","_renderList","item","_component_a_button","$event","_component_SvgIcon","_createCommentVNode","_toDisplayString"],"mappings":";;;;;;cACIA,EAwBM,OAAA;AAAA,IAvBF,KAAI;AAAA,IACH,OAAKC,+BAA+BC,EAAA,WAAW,CAAA;AAAA,IAC/C,OAAKC,EAAED,EAAA,cAAc;AAAA,EAAA,GAAA;AAAA,UAEtBE,EAkBWC,GAAA;AAAA,MAlBA,UAAUH,EAAA;AAAA,MAAa,IAAIA,EAAA;AAAA,IAAA,GAAA;AAAA,MAClCI,EAgBUC,GAAA,EAhBA,MAAM,EAAA,GAAC;AAAA,QAAA,SAAAC,EAET,MAA8B;AAAA,WAAAC,EAAA,EAAA,GADlCT,EAcWU,GAAA,MAAAC,EAbQT,EAAA,gBAAc,CAAtBU,YADXR,EAcWS,GAAA;AAAA,YAZN,KAAKD,EAAK;AAAA,YACV,MAAMA,EAAK;AAAA,YACX,QAAM,EAAIA,EAAK;AAAA,YACf,OAAK,EAAIA,EAAK;AAAA,YACf,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;;;;;;;;;"}
+{"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 '@/types/button';\n    import { ButtonPositionEnum } from '@/constants';\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 ? null : props.options?.getContainer\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) return;\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                    console.log({ result });\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","_ctx","_normalizeStyle","_createBlock","_Teleport","_createVNode","_component_a_space","_withCtx","_openBlock","_Fragment","_renderList","item","_component_a_button","$event","_component_SvgIcon","_createCommentVNode","_toDisplayString"],"mappings":";;;;;;cACIA,EA0BM,OAAA;AAAA,IAzBF,KAAI;AAAA,IACH,OAAKC,+BAA+BC,EAAA,WAAW,CAAA;AAAA,IAC/C,OAAKC,EAAED,EAAA,cAAc;AAAA,EAAA,GAAA;AAAA,UAEtBE,EAoBWC,GAAA;AAAA,MApBA,UAAUH,EAAA;AAAA,MAAa,IAAIA,EAAA;AAAA,IAAA,GAAA;AAAA,MAClCI,EAkBUC,GAAA,EAlBA,MAAM,EAAA,GAAC;AAAA,QAAA,SAAAC,EAET,MAA8B;AAAA,WAAAC,EAAA,EAAA,GADlCT,EAgBWU,GAAA,MAAAC,EAfQT,EAAA,gBAAc,CAAtBU,YADXR,EAgBWS,GAAA;AAAA,YAdN,KAAKD,EAAK;AAAA,YACV,MAAMA,EAAK;AAAA,YACX,MAAMA,EAAK;AAAA,YACX,QAAM,EAAIA,EAAK;AAAA,YACf,OAAK,EAAIA,EAAK;AAAA,YACf,OAAM;AAAA,YACL,SAASA,EAAK;AAAA,YACd,UAAUV,EAAA,eAAeU,CAAI,KAAKV,EAAA,YAAQ,EAAMU,EAAK;AAAA,YACrD,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;;;;;;;;;"}