@kp-ui/lowcode 2.15.0-alpha.2 → 2.15.0-alpha.4

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

@@ -1,17 +1,18 @@
-import { defineComponent as x, mergeModels as D, useModel as S, ref as f, createVNode as n, resolveComponent as o, createTextVNode as i, computed as V, isVNode as R } from "vue";
-import { useI18n as T } from "../../utils/i18n.js";
-import I from "../code-editor/code-modal-editor.vue.js";
+import { defineComponent as z, mergeModels as w, useModel as x, ref as f, createVNode as l, resolveComponent as o, createTextVNode as i, computed as D, createElementBlock as R, openBlock as V, Fragment as S, createElementVNode as E, unref as g, withCtx as I, toDisplayString as T, isVNode as U } from "vue";
+import { useI18n as H } from "../../utils/i18n.js";
+import M from "../code-editor/code-modal-editor.vue.js";
 import { generateId as O } from "../../utils/util.js";
-import { TpfSelectIcon as U, useVxeTable as H, Table as M } from "tmgc2-share";
-function p(d) {
-  return typeof d == "function" || Object.prototype.toString.call(d) === "[object Object]" && !R(d);
+import { TpfSelectIcon as L, useVxeTable as N, Table as j } from "tmgc2-share";
+const $ = {
+  class: "add-btn"
+};
+function r(d) {
+  return typeof d == "function" || Object.prototype.toString.call(d) === "[object Object]" && !U(d);
 }
-const F = /* @__PURE__ */ x({
+const Q = /* @__PURE__ */ z({
   __name: "ActionButtonListDialog",
-  props: /* @__PURE__ */ D({
+  props: /* @__PURE__ */ w({
     parmas: {
-      type: String,
-      required: !1,
       default: ""
     }
   }, {
@@ -21,63 +22,60 @@ const F = /* @__PURE__ */ x({
     dataModifiers: {}
   }),
   emits: ["update:data"],
-  setup(d, {
-    expose: B
-  }) {
-    B();
-    const y = d, s = S(d, "data"), {
-      i18nt: l
-    } = T(), u = f(), g = f(), r = f(), h = [{
+  setup(d) {
+    const s = x(d, "data"), {
+      i18nt: n
+    } = H(), u = f(), h = f(), c = f(), v = [{
       field: "seq",
       type: "seq",
       title: "序号",
       dragSort: !0
     }, {
       field: "label",
-      title: l("designer.setting.operationButtonLabel"),
+      title: n("designer.setting.operationButtonLabel"),
       width: 100,
       slots: {
         default({
           row: e
         }) {
-          return n(o("a-input"), {
+          return l(o("a-input"), {
             value: e.label,
             "onUpdate:value": (t) => e.label = t,
-            placeholder: l("designer.setting.operationButtonLabel")
+            placeholder: n("designer.setting.operationButtonLabel")
           }, null);
         }
       }
     }, {
       field: "type",
-      title: l("designer.setting.operationButtonType"),
+      title: n("designer.setting.operationButtonType"),
       width: 120,
       slots: {
         default({
           row: e
         }) {
-          return n(o("a-select"), {
+          return l(o("a-select"), {
             value: e.type,
             "onUpdate:value": (t) => e.type = t,
-            placeholder: l("designer.setting.operationButtonType"),
+            placeholder: n("designer.setting.operationButtonType"),
             style: "width: 100%"
           }, {
-            default: () => [n(o("a-select-option"), {
+            default: () => [l(o("a-select-option"), {
               value: "primary"
             }, {
               default: () => [i("primary")]
-            }), n(o("a-select-option"), {
+            }), l(o("a-select-option"), {
               value: "dashed"
             }, {
               default: () => [i("dashed")]
-            }), n(o("a-select-option"), {
+            }), l(o("a-select-option"), {
               value: "text"
             }, {
               default: () => [i("text")]
-            }), n(o("a-select-option"), {
+            }), l(o("a-select-option"), {
               value: "link"
             }, {
               default: () => [i("link")]
-            }), n(o("a-select-option"), {
+            }), l(o("a-select-option"), {
               value: "default"
             }, {
               default: () => [i("default")]
@@ -87,27 +85,27 @@ const F = /* @__PURE__ */ x({
       }
     }, {
       field: "size",
-      title: l("designer.setting.operationButtonSize"),
+      title: n("designer.setting.operationButtonSize"),
       width: 100,
       slots: {
         default({
           row: e
         }) {
-          return n(o("a-select"), {
+          return l(o("a-select"), {
             value: e.size,
             "onUpdate:value": (t) => e.size = t,
-            placeholder: l("designer.setting.size"),
+            placeholder: n("designer.setting.size"),
             style: "width: 100%"
           }, {
-            default: () => [n(o("a-select-option"), {
+            default: () => [l(o("a-select-option"), {
               value: "default"
             }, {
               default: () => [i("default")]
-            }), n(o("a-select-option"), {
+            }), l(o("a-select-option"), {
               value: "small"
             }, {
               default: () => [i("small")]
-            }), n(o("a-select-option"), {
+            }), l(o("a-select-option"), {
               value: "large"
             }, {
               default: () => [i("large")]
@@ -117,13 +115,13 @@ const F = /* @__PURE__ */ x({
       }
     }, {
       field: "ghost",
-      title: l("designer.setting.operationButtonGhost"),
+      title: n("designer.setting.operationButtonGhost"),
       width: 80,
       slots: {
         default({
           row: e
         }) {
-          return n(o("a-switch"), {
+          return l(o("a-switch"), {
             checkedValue: 1,
             unCheckedValue: 0,
             checked: e.ghost,
@@ -133,13 +131,13 @@ const F = /* @__PURE__ */ x({
       }
     }, {
       field: "danger",
-      title: l("designer.setting.danger"),
+      title: n("designer.setting.danger"),
       width: 100,
       slots: {
         default({
           row: e
         }) {
-          return n(o("a-switch"), {
+          return l(o("a-switch"), {
             checkedValue: 1,
             unCheckedValue: 0,
             checked: e.danger,
@@ -149,13 +147,13 @@ const F = /* @__PURE__ */ x({
       }
     }, {
       field: "icon",
-      title: l("designer.setting.buttonIcon"),
+      title: n("designer.setting.buttonIcon"),
       width: 120,
       slots: {
         default({
           row: e
         }) {
-          return n(U, {
+          return l(L, {
             value: e.icon,
             "onUpdate:value": (t) => e.icon = t
           }, null);
@@ -163,7 +161,7 @@ const F = /* @__PURE__ */ x({
       }
     }, {
       field: "onHidden",
-      title: l("designer.setting.operationButtonHidden"),
+      title: n("designer.setting.operationButtonHidden"),
       width: 100,
       slots: {
         default({
@@ -171,20 +169,20 @@ const F = /* @__PURE__ */ x({
           rowIndex: t
         }) {
           let a;
-          return n(o("a-button"), {
+          return l(o("a-button"), {
             class: [{
               "button-text-highlight": !!e.onHidden
             }],
-            onClick: () => c("onHidden", e, t),
+            onClick: () => p("onHidden", e, t),
             size: "small"
-          }, p(a = l("designer.setting.operationButtonHidden")) ? a : {
+          }, r(a = n("designer.setting.operationButtonHidden")) ? a : {
             default: () => [a]
           });
         }
       }
     }, {
       field: "onDisabled",
-      title: l("designer.setting.operationButtonDisabled"),
+      title: n("designer.setting.operationButtonDisabled"),
       width: 100,
       slots: {
         default({
@@ -192,20 +190,20 @@ const F = /* @__PURE__ */ x({
           rowIndex: t
         }) {
           let a;
-          return n(o("a-button"), {
+          return l(o("a-button"), {
             class: [{
               "button-text-highlight": !!e.onDisabled
             }],
-            onClick: () => c("onDisabled", e, t),
+            onClick: () => p("onDisabled", e, t),
             size: "small"
-          }, p(a = l("designer.setting.operationButtonDisabled")) ? a : {
+          }, r(a = n("designer.setting.operationButtonDisabled")) ? a : {
             default: () => [a]
           });
         }
       }
     }, {
       field: "onClick",
-      title: l("designer.setting.operationButtonClick"),
+      title: n("designer.setting.operationButtonClick"),
       width: 100,
       slots: {
         default({
@@ -213,36 +211,36 @@ const F = /* @__PURE__ */ x({
           rowIndex: t
         }) {
           let a;
-          return n(o("a-button"), {
+          return l(o("a-button"), {
             class: [{
               "button-text-highlight": !!e.onClick
             }],
-            onClick: () => c("onClick", e, t),
+            onClick: () => p("onClick", e, t),
             size: "small"
-          }, p(a = l("designer.setting.operationButtonClick")) ? a : {
+          }, r(a = n("designer.setting.operationButtonClick")) ? a : {
             default: () => [a]
           });
         }
       }
     }, {
       field: "action",
-      title: l("designer.setting.operationButtonAction"),
+      title: n("designer.setting.operationButtonAction"),
       width: 80,
       slots: {
         default({
           rowIndex: e
         }) {
           let t;
-          return n(o("a-button"), {
+          return l(o("a-button"), {
             type: "link",
-            onClick: () => m(e),
+            onClick: () => B(e),
             size: "small"
-          }, p(t = l("designer.setting.delete")) ? t : {
+          }, r(t = n("designer.setting.delete")) ? t : {
             default: () => [t]
           });
         }
       }
-    }], v = V(() => ({
+    }], b = D(() => ({
       columnConfig: {
         resizable: !0
       },
@@ -254,71 +252,64 @@ const F = /* @__PURE__ */ x({
       },
       data: s.value,
       size: "mini",
-      columns: h,
+      columns: v,
       clickRowCheck: !1
     })), {
-      tableRef: b,
-      register: _,
-      selectedRowInfo: z,
-      sorts: w
-    } = H({
-      props: v,
+      tableRef: k,
+      register: C,
+      selectedRowInfo: q,
+      sorts: A
+    } = N({
+      props: b,
       events: {
         rowDragend() {
           var e;
-          s.value = ((e = b.value) == null ? void 0 : e.getFullData()) || [];
+          s.value = ((e = k.value) == null ? void 0 : e.getFullData()) || [];
         }
       },
       callbacks: {}
-    }), m = (e) => {
+    }), B = (e) => {
       console.log(e), s.value.splice(e, 1);
-    }, c = (e, t, a) => {
-      var C;
-      r.value = a, u.value = e, console.log({
+    }, p = (e, t, a) => {
+      var m;
+      c.value = a, u.value = e, console.log({
         code: t[e]
-      }), (C = g.value) == null || C.open(t[e]);
-    }, k = {
-      props: y,
-      buttonList: s,
-      i18nt: l,
-      currentEditBtn: u,
-      codeModalEditorRef: g,
-      currentRecordIndexs: r,
-      columns: h,
-      tableProps: v,
-      tableRef: b,
-      register: _,
-      selectedRowInfo: z,
-      sorts: w,
-      deleteOperationButton: m,
-      editClickEvent: c,
-      saveColumnRender: (e) => {
-        console.log(s.value, r.value, u.value), s.value[r.value][u.value] = e;
-      },
-      addOperationButton: () => {
-        s.value.push({
-          name: "btn" + O(),
-          label: "new btn",
-          type: "primary",
-          size: "small",
-          ghost: 0,
-          shape: "default",
-          hidden: !1,
-          disabled: !1,
-          onClick: ""
-        });
-      },
-      CodeModalEditor: I,
-      get Table() {
-        return M;
-      }
+      }), (m = h.value) == null || m.open(t[e]);
+    }, y = (e) => {
+      console.log(s.value, c.value, u.value), s.value[c.value][u.value] = e;
+    }, _ = () => {
+      s.value.push({
+        name: "btn" + O(),
+        label: "new btn",
+        type: "primary",
+        size: "small",
+        ghost: 0,
+        shape: "default",
+        hidden: !1,
+        disabled: !1,
+        onClick: ""
+      });
+    };
+    return (e, t) => {
+      const a = o("a-button");
+      return V(), R(S, null, [l(g(j), {
+        onRegister: g(C)
+      }, null, 8, ["onRegister"]), E("div", $, [l(a, {
+        type: "primary",
+        size: "default",
+        onClick: _
+      }, {
+        default: I(() => [i(T(g(n)("designer.setting.addOperationButton")), 1)]),
+        _: 1
+      })]), l(M, {
+        ref_key: "codeModalEditorRef",
+        ref: h,
+        onSave: y,
+        "event-header": `${u.value}(${e.parmas}){`
+      }, null, 8, ["event-header"])], 64);
     };
-    return Object.defineProperty(k, "__isScriptSetup", {
-      enumerable: !1,
-      value: !0
-    }), k;
   }
 });
 export {
-  F as default
+  Q as default
 };

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

@@ -1,64 +1,46 @@
 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 r, Fragment as _, renderList as g, createCommentVNode as m, createTextVNode as v, toDisplayString as k } from "vue";
+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";
 /* empty css                            */
-import y from "../../../_virtual/_plugin-vue_export-helper.js";
-function C(o, h, B, S, $, z) {
-  const l = n("SvgIcon"), c = n("a-button"), i = n("a-space");
-  return t(), a(
-    "div",
-    {
-      ref: "fieldEditor",
-      class: u(["button-list-container", ...o.customClass]),
-      style: p(o.containerStyle)
-    },
-    [
-      (t(), s(f, {
-        disabled: o.isDisabled,
-        to: o.getContainer
-      }, [
-        b(i, { size: 8 }, {
-          default: r(() => [
-            (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: r(() => [
-                  e.icon ? (t(), s(l, {
-                    key: 0,
-                    "icon-class": e.icon,
-                    class: "button-icon"
-                  }, null, 8, ["icon-class"])) : m("v-if", !0),
-                  v(
-                    " " + k(e.label),
-                    1
-                    /* TEXT */
-                  )
-                ]),
-                _: 2
-                /* DYNAMIC */
-              }, 1032, ["type", "danger", "ghost", "disabled", "onClick"]))),
-              128
-              /* KEYED_FRAGMENT */
-            ))
-          ]),
-          _: 1
-          /* STABLE */
-        })
-      ], 8, ["disabled", "to"]))
-    ],
-    6
-    /* CLASS, STYLE */
-  );
+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", {
+    ref: "fieldEditor",
+    class: u(["button-list-container", ...o.customClass]),
+    style: p(o.containerStyle)
+  }, [
+    (t(), s(f, {
+      disabled: o.isDisabled,
+      to: o.getContainer
+    }, [
+      b(i, { size: 8 }, {
+        default: l(() => [
+          (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(), s(r, {
+                key: 0,
+                "icon-class": e.icon,
+                class: "button-icon"
+              }, null, 8, ["icon-class"])) : m("", !0),
+              y(" " + k(e.label), 1)
+            ]),
+            _: 2
+          }, 1032, ["type", "danger", "ghost", "disabled", "onClick"]))), 128))
+        ]),
+        _: 1
+      })
+    ], 8, ["disabled", "to"]))
+  ], 6);
 }
-const w = /* @__PURE__ */ y(d, [["render", C], ["__scopeId", "data-v-00cd1027"], ["__file", "/Users/zhaopeng/dev/kunpeng/tmgc2-web-vfrom/src/components/public/ActionButtonListRender.vue"]]);
+const L = /* @__PURE__ */ C(d, [["render", h], ["__scopeId", "data-v-31fe589f"]]);
 export {
-  w as default
+  L as default
 };

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

@@ -1,49 +1,4 @@
-import d from "./CustomerModal.vue2.js";
-import { createBlock as f, openBlock as n, withCtx as e, createVNode as l, mergeProps as a } from "vue";
-import m from "../../../../_virtual/_plugin-vue_export-helper.js";
-function s(r, o, v, i, b, g) {
-  return n(), f(i.TpfConfigProvider, null, {
-    default: e(() => [
-      l(i.TpfModal, a({
-        visible: i.visible,
-        "onUpdate:visible": o[1] || (o[1] = (t) => i.visible = t)
-      }, r.$attrs, {
-        title: i.title,
-        leftNum: i.leftNum
-      }), {
-        footerRight: e(() => [
-          l(i.SubmitButtonRender, {
-            disabled: i.isDisabled,
-            dialogVisible: i.visible,
-            "onUpdate:dialogVisible": o[0] || (o[0] = (t) => i.visible = t),
-            options: i.formConfig,
-            ctx: i.vfdRef
-          }, null, 8, ["disabled", "dialogVisible", "options", "ctx"])
-        ]),
-        default: e(() => [
-          l(i.Skeleton, {
-            active: "",
-            loading: i.isLoading
-          }, {
-            default: e(() => [
-              l(i.VFormRender, {
-                vfCtx: i.vfCtx,
-                ref: "vfdRef"
-              }, null, 8, ["vfCtx"])
-            ]),
-            _: 1
-            /* STABLE */
-          }, 8, ["loading"])
-        ]),
-        _: 1
-        /* STABLE */
-      }, 16, ["visible", "title", "leftNum"])
-    ]),
-    _: 1
-    /* STABLE */
-  });
-}
-const _ = /* @__PURE__ */ m(d, [["render", s], ["__file", "/Users/zhaopeng/dev/kunpeng/tmgc2-web-vfrom/src/components/public/CustomerModal/CustomerModal.vue"]]);
+import f from "./CustomerModal.vue2.js";
 export {
-  _ as default
+  f as default
 };