@kp-ui/lowcode 2.14.0-beta.17 → 2.14.0-beta.19

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kp-ui/lowcode",
-  "version": "2.14.0-beta.17",
+  "version": "2.14.0-beta.19",
   "publishConfig": {
     "access": "public"
   },

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

@@ -5,7 +5,7 @@ import h from "./container-wrapper.vue.js";
 import { resolveComponent as m, createBlock as f, openBlock as d, withCtx as p, createElementBlock as w, withModifiers as L, normalizeClass as x, createElementVNode as a, toDisplayString as C } from "vue";
 /* empty css                      */
 import W from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const v = {
+const u = {
   name: "vf-dialog-widget",
   componentName: "VfDialogWidget",
   mixins: [l, g],
@@ -75,7 +75,7 @@ const v = {
       }
     }
   }
-}, u = { class: "dialog-title" };
+}, v = { class: "dialog-title" };
 function k(e, i, t, n, D, s) {
   const o = m("container-wrapper");
   return d(), f(o, {
@@ -91,8 +91,8 @@ function k(e, i, t, n, D, s) {
         key: t.widget.id,
         onClick: i[1] || (i[1] = L((r) => s.selectWidget(t.widget), ["stop"]))
       }, [
-        a("div", u, [
-          a("div", {
+        a("div", v, [
+          a("span", {
             class: "tpf-link",
             onClick: i[0] || (i[0] = (...r) => s.handleClickTitle && s.handleClickTitle(...r))
           }, C(t.widget.options.title), 1)
@@ -102,7 +102,7 @@ function k(e, i, t, n, D, s) {
     _: 1
   }, 8, ["designer", "widget", "parent-widget", "parent-list", "index-of-parent-list"]);
 }
-const j = /* @__PURE__ */ W(v, [["render", k], ["__scopeId", "data-v-cf739d00"]]);
+const j = /* @__PURE__ */ W(u, [["render", k], ["__scopeId", "data-v-3833bfd1"]]);
 export {
   j as default
 };

package/src/components/form-designer/widget-panel/containers/vf-dialog.js

@@ -1,5 +1,5 @@
 import { getUuidKey as o } from "@kp-ui/tool";
-const l = (e = {}) => ({
+const t = (e = {}) => ({
   key: o(),
   type: "vf-dialog",
   category: "container",
@@ -17,6 +17,7 @@ const l = (e = {}) => ({
     closeOnPressEscape: !1,
     readMode: !1,
     disabledMode: !1,
+    disabled: !1,
     okButtonLabel: "",
     okButtonHidden: !1,
     cancelButtonLabel: "",
@@ -29,5 +30,5 @@ const l = (e = {}) => ({
   }
 });
 export {
-  l as vfDialog
+  t as vfDialog
 };

package/src/components/form-render/dynamic-dialog.vue.js

@@ -1,8 +1,8 @@
-import { defineComponent as E, defineAsyncComponent as M, computed as c, ref as v, getCurrentInstance as S, onBeforeUnmount as L, resolveDirective as V, createBlock as H, openBlock as b, unref as f, mergeProps as I, withCtx as C, withDirectives as J, createElementBlock as P, createVNode as y, nextTick as U } from "vue";
+import { defineComponent as M, defineAsyncComponent as S, computed as c, ref as u, getCurrentInstance as I, onBeforeUnmount as L, resolveDirective as N, createBlock as V, openBlock as b, unref as i, mergeProps as H, withCtx as C, withDirectives as J, createElementBlock as P, createVNode as y, nextTick as U } from "vue";
 import { TpfModal as W } from "tmgc2-share";
 import A from "./SubmitButtonRender.vue.js";
-import { useLowcode as N } from "../../hooks/useLowcode.js";
-const $ = { class: "dialog-content" }, oe = /* @__PURE__ */ E({
+import { useLowcode as $ } from "../../hooks/useLowcode.js";
+const q = { class: "dialog-content" }, ne = /* @__PURE__ */ M({
   name: "dynamic-dialog",
   __name: "dynamic-dialog",
   props: {
@@ -45,65 +45,68 @@ const $ = { class: "dialog-content" }, oe = /* @__PURE__ */ E({
     }
   },
   setup(n, { expose: R }) {
-    const F = M(() => import("./index.vue.js")), e = n, x = c(() => e.options.height || "500px"), u = v(!1), a = v(!1), i = S(), { vfdRef: l, formConfig: q, getComponentJson: D, goBack: z } = N({
-      formCode: e.options.formCode,
-      ...e.vfCtx
-    }), h = c(() => ({
-      ...e.parentFormRef,
-      parentDom: i,
-      getParentFormRef: g
-    })), O = c(() => e.options.cancelButtonHidden && e.options.okButtonHidden ? { footer: null } : {});
+    const F = S(() => import("./index.vue.js")), t = n, x = c(() => t.options.height || "500px"), D = u(null), p = u(!1), l = u(!1), r = I(), { vfdRef: a, formConfig: z, getComponentJson: h, goBack: G } = $({
+      formCode: t.options.formCode,
+      ...t.vfCtx
+    }), O = c(() => ({
+      ...t.parentFormRef,
+      parentDom: r,
+      getParentFormRef: v
+    })), w = c(() => t.options.cancelButtonHidden && t.options.okButtonHidden ? { footer: null } : {});
     L(() => {
-      var o, t;
-      console.log(e.parentFormRef), (t = (o = e.parentFormRef) == null ? void 0 : o.setChildFormRef) == null || t.call(o, null);
+      var e, o;
+      console.log(t.parentFormRef), (o = (e = t.parentFormRef) == null ? void 0 : e.setChildFormRef) == null || o.call(e, null);
     });
-    const w = (o) => {
-      console.log("setLoading", o), u.value = o;
-    }, k = (o) => {
-      e.options.title = o;
-    }, B = () => {
-      a.value = !0;
+    const k = (e) => {
+      console.log("setLoading", e), p.value = e;
+    }, B = (e) => {
+      t.options.title = e;
+    }, T = () => {
+      l.value = !0;
     }, j = async () => {
-      a.value = !0, U(async () => {
-        var o, t;
-        e.options.readMode && ((o = l.value) == null || o.setReadMode(!0)), await D([], e.options.formCode), (t = l.value) == null || t.setDialogOrDrawerRef(i), e.parentFormRef && e.parentFormRef.setChildFormRef(l.value), m();
+      l.value = !0, U(async () => {
+        var e, o;
+        t.options.readMode && ((e = a.value) == null || e.setReadMode(!0)), await h([], t.options.formCode), (o = a.value) == null || o.setDialogOrDrawerRef(r), t.parentFormRef && t.parentFormRef.setChildFormRef(a.value), g();
       });
-    }, T = () => {
-      e.options.onDialogBeforeClose && new Function("done", e.options.onDialogBeforeClose).call(i) === !1 || (a.value = !1);
-    }, r = () => {
-      if (e.options.onDialogBeforeClose) {
-        const o = new Function(e.options.onDialogBeforeClose);
-        return console.log(o), o.call(i);
+    }, E = () => {
+      t.options.onDialogBeforeClose && new Function("done", t.options.onDialogBeforeClose).call(r) === !1 || (l.value = !1);
+    }, d = () => {
+      if (t.options.onDialogBeforeClose) {
+        const e = new Function(t.options.onDialogBeforeClose);
+        return console.log(e), e.call(r);
       }
       return !0;
-    }, p = () => {
-      r() && (a.value = !1);
     }, m = () => {
-      e.options.onDialogOpened && new Function(e.options.onDialogOpened).call(i);
-    }, g = () => e.parentFormRef;
+      d() && (l.value = !1);
+    }, g = () => {
+      t.options.onDialogOpened && new Function(t.options.onDialogOpened).call(r);
+    }, v = () => t.parentFormRef;
     return R({
-      setLoading: w,
-      setTitle: k,
-      beforeOpen: B,
+      setleftText: (e) => {
+        D.value = e;
+      },
+      setLoading: k,
+      setTitle: B,
+      beforeOpen: T,
       show: j,
-      close: T,
-      handleBeforeClose: r,
-      handleCloseEvent: p,
-      handleOpenedEvent: m,
-      getParentFormRef: g,
-      getFormRef: () => (console.log("getFormRef"), l.value),
-      getWidgetRef: (o, t = !1) => {
+      close: E,
+      handleBeforeClose: d,
+      handleCloseEvent: m,
+      handleOpenedEvent: g,
+      getParentFormRef: v,
+      getFormRef: () => (console.log("getFormRef"), a.value),
+      getWidgetRef: (e, o = !1) => {
         var s;
-        return (s = l.value) == null ? void 0 : s.getWidgetRef(o, t);
+        return (s = a.value) == null ? void 0 : s.getWidgetRef(e, o);
       },
       updateTable: () => {
-        var o, t, s;
-        (s = (t = (o = e.vfCtx) == null ? void 0 : o.parent) == null ? void 0 : t.exposed) != null && s.updateTable && e.vfCtx.parent.exposed.updateTable();
+        var e, o, s;
+        (s = (o = (e = t.vfCtx) == null ? void 0 : e.parent) == null ? void 0 : o.exposed) != null && s.updateTable && t.vfCtx.parent.exposed.updateTable();
       },
-      getExtraData: () => e.extraData
-    }), (o, t) => {
-      const s = V("loading");
-      return b(), H(f(W), I({
+      getExtraData: () => t.extraData
+    }), (e, o) => {
+      const s = N("loading");
+      return b(), V(i(W), H({
         class: "tpf-model design-model",
         destroyOnClose: !0,
         title: n.options.title,
@@ -113,42 +116,46 @@ const $ = { class: "dialog-content" }, oe = /* @__PURE__ */ E({
           ...JSON.parse(n.options.bodyStyle || "{}")
         },
         centered: !0,
-        visible: a.value,
-        "onUpdate:visible": t[1] || (t[1] = (d) => a.value = d),
+        visible: l.value,
+        "onUpdate:visible": o[1] || (o[1] = (f) => l.value = f),
         width: n.options.width,
         mask: n.options.showModal,
         maskClosable: n.options.closeOnClickModal,
         keyboard: n.options.closeOnPressEscape,
-        onCancel: p
-      }, O.value), {
+        onCancel: m,
+        "left-num": e.leftNumber
+      }, w.value), {
         footerRight: C(() => [
           y(A, {
-            "dialog-visible": a.value,
-            "onUpdate:dialogVisible": t[0] || (t[0] = (d) => a.value = d),
-            handleBeforeClose: r,
+            "dialog-visible": l.value,
+            "onUpdate:dialogVisible": o[0] || (o[0] = (f) => l.value = f),
+            handleBeforeClose: d,
             options: n.options,
-            ctx: f(l)
+            ctx: i(a)
           }, null, 8, ["dialog-visible", "options", "ctx"])
         ]),
         default: C(() => [
-          J((b(), P("div", $, [
-            y(f(F), {
+          J((b(), P("div", q, [
+            y(i(F), {
               ref_key: "vfdRef",
-              ref: l,
-              vfCtx: n.vfCtx,
-              "parent-form": h.value,
+              ref: a,
+              vfCtx: {
+                ...n.vfCtx,
+                currentInstance: i(r)
+              },
+              "parent-form": O.value,
               "disabled-mode": n.options.disabledMode,
               "dynamic-creation": !0
             }, null, 8, ["vfCtx", "parent-form", "disabled-mode"])
           ])), [
-            [s, u.value]
+            [s, p.value]
           ])
         ]),
         _: 1
-      }, 16, ["title", "bodyStyle", "visible", "width", "mask", "maskClosable", "keyboard"]);
+      }, 16, ["title", "bodyStyle", "visible", "width", "mask", "maskClosable", "keyboard", "left-num"]);
     };
   }
 });
 export {
-  oe as default
+  ne 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
 };

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

@@ -1,6 +1,6 @@
-import { defineComponent as g, ref as a, computed as m, watch as v } from "vue";
-import f, { useI18n as I } from "../../utils/i18n.js";
-import h from "../code-editor/code-modal-editor.vue.js";
+import { defineComponent as g, ref as a, computed as m, watch as f } from "vue";
+import h, { useI18n as v } from "../../utils/i18n.js";
+import I from "../code-editor/code-modal-editor.vue.js";
 import { generateId as B } from "../../utils/util.js";
 import { TpfSelectIcon as x } from "tmgc2-share";
 const z = g({
@@ -15,11 +15,11 @@ const z = g({
       required: !0
     }
   },
-  components: { CodeModalEditor: h, TpfSelectIcon: x },
-  mixins: [f],
+  components: { CodeModalEditor: I, TpfSelectIcon: x },
+  mixins: [h],
   emits: ["update:data"],
   setup(r, { emit: u }) {
-    const { i18nt: t } = I(), o = a(), d = a(), i = a(), c = [
+    const { i18nt: t } = v(), o = a(), d = a(), i = a(), p = [
       {
         dataIndex: "label",
         title: t("designer.setting.operationButtonLabel"),
@@ -35,6 +35,11 @@ const z = g({
         title: t("designer.setting.operationButtonSize"),
         width: 80
       },
+      {
+        dataIndex: "ghost",
+        title: t("designer.setting.operationButtonGhost"),
+        width: 80
+      },
       {
         dataIndex: "danger",
         title: t("designer.setting.danger"),
@@ -66,7 +71,7 @@ const z = g({
         width: 80
       }
     ], n = m(() => r.data);
-    return v(
+    return f(
       () => n.value,
       () => {
         u("update:data", n.value);
@@ -81,6 +86,7 @@ const z = g({
           label: "new btn",
           type: "primary",
           size: "small",
+          ghost: !1,
           shape: "default",
           hidden: !1,
           disabled: !1,
@@ -90,11 +96,11 @@ const z = g({
       saveColumnRender: (e) => {
         console.log(n.value, i.value, o.value), n.value[i.value][o.value] = e;
       },
-      columns: c,
+      columns: p,
       buttonList: n,
-      editClickEvent: (e, s, p) => {
+      editClickEvent: (e, s, c) => {
         var l;
-        i.value = p[0], o.value = e, console.log({ code: s[e] }), (l = d.value) == null || l.open(s[e]);
+        i.value = c[0], o.value = e, console.log({ code: s[e] }), (l = d.value) == null || l.open(s[e]);
       },
       codeModalEditorRef: d,
       currentEditBtn: o,