@kp-ui/lowcode 2.14.0-beta.9 → 2.15.0-alpha.10

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

@@ -1,109 +1,315 @@
-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 { generateId as B } from "../../utils/util.js";
-import { TpfSelectIcon as x } from "tmgc2-share";
-const z = g({
-  name: "ActionButtonList",
-  props: {
+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 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 Q = /* @__PURE__ */ z({
+  __name: "ActionButtonListDialog",
+  props: /* @__PURE__ */ w({
     parmas: {
-      type: String,
       default: ""
-    },
-    data: {
-      type: Array,
-      required: !0
     }
-  },
-  components: { CodeModalEditor: h, TpfSelectIcon: x },
-  mixins: [f],
+  }, {
+    data: {
+      default: []
+    },
+    dataModifiers: {}
+  }),
   emits: ["update:data"],
-  setup(r, { emit: u }) {
-    const { i18nt: t } = I(), o = a(), d = a(), i = a(), c = [
-      {
-        dataIndex: "label",
-        title: t("designer.setting.operationButtonLabel"),
-        width: 100
-      },
-      {
-        dataIndex: "type",
-        title: t("designer.setting.operationButtonType"),
-        width: 120
-      },
-      {
-        dataIndex: "size",
-        title: t("designer.setting.operationButtonSize"),
-        width: 80
-      },
-      {
-        dataIndex: "danger",
-        title: t("designer.setting.danger"),
-        width: 120
-      },
-      {
-        dataIndex: "icon",
-        title: t("designer.setting.buttonIcon"),
-        width: 120
-      },
-      {
-        dataIndex: "onHidden",
-        title: t("designer.setting.operationButtonHidden"),
-        width: 100
-      },
-      {
-        dataIndex: "onDisabled",
-        title: t("designer.setting.operationButtonDisabled"),
-        width: 100
-      },
-      {
-        dataIndex: "onClick",
-        title: t("designer.setting.operationButtonClick"),
-        width: 100
-      },
-      {
-        dataIndex: "action",
-        title: t("designer.setting.operationButtonAction"),
-        width: 80
+  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: n("designer.setting.operationButtonLabel"),
+      width: 100,
+      slots: {
+        default({
+          row: e
+        }) {
+          return l(o("a-input"), {
+            value: e.label,
+            "onUpdate:value": (t) => e.label = t,
+            placeholder: n("designer.setting.operationButtonLabel")
+          }, null);
+        }
       }
-    ], n = m(() => r.data);
-    return v(
-      () => n.value,
-      () => {
-        u("update:data", n.value);
-      },
-      {
-        deep: !0
+    }, {
+      field: "type",
+      title: n("designer.setting.operationButtonType"),
+      width: 120,
+      slots: {
+        default({
+          row: e
+        }) {
+          return l(o("a-select"), {
+            value: e.type,
+            "onUpdate:value": (t) => e.type = t,
+            placeholder: n("designer.setting.operationButtonType"),
+            style: "width: 100%"
+          }, {
+            default: () => [l(o("a-select-option"), {
+              value: "primary"
+            }, {
+              default: () => [i("primary")]
+            }), l(o("a-select-option"), {
+              value: "dashed"
+            }, {
+              default: () => [i("dashed")]
+            }), l(o("a-select-option"), {
+              value: "text"
+            }, {
+              default: () => [i("text")]
+            }), l(o("a-select-option"), {
+              value: "link"
+            }, {
+              default: () => [i("link")]
+            }), l(o("a-select-option"), {
+              value: "default"
+            }, {
+              default: () => [i("default")]
+            })]
+          });
+        }
+      }
+    }, {
+      field: "size",
+      title: n("designer.setting.operationButtonSize"),
+      width: 100,
+      slots: {
+        default({
+          row: e
+        }) {
+          return l(o("a-select"), {
+            value: e.size,
+            "onUpdate:value": (t) => e.size = t,
+            placeholder: n("designer.setting.size"),
+            style: "width: 100%"
+          }, {
+            default: () => [l(o("a-select-option"), {
+              value: "default"
+            }, {
+              default: () => [i("default")]
+            }), l(o("a-select-option"), {
+              value: "small"
+            }, {
+              default: () => [i("small")]
+            }), l(o("a-select-option"), {
+              value: "large"
+            }, {
+              default: () => [i("large")]
+            })]
+          });
+        }
+      }
+    }, {
+      field: "ghost",
+      title: n("designer.setting.operationButtonGhost"),
+      width: 80,
+      slots: {
+        default({
+          row: e
+        }) {
+          return l(o("a-switch"), {
+            checkedValue: 1,
+            unCheckedValue: 0,
+            checked: e.ghost,
+            "onUpdate:checked": (t) => e.ghost = t
+          }, null);
+        }
+      }
+    }, {
+      field: "danger",
+      title: n("designer.setting.danger"),
+      width: 100,
+      slots: {
+        default({
+          row: e
+        }) {
+          return l(o("a-switch"), {
+            checkedValue: 1,
+            unCheckedValue: 0,
+            checked: e.danger,
+            "onUpdate:checked": (t) => e.danger = t
+          }, null);
+        }
+      }
+    }, {
+      field: "icon",
+      title: n("designer.setting.buttonIcon"),
+      width: 120,
+      slots: {
+        default({
+          row: e
+        }) {
+          return l(L, {
+            value: e.icon,
+            "onUpdate:value": (t) => e.icon = t
+          }, null);
+        }
+      }
+    }, {
+      field: "onHidden",
+      title: n("designer.setting.operationButtonHidden"),
+      width: 100,
+      slots: {
+        default({
+          row: e,
+          rowIndex: t
+        }) {
+          let a;
+          return l(o("a-button"), {
+            class: [{
+              "button-text-highlight": !!e.onHidden
+            }],
+            onClick: () => p("onHidden", e, t),
+            size: "small"
+          }, r(a = n("designer.setting.operationButtonHidden")) ? a : {
+            default: () => [a]
+          });
+        }
       }
-    ), {
-      addOperationButton: () => {
-        n.value.push({
-          name: "btn" + B(),
-          label: "new btn",
-          type: "primary",
-          size: "small",
-          shape: "default",
-          hidden: !1,
-          disabled: !1,
-          onClick: ""
-        });
+    }, {
+      field: "onDisabled",
+      title: n("designer.setting.operationButtonDisabled"),
+      width: 100,
+      slots: {
+        default({
+          row: e,
+          rowIndex: t
+        }) {
+          let a;
+          return l(o("a-button"), {
+            class: [{
+              "button-text-highlight": !!e.onDisabled
+            }],
+            onClick: () => p("onDisabled", e, t),
+            size: "small"
+          }, r(a = n("designer.setting.operationButtonDisabled")) ? a : {
+            default: () => [a]
+          });
+        }
+      }
+    }, {
+      field: "onClick",
+      title: n("designer.setting.operationButtonClick"),
+      width: 100,
+      slots: {
+        default({
+          row: e,
+          rowIndex: t
+        }) {
+          let a;
+          return l(o("a-button"), {
+            class: [{
+              "button-text-highlight": !!e.onClick
+            }],
+            onClick: () => p("onClick", e, t),
+            size: "small"
+          }, r(a = n("designer.setting.operationButtonClick")) ? a : {
+            default: () => [a]
+          });
+        }
+      }
+    }, {
+      field: "action",
+      title: n("designer.setting.operationButtonAction"),
+      width: 80,
+      slots: {
+        default({
+          rowIndex: e
+        }) {
+          let t;
+          return l(o("a-button"), {
+            type: "link",
+            onClick: () => B(e),
+            size: "small"
+          }, r(t = n("designer.setting.delete")) ? t : {
+            default: () => [t]
+          });
+        }
+      }
+    }], b = D(() => ({
+      columnConfig: {
+        resizable: !0
       },
-      saveColumnRender: (e) => {
-        console.log(n.value, i.value, o.value), n.value[i.value][o.value] = e;
+      rowConfig: {
+        drag: !0
       },
-      columns: c,
-      buttonList: n,
-      editClickEvent: (e, s, p) => {
-        var l;
-        i.value = p[0], o.value = e, console.log({ code: s[e] }), (l = d.value) == null || l.open(s[e]);
+      cellConfig: {
+        height: 50
       },
-      codeModalEditorRef: d,
-      currentEditBtn: o,
-      deleteOperationButton: (e) => {
-        console.log(e), n.value.splice(e, 1);
-      }
+      data: s.value,
+      size: "mini",
+      columns: v,
+      clickRowCheck: !1
+    })), {
+      tableRef: k,
+      register: C,
+      selectedRowInfo: q,
+      sorts: A
+    } = N({
+      props: b,
+      events: {
+        rowDragend() {
+          var e;
+          s.value = ((e = k.value) == null ? void 0 : e.getFullData()) || [];
+        }
+      },
+      callbacks: {}
+    }), B = (e) => {
+      console.log(e), s.value.splice(e, 1);
+    }, p = (e, t, a) => {
+      var m;
+      c.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);
     };
   }
 });
 export {
-  z as default
+  Q as default
 };

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 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 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(f, {
       disabled: o.isDisabled,
       to: o.getContainer
     }, [
-      f(i, { size: 8 }, {
+      b(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,
+            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-31fe589f"]]);
 export {
   L as default
 };

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

@@ -1,6 +1,5 @@
 import { defineComponent as f, computed as o } from "vue";
-import { executeFunction as a } from "../../utils/executeFunction.js";
-import { SvgIcon as y } from "tmgc2-share";
+import { SvgIcon as y, useExecFunction as b } from "tmgc2-share";
 import { ButtonPositionEnum as m } from "../../constants/index.js";
 const g = f({
   name: "ActionButtonListRender",
@@ -17,7 +16,9 @@ const g = f({
       }
     },
     ctx: {
-      type: Object
+      type: Object,
+      default: () => {
+      }
     },
     buttonList: {
       type: Array,
@@ -37,26 +38,24 @@ const g = f({
     }
   },
   setup(e) {
-    const i = o(() => ({
+    const a = o(() => ({
       "--flex": e.flex
-    })), r = o(
+    })), { executeFunction: r } = b(), c = o(
       () => {
         var t;
         return ((t = e.options) == null ? void 0 : t.buttonPosition) !== m.DIY || e.designState;
       }
-    ), c = o(
+    ), i = o(
       () => {
         var t;
-        return r.value ? null : (t = e.options) == null ? void 0 : t.getContainer;
+        return c.value ? null : (t = e.options) == null ? void 0 : t.getContainer;
       }
-    );
-    console.log({ isDisabled: r.value, getContainer: c.value });
-    const l = o(
+    ), l = o(
       () => e.buttonList.filter((t) => !d(t))
     ), s = async (t) => {
       if (!e.designState && t.onClick)
         try {
-          await a({
+          await r({
             functionBody: t.onClick,
             context: e.ctx,
             params: e.scope
@@ -67,18 +66,19 @@ const g = f({
     }, u = (t) => {
       if (!t.onDisabled) return !1;
       try {
-        return a({
+        const n = r({
           functionBody: t.onDisabled,
           context: e.ctx,
           params: e.scope
         });
+        return typeof n == "boolean" ? n : !1;
       } catch (n) {
         return console.error("Button disabled handler error:", n), !1;
       }
     }, d = (t) => {
       if (!t.onHidden) return !1;
       try {
-        return a({
+        return r({
           functionBody: t.onHidden,
           context: e.ctx,
           params: e.scope
@@ -88,9 +88,9 @@ const g = f({
       }
     };
     return {
-      getContainer: c,
-      isDisabled: r,
-      containerStyle: i,
+      getContainer: i,
+      isDisabled: c,
+      containerStyle: a,
       visibleButtons: l,
       handleClick: s,
       handleDisabled: u

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

@@ -1,72 +1,81 @@
-import { defineComponent as x, getCurrentInstance as _, useAttrs as b, ref as w, computed as p, onMounted as k, createBlock as V, openBlock as R, unref as o, withCtx as l, createVNode as s, mergeProps as $, nextTick as M } from "vue";
-import { useLowcode as T } from "../../../hooks/useLowcode.js";
-import B from "../../form-render/SubmitButtonRender.vue.js";
-import L from "../../form-render/index.vue.js";
-import { TpfConfigProvider as P, TpfModal as U } from "tmgc2-share";
-import { Skeleton as A } from "ant-design-vue";
+import { defineComponent as N, getCurrentInstance as T, useAttrs as V, ref as f, computed as c, onMounted as M, createBlock as R, openBlock as B, unref as i, withCtx as n, createVNode as s, mergeProps as D, nextTick as L } from "vue";
+import { useLowcode as P } from "../../../hooks/useLowcode.js";
+import U from "../../form-render/SubmitButtonRender.vue.js";
+import A from "../../FormRender/index.vue.js";
+import { TpfConfigProvider as I, TpfModal as J } from "tmgc2-share";
+import { Skeleton as S } from "ant-design-vue";
 import "../../../utils/i18n.js";
-const q = /* @__PURE__ */ x({
+const H = /* @__PURE__ */ N({
   __name: "CustomerModal",
   props: {
     title: {},
     type: {},
     formCode: {}
   },
-  setup(d) {
-    const a = _(), r = b() || {}, i = w(!1), e = d, m = p(() => {
-      var n, t;
+  setup(v, {
+    expose: g
+  }) {
+    const u = T(), r = V() || {}, l = f(!1), e = v, C = c(() => {
+      var t, o;
       return {
-        $router: a.proxy.$router,
-        _id: ((t = (n = r == null ? void 0 : r.row) == null ? void 0 : n.record) == null ? void 0 : t._id) || null,
+        $router: u.proxy.$router,
+        _id: ((o = (t = r == null ? void 0 : r.row) == null ? void 0 : t.record) == null ? void 0 : o._id) || null,
         type: e.type,
-        instance: a,
+        instance: u,
         ...r
       };
-    }), {
-      vfdRef: u,
-      formConfig: c,
-      getComponentJson: v,
-      isLoading: g
-    } = T({
+    }), d = f(!1), {
+      vfdRef: p,
+      formConfig: b,
+      getComponentJson: x,
+      isLoading: y
+    } = P({
       formCode: e.formCode,
       type: e.type
-    }), C = p(() => (console.log({
-      props: e
-    }), e.title ? e.title : e.type === "add" ? "新增" : e.type === "edit" ? "编辑" : e.type === "view" ? "查看" : "新增")), y = async () => {
-      i.value = !0, await M(), await v([]), console.log("attrs", r);
+    }), m = f(null), _ = c(() => e.title ? e.title : e.type === "add" ? "新增" : e.type === "edit" ? "编辑" : e.type === "view" ? "查看" : "新增"), w = async () => {
+      l.value = !0, await L(), await x([]), console.log("attrs", r);
+    }, k = (t) => {
+      m.value = t;
+    }, $ = (t) => {
+      d.value = t;
     };
-    return k(() => {
-      y();
-    }), (n, t) => (R(), V(o(P), null, {
-      default: l(() => [s(o(U), $({
-        visible: i.value,
-        "onUpdate:visible": t[1] || (t[1] = (f) => i.value = f)
-      }, n.$attrs, {
-        title: C.value
+    return M(() => {
+      w();
+    }), g({
+      setDisabled: $,
+      setleftText: k
+    }), (t, o) => (B(), R(i(I), null, {
+      default: n(() => [s(i(J), D({
+        visible: l.value,
+        "onUpdate:visible": o[1] || (o[1] = (a) => l.value = a)
+      }, t.$attrs, {
+        title: _.value,
+        leftNum: m.value
       }), {
-        footerRight: l(() => [s(B, {
-          dialogVisible: i.value,
-          "onUpdate:dialogVisible": t[0] || (t[0] = (f) => i.value = f),
-          options: o(c),
-          ctx: o(u)
-        }, null, 8, ["dialogVisible", "options", "ctx"])]),
-        default: l(() => [s(o(A), {
+        footerRight: n(() => [s(U, {
+          disabled: d.value,
+          dialogVisible: l.value,
+          "onUpdate:dialogVisible": o[0] || (o[0] = (a) => l.value = a),
+          options: i(b),
+          ctx: i(p)
+        }, null, 8, ["disabled", "dialogVisible", "options", "ctx"])]),
+        default: n(() => [s(i(S), {
           active: "",
-          loading: o(g)
+          loading: i(y)
         }, {
-          default: l(() => [s(L, {
-            vfCtx: m.value,
+          default: n(() => [s(A, {
+            vfCtx: C.value,
             ref_key: "vfdRef",
-            ref: u
+            ref: p
           }, null, 8, ["vfCtx"])]),
           _: 1
         }, 8, ["loading"])]),
         _: 1
-      }, 16, ["visible", "title"])]),
+      }, 16, ["visible", "title", "leftNum"])]),
       _: 1
     }));
   }
 });
 export {
-  q as default
+  H as default
 };