vue-devui 1.0.0-rc.8 → 1.0.0-rc.9

package/search/index.es.js

@@ -1,4 +1,19 @@
-import { computed, ref, watch, inject, toRefs, defineComponent, createVNode, mergeProps, resolveComponent } from "vue";
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import { computed, ref, watch, inject, toRefs, defineComponent, createVNode, resolveDynamicComponent, mergeProps, shallowRef, resolveComponent } from "vue";
 const searchProps = {
   size: {
     type: String,
@@ -59,8 +74,8 @@ function createBem(namespace, element, modifier) {
   }
   return cls;
 }
-function useNamespace(block) {
-  const namespace = `devui-${block}`;
+function useNamespace(block, needDot = false) {
+  const namespace = needDot ? `.devui-${block}` : `devui-${block}`;
   const b = () => createBem(namespace);
   const e = (element) => element ? createBem(namespace, element) : "";
   const m = (modifier) => modifier ? createBem(namespace, "", modifier) : "";
@@ -82,9 +97,10 @@ const ICON_POSITION = {
   left: "left"
 };
 const ns = useNamespace("search");
-const getRootClass = (props) => {
+const getRootClass = (props, isFocus) => {
   return computed(() => ({
     [ns.b()]: true,
+    [ns.m("focus")]: isFocus.value,
     [ns.m("disabled")]: props.disabled,
     [ns.m("no-border")]: props.noBorder,
     [ns.m(props.size)]: SIZE_CLASS[props.size],
@@ -804,7 +820,7 @@ var lodash = { exports: {} };
     }
     var runInContext = function runInContext2(context) {
       context = context == null ? root : _.defaults(root.Object(), context, _.pick(root, contextProps));
-      var Array2 = context.Array, Date = context.Date, Error = context.Error, Function2 = context.Function, Math = context.Math, Object2 = context.Object, RegExp2 = context.RegExp, String2 = context.String, TypeError = context.TypeError;
+      var Array2 = context.Array, Date = context.Date, Error2 = context.Error, Function2 = context.Function, Math2 = context.Math, Object2 = context.Object, RegExp2 = context.RegExp, String2 = context.String, TypeError2 = context.TypeError;
       var arrayProto = Array2.prototype, funcProto = Function2.prototype, objectProto = Object2.prototype;
       var coreJsData = context["__core-js_shared__"];
       var funcToString = funcProto.toString;
@@ -818,7 +834,7 @@ var lodash = { exports: {} };
       var objectCtorString = funcToString.call(Object2);
       var oldDash = root._;
       var reIsNative = RegExp2("^" + funcToString.call(hasOwnProperty).replace(reRegExpChar, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$");
-      var Buffer = moduleExports ? context.Buffer : undefined$1, Symbol2 = context.Symbol, Uint8Array = context.Uint8Array, allocUnsafe = Buffer ? Buffer.allocUnsafe : undefined$1, getPrototype = overArg(Object2.getPrototypeOf, Object2), objectCreate = Object2.create, propertyIsEnumerable = objectProto.propertyIsEnumerable, splice = arrayProto.splice, spreadableSymbol = Symbol2 ? Symbol2.isConcatSpreadable : undefined$1, symIterator = Symbol2 ? Symbol2.iterator : undefined$1, symToStringTag = Symbol2 ? Symbol2.toStringTag : undefined$1;
+      var Buffer2 = moduleExports ? context.Buffer : undefined$1, Symbol2 = context.Symbol, Uint8Array2 = context.Uint8Array, allocUnsafe = Buffer2 ? Buffer2.allocUnsafe : undefined$1, getPrototype = overArg(Object2.getPrototypeOf, Object2), objectCreate = Object2.create, propertyIsEnumerable = objectProto.propertyIsEnumerable, splice = arrayProto.splice, spreadableSymbol = Symbol2 ? Symbol2.isConcatSpreadable : undefined$1, symIterator = Symbol2 ? Symbol2.iterator : undefined$1, symToStringTag = Symbol2 ? Symbol2.toStringTag : undefined$1;
       var defineProperty = function() {
         try {
           var func = getNative(Object2, "defineProperty");
@@ -828,11 +844,11 @@ var lodash = { exports: {} };
         }
       }();
       var ctxClearTimeout = context.clearTimeout !== root.clearTimeout && context.clearTimeout, ctxNow = Date && Date.now !== root.Date.now && Date.now, ctxSetTimeout = context.setTimeout !== root.setTimeout && context.setTimeout;
-      var nativeCeil = Math.ceil, nativeFloor = Math.floor, nativeGetSymbols = Object2.getOwnPropertySymbols, nativeIsBuffer = Buffer ? Buffer.isBuffer : undefined$1, nativeIsFinite = context.isFinite, nativeJoin = arrayProto.join, nativeKeys = overArg(Object2.keys, Object2), nativeMax = Math.max, nativeMin = Math.min, nativeNow = Date.now, nativeParseInt = context.parseInt, nativeRandom = Math.random, nativeReverse = arrayProto.reverse;
-      var DataView = getNative(context, "DataView"), Map = getNative(context, "Map"), Promise = getNative(context, "Promise"), Set = getNative(context, "Set"), WeakMap = getNative(context, "WeakMap"), nativeCreate = getNative(Object2, "create");
-      var metaMap = WeakMap && new WeakMap();
+      var nativeCeil = Math2.ceil, nativeFloor = Math2.floor, nativeGetSymbols = Object2.getOwnPropertySymbols, nativeIsBuffer = Buffer2 ? Buffer2.isBuffer : undefined$1, nativeIsFinite = context.isFinite, nativeJoin = arrayProto.join, nativeKeys = overArg(Object2.keys, Object2), nativeMax = Math2.max, nativeMin = Math2.min, nativeNow = Date.now, nativeParseInt = context.parseInt, nativeRandom = Math2.random, nativeReverse = arrayProto.reverse;
+      var DataView = getNative(context, "DataView"), Map = getNative(context, "Map"), Promise2 = getNative(context, "Promise"), Set = getNative(context, "Set"), WeakMap2 = getNative(context, "WeakMap"), nativeCreate = getNative(Object2, "create");
+      var metaMap = WeakMap2 && new WeakMap2();
       var realNames = {};
-      var dataViewCtorString = toSource(DataView), mapCtorString = toSource(Map), promiseCtorString = toSource(Promise), setCtorString = toSource(Set), weakMapCtorString = toSource(WeakMap);
+      var dataViewCtorString = toSource(DataView), mapCtorString = toSource(Map), promiseCtorString = toSource(Promise2), setCtorString = toSource(Set), weakMapCtorString = toSource(WeakMap2);
       var symbolProto = Symbol2 ? Symbol2.prototype : undefined$1, symbolValueOf = symbolProto ? symbolProto.valueOf : undefined$1, symbolToString = symbolProto ? symbolProto.toString : undefined$1;
       function lodash2(value) {
         if (isObjectLike(value) && !isArray(value) && !(value instanceof LazyWrapper)) {
@@ -1285,7 +1301,7 @@ var lodash = { exports: {} };
       }
       function baseDelay(func, wait, args) {
         if (typeof func != "function") {
-          throw new TypeError(FUNC_ERROR_TEXT);
+          throw new TypeError2(FUNC_ERROR_TEXT);
         }
         return setTimeout(function() {
           func.apply(undefined$1, args);
@@ -2080,7 +2096,7 @@ var lodash = { exports: {} };
       }
       function cloneArrayBuffer(arrayBuffer) {
         var result2 = new arrayBuffer.constructor(arrayBuffer.byteLength);
-        new Uint8Array(result2).set(new Uint8Array(arrayBuffer));
+        new Uint8Array2(result2).set(new Uint8Array2(arrayBuffer));
         return result2;
       }
       function cloneDataView(dataView, isDeep) {
@@ -2329,7 +2345,7 @@ var lodash = { exports: {} };
           while (index2--) {
             var func = funcs[index2];
             if (typeof func != "function") {
-              throw new TypeError(FUNC_ERROR_TEXT);
+              throw new TypeError2(FUNC_ERROR_TEXT);
             }
             if (prereq && !wrapper && getFuncName(func) == "wrapper") {
               var wrapper = new LodashWrapper([], true);
@@ -2512,7 +2528,7 @@ var lodash = { exports: {} };
         return setWrapToString(result2, func, bitmask);
       }
       function createRound(methodName) {
-        var func = Math[methodName];
+        var func = Math2[methodName];
         return function(number, precision) {
           number = toNumber(number);
           precision = precision == null ? 0 : nativeMin(toInteger(precision), 292);
@@ -2542,7 +2558,7 @@ var lodash = { exports: {} };
       function createWrap(func, bitmask, thisArg, partials, holders, argPos, ary2, arity) {
         var isBindKey = bitmask & WRAP_BIND_KEY_FLAG;
         if (!isBindKey && typeof func != "function") {
-          throw new TypeError(FUNC_ERROR_TEXT);
+          throw new TypeError2(FUNC_ERROR_TEXT);
         }
         var length = partials ? partials.length : 0;
         if (!length) {
@@ -2662,7 +2678,7 @@ var lodash = { exports: {} };
             object = object.buffer;
             other = other.buffer;
           case arrayBufferTag:
-            if (object.byteLength != other.byteLength || !equalFunc(new Uint8Array(object), new Uint8Array(other))) {
+            if (object.byteLength != other.byteLength || !equalFunc(new Uint8Array2(object), new Uint8Array2(other))) {
               return false;
             }
             return true;
@@ -2824,7 +2840,7 @@ var lodash = { exports: {} };
         return result2;
       };
       var getTag = baseGetTag;
-      if (DataView && getTag(new DataView(new ArrayBuffer(1))) != dataViewTag || Map && getTag(new Map()) != mapTag || Promise && getTag(Promise.resolve()) != promiseTag || Set && getTag(new Set()) != setTag || WeakMap && getTag(new WeakMap()) != weakMapTag) {
+      if (DataView && getTag(new DataView(new ArrayBuffer(1))) != dataViewTag || Map && getTag(new Map()) != mapTag || Promise2 && getTag(Promise2.resolve()) != promiseTag || Set && getTag(new Set()) != setTag || WeakMap2 && getTag(new WeakMap2()) != weakMapTag) {
         getTag = function(value) {
           var result2 = baseGetTag(value), Ctor = result2 == objectTag ? value.constructor : undefined$1, ctorString = Ctor ? toSource(Ctor) : "";
           if (ctorString) {
@@ -3809,7 +3825,7 @@ var lodash = { exports: {} };
       };
       function after(n, func) {
         if (typeof func != "function") {
-          throw new TypeError(FUNC_ERROR_TEXT);
+          throw new TypeError2(FUNC_ERROR_TEXT);
         }
         n = toInteger(n);
         return function() {
@@ -3826,7 +3842,7 @@ var lodash = { exports: {} };
       function before(n, func) {
         var result2;
         if (typeof func != "function") {
-          throw new TypeError(FUNC_ERROR_TEXT);
+          throw new TypeError2(FUNC_ERROR_TEXT);
         }
         n = toInteger(n);
         return function() {
@@ -3870,7 +3886,7 @@ var lodash = { exports: {} };
       function debounce(func, wait, options) {
         var lastArgs, lastThis, maxWait, result2, timerId, lastCallTime, lastInvokeTime = 0, leading = false, maxing = false, trailing = true;
         if (typeof func != "function") {
-          throw new TypeError(FUNC_ERROR_TEXT);
+          throw new TypeError2(FUNC_ERROR_TEXT);
         }
         wait = toNumber(wait) || 0;
         if (isObject(options)) {
@@ -3959,7 +3975,7 @@ var lodash = { exports: {} };
       }
       function memoize(func, resolver) {
         if (typeof func != "function" || resolver != null && typeof resolver != "function") {
-          throw new TypeError(FUNC_ERROR_TEXT);
+          throw new TypeError2(FUNC_ERROR_TEXT);
         }
         var memoized = function() {
           var args = arguments, key = resolver ? resolver.apply(this, args) : args[0], cache = memoized.cache;
@@ -3976,7 +3992,7 @@ var lodash = { exports: {} };
       memoize.Cache = MapCache;
       function negate(predicate) {
         if (typeof predicate != "function") {
-          throw new TypeError(FUNC_ERROR_TEXT);
+          throw new TypeError2(FUNC_ERROR_TEXT);
         }
         return function() {
           var args = arguments;
@@ -4020,14 +4036,14 @@ var lodash = { exports: {} };
       });
       function rest(func, start) {
         if (typeof func != "function") {
-          throw new TypeError(FUNC_ERROR_TEXT);
+          throw new TypeError2(FUNC_ERROR_TEXT);
         }
         start = start === undefined$1 ? start : toInteger(start);
         return baseRest(func, start);
       }
       function spread(func, start) {
         if (typeof func != "function") {
-          throw new TypeError(FUNC_ERROR_TEXT);
+          throw new TypeError2(FUNC_ERROR_TEXT);
         }
         start = start == null ? 0 : nativeMax(toInteger(start), 0);
         return baseRest(function(args) {
@@ -4041,7 +4057,7 @@ var lodash = { exports: {} };
       function throttle(func, wait, options) {
         var leading = true, trailing = true;
         if (typeof func != "function") {
-          throw new TypeError(FUNC_ERROR_TEXT);
+          throw new TypeError2(FUNC_ERROR_TEXT);
         }
         if (isObject(options)) {
           leading = "leading" in options ? !!options.leading : leading;
@@ -4183,7 +4199,7 @@ var lodash = { exports: {} };
       }
       function isNative(value) {
         if (isMaskable(value)) {
-          throw new Error(CORE_ERROR_TEXT);
+          throw new Error2(CORE_ERROR_TEXT);
         }
         return baseIsNative(value);
       }
@@ -4721,7 +4737,7 @@ var lodash = { exports: {} };
         if (!variable) {
           source = "with (obj) {\n" + source + "\n}\n";
         } else if (reForbiddenIdentifierChars.test(variable)) {
-          throw new Error(INVALID_TEMPL_VAR_ERROR_TEXT);
+          throw new Error2(INVALID_TEMPL_VAR_ERROR_TEXT);
         }
         source = (isEvaluating ? source.replace(reEmptyStringLeading, "") : source).replace(reEmptyStringMiddle, "$1").replace(reEmptyStringTrailing, "$1;");
         source = "function(" + (variable || "obj") + ") {\n" + (variable ? "" : "obj || (obj = {});\n") + "var __t, __p = ''" + (isEscaping ? ", __e = _.escape" : "") + (isEvaluating ? ", __j = Array.prototype.join;\nfunction print() { __p += __j.call(arguments, '') }\n" : ";\n") + source + "return __p\n}";
@@ -4840,7 +4856,7 @@ var lodash = { exports: {} };
         try {
           return apply(func, undefined$1, args);
         } catch (e) {
-          return isError(e) ? e : new Error(e);
+          return isError(e) ? e : new Error2(e);
         }
       });
       var bindAll = flatRest(function(object, methodNames) {
@@ -4854,7 +4870,7 @@ var lodash = { exports: {} };
         var length = pairs == null ? 0 : pairs.length, toIteratee = getIteratee();
         pairs = !length ? [] : arrayMap(pairs, function(pair) {
           if (typeof pair[1] != "function") {
-            throw new TypeError(FUNC_ERROR_TEXT);
+            throw new TypeError2(FUNC_ERROR_TEXT);
           }
           return [toIteratee(pair[0]), pair[1]];
         });
@@ -5563,26 +5579,59 @@ const inputProps = {
   size: {
     type: String,
     default: "md"
+  },
+  validateEvent: {
+    type: Boolean,
+    default: true
+  },
+  prefix: {
+    type: String,
+    default: ""
+  },
+  suffix: {
+    type: String,
+    default: ""
+  },
+  showPassword: {
+    type: Boolean,
+    default: false
+  },
+  clearable: {
+    type: Boolean,
+    default: false
   }
 };
 const FORM_ITEM_TOKEN = Symbol("dFormItem");
-function useInputRender(props) {
+function useInputRender(props, ctx) {
   const formItemContext = inject(FORM_ITEM_TOKEN, void 0);
   const isValidateError = computed(() => (formItemContext == null ? void 0 : formItemContext.validateState) === "error");
   const ns2 = useNamespace("input");
+  const slotNs = useNamespace("input-slot");
   const isFocus = ref(false);
   const { error, size, disabled } = toRefs(props);
+  const slots = ctx.slots;
+  const _a = ctx.attrs, { style, class: customClass } = _a, otherAttrs = __objRest(_a, ["style", "class"]);
+  const customStyle = { style };
   const wrapClasses = computed(() => ({
-    [ns2.b()]: true,
+    [ns2.e("wrapper")]: true,
     [ns2.m("focus")]: isFocus.value,
     [ns2.m("disabled")]: disabled.value,
     [ns2.m("error")]: error.value || isValidateError.value,
-    [ns2.m("feedback")]: formItemContext == null ? void 0 : formItemContext.showFeedback,
-    [ns2.m(size.value)]: true
+    [ns2.m("feedback")]: formItemContext == null ? void 0 : formItemContext.showFeedback
   }));
-  return { isFocus, wrapClasses };
+  const inputClasses = computed(() => [
+    {
+      [ns2.b()]: true,
+      [ns2.m(size.value)]: true,
+      [slotNs.b()]: slots.prepend || slots.append,
+      [ns2.m("append")]: slots.append,
+      [ns2.m("prepend")]: slots.prepend
+    },
+    customClass
+  ]);
+  return { isFocus, wrapClasses, inputClasses, customStyle, otherAttrs };
 }
-function useInputEvent(isFocus, ctx) {
+function useInputEvent(isFocus, props, ctx) {
   const formItemContext = inject(FORM_ITEM_TOKEN, void 0);
   const onFocus = (e) => {
     isFocus.value = true;
@@ -5591,7 +5640,9 @@ function useInputEvent(isFocus, ctx) {
   const onBlur = (e) => {
     isFocus.value = false;
     ctx.emit("blur", e);
-    formItemContext == null ? void 0 : formItemContext.validate("blur").catch((err) => console.warn(err));
+    if (props.validateEvent) {
+      formItemContext == null ? void 0 : formItemContext.validate("blur").catch((err) => console.warn(err));
+    }
   };
   const onInput = (e) => {
     ctx.emit("update:modelValue", e.target.value);
@@ -5602,14 +5653,154 @@ function useInputEvent(isFocus, ctx) {
   const onKeydown = (e) => {
     ctx.emit("keydown", e);
   };
-  return { onFocus, onBlur, onInput, onChange, onKeydown };
+  const onClear = () => {
+    ctx.emit("update:modelValue", "");
+    ctx.emit("clear");
+  };
+  return { onFocus, onBlur, onInput, onChange, onKeydown, onClear };
+}
+function useInputFunction(input2) {
+  const refInput = computed(() => input2.value);
+  const select = () => {
+    var _a;
+    (_a = refInput.value) == null ? void 0 : _a.select();
+  };
+  const focus = () => {
+    var _a;
+    (_a = refInput.value) == null ? void 0 : _a.focus();
+  };
+  const blur = () => {
+    var _a;
+    (_a = refInput.value) == null ? void 0 : _a.blur();
+  };
+  return { select, focus, blur };
 }
 var input = "";
+function isUrl(value) {
+  return /^((http|https):)?\/\//.test(value);
+}
+const DEFAULT_PREFIX = "icon";
+const iconProps = {
+  name: {
+    type: String,
+    default: "",
+    required: true
+  },
+  size: {
+    type: [Number, String],
+    default: "inherit"
+  },
+  color: {
+    type: String,
+    default: "inherit"
+  },
+  component: {
+    type: Object,
+    default: null
+  },
+  classPrefix: {
+    type: String,
+    default: DEFAULT_PREFIX
+  }
+};
+const svgIconProps = {
+  name: {
+    type: String,
+    default: "",
+    required: true
+  },
+  color: {
+    type: String,
+    default: "inherit"
+  },
+  size: {
+    type: [Number, String],
+    default: "inherit"
+  }
+};
+var icon = "";
+var svgIcon = defineComponent({
+  name: "DSvgIcon",
+  props: svgIconProps,
+  setup(props) {
+    const {
+      name,
+      color,
+      size
+    } = toRefs(props);
+    const ns2 = useNamespace("svg-icon");
+    const iconName = computed(() => `#icon-${name.value}`);
+    const iconSize = computed(() => {
+      return typeof size.value === "number" ? `${size.value}px` : size.value;
+    });
+    const styles = {
+      width: iconSize.value,
+      height: iconSize.value
+    };
+    return () => {
+      return createVNode("svg", {
+        "class": ns2.b(),
+        "style": styles
+      }, [createVNode("use", {
+        "xlink:href": iconName.value,
+        "fill": color.value
+      }, null)]);
+    };
+  }
+});
+var Icon = defineComponent({
+  name: "DIcon",
+  props: iconProps,
+  setup(props, {
+    attrs
+  }) {
+    const {
+      component,
+      name,
+      size,
+      color,
+      classPrefix
+    } = toRefs(props);
+    const IconComponent = component.value ? resolveDynamicComponent(component.value) : resolveDynamicComponent(svgIcon);
+    const iconSize = computed(() => {
+      return typeof size.value === "number" ? `${size.value}px` : size.value;
+    });
+    const svgIconDom = () => {
+      return createVNode(IconComponent, mergeProps({
+        "name": name.value,
+        "color": color.value,
+        "size": iconSize.value
+      }, attrs), null);
+    };
+    const imgIconDom = () => {
+      return createVNode("img", mergeProps({
+        "src": name.value,
+        "alt": name.value.split("/")[name.value.split("/").length - 1],
+        "style": {
+          width: iconSize.value || ""
+        }
+      }, attrs), null);
+    };
+    const fontIconDom = () => {
+      const fontIconClass = /^icon-/.test(name.value) ? name.value : `${classPrefix.value}-${name.value}`;
+      return createVNode("i", mergeProps({
+        "class": [classPrefix.value, fontIconClass],
+        "style": {
+          fontSize: iconSize.value,
+          color: color.value
+        }
+      }, attrs), null);
+    };
+    return () => {
+      return component.value ? svgIconDom() : isUrl(name.value) ? imgIconDom() : fontIconDom();
+    };
+  }
+});
 var DInput = defineComponent({
   name: "DInput",
   inheritAttrs: false,
   props: inputProps,
-  emits: ["update:modelValue", "focus", "blur", "input", "change", "keydown"],
+  emits: ["update:modelValue", "focus", "blur", "input", "change", "keydown", "clear"],
   setup(props, ctx) {
     const formItemContext = inject(FORM_ITEM_TOKEN, void 0);
     const {
@@ -5617,33 +5808,91 @@ var DInput = defineComponent({
       disabled
     } = toRefs(props);
     const ns2 = useNamespace("input");
+    const slotNs = useNamespace("input-slot");
     const {
       isFocus,
-      wrapClasses
-    } = useInputRender(props);
+      wrapClasses,
+      inputClasses,
+      customStyle,
+      otherAttrs
+    } = useInputRender(props, ctx);
     const {
       onFocus,
       onBlur,
       onInput,
       onChange,
-      onKeydown
-    } = useInputEvent(isFocus, ctx);
+      onKeydown,
+      onClear
+    } = useInputEvent(isFocus, props, ctx);
+    const input2 = shallowRef();
+    const {
+      select,
+      focus,
+      blur
+    } = useInputFunction(input2);
+    const passwordVisible = ref(false);
+    const clickPasswordIcon = () => {
+      passwordVisible.value = !passwordVisible.value;
+      focus();
+    };
+    const prefixVisiable = ctx.slots.prefix || props.prefix;
+    const suffixVisiable = ctx.slots.suffix || props.suffix || props.showPassword || props.clearable;
+    const showPwdVisible = computed(() => props.showPassword && !props.disabled);
+    const showClearable = computed(() => props.clearable && !props.disabled);
     watch(() => props.modelValue, () => {
-      formItemContext == null ? void 0 : formItemContext.validate("change").catch((err) => console.warn(err));
+      if (props.validateEvent) {
+        formItemContext == null ? void 0 : formItemContext.validate("change").catch((err) => console.warn(err));
+      }
     });
-    return () => createVNode("div", {
-      "class": wrapClasses.value
-    }, [createVNode("input", mergeProps({
-      "value": modelValue.value,
-      "disabled": disabled.value,
-      "class": ns2.e("inner")
-    }, ctx.attrs, {
-      "onInput": onInput,
-      "onFocus": onFocus,
-      "onBlur": onBlur,
-      "onChange": onChange,
-      "onKeydown": onKeydown
-    }), null)]);
+    ctx.expose({
+      select,
+      focus,
+      blur
+    });
+    return () => {
+      var _a, _b, _c, _d, _e, _f, _g, _h;
+      return createVNode("div", mergeProps({
+        "class": inputClasses.value
+      }, customStyle), [ctx.slots.prepend && createVNode("div", {
+        "class": slotNs.e("prepend")
+      }, [(_b = (_a = ctx.slots).prepend) == null ? void 0 : _b.call(_a)]), createVNode("div", {
+        "class": wrapClasses.value
+      }, [prefixVisiable && createVNode("span", {
+        "class": slotNs.e("prefix")
+      }, [ctx.slots.prefix && createVNode("div", null, [(_d = (_c = ctx.slots).prefix) == null ? void 0 : _d.call(_c)]), props.prefix && createVNode(Icon, {
+        "size": props.size,
+        "name": props.prefix
+      }, null)]), createVNode("input", mergeProps({
+        "ref": input2,
+        "value": modelValue.value,
+        "disabled": disabled.value,
+        "class": ns2.e("inner")
+      }, otherAttrs, {
+        "type": props.showPassword ? passwordVisible.value ? "text" : "password" : "text",
+        "onInput": onInput,
+        "onFocus": onFocus,
+        "onBlur": onBlur,
+        "onChange": onChange,
+        "onKeydown": onKeydown
+      }), null), suffixVisiable && createVNode("span", {
+        "class": slotNs.e("suffix")
+      }, [props.suffix && createVNode(Icon, {
+        "size": props.size,
+        "name": props.suffix
+      }, null), ctx.slots.suffix && createVNode("div", null, [(_f = (_e = ctx.slots).suffix) == null ? void 0 : _f.call(_e)]), showPwdVisible.value && createVNode(Icon, {
+        "size": props.size,
+        "class": ns2.em("password", "icon"),
+        "name": passwordVisible.value ? "preview" : "preview-forbidden",
+        "onClick": clickPasswordIcon
+      }, null), showClearable.value && createVNode(Icon, {
+        "size": props.size,
+        "class": ns2.em("clear", "icon"),
+        "name": "close",
+        "onClick": onClear
+      }, null)])]), ctx.slots.append && createVNode("div", {
+        "class": slotNs.e("append")
+      }, [(_h = (_g = ctx.slots).append) == null ? void 0 : _h.call(_g)])]);
+    };
   }
 });
 var search = "";
@@ -5653,7 +5902,8 @@ var Search = defineComponent({
   emits: ["update:modelValue", "search"],
   setup(props, ctx) {
     const ns2 = useNamespace("search");
-    const rootClasses = getRootClass(props);
+    const isFocus = ref(false);
+    const rootClasses = getRootClass(props, isFocus);
     const {
       keywords,
       clearIconShow,
@@ -5671,6 +5921,12 @@ var Search = defineComponent({
       keywords.value = event;
       ctx.emit("update:modelValue", event);
     };
+    const onFocus = () => {
+      isFocus.value = true;
+    };
+    const onBlur = () => {
+      isFocus.value = false;
+    };
     return () => {
       const inputProps2 = {
         size: props.size,
@@ -5678,10 +5934,10 @@ var Search = defineComponent({
         autoFocus: props.autoFocus,
         modelValue: keywords.value,
         placeholder: props.placeholder,
-        maxLength: props.maxLength,
-        cssClass: props.cssClass,
         onKeydown: onInputKeydown,
-        "onUpdate:modelValue": onInputUpdate
+        "onUpdate:modelValue": onInputUpdate,
+        onFocus,
+        onBlur
       };
       return createVNode("div", {
         "class": rootClasses.value