@web-utils/component 3.8.3 → 4.0.1

package/form-checkbox-group/index.mjs

@@ -1,49 +1,28 @@
-var a = Object.defineProperty;
-var i = Object.getOwnPropertySymbols;
-var p = Object.prototype.hasOwnProperty, u = Object.prototype.propertyIsEnumerable;
-var s = (t, e, r) => e in t ? a(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r, l = (t, e) => {
-  for (var r in e || (e = {}))
-    p.call(e, r) && s(t, r, e[r]);
-  if (i)
-    for (var r of i(e))
-      u.call(e, r) && s(t, r, e[r]);
-  return t;
-};
-import { f as h } from "../chunks/form-input-mixin.BkKiqJhi.mjs";
-import { f as c } from "../chunks/form-pick-mixin.BFTIVn_i.mjs";
-import { d as f, n as m } from "../chunks/index.MAFc4eFi.mjs";
-import n from "element-ui/lib/checkbox-group";
-import { n as d } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
-const b = Object.keys(n.props || n.default.props).filter((t) => !["value", "placeholder", "disabled"].includes(t)), y = {
+import { f as l } from "../chunks/form-input.B8z37eqj.mjs";
+import { f as i } from "../chunks/form-pick.BFTIVn_i.mjs";
+import { d as s } from "../chunks/dictionary.DqiP9x2m.mjs";
+import { c as n, n as a } from "../chunks/index.d3MV3Wq2.mjs";
+import u from "element-ui/lib/checkbox-group";
+import { n as p } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
+const h = Object.keys(u.props).filter((t) => !["value", "placeholder", "disabled"].includes(t)), c = {
   name: "FormCheckboxGroup",
-  mixins: [h, c],
+  mixins: [l, i, s],
   props: {
     options: {
       type: Array,
       default: () => []
     },
-    value: {
-      type: [String, Array]
-    },
-    other: {
-      type: String
-    },
-    otherVal: {
-      type: String
-    },
-    otherProp: {
-      type: String
-    },
-    otherPlaceholder: {
-      type: String
-    },
-    otherLabel: {
-      type: String
-    },
+    value: [String, Array],
+    other: [String],
+    otherVal: [String],
+    otherProp: String,
+    otherPlaceholder: String,
+    otherLabel: String,
     otherWidth: {
       type: String,
       default: "200px"
     },
+    otherMaxLength: String,
     gender: Boolean,
     confirm: Boolean,
     labelProp: {
@@ -55,6 +34,7 @@ const b = Object.keys(n.props || n.default.props).filter((t) => !["value", "plac
       default: "code"
     },
     split: Boolean,
+    sort: Boolean,
     classic: Boolean,
     fillRow: Boolean,
     ellipsis: Boolean
@@ -70,10 +50,10 @@ const b = Object.keys(n.props || n.default.props).filter((t) => !["value", "plac
       return this.classic ? "value" : this.valueProp;
     },
     inputProps() {
-      return f(l(l({}, m(this.$attrs)), this.$props), b);
+      return n({ ...a(this.$attrs), ...this.$props }, h);
     },
     innerOptions() {
-      return this.gender ? [
+      return this.dictType ? this.dictItems : this.gender ? [
         {
           [this.labelKey]: "男",
           [this.valueKey]: "男"
@@ -99,36 +79,36 @@ const b = Object.keys(n.props || n.default.props).filter((t) => !["value", "plac
   },
   methods: {
     emitInput(t) {
-      this.split ? this.$emit("input", t.join(",")) : this.$emit("input", t);
+      this.split ? this.sort ? this.$emit("input", t.sort().join(",")) : this.$emit("input", t.join(",")) : this.sort ? this.$emit("input", t.sort()) : this.$emit("input", t);
     }
   }
 };
-var _ = function() {
-  var e = this, r = e._self._c;
-  return r("FormItem", e._b({ class: [
+var f = function() {
+  var e = this, o = e._self._c;
+  return o("FormItem", e._b({ class: [
     "form-checkbox-group",
     { "form-checkbox-group-row": e.fillRow },
     e.ellipsis ? "form-checkbox-group-row-ellipsis" : e.fillRow ? "form-checkbox-group-row-break-word" : ""
   ], attrs: { rules: e.computeRules, disabled: e.inputDisabled }, scopedSlots: e._u([{ key: "default", fn: function() {
-    return [r("ElCheckboxGroup", e._g(e._b({ attrs: { disabled: e.inputDisabled, value: e.computeVal, placeholder: e.computePlaceholder }, on: { input: e.emitInput } }, "ElCheckboxGroup", e.inputProps, !1), e.listeners), e._l(e.innerOptions, function(o) {
-      return r("ElCheckbox", { key: o[e.valueKey], attrs: { label: o[e.valueKey] } }, [e._v(" " + e._s(o[e.labelKey]) + " ")]);
-    }), 1), e.computeVal.includes(e.otherVal) ? r("FormInput", { staticClass: "form-checkbox-group-other", style: e.otherLabel ? { width: e.otherWidth } : { marginBottom: 0, width: e.otherWidth }, attrs: { "wrap-col": !1, "label-width": "0", prop: e.otherProp, required: !!e.otherProp, placeholder: e.otherPlaceholder, label: e.otherLabel, "show-message": !!e.otherLabel, value: e.other }, on: { input: (o) => e.$emit("update:other", o) } }) : e._e()];
-  }, proxy: !0 }, { key: "error", fn: function({ error: o }) {
-    return [e._t("error", null, { error: o })];
+    return [o("ElCheckboxGroup", e._g(e._b({ attrs: { disabled: e.inputDisabled, value: e.computeVal, placeholder: e.computePlaceholder }, on: { input: e.emitInput } }, "ElCheckboxGroup", e.inputProps, !1), e.listeners), e._l(e.innerOptions, function(r) {
+      return o("ElCheckbox", { key: r[e.valueKey], attrs: { label: r[e.valueKey] } }, [e._v(" " + e._s(r[e.labelKey]) + " ")]);
+    }), 1), e.computeVal.includes(e.otherVal) ? o("FormInput", { staticClass: "form-checkbox-group-other", style: e.otherLabel ? { width: e.otherWidth } : { marginBottom: 0, width: e.otherWidth }, attrs: { "wrap-col": !1, "label-width": "0", prop: e.otherProp, disabled: e.inputDisabled, required: !!e.otherProp, placeholder: e.otherPlaceholder, label: e.otherLabel, "show-message": !!e.otherLabel, value: e.other, "max-length": e.otherMaxLength }, on: { input: (r) => e.$emit("update:other", r) } }) : e._e()];
+  }, proxy: !0 }, { key: "error", fn: function({ error: r }) {
+    return [e._t("error", null, { error: r })];
   } }, { key: "label", fn: function() {
     return [e._t("label")];
   }, proxy: !0 }, { key: "below", fn: function() {
     return [e._t("below")];
   }, proxy: !0 }], null, !0) }, "FormItem", e.formItemProps, !1));
-}, v = [], x = /* @__PURE__ */ d(
-  y,
-  _,
-  v,
+}, m = [], d = /* @__PURE__ */ p(
+  c,
+  f,
+  m,
   !1,
   null,
   null
 );
-const B = x.exports;
+const k = d.exports;
 export {
-  B as default
+  k as default
 };

package/form-date-picker/index.mjs

@@ -1,21 +1,9 @@
-var m = Object.defineProperty, u = Object.defineProperties;
-var p = Object.getOwnPropertyDescriptors;
-var n = Object.getOwnPropertySymbols;
-var d = Object.prototype.hasOwnProperty, h = Object.prototype.propertyIsEnumerable;
-var s = (t, e, r) => e in t ? m(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r, i = (t, e) => {
-  for (var r in e || (e = {}))
-    d.call(e, r) && s(t, r, e[r]);
-  if (n)
-    for (var r of n(e))
-      h.call(e, r) && s(t, r, e[r]);
-  return t;
-}, l = (t, e) => u(t, p(e));
-import { f } from "../chunks/form-input-mixin.BkKiqJhi.mjs";
-import { f as c } from "../chunks/form-pick-mixin.BFTIVn_i.mjs";
-import { toDate as o } from "@web-utils/integrations/dayjs";
-import { d as y, n as g } from "../chunks/index.MAFc4eFi.mjs";
-import { n as _ } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
-const k = [
+import { f as n } from "../chunks/form-input.B8z37eqj.mjs";
+import { f as s } from "../chunks/form-pick.BFTIVn_i.mjs";
+import { toDate as a } from "@web-utils/integrations/dayjs";
+import { c as l, n as o } from "../chunks/index.d3MV3Wq2.mjs";
+import { n as m } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
+const u = [
   "type",
   "timeArrowControl",
   "size",
@@ -41,31 +29,17 @@ const k = [
   "pickerOptions",
   "unlinkPanels",
   "validateEvent"
-].filter((t) => !["value", "placeholder", "disabled", "type", "pickerOptions"].includes(t)), P = {
+].filter((t) => !["value", "placeholder", "disabled", "type", "pickerOptions"].includes(t)), d = {
   name: "FormDatePicker",
-  mixins: [f, c],
+  mixins: [n, s],
   props: {
-    format: {
-      type: String
-    },
-    valueFormat: {
-      type: String
-    },
-    rangeSeparator: {
-      type: String
-    },
-    startPlaceholder: {
-      type: String
-    },
-    endPlaceholder: {
-      type: String
-    },
-    start: {
-      type: String
-    },
-    end: {
-      type: String
-    },
+    format: String,
+    valueFormat: String,
+    rangeSeparator: String,
+    startPlaceholder: String,
+    endPlaceholder: String,
+    start: String,
+    end: String,
     year: Boolean,
     month: Boolean,
     dates: Boolean,
@@ -74,15 +48,9 @@ const k = [
     dateTimeRange: Boolean,
     dateRange: Boolean,
     monthRange: Boolean,
-    miniDate: {
-      type: String
-    },
-    maxDate: {
-      type: String
-    },
-    pickerOptions: {
-      type: Object
-    },
+    miniDate: String,
+    maxDate: String,
+    pickerOptions: Object,
     split: {
       type: Boolean,
       default: !0
@@ -94,23 +62,24 @@ const k = [
     },
     mini() {
       if (this.miniDate) {
-        const t = o(this.miniDate);
+        const t = a(this.miniDate);
         return t.setDate(t.getDate() - 1), t;
       } else
         return null;
     },
     max() {
-      return this.maxDate ? o(this.maxDate) : null;
+      return this.maxDate ? a(this.maxDate) : null;
     },
     pickerOption() {
-      return i({
+      return {
         disabledDate: (t) => {
           if (!this.mini && !this.max)
             return !1;
           const e = t.getTime();
-          return this.mini && !this.max ? e <= this.mini.getTime() : !this.mini && this.max ? e >= this.max.getTime() : this.mini && this.max ? e <= this.mini.getTime() && e >= this.max.getTime() : !1;
-        }
-      }, this.pickerOptions);
+          return this.mini && !this.max ? e <= this.mini.getTime() : !this.mini && this.max ? e >= this.max.getTime() : this.mini && this.max ? !(e > this.mini.getTime() && e <= this.max.getTime()) : !1;
+        },
+        ...this.pickerOptions
+      };
     },
     innerVal() {
       if (this.range && this.split) {
@@ -120,18 +89,20 @@ const k = [
         return this.value;
     },
     fat() {
-      return this.year ? "yyyy" : this.month || this.monthRange ? "yyyy-MM" : this.week ? "yyyy 第 WW 周" : this.dateTime || this.dateTimeRange ? "yyyy-MM-dd HH:mm" : "yyyy-MM-dd";
+      return this.year ? "yyyy" : this.month || this.monthRange ? "yyyy-MM" : this.week ? "yyyy 第 WW 周" : this.dateTime || this.dateTimeRange ? "yyyy-MM-dd HH:mm:ss" : "yyyy-MM-dd";
     },
     inputProps() {
-      return y(
-        l(i(i({}, g(this.$attrs)), this.$props), {
+      return l(
+        {
+          ...o(this.$attrs),
+          ...this.$props,
           valueFormat: this.week ? "yyyy-MM-dd" : this.valueFormat || this.fat,
           format: this.format || this.fat,
           rangeSeparator: this.rangeSeparator || "至",
           startPlaceholder: this.startPlaceholder || "开始日期",
           endPlaceholder: this.endPlaceholder || "结束日期"
-        }),
-        k
+        },
+        u
       );
     },
     range() {
@@ -147,26 +118,26 @@ const k = [
     }
   }
 };
-var x = function() {
+var h = function() {
   var e = this, r = e._self._c;
   return r("FormItem", e._b({ attrs: { rules: e.computeRules, disabled: e.inputDisabled }, scopedSlots: e._u([{ key: "default", fn: function() {
-    return [r("ElDatePicker", e._g(e._b({ staticStyle: { width: "100%" }, attrs: { "picker-options": e.pickerOption, value: e.innerVal, size: "mini", placeholder: e.computePlaceholder, type: e.type, disabled: e.inputDisabled }, on: { input: e.emitInput } }, "ElDatePicker", e.inputProps, !1), e.listeners)), e.$slots.warn ? r("div", { staticClass: "el-form-item__warn" }, [e._t("warn")], 2) : e._e()];
-  }, proxy: !0 }, { key: "error", fn: function({ error: a }) {
-    return [e.$scopedSlots.error && e.$scopedSlots.error(a) ? r("div", { staticClass: "el-form-item__error" }, [e._t("error", function() {
-      return [e._v(" " + e._s(a) + " ")];
-    }, { error: a })], 2) : e._e()];
+    return [r("ElDatePicker", e._g(e._b({ staticStyle: { width: "100%" }, attrs: { "picker-options": e.pickerOption, value: e.innerVal, placeholder: e.computePlaceholder, type: e.type, disabled: e.inputDisabled }, on: { input: e.emitInput } }, "ElDatePicker", e.inputProps, !1), e.listeners)), e.$slots.warn ? r("div", { staticClass: "el-form-item__warn" }, [e._t("warn")], 2) : e._e()];
+  }, proxy: !0 }, { key: "error", fn: function({ error: i }) {
+    return [e.$scopedSlots.error && e.$scopedSlots.error(i) ? r("div", { staticClass: "el-form-item__error" }, [e._t("error", function() {
+      return [e._v(e._s(i))];
+    }, { error: i })], 2) : e._e()];
   } }, { key: "label", fn: function() {
     return [e._t("label")];
   }, proxy: !0 }], null, !0) }, "FormItem", e.formItemProps, !1));
-}, S = [], v = /* @__PURE__ */ _(
-  P,
-  x,
-  S,
+}, p = [], f = /* @__PURE__ */ m(
+  d,
+  h,
+  p,
   !1,
   null,
   null
 );
-const M = v.exports;
+const P = f.exports;
 export {
-  M as default
+  P as default
 };

package/form-holder/index.mjs

@@ -1,73 +1,60 @@
-var o = (t, e, i) => new Promise((d, s) => {
-  var n = (r) => {
-    try {
-      l(i.next(r));
-    } catch (a) {
-      s(a);
-    }
-  }, f = (r) => {
-    try {
-      l(i.throw(r));
-    } catch (a) {
-      s(a);
-    }
-  }, l = (r) => r.done ? d(r.value) : Promise.resolve(r.value).then(n, f);
-  l((i = i.apply(t, e)).next());
-});
-import { warning as m } from "@web-utils/core";
-import { e as c } from "../chunks/index.MAFc4eFi.mjs";
-import { n as u } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
-const p = {
+import { animate as o, warning as l } from "@web-utils/core";
+import { d as a } from "../chunks/index.d3MV3Wq2.mjs";
+import { n as i } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
+const s = {
   name: "FormHolder",
+  inject: {
+    formView: {
+      default: {}
+    }
+  },
   provide() {
     return {
       formHolder: this
     };
   },
   props: {
-    /**
-     * 表单实体
-     */
-    model: {
-      type: Object
-    },
-    /**
-     * 表单元素大小
-     */
+    model: Object,
     size: {
       type: String,
       default: "mini"
     },
-    /**
-     * 是否禁用
-     */
     disabled: Boolean,
-    /**
-     * 表单组件 label 位置,可选值 top,right,left
-     */
     labelPosition: {
       type: String,
       default: "right"
     },
-    /**
-     * 表单组件 label 宽度
-     */
     labelWidth: {
       type: String,
-      default: "160px"
+      default: "110px"
     },
-    /**
-     * 表单组件是否必填,设置为 false 即使表单输入组件设置了必填也不会校验必填,但可以使用 requiredFields 来排除需要必填的字段
-     */
     required: {
       type: Boolean,
       default: !0
     },
-    /**
-     * 需要校验必填的字段, required 设置为 false 时有效
-     */
-    requiredFields: {
-      type: Array
+    requiredFields: Array,
+    enabledFields: Array,
+    showAdvice: {
+      type: Boolean,
+      default: !0
+    },
+    columns: [Array, Object],
+    colCount: Number,
+    notTableForm: {
+      type: Boolean,
+      default: void 0
+    },
+    commentValueColspan: Number,
+    commentLabelColspan: Number,
+    showMessage: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  computed: {
+    tableForm() {
+      var r;
+      return this.notTableForm === void 0 ? (r = this.formView) == null ? void 0 : r.tableForm : !this.notTableForm;
     }
   },
   watch: {
@@ -76,38 +63,47 @@ const p = {
     }
   },
   created() {
-    this.required || m.call(
-      c(this, (t) => ["FormView", "FormHolder"].includes(t.$options.name)),
+    this.required || l.call(
+      a(this, (r) => ["FormView", "FormHolder"].includes(r.$options.name)),
       "一般情况下不建议设置 required=false,因为 required 设置为 false 后必填字段要自行维护,在处理表格时会比较复杂,请自行权衡利弊"
     );
   },
   methods: {
-    clearValidate(t) {
+    clearValidate(r) {
       var e;
-      (e = this.$refs.form) == null || e.clearValidate(t);
+      (e = this.$refs.form) == null || e.clearValidate(r);
     },
-    validate() {
-      return o(this, null, function* () {
-        return this.$refs.form.validate();
-      });
+    async validate() {
+      try {
+        return await this.$refs.form.validate();
+      } catch {
+        throw await this.scrollIntoRequiredField(), this.$el.querySelectorAll(".el-form-item.is-error .el-form-item__content").forEach((e) => {
+          o(e, "breathe-animation");
+        }), Error("表单验证不通过!");
+      }
     },
     resetFields() {
       return this.$refs.form.resetFields();
+    },
+    async scrollIntoRequiredField() {
+      await this.$nextTick();
+      const r = this.$el.querySelector(".el-form-item.is-error");
+      r && r.scrollIntoView({ block: "center", inline: "center", behavior: "smooth" });
     }
   }
 };
-var _ = function() {
-  var e = this, i = e._self._c;
-  return i("ElForm", e._g(e._b({ ref: "form", staticClass: "clear-fix", attrs: { model: e.model, size: e.size, disabled: e.disabled, "label-width": e.labelWidth, "label-position": e.labelPosition } }, "ElForm", e.$attrs, !1), e.$listeners), [e._t("default")], 2);
-}, h = [], b = /* @__PURE__ */ u(
-  p,
-  _,
-  h,
+var n = function() {
+  var e = this, t = e._self._c;
+  return t("ElForm", { ref: "form", class: ["clear-fix", { "red-form": e.tableForm }], attrs: { model: e.model, size: e.size, "show-message": e.showMessage, disabled: e.disabled, "label-width": e.tableForm ? "0px" : e.labelWidth, "label-position": e.labelPosition } }, [e.tableForm ? [e._t("top"), t("FormRedTable", { class: { "hide-error-message": e.tableForm }, attrs: { columns: e.columns, "col-count": e.colCount } }, [e._t("default"), e.showAdvice ? t("FormAdvice", { attrs: { "label-colspan": e.commentLabelColspan, "value-colspan": e.commentValueColspan } }) : e._e()], 2), e._t("bottom"), t("div", { staticClass: "red-form-footer" }, [e._t("footer")], 2)] : [e._t("default")]], 2);
+}, d = [], m = /* @__PURE__ */ i(
+  s,
+  n,
+  d,
   !1,
   null,
   null
 );
-const q = b.exports;
+const h = m.exports;
 export {
-  q as default
+  h as default
 };

package/form-holder/style.css

@@ -0,0 +1 @@
+.red-form .red-form-footer{margin-top:14px}.red-form .hide-error-message .el-form-item__error{display:none}@media print{.red-form .el-input__suffix,.red-form .el-input__prefix,.red-form .el-input__icon.el-range__icon.el-icon-date,.red-form .red-form-footer,.red-form .el-input__count{display:none}.red-form .el-input__inner,.red-form .el-textarea__inner,.red-form .x-input-tag,.red-form .el-input.is-disabled .el-input__inner,.red-form .el-input.is-readonly .el-input__inner{background-color:#0000;border:none;padding:0!important}.red-form .el-form-item{margin-bottom:0}.red-form .el-form-item .el-form-item__content,.red-form .el-form-item .el-form-item__label,.red-form .el-input__inner{height:auto;min-height:0;line-height:1.5}}

package/form-input/index.mjs

@@ -1,65 +1,87 @@
-var u = Object.defineProperty;
-var s = Object.getOwnPropertySymbols;
-var p = Object.prototype.hasOwnProperty, i = Object.prototype.propertyIsEnumerable;
-var l = (r, e, t) => e in r ? u(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, o = (r, e) => {
-  for (var t in e || (e = {}))
-    p.call(e, t) && l(r, t, e[t]);
-  if (s)
-    for (var t of s(e))
-      i.call(e, t) && l(r, t, e[t]);
-  return r;
-};
-import { f as m } from "../chunks/form-input-mixin.BkKiqJhi.mjs";
-import a from "element-ui/lib/input";
-import { d, n as f } from "../chunks/index.MAFc4eFi.mjs";
-import { n as c } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
-const _ = Object.keys(a.props || a.default.props).filter((r) => !["value", "placeholder", "disabled"].includes(r)), y = {
+import { f as i } from "../chunks/form-input.B8z37eqj.mjs";
+import o from "element-ui/lib/input";
+import { v as a, c as s, n as l } from "../chunks/index.d3MV3Wq2.mjs";
+import { n as u } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
+const p = Object.keys(o.props).filter((t) => !["value", "placeholder", "disabled", "suffixIcon"].includes(t)), c = {
   name: "FormInput",
-  mixins: [m],
+  mixins: [i],
   props: {
-    value: {
-      type: [String, Number]
+    value: [String, Number],
+    readonlyGrey: {
+      type: Boolean,
+      default: !0
     },
     maxLength: {
       type: String,
-      default: "200"
-    }
+      default: "255"
+    },
+    picker: Boolean,
+    suffixIcon: String,
+    prepend: String,
+    append: String,
+    showPassword: Boolean
+  },
+  data() {
+    return {
+      isValidValue: !1
+    };
   },
   computed: {
     inputProps() {
-      return d(o(o({}, f(this.$attrs)), this.$props), _);
+      return s({ ...l(this.$attrs), ...this.$props }, p);
+    }
+  },
+  watch: {
+    async value(t) {
+      this.isValidValue = await a(this.prop, t, this.computeRules);
     }
   },
   methods: {
-    emitInput(r) {
-      this.$emit("input", r);
+    onInputClick(t) {
+      this.inputDisabled || this.$emit("click", t);
+    },
+    emitInput(t) {
+      this.$emit("input", t);
+    },
+    clear() {
+      this.$emit("clear");
     }
   }
 };
-var v = function() {
-  var e = this, t = e._self._c;
-  return t("FormItem", e._b({ attrs: { rules: e.computeRules, disabled: e.inputDisabled }, scopedSlots: e._u([{ key: "default", fn: function() {
+var d = function() {
+  var e = this, n = e._self._c;
+  return n("FormItem", e._b({ attrs: { rules: e.computeRules, disabled: e.inputDisabled }, scopedSlots: e._u([{ key: "default", fn: function() {
     return [e._t("default", function() {
-      return [t("ElInput", e._g(e._b({ class: { "is-readonly": e.readonly }, attrs: { value: e.value, readonly: e.readonly, maxlength: e.maxLength, disabled: e.inputDisabled, placeholder: e.computePlaceholder }, on: { input: e.emitInput }, scopedSlots: e._u([{ key: "append", fn: function() {
-        return [e._t("append")];
-      }, proxy: !0 }], null, !0) }, "ElInput", e.inputProps, !1), e.listeners)), e.$slots.warn ? t("div", { staticClass: "el-form-item__warn" }, [e._t("warn")], 2) : e._e()];
+      return [n("ElInput", e._g(e._b({ ref: "input", class: { "is-readonly": e.readonlyGrey && e.readonly && !e.picker, "el-input-cursor-pointer": e.picker && !e.inputDisabled }, attrs: { value: e.value, readonly: e.readonly || e.picker, maxlength: e.maxLength, disabled: e.inputDisabled, "suffix-icon": e.picker ? "el-icon-search" : e.suffixIcon, clearable: "", placeholder: e.inputDisabled ? "" : e.computePlaceholder }, on: { clear: e.clear, input: e.emitInput }, nativeOn: { click: function(r) {
+        return r.preventDefault(), e.onInputClick.apply(null, arguments);
+      } }, scopedSlots: e._u([{ key: "prepend", fn: function() {
+        return [e._t("prepend", function() {
+          return [e.prepend ? [e._v(" " + e._s(e.prepend) + " ")] : e._e()];
+        })];
+      }, proxy: !0 }, { key: "append", fn: function() {
+        return [e._t("append", function() {
+          return [e.append ? [e._v(" " + e._s(e.append) + " ")] : e._e()];
+        })];
+      }, proxy: !0 }], null, !0) }, "ElInput", e.inputProps, !1), e.listeners)), e.isValidValue && e.$slots.warn ? n("div", { staticClass: "el-form-item__warn" }, [e._t("warn")], 2) : e._e()];
     })];
-  }, proxy: !0 }, { key: "error", fn: function({ error: n }) {
-    return [e.$scopedSlots.error && e.$scopedSlots.error(n) ? t("div", { staticClass: "el-form-item__error" }, [e._t("error", function() {
-      return [e._v(" " + e._s(n) + " ")];
-    }, { error: n })], 2) : e._e()];
+  }, proxy: !0 }, { key: "error", fn: function({ error: r }) {
+    return [e.$scopedSlots.error && e.$scopedSlots.error(r) ? n("div", { staticClass: "el-form-item__error" }, [e._t("error", function() {
+      return [e._v(e._s(r))];
+    }, { error: r })], 2) : e._e()];
   } }, { key: "label", fn: function() {
     return [e._t("label")];
+  }, proxy: !0 }, { key: "tips", fn: function() {
+    return [e._t("tips")];
   }, proxy: !0 }], null, !0) }, "FormItem", e.formItemProps, !1));
-}, b = [], h = /* @__PURE__ */ c(
-  y,
-  v,
-  b,
+}, f = [], m = /* @__PURE__ */ u(
+  c,
+  d,
+  f,
   !1,
   null,
   null
 );
-const $ = h.exports;
+const k = m.exports;
 export {
-  $ as default
+  k as default
 };