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

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

@@ -1,109 +1,324 @@
-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 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 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 F = /* @__PURE__ */ x({
+  __name: "ActionButtonListDialog",
+  props: /* @__PURE__ */ D({
     parmas: {
       type: String,
+      required: !1,
       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
+  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: l("designer.setting.operationButtonLabel"),
+      width: 100,
+      slots: {
+        default({
+          row: e
+        }) {
+          return n(o("a-input"), {
+            value: e.label,
+            "onUpdate:value": (t) => e.label = t,
+            placeholder: l("designer.setting.operationButtonLabel")
+          }, null);
+        }
+      }
+    }, {
+      field: "type",
+      title: l("designer.setting.operationButtonType"),
+      width: 120,
+      slots: {
+        default({
+          row: e
+        }) {
+          return n(o("a-select"), {
+            value: e.type,
+            "onUpdate:value": (t) => e.type = t,
+            placeholder: l("designer.setting.operationButtonType"),
+            style: "width: 100%"
+          }, {
+            default: () => [n(o("a-select-option"), {
+              value: "primary"
+            }, {
+              default: () => [i("primary")]
+            }), n(o("a-select-option"), {
+              value: "dashed"
+            }, {
+              default: () => [i("dashed")]
+            }), n(o("a-select-option"), {
+              value: "text"
+            }, {
+              default: () => [i("text")]
+            }), n(o("a-select-option"), {
+              value: "link"
+            }, {
+              default: () => [i("link")]
+            }), n(o("a-select-option"), {
+              value: "default"
+            }, {
+              default: () => [i("default")]
+            })]
+          });
+        }
+      }
+    }, {
+      field: "size",
+      title: l("designer.setting.operationButtonSize"),
+      width: 100,
+      slots: {
+        default({
+          row: e
+        }) {
+          return n(o("a-select"), {
+            value: e.size,
+            "onUpdate:value": (t) => e.size = t,
+            placeholder: l("designer.setting.size"),
+            style: "width: 100%"
+          }, {
+            default: () => [n(o("a-select-option"), {
+              value: "default"
+            }, {
+              default: () => [i("default")]
+            }), n(o("a-select-option"), {
+              value: "small"
+            }, {
+              default: () => [i("small")]
+            }), n(o("a-select-option"), {
+              value: "large"
+            }, {
+              default: () => [i("large")]
+            })]
+          });
+        }
+      }
+    }, {
+      field: "ghost",
+      title: l("designer.setting.operationButtonGhost"),
+      width: 80,
+      slots: {
+        default({
+          row: e
+        }) {
+          return n(o("a-switch"), {
+            checkedValue: 1,
+            unCheckedValue: 0,
+            checked: e.ghost,
+            "onUpdate:checked": (t) => e.ghost = t
+          }, null);
+        }
+      }
+    }, {
+      field: "danger",
+      title: l("designer.setting.danger"),
+      width: 100,
+      slots: {
+        default({
+          row: e
+        }) {
+          return n(o("a-switch"), {
+            checkedValue: 1,
+            unCheckedValue: 0,
+            checked: e.danger,
+            "onUpdate:checked": (t) => e.danger = t
+          }, null);
+        }
+      }
+    }, {
+      field: "icon",
+      title: l("designer.setting.buttonIcon"),
+      width: 120,
+      slots: {
+        default({
+          row: e
+        }) {
+          return n(U, {
+            value: e.icon,
+            "onUpdate:value": (t) => e.icon = t
+          }, null);
+        }
+      }
+    }, {
+      field: "onHidden",
+      title: l("designer.setting.operationButtonHidden"),
+      width: 100,
+      slots: {
+        default({
+          row: e,
+          rowIndex: t
+        }) {
+          let a;
+          return n(o("a-button"), {
+            class: [{
+              "button-text-highlight": !!e.onHidden
+            }],
+            onClick: () => c("onHidden", e, t),
+            size: "small"
+          }, p(a = l("designer.setting.operationButtonHidden")) ? a : {
+            default: () => [a]
+          });
+        }
+      }
+    }, {
+      field: "onDisabled",
+      title: l("designer.setting.operationButtonDisabled"),
+      width: 100,
+      slots: {
+        default({
+          row: e,
+          rowIndex: t
+        }) {
+          let a;
+          return n(o("a-button"), {
+            class: [{
+              "button-text-highlight": !!e.onDisabled
+            }],
+            onClick: () => c("onDisabled", e, t),
+            size: "small"
+          }, p(a = l("designer.setting.operationButtonDisabled")) ? a : {
+            default: () => [a]
+          });
+        }
+      }
+    }, {
+      field: "onClick",
+      title: l("designer.setting.operationButtonClick"),
+      width: 100,
+      slots: {
+        default({
+          row: e,
+          rowIndex: t
+        }) {
+          let a;
+          return n(o("a-button"), {
+            class: [{
+              "button-text-highlight": !!e.onClick
+            }],
+            onClick: () => c("onClick", e, t),
+            size: "small"
+          }, p(a = l("designer.setting.operationButtonClick")) ? a : {
+            default: () => [a]
+          });
+        }
+      }
+    }, {
+      field: "action",
+      title: l("designer.setting.operationButtonAction"),
+      width: 80,
+      slots: {
+        default({
+          rowIndex: e
+        }) {
+          let t;
+          return n(o("a-button"), {
+            type: "link",
+            onClick: () => m(e),
+            size: "small"
+          }, p(t = l("designer.setting.delete")) ? t : {
+            default: () => [t]
+          });
+        }
+      }
+    }], v = V(() => ({
+      columnConfig: {
+        resizable: !0
       },
-      {
-        dataIndex: "onHidden",
-        title: t("designer.setting.operationButtonHidden"),
-        width: 100
+      rowConfig: {
+        drag: !0
       },
-      {
-        dataIndex: "onDisabled",
-        title: t("designer.setting.operationButtonDisabled"),
-        width: 100
+      cellConfig: {
+        height: 50
       },
-      {
-        dataIndex: "onClick",
-        title: t("designer.setting.operationButtonClick"),
-        width: 100
+      data: s.value,
+      size: "mini",
+      columns: h,
+      clickRowCheck: !1
+    })), {
+      tableRef: b,
+      register: _,
+      selectedRowInfo: z,
+      sorts: w
+    } = H({
+      props: v,
+      events: {
+        rowDragend() {
+          var e;
+          s.value = ((e = b.value) == null ? void 0 : e.getFullData()) || [];
+        }
       },
-      {
-        dataIndex: "action",
-        title: t("designer.setting.operationButtonAction"),
-        width: 80
-      }
-    ], n = m(() => r.data);
-    return v(
-      () => n.value,
-      () => {
-        u("update:data", n.value);
+      callbacks: {}
+    }), m = (e) => {
+      console.log(e), s.value.splice(e, 1);
+    }, c = (e, t, a) => {
+      var C;
+      r.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;
       },
-      {
-        deep: !0
-      }
-    ), {
       addOperationButton: () => {
-        n.value.push({
-          name: "btn" + B(),
+        s.value.push({
+          name: "btn" + O(),
           label: "new btn",
           type: "primary",
           size: "small",
+          ghost: 0,
           shape: "default",
           hidden: !1,
           disabled: !1,
           onClick: ""
         });
       },
-      saveColumnRender: (e) => {
-        console.log(n.value, i.value, o.value), n.value[i.value][o.value] = e;
-      },
-      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]);
-      },
-      codeModalEditorRef: d,
-      currentEditBtn: o,
-      deleteOperationButton: (e) => {
-        console.log(e), n.value.splice(e, 1);
+      CodeModalEditor: I,
+      get Table() {
+        return M;
       }
     };
+    return Object.defineProperty(k, "__isScriptSetup", {
+      enumerable: !1,
+      value: !0
+    }), k;
   }
 });
 export {
-  z as default
+  F as default
 };

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

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