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

package/package.json

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

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,

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

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

package/src/lang/en-US.js

@@ -441,6 +441,7 @@ const e = {
       operationButtonLabel: "Text",
       operationButtonType: "Type",
       operationButtonSize: "Size",
+      operationButtonGhost: "Ghost",
       operationButtonRound: "Round",
       operationButtonHidden: "Hidden",
       operationButtonDisabled: "Disabled",

package/src/lang/zh-CN.js

@@ -439,6 +439,7 @@ const e = {
       operationButtonLabel: "文字",
       operationButtonType: "类型",
       operationButtonSize: "大小",
+      operationButtonGhost: "幽灵按钮",
       operationButtonRound: "圆角",
       operationButtonHidden: "隐藏",
       operationButtonDisabled: "禁用",