@kp-ui/lowcode 2.14.0-beta.2 → 2.14.0-beta.21

package/src/components/form-render/index.vue.js

@@ -1,23 +1,27 @@
-import { resolveComponent as b, createElementBlock as F, openBlock as m, Fragment as D, createVNode as u, withCtx as g, createElementVNode as x, normalizeStyle as A, withKeys as _, normalizeClass as B, renderList as C, createBlock as W, resolveDynamicComponent as O, createSlots as v, renderSlot as M, mergeProps as y, render as J } from "vue";
-import P from "../../utils/emitter.js";
-import $ from "../form-designer/form-widget/field-widget/index.js";
-import { useI18n as H } from "@kp-ui/i18n";
-import { buildDefaultFormJson as T, getContainerWidgetByName as R, cloneFormConfigWithoutEventHandler as w, deepClone as f, getDSByName as E, overwriteObj as c, runDataSourceRequest as j, getAllContainerWidgets as z, getAllFieldWidgets as G, getDefaultFormConfig as K, traverseFieldWidgets as q, getFieldWidgetByName as V, traverseFieldWidgetsOfContainer as N, insertCustomCssToHead as U, insertGlobalFunctionsToHtml as Q, generateId as L } from "../../utils/util.js";
-import X, { setLangMessages as Y } from "../../utils/i18n.js";
-import Z from "./dynamic-dialog.vue.js";
+import { resolveComponent as d, createElementBlock as S, openBlock as u, Fragment as W, createElementVNode as v, createVNode as m, normalizeStyle as O, createBlock as M, createCommentVNode as w, withKeys as E, normalizeClass as V, withCtx as j, mergeProps as k, render as x } from "vue";
+import A from "../../utils/emitter.js";
+import { useI18n as _ } from "@kp-ui/i18n";
+import B from "./RenderWigetList.vue.js";
+import { Skeleton as $ } from "ant-design-vue";
+import { buildDefaultFormJson as J, getContainerWidgetByName as g, cloneFormConfigWithoutEventHandler as p, deepClone as f, getDSByName as F, overwriteObj as h, runDataSourceRequest as b, getAllContainerWidgets as P, getAllFieldWidgets as H, getDefaultFormConfig as T, traverseFieldWidgets as z, getFieldWidgetByName as D, traverseFieldWidgetsOfContainer as K, insertCustomCssToHead as G, insertGlobalFunctionsToHtml as q, generateId as c } from "../../utils/util.js";
+import U, { setLangMessages as N } from "../../utils/i18n.js";
+import Q from "./dynamic-dialog.vue.js";
 /* empty css                    */
-import I from "./dynamic-drawer.vue.js";
-import { fmtHttpParams as k } from "../../utils/request/fmtHttpParams.js";
+import X from "./dynamic-drawer.vue.js";
+import { fmtHttpParams as C } from "../../utils/request/fmtHttpParams.js";
+import { executeFunction as y } from "../../utils/executeFunction.js";
 /* empty css           */
-import tt from "../../../_virtual/_plugin-vue_export-helper.js";
-const et = {
+import Y from "../../../_virtual/_plugin-vue_export-helper.js";
+const Z = {
   name: "VFormRender",
   componentName: "VFormRender",
   inheritAttrs: !1,
-  mixins: [P, X],
+  mixins: [A, U],
   components: {
-    DynamicDialog: Z,
-    ...$
+    Skeleton: $,
+    RenderWigetList: B,
+    DynamicDialog: Q
+    // ...FieldComponents
   },
   props: {
     vfCtx: {
@@ -27,7 +31,7 @@ const et = {
     formJson: {
       //prop传入的表单JSON配置
       type: Object,
-      default: () => T()
+      default: () => J()
     },
     formData: {
       //prop传入的表单数据
@@ -150,10 +154,6 @@ const et = {
       this.isLoading = t;
     },
     // 处理回车键事件
-    handleEnterKey() {
-      var t;
-      ((t = this.formConfig) == null ? void 0 : t.isEnterSubmit) === 1 && this.handleOnSubmit();
-    },
     handleCancelClick() {
       if (!this.isClosing && this.handleBeforeClose())
         try {
@@ -182,7 +182,7 @@ const et = {
       var e;
       const t = this.formConfig.serveList;
       if ((e = t.vformDetail.http) != null && e.url) {
-        const i = await k.call(this, t.vformDetail, {
+        const i = await C.call(this, t.vformDetail, {
           vfCtx: this.vfCtx
         });
         return console.log("res: ", i), i;
@@ -192,7 +192,7 @@ const et = {
       var i;
       const t = await this.getFormData(), e = this.formConfig.serveList;
       if ((i = e.vformDetail.http) != null && i.url) {
-        const o = await k.call(this, e.vformUpdate, {
+        const o = await C.call(this, e.vformUpdate, {
           data: t,
           vfCtx: this.vfCtx
         });
@@ -200,7 +200,7 @@ const et = {
       }
     },
     initFormObject(t = !0) {
-      this.formId = "vfRender" + L(), t && !this.dynamicCreation && this.insertCustomStyleAndScriptNode(), this.addFieldChangeEventHandler(), this.addFieldValidateEventHandler(), this.registerFormToRefList(), this.handleOnCreated(), this.disabledMode && this.$nextTick(() => {
+      this.formId = "vfRender" + c(), t && !this.dynamicCreation && this.insertCustomStyleAndScriptNode(), this.addFieldChangeEventHandler(), this.addFieldValidateEventHandler(), this.registerFormToRefList(), this.handleOnCreated(), this.disabledMode && this.$nextTick(() => {
         this.disableForm();
       });
     },
@@ -211,14 +211,14 @@ const et = {
       return t.type + "-widget";
     },
     initLocale() {
-      const { t, messages: e } = H(), i = e.value[this.getLocale];
-      i && Y(this.getLocale, i.lang), this.changeLanguage(this.getLocale);
+      const { t, messages: e } = _(), i = e.value[this.getLocale];
+      i && N(this.getLocale, i.lang), this.changeLanguage(this.getLocale);
     },
     insertCustomStyleAndScriptNode() {
-      this.formConfig && this.formConfig.cssCode && U(
+      this.formConfig && this.formConfig.cssCode && G(
         this.formConfig.cssCode,
         this.previewState ? "" : this.formId
-      ), this.formConfig && this.formConfig.functions && Q(
+      ), this.formConfig && this.formConfig.functions && q(
         this.formConfig.functions,
         this.previewState ? "" : this.formId
       );
@@ -269,7 +269,7 @@ const et = {
             this.formDataModel[e] = f(i);
           } else {
             const i = [];
-            N(t, (r) => {
+            K(t, (r) => {
               i.push(r);
             });
             const s = {};
@@ -342,8 +342,17 @@ const et = {
     handleOnCreated() {
       this.formConfig && this.formConfig.onFormCreated && new Function(this.formConfig.onFormCreated).call(this);
     },
-    handleOnSubmit() {
-      this.formConfig && this.formConfig.handleOnSubmit && new Function(this.formConfig.handleOnSubmit).call(this);
+    onFormEnterKey() {
+      if (this.formConfig && this.formConfig.onFormEnterKey) {
+        const t = y({
+          functionBody: this.formConfig.onFormEnterKey,
+          context: this
+        });
+        t && y({
+          functionBody: t,
+          context: this
+        });
+      }
     },
     handleOnMounted() {
       this.formConfig && this.formConfig.onFormMounted && new Function(this.formConfig.onFormMounted).call(this);
@@ -353,7 +362,7 @@ const et = {
       i && i.setDisabled ? i.setDisabled(e) : this.findWidgetOfSubFormAndSetDisabled(t, e);
     },
     findWidgetOfSubFormAndSetDisabled(t, e) {
-      const i = V(
+      const i = D(
         this.formJsonObj.widgetList,
         t,
         !0
@@ -368,7 +377,7 @@ const et = {
       i && i.setDisabled ? i.setHidden(e) : this.findWidgetOfSubFormAndSetHidden(t, e);
     },
     findWidgetOfSubFormAndSetHidden(t, e) {
-      const i = V(
+      const i = D(
         this.formJsonObj.widgetList,
         t,
         !0
@@ -384,7 +393,7 @@ const et = {
       const o = (s, r) => {
         s.options && s.options.name === t && (i = r.options.name);
       };
-      if (q(this.widgetList, o), i) {
+      if (z(this.widgetList, o), i) {
         const s = this.getWidgetRef(i);
         if (s) {
           const r = s.getRowIdData();
@@ -400,13 +409,13 @@ const et = {
       this.getFieldWidgets().forEach((e) => {
         e.field.options.dsEnabled && e.field.options.dsName && e.field.options.dataSetName && t.add(e.field.options.dsName);
       }), t.size > 0 && t.forEach(async (e) => {
-        const i = E(this.formConfig, e);
+        const i = F(this.formConfig, e);
         if (i) {
           const o = new Object({});
-          c(o, this.globalDsv || {});
+          h(o, this.globalDsv || {});
           let s = null;
           try {
-            s = await j(
+            s = await b(
               i,
               o,
               this,
@@ -454,8 +463,8 @@ const et = {
             return;
           }
           this.clearFormDataModel(), this.buildFormModel(e.widgetList);
-          const i = f(K());
-          c(i, e.formConfig), this.formJsonObj.formConfig = i, this.formJsonObj.widgetList = e.widgetList, this.insertCustomStyleAndScriptNode(), this.$nextTick(() => {
+          const i = f(T());
+          h(i, e.formConfig), this.formJsonObj.formConfig = i, this.formJsonObj.widgetList = e.widgetList, this.insertCustomStyleAndScriptNode(), this.$nextTick(() => {
             this.initFormObject(!1), this.initDataSetRequest(), this.handleOnMounted();
           });
         } else
@@ -595,14 +604,14 @@ const et = {
      * @returns {*[]}
      */
     getFieldWidgets(t = !1) {
-      return G(this.formJsonObj.widgetList, t);
+      return H(this.formJsonObj.widgetList, t);
     },
     /**
      * 获取所有容器组件
      * @returns {*[]}
      */
     getContainerWidgets() {
-      return z(this.formJsonObj.widgetList);
+      return P(this.formJsonObj.widgetList);
     },
     /**
      * 增加外部组件引用，可通过getEC()方法获取外部组件，以便在VForm内部调用外部组件方法
@@ -655,8 +664,8 @@ const et = {
      * @param localDsv
      */
     async executeDataSource(t, e) {
-      const i = E(this.formJsonObj.formConfig, t), o = new Object({});
-      return c(o, this.globalDsv), c(o, e), await j(i, o, this, !1, this.$message);
+      const i = F(this.formJsonObj.formConfig, t), o = new Object({});
+      return h(o, this.globalDsv), h(o, e), await b(i, o, this, !1, this.$message);
     },
     /**
      * 获取父级VFormRender组件实例
@@ -707,15 +716,15 @@ const et = {
      * @param extraData
      */
     showDialog(t, e = {}, i = {}) {
-      const o = this.getTopFormRef(), s = this.getFormRef(), r = R(o.widgetList, t) || R(s.widgetList, t);
+      const o = this.getTopFormRef(), s = this.getFormRef(), r = g(o.widgetList, t) || g(s.widgetList, t);
       if (!t || r.type !== "vf-dialog") {
         this.$message.error(this.i18nt("render.hint.refNotFound") + t);
         return;
       }
       const n = {
         widgetList: f(r.widgetList),
-        formConfig: w(o.formConfig)
-      }, a = L() + "";
+        formConfig: p(o.formConfig)
+      }, a = c() + "";
       this.dialogProps = {
         options: r.options,
         formJson: n,
@@ -729,15 +738,15 @@ const et = {
       }, this.$refs.dynamicDialgRef.appContext = this.$root.$.appContext, this.$refs.dynamicDialgRef.show();
     },
     showDrawer(t, e = {}, i = {}) {
-      const o = this.getTopFormRef(), s = R(o.widgetList, t);
+      const o = this.getTopFormRef(), s = g(o.widgetList, t);
       if (!s || s.type !== "vf-drawer") {
         this.$message.error(this.i18nt("render.hint.refNotFound") + t);
         return;
       }
       const r = {
         widgetList: f(s.widgetList),
-        formConfig: w(o.formConfig)
-      }, n = L() + "", a = u(I, {
+        formConfig: p(o.formConfig)
+      }, n = c() + "", a = m(X, {
         options: s.options,
         formJson: r,
         formData: e || {},
@@ -748,8 +757,8 @@ const et = {
         wrapperId: n
       });
       a.appContext = this.$root.$.appContext;
-      const d = document.createElement("div");
-      d.id = "vf-dynamic-drawer-wrapper" + n, document.body.appendChild(d), J(a, d), document.body.appendChild(a.el), a.component.ctx.show();
+      const l = document.createElement("div");
+      l.id = "vf-dynamic-drawer-wrapper" + n, document.body.appendChild(l), x(a, l), document.body.appendChild(a.el), a.component.ctx.show();
     },
     /**
      * 判断表单是否处于设计器预览状态
@@ -764,68 +773,43 @@ const et = {
     //--------------------- 以上为组件支持外部调用的API方法 end ------------------//
   }
 };
-function it(t, e, i, o, s, r) {
-  const n = b("a-form"), a = b("a-spin"), d = b("DynamicDialog");
-  return m(), F(D, null, [
-    u(a, { spinning: s.isLoading }, {
-      default: g(() => [
-        x("div", {
-          style: A(s.isLoading ? "min-height: 260px" : "")
-        }, [
-          u(n, {
-            layout: r.labelPosition,
-            class: B([[r.customClass, s.readModeFlag ? "readonly-mode-form" : ""], "render-form tpf-form"]),
-            "label-width": r.labelWidth,
-            "validate-on-rule-change": !1,
-            model: s.formDataModel,
-            ref: "renderForm",
-            onKeydown: _(r.handleEnterKey, ["enter"])
-          }, {
-            default: g(() => [
-              (m(!0), F(D, null, C(r.widgetList, (l, S) => (m(), F(D, null, [
-                l.category === "container" ? (m(), W(O(r.getContainerWidgetName(l)), {
-                  widget: l,
-                  key: l.id,
-                  data: s.formDataModel[l.options.name],
-                  "parent-list": r.widgetList,
-                  "index-of-parent-list": S,
-                  "parent-widget": null,
-                  model: s.formDataModel
-                }, v({ _: 2 }, [
-                  C(Object.keys(t.$slots), (h) => ({
-                    name: h,
-                    fn: g((p) => [
-                      M(t.$slots, h, y({ ref_for: !0 }, p), void 0, !0)
-                    ])
-                  }))
-                ]), 1032, ["widget", "data", "parent-list", "index-of-parent-list", "model"])) : (m(), W(O(r.getWidgetName(l)), {
-                  field: l,
-                  "form-model": s.formDataModel,
-                  designer: null,
-                  key: l.id,
-                  "parent-list": r.widgetList,
-                  "index-of-parent-list": S,
-                  "parent-widget": null
-                }, v({ _: 2 }, [
-                  C(Object.keys(t.$slots), (h) => ({
-                    name: h,
-                    fn: g((p) => [
-                      M(t.$slots, h, y({ ref_for: !0 }, p), void 0, !0)
-                    ])
-                  }))
-                ]), 1032, ["field", "form-model", "parent-list", "index-of-parent-list"]))
-              ], 64))), 256))
-            ]),
-            _: 3
-          }, 8, ["layout", "class", "label-width", "model", "onKeydown"])
-        ], 4)
-      ]),
-      _: 3
-    }, 8, ["spinning"]),
-    u(d, y(s.dialogProps, { ref: "dynamicDialgRef" }), null, 16)
+function I(t, e, i, o, s, r) {
+  const n = d("Skeleton"), a = d("RenderWigetList"), l = d("a-form"), R = d("DynamicDialog");
+  return u(), S(W, null, [
+    v("div", {
+      class: "form-render-container",
+      style: O(s.isLoading ? "min-height: 260px" : "")
+    }, [
+      s.isLoading ? (u(), M(n, {
+        key: 0,
+        class: "skeleton-form",
+        active: "",
+        loading: !0
+      })) : w("", !0),
+      m(l, {
+        layout: r.labelPosition,
+        class: V([[r.customClass, s.readModeFlag ? "readonly-mode-form" : ""], "render-form tpf-form"]),
+        "label-width": r.labelWidth,
+        "validate-on-rule-change": !1,
+        model: s.formDataModel,
+        ref: "renderForm",
+        onKeydown: E(r.onFormEnterKey, ["enter"])
+      }, {
+        default: j(() => [
+          m(a, {
+            "parent-widget": null,
+            "widget-list": r.widgetList,
+            formDataModel: s.formDataModel,
+            "onUpdate:formDataModel": e[0] || (e[0] = (L) => s.formDataModel = L)
+          }, null, 8, ["widget-list", "formDataModel"])
+        ]),
+        _: 1
+      }, 8, ["layout", "class", "label-width", "model", "onKeydown"])
+    ], 4),
+    m(R, k(s.dialogProps, { ref: "dynamicDialgRef" }), null, 16)
   ], 64);
 }
-const ut = /* @__PURE__ */ tt(et, [["render", it], ["__scopeId", "data-v-01a89db4"]]);
+const ct = /* @__PURE__ */ Y(Z, [["render", I], ["__scopeId", "data-v-efb592b3"]]);
 export {
-  ut as default
+  ct as default
 };

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

@@ -1,190 +1,197 @@
-import c from "./ActionButtonListDialog.vue2.js";
-import { resolveComponent as k, createElementBlock as z, openBlock as s, Fragment as U, createVNode as i, createElementVNode as $, withCtx as n, createBlock as p, createCommentVNode as r, createTextVNode as a, normalizeClass as m, toDisplayString as g } from "vue";
+import B from "./ActionButtonListDialog.vue2.js";
+import { resolveComponent as k, createElementBlock as U, openBlock as u, Fragment as z, createVNode as d, createElementVNode as $, withCtx as n, createBlock as s, createCommentVNode as p, createTextVNode as o, normalizeClass as b, toDisplayString as f } from "vue";
 /* empty css                            */
 import E from "../../../_virtual/_plugin-vue_export-helper.js";
-const w = { class: "add-btn" };
-function D(e, t, S, V, H, N) {
-  const C = k("a-input"), u = k("a-select-option"), b = k("a-select"), y = k("TpfSelectIcon"), _ = k("a-switch"), f = k("a-button"), h = k("s-table"), B = k("CodeModalEditor");
-  return s(), z(U, null, [
-    i(h, {
+const V = { class: "add-btn" };
+function w(e, t, D, S, H, N) {
+  const h = k("a-input"), r = k("a-select-option"), m = k("a-select"), C = k("a-switch"), y = k("TpfSelectIcon"), g = k("a-button"), _ = k("s-table"), c = k("CodeModalEditor");
+  return u(), U(z, null, [
+    d(_, {
       deepWatchDataSource: "",
       "data-source": e.buttonList,
       pagination: !1,
       resizable: !0,
       columns: e.columns,
-      "row-key": (d) => d.name
+      "row-key": (i) => i.name
     }, {
-      bodyCell: n(({ column: d, recordIndexs: l, index: L, record: v }) => [
-        d.dataIndex === "label" ? (s(), p(C, {
+      bodyCell: n(({ column: i, recordIndexs: a, index: L, record: v }) => [
+        i.dataIndex === "label" ? (u(), s(h, {
           key: 0,
-          value: e.buttonList[l[0]].label,
-          "onUpdate:value": (o) => e.buttonList[l[0]].label = o,
+          value: e.buttonList[a[0]].label,
+          "onUpdate:value": (l) => e.buttonList[a[0]].label = l,
           placeholder: e.i18nt("designer.setting.operationButtonLabel")
-        }, null, 8, ["value", "onUpdate:value", "placeholder"])) : r("", !0),
-        d.dataIndex === "type" ? (s(), p(b, {
+        }, null, 8, ["value", "onUpdate:value", "placeholder"])) : p("", !0),
+        i.dataIndex === "type" ? (u(), s(m, {
           key: 1,
-          value: e.buttonList[l[0]].type,
-          "onUpdate:value": (o) => e.buttonList[l[0]].type = o,
+          value: e.buttonList[a[0]].type,
+          "onUpdate:value": (l) => e.buttonList[a[0]].type = l,
           placeholder: e.i18nt("designer.setting.operationButtonType"),
           style: { width: "100%" }
         }, {
           default: n(() => [
-            i(u, { value: "primary" }, {
+            d(r, { value: "primary" }, {
               default: n(() => t[0] || (t[0] = [
-                a("primary")
+                o("primary")
               ])),
               _: 1,
               __: [0]
             }),
-            i(u, { value: "ghost" }, {
+            d(r, { value: "ghost" }, {
               default: n(() => t[1] || (t[1] = [
-                a("ghost")
+                o("ghost")
               ])),
               _: 1,
               __: [1]
             }),
-            i(u, { value: "dashed" }, {
+            d(r, { value: "dashed" }, {
               default: n(() => t[2] || (t[2] = [
-                a("dashed")
+                o("dashed")
               ])),
               _: 1,
               __: [2]
             }),
-            i(u, { value: "text" }, {
+            d(r, { value: "text" }, {
               default: n(() => t[3] || (t[3] = [
-                a("text")
+                o("text")
               ])),
               _: 1,
               __: [3]
             }),
-            i(u, { value: "link" }, {
+            d(r, { value: "link" }, {
               default: n(() => t[4] || (t[4] = [
-                a("link")
+                o("link")
               ])),
               _: 1,
               __: [4]
             }),
-            i(u, { value: "default" }, {
+            d(r, { value: "default" }, {
               default: n(() => t[5] || (t[5] = [
-                a("default")
+                o("default")
               ])),
               _: 1,
               __: [5]
             })
           ]),
           _: 2
-        }, 1032, ["value", "onUpdate:value", "placeholder"])) : r("", !0),
-        d.dataIndex === "size" ? (s(), p(b, {
+        }, 1032, ["value", "onUpdate:value", "placeholder"])) : p("", !0),
+        i.dataIndex === "size" ? (u(), s(m, {
           key: 2,
-          value: e.buttonList[l[0]].size,
-          "onUpdate:value": (o) => e.buttonList[l[0]].size = o,
+          value: e.buttonList[a[0]].size,
+          "onUpdate:value": (l) => e.buttonList[a[0]].size = l,
           placeholder: e.i18nt("designer.setting.size"),
           style: { width: "100%" }
         }, {
           default: n(() => [
-            i(u, { value: "default" }, {
+            d(r, { value: "default" }, {
               default: n(() => t[6] || (t[6] = [
-                a("default")
+                o("default")
               ])),
               _: 1,
               __: [6]
             }),
-            i(u, { value: "small" }, {
+            d(r, { value: "small" }, {
               default: n(() => t[7] || (t[7] = [
-                a("small")
+                o("small")
               ])),
               _: 1,
               __: [7]
             }),
-            i(u, { value: "large" }, {
+            d(r, { value: "large" }, {
               default: n(() => t[8] || (t[8] = [
-                a("large")
+                o("large")
               ])),
               _: 1,
               __: [8]
             })
           ]),
           _: 2
-        }, 1032, ["value", "onUpdate:value", "placeholder"])) : r("", !0),
-        d.dataIndex === "icon" ? (s(), p(y, {
+        }, 1032, ["value", "onUpdate:value", "placeholder"])) : p("", !0),
+        i.dataIndex === "ghost" ? (u(), s(C, {
           key: 3,
-          value: e.buttonList[l[0]].icon,
-          "onUpdate:value": (o) => e.buttonList[l[0]].icon = o
-        }, null, 8, ["value", "onUpdate:value"])) : r("", !0),
-        d.dataIndex === "danger" ? (s(), p(_, {
-          key: 4,
           checkedValue: 1,
           unCheckedValue: 0,
-          checked: e.buttonList[l[0]].danger,
-          "onUpdate:checked": (o) => e.buttonList[l[0]].danger = o
-        }, null, 8, ["checked", "onUpdate:checked"])) : r("", !0),
-        d.dataIndex === "onHidden" ? (s(), p(f, {
+          checked: e.buttonList[a[0]].ghost,
+          "onUpdate:checked": (l) => e.buttonList[a[0]].ghost = l
+        }, null, 8, ["checked", "onUpdate:checked"])) : p("", !0),
+        i.dataIndex === "icon" ? (u(), s(y, {
+          key: 4,
+          value: e.buttonList[a[0]].icon,
+          "onUpdate:value": (l) => e.buttonList[a[0]].icon = l
+        }, null, 8, ["value", "onUpdate:value"])) : p("", !0),
+        i.dataIndex === "danger" ? (u(), s(C, {
           key: 5,
-          class: m([{ "button-text-highlight": !!v.onHidden }]),
-          onClick: (o) => e.editClickEvent("onHidden", v, l),
+          checkedValue: 1,
+          unCheckedValue: 0,
+          checked: e.buttonList[a[0]].danger,
+          "onUpdate:checked": (l) => e.buttonList[a[0]].danger = l
+        }, null, 8, ["checked", "onUpdate:checked"])) : p("", !0),
+        i.dataIndex === "onHidden" ? (u(), s(g, {
+          key: 6,
+          class: b([{ "button-text-highlight": !!v.onHidden }]),
+          onClick: (l) => e.editClickEvent("onHidden", v, a),
           size: "small"
         }, {
           default: n(() => [
-            a(g(e.i18nt("designer.setting.operationButtonHidden")), 1)
+            o(f(e.i18nt("designer.setting.operationButtonHidden")), 1)
           ]),
           _: 2
-        }, 1032, ["class", "onClick"])) : r("", !0),
-        d.dataIndex === "onDisabled" ? (s(), p(f, {
-          key: 6,
-          class: m([{ "button-text-highlight": !!v.onDisabled }]),
-          onClick: (o) => e.editClickEvent("onDisabled", v, l),
+        }, 1032, ["class", "onClick"])) : p("", !0),
+        i.dataIndex === "onDisabled" ? (u(), s(g, {
+          key: 7,
+          class: b([{ "button-text-highlight": !!v.onDisabled }]),
+          onClick: (l) => e.editClickEvent("onDisabled", v, a),
           size: "small"
         }, {
           default: n(() => [
-            a(g(e.i18nt("designer.setting.operationButtonDisabled")), 1)
+            o(f(e.i18nt("designer.setting.operationButtonDisabled")), 1)
           ]),
           _: 2
-        }, 1032, ["class", "onClick"])) : r("", !0),
-        d.dataIndex === "onClick" ? (s(), p(f, {
-          key: 7,
-          class: m([{ "button-text-highlight": !!v.onClick }]),
-          onClick: (o) => e.editClickEvent("onClick", v, l),
+        }, 1032, ["class", "onClick"])) : p("", !0),
+        i.dataIndex === "onClick" ? (u(), s(g, {
+          key: 8,
+          class: b([{ "button-text-highlight": !!v.onClick }]),
+          onClick: (l) => e.editClickEvent("onClick", v, a),
           size: "small"
         }, {
           default: n(() => [
-            a(g(e.i18nt("designer.setting.operationButtonClick")), 1)
+            o(f(e.i18nt("designer.setting.operationButtonClick")), 1)
           ]),
           _: 2
-        }, 1032, ["class", "onClick"])) : r("", !0),
-        d.dataIndex === "action" ? (s(), p(f, {
-          key: 8,
+        }, 1032, ["class", "onClick"])) : p("", !0),
+        i.dataIndex === "action" ? (u(), s(g, {
+          key: 9,
           type: "link",
-          onClick: (o) => e.deleteOperationButton(L),
+          onClick: (l) => e.deleteOperationButton(L),
           size: "small"
         }, {
           default: n(() => [
-            a(g(e.i18nt("designer.setting.delete")), 1)
+            o(f(e.i18nt("designer.setting.delete")), 1)
           ]),
           _: 2
-        }, 1032, ["onClick"])) : r("", !0)
+        }, 1032, ["onClick"])) : p("", !0)
       ]),
       _: 1
     }, 8, ["data-source", "columns", "row-key"]),
-    $("div", w, [
-      i(f, {
+    $("div", V, [
+      d(g, {
         type: "primary",
         size: "default",
         onClick: e.addOperationButton
       }, {
         default: n(() => [
-          a(g(e.i18nt("designer.setting.addOperationButton")), 1)
+          o(f(e.i18nt("designer.setting.addOperationButton")), 1)
         ]),
         _: 1
       }, 8, ["onClick"])
     ]),
-    i(B, {
+    d(c, {
       ref: "codeModalEditorRef",
       onSave: e.saveColumnRender,
       "event-header": `${e.currentEditBtn}(${e.parmas}){`
     }, null, 8, ["onSave", "event-header"])
   ], 64);
 }
-const A = /* @__PURE__ */ E(c, [["render", D], ["__scopeId", "data-v-0cd55ffd"]]);
+const A = /* @__PURE__ */ E(B, [["render", w], ["__scopeId", "data-v-739c411e"]]);
 export {
   A as default
 };