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

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

@@ -0,0 +1,164 @@
+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 = {
+  class: "label-box"
+}, T = {
+  key: 0,
+  class: "custom-label"
+}, X = {
+  class: "label-text"
+}, Y = {
+  class: "label-text"
+}, Z = {
+  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({
+  name: "form-item-wrapper",
+  __name: "form-item-wrapper",
+  props: {
+    rules: {},
+    widget: {},
+    field: {},
+    designer: {},
+    parentWidget: {
+      default: null
+    },
+    parentList: {},
+    indexOfParentList: {
+      default: 0
+    },
+    subFormRowIndex: {},
+    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({
+      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, {
+        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);
+    };
+  }
+});
+export {
+  ce as default
+};

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

@@ -0,0 +1,136 @@
+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) {
+  if (!Array.isArray(t))
+    return -1;
+  let l = -1;
+  return t.forEach((i, r) => {
+    i === v && (l = r);
+  }), l;
+}
+function J({ field: t, designState: v, fieldModel: l }) {
+  const i = b({
+    val: ""
+  }), r = b(!1), a = b({
+    page: 1,
+    pageSize: 20,
+    totalPage: 0,
+    total: 0
+  }), { execHttpFunction: S } = R(), g = async () => {
+    var e;
+    if (!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(
+            {
+              http: o,
+              dataHandlerCode: n,
+              dataReqHandlerCode: u
+            },
+            {}
+          );
+          if (!s) {
+            r.value = !1;
+            return;
+          }
+          if (P(s)) {
+            p(s);
+            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);
+        }
+      else
+        p([...y()]);
+      r.value = !1;
+    }
+  }, I = F(function() {
+    a.value.page += 1, g();
+  }, 500), w = (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)
+        return;
+      I();
+    }
+  }, 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(() => ({
+    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([]);
+  }, L = (e) => {
+    t.options.showSearch && (v || (C(), i.value.val = e, g()));
+  }, A = c(() => {
+    var n;
+    const o = (n = t == null ? void 0 : t.options) == null ? void 0 : n.showSearch;
+    return {
+      loading: r.value,
+      fieldNames: h.value,
+      showSearch: !0,
+      onPopupScroll: w,
+      onSearch: L,
+      filterOption: !o && m,
+      listHeight: 240
+    };
+  }), p = async (e) => {
+    t.options.optionItems = N(
+      e,
+      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)
+      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]);
+      }), e;
+    }
+  }), K = () => {
+    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);
+    });
+  };
+  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);
+        });
+      },
+      keyword: z(i)
+    },
+    disableOption: O,
+    clearOptionItems: K,
+    childrenKey: H,
+    valueKey: x,
+    labelKey: E,
+    optionLabel: k,
+    loadOptions: p,
+    filterOption: m,
+    keyword: i,
+    pager: a,
+    loading: r,
+    fieldNames: h,
+    selectOps: A,
+    initOptionItems: g,
+    getOptionItems: y
+  };
+}
+export {
+  J as useSelect
+};

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

@@ -1,83 +1,7 @@
-import i from "./static-content-wrapper.vue.js";
-import r from "../../../../utils/emitter.js";
-import o from "../../../../utils/i18n.js";
-import d from "./fieldMixin.js";
-import { resolveComponent as s, createBlock as a, createCommentVNode as m, openBlock as f, withCtx as l, createElementVNode as c } from "vue";
-import "./html-text-widget.vue2.js";
-import u from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const p = {
-  name: "html-text-widget",
-  componentName: "FieldWidget",
-  //必须固定为FieldWidget，用于接收父级组件的broadcast事件
-  mixins: [r, d, o],
-  props: {
-    field: Object,
-    parentWidget: Object,
-    parentList: Array,
-    indexOfParentList: Number,
-    designer: Object,
-    designState: {
-      type: Boolean,
-      default: !1
-    },
-    subFormRowIndex: {
-      /* 子表单组件行索引，从0开始计数 */
-      type: Number,
-      default: -1
-    },
-    subFormColIndex: {
-      /* 子表单组件列索引，从0开始计数 */
-      type: Number,
-      default: -1
-    },
-    subFormRowId: {
-      /* 子表单组件行Id，唯一id且不可变 */
-      type: String,
-      default: ""
-    }
-  },
-  components: {
-    StaticContentWrapper: i
-  },
-  computed: {},
-  beforeCreate() {
-  },
-  created() {
-    this.registerToRefList(), this.initEventHandler(), this.handleOnCreated();
-  },
-  mounted() {
-    this.handleOnMounted();
-  },
-  beforeUnmount() {
-    this.unregisterFromRefList();
-  },
-  methods: {}
-}, b = ["innerHTML"];
-function x(t, g, e, h, _, w) {
-  const n = s("static-content-wrapper");
-  return t.handleHidden() ? m("", !0) : (f(), a(n, {
-    key: 0,
-    designer: e.designer,
-    field: e.field,
-    "design-state": e.designState,
-    "parent-widget": e.parentWidget,
-    "parent-list": e.parentList,
-    "index-of-parent-list": e.indexOfParentList,
-    "sub-form-row-index": e.subFormRowIndex,
-    "sub-form-col-index": e.subFormColIndex,
-    "sub-form-row-id": e.subFormRowId
-  }, {
-    default: l(() => [
-      c("div", {
-        ref: "fieldEditor",
-        class: "htmlContent",
-        innerHTML: e.field.options.htmlContent
-      }, null, 8, b)
-    ]),
-    _: 1
-  }, 8, ["designer", "field", "design-state", "parent-widget", "parent-list", "index-of-parent-list", "sub-form-row-index", "sub-form-col-index", "sub-form-row-id"]));
-}
-const R = /* @__PURE__ */ u(p, [["render", x], ["__scopeId", "data-v-33d7109a"]]);
+import t from "./html-text-widget.vue2.js";
+import "./html-text-widget.vue3.js";
+import o from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const d = /* @__PURE__ */ o(t, [["__scopeId", "data-v-f03dd9bf"]]);
 export {
-  R as default
+  d as default
 };

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

@@ -1 +1,40 @@
-
+import { defineComponent as p, computed as a, createBlock as u, createCommentVNode as c, unref as e, openBlock as f, mergeProps as x, withCtx as _, createElementVNode as y, normalizeStyle as h } from "vue";
+import { useField as C } from "./useField.js";
+import { ComponentNameEnum as g, WidgetTypeEnum as E } from "../../../../constants/WidgetTypeEnum.js";
+import w from "./static-content-wrapper.vue.js";
+const F = ["innerHTML"], W = /* @__PURE__ */ p({
+  name: E.htmlText,
+  componentName: g.FieldWidget,
+  __name: "html-text-widget",
+  props: {
+    widget: {},
+    field: {},
+    designer: {},
+    parentWidget: {},
+    parentList: {},
+    indexOfParentList: {},
+    subFormRowIndex: {},
+    subFormRowId: {},
+    subFormColIndex: {}
+  },
+  setup(n, { expose: r }) {
+    const t = n, { rules: i, fieldEditor: d, field: o, handleHidden: m, defineExposed: l } = C(t), s = a(() => o.options.bodyStyle || {});
+    return r({
+      ...l
+    }), (b, k) => e(m) ? c("", !0) : (f(), u(w, x({ key: 0 }, t, { rules: e(i) }), {
+      default: _(() => [
+        y("div", {
+          ref_key: "fieldEditor",
+          ref: d,
+          style: h(s.value),
+          class: "htmlContent",
+          innerHTML: e(o).options.htmlContent
+        }, null, 12, F)
+      ]),
+      _: 1
+    }, 16, ["rules"]));
+  }
+});
+export {
+  W as default
+};

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

@@ -1,132 +1,7 @@
-import h from "./form-item-wrapper.vue.js";
-import { SvgIcon as c } from "tmgc2-share";
-import g from "../../../../utils/emitter.js";
-import w from "../../../../utils/i18n.js";
-import b from "./fieldMixin.js";
-import { resolveComponent as i, createBlock as C, createCommentVNode as l, openBlock as s, withCtx as r, withDirectives as y, createElementBlock as v, createVNode as a, createSlots as F, vShow as x, toDisplayString as I } from "vue";
+import t from "./input-widget.vue2.js";
 /* empty css                  */
-import _ from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const M = {
-  name: "input-widget",
-  componentName: "FieldWidget",
-  //必须固定为FieldWidget，用于接收父级组件的broadcast事件
-  mixins: [g, b, w],
-  props: {
-    field: Object,
-    parentWidget: Object,
-    parentList: Array,
-    indexOfParentList: Number,
-    designer: Object,
-    designState: {
-      type: Boolean,
-      default: !1
-    },
-    subFormRowIndex: {
-      /* 子表单组件行索引，从0开始计数 */
-      type: Number,
-      default: -1
-    },
-    subFormColIndex: {
-      /* 子表单组件列索引，从0开始计数 */
-      type: Number,
-      default: -1
-    },
-    subFormRowId: {
-      /* 子表单组件行Id，唯一id且不可变 */
-      type: String,
-      default: ""
-    }
-  },
-  components: {
-    FormItemWrapper: h,
-    SvgIcon: c
-  },
-  data() {
-    return {
-      oldFieldValue: null,
-      //field组件change之前的值
-      fieldModel: null,
-      rules: []
-    };
-  },
-  computed: {
-    size() {
-      return this.field.options && this.field.options.size ? this.field.options.size : this.designer ? this.designer.formConfig.size || "middle" : this.formConfig.size || "middle";
-    },
-    inputType() {
-      return this.field.options.type === "number" ? "text" : this.field.options.type;
-    }
-  },
-  beforeCreate() {
-  },
-  created() {
-    this.registerToRefList(), this.initFieldModel(), this.initEventHandler(), this.buildFieldRules(), this.handleOnCreated();
-  },
-  mounted() {
-    this.handleOnMounted();
-  },
-  beforeUnmount() {
-    this.unregisterFromRefList();
-  },
-  methods: {}
-}, k = {
-  key: 0,
-  class: "readonly-mode-field"
-};
-function R(t, o, e, z, n, d) {
-  const u = i("svg-icon"), f = i("a-input"), m = i("form-item-wrapper");
-  return t.handleHidden() ? l("", !0) : (s(), C(m, {
-    key: 0,
-    designer: e.designer,
-    field: e.field,
-    rules: n.rules,
-    "design-state": e.designState,
-    "parent-widget": e.parentWidget,
-    "parent-list": e.parentList,
-    "index-of-parent-list": e.indexOfParentList,
-    "sub-form-row-index": e.subFormRowIndex,
-    "sub-form-col-index": e.subFormColIndex,
-    "sub-form-row-id": e.subFormRowId
-  }, {
-    default: r(() => [
-      y(a(f, {
-        ref: "fieldEditor",
-        value: n.fieldModel,
-        "onUpdate:value": o[0] || (o[0] = (p) => n.fieldModel = p),
-        disabled: t.handleDisabled(),
-        readonly: e.field.options.readonly,
-        size: d.size,
-        class: "hide-spin-button",
-        type: d.inputType,
-        "show-password": e.field.options.showPassword,
-        placeholder: e.field.options.placeholder,
-        allowClear: e.field.options.allowClear,
-        maxlength: e.field.options.maxLength,
-        showCount: e.field.options.showCount,
-        onFocus: t.handleFocusCustomEvent,
-        onBlur: t.handleBlurCustomEvent,
-        onInput: t.handleInputCustomEvent,
-        onChange: t.handleChangeEvent
-      }, F({ _: 2 }, [
-        e.field.options.useModal ? {
-          name: "addonAfter",
-          fn: r(() => [
-            a(u, {
-              "icon-class": "icon-sousuo",
-              onClick: t.handleClickIcon
-            }, null, 8, ["onClick"])
-          ]),
-          key: "0"
-        } : void 0
-      ]), 1032, ["value", "disabled", "readonly", "size", "type", "show-password", "placeholder", "allowClear", "maxlength", "showCount", "onFocus", "onBlur", "onInput", "onChange"]), [
-        [x, !t.isReadMode]
-      ]),
-      t.isReadMode ? (s(), v("span", k, I(n.fieldModel), 1)) : l("", !0)
-    ]),
-    _: 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 D = /* @__PURE__ */ _(M, [["render", R], ["__scopeId", "data-v-10f4a56c"]]);
+import o from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const m = /* @__PURE__ */ o(t, [["__scopeId", "data-v-05c4db57"]]);
 export {
-  D as default
+  m as default
 };

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

@@ -0,0 +1,85 @@
+import { defineComponent as F, computed as b, resolveComponent as E, createBlock as B, createCommentVNode as r, unref as e, openBlock as i, mergeProps as I, withCtx as d, withDirectives as N, createElementBlock as R, createVNode as a, isRef as S, createSlots as W, vShow as z, toDisplayString as D } from "vue";
+import L from "./form-item-wrapper.vue.js";
+import { SvgIcon as M } from "tmgc2-share";
+import { useField as P } from "./useField.js";
+import { ComponentNameEnum as T, WidgetTypeEnum as V } from "../../../../constants/WidgetTypeEnum.js";
+const A = {
+  key: 0,
+  class: "readonly-mode-field"
+}, J = /* @__PURE__ */ F({
+  name: V.input,
+  componentName: T.FieldWidget,
+  __name: "input-widget",
+  props: {
+    widget: {},
+    field: {},
+    designer: {},
+    parentWidget: {},
+    parentList: {},
+    indexOfParentList: {},
+    subFormRowIndex: {},
+    subFormRowId: {},
+    subFormColIndex: {}
+  },
+  setup(p, { expose: u }) {
+    const t = p, {
+      rules: m,
+      fieldEditor: c,
+      field: o,
+      fieldModel: n,
+      isReadMode: s,
+      size: f,
+      handleHidden: h,
+      handleDisabled: w,
+      handleClickIcon: C,
+      handleFocusCustomEvent: y,
+      handleBlurCustomEvent: g,
+      defineExposed: v
+    } = P(t), x = b(() => o.options.type === "number" ? "text" : o.options.type);
+    return u({
+      ...v
+    }), (H, l) => {
+      const _ = E("a-input");
+      return e(h) ? r("", !0) : (i(), B(L, I({ key: 0 }, t, { rules: e(m) }), {
+        default: d(() => [
+          N(a(_, {
+            ref_key: "fieldEditor",
+            ref: c,
+            value: e(n),
+            "onUpdate:value": l[0] || (l[0] = (k) => S(n) ? n.value = k : null),
+            disabled: e(w),
+            readonly: e(o).options.readonly,
+            size: e(f),
+            class: "hide-spin-button",
+            type: x.value,
+            "show-password": e(o).options.showPassword,
+            placeholder: e(o).options.placeholder,
+            allowClear: e(o).options.allowClear,
+            maxlength: e(o).options.maxLength,
+            showCount: e(o).options.showCount,
+            onFocus: e(y),
+            onBlur: e(g)
+          }, W({ _: 2 }, [
+            e(o).options.useModal ? {
+              name: "addonAfter",
+              fn: d(() => [
+                a(e(M), {
+                  "icon-class": "icon-sousuo",
+                  onClick: e(C)
+                }, null, 8, ["onClick"])
+              ]),
+              key: "0"
+            } : void 0
+          ]), 1032, ["value", "disabled", "readonly", "size", "type", "show-password", "placeholder", "allowClear", "maxlength", "showCount", "onFocus", "onBlur"]), [
+            [z, !e(s)]
+          ]),
+          e(s) ? (i(), R("span", A, D(e(n)), 1)) : r("", !0)
+        ]),
+        _: 1
+      }, 16, ["rules"]));
+    };
+  }
+});
+export {
+  J as default
+};