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

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

@@ -1,72 +1,96 @@
-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 "../../../utils/i18n.js";
-const q = /* @__PURE__ */ x({
+import { defineComponent as x, getCurrentInstance as T, useAttrs as M, ref as n, computed as c, onMounted as k, nextTick as q } from "vue";
+import { useLowcode as P } from "../../../hooks/useLowcode.js";
+import R from "../../form-render/SubmitButtonRender.vue.js";
+import D from "../../FormRender/index.vue.js";
+import { TpfConfigProvider as I, TpfModal as L } from "tmgc2-share";
+import { Skeleton as $ } from "ant-design-vue";
+import { useI18n as h } from "../../../utils/i18n.js";
+const V = /* @__PURE__ */ x({
   __name: "CustomerModal",
   props: {
-    title: {},
-    type: {},
-    formCode: {}
+    title: {
+      type: String,
+      required: !0
+    },
+    type: {
+      type: String,
+      required: !0
+    },
+    formCode: {
+      type: String,
+      required: !0
+    }
   },
-  setup(d) {
-    const a = _(), r = b() || {}, i = w(!1), e = d, m = p(() => {
-      var n, t;
+  setup(y, {
+    expose: g
+  }) {
+    const {
+      i18nt: _
+    } = h(), o = T(), t = M() || {}, i = n(!1), e = y, C = c(() => {
+      var r, a;
       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: o.proxy.$router,
+        _id: ((a = (r = t == null ? void 0 : t.row) == null ? void 0 : r.record) == null ? void 0 : a._id) || null,
         type: e.type,
-        instance: a,
-        ...r
+        instance: o,
+        ...t
       };
-    }), {
-      vfdRef: u,
-      formConfig: c,
-      getComponentJson: v,
-      isLoading: g
-    } = T({
+    }), s = n(!1), {
+      vfdRef: v,
+      formConfig: S,
+      getComponentJson: u,
+      isLoading: b
+    } = 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);
+    }), p = n(null), w = c(() => e.title ? e.title : e.type === "add" ? "新增" : e.type === "edit" ? "编辑" : e.type === "view" ? "查看" : "新增"), f = async () => {
+      i.value = !0, await q(), await u([]), console.log("attrs", t);
+    }, d = (r) => {
+      p.value = r;
+    }, l = (r) => {
+      s.value = r;
     };
-    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
-      }), {
-        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), {
-          active: "",
-          loading: o(g)
-        }, {
-          default: l(() => [s(L, {
-            vfCtx: m.value,
-            ref_key: "vfdRef",
-            ref: u
-          }, null, 8, ["vfCtx"])]),
-          _: 1
-        }, 8, ["loading"])]),
-        _: 1
-      }, 16, ["visible", "title"])]),
-      _: 1
-    }));
+    k(() => {
+      f();
+    }), g({
+      setDisabled: l,
+      setleftText: d
+    });
+    const m = {
+      i18nt: _,
+      instance: o,
+      attrs: t,
+      visible: i,
+      props: e,
+      vfCtx: C,
+      isDisabled: s,
+      vfdRef: v,
+      formConfig: S,
+      getComponentJson: u,
+      isLoading: b,
+      leftNum: p,
+      title: w,
+      show: f,
+      setleftText: d,
+      setDisabled: l,
+      SubmitButtonRender: R,
+      VFormRender: D,
+      get TpfModal() {
+        return L;
+      },
+      get TpfConfigProvider() {
+        return I;
+      },
+      get Skeleton() {
+        return $;
+      }
+    };
+    return Object.defineProperty(m, "__isScriptSetup", {
+      enumerable: !1,
+      value: !0
+    }), m;
   }
 });
 export {
-  q as default
+  V as default
 };

package/src/components/public/QuillEditor/index.vue.js

@@ -1,5 +1,5 @@
 import c from "quill";
-import { createElementBlock as f, openBlock as m, watch as s, ref as p, onBeforeUnmount as q, onMounted as b, onUnmounted as h } from "vue";
+import { createElementBlock as f, openBlock as m, watch as a, ref as p, onBeforeUnmount as q, onMounted as b, onUnmounted as h } from "vue";
 /* empty css           */
 import g from "../../../../_virtual/_plugin-vue_export-helper.js";
 const _ = {
@@ -47,28 +47,28 @@ const _ = {
       quill: null
     };
     let n = "";
-    s(
+    a(
       () => i.value,
       (e) => {
         l.quill && (e && e !== n ? (n = e, l.quill.pasteHTML(e)) : e || l.quill.setText(""));
       }
-    ), s(
+    ), a(
       () => i.content,
       (e) => {
         l.quill && (e && e !== n ? (n = e, l.quill.pasteHTML(e)) : e || l.quill.setText(""));
       }
-    ), s(
+    ), a(
       () => i.disabled,
       (e) => {
         l.quill && l.quill.enable(!e);
       }
     );
-    const u = p(null), a = (e, r) => {
+    const u = p(null), s = (e, r) => {
       for (const t in r)
-        !e[t] || t !== "modules" ? e[t] = r[t] : a(e[t], r[t]);
+        !e[t] || t !== "modules" ? e[t] = r[t] : s(e[t], r[t]);
       return e;
     }, d = () => {
-      u.value && (l.editorOption = a(_, i.options), l.editorOption.readOnly = !!i.disabled, l.quill = new c(u.value, l.editorOption), i.value && l.quill.pasteHTML(i.value), l.quill.on("selection-change", (e) => {
+      u.value && (l.editorOption = s(_, i.options), l.editorOption.readOnly = !!i.disabled, l.quill = new c(u.value, l.editorOption), i.value && l.quill.pasteHTML(i.value), l.quill.on("selection-change", (e) => {
         e ? o.emit("focus", l.quill) : o.emit("blur", l.quill);
       }), l.quill.on("text-change", () => {
         i.disabled && l.quill.enable(!1);
@@ -87,10 +87,16 @@ const _ = {
     }), { editor: u };
   }
 }, O = { ref: "editor" };
-function T(i, o, l, n, u, a) {
-  return m(), f("section", O, null, 512);
+function k(i, o, l, n, u, s) {
+  return m(), f(
+    "section",
+    O,
+    null,
+    512
+    /* NEED_PATCH */
+  );
 }
-const B = /* @__PURE__ */ g(y, [["render", T]]);
+const w = /* @__PURE__ */ g(y, [["render", k], ["__file", "/Users/zhaopeng/dev/kunpeng/tmgc2-web-vfrom/src/components/public/QuillEditor/index.vue"]]);
 export {
-  B as default
+  w as default
 };

package/src/components/public/methoad-item.vue.js

@@ -1,48 +1,35 @@
-import { defineComponent as c, resolveComponent as a, createBlock as v, openBlock as f, withCtx as r, createVNode as u, normalizeClass as g, createTextVNode as _, toDisplayString as N, unref as h } from "vue";
-import { useI18n as H } from "../../utils/i18n.js";
-const k = /* @__PURE__ */ c({
-  __name: "methoad-item",
-  props: {
-    eventName: {},
-    eventParamsMap: {},
-    formConfig: {},
-    getFormEventHandled: {}
-  },
-  emits: ["click-item"],
-  setup(m, { emit: i }) {
-    const { i18nt: n } = H(), e = m, s = i, l = () => {
-      s("click-item", {
-        eventName: e.eventName,
-        mode: "javascript",
-        isShowEventHeader: !0,
-        title: n("designer.setting.editFormEventHandler"),
-        eventHeader: "form." + e.eventParamsMap[e.eventName]
-      });
-    };
-    return (t, o) => {
-      const d = a("a-button"), p = a("a-form-item");
-      return f(), v(p, {
-        label: t.eventName,
-        "label-width": "150px"
+import m from "./methoad-item.vue2.js";
+import { resolveComponent as o, createBlock as i, openBlock as d, withCtx as a, createVNode as c, normalizeClass as s, createTextVNode as _, toDisplayString as f } from "vue";
+import p from "../../../_virtual/_plugin-vue_export-helper.js";
+function u(v, t, e, n, g, b) {
+  const r = o("a-button"), l = o("a-form-item");
+  return d(), i(l, {
+    label: e.eventName,
+    "label-width": "150px"
+  }, {
+    default: a(() => [
+      c(r, {
+        plain: "",
+        shape: "round",
+        class: s([e.getFormEventHandled(e.eventName) ? "button-text-highlight" : ""]),
+        onClick: t[0] || (t[0] = (h) => n.editFormEventHandler())
       }, {
-        default: r(() => [
-          u(d, {
-            plain: "",
-            shape: "round",
-            class: g([t.getFormEventHandled(t.eventName) ? "button-text-highlight" : ""]),
-            onClick: o[0] || (o[0] = (b) => l())
-          }, {
-            default: r(() => [
-              _(N(h(n)("designer.setting.addEventHandler")), 1)
-            ]),
-            _: 1
-          }, 8, ["class"])
+        default: a(() => [
+          _(
+            f(n.i18nt("designer.setting.addEventHandler")),
+            1
+            /* TEXT */
+          )
         ]),
         _: 1
-      }, 8, ["label"]);
-    };
-  }
-});
+        /* STABLE */
+      }, 8, ["class"])
+    ]),
+    _: 1
+    /* STABLE */
+  }, 8, ["label"]);
+}
+const N = /* @__PURE__ */ p(m, [["render", u], ["__file", "/Users/zhaopeng/dev/kunpeng/tmgc2-web-vfrom/src/components/public/methoad-item.vue"]]);
 export {
-  k as default
+  N as default
 };

package/src/components/public/methoad-item.vue2.js

@@ -1,4 +1,28 @@
-import f from "./methoad-item.vue.js";
+import { defineComponent as a } from "vue";
+import { useI18n as s } from "../../utils/i18n.js";
+const c = /* @__PURE__ */ a({
+  __name: "methoad-item",
+  props: {
+    eventName: { type: String, required: !0 },
+    eventParamsMap: { type: Object, required: !0 },
+    formConfig: { type: Object, required: !0 },
+    getFormEventHandled: { type: Function, required: !0 }
+  },
+  emits: ["click-item"],
+  setup(i, { expose: m, emit: o }) {
+    m();
+    const { i18nt: t } = s(), e = i, r = o, n = { i18nt: t, props: e, emit: r, editFormEventHandler: () => {
+      r("click-item", {
+        eventName: e.eventName,
+        mode: "javascript",
+        isShowEventHeader: !0,
+        title: t("designer.setting.editFormEventHandler"),
+        eventHeader: "form." + e.eventParamsMap[e.eventName]
+      });
+    } };
+    return Object.defineProperty(n, "__isScriptSetup", { enumerable: !1, value: !0 }), n;
+  }
+});
 export {
-  f as default
+  c as default
 };

package/src/components/svg-icon/FileIcon.js

@@ -0,0 +1,36 @@
+import { defineComponent as n, createVNode as e } from "vue";
+import o from "./index.vue.js";
+import { FileOutlined as t } from "@ant-design/icons-vue";
+const u = /* @__PURE__ */ n({
+  name: "FileIcon",
+  props: {
+    file: {
+      type: Object,
+      required: !0
+    }
+  },
+  setup(r) {
+    return () => {
+      const l = r.file.fileType || "";
+      try {
+        if ([".xls", ".xlsx"].includes(l.toLowerCase()))
+          return e(o, {
+            iconClass: "excel"
+          }, null);
+        if ([".doc", ".docx"].includes(l.toLowerCase()))
+          return e(o, {
+            iconClass: "word"
+          }, null);
+        if ([".pdf"].includes(l.toLowerCase()))
+          return e(o, {
+            iconClass: "pdf"
+          }, null);
+      } catch {
+      }
+      return e(t, null, null);
+    };
+  }
+});
+export {
+  u as default
+};

package/src/components/svg-icon/index.vue.js

@@ -1,7 +1,31 @@
-import o from "./index.vue2.js";
+import r from "./index.vue2.js";
+import { createElementBlock as o, openBlock as n, normalizeStyle as c, normalizeClass as i, createElementVNode as s, createCommentVNode as a, toDisplayString as l } from "vue";
 /* empty css           */
-import t from "../../../_virtual/_plugin-vue_export-helper.js";
-const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-0beca61f"]]);
+import m from "../../../_virtual/_plugin-vue_export-helper.js";
+const _ = ["xlink:href"], d = { key: 0 };
+function f(g, p, t, e, v, h) {
+  return n(), o(
+    "svg",
+    {
+      class: i(e.svgClass),
+      "aria-hidden": "true",
+      style: c(e.getStyle)
+    },
+    [
+      s("use", { "xlink:href": e.iconName }, null, 8, _),
+      t.title ? (n(), o(
+        "title",
+        d,
+        l(t.title),
+        1
+        /* TEXT */
+      )) : a("v-if", !0)
+    ],
+    6
+    /* CLASS, STYLE */
+  );
+}
+const S = /* @__PURE__ */ m(r, [["render", f], ["__scopeId", "data-v-49adc83c"], ["__file", "/Users/zhaopeng/dev/kunpeng/tmgc2-web-vfrom/src/components/svg-icon/index.vue"]]);
 export {
-  f as default
+  S as default
 };

package/src/components/svg-icon/index.vue2.js

@@ -1,29 +1,23 @@
-import { defineComponent as c, computed as t, createElementBlock as n, openBlock as o, normalizeStyle as u, normalizeClass as m, createElementVNode as d, createCommentVNode as p, toDisplayString as f } from "vue";
-const h = ["xlink:href"], g = { key: 0 }, C = /* @__PURE__ */ c({
+import { defineComponent as c, computed as t } from "vue";
+const l = /* @__PURE__ */ c({
   name: "SvgIcon",
   __name: "index",
   props: {
-    iconClass: {},
-    className: {},
-    title: { default: "" },
-    size: { default: "1.1em" }
+    iconClass: { type: String, required: !0 },
+    className: { type: String, required: !1 },
+    title: { type: String, required: !1, default: "" },
+    size: { type: String, required: !1, default: "1.1em" }
   },
-  setup(l) {
-    const e = l, a = t(() => `#icon-${e.iconClass}`), i = t(() => e.className ? "svg-icon " + e.className : "svg-icon"), r = t(() => ({
+  setup(s, { expose: n }) {
+    n();
+    const e = s, i = t(() => `#icon-${e.iconClass}`), o = t(() => e.className ? "svg-icon " + e.className : "svg-icon"), a = t(() => ({
       width: e.size,
       height: e.size,
       cursor: "pointer"
-    }));
-    return (s, v) => (o(), n("svg", {
-      class: m(i.value),
-      "aria-hidden": "true",
-      style: u(r.value)
-    }, [
-      d("use", { "xlink:href": a.value }, null, 8, h),
-      s.title ? (o(), n("title", g, f(s.title), 1)) : p("", !0)
-    ], 6));
+    })), r = { props: e, iconName: i, svgClass: o, getStyle: a };
+    return Object.defineProperty(r, "__isScriptSetup", { enumerable: !1, value: !0 }), r;
   }
 });
 export {
-  C as default
+  l as default
 };

package/src/constants/EditorTypeEnum.js

@@ -0,0 +1,4 @@
+var t = /* @__PURE__ */ ((o) => (o.name = "name-editor", o.disabled = "disabled-editor", o.hidden = "hidden-editor", o.customClassEditor = "customClass-editor", o.colHeightEditor = "colHeight-editor", o.gutterEditor = "gutter-editor", o.gridColResponsiveEditor = "grid-col-responsive-editor", o.gridColSpanEditor = "grid-col-span-editor", o.gridColOffsetEditor = "grid-col-offset-editor", o.gridColPullEditor = "grid-col-pull-editor", o.gridColPushEditor = "grid-col-push-editor", o.showBlankRowEditor = "showBlankRow-editor", o.showRowNumberEditor = "showRowNumber-editor", o.subFormLabelAlignEditor = "sub-form-labelAlign-editor", o.onSubFormRowAddEditor = "onSubFormRowAdd-editor", o.onSubFormRowInsertEditor = "onSubFormRowInsert-editor", o.onSubFormRowDeleteEditor = "onSubFormRowDelete-editor", o.onSubFormRowChangeEditor = "onSubFormRowChange-editor", o.tabTypeEditor = "tab-type-editor", o.tabTabPositionEditor = "tab-tabPosition-editor", o.tabTabBarGutterEditor = "tab-tabBarGutter-editor", o.tabCustomClassEditor = "tab-customClass-editor", o.onMountedEditor = "onMounted-editor", o.onTabClickEditor = "onTabClick-editor", o.boxModelEditor = "boxModel-editor", o.titleEditor = "title-editor", o.heightEditor = "height-editor", o.collapseIconEditor = "collapseIcon-editor", o.unCollapseIconEditor = "unCollapseIcon-editor", o.isCollapseEditor = "isCollapse-editor", o.rightSlotCssEditor = "rightSlotCss-editor", o.widthEditor = "width-editor", o.formCodeEditor = "formCode-editor", o.bodyStyleEditor = "bodyStyle-editor", o.showCloseEditor = "showClose-editor", o.closeOnClickModalEditor = "closeOnClickModal-editor", o.closeOnPressEscapeEditor = "closeOnPressEscape-editor", o.readModeEditor = "readMode-editor", o.disabledModeEditor = "disabledMode-editor", o.okButtonLabelEditor = "okButtonLabel-editor", o.okButtonHiddenEditor = "okButtonHidden-editor", o.cancelButtonLabelEditor = "cancelButtonLabel-editor", o.cancelButtonHiddenEditor = "cancelButtonHidden-editor", o.onCancelButtonClickEditor = "onCancelButtonClick-editor", o.onOkButtonClickEditor = "onOkButtonClick-editor", o.onDialogOpenedEditor = "onDialogOpened-editor", o.onDialogBeforeCloseEditor = "onDialogBeforeClose-editor", o.labelEditor = "label-editor", o.labelAlignEditor = "labelAlign-editor", o.typeEditor = "type-editor", o.defaultValueEditor = "defaultValue-editor", o.placeholderEditor = "placeholder-editor", o.sizeEditor = "size-editor", o.labelWidthEditor = "labelWidth-editor", o.labelHiddenEditor = "labelHidden-editor", o.requiredEditor = "required-editor", o.requiredHintEditor = "requiredHint-editor", o.validationEditor = "validation-editor", o.validationHintEditor = "validationHint-editor", o.readonlyEditor = "readonly-editor", o.useModalEditor = "useModal-editor", o.allowClearEditor = "allowClear-editor", o.maxLengthEditor = "maxLength-editor", o.showCountEditor = "showCount-editor", o.onChangeEditor = "onChange-editor", o.onInputEditor = "onInput-editor", o.onFocusEditor = "onFocus-editor", o.onBlurEditor = "onBlur-editor", o.onValidateEditor = "onValidate-editor", o.onClickIconEditor = "onClickIcon-editor", o.onCreatedEditor = "onCreated-editor", o.rowsEditor = "rows-editor", o.labelIconClassEditor = "labelIconClass-editor", o.labelIconPositionEditor = "labelIconPosition-editor", o.numberDefaultValueEditor = "number-defaultValue-editor", o.minEditor = "min-editor", o.maxEditor = "max-editor", o.precisionEditor = "precision-editor", o.stepEditor = "step-editor", o.buttonStyleEditor = "buttonStyle-editor", o.borderEditor = "border-editor", o.optionItemsEditor = "optionItems-editor", o.loadingPageEditor = "loadingPage-editor", o.showSearchEditor = "showSearch-editor", o.modeEditor = "mode-editor", o.timeDefaultValueEditor = "time-defaultValue-editor", o.autoFullWidthEditor = "autoFullWidth-editor", o.timeFormatEditor = "time-format-editor", o.timeRangeDefaultValueEditor = "time-range-defaultValue-editor", o.startPlaceholderEditor = "startPlaceholder-editor", o.endPlaceholderEditor = "endPlaceholder-editor", o.dateTypeEditor = "date-type-editor", o.dateRangeDefaultValueEditor = "date-range-defaultValue-editor", o.showTimeEditor = "showTime-editor", o.dateRangeFormatEditor = "date-range-format-editor", o.dateRangeValueFormatEditor = "date-range-valueFormat-editor", o.switchDefaultValueEditor = "switch-defaultValue-editor", o.checkedValueEditor = "checkedValue-editor", o.unCheckedValueEditor = "unCheckedValue-editor", o.switchWidthEditor = "switchWidth-editor", o.rateDefaultValueEditor = "rate-defaultValue-editor", o.rateCountEditor = "rate-count-editor", o.allowHalfEditor = "allowHalf-editor", o.colorDefaultValueEditor = "color-defaultValue-editor", o.textContentEditor = "textContent-editor", o.rangeEditor = "range-editor", o.htmlContentEditor = "htmlContent-editor", o.buttonTypeEditor = "button-type-editor", o.shapeEditor = "shape-editor", o.dangerEditor = "danger-editor", o.ghostEditor = "ghost-editor", o.iconEditor = "icon-editor", o.onClickEditor = "onClick-editor", o.flexEditor = "flex-editor", o.buttonListEditor = "button-list-editor", o.buttonPositionEditor = "button-position-editor", o.contentPositionEditor = "contentPosition-editor", o.dividerDirectionEditor = "divider-direction-editor", o.placementEditor = "placement-editor", o.menuListEditor = "menuList-editor", o.onMenuClickEditor = "onMenuClick-editor", o.cascaderMultipleEditor = "cascader-multiple-editor", o.multipleEditor = "multiple-editor", o.treeDataEditor = "tree-data-editor", o.onCheckEditor = "onCheck-editor", o.richEditorContentHeightEditor = "rich-editor-contentHeight-editor", o.acceptEditor = "accept-editor", o.limitEditor = "limit-editor", o.maxSizeEditor = "maxSize-editor", o.uploadListTypeEditor = "uploadListType-editor", o.rowKeyEditor = "rowKey-editor", o.tableWidthEditor = "tableWidth-editor", o.tableHeightEditor = "tableHeight-editor", o.showIndexEditor = "showIndex-editor", o.dataTableColorRowEditor = "data-table-colorRow-editor", o.tableSizeEditor = "tableSize-editor", o.paginationEditor = "pagination-editor", o.showButtonsColumnEditor = "showButtonsColumn-editor", o.rowSelectionEditor = "rowSelection-editor", o.dataTableDsEnabledEditor = "data-table-dsEnabled-editor", o.dataTableCustomClassEditor = "data-table-customClass-editor", o.lineHeightEditor = "line-height-editor", o.onTableChangeEditor = "onTableChange-editor", o.dataTableCustomRowEditor = "data-table-customRow-editor", o.dateDefaultValueEditor = "date-defaultValue-editor", o))(t || {});
+export {
+  t as EditorTypeEnum
+};

package/src/constants/WidgetTypeEnum.js

@@ -0,0 +1,6 @@
+var d = /* @__PURE__ */ ((t) => (t.input = "input-widget", t.textarea = "textarea-widget", t.number = "number-widget", t.select = "select-widget", t.radio = "radio-widget", t.checkbox = "checkbox-widget", t.time = "time-widget", t.timeRange = "time-range-widget", t.date = "date-widget", t.dateRange = "date-range-widget", t.rate = "rate-widget", t.switch = "switch-widget", t.slider = "slider-widget", t.color = "color-widget", t.htmlText = "html-text-widget", t.staticText = "static-text-widget", t.buttonList = "button-list-widget", t.dropdown = "dropdown-widget", t.button = "button-widget", t.divider = "divider-widget", t.cascader = "cascader-widget", t.tree = "tree-widget", t.treeSelect = "tree-select-widget", t.richEditor = "rich-editor-widget", t.codeEditor = "code-editor-widget", t.fileUpload = "file-upload-widget", t.bpmnEditor = "bpmn-editor-widget", t.diyCompontent = "diy-compontent-widget", t))(d || {}), i = /* @__PURE__ */ ((t) => (t.grid = "grid-widget", t.GridColWidget = "grid-col-widget", t.VfCollapseWidget = "vf-collapse-widget", t.VfBoxWidget = "vf-box-widget", t.VfDialogWidget = "vf-dialog-widget", t.Tab = "tab-widget", t.DataTable = "data-table-widget", t.SubFormWidget = "sub-form-widget", t.GridSubFormWidget = "grid-sub-form-widget", t))(i || {}), r = /* @__PURE__ */ ((t) => (t.VFormRender = "VFormRender", t.VFormDesigner = "VFormDesigner", t.ContainerWidget = "ContainerWidget", t.VfBoxWidget = "VfBoxWidget", t.VfDialogWidget = "VfBoxWidget", t.FieldWidget = "FieldWidget", t.PropertyEditor = "PropertyEditor", t.OnSubFormRowAddEditor = "OnSubFormRowAddEditor", t))(r || {});
+export {
+  r as ComponentNameEnum,
+  i as ContainerTypeEnum,
+  d as WidgetTypeEnum
+};

package/src/hooks/useDataHttp.js

@@ -0,0 +1,33 @@
+import { ref as u } from "vue";
+import { useI18n as d } from "../utils/i18n.js";
+import { useExecFunction as l } from "tmgc2-share";
+function p({ props: e }) {
+  const { http: n, dataHandlerCode: r, dataReqHandlerCode: a } = e.field.options, { i18nt: i } = d(), { execHttpFunction: c } = l(), o = u({
+    ...e.widget.options.pagination,
+    showTotal: (t) => i("designer.showTotal", { total: t })
+  });
+  return {
+    pagintion: o,
+    setPagination: (t) => {
+      t.current !== void 0 && (o.value.current = t.current, e.field.options.pagination.current = t.current), t.pageSize !== void 0 && (o.value.pageSize = t.pageSize, e.field.options.pagination.current = t.pageSize), t.total !== void 0 && (o.value.total = t.total, e.field.options.pagination.current = t.total);
+    },
+    getPagination: () => o.value,
+    loadataSource: async () => {
+      try {
+        return await c(
+          {
+            http: n,
+            dataHandlerCode: r,
+            dataReqHandlerCode: a
+          },
+          {}
+        );
+      } catch (t) {
+        return console.error(t), {};
+      }
+    }
+  };
+}
+export {
+  p as useDataHttp
+};

package/src/hooks/useLowcode.js

@@ -1,4 +1,4 @@
-import w from "../components/form-render/index.vue.js";
+import w from "../components/FormRender/index.vue.js";
 import { basicFieldsEnums as y } from "../components/form-designer/widget-panel/basicFieldsEnums.js";
 import { getUuidKey as L } from "@kp-ui/tool";
 import { useDataQueryApi as R, useComRef as P, useRouteBackTab as N, routerReloadStatus as j } from "tmgc2-share";
@@ -81,5 +81,6 @@ const S = (C) => {
   };
 };
 export {
+  w as VFormRender,
   S as useLowcode
 };

package/src/lang/en-US.js

@@ -9,6 +9,7 @@ const e = {
     subscription: "Subscription"
   },
   designer: {
+    showTotal: "{total} total of 8 items",
     outline: "Outline",
     field: "Field",
     componentLib: "Components",
@@ -185,6 +186,7 @@ const e = {
       buttonList: "Button Group",
       buttonPosition: "Position",
       autoWidth: "Auto Width",
+      dataSoureEdit: "dataSoure Edit",
       fixed: "Fixed Position",
       fixedRight: "Fixed Right",
       resizableColumn: "Resizable Column",
@@ -427,6 +429,7 @@ const e = {
       actionColumn: "Action",
       addTableColumn: "Add New Column",
       deleteTableColumn: "Delete This Column",
+      addSubsets: "Add Subsets",
       onlyOneColumnCannotBeDeleted: "The last column cannot be deleted.",
       treeDataEnabled: "Enable Tree Data",
       rowKeyOfTreeData: "Row Key Of Data",
@@ -440,6 +443,7 @@ const e = {
       operationButtonLabel: "Text",
       operationButtonType: "Type",
       operationButtonSize: "Size",
+      operationButtonGhost: "Ghost",
       operationButtonRound: "Round",
       operationButtonHidden: "Hidden",
       operationButtonDisabled: "Disabled",
@@ -447,7 +451,6 @@ const e = {
       deleteOperationButtonHint: "Delete this button?",
       operationButtonDuplicatedNameError: "Duplicate button name.",
       //data-source
-      dsEnabled: "Use Datasource",
       dsName: "Datasource Name",
       dataSetName: "Dataset Name",
       labelKeyName: "Label Key",

package/src/lang/zh-CN.js

@@ -7,6 +7,7 @@ const e = {
     document: "文档"
   },
   designer: {
+    showTotal: "共 {total} 条",
     outline: "大纲",
     field: "字段",
     componentLib: "组件",
@@ -174,6 +175,7 @@ const e = {
       containerInputPlaceholder: "请输入要渲染的目标",
       langMode: "语法模式",
       editAPIConfig: "编辑API",
+      dataSoureEdit: "数据源编辑",
       lineHeight: "行高(px)",
       mode: "选择模式",
       combobox: "列表模式",
@@ -425,6 +427,7 @@ const e = {
       actionColumn: "操作",
       addTableColumn: "增加列",
       deleteTableColumn: "删除列",
+      addSubsets: "增加子集",
       onlyOneColumnCannotBeDeleted: "表格只有一列时不可删除.",
       treeDataEnabled: "允许加载树形数据",
       rowKeyOfTreeData: "树形数据ID键",
@@ -438,6 +441,7 @@ const e = {
       operationButtonLabel: "文字",
       operationButtonType: "类型",
       operationButtonSize: "大小",
+      operationButtonGhost: "幽灵按钮",
       operationButtonRound: "圆角",
       operationButtonHidden: "隐藏",
       operationButtonDisabled: "禁用",

package/src/utils/format.js

@@ -1,30 +1,16 @@
-import { isArray as h } from "lodash-es";
-const b = (u = [], r, e = { label: "label", value: "value", children: "children" }, n = "/") => {
+import { isArray as o } from "lodash-es";
+const a = (u = [], r, n = { label: "label", value: "value", children: "children" }, e = "/") => {
   if (!(!r || r.length === 0))
-    return h(r[0]) ? r.map((l) => c(u, l, e).join(n)).join(",") : c(u, r, e).join(n);
-}, c = (u = [], r = [], e = { label: "label", value: "value", children: "children" }) => {
-  const n = [];
-  return u.forEach((t) => {
-    if (r.length !== 0 && t[e.value] === r[0] && (n.push(t[e.label]), h(t[e.children]))) {
-      const l = c(t[e.children], r.slice(1), e);
-      n.push(...l);
+    return o(r[0]) ? r.map((c) => h(u, c, n).join(e)).join(",") : h(u, r, n).join(e);
+}, h = (u = [], r = [], n = { label: "label", value: "value", children: "children" }) => {
+  const e = [];
+  return u.forEach((l) => {
+    if (r.length !== 0 && l[n.value] === r[0] && (e.push(l[n.label]), o(l[n.children]))) {
+      const c = h(l[n.children], r.slice(1), n);
+      e.push(...c);
     }
-  }), n;
-}, g = (u = [], r, e = { label: "label", value: "value", children: "children" }, n = ",") => !r || r.length === 0 ? void 0 : u.reduce((l, a) => {
-  const s = o(a, r, e);
-  return l = [...l, s], l;
-}, []).map((l) => l[e.label]).join(n), o = (u, r, e) => {
-  let n;
-  return r.forEach((t) => {
-    if (t[e.value] === u) {
-      n = t;
-      return;
-    }
-    const l = t[e.children] || [];
-    l.length && (n = o(u, l, e));
-  }), n;
+  }), e;
 };
 export {
-  b as formateCascaderCode,
-  g as formateTreeToName
+  a as formateCascaderCode
 };