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

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

@@ -1,30 +1,23 @@
-import { defineComponent as j, inject as S, computed as u, createElementBlock as s, openBlock as r, withModifiers as f, normalizeClass as z, unref as e, createVNode as d, createCommentVNode as m, withCtx as N, renderSlot as M, createElementVNode as p, Fragment as k, toDisplayString as v } from "vue";
-import { SvgIcon as a } from "tmgc2-share";
-import { useI18n as q } from "../../../../utils/i18n.js";
-import { useContainerWidget as G } from "../container-widget/useContainerWidget.js";
-import { FormItem as J } from "ant-design-vue";
-import { useDesigner as K } from "../useFormDesigner.js";
-const Q = {
+import { defineComponent as B, inject as F, computed as s, createElementBlock as a, openBlock as n, withModifiers as O, normalizeClass as C, unref as i, createVNode as f, createBlock as R, createCommentVNode as w, withCtx as h, renderSlot as V, createElementVNode as p, Fragment as I, toDisplayString as c, normalizeProps as D, mergeProps as E } from "vue";
+import { SvgIcon as W } from "tmgc2-share";
+import "../../../../utils/i18n.js";
+import { useContainerWidget as H } from "../container-widget/useContainerWidget.js";
+import { FormItem as $ } from "ant-design-vue";
+import { useDesigner as j } from "../useFormDesigner.js";
+import M from "../widgetAction.vue.js";
+const q = {
   class: "label-box"
-}, T = {
+}, G = {
   key: 0,
   class: "custom-label"
-}, X = {
+}, J = {
   class: "label-text"
-}, Y = {
+}, K = {
   class: "label-text"
-}, Z = {
+}, Q = {
   key: 1,
   class: "label-text"
-}, x = {
-  key: 0,
-  class: "field-action"
-}, ee = ["title"], te = ["title"], ie = ["title"], le = ["title"], oe = {
-  key: 1,
-  class: "drag-handler background-opacity"
-}, ne = ["title"], se = {
-  key: 0
-}, ce = /* @__PURE__ */ j({
+}, te = /* @__PURE__ */ B({
   name: "form-item-wrapper",
   __name: "form-item-wrapper",
   props: {
@@ -43,122 +36,68 @@ const Q = {
     subFormRowId: {},
     subFormColIndex: {}
   },
-  setup(_) {
-    const {
-      i18nt: c,
-      i18n2t: A
-    } = q(), l = _, w = S("getSubFormName", () => ""), C = S("getSubFormFieldFlag", () => !1), {
-      formConfig: h,
-      designer: D,
-      designState: g
-    } = K(), $ = u(() => {
-      var t, i, o, n, P;
-      return (i = (t = l.field) == null ? void 0 : t.options) != null && i.labelHidden ? 0 : (n = (o = l.field) == null ? void 0 : o.options) != null && n.labelWidth ? l.field.options.labelWidth : (P = h.value) == null ? void 0 : P.labelWidth;
-    }), b = u(() => {
-      var t, i, o, n;
-      return (i = (t = l.field) == null ? void 0 : t.options) != null && i.labelHidden ? "" : (n = (o = l.field) == null ? void 0 : o.options) == null ? void 0 : n.label;
-    }), H = u(() => {
-      var t, i, o;
-      return (i = (t = l.field) == null ? void 0 : t.options) != null && i.labelAlign ? l.field.options.labelAlign : ((o = h.value) == null ? void 0 : o.labelAlign) || "right";
-    }), O = u(() => () => w ? w() : ""), R = u(() => {
-      var t, i, o;
-      return (i = (t = l.field) == null ? void 0 : t.options) != null && i.size ? l.field.options.size : ((o = h.value) == null ? void 0 : o.size) || "middle";
-    }), V = u(() => C ? C() : !1), B = u(() => V.value && !g ? O.value + "." + l.subFormRowIndex + "." + l.field.options.name : l.field.options.name), {
-      customClass: E,
-      selected: F,
-      moveUpWidget: W,
-      selectWidget: U,
-      selectParentWidget: y,
-      removeWidget: I,
-      moveDownWidget: L
-    } = G({
+  setup(k) {
+    const l = k, b = F("getSubFormName", () => ""), g = F("getSubFormFieldFlag", () => !1), {
+      formConfig: m,
+      designState: d
+    } = j(), z = s(() => {
+      var e, t, o, r, v;
+      return (t = (e = l.field) == null ? void 0 : e.options) != null && t.labelHidden ? 0 : (r = (o = l.field) == null ? void 0 : o.options) != null && r.labelWidth ? l.field.options.labelWidth : (v = m.value) == null ? void 0 : v.labelWidth;
+    }), u = s(() => {
+      var e, t, o, r;
+      return (t = (e = l.field) == null ? void 0 : e.options) != null && t.labelHidden ? "" : (r = (o = l.field) == null ? void 0 : o.options) == null ? void 0 : r.label;
+    }), P = s(() => {
+      var e, t, o;
+      return (t = (e = l.field) == null ? void 0 : e.options) != null && t.labelAlign ? l.field.options.labelAlign : ((o = m.value) == null ? void 0 : o.labelAlign) || "right";
+    }), S = s(() => () => b ? b() : ""), y = s(() => {
+      var e, t, o;
+      return (t = (e = l.field) == null ? void 0 : e.options) != null && t.size ? l.field.options.size : ((o = m.value) == null ? void 0 : o.size) || "middle";
+    }), A = s(() => g ? g() : !1), N = s(() => A.value && !d ? S.value + "." + l.subFormRowIndex + "." + l.field.options.name : l.field.options.name), {
+      customClass: _,
+      selected: x,
+      selectWidget: L
+    } = H({
       widget: l.field,
       parentWidget: l.parentWidget,
       indexOfParentList: l.indexOfParentList
     });
-    return (t, i) => {
-      var o;
-      return r(), s("div", {
-        class: z(["field-wrapper", {
-          "design-time-bottom-margin": e(g),
-          "field-wrapper-widget": e(g),
-          selected: e(F)
-        }]),
-        onClick: i[4] || (i[4] = f((n) => e(U)(t.field), ["stop"]))
-      }, [d(e(J), {
-        labelCol: {
-          style: {
-            width: $.value + "px"
-          }
-        },
-        title: b.value,
-        size: R.value,
-        rules: t.rules,
-        name: B.value,
-        labelAlign: H.value,
-        class: z([e(E)])
-      }, {
-        label: N(() => [p("div", Q, [t.field.options.labelIconClass ? (r(), s("span", T, [t.field.options.labelIconPosition === "front" ? (r(), s(k, {
-          key: 0
-        }, [d(e(a), {
-          "icon-class": t.field.options.labelIconClass
-        }, null, 8, ["icon-class"]), p("div", X, v(b.value), 1)], 64)) : t.field.options.labelIconPosition === "rear" ? (r(), s(k, {
-          key: 1
-        }, [p("div", Y, v(b.value), 1), d(e(a), {
-          "icon-class": t.field.options.labelIconClass
-        }, null, 8, ["icon-class"])], 64)) : m("", !0)])) : (r(), s("div", Z, v(b.value), 1))])]),
-        default: N(() => [M(t.$slots, "default", {}, void 0, !0)]),
-        _: 3
-      }, 8, ["labelCol", "title", "size", "rules", "name", "labelAlign", "class"]), e(g) ? (r(), s(k, {
+    return (e, t) => (n(), a("div", {
+      class: C(["field-wrapper", {
+        "design-time-bottom-margin": i(d),
+        "field-wrapper-widget": i(d),
+        selected: i(x)
+      }]),
+      onClick: t[0] || (t[0] = O((o) => i(L)(e.field), ["stop"]))
+    }, [f(i($), {
+      labelCol: {
+        style: {
+          width: z.value + "px"
+        }
+      },
+      title: u.value,
+      size: y.value,
+      rules: e.rules,
+      name: N.value,
+      labelAlign: P.value,
+      class: C([i(_)])
+    }, {
+      label: h(() => [p("div", q, [e.field.options.labelIconClass ? (n(), a("span", G, [e.field.options.labelIconPosition === "front" ? (n(), a(I, {
         key: 0
-      }, [((o = e(D)) == null ? void 0 : o.selectedId) === t.field.id ? (r(), s("div", x, [p("i", {
-        title: e(c)("designer.hint.selectParentWidget"),
-        onClick: i[0] || (i[0] = f(
-          //@ts-ignore
-          (...n) => e(y) && e(y)(...n),
-          ["stop"]
-        ))
-      }, [d(e(a), {
-        "icon-class": "icon-el-back"
-      })], 8, ee), t.parentList && t.parentList.length > 1 ? (r(), s("i", {
-        key: 0,
-        title: e(c)("designer.hint.moveUpWidget"),
-        onClick: i[1] || (i[1] = f(
-          //@ts-ignore
-          (...n) => e(W) && e(W)(...n),
-          ["stop"]
-        ))
-      }, [d(e(a), {
-        "icon-class": "icon-el-move-up"
-      })], 8, te)) : m("", !0), t.parentList && t.parentList.length > 1 ? (r(), s("i", {
-        key: 1,
-        title: e(c)("designer.hint.moveDownWidget"),
-        onClick: i[2] || (i[2] = f(
-          //@ts-ignore
-          (...n) => e(L) && e(L)(...n),
-          ["stop"]
-        ))
-      }, [d(e(a), {
-        "icon-class": "icon-el-move-down"
-      })], 8, ie)) : m("", !0), p("i", {
-        title: e(c)("designer.hint.remove"),
-        onClick: i[3] || (i[3] = f(
-          //@ts-ignore
-          (...n) => e(I) && e(I)(...n),
-          ["stop"]
-        ))
-      }, [d(e(a), {
-        "icon-class": "icon-el-delete"
-      })], 8, le)])) : m("", !0), e(F) ? (r(), s("div", oe, [p("i", {
-        title: e(c)("designer.hint.dragHandler")
-      }, [d(e(a), {
-        "icon-class": "icon-el-drag-move"
-      })], 8, ne), p("i", null, v(e(A)(`designer.widgetLabel.${t.field.type}`, `extension.widgetLabel.${t.field.type}`)), 1), t.field.options.hidden === !0 ? (r(), s("i", se, [d(e(a), {
-        "icon-class": "icon-el-hide"
-      })])) : m("", !0)])) : m("", !0)], 64)) : m("", !0)], 2);
-    };
+      }, [f(i(W), {
+        "icon-class": e.field.options.labelIconClass
+      }, null, 8, ["icon-class"]), p("div", J, c(u.value), 1)], 64)) : e.field.options.labelIconPosition === "rear" ? (n(), a(I, {
+        key: 1
+      }, [p("div", K, c(u.value), 1), f(i(W), {
+        "icon-class": e.field.options.labelIconClass
+      }, null, 8, ["icon-class"])], 64)) : w("", !0)])) : (n(), a("div", Q, c(u.value), 1))])]),
+      default: h(() => [V(e.$slots, "default", {}, void 0, !0)]),
+      _: 3
+    }, 8, ["labelCol", "title", "size", "rules", "name", "labelAlign", "class"]), i(d) ? (n(), R(M, D(E({
+      key: 0
+    }, l)), null, 16)) : w("", !0)], 2));
   }
 });
 export {
-  ce as default
+  te as default
 };
+//# sourceMappingURL=form-item-wrapper.vue2.js.map

package/src/components/form-designer/form-widget/field-widget/form-item-wrapper.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-item-wrapper.vue2.js","sources":["../../../../../../src/components/form-designer/form-widget/field-widget/form-item-wrapper.vue"],"sourcesContent":["<template>\n    <div\n        class=\"field-wrapper\"\n        :class=\"{\n            'design-time-bottom-margin': designState,\n            'field-wrapper-widget': designState,\n            selected: selected\n        }\"\n        @click.stop=\"selectWidget(field)\"\n    >\n        <FormItem\n            :labelCol=\"{ style: { width: labelWidth + 'px' } }\"\n            :title=\"label\"\n            :size=\"size\"\n            :rules=\"rules\"\n            :name=\"getPropName\"\n            :labelAlign=\"labelAlign\"\n            :class=\"[customClass]\"\n        >\n            <template #label>\n                <div class=\"label-box\">\n                    <span v-if=\"!!field.options.labelIconClass\" class=\"custom-label\">\n                        <template v-if=\"field.options.labelIconPosition === 'front'\">\n                            <svg-icon :icon-class=\"field.options.labelIconClass\" />\n                            <div class=\"label-text\">\n                                {{ label }}\n                            </div>\n                        </template>\n                        <template v-else-if=\"field.options.labelIconPosition === 'rear'\">\n                            <div class=\"label-text\">\n                                {{ label }}\n                            </div>\n                            <svg-icon :icon-class=\"field.options.labelIconClass\" />\n                        </template>\n                    </span>\n                    <template v-else>\n                        <div class=\"label-text\">\n                            {{ label }}\n                        </div>\n                    </template>\n                </div>\n            </template>\n            <slot></slot>\n        </FormItem>\n\n        <WidgetAction v-bind=\"props\" v-if=\"designState\" />\n    </div>\n</template>\n\n<script lang=\"tsx\" setup>\n    import { SvgIcon } from 'tmgc2-share';\n    import { useI18n } from '@/utils/i18n';\n    import { FieldProps } from './useField';\n    import { computed, inject } from 'vue';\n    import { useContainerWidget } from '../container-widget/useContainerWidget';\n    import { FormItem } from 'ant-design-vue';\n    import { useDesigner } from '@/components/form-designer/form-widget/useFormDesigner';\n    import WidgetAction from '../widgetAction.vue';\n    defineOptions({\n        name: 'form-item-wrapper'\n    });\n    const { i18nt, i18n2t } = useI18n();\n\n    interface FormItemWrapperProps extends FieldProps {\n        rules?: Array<any>;\n    }\n    const props = withDefaults(defineProps<FormItemWrapperProps>(), {\n        parentWidget: null,\n        indexOfParentList: 0\n    });\n    const getSubFormName = inject('getSubFormName', () => '');\n    const getSubFormFieldFlag = inject('getSubFormFieldFlag', () => false);\n\n    const { formConfig, designer, designState } = useDesigner();\n\n    const labelWidth = computed(() => {\n        if (props.field?.options?.labelHidden) {\n            return 0;\n        }\n\n        if (props.field?.options?.labelWidth) {\n            return props.field.options.labelWidth;\n        }\n\n        return formConfig.value?.labelWidth;\n    });\n\n    const label = computed(() => {\n        if (props.field?.options?.labelHidden) {\n            return '';\n        }\n        return props.field?.options?.label;\n    });\n\n    const labelAlign = computed(() => {\n        if (props.field?.options?.labelAlign) {\n            return props.field.options.labelAlign;\n        }\n        return formConfig.value?.labelAlign || 'right';\n    });\n\n    const subFormName = computed(() => () => {\n        return getSubFormName ? getSubFormName() : '';\n    });\n\n    const size = computed(() => {\n        if (props.field?.options?.size) {\n            return props.field.options.size;\n        }\n        return formConfig.value?.size || 'middle';\n    });\n\n    const subFormItemFlag = computed(() => {\n        return getSubFormFieldFlag ? getSubFormFieldFlag() : false;\n    });\n\n    const getPropName = computed(() => {\n        if (subFormItemFlag.value && !designState) {\n            return (\n                subFormName.value +\n                '.' +\n                props.subFormRowIndex +\n                '.' +\n                props.field.options.name +\n                ''\n            );\n        } else return props.field.options.name;\n    });\n\n    const { customClass, selected, selectWidget } = useContainerWidget({\n        widget: props.field,\n        parentWidget: props.parentWidget,\n        indexOfParentList: props.indexOfParentList\n    });\n</script>\n\n<style lang=\"scss\" scoped>\n    .design-time-bottom-margin {\n        margin-bottom: 5px;\n    }\n    .field-wrapper-widget {\n        min-height: 40px;\n        padding: 5px;\n        border: 1px dashed rgba(170, 170, 170, 0.75);\n        &.selected {\n            outline: 2px solid var(--ant-primary-color);\n        }\n        .ant-form-item {\n            margin-bottom: 0;\n        }\n    }\n    .field-wrapper {\n        position: relative;\n\n        .field-action {\n            position: absolute;\n            bottom: 0;\n            right: -2px;\n            height: 22px;\n            line-height: 22px;\n            background: var(--ant-primary-4);\n\n            // background: var(--ant-primary-color);\n            z-index: 9;\n\n            i {\n                font-size: 14px;\n                color: #fff;\n                margin: 0 3px;\n                cursor: pointer;\n            }\n        }\n\n        .drag-handler {\n            position: absolute;\n            top: 0;\n            left: -1px;\n            height: 20px;\n            line-height: 20px;\n            z-index: 9;\n\n            i {\n                font-size: 12px;\n                font-style: normal;\n                color: #fff;\n                margin: 4px;\n                cursor: move;\n            }\n\n            &:hover {\n                background: var(--ant-primary-color);\n            }\n        }\n    }\n\n    .field-action,\n    .drag-handler {\n        :deep(.svg-icon) {\n            margin-left: 0;\n            margin-right: 0;\n        }\n    }\n    .ant-form-item {\n        position: relative;\n\n        :deep(.ant-form-item-label) {\n            white-space: nowrap;\n            text-overflow: ellipsis;\n        }\n\n        span.custom-label {\n            display: flex;\n            i {\n                margin: 0 3px;\n            }\n        }\n\n        /* 隐藏Chrome浏览器中el-input数字输入框右侧的上下调整小箭头 */\n        :deep(.hide-spin-button) input::-webkit-outer-spin-button,\n        :deep(.hide-spin-button) input::-webkit-inner-spin-button {\n            -webkit-appearance: none !important;\n        }\n    }\n</style>\n"],"names":["props","__props","getSubFormName","inject","getSubFormFieldFlag","formConfig","designState","useDesigner","labelWidth","computed","field","options","labelHidden","value","label","labelAlign","subFormName","size","subFormItemFlag","getPropName","subFormRowIndex","name","customClass","selected","selectWidget","useContainerWidget","widget","parentWidget","indexOfParentList","_createElementBlock","class","_unref","onClick","_cache","_withModifiers","$event","_createVNode","FormItem","labelCol","title","rules","_createElementVNode","_hoisted_1","labelIconClass","_openBlock","_hoisted_2","labelIconPosition","_Fragment","key","SvgIcon","_hoisted_3","_toDisplayString","_hoisted_4","_hoisted_5","_renderSlot","_ctx","$slots","undefined","_createBlock","WidgetAction"],"mappings":"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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"useSelect.js","sources":["../../../../../../../src/components/form-designer/form-widget/field-widget/hooks/useSelect.ts"],"sourcesContent":["import { computed, ref, unref } from 'vue';\nimport { debounce, isArray } from 'lodash-es';\nimport { translateOptionItems } from '@/utils/util';\nimport { useExecFunction } from 'tmgc2-share';\n\nfunction findInArray(arrayObject, element) {\n    if (!Array.isArray(arrayObject)) {\n        return -1;\n    }\n\n    let foundIdx = -1;\n    arrayObject.forEach((aItem, aIdx) => {\n        if (aItem === element) {\n            foundIdx = aIdx;\n        }\n    });\n\n    return foundIdx;\n}\n\nexport function useSelect({ field, designState, fieldModel }) {\n    const keyword = ref({\n        val: ''\n    });\n    const loading = ref(false);\n    const pager = ref({\n        page: 1,\n        pageSize: 20,\n        totalPage: 0,\n        total: 0\n    });\n\n    const { execHttpFunction } = useExecFunction();\n\n    const initOptionItems = async () => {\n        if (loading.value) return;\n        loading.value = true;\n        /* 首先处理数据源选项加载 */\n        if (!!field.options.dsEnabled && field.options.http?.url) {\n            if (pager.value.page === 1) initPager();\n            try {\n                const { http, dataHandlerCode, dataReqHandlerCode } = field.options;\n                const data = field.options.loadingPage\n                    ? { page: pager.value.page, pageSize: pager.value.pageSize }\n                    : {};\n                const dsResult = await execHttpFunction(\n                    {\n                        http,\n                        dataHandlerCode,\n                        dataReqHandlerCode\n                    },\n                    { data }\n                );\n                if (!dsResult) {\n                    loading.value = false;\n                    return;\n                }\n                if (isArray(dsResult)) {\n                    loadOptions(dsResult);\n                    loading.value = false;\n                    return;\n                }\n\n                if (isArray(dsResult.list)) {\n                    if (field.options.loadingPage) {\n                        pager.value.total = dsResult.total || 0;\n                        pager.value.totalPage = dsResult.totalPage || 0;\n                        loadOptions([...getOptionItems(), ...dsResult.list]);\n                    } else {\n                        loadOptions(dsResult.list);\n                    }\n                }\n            } catch (err) {\n                console.error('err: ', err);\n            }\n        } else {\n            loadOptions([...getOptionItems()]);\n        }\n        loading.value = false;\n    };\n\n    const changePager = debounce(function () {\n        pager.value.page += 1;\n        initOptionItems();\n    }, 500);\n\n    const onPopupScroll = e => {\n        if (!field.options.loadingPage) return;\n\n        const { target } = e;\n        const { scrollTop, scrollHeight, clientHeight } = target;\n\n        if (scrollHeight - (scrollTop + clientHeight) <= 30) {\n            if (pager.value.totalPage > pager.value.page) {\n                if (pager.value.totalPage === pager.value.page) {\n                    return;\n                }\n                changePager();\n            }\n        }\n    };\n\n    const labelKey = computed(() => {\n        return field?.options.labelKey || 'label';\n    });\n\n    const valueKey = computed(() => {\n        return field?.options.valueKey || 'value';\n    });\n\n    const childrenKey = computed(() => {\n        return field?.options.childrenKey || 'children';\n    });\n\n    const fieldNames = computed(() => {\n        return {\n            label: field?.options.labelKey || 'label',\n            value: field?.options.valueKey || 'value',\n            options: 'options'\n        };\n    });\n\n    const filterOption = (inputValue, option) => {\n        return option[fieldNames.value.label].toLowerCase().indexOf(inputValue.toLowerCase()) >= 0;\n    };\n    const initPager = () => {\n        pager.value = { page: 1, pageSize: 20, total: 0, totalPage: 0 };\n        loadOptions([]);\n    };\n\n    const remoteQuery = (_keyword: string) => {\n        const useServer = field.options.showSearch;\n        if (!useServer) return;\n        if (designState) {\n            //设计状态不触发事件\n            return;\n        }\n\n        // if (!!field.options.onRemoteQuery) {\n        initPager();\n        keyword.value.val = _keyword;\n        initOptionItems();\n    };\n    // initPager();\n    const selectOps = computed(() => {\n        const showSearch = true; //field.options.showSearch;\n        const useServer = field?.options?.showSearch;\n        return {\n            loading: loading.value,\n            fieldNames: fieldNames.value,\n            showSearch,\n            onPopupScroll: onPopupScroll,\n            onSearch: showSearch ? remoteQuery : void 0,\n            filterOption: !useServer && filterOption,\n            listHeight: 240\n        };\n    });\n\n    /**\n     * 加载选项，并清空字段值\n     * @param options\n     */\n    const loadOptions = async options => {\n        field.options.optionItems = translateOptionItems(\n            options,\n            field.type,\n            field.options.labelKey || 'label',\n            field.options.valueKey || 'value'\n        );\n        if (designState) {\n            return;\n        }\n    };\n    /**\n     * 返回选择项\n     * @returns {*}\n     */\n    const getOptionItems = () => {\n        return field.options.optionItems;\n    };\n\n    /**\n     * 获取当前选中的选项\n     */\n    const getSelectedItem = () => {\n        const list = getOptionItems();\n        if (isArray(fieldModel.value)) {\n            return list.filter(item => findInArray(fieldModel.value, item[valueKey.value]) !== -1);\n        }\n        return list.find(item => item[valueKey.value] == fieldModel.value);\n    };\n\n    const optionLabel = computed(() => {\n        if (fieldModel.value === null) {\n            return '';\n        } else {\n            let resultContent = '';\n\n            const { valueKey, labelKey } = field.options;\n            field.options.optionItems.forEach((oItem: any) => {\n                if (\n                    oItem[valueKey] === fieldModel.value ||\n                    findInArray(fieldModel.value, oItem[valueKey]) !== -1\n                ) {\n                    resultContent =\n                        resultContent === ''\n                            ? oItem[labelKey]\n                            : resultContent + ' ' + oItem[labelKey];\n                }\n            });\n\n            return resultContent;\n        }\n    });\n\n    /**\n     * 清空选项项\n     */\n    const clearOptionItems = () => {\n        if (field.options.dsEnabled) {\n            field.options.optionItems.splice(0, field.options.optionItems.length); // 清空原有选项\n        }\n    };\n\n    /**\n     * 禁用列表中的选项\n     * @param optionList 选项列表\n     * @param optionValue 选项值\n     */\n    const disableOption = (optionValue: any) => {\n        const optionList = field.options.optionItems;\n        if (optionList && optionList.length > 0) {\n            optionList.forEach(opt => {\n                if (opt.value === optionValue) {\n                    opt.disabled = true;\n                }\n            });\n        }\n    };\n\n    /**\n     * 启用列表中的选项\n     * @param optionList 选项列表\n     * @param optionValue 选项值\n     */\n    const enableOption = (optionValue: any) => {\n        const optionList = field.options.optionItems;\n        if (optionList && optionList.length > 0) {\n            optionList.forEach(opt => {\n                if (opt.value === optionValue) {\n                    opt.disabled = false;\n                }\n            });\n        }\n    };\n\n    return {\n        selectDefineExpose: {\n            loadOptions,\n            initOptionItems,\n            getSelectedItem,\n            disableOption,\n            clearOptionItems,\n            enableOption,\n            getOptionItems,\n            keyword: unref(keyword)\n        },\n        disableOption,\n        clearOptionItems,\n        childrenKey,\n        valueKey,\n        labelKey,\n        optionLabel,\n        loadOptions,\n        filterOption,\n        keyword,\n        pager,\n        loading,\n        fieldNames,\n        selectOps,\n        initOptionItems,\n        getOptionItems\n    };\n}\n"],"names":["findInArray","arrayObject","element","foundIdx","aItem","aIdx","useSelect","field","designState","fieldModel","keyword","ref","loading","pager","execHttpFunction","useExecFunction","initOptionItems","_a","initPager","http","dataHandlerCode","dataReqHandlerCode","data","dsResult","isArray","loadOptions","getOptionItems","err","changePager","debounce","onPopupScroll","e","target","scrollTop","scrollHeight","clientHeight","labelKey","computed","valueKey","childrenKey","fieldNames","filterOption","inputValue","option","remoteQuery","_keyword","selectOps","useServer","options","translateOptionItems","getSelectedItem","list","item","optionLabel","resultContent","oItem","clearOptionItems","disableOption","optionValue","optionList","opt","unref"],"mappings":"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"}

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

@@ -5,3 +5,4 @@ const d = /* @__PURE__ */ o(t, [["__scopeId", "data-v-f03dd9bf"]]);
 export {
   d as default
 };
+//# sourceMappingURL=html-text-widget.vue.js.map

package/src/components/form-designer/form-widget/field-widget/html-text-widget.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"html-text-widget.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

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

@@ -38,3 +38,4 @@ const F = ["innerHTML"], W = /* @__PURE__ */ p({
 export {
   W as default
 };
+//# sourceMappingURL=html-text-widget.vue2.js.map

package/src/components/form-designer/form-widget/field-widget/html-text-widget.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"html-text-widget.vue2.js","sources":["../../../../../../src/components/form-designer/form-widget/field-widget/html-text-widget.vue"],"sourcesContent":["<template>\n    <StaticContentWrapper v-bind=\"props\" v-if=\"!handleHidden\" :rules=\"rules\">\n        <div\n            ref=\"fieldEditor\"\n            :style=\"displayStyle\"\n            class=\"htmlContent\"\n            v-html=\"field.options.htmlContent\"\n        ></div>\n    </StaticContentWrapper>\n</template>\n\n<script lang=\"ts\" setup>\n    import { computed } from 'vue';\n    import { useField, type FieldProps } from './useField';\n    import { WidgetTypeEnum, ComponentNameEnum } from '@/constants/WidgetTypeEnum';\n    import StaticContentWrapper from './static-content-wrapper.vue';\n    defineOptions({\n        name: WidgetTypeEnum.htmlText,\n        componentName: ComponentNameEnum.FieldWidget\n    });\n\n    const props = withDefaults(defineProps<FieldProps>(), {});\n\n    const { rules, fieldEditor, field, handleHidden, defineExposed } = useField(props);\n\n    const displayStyle = computed(() => field.options.bodyStyle || {});\n\n    defineExpose({\n        ...defineExposed\n    });\n</script>\n\n<style lang=\"scss\" scoped>\n    .htmlContent {\n        // v-bind(field.options.bodyStyle)\n    }\n</style>\n"],"names":["props","__props","rules","fieldEditor","field","handleHidden","defineExposed","useField","displayStyle","computed","__expose","_unref","_openBlock","_createBlock","StaticContentWrapper","_mergeProps","_createElementVNode"],"mappings":";;;;;;;;;;;;;;;;;;;;AAqBI,UAAMA,IAAQC,GAER,EAAE,OAAAC,GAAO,aAAAC,GAAa,OAAAC,GAAO,cAAAC,GAAc,eAAAC,EAAA,IAAkBC,EAASP,CAAK,GAE3EQ,IAAeC,EAAS,MAAML,EAAM,QAAQ,aAAa,EAAE;AAEjE,WAAAM,EAAa;AAAA,MACT,GAAGJ;AAAA,IAAA,CACN,aA5B2CK,EAAAN,CAAA,iBAA5CO,KAAAC,EAOuBC,GAPvBC,EAOuB,EAAA,KAAA,EAAA,GAPOf,GAAK,EAAwB,OAAOW,EAAAT,CAAA,EAAA,CAAK,GAAA;AAAA,iBACnE,MAKO;AAAA,QALPc,EAKO,OAAA;AAAA,mBAJC;AAAA,UAAJ,KAAIb;AAAA,UACH,SAAOK,EAAA,KAAY;AAAA,UACpB,OAAM;AAAA,UACN,WAAQG,EAAAP,CAAA,EAAM,QAAQ;AAAA,QAAA;;;;;;"}

package/src/components/form-designer/form-widget/field-widget/html-text-widget.vue3.js

@@ -1 +1,2 @@
 
+//# sourceMappingURL=html-text-widget.vue3.js.map

package/src/components/form-designer/form-widget/field-widget/html-text-widget.vue3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"html-text-widget.vue3.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -1,10 +1,11 @@
 import { defineAsyncComponent as o } from "vue";
 import { getFileName as r } from "../../../../utils/getFileName.js";
-const m = {}, e = /* @__PURE__ */ Object.assign({ "./bpmn-editor-widget.vue": () => import("./bpmn-editor-widget.vue.js"), "./button-list-widget.vue": () => import("./button-list-widget.vue.js"), "./button-widget.vue": () => import("./button-widget.vue.js"), "./cascader-widget.vue": () => import("./cascader-widget.vue.js"), "./checkbox-widget.vue": () => import("./checkbox-widget.vue.js"), "./code-editor-widget.vue": () => import("./code-editor-widget.vue.js"), "./color-widget.vue": () => import("./color-widget.vue.js"), "./date-range-widget.vue": () => import("./date-range-widget.vue.js"), "./date-widget.vue": () => import("./date-widget.vue.js"), "./divider-widget.vue": () => import("./divider-widget.vue.js"), "./diy-compontent-widget.vue": () => import("./diy-compontent-widget.vue.js"), "./dropdown-widget.vue": () => import("./dropdown-widget.vue.js"), "./file-upload-widget.vue": () => import("./file-upload-widget.vue.js"), "./form-item-wrapper.vue": () => import("./form-item-wrapper.vue.js"), "./html-text-widget.vue": () => import("./html-text-widget.vue.js"), "./input-widget.vue": () => import("./input-widget.vue.js"), "./number-widget.vue": () => import("./number-widget.vue.js"), "./radio-widget.vue": () => import("./radio-widget.vue.js"), "./rate-widget.vue": () => import("./rate-widget.vue.js"), "./rich-editor-widget.vue": () => import("./rich-editor-widget.vue.js"), "./select-widget.vue": () => import("./select-widget.vue.js"), "./slider-widget.vue": () => import("./slider-widget.vue.js"), "./static-content-wrapper.vue": () => import("./static-content-wrapper.vue.js"), "./static-text-widget.vue": () => import("./static-text-widget.vue.js"), "./switch-widget.vue": () => import("./switch-widget.vue.js"), "./textarea-widget.vue": () => import("./textarea-widget.vue.js"), "./time-range-widget.vue": () => import("./time-range-widget.vue.js"), "./time-widget.vue": () => import("./time-widget.vue.js"), "./tree-widget.vue": () => import("./tree-widget.vue.js"), "./treeSelect-widget.vue": () => import("./treeSelect-widget.vue.js") });
-for (const t in e) {
-  const i = r(t);
-  m[i] = o(e[t]);
+const m = {}, t = /* @__PURE__ */ Object.assign({ "./bpmn-editor-widget copy.vue": () => import("./bpmn-editor-widget copy.vue.js"), "./bpmn-editor-widget.vue": () => import("./bpmn-editor-widget.vue.js"), "./button-list-widget.vue": () => import("./button-list-widget.vue.js"), "./button-widget.vue": () => import("./button-widget.vue.js"), "./cascader-widget.vue": () => import("./cascader-widget.vue.js"), "./checkbox-widget.vue": () => import("./checkbox-widget.vue.js"), "./code-editor-widget.vue": () => import("./code-editor-widget.vue.js"), "./color-widget.vue": () => import("./color-widget.vue.js"), "./date-range-widget.vue": () => import("./date-range-widget.vue.js"), "./date-widget.vue": () => import("./date-widget.vue.js"), "./divider-widget.vue": () => import("./divider-widget.vue.js"), "./diy-compontent-widget.vue": () => import("./diy-compontent-widget.vue.js"), "./dropdown-widget.vue": () => import("./dropdown-widget.vue.js"), "./file-upload-widget.vue": () => import("./file-upload-widget.vue.js"), "./form-item-wrapper.vue": () => import("./form-item-wrapper.vue.js"), "./html-text-widget.vue": () => import("./html-text-widget.vue.js"), "./input-widget.vue": () => import("./input-widget.vue.js"), "./number-widget.vue": () => import("./number-widget.vue.js"), "./radio-widget.vue": () => import("./radio-widget.vue.js"), "./rate-widget.vue": () => import("./rate-widget.vue.js"), "./rich-editor-widget.vue": () => import("./rich-editor-widget.vue.js"), "./select-widget.vue": () => import("./select-widget.vue.js"), "./slider-widget.vue": () => import("./slider-widget.vue.js"), "./static-content-wrapper.vue": () => import("./static-content-wrapper.vue.js"), "./static-text-widget.vue": () => import("./static-text-widget.vue.js"), "./switch-widget.vue": () => import("./switch-widget.vue.js"), "./textarea-widget.vue": () => import("./textarea-widget.vue.js"), "./time-range-widget.vue": () => import("./time-range-widget.vue.js"), "./time-widget.vue": () => import("./time-widget.vue.js"), "./tree-widget.vue": () => import("./tree-widget.vue.js"), "./treeSelect-widget.vue": () => import("./treeSelect-widget.vue.js"), "./vue-render.vue": () => import("./vue-render.vue.js") });
+for (const e in t) {
+  const i = r(e);
+  m[i] = o(t[e]);
 }
 export {
   m as default
 };
+//# sourceMappingURL=index.js.map

package/src/components/form-designer/form-widget/field-widget/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../src/components/form-designer/form-widget/field-widget/index.js"],"sourcesContent":["const comps = {};\nconst modules = import.meta.glob('./*.vue');\nimport { defineAsyncComponent } from 'vue';\nimport { getFileName } from '@/utils/getFileName';\n\nfor (const path in modules) {\n    const cname = getFileName(path);\n    comps[cname] = defineAsyncComponent(modules[path]);\n}\n\nexport default comps;\n"],"names":["comps","modules","path","cname","getFileName","defineAsyncComponent"],"mappings":";;AAAK,MAACA,IAAQ,CAAA,GACRC,IAAU,uBAAA,OAAA,EAAA,iCAAA,MAAA,OAAA,kCAAA,GAAA,4BAAA,MAAA,OAAA,6BAAA,GAAA,4BAAA,MAAA,OAAA,6BAAA,GAAA,uBAAA,MAAA,OAAA,wBAAA,GAAA,yBAAA,MAAA,OAAA,0BAAA,GAAA,yBAAA,MAAA,OAAA,0BAAA,GAAA,4BAAA,MAAA,OAAA,6BAAA,GAAA,sBAAA,MAAA,OAAA,uBAAA,GAAA,2BAAA,MAAA,OAAA,4BAAA,GAAA,qBAAA,MAAA,OAAA,sBAAA,GAAA,wBAAA,MAAA,OAAA,yBAAA,GAAA,+BAAA,MAAA,OAAA,gCAAA,GAAA,yBAAA,MAAA,OAAA,0BAAA,GAAA,4BAAA,MAAA,OAAA,6BAAA,GAAA,2BAAA,MAAA,OAAA,4BAAA,GAAA,0BAAA,MAAA,OAAA,2BAAA,GAAA,sBAAA,MAAA,OAAA,uBAAA,GAAA,uBAAA,MAAA,OAAA,wBAAA,GAAA,sBAAA,MAAA,OAAA,uBAAA,GAAA,qBAAA,MAAA,OAAA,sBAAA,GAAA,4BAAA,MAAA,OAAA,6BAAA,GAAA,uBAAA,MAAA,OAAA,wBAAA,GAAA,uBAAA,MAAA,OAAA,wBAAA,GAAA,gCAAA,MAAA,OAAA,iCAAA,GAAA,4BAAA,MAAA,OAAA,6BAAA,GAAA,uBAAA,MAAA,OAAA,wBAAA,GAAA,yBAAA,MAAA,OAAA,0BAAA,GAAA,2BAAA,MAAA,OAAA,4BAAA,GAAA,qBAAA,MAAA,OAAA,sBAAA,GAAA,qBAAA,MAAA,OAAA,sBAAA,GAAA,2BAAA,MAAA,OAAA,4BAAA,GAAA,oBAAA,MAAA,OAAA,qBAAA,EAAA,CAAA;AAIhB,WAAWC,KAAQD,GAAS;AACxB,QAAME,IAAQC,EAAYF,CAAI;AAC9B,EAAAF,EAAMG,CAAK,IAAIE,EAAqBJ,EAAQC,CAAI,CAAC;AACrD;"}

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

@@ -1,7 +1,8 @@
 import t from "./input-widget.vue2.js";
 /* empty css                  */
 import o from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ o(t, [["__scopeId", "data-v-05c4db57"]]);
+const i = /* @__PURE__ */ o(t, [["__scopeId", "data-v-345f1b80"]]);
 export {
-  m as default
+  i as default
 };
+//# sourceMappingURL=input-widget.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"input-widget.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

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

@@ -83,3 +83,4 @@ const A = {
 export {
   J as default
 };
+//# sourceMappingURL=input-widget.vue2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"input-widget.vue2.js","sources":["../../../../../../src/components/form-designer/form-widget/field-widget/input-widget.vue"],"sourcesContent":["<template>\n    <form-item-wrapper v-bind=\"props\" v-if=\"!handleHidden\" :rules=\"rules\">\n        <a-input\n            ref=\"fieldEditor\"\n            v-model:value=\"fieldModel\"\n            v-show=\"!isReadMode\"\n            :disabled=\"handleDisabled\"\n            :readonly=\"field.options.readonly\"\n            :size=\"size\"\n            class=\"hide-spin-button\"\n            :type=\"inputType\"\n            :show-password=\"field.options.showPassword\"\n            :placeholder=\"field.options.placeholder\"\n            :allowClear=\"field.options.allowClear\"\n            :maxlength=\"field.options.maxLength\"\n            :showCount=\"field.options.showCount\"\n            @focus=\"handleFocusCustomEvent\"\n            @blur=\"handleBlurCustomEvent\"\n        >\n            <template #addonAfter v-if=\"field.options.useModal\">\n                <svg-icon icon-class=\"icon-sousuo\" @click=\"handleClickIcon\" />\n            </template>\n        </a-input>\n        <template v-if=\"isReadMode\">\n            <span class=\"readonly-mode-field\">{{ fieldModel }}</span>\n        </template>\n    </form-item-wrapper>\n</template>\n\n<script lang=\"ts\" setup>\n    import FormItemWrapper from './form-item-wrapper.vue';\n    import { SvgIcon } from 'tmgc2-share';\n    import { useField, type FieldProps } from './useField';\n    import { computed } from 'vue';\n    import { WidgetTypeEnum, ComponentNameEnum } from '@/constants/WidgetTypeEnum';\n    defineOptions({\n        name: WidgetTypeEnum.input,\n        componentName: ComponentNameEnum.FieldWidget\n    });\n\n    const props = withDefaults(defineProps<FieldProps>(), {});\n\n    const {\n        rules,\n        fieldEditor,\n        field,\n        fieldModel,\n        isReadMode,\n        size,\n        handleHidden,\n        handleDisabled,\n        handleClickIcon,\n        handleFocusCustomEvent,\n        handleBlurCustomEvent,\n        defineExposed\n    } = useField(props);\n\n    const inputType = computed(() => {\n        if (field.options.type === 'number') {\n            return 'text'; //当input的type设置为number时，如果输入非数字字符，则v-model拿到的值为空字符串，无法实现输入校验！故屏蔽之！！\n        }\n        return field.options.type;\n    });\n\n    defineExpose({\n        ...defineExposed\n    });\n</script>\n\n<style lang=\"scss\" scoped>\n    /* form-item-wrapper已引入，还需要重复引入吗？ */\n</style>\n"],"names":["props","__props","rules","fieldEditor","field","fieldModel","isReadMode","size","handleHidden","handleDisabled","handleClickIcon","handleFocusCustomEvent","handleBlurCustomEvent","defineExposed","useField","inputType","computed","__expose","_unref","_openBlock","_createBlock","FormItemWrapper","_mergeProps","_createVNode","_component_a_input","$event","SvgIcon","_createElementBlock","_hoisted_1","_toDisplayString"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAwCI,UAAMA,IAAQC,GAER;AAAA,MACF,OAAAC;AAAA,MACA,aAAAC;AAAA,MACA,OAAAC;AAAA,MACA,YAAAC;AAAA,MACA,YAAAC;AAAA,MACA,MAAAC;AAAA,MACA,cAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,iBAAAC;AAAA,MACA,wBAAAC;AAAA,MACA,uBAAAC;AAAA,MACA,eAAAC;AAAA,IAAA,IACAC,EAASd,CAAK,GAEZe,IAAYC,EAAS,MACnBZ,EAAM,QAAQ,SAAS,WAChB,SAEJA,EAAM,QAAQ,IACxB;AAED,WAAAa,EAAa;AAAA,MACT,GAAGJ;AAAA,IAAA,CACN;;aAjEwCK,EAAAV,CAAA,iBAAzCW,KAAAC,EAyBoBC,GAzBpBC,EAyBoB,EAAA,KAAA,EAAA,GAzBOtB,GAAK,EAAwB,OAAOkB,EAAAhB,CAAA,EAAA,CAAK,GAAA;AAAA,mBAChE,MAoBU;AAAA,YApBVqB,EAoBUC,GAAA;AAAA,qBAnBF;AAAA,YAAJ,KAAIrB;AAAA,YACI,OAAOe,EAAAb,CAAA;AAAA,4DAAAA,EAAU,QAAAoB,IAAA;AAAA,YAExB,UAAUP,EAAAT,CAAA;AAAA,YACV,UAAUS,EAAAd,CAAA,EAAM,QAAQ;AAAA,YACxB,MAAMc,EAAAX,CAAA;AAAA,YACP,OAAM;AAAA,YACL,MAAMQ,EAAA;AAAA,YACN,iBAAeG,EAAAd,CAAA,EAAM,QAAQ;AAAA,YAC7B,aAAac,EAAAd,CAAA,EAAM,QAAQ;AAAA,YAC3B,YAAYc,EAAAd,CAAA,EAAM,QAAQ;AAAA,YAC1B,WAAWc,EAAAd,CAAA,EAAM,QAAQ;AAAA,YACzB,WAAWc,EAAAd,CAAA,EAAM,QAAQ;AAAA,YACzB,SAAOc,EAAAP,CAAA;AAAA,YACP,QAAMO,EAAAN,CAAA;AAAA,UAAA;YAEqBM,EAAAd,CAAA,EAAM,QAAQ;oBAA/B;AAAA,oBACP,MAA8D;AAAA,gBAA9DmB,EAA8DL,EAAAQ,CAAA,GAAA;AAAA,kBAApD,cAAW;AAAA,kBAAe,SAAOR,EAAAR,CAAA;AAAA,gBAAA;;;;;iBAftCQ,EAAAZ,CAAA,CAAU;AAAA,UAAA;UAkBPY,EAAAZ,CAAA,UACZqB,EAAyD,QAAzDC,GAAyDC,EAApBX,EAAAb,CAAA,CAAU,GAAA,CAAA;;;;;;;"}

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

@@ -2,3 +2,4 @@ import f from "./number-widget.vue2.js";
 export {
   f as default
 };
+//# sourceMappingURL=number-widget.vue.js.map