@kp-ui/lowcode 2.14.0-beta.5 → 2.14.0-beta.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kp-ui/lowcode",
-  "version": "2.14.0-beta.5",
+  "version": "2.14.0-beta.8",
   "publishConfig": {
     "access": "public"
   },

package/src/components/FormRender/useFormRender.js

@@ -0,0 +1,17 @@
+import { ContainerWidgetMap as t } from "../form-render/container-item/index.js";
+function a() {
+  function o(e) {
+    var r;
+    if (!e) return "";
+    const n = `./${e.type}-item.vue`;
+    return t[n] || console.warn(`未找到容器组件类型: ${e.type}，请确保已注册该组件。`), (r = t[n]) == null ? void 0 : r.default;
+  }
+  return {
+    getFieldWidget: (e) => e ? (console.log({ widget: e.type }), `${e.type}-widget`) : "",
+    getContainerWidget: o,
+    ContainerWidgetMap: t
+  };
+}
+export {
+  a as useFormRender
+};

package/src/components/form-designer/form-widget/container-widget/data-table-widget.vue.js

@@ -1,22 +1,22 @@
 import u from "./data-table-widget.vue2.js";
-import { resolveComponent as a, createBlock as s, openBlock as l, withCtx as i, createElementBlock as C, withModifiers as p, normalizeClass as r, createElementVNode as y, createVNode as m, normalizeStyle as b, createCommentVNode as f } from "vue";
+import { resolveComponent as a, createBlock as s, openBlock as n, withCtx as l, createElementBlock as C, withModifiers as p, normalizeClass as r, createElementVNode as y, createVNode as m, normalizeStyle as b, createCommentVNode as f } from "vue";
 /* empty css                       */
 import R from "../../../../../_virtual/_plugin-vue_export-helper.js";
 const z = { class: "talbe-wrapper" };
-function S(e, d, t, N, _, n) {
+function S(e, i, t, N, k, d) {
   const c = a("a-empty"), w = a("RenderBodyCell"), g = a("s-table"), h = a("container-wrapper");
-  return l(), s(h, {
+  return n(), s(h, {
     designer: t.designer,
     widget: t.widget,
     "parent-widget": t.parentWidget,
     "parent-list": t.parentList,
     "index-of-parent-list": t.indexOfParentList
   }, {
-    default: i(() => [
-      (l(), C("div", {
+    default: l(() => [
+      (n(), C("div", {
         key: t.widget.id,
-        class: r(["collapse-container data-table-container", { selected: n.selected }]),
-        onClick: d[0] || (d[0] = p((o) => n.selectWidget(t.widget), ["stop"]))
+        class: r(["collapse-container data-table-container", { selected: d.selected }]),
+        onClick: i[0] || (i[0] = p((o) => e.selectWidget(t.widget), ["stop"]))
       }, [
         y("div", z, [
           m(g, {
@@ -24,7 +24,7 @@ function S(e, d, t, N, _, n) {
             columns: e.columns.columns,
             scroll: { y: e.tableHeight },
             height: e.tableHeight,
-            dataSource: n.data,
+            dataSource: d.data,
             class: r([e.customClass]),
             size: e.widgetSize,
             rowKey: (o) => o[t.widget.options.rowKey],
@@ -41,11 +41,11 @@ function S(e, d, t, N, _, n) {
             loading: e.loading,
             "row-height": e.lineHeight
           }, {
-            emptyText: i(() => [
+            emptyText: l(() => [
               m(c)
             ]),
-            bodyCell: i((o) => [
-              e.isShowBodyCell(o.column.dataIndex) ? (l(), s(w, {
+            bodyCell: l((o) => [
+              e.isShowBodyCell(o.column.dataIndex) ? (n(), s(w, {
                 key: 0,
                 bodyCell: e.columns.bodyCell,
                 scope: o
@@ -59,7 +59,7 @@ function S(e, d, t, N, _, n) {
     _: 1
   }, 8, ["designer", "widget", "parent-widget", "parent-list", "index-of-parent-list"]);
 }
-const W = /* @__PURE__ */ R(u, [["render", S], ["__scopeId", "data-v-83fedb64"]]);
+const W = /* @__PURE__ */ R(u, [["render", S], ["__scopeId", "data-v-1355f36c"]]);
 export {
   W as default
 };

package/src/components/form-designer/form-widget/container-widget/data-table-widget.vue2.js

@@ -1,18 +1,18 @@
-import t from "./container-wrapper.vue.js";
-import i from "../../../../utils/emitter.js";
-import r from "../../../../utils/i18n.js";
-import o from "../field-widget/index.js";
-import a from "./containerMixin.js";
-import n from "../../refMixinDesign.js";
-import m from "../../../../mixins/useDataTableMixin.js";
-const l = {
+import e from "./container-wrapper.vue.js";
+import t from "../../../../utils/emitter.js";
+import i from "../../../../utils/i18n.js";
+import r from "../field-widget/index.js";
+import o from "./containerMixin.js";
+import a from "../../refMixinDesign.js";
+import n from "../../../../mixins/useDataTableMixin.js";
+const c = {
   name: "DataTableWidget",
   componentName: "DataTableWidget",
-  mixins: [r, a, n, i, m],
+  mixins: [i, o, a, t, n],
   inject: ["refList"],
   components: {
-    ContainerWrapper: t,
-    ...o
+    ContainerWrapper: e,
+    ...r
   },
   data() {
     return {
@@ -45,9 +45,11 @@ const l = {
     this.initRefList();
   },
   mounted() {
-    this.loadDataTableDataSource();
-  },
-  beforeUnmount() {
+    this.setPagination({
+      pageSize: this.widget.options.pagination.pageSize,
+      page: 1,
+      total: 1
+    });
   },
   computed: {
     data() {
@@ -57,12 +59,8 @@ const l = {
       return this.widget.id === this.designer.selectedId;
     }
   },
-  methods: {
-    selectWidget(e) {
-      this.designer.setSelected(e);
-    }
-  }
+  methods: {}
 };
 export {
-  l as default
+  c as default
 };

package/src/components/form-designer/form-widget/container-widget/vf-box-item.vue.js

@@ -1,8 +1,8 @@
-import F from "../../../form-render/container-item/container-item-wrapper.vue.js";
+import F from "../../../form-render/container-item/container-item-wrapper.vue2.js";
 import R from "../../../../utils/emitter.js";
-import { defineAsyncComponent as O, resolveComponent as c, withDirectives as L, createBlock as a, openBlock as n, withCtx as m, createElementBlock as f, normalizeStyle as S, normalizeClass as _, createCommentVNode as g, Fragment as p, renderList as u, resolveDynamicComponent as w, createSlots as b, renderSlot as h, mergeProps as x, vShow as k } from "vue";
-import j from "../../../../utils/i18n.js";
-import $ from "../field-widget/index.js";
+import { defineAsyncComponent as O, resolveComponent as c, withDirectives as _, createBlock as a, openBlock as n, withCtx as m, createElementBlock as f, normalizeStyle as L, normalizeClass as S, createCommentVNode as g, Fragment as p, renderList as u, resolveDynamicComponent as w, createSlots as b, renderSlot as h, mergeProps as x, vShow as k } from "vue";
+import $ from "../../../../utils/i18n.js";
+import j from "../field-widget/index.js";
 import B from "../../../form-render/refMixin.js";
 import I from "../../../form-render/container-item/containerItemMixin.js";
 import M from "../../../svg-icon/index.vue.js";
@@ -12,11 +12,11 @@ const D = {
   name: "VfBoxItem",
   componentName: "boxItem",
   // 必须固定为ContainerItem，用于接收父级组件的broadcast事件
-  mixins: [R, j, B, I],
+  mixins: [R, $, B, I],
   components: {
     ContainerItemWrapper: F,
     SvgIcon: M,
-    ...$,
+    ...j,
     VFormRender: O(() => import("../../../form-render/index.vue.js"))
   },
   props: {
@@ -118,11 +118,11 @@ const D = {
 };
 function N(e, o, t, T, V, l) {
   const y = c("VFormRender"), C = c("container-item-wrapper");
-  return L((n(), a(C, { widget: t.widget }, {
+  return _((n(), a(C, { widget: t.widget }, {
     default: m(() => [
       (n(), f("div", {
-        class: _(["box-container-item", [l.customClass]]),
-        style: S(l.boxStyle),
+        class: S(["box-container-item", [l.customClass]]),
+        style: L(l.boxStyle),
         key: t.widget.id
       }, [
         t.widget.options.formCode ? (n(), a(y, {

package/src/components/form-designer/form-widget/field-widget/cascader-widget.vue.js

@@ -1,16 +1,16 @@
-import p from "./form-item-wrapper.vue.js";
-import b from "../../../../utils/emitter.js";
-import g from "../../../../utils/i18n.js";
-import { formateCascaderCode as y } from "../../../../utils/format.js";
-import C from "./fieldMixin.js";
-import { resolveComponent as o, createBlock as d, createCommentVNode as r, openBlock as s, withCtx as a, createElementVNode as m, normalizeClass as v, createVNode as w, toDisplayString as F } from "vue";
+import u from "./form-item-wrapper.vue.js";
+import f from "../../../../utils/emitter.js";
+import c from "../../../../utils/i18n.js";
+import { formateCascaderCode as h } from "../../../../utils/format.js";
+import p from "./fieldMixin.js";
+import { resolveComponent as o, createBlock as b, createCommentVNode as d, openBlock as r, withCtx as g, createElementVNode as y, normalizeClass as C, createVNode as w, createElementBlock as v, toDisplayString as F } from "vue";
 /* empty css                     */
-import _ from "../../../../../_virtual/_plugin-vue_export-helper.js";
+import K from "../../../../../_virtual/_plugin-vue_export-helper.js";
 const M = {
   name: "cascader-widget",
   componentName: "FieldWidget",
   //必须固定为FieldWidget，用于接收父级组件的broadcast事件
-  mixins: [b, C, g],
+  mixins: [f, p, c],
   props: {
     field: Object,
     parentWidget: Object,
@@ -38,7 +38,7 @@ const M = {
     }
   },
   components: {
-    FormItemWrapper: p
+    FormItemWrapper: u
   },
   data() {
     return {
@@ -65,7 +65,7 @@ const M = {
     //   return this.field.options.showAllLevels === undefined || !!this.field.options.showAllLevels;
     // },
     contentForReadMode() {
-      return this.fieldModel ? y(this.field.options.optionItems, this.fieldModel, {
+      return this.fieldModel ? h(this.field.options.optionItems, this.fieldModel, {
         label: this.labelKey,
         value: this.valueKey,
         children: this.childrenKey
@@ -88,10 +88,13 @@ const M = {
     hideDropDownOnClick() {
     }
   }
-}, x = { class: "readonly-mode-field" };
-function I(t, n, e, K, l, i) {
-  const u = o("a-cascader"), f = o("a-tooltip"), c = o("form-item-wrapper");
-  return t.handleHidden() ? r("", !0) : (s(), d(c, {
+}, x = {
+  key: 0,
+  class: "readonly-mode-field"
+};
+function I(i, n, e, R, l, t) {
+  const s = o("a-cascader"), a = o("form-item-wrapper");
+  return i.handleHidden() ? d("", !0) : (r(), b(a, {
     key: 0,
     designer: e.designer,
     field: e.field,
@@ -104,43 +107,33 @@ function I(t, n, e, K, l, i) {
     "sub-form-col-index": e.subFormColIndex,
     "sub-form-row-id": e.subFormRowId
   }, {
-    default: a(() => [
-      m("div", {
-        class: v(["full-width-input", { "readonly-mode-cascader": t.isReadMode }])
+    default: g(() => [
+      y("div", {
+        class: C(["full-width-input", { "readonly-mode-cascader": i.isReadMode }])
       }, [
-        w(u, {
+        w(s, {
           ref: "fieldEditor",
-          size: i.size,
+          size: t.size,
           options: e.field.options.optionItems,
           value: l.fieldModel,
-          "onUpdate:value": n[0] || (n[0] = (h) => l.fieldModel = h),
-          disabled: t.handleDisabled(),
+          "onUpdate:value": n[0] || (n[0] = (m) => l.fieldModel = m),
+          disabled: i.handleDisabled(),
           allowClear: e.field.options.allowClear,
-          placeholder: e.field.options.placeholder || t.i18nt("render.hint.selectPlaceholder"),
-          fieldNames: { value: i.valueKey, label: i.labelKey, children: i.childrenKey },
+          placeholder: e.field.options.placeholder || i.i18nt("render.hint.selectPlaceholder"),
+          fieldNames: { value: t.valueKey, label: t.labelKey, children: t.childrenKey },
           expandTrigger: "hover",
           multiple: e.field.options.multiple,
-          onFocus: t.handleFocusCustomEvent,
-          onBlur: t.handleBlurCustomEvent,
-          onChange: t.handleChangeEvent
+          onFocus: i.handleFocusCustomEvent,
+          onBlur: i.handleBlurCustomEvent,
+          onChange: i.handleChangeEvent
         }, null, 8, ["size", "options", "value", "disabled", "allowClear", "placeholder", "fieldNames", "multiple", "onFocus", "onBlur", "onChange"]),
-        t.isReadMode ? (s(), d(f, {
-          key: 0,
-          placement: "topLeft",
-          title: i.contentForReadMode,
-          overlayStyle: { zIndex: 1e3 }
-        }, {
-          default: a(() => [
-            m("span", x, F(i.contentForReadMode), 1)
-          ]),
-          _: 1
-        }, 8, ["title"])) : r("", !0)
+        i.isReadMode ? (r(), v("span", x, F(t.contentForReadMode), 1)) : d("", !0)
       ], 2)
     ]),
     _: 1
   }, 8, ["designer", "field", "rules", "design-state", "parent-widget", "parent-list", "index-of-parent-list", "sub-form-row-index", "sub-form-col-index", "sub-form-row-id"]));
 }
-const S = /* @__PURE__ */ _(M, [["render", I], ["__scopeId", "data-v-d6774be2"]]);
+const W = /* @__PURE__ */ K(M, [["render", I], ["__scopeId", "data-v-bb8b3209"]]);
 export {
-  S as default
+  W as default
 };

package/src/components/form-designer/form-widget/field-widget/date-range-widget.vue.js

@@ -1,15 +1,15 @@
-import g from "./form-item-wrapper.vue.js";
-import b from "../../../../utils/emitter.js";
-import w from "../../../../utils/i18n.js";
-import F from "./fieldMixin.js";
-import { resolveComponent as d, createBlock as n, createCommentVNode as i, openBlock as r, withCtx as a, createElementVNode as s, normalizeClass as f, createVNode as C, toDisplayString as y } from "vue";
+import u from "./form-item-wrapper.vue.js";
+import h from "../../../../utils/emitter.js";
+import c from "../../../../utils/i18n.js";
+import g from "./fieldMixin.js";
+import { resolveComponent as n, createBlock as b, createCommentVNode as l, openBlock as i, withCtx as p, createElementVNode as w, normalizeClass as r, createVNode as F, createElementBlock as C, toDisplayString as v } from "vue";
 /* empty css                       */
-import v from "../../../../../_virtual/_plugin-vue_export-helper.js";
+import y from "../../../../../_virtual/_plugin-vue_export-helper.js";
 const M = {
   name: "date-range-widget",
   componentName: "FieldWidget",
   //必须固定为FieldWidget，用于接收父级组件的broadcast事件
-  mixins: [b, F, w],
+  mixins: [h, g, c],
   props: {
     field: Object,
     parentWidget: Object,
@@ -37,7 +37,7 @@ const M = {
     }
   },
   components: {
-    FormItemWrapper: g
+    FormItemWrapper: u
   },
   data() {
     return {
@@ -64,10 +64,13 @@ const M = {
     this.unregisterFromRefList();
   },
   methods: {}
-}, _ = { class: "readonly-mode-field" };
-function R(t, l, e, x, o, m) {
-  const u = d("a-range-picker"), c = d("a-tooltip"), h = d("form-item-wrapper");
-  return t.handleHidden() ? i("", !0) : (r(), n(h, {
+}, R = {
+  key: 0,
+  class: "readonly-mode-field"
+};
+function _(t, d, e, x, o, a) {
+  const s = n("a-range-picker"), m = n("form-item-wrapper");
+  return t.handleHidden() ? l("", !0) : (i(), b(m, {
     key: 0,
     designer: e.designer,
     field: e.field,
@@ -80,18 +83,18 @@ function R(t, l, e, x, o, m) {
     "sub-form-col-index": e.subFormColIndex,
     "sub-form-row-id": e.subFormRowId
   }, {
-    default: a(() => [
-      s("div", {
-        class: f([
+    default: p(() => [
+      w("div", {
+        class: r([
           e.field.options.autoFullWidth ? "auto-full-width" : "",
           t.isReadMode ? "readonly-mode-date-range" : ""
         ])
       }, [
-        C(u, {
+        F(s, {
           ref: "fieldEditor",
           value: o.fieldModel,
-          "onUpdate:value": l[0] || (l[0] = (p) => o.fieldModel = p),
-          class: f([e.field.options.autoFullWidth ? "auto-full-width" : ""]),
+          "onUpdate:value": d[0] || (d[0] = (f) => o.fieldModel = f),
+          class: r([e.field.options.autoFullWidth ? "auto-full-width" : ""]),
           disabled: t.handleDisabled(),
           readonly: e.field.options.readonly,
           allowClear: e.field.options.allowClear,
@@ -104,23 +107,13 @@ function R(t, l, e, x, o, m) {
           onBlur: t.handleBlurCustomEvent,
           onChange: t.handleChangeEvent
         }, null, 8, ["value", "class", "disabled", "readonly", "allowClear", "show-time", "format", "value-format", "start-placeholder", "end-placeholder", "onFocus", "onBlur", "onChange"]),
-        t.isReadMode ? (r(), n(c, {
-          key: 0,
-          placement: "topLeft",
-          title: o.fieldModel,
-          overlayStyle: { zIndex: 1e3 }
-        }, {
-          default: a(() => [
-            s("span", _, y(m.contentForReadMode), 1)
-          ]),
-          _: 1
-        }, 8, ["title"])) : i("", !0)
+        t.isReadMode ? (i(), C("span", R, v(a.contentForReadMode), 1)) : l("", !0)
       ], 2)
     ]),
     _: 1
   }, 8, ["designer", "field", "rules", "design-state", "parent-widget", "parent-list", "index-of-parent-list", "sub-form-row-index", "sub-form-col-index", "sub-form-row-id"]));
 }
-const E = /* @__PURE__ */ v(M, [["render", R], ["__scopeId", "data-v-232d060f"]]);
+const L = /* @__PURE__ */ y(M, [["render", _], ["__scopeId", "data-v-7f77f8d8"]]);
 export {
-  E as default
+  L as default
 };

package/src/components/form-designer/form-widget/field-widget/date-widget.vue.js

@@ -1,15 +1,15 @@
-import b from "./form-item-wrapper.vue.js";
-import g from "../../../../utils/emitter.js";
-import w from "../../../../utils/i18n.js";
-import C from "./fieldMixin.js";
-import { resolveComponent as o, createBlock as l, createCommentVNode as n, openBlock as r, withCtx as a, createElementVNode as s, normalizeClass as f, createVNode as F, toDisplayString as y } from "vue";
+import u from "./form-item-wrapper.vue.js";
+import h from "../../../../utils/emitter.js";
+import c from "../../../../utils/i18n.js";
+import p from "./fieldMixin.js";
+import { resolveComponent as d, createBlock as g, createCommentVNode as n, openBlock as l, withCtx as b, createElementVNode as w, normalizeClass as r, createVNode as C, createElementBlock as F, toDisplayString as y } from "vue";
 /* empty css                 */
-import _ from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const v = {
+import v from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const _ = {
   name: "date-widget",
   componentName: "FieldWidget",
   //必须固定为FieldWidget，用于接收父级组件的broadcast事件
-  mixins: [g, C, w],
+  mixins: [h, p, c],
   props: {
     field: Object,
     parentWidget: Object,
@@ -37,7 +37,7 @@ const v = {
     }
   },
   components: {
-    FormItemWrapper: b
+    FormItemWrapper: u
   },
   data() {
     return {
@@ -64,10 +64,13 @@ const v = {
     this.unregisterFromRefList();
   },
   methods: {}
-}, x = { class: "readonly-mode-field" };
-function z(t, d, e, M, i, m) {
-  const u = o("a-date-picker"), c = o("a-tooltip"), h = o("form-item-wrapper");
-  return t.handleHidden() ? n("", !0) : (r(), l(h, {
+}, x = {
+  key: 0,
+  class: "readonly-mode-field"
+};
+function k(t, o, e, z, i, a) {
+  const s = d("a-date-picker"), f = d("form-item-wrapper");
+  return t.handleHidden() ? n("", !0) : (l(), g(f, {
     key: 0,
     designer: e.designer,
     field: e.field,
@@ -80,20 +83,20 @@ function z(t, d, e, M, i, m) {
     "sub-form-col-index": e.subFormColIndex,
     "sub-form-row-id": e.subFormRowId
   }, {
-    default: a(() => [
-      s("div", {
-        class: f([
+    default: b(() => [
+      w("div", {
+        class: r([
           e.field.options.autoFullWidth ? "auto-full-width" : "",
           t.isReadMode ? "readonly-mode-date" : ""
         ])
       }, [
-        F(u, {
-          size: m.size,
+        C(s, {
+          size: a.size,
           ref: "fieldEditor",
           picker: e.field.options.type,
           value: i.fieldModel,
-          "onUpdate:value": d[0] || (d[0] = (p) => i.fieldModel = p),
-          class: f([e.field.options.autoFullWidth ? "auto-full-width" : ""]),
+          "onUpdate:value": o[0] || (o[0] = (m) => i.fieldModel = m),
+          class: r([e.field.options.autoFullWidth ? "auto-full-width" : ""]),
           readonly: e.field.options.readonly,
           disabled: t.handleDisabled(),
           allowClear: e.field.options.allowClear,
@@ -105,23 +108,13 @@ function z(t, d, e, M, i, m) {
           onBlur: t.handleBlurCustomEvent,
           onChange: t.handleChangeEvent
         }, null, 8, ["size", "picker", "value", "class", "readonly", "disabled", "allowClear", "show-time", "format", "value-format", "placeholder", "onFocus", "onBlur", "onChange"]),
-        t.isReadMode ? (r(), l(c, {
-          key: 0,
-          placement: "topLeft",
-          title: i.fieldModel,
-          overlayStyle: { zIndex: 1e3 }
-        }, {
-          default: a(() => [
-            s("span", x, y(i.fieldModel), 1)
-          ]),
-          _: 1
-        }, 8, ["title"])) : n("", !0)
+        t.isReadMode ? (l(), F("span", x, y(i.fieldModel), 1)) : n("", !0)
       ], 2)
     ]),
     _: 1
   }, 8, ["designer", "field", "rules", "design-state", "parent-widget", "parent-list", "index-of-parent-list", "sub-form-row-index", "sub-form-col-index", "sub-form-row-id"]));
 }
-const B = /* @__PURE__ */ _(v, [["render", z], ["__scopeId", "data-v-0cbbd56a"]]);
+const W = /* @__PURE__ */ v(_, [["render", k], ["__scopeId", "data-v-2926f4d0"]]);
 export {
-  B as default
+  W as default
 };

package/src/components/form-designer/form-widget/field-widget/fieldMixin.js

@@ -84,9 +84,12 @@ const g = {
     getPropName() {
       return this.subFormItemFlag && !this.designState ? this.subFormName + "." + this.subFormRowIndex + "." + this.field.options.name : this.field.options.name;
     },
+    getEl() {
+      return this.$el;
+    },
     initFieldModel() {
       if (this.field.formItemFlag) {
-        if (console.log("initFieldModel"), this.subFormItemFlag && !this.designState) {
+        if (this.subFormItemFlag && !this.designState) {
           const i = this.formModel[this.subFormName];
           (i === void 0 || i[this.subFormRowIndex] === void 0 || i[this.subFormRowIndex][this.field.options.name] === void 0) && this.field.options.defaultValue !== void 0 ? (this.fieldModel = this.field.options.defaultValue, i[this.subFormRowIndex][this.field.options.name] = this.field.options.defaultValue) : i[this.subFormRowIndex][this.field.options.name] === void 0 ? (this.fieldModel = null, i[this.subFormRowIndex][this.field.options.name] = null) : this.fieldModel = i[this.subFormRowIndex][this.field.options.name], setTimeout(() => {
             this.handleOnChangeForSubForm(