@kp-ui/lowcode 2.14.0-beta.6 → 2.14.0-beta.9

package/package.json

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

package/src/components/FormRender/useFormRender.js

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

package/src/components/form-designer/form-widget/container-widget/index.js

@@ -1,13 +1,13 @@
 import { defineAsyncComponent as r } from "vue";
 import { getFileName as m } from "../../../../utils/getFileName.js";
-const t = /* @__PURE__ */ Object.assign({ "./container-wrapper.vue": () => import("./container-wrapper.vue.js"), "./data-table-widget.vue": () => import("./data-table-widget.vue.js"), "./grid-col-widget.vue": () => import("./grid-col-widget.vue.js"), "./grid-sub-form-widget.vue": () => import("./grid-sub-form-widget.vue.js"), "./grid-widget.vue": () => import("./grid-widget.vue.js"), "./sub-form-widget.vue": () => import("./sub-form-widget.vue.js"), "./tab-widget.vue": () => import("./tab-widget.vue.js"), "./table-cell-widget.vue": () => import("./table-cell-widget.vue.js"), "./table-widget.vue": () => import("./table-widget.vue.js"), "./vf-box-item.vue": () => import("./vf-box-item.vue.js"), "./vf-box-widget.vue": () => import("./vf-box-widget.vue.js"), "./vf-collapse-widget.vue": () => import("./vf-collapse-widget.vue.js"), "./vf-dialog-widget.vue": () => import("./vf-dialog-widget.vue.js"), "./vf-drawer-widget.vue": () => import("./vf-drawer-widget.vue.js") }), a = {
-  install(i) {
-    for (const e in t) {
-      const o = m(e);
-      i.component(o, r(t[e]));
+const i = /* @__PURE__ */ Object.assign({ "./container-wrapper.vue": () => import("./container-wrapper.vue.js"), "./data-table-widget.vue": () => import("./data-table-widget.vue.js"), "./grid-col-widget.vue": () => import("./grid-col-widget.vue.js"), "./grid-sub-form-widget.vue": () => import("./grid-sub-form-widget.vue.js"), "./grid-widget.vue": () => import("./grid-widget.vue.js"), "./sub-form-widget.vue": () => import("./sub-form-widget.vue.js"), "./tab-widget.vue": () => import("./tab-widget.vue.js"), "./table-cell-widget.vue": () => import("./table-cell-widget.vue.js"), "./table-widget.vue": () => import("./table-widget.vue.js"), "./vf-box-item.vue": () => import("./vf-box-item.vue.js"), "./vf-box-widget.vue": () => import("./vf-box-widget.vue.js"), "./vf-collapse-widget.vue": () => import("./vf-collapse-widget.vue.js"), "./vf-dialog-widget.vue": () => import("./vf-dialog-widget.vue.js"), "./vf-drawer-widget.vue": () => import("./vf-drawer-widget.vue.js") }), g = {
+  install(o) {
+    for (const e in i) {
+      const t = m(e);
+      console.log(t), o.component(t, r(i[e]));
     }
   }
 };
 export {
-  a as default
+  g as default
 };

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
 };