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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kp-ui/lowcode",
-  "version": "2.15.0-alpha.12",
+  "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 (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/time-widget.vue2.js

@@ -1,14 +1,14 @@
-import { defineComponent as b } from "vue";
-import c from "./form-item-wrapper.vue.js";
+import { defineComponent as c } from "vue";
+import y from "./form-item-wrapper.vue.js";
 import { useField as _ } from "./useField.js";
 import { ComponentNameEnum as q, WidgetTypeEnum as g } from "../../../../constants/WidgetTypeEnum.js";
-const N = /* @__PURE__ */ b({
+const N = /* @__PURE__ */ c({
   name: g.time,
   componentName: q.FieldWidget,
   __name: "time-widget",
   props: {
-    widget: { type: null, required: !0 },
-    field: { type: null, required: !0 },
+    widget: { type: Object, required: !0 },
+    field: { type: Object, required: !0 },
     designer: { type: null, required: !1 },
     parentWidget: { type: [Object, null], required: !1 },
     parentList: { type: [Array, null], required: !1 },
@@ -17,24 +17,24 @@ const N = /* @__PURE__ */ b({
     subFormRowId: { type: String, required: !1 },
     subFormColIndex: { type: Number, required: !1 }
   },
-  setup(n, { expose: i }) {
-    const e = n, {
-      rules: d,
-      i18nt: u,
-      field: o,
-      fieldModel: l,
-      isReadMode: s,
-      size: p,
+  setup(i, { expose: d }) {
+    const e = i, {
+      rules: n,
+      i18nt: o,
+      field: u,
+      fieldModel: s,
+      isReadMode: p,
+      size: l,
       handleHidden: m,
       handleDisabled: a,
       handleFocusCustomEvent: f,
-      handleBlurCustomEvent: y,
+      handleBlurCustomEvent: b,
       defineExposed: r
     } = _(e);
-    i({
+    d({
       ...r
     });
-    const t = { props: e, rules: d, i18nt: u, field: o, fieldModel: l, isReadMode: s, size: p, handleHidden: m, handleDisabled: a, handleFocusCustomEvent: f, handleBlurCustomEvent: y, defineExposed: r, FormItemWrapper: c };
+    const t = { props: e, rules: n, i18nt: o, field: u, fieldModel: s, isReadMode: p, size: l, handleHidden: m, handleDisabled: a, handleFocusCustomEvent: f, handleBlurCustomEvent: b, defineExposed: r, FormItemWrapper: y };
     return Object.defineProperty(t, "__isScriptSetup", { enumerable: !1, value: !0 }), t;
   }
 });