@kp-ui/lowcode 2.15.0-alpha.11 → 2.15.0-alpha.13

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kp-ui/lowcode",
-  "version": "2.15.0-alpha.11",
+  "version": "2.15.0-alpha.13",
   "publishConfig": {
     "access": "public"
   },

package/src/components/form-designer/form-widget/field-widget/hooks/useSelect.js

@@ -1,29 +1,29 @@
-import { ref as b, computed as c, unref as z } from "vue";
-import { debounce as F, isArray as P } from "lodash-es";
-import { translateOptionItems as N } from "../../../../../utils/util.js";
-import { useExecFunction as R } from "tmgc2-share";
-function q(t, v) {
+import { ref as m, computed as p, unref as F } from "vue";
+import { debounce as N, isArray as O } from "lodash-es";
+import { translateOptionItems as R } from "../../../../../utils/util.js";
+import { useExecFunction as q } from "tmgc2-share";
+function D(t, g) {
   if (!Array.isArray(t))
     return -1;
   let l = -1;
   return t.forEach((i, r) => {
-    i === v && (l = r);
+    i === g && (l = r);
   }), l;
 }
-function J({ field: t, designState: v, fieldModel: l }) {
-  const i = b({
+function U({ field: t, designState: g, fieldModel: l }) {
+  const i = m({
     val: ""
-  }), r = b(!1), a = b({
+  }), r = m(!1), s = m({
     page: 1,
     pageSize: 20,
     totalPage: 0,
     total: 0
-  }), { execHttpFunction: S } = R(), g = async () => {
+  }), { execHttpFunction: P } = q(), h = async () => {
     var e;
-    if (!r.value) {
+    if (console.log(32321321), !r.value) {
       if (r.value = !0, t.options.dsEnabled && ((e = t.options.http) != null && e.url))
         try {
-          const { http: o, dataHandlerCode: n, dataReqHandlerCode: u } = t.options, s = await S(
+          const { http: o, dataHandlerCode: n, dataReqHandlerCode: u } = t.options, a = await P(
             {
               http: o,
               dataHandlerCode: n,
@@ -31,72 +31,72 @@ function J({ field: t, designState: v, fieldModel: l }) {
             },
             {}
           );
-          if (!s) {
+          if (!a) {
             r.value = !1;
             return;
           }
-          if (P(s)) {
-            p(s);
+          if (O(a)) {
+            c(a);
             return;
           }
-          P(s.list) && (t.options.loadingPage ? (a.value.total = s.total || 0, a.value.totalPage = s.totalPage || 0, p([...y(), ...s.list])) : p(s.list));
+          O(a.list) && (t.options.loadingPage ? (s.value.total = a.total || 0, s.value.totalPage = a.totalPage || 0, c([...v(), ...a.list])) : c(a.list));
         } catch (o) {
           console.error("err: ", o);
         }
       else
-        p([...y()]);
+        c([...v()]);
       r.value = !1;
     }
-  }, I = F(function() {
-    a.value.page += 1, g();
-  }, 500), w = (e) => {
+  }, w = N(function() {
+    s.value.page += 1, h();
+  }, 500), E = (e) => {
     if (!t.options.loadingPage) return;
-    const { target: o } = e, { scrollTop: n, scrollHeight: u, clientHeight: s } = o;
-    if (u - (n + s) <= 30 && a.value.totalPage > a.value.page) {
-      if (a.value.totalPage === a.value.page)
+    const { target: o } = e, { scrollTop: n, scrollHeight: u, clientHeight: a } = o;
+    if (u - (n + a) <= 30 && s.value.totalPage > s.value.page) {
+      if (s.value.totalPage === s.value.page)
         return;
-      I();
+      w();
     }
-  }, E = c(() => (t == null ? void 0 : t.options.labelKey) || "label"), x = c(() => (t == null ? void 0 : t.options.valueKey) || "value"), H = c(() => (t == null ? void 0 : t.options.childrenKey) || "children"), h = c(() => ({
+  }, x = p(() => (t == null ? void 0 : t.options.labelKey) || "label"), b = p(() => (t == null ? void 0 : t.options.valueKey) || "value"), H = p(() => (t == null ? void 0 : t.options.childrenKey) || "children"), y = p(() => ({
     label: (t == null ? void 0 : t.options.labelKey) || "label",
     value: (t == null ? void 0 : t.options.valueKey) || "value",
     options: "options"
-  })), m = (e, o) => o[h.value.label].toLowerCase().indexOf(e.toLowerCase()) >= 0, C = () => {
-    a.value = { page: 1, pageSize: 20, total: 0, totalPage: 0 }, p([]);
+  })), K = (e, o) => o[y.value.label].toLowerCase().indexOf(e.toLowerCase()) >= 0, C = () => {
+    s.value = { page: 1, pageSize: 20, total: 0, totalPage: 0 }, c([]);
   }, L = (e) => {
-    t.options.showSearch && (v || (C(), i.value.val = e, g()));
-  }, A = c(() => {
+    t.options.showSearch && (g || (C(), i.value.val = e, h()));
+  }, A = p(() => {
     var n;
     const o = (n = t == null ? void 0 : t.options) == null ? void 0 : n.showSearch;
     return {
       loading: r.value,
-      fieldNames: h.value,
+      fieldNames: y.value,
       showSearch: !0,
-      onPopupScroll: w,
+      onPopupScroll: E,
       onSearch: L,
-      filterOption: !o && m,
+      filterOption: !o && K,
       listHeight: 240
     };
-  }), p = async (e) => {
-    t.options.optionItems = N(
+  }), c = async (e) => {
+    t.options.optionItems = R(
       e,
       t.type,
       t.options.labelKey || "label",
       t.options.valueKey || "value"
     );
-  }, y = () => a.value.page === 1 && t.options.dsEnabled ? [] : t.options.optionItems, k = c(() => {
+  }, v = () => t.options.optionItems, k = () => v().find((o) => o[b.value] === l.value), z = p(() => {
     if (l.value === null)
       return "";
     {
       let e = "";
       const { valueKey: o, labelKey: n } = t.options;
       return t.options.optionItems.forEach((u) => {
-        (u[o] === l.value || q(l.value, u[o]) !== -1) && (e = e === "" ? u[n] : e + " " + u[n]);
+        (u[o] === l.value || D(l.value, u[o]) !== -1) && (e = e === "" ? u[n] : e + " " + u[n]);
       }), e;
     }
-  }), K = () => {
+  }), S = () => {
     t.options.dsEnabled && t.options.optionItems.splice(0, t.options.optionItems.length);
-  }, O = (e) => {
+  }, I = (e) => {
     const o = t.options.optionItems;
     o && o.length > 0 && o.forEach((n) => {
       n.value === e && (n.disabled = !0);
@@ -104,33 +104,35 @@ function J({ field: t, designState: v, fieldModel: l }) {
   };
   return {
     selectDefineExpose: {
-      disableOption: O,
-      clearOptionItems: K,
+      getSelectedItem: k,
+      disableOption: I,
+      clearOptionItems: S,
       enableOption: (e) => {
         const o = t.options.optionItems;
         o && o.length > 0 && o.forEach((n) => {
           n.value === e && (n.disabled = !1);
         });
       },
-      keyword: z(i)
+      getOptionItems: v,
+      keyword: F(i)
     },
-    disableOption: O,
-    clearOptionItems: K,
+    disableOption: I,
+    clearOptionItems: S,
     childrenKey: H,
-    valueKey: x,
-    labelKey: E,
-    optionLabel: k,
-    loadOptions: p,
-    filterOption: m,
+    valueKey: b,
+    labelKey: x,
+    optionLabel: z,
+    loadOptions: c,
+    filterOption: K,
     keyword: i,
-    pager: a,
+    pager: s,
     loading: r,
-    fieldNames: h,
+    fieldNames: y,
     selectOps: A,
-    initOptionItems: g,
-    getOptionItems: y
+    initOptionItems: h,
+    getOptionItems: v
   };
 }
 export {
-  J as useSelect
+  U as useSelect
 };

package/src/components/form-designer/form-widget/field-widget/select-widget.vue2.js

@@ -41,7 +41,7 @@ const R = /* @__PURE__ */ S({
     F(() => {
       o();
     }), u({
-      selectDefineExpose: s,
+      ...s,
       ...i
     });
     const d = { props: e, rules: p, i18nt: a, field: t, fieldModel: r, isReadMode: m, size: f, designState: n, fieldEditor: c, handleHidden: b, handleDisabled: y, handleClickIcon: g, handleFocusCustomEvent: _, handleBlurCustomEvent: q, defineExposed: i, selectOps: I, optionLabel: x, initOptionItems: o, selectDefineExpose: s, FormItemWrapper: h, get SvgIcon() {

package/src/components/form-designer/form-widget/field-widget/textarea-widget.vue2.js

@@ -3,13 +3,13 @@ import { useEmitter as q } from "../../../../utils/useEmitter.js";
 import F from "./form-item-wrapper.vue.js";
 import { useField as x } from "./useField.js";
 import { ComponentNameEnum as N, WidgetTypeEnum as h } from "../../../../constants/WidgetTypeEnum.js";
-const j = /* @__PURE__ */ _({
+const I = /* @__PURE__ */ _({
   name: h.textarea,
   componentName: N.FieldWidget,
   __name: "textarea-widget",
   props: {
-    widget: { type: Object, required: !0 },
-    field: { type: Object, required: !0 },
+    widget: { type: null, required: !0 },
+    field: { type: null, required: !0 },
     designer: { type: null, required: !1 },
     parentWidget: { type: [Object, null], required: !1 },
     parentList: { type: [Array, null], required: !1 },
@@ -19,32 +19,32 @@ const j = /* @__PURE__ */ _({
     subFormColIndex: { type: Number, required: !1 }
   },
   setup(u, { expose: s }) {
-    const { dispatch: a } = q(), e = u, {
-      rules: m,
+    const { dispatch: l } = q(), e = u, {
+      rules: a,
       i18nt: r,
       field: t,
       fieldModel: i,
-      isReadMode: p,
-      size: l,
+      isReadMode: m,
+      size: p,
       handleHidden: f,
       handleDisabled: c,
-      handleFocusCustomEvent: b,
-      handleBlurCustomEvent: y,
-      getWidgetRef: d,
-      getFormRef: n,
-      getPropName: g
+      handleFocusCustomEvent: y,
+      handleBlurCustomEvent: g,
+      getWidgetRef: n,
+      getFormRef: d,
+      getPropName: b
     } = x(e);
     s({
       i18nt: r,
       field: t,
       fieldModel: i,
-      getFormRef: n,
-      getWidgetRef: d
+      getFormRef: d,
+      getWidgetRef: n
     });
-    const o = { dispatch: a, props: e, rules: m, i18nt: r, field: t, fieldModel: i, isReadMode: p, size: l, handleHidden: f, handleDisabled: c, handleFocusCustomEvent: b, handleBlurCustomEvent: y, getWidgetRef: d, getFormRef: n, getPropName: g, FormItemWrapper: F };
+    const o = { dispatch: l, props: e, rules: a, i18nt: r, field: t, fieldModel: i, isReadMode: m, size: p, handleHidden: f, handleDisabled: c, handleFocusCustomEvent: y, handleBlurCustomEvent: g, getWidgetRef: n, getFormRef: d, getPropName: b, FormItemWrapper: F };
     return Object.defineProperty(o, "__isScriptSetup", { enumerable: !1, value: !0 }), o;
   }
 });
 export {
-  j as default
+  I as default
 };

package/src/components/form-designer/form-widget/field-widget/time-range-widget.vue2.js

@@ -1,14 +1,14 @@
 import { defineComponent as g, computed as q } from "vue";
 import F from "./form-item-wrapper.vue.js";
 import { useField as x } from "./useField.js";
-import { ComponentNameEnum as E, WidgetTypeEnum as j } from "../../../../constants/WidgetTypeEnum.js";
-const R = /* @__PURE__ */ g({
-  name: j.timeRange,
+import { ComponentNameEnum as E, WidgetTypeEnum as v } from "../../../../constants/WidgetTypeEnum.js";
+const w = /* @__PURE__ */ g({
+  name: v.timeRange,
   componentName: E.FieldWidget,
   __name: "time-range-widget",
   props: {
-    widget: { type: Object, required: !0 },
-    field: { type: Object, required: !0 },
+    widget: { type: null, required: !0 },
+    field: { type: null, required: !0 },
     designer: { type: null, required: !1 },
     parentWidget: { type: [Object, null], required: !1 },
     parentList: { type: [Array, null], required: !1 },
@@ -20,16 +20,16 @@ const R = /* @__PURE__ */ g({
   setup(i, { expose: o }) {
     const r = i, {
       rules: u,
-      i18nt: s,
-      fieldEditor: l,
+      i18nt: l,
+      fieldEditor: s,
       field: a,
       fieldModel: e,
       isReadMode: p,
       size: m,
       handleHidden: f,
       handleDisabled: c,
-      handleFocusCustomEvent: b,
-      handleBlurCustomEvent: y,
+      handleFocusCustomEvent: y,
+      handleBlurCustomEvent: b,
       defineExposed: t
     } = x(r), _ = q(() => {
       var d;
@@ -38,10 +38,10 @@ const R = /* @__PURE__ */ g({
     o({
       ...t
     });
-    const n = { props: r, rules: u, i18nt: s, fieldEditor: l, field: a, fieldModel: e, isReadMode: p, size: m, handleHidden: f, handleDisabled: c, handleFocusCustomEvent: b, handleBlurCustomEvent: y, defineExposed: t, contentForReadMode: _, FormItemWrapper: F };
+    const n = { props: r, rules: u, i18nt: l, fieldEditor: s, field: a, fieldModel: e, isReadMode: p, size: m, handleHidden: f, handleDisabled: c, handleFocusCustomEvent: y, handleBlurCustomEvent: b, defineExposed: t, contentForReadMode: _, FormItemWrapper: F };
     return Object.defineProperty(n, "__isScriptSetup", { enumerable: !1, value: !0 }), n;
   }
 });
 export {
-  R as default
+  w as default
 };

package/src/components/form-render/container-items/vf-box-widget.vue2.js

@@ -1,15 +1,15 @@
 import { defineComponent as p, computed as a } from "vue";
 import m from "../RenderWigetList.vue.js";
-import u from "./container-wrapper.vue.js";
-import { ComponentNameEnum as g, ContainerTypeEnum as s } from "../../../constants/WidgetTypeEnum.js";
-const y = /* @__PURE__ */ p({
+import g from "./container-wrapper.vue.js";
+import { ComponentNameEnum as u, ContainerTypeEnum as s } from "../../../constants/WidgetTypeEnum.js";
+const c = /* @__PURE__ */ p({
   name: s.VfBoxWidget,
-  componentName: g.VfBoxWidget,
+  componentName: u.VfBoxWidget,
   __name: "vf-box-widget",
   props: {
-    widget: { type: null, required: !0 },
-    field: { type: null, required: !0 },
-    parentWidget: { type: null, required: !0 },
+    widget: { type: Object, required: !0 },
+    field: { type: Object, required: !0 },
+    parentWidget: { type: [Object, null], required: !0 },
     parentList: { type: Array, required: !0 },
     indexOfParentList: { type: Number, required: !1 },
     subFormRowIndex: { type: Number, required: !1 },
@@ -20,10 +20,10 @@ const y = /* @__PURE__ */ p({
     const t = i, n = a(() => {
       const e = t.widget.options.boxModel || {}, r = {};
       return e.borderShow && (r.borderRadius = `${e.borderRadius}px`, r.border = `${e.borderStyle} ${e.borderWidth}px ${e.borderColor}`), (e.paddingTop !== void 0 || e.paddingRight !== void 0 || e.paddingBottom !== void 0 || e.paddingLeft !== void 0) && (r.padding = `${e.paddingTop || 0}px ${e.paddingRight || 0}px ${e.paddingBottom || 0}px ${e.paddingLeft || 0}px`), (e.marginTop !== void 0 || e.marginRight !== void 0 || e.marginBottom !== void 0 || e.marginLeft !== void 0) && (r.margin = `${e.marginTop || 0}px ${e.marginRight || 0}px ${e.marginBottom || 0}px ${e.marginLeft || 0}px`), r;
-    }), o = { props: t, boxStyle: n, RenderWigetList: m, ContainerWrapper: u };
+    }), o = { props: t, boxStyle: n, RenderWigetList: m, ContainerWrapper: g };
     return Object.defineProperty(o, "__isScriptSetup", { enumerable: !1, value: !0 }), o;
   }
 });
 export {
-  y as default
+  c as default
 };

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

@@ -1,23 +1,23 @@
-import { defineAsyncComponent as l, createApp as a, createVNode as C, mergeProps as i } from "vue";
-const y = (n, t) => {
+import { defineAsyncComponent as l, createApp as i, createVNode as a, mergeProps as C } from "vue";
+const g = (t, n) => {
   const {
     type: c,
     formCode: m,
-    ...d
-  } = n, o = document.createElement("div");
-  document.body.appendChild(o);
-  const p = l(() => import("./CustomerModal.vue.js")), r = (s) => {
-    s.unmount(), o.remove();
-  }, e = a(C(p, i({
+    ...r
+  } = t, e = document.createElement("div");
+  document.body.appendChild(e);
+  const s = l(() => import("./CustomerModal.vue.js")), d = (p) => {
+    p.unmount(), e.remove();
+  }, o = i(a(s, C({
     type: c,
     formCode: m
   }, {
     onCancel: () => {
-      console.log("cancel"), r(e);
+      d(o);
     }
-  }, d), null));
-  e._context.components = t._context.components, e.mount(o);
+  }, r), null));
+  o._context.components = n._context.components, o._context.config.globalProperties = n._context.config.globalProperties, o.mount(e);
 };
 export {
-  y as openCustomerModal
+  g as openCustomerModal
 };