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

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

@@ -1,7 +1,43 @@
-import o from "./ActionButtonListDialog.vue2.js";
+import r from "./ActionButtonListDialog.vue2.js";
+import { resolveComponent as a, createElementBlock as i, openBlock as d, Fragment as c, createVNode as t, createElementVNode as l, withCtx as s, createTextVNode as m, toDisplayString as _ } from "vue";
 /* empty css                            */
-import t from "../../../_virtual/_plugin-vue_export-helper.js";
-const c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-646dc86e"]]);
+import p from "../../../_virtual/_plugin-vue_export-helper.js";
+const f = { class: "add-btn" };
+function u(g, v, o, e, B, b) {
+  const n = a("a-button");
+  return d(), i(
+    c,
+    null,
+    [
+      t(e.Table, { onRegister: e.register }, null, 8, ["onRegister"]),
+      l("div", f, [
+        t(n, {
+          type: "primary",
+          size: "default",
+          onClick: e.addOperationButton
+        }, {
+          default: s(() => [
+            m(
+              _(e.i18nt("designer.setting.addOperationButton")),
+              1
+              /* TEXT */
+            )
+          ]),
+          _: 1
+          /* STABLE */
+        })
+      ]),
+      t(e.CodeModalEditor, {
+        ref: "codeModalEditorRef",
+        onSave: e.saveColumnRender,
+        "event-header": `${e.currentEditBtn}(${o.parmas}){`
+      }, null, 8, ["event-header"])
+    ],
+    64
+    /* STABLE_FRAGMENT */
+  );
+}
+const k = /* @__PURE__ */ p(r, [["render", u], ["__scopeId", "data-v-92895cc4"], ["__file", "/Users/zhaopeng/dev/kunpeng/tmgc2-web-vfrom/src/components/public/ActionButtonListDialog.vue"]]);
 export {
-  c as default
+  k as default
 };

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

@@ -1,18 +1,17 @@
-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 { 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 { generateId as O } from "../../utils/util.js";
-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);
+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);
 }
-const Q = /* @__PURE__ */ z({
+const F = /* @__PURE__ */ x({
   __name: "ActionButtonListDialog",
-  props: /* @__PURE__ */ w({
+  props: /* @__PURE__ */ D({
     parmas: {
+      type: String,
+      required: !1,
       default: ""
     }
   }, {
@@ -22,60 +21,63 @@ const Q = /* @__PURE__ */ z({
     dataModifiers: {}
   }),
   emits: ["update:data"],
-  setup(d) {
-    const s = x(d, "data"), {
-      i18nt: n
-    } = H(), u = f(), h = f(), c = f(), v = [{
+  setup(d, {
+    expose: B
+  }) {
+    B();
+    const y = d, s = S(d, "data"), {
+      i18nt: l
+    } = T(), u = f(), g = f(), r = f(), h = [{
       field: "seq",
       type: "seq",
       title: "序号",
       dragSort: !0
     }, {
       field: "label",
-      title: n("designer.setting.operationButtonLabel"),
+      title: l("designer.setting.operationButtonLabel"),
       width: 100,
       slots: {
         default({
           row: e
         }) {
-          return l(o("a-input"), {
+          return n(o("a-input"), {
             value: e.label,
             "onUpdate:value": (t) => e.label = t,
-            placeholder: n("designer.setting.operationButtonLabel")
+            placeholder: l("designer.setting.operationButtonLabel")
           }, null);
         }
       }
     }, {
       field: "type",
-      title: n("designer.setting.operationButtonType"),
+      title: l("designer.setting.operationButtonType"),
       width: 120,
       slots: {
         default({
           row: e
         }) {
-          return l(o("a-select"), {
+          return n(o("a-select"), {
             value: e.type,
             "onUpdate:value": (t) => e.type = t,
-            placeholder: n("designer.setting.operationButtonType"),
+            placeholder: l("designer.setting.operationButtonType"),
             style: "width: 100%"
           }, {
-            default: () => [l(o("a-select-option"), {
+            default: () => [n(o("a-select-option"), {
               value: "primary"
             }, {
               default: () => [i("primary")]
-            }), l(o("a-select-option"), {
+            }), n(o("a-select-option"), {
               value: "dashed"
             }, {
               default: () => [i("dashed")]
-            }), l(o("a-select-option"), {
+            }), n(o("a-select-option"), {
               value: "text"
             }, {
               default: () => [i("text")]
-            }), l(o("a-select-option"), {
+            }), n(o("a-select-option"), {
               value: "link"
             }, {
               default: () => [i("link")]
-            }), l(o("a-select-option"), {
+            }), n(o("a-select-option"), {
               value: "default"
             }, {
               default: () => [i("default")]
@@ -85,27 +87,27 @@ const Q = /* @__PURE__ */ z({
       }
     }, {
       field: "size",
-      title: n("designer.setting.operationButtonSize"),
+      title: l("designer.setting.operationButtonSize"),
       width: 100,
       slots: {
         default({
           row: e
         }) {
-          return l(o("a-select"), {
+          return n(o("a-select"), {
             value: e.size,
             "onUpdate:value": (t) => e.size = t,
-            placeholder: n("designer.setting.size"),
+            placeholder: l("designer.setting.size"),
             style: "width: 100%"
           }, {
-            default: () => [l(o("a-select-option"), {
+            default: () => [n(o("a-select-option"), {
               value: "default"
             }, {
               default: () => [i("default")]
-            }), l(o("a-select-option"), {
+            }), n(o("a-select-option"), {
               value: "small"
             }, {
               default: () => [i("small")]
-            }), l(o("a-select-option"), {
+            }), n(o("a-select-option"), {
               value: "large"
             }, {
               default: () => [i("large")]
@@ -115,13 +117,13 @@ const Q = /* @__PURE__ */ z({
       }
     }, {
       field: "ghost",
-      title: n("designer.setting.operationButtonGhost"),
+      title: l("designer.setting.operationButtonGhost"),
       width: 80,
       slots: {
         default({
           row: e
         }) {
-          return l(o("a-switch"), {
+          return n(o("a-switch"), {
             checkedValue: 1,
             unCheckedValue: 0,
             checked: e.ghost,
@@ -131,13 +133,13 @@ const Q = /* @__PURE__ */ z({
       }
     }, {
       field: "danger",
-      title: n("designer.setting.danger"),
+      title: l("designer.setting.danger"),
       width: 100,
       slots: {
         default({
           row: e
         }) {
-          return l(o("a-switch"), {
+          return n(o("a-switch"), {
             checkedValue: 1,
             unCheckedValue: 0,
             checked: e.danger,
@@ -147,13 +149,13 @@ const Q = /* @__PURE__ */ z({
       }
     }, {
       field: "icon",
-      title: n("designer.setting.buttonIcon"),
+      title: l("designer.setting.buttonIcon"),
       width: 120,
       slots: {
         default({
           row: e
         }) {
-          return l(L, {
+          return n(U, {
             value: e.icon,
             "onUpdate:value": (t) => e.icon = t
           }, null);
@@ -161,7 +163,7 @@ const Q = /* @__PURE__ */ z({
       }
     }, {
       field: "onHidden",
-      title: n("designer.setting.operationButtonHidden"),
+      title: l("designer.setting.operationButtonHidden"),
       width: 100,
       slots: {
         default({
@@ -169,20 +171,20 @@ const Q = /* @__PURE__ */ z({
           rowIndex: t
         }) {
           let a;
-          return l(o("a-button"), {
+          return n(o("a-button"), {
             class: [{
               "button-text-highlight": !!e.onHidden
             }],
-            onClick: () => p("onHidden", e, t),
+            onClick: () => c("onHidden", e, t),
             size: "small"
-          }, r(a = n("designer.setting.operationButtonHidden")) ? a : {
+          }, p(a = l("designer.setting.operationButtonHidden")) ? a : {
             default: () => [a]
           });
         }
       }
     }, {
       field: "onDisabled",
-      title: n("designer.setting.operationButtonDisabled"),
+      title: l("designer.setting.operationButtonDisabled"),
       width: 100,
       slots: {
         default({
@@ -190,20 +192,20 @@ const Q = /* @__PURE__ */ z({
           rowIndex: t
         }) {
           let a;
-          return l(o("a-button"), {
+          return n(o("a-button"), {
             class: [{
               "button-text-highlight": !!e.onDisabled
             }],
-            onClick: () => p("onDisabled", e, t),
+            onClick: () => c("onDisabled", e, t),
             size: "small"
-          }, r(a = n("designer.setting.operationButtonDisabled")) ? a : {
+          }, p(a = l("designer.setting.operationButtonDisabled")) ? a : {
             default: () => [a]
           });
         }
       }
     }, {
       field: "onClick",
-      title: n("designer.setting.operationButtonClick"),
+      title: l("designer.setting.operationButtonClick"),
       width: 100,
       slots: {
         default({
@@ -211,36 +213,36 @@ const Q = /* @__PURE__ */ z({
           rowIndex: t
         }) {
           let a;
-          return l(o("a-button"), {
+          return n(o("a-button"), {
             class: [{
               "button-text-highlight": !!e.onClick
             }],
-            onClick: () => p("onClick", e, t),
+            onClick: () => c("onClick", e, t),
             size: "small"
-          }, r(a = n("designer.setting.operationButtonClick")) ? a : {
+          }, p(a = l("designer.setting.operationButtonClick")) ? a : {
             default: () => [a]
           });
         }
       }
     }, {
       field: "action",
-      title: n("designer.setting.operationButtonAction"),
+      title: l("designer.setting.operationButtonAction"),
       width: 80,
       slots: {
         default({
           rowIndex: e
         }) {
           let t;
-          return l(o("a-button"), {
+          return n(o("a-button"), {
             type: "link",
-            onClick: () => B(e),
+            onClick: () => m(e),
             size: "small"
-          }, r(t = n("designer.setting.delete")) ? t : {
+          }, p(t = l("designer.setting.delete")) ? t : {
             default: () => [t]
           });
         }
       }
-    }], b = D(() => ({
+    }], v = V(() => ({
       columnConfig: {
         resizable: !0
       },
@@ -252,64 +254,71 @@ const Q = /* @__PURE__ */ z({
       },
       data: s.value,
       size: "mini",
-      columns: v,
+      columns: h,
       clickRowCheck: !1
     })), {
-      tableRef: k,
-      register: C,
-      selectedRowInfo: q,
-      sorts: A
-    } = N({
-      props: b,
+      tableRef: b,
+      register: _,
+      selectedRowInfo: z,
+      sorts: w
+    } = H({
+      props: v,
       events: {
         rowDragend() {
           var e;
-          s.value = ((e = k.value) == null ? void 0 : e.getFullData()) || [];
+          s.value = ((e = b.value) == null ? void 0 : e.getFullData()) || [];
         }
       },
       callbacks: {}
-    }), B = (e) => {
+    }), m = (e) => {
       console.log(e), s.value.splice(e, 1);
-    }, p = (e, t, a) => {
-      var m;
-      c.value = a, u.value = e, console.log({
+    }, c = (e, t, a) => {
+      var C;
+      r.value = a, u.value = e, console.log({
         code: t[e]
-      }), (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);
+      }), (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;
+      }
     };
+    return Object.defineProperty(k, "__isScriptSetup", {
+      enumerable: !1,
+      value: !0
+    }), k;
   }
 });
 export {
-  Q as default
+  F as default
 };

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

@@ -1,46 +1,64 @@
 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 { 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";
 /* 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", {
-    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);
+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 */
+  );
 }
-const L = /* @__PURE__ */ C(d, [["render", h], ["__scopeId", "data-v-31fe589f"]]);
+const w = /* @__PURE__ */ y(d, [["render", C], ["__scopeId", "data-v-00cd1027"], ["__file", "/Users/zhaopeng/dev/kunpeng/tmgc2-web-vfrom/src/components/public/ActionButtonListRender.vue"]]);
 export {
-  L as default
+  w as default
 };

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

@@ -1,4 +1,49 @@
-import f from "./CustomerModal.vue2.js";
+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"]]);
 export {
-  f as default
+  _ as default
 };