vue-devui 1.0.0-alpha.4 → 1.0.0-beta.10

package/search/index.es.js

@@ -1 +1,543 @@
-import{computed as e,ref as t,watch as n,defineComponent as o,createVNode as a,withDirectives as i,mergeProps as u,resolveDirective as r,resolveComponent as l}from"vue";const s={size:{type:String,default:""},placeholder:{type:String,default:"请输入关键字"},maxLength:{type:Number,default:Number.MAX_SAFE_INTEGER},delay:{type:Number,default:300},disabled:{type:Boolean,default:!1},autoFocus:{type:Boolean,default:!1},isKeyupSearch:{type:Boolean,default:!1},iconPosition:{type:String,default:"right"},noBorder:{type:Boolean,default:!1},cssClass:{type:String,default:""},modelValue:{type:String,default:""},searchFn:{type:Function,default:void 0},"onUpdate:modelValue":{type:Function,default:void 0}},c={lg:"lg",sm:"sm"},d={right:"right",left:"left"};var p="object"==typeof global&&global&&global.Object===Object&&global,v="object"==typeof self&&self&&self.Object===Object&&self,f=p||v||Function("return this")(),y=f.Symbol,h=Object.prototype,m=h.hasOwnProperty,g=h.toString,b=y?y.toStringTag:void 0;var w=Object.prototype.toString;var S=y?y.toStringTag:void 0;function F(e){return null==e?void 0===e?"[object Undefined]":"[object Null]":S&&S in Object(e)?function(e){var t=m.call(e,b),n=e[b];try{e[b]=void 0;var o=!0}catch(i){}var a=g.call(e);return o&&(t?e[b]=n:delete e[b]),a}(e):function(e){return w.call(e)}(e)}var _=/\s/;var C=/^\s+/;function I(e){return e?e.slice(0,function(e){for(var t=e.length;t--&&_.test(e.charAt(t)););return t}(e)+1).replace(C,""):e}function x(e){var t=typeof e;return null!=e&&("object"==t||"function"==t)}var T=/^[-+]0x[0-9a-f]+$/i,j=/^0b[01]+$/i,B=/^0o[0-7]+$/i,k=parseInt;function z(e){if("number"==typeof e)return e;if(function(e){return"symbol"==typeof e||function(e){return null!=e&&"object"==typeof e}(e)&&"[object Symbol]"==F(e)}(e))return NaN;if(x(e)){var t="function"==typeof e.valueOf?e.valueOf():e;e=x(t)?t+"":t}if("string"!=typeof e)return 0===e?e:+e;e=I(e);var n=j.test(e);return n||B.test(e)?k(e.slice(2),n?2:8):T.test(e)?NaN:+e}var E=function(){return f.Date.now()},N=Math.max,P=Math.min;function K(e,t,n){var o,a,i,u,r,l,s=0,c=!1,d=!1,p=!0;if("function"!=typeof e)throw new TypeError("Expected a function");function v(t){var n=o,i=a;return o=a=void 0,s=t,u=e.apply(i,n)}function f(e){return s=e,r=setTimeout(h,t),c?v(e):u}function y(e){var n=e-l;return void 0===l||n>=t||n<0||d&&e-s>=i}function h(){var e=E();if(y(e))return m(e);r=setTimeout(h,function(e){var n=t-(e-l);return d?P(n,i-(e-s)):n}(e))}function m(e){return r=void 0,p&&o?v(e):(o=a=void 0,u)}function g(){var e=E(),n=y(e);if(o=arguments,a=this,l=e,n){if(void 0===r)return f(l);if(d)return clearTimeout(r),r=setTimeout(h,t),v(l)}return void 0===r&&(r=setTimeout(h,t)),u}return t=z(t)||0,x(n)&&(c=!!n.leading,i=(d="maxWait"in n)?N(z(n.maxWait)||0,t):i,p="trailing"in n?!!n.trailing:p),g.cancel=function(){void 0!==r&&clearTimeout(r),s=0,o=l=a=r=void 0},g.flush=function(){return void 0===r?u:m(E())},g}const O="Enter";var L=o({name:"DInput",directives:{focus:{mounted:function(e,t){t.value&&e.focus()}}},props:{placeholder:{type:String,default:void 0},disabled:{type:Boolean,default:!1},autoFocus:{type:Boolean,default:!1},maxLength:{type:Number,default:Number.MAX_SAFE_INTEGER},cssClass:{type:String,default:""},error:{type:Boolean,default:!1},size:{type:String,default:""},showPassword:{type:Boolean,default:!1},value:{type:String,default:""},"onUpdate:value":{type:Function,default:void 0},onChange:{type:Function,default:void 0},onKeydown:{type:Function,default:void 0},onFocus:{type:Function,default:void 0},onBlur:{type:Function,default:void 0}},emits:["update:value","focus","blur","change","keydown"],setup(o,a){const i=e((()=>`devui-input-${o.size}`)),u=t(!1),r=t("text"),l=e((()=>({error:o.error,[o.cssClass]:!0,[i.value]:""!==o.size}))),s=e((()=>"password"===r.value));n((()=>o.showPassword),(e=>{r.value=e?"password":"text"}),{immediate:!0}),n((()=>o.value),(e=>{e&&e.length>0&&s.value?u.value=!0:u.value=!1}));return{inputCls:l,inputType:r,showPreviewIcon:s,showPwdIcon:u,onInput:e=>{a.emit("update:value",e.target.value)},onFocus:()=>{a.emit("focus")},onBlur:()=>{a.emit("blur")},onChange:e=>{a.emit("change",e.target.value)},onKeydown:e=>{a.emit("keydown",e)},onChangeInputType:()=>{r.value="password"===r.value?"text":"password"}}},render(){const{value:e,showPreviewIcon:t,showPwdIcon:n,inputCls:o,inputType:s,maxLength:c,autoFocus:d,placeholder:p,disabled:v,onInput:f,onFocus:y,onBlur:h,onChange:m,onKeydown:g,onChangeInputType:b}=this;return a("div",{class:"devui-input__wrap"},[i(a("input",u({dinput:!0},{value:e,disabled:v,type:s,maxlength:c,placeholder:p,class:o,onInput:f,onFocus:y,onBlur:h,onChange:m,onKeydown:g}),null),[[r("focus"),d]]),n&&a("div",{class:"devui-input__preview",onClick:b},[a(l("d-icon"),t?{name:"preview",size:"12px",key:1}:{name:"preview-forbidden",size:"12px",key:2},null)])])}}),V=o({name:"DSearch",props:s,emits:["update:modelValue","searchFn"],setup(o,i){const u=(t=>e((()=>({"devui-search":!0,"devui-search__disbaled":t.disabled,"devui-search__no-border":t.noBorder,[`devui-search__${t.size}`]:c[t.size],[`devui-search__${t.iconPosition}`]:d[t.iconPosition]}))))(o),{keywords:r,clearIconShow:s,onClearHandle:p}=((o,a)=>{const i=t("");n((()=>a.modelValue),(e=>{i.value=e}),{immediate:!0});const u=e((()=>i.value.length>0));return{keywords:i,clearIconShow:u,onClearHandle:()=>{i.value="",o.emit("update:modelValue","")}}})(i,o),{onInputKeydown:v,onClickHandle:f,useEmitKeyword:y}=((e,t,n)=>{const o=e=>{if(e.target instanceof HTMLInputElement){const t=e.target.value;a(t)}},a=K((t=>{e.emit("searchFn",t)}),n);return{onInputKeydown:e=>{switch(e.key){case O:o(e)}},useEmitKeyword:a,onClickHandle:()=>{a(t.value)}}})(i,r,o.delay),h=e=>{o.isKeyupSearch&&y(e),r.value=e,i.emit("update:modelValue",e)};return()=>a("div",{class:u.value},["left"===o.iconPosition&&a("div",{class:"devui-search__icon",onClick:f},[a(l("d-icon"),{name:"search",size:"inherit"},null)]),a(L,{size:o.size,disabled:o.disabled,autoFocus:o.autoFocus,value:r.value,maxLength:o.maxLength,placeholder:o.placeholder,cssClass:o.cssClass,onKeydown:v,"onUpdate:value":h},null),s.value&&a("div",{class:"devui-search__clear",onClick:p},[a(l("d-icon"),{name:"close",size:"inherit"},null)]),"right"===o.iconPosition&&a("div",{class:"devui-search__icon",onClick:f},[a(l("d-icon"),{name:"search",size:"inherit"},null)])])}});V.install=function(e){e.component(V.name,V)};var $={title:"Search 搜索框",category:"通用",install(e){e.use(V)}};export{V as Search,$ as default};
+import { computed, ref, watch, defineComponent, inject, createVNode, withDirectives, mergeProps, resolveDirective, resolveComponent } from "vue";
+const searchProps = {
+  size: {
+    type: String,
+    default: ""
+  },
+  placeholder: {
+    type: String,
+    default: "\u8BF7\u8F93\u5165\u5173\u952E\u5B57"
+  },
+  maxLength: {
+    type: Number,
+    default: Number.MAX_SAFE_INTEGER
+  },
+  delay: {
+    type: Number,
+    default: 300
+  },
+  disabled: {
+    type: Boolean,
+    default: false
+  },
+  autoFocus: {
+    type: Boolean,
+    default: false
+  },
+  isKeyupSearch: {
+    type: Boolean,
+    default: false
+  },
+  iconPosition: {
+    type: String,
+    default: "right"
+  },
+  noBorder: {
+    type: Boolean,
+    default: false
+  },
+  cssClass: {
+    type: String,
+    default: ""
+  },
+  modelValue: {
+    type: String,
+    default: ""
+  },
+  onSearch: {
+    type: Function,
+    default: void 0
+  },
+  "onUpdate:modelValue": {
+    type: Function,
+    default: void 0
+  }
+};
+const SIZE_CLASS = {
+  lg: "lg",
+  sm: "sm"
+};
+const ICON_POSITION = {
+  right: "right",
+  left: "left"
+};
+const getRootClass = (props) => {
+  return computed(() => ({
+    "devui-search": true,
+    "devui-search__disbaled": props.disabled,
+    "devui-search__no-border": props.noBorder,
+    [`devui-search__${props.size}`]: SIZE_CLASS[props.size],
+    [`devui-search__${props.iconPosition}`]: ICON_POSITION[props.iconPosition]
+  }));
+};
+const keywordsHandles = (ctx, props) => {
+  const keywords = ref("");
+  watch(() => props.modelValue, (val) => {
+    keywords.value = val;
+  }, { immediate: true });
+  const onClearHandle = () => {
+    keywords.value = "";
+    ctx.emit("update:modelValue", "");
+  };
+  const clearIconShow = computed(() => {
+    return keywords.value.length > 0;
+  });
+  return {
+    keywords,
+    clearIconShow,
+    onClearHandle
+  };
+};
+var freeGlobal = typeof global == "object" && global && global.Object === Object && global;
+var freeGlobal$1 = freeGlobal;
+var freeSelf = typeof self == "object" && self && self.Object === Object && self;
+var root = freeGlobal$1 || freeSelf || Function("return this")();
+var root$1 = root;
+var Symbol$1 = root$1.Symbol;
+var Symbol$2 = Symbol$1;
+var objectProto$1 = Object.prototype;
+var hasOwnProperty = objectProto$1.hasOwnProperty;
+var nativeObjectToString$1 = objectProto$1.toString;
+var symToStringTag$1 = Symbol$2 ? Symbol$2.toStringTag : void 0;
+function getRawTag(value) {
+  var isOwn = hasOwnProperty.call(value, symToStringTag$1), tag = value[symToStringTag$1];
+  try {
+    value[symToStringTag$1] = void 0;
+    var unmasked = true;
+  } catch (e) {
+  }
+  var result = nativeObjectToString$1.call(value);
+  if (unmasked) {
+    if (isOwn) {
+      value[symToStringTag$1] = tag;
+    } else {
+      delete value[symToStringTag$1];
+    }
+  }
+  return result;
+}
+var objectProto = Object.prototype;
+var nativeObjectToString = objectProto.toString;
+function objectToString(value) {
+  return nativeObjectToString.call(value);
+}
+var nullTag = "[object Null]", undefinedTag = "[object Undefined]";
+var symToStringTag = Symbol$2 ? Symbol$2.toStringTag : void 0;
+function baseGetTag(value) {
+  if (value == null) {
+    return value === void 0 ? undefinedTag : nullTag;
+  }
+  return symToStringTag && symToStringTag in Object(value) ? getRawTag(value) : objectToString(value);
+}
+function isObjectLike(value) {
+  return value != null && typeof value == "object";
+}
+var symbolTag = "[object Symbol]";
+function isSymbol(value) {
+  return typeof value == "symbol" || isObjectLike(value) && baseGetTag(value) == symbolTag;
+}
+var reWhitespace = /\s/;
+function trimmedEndIndex(string) {
+  var index2 = string.length;
+  while (index2-- && reWhitespace.test(string.charAt(index2))) {
+  }
+  return index2;
+}
+var reTrimStart = /^\s+/;
+function baseTrim(string) {
+  return string ? string.slice(0, trimmedEndIndex(string) + 1).replace(reTrimStart, "") : string;
+}
+function isObject(value) {
+  var type = typeof value;
+  return value != null && (type == "object" || type == "function");
+}
+var NAN = 0 / 0;
+var reIsBadHex = /^[-+]0x[0-9a-f]+$/i;
+var reIsBinary = /^0b[01]+$/i;
+var reIsOctal = /^0o[0-7]+$/i;
+var freeParseInt = parseInt;
+function toNumber(value) {
+  if (typeof value == "number") {
+    return value;
+  }
+  if (isSymbol(value)) {
+    return NAN;
+  }
+  if (isObject(value)) {
+    var other = typeof value.valueOf == "function" ? value.valueOf() : value;
+    value = isObject(other) ? other + "" : other;
+  }
+  if (typeof value != "string") {
+    return value === 0 ? value : +value;
+  }
+  value = baseTrim(value);
+  var isBinary = reIsBinary.test(value);
+  return isBinary || reIsOctal.test(value) ? freeParseInt(value.slice(2), isBinary ? 2 : 8) : reIsBadHex.test(value) ? NAN : +value;
+}
+var now = function() {
+  return root$1.Date.now();
+};
+var now$1 = now;
+var FUNC_ERROR_TEXT = "Expected a function";
+var nativeMax = Math.max, nativeMin = Math.min;
+function debounce(func, wait, options) {
+  var lastArgs, lastThis, maxWait, result, timerId, lastCallTime, lastInvokeTime = 0, leading = false, maxing = false, trailing = true;
+  if (typeof func != "function") {
+    throw new TypeError(FUNC_ERROR_TEXT);
+  }
+  wait = toNumber(wait) || 0;
+  if (isObject(options)) {
+    leading = !!options.leading;
+    maxing = "maxWait" in options;
+    maxWait = maxing ? nativeMax(toNumber(options.maxWait) || 0, wait) : maxWait;
+    trailing = "trailing" in options ? !!options.trailing : trailing;
+  }
+  function invokeFunc(time) {
+    var args = lastArgs, thisArg = lastThis;
+    lastArgs = lastThis = void 0;
+    lastInvokeTime = time;
+    result = func.apply(thisArg, args);
+    return result;
+  }
+  function leadingEdge(time) {
+    lastInvokeTime = time;
+    timerId = setTimeout(timerExpired, wait);
+    return leading ? invokeFunc(time) : result;
+  }
+  function remainingWait(time) {
+    var timeSinceLastCall = time - lastCallTime, timeSinceLastInvoke = time - lastInvokeTime, timeWaiting = wait - timeSinceLastCall;
+    return maxing ? nativeMin(timeWaiting, maxWait - timeSinceLastInvoke) : timeWaiting;
+  }
+  function shouldInvoke(time) {
+    var timeSinceLastCall = time - lastCallTime, timeSinceLastInvoke = time - lastInvokeTime;
+    return lastCallTime === void 0 || timeSinceLastCall >= wait || timeSinceLastCall < 0 || maxing && timeSinceLastInvoke >= maxWait;
+  }
+  function timerExpired() {
+    var time = now$1();
+    if (shouldInvoke(time)) {
+      return trailingEdge(time);
+    }
+    timerId = setTimeout(timerExpired, remainingWait(time));
+  }
+  function trailingEdge(time) {
+    timerId = void 0;
+    if (trailing && lastArgs) {
+      return invokeFunc(time);
+    }
+    lastArgs = lastThis = void 0;
+    return result;
+  }
+  function cancel() {
+    if (timerId !== void 0) {
+      clearTimeout(timerId);
+    }
+    lastInvokeTime = 0;
+    lastArgs = lastCallTime = lastThis = timerId = void 0;
+  }
+  function flush() {
+    return timerId === void 0 ? result : trailingEdge(now$1());
+  }
+  function debounced() {
+    var time = now$1(), isInvoking = shouldInvoke(time);
+    lastArgs = arguments;
+    lastThis = this;
+    lastCallTime = time;
+    if (isInvoking) {
+      if (timerId === void 0) {
+        return leadingEdge(lastCallTime);
+      }
+      if (maxing) {
+        clearTimeout(timerId);
+        timerId = setTimeout(timerExpired, wait);
+        return invokeFunc(lastCallTime);
+      }
+    }
+    if (timerId === void 0) {
+      timerId = setTimeout(timerExpired, wait);
+    }
+    return result;
+  }
+  debounced.cancel = cancel;
+  debounced.flush = flush;
+  return debounced;
+}
+const KEYS_MAP = {
+  enter: "Enter"
+};
+const keydownHandles = (ctx, keywords, delay) => {
+  const onInputKeydown = ($event) => {
+    switch ($event.key) {
+      case KEYS_MAP.enter:
+        handleEnter($event);
+        break;
+    }
+  };
+  const handleEnter = ($event) => {
+    if ($event.target instanceof HTMLInputElement) {
+      const value = $event.target.value;
+      useEmitKeyword(value);
+    }
+  };
+  const onClickHandle = () => {
+    useEmitKeyword(keywords.value);
+  };
+  const useEmitKeyword = debounce((value) => {
+    ctx.emit("onSearch", value);
+  }, delay);
+  return {
+    onInputKeydown,
+    useEmitKeyword,
+    onClickHandle
+  };
+};
+const inputProps = {
+  placeholder: {
+    type: String,
+    default: void 0
+  },
+  disabled: {
+    type: Boolean,
+    default: false
+  },
+  autoFocus: {
+    type: Boolean,
+    default: false
+  },
+  maxLength: {
+    type: Number,
+    default: Number.MAX_SAFE_INTEGER
+  },
+  cssClass: {
+    type: String,
+    default: ""
+  },
+  error: {
+    type: Boolean,
+    default: false
+  },
+  size: {
+    type: String,
+    default: ""
+  },
+  showPassword: {
+    type: Boolean,
+    default: false
+  },
+  modelValue: {
+    type: String,
+    default: ""
+  },
+  "update:modelValue": {
+    type: Function,
+    default: void 0
+  },
+  onChange: {
+    type: Function,
+    default: void 0
+  },
+  onKeydown: {
+    type: Function,
+    default: void 0
+  },
+  onFocus: {
+    type: Function,
+    default: void 0
+  },
+  onBlur: {
+    type: Function,
+    default: void 0
+  }
+};
+var input = "";
+const formItemInjectionKey = Symbol("dFormItem");
+const dFormItemEvents = {
+  blur: "d.form.blur",
+  change: "d.form.change",
+  input: "d.form.input"
+};
+var DInput = defineComponent({
+  name: "DInput",
+  directives: {
+    focus: {
+      mounted: function(el, binding) {
+        if (binding.value) {
+          el.focus();
+        }
+      }
+    }
+  },
+  props: inputProps,
+  emits: ["update:modelValue", "focus", "blur", "change", "keydown"],
+  setup(props, ctx) {
+    const formItem = inject(formItemInjectionKey, {});
+    const hasFormItem = Object.keys(formItem).length > 0;
+    const sizeCls = computed(() => `devui-input-${props.size}`);
+    const showPwdIcon = ref(false);
+    const inputType = ref("text");
+    const inputCls = computed(() => {
+      return {
+        error: props.error,
+        [props.cssClass]: true,
+        [sizeCls.value]: props.size !== ""
+      };
+    });
+    const showPreviewIcon = computed(() => inputType.value === "password");
+    watch(() => props.showPassword, (flg) => {
+      inputType.value = flg ? "password" : "text";
+    }, {
+      immediate: true
+    });
+    watch(() => props.modelValue, (value) => {
+      value && value.length > 0 && showPreviewIcon.value ? showPwdIcon.value = true : showPwdIcon.value = false;
+    });
+    const onInput = ($event) => {
+      ctx.emit("update:modelValue", $event.target.value);
+      hasFormItem && formItem.formItemMitt.emit(dFormItemEvents.input);
+    }, onFocus = () => {
+      ctx.emit("focus");
+    }, onBlur = () => {
+      ctx.emit("blur");
+      hasFormItem && formItem.formItemMitt.emit(dFormItemEvents.blur);
+    }, onChange = ($event) => {
+      ctx.emit("change", $event.target.value);
+      hasFormItem && formItem.formItemMitt.emit(dFormItemEvents.change);
+    }, onKeydown = ($event) => {
+      ctx.emit("keydown", $event);
+    }, onChangeInputType = () => {
+      inputType.value = inputType.value === "password" ? "text" : "password";
+    };
+    return {
+      inputCls,
+      inputType,
+      showPreviewIcon,
+      showPwdIcon,
+      onInput,
+      onFocus,
+      onBlur,
+      onChange,
+      onKeydown,
+      onChangeInputType
+    };
+  },
+  render() {
+    const {
+      modelValue,
+      showPreviewIcon,
+      showPwdIcon,
+      inputCls,
+      inputType,
+      maxLength,
+      autoFocus,
+      placeholder,
+      disabled,
+      onInput,
+      onFocus,
+      onBlur,
+      onChange,
+      onKeydown,
+      onChangeInputType
+    } = this;
+    return createVNode("div", {
+      "class": "devui-input__wrap"
+    }, [withDirectives(createVNode("input", mergeProps({
+      dinput: true
+    }, {
+      "value": modelValue,
+      "disabled": disabled,
+      "type": inputType,
+      "maxlength": maxLength,
+      "placeholder": placeholder,
+      "class": inputCls,
+      "onInput": onInput,
+      "onFocus": onFocus,
+      "onBlur": onBlur,
+      "onChange": onChange,
+      "onKeydown": onKeydown
+    }), null), [[resolveDirective("focus"), autoFocus]]), showPwdIcon && createVNode("div", {
+      "class": "devui-input__preview",
+      "onClick": onChangeInputType
+    }, [showPreviewIcon ? createVNode(resolveComponent("d-icon"), {
+      "name": "preview",
+      "size": "12px",
+      "key": 1
+    }, null) : createVNode(resolveComponent("d-icon"), {
+      "name": "preview-forbidden",
+      "size": "12px",
+      "key": 2
+    }, null)])]);
+  }
+});
+var search = "";
+var Search = defineComponent({
+  name: "DSearch",
+  props: searchProps,
+  emits: ["update:modelValue", "onSearch"],
+  setup(props, ctx) {
+    const rootClasses = getRootClass(props);
+    const {
+      keywords,
+      clearIconShow,
+      onClearHandle
+    } = keywordsHandles(ctx, props);
+    const {
+      onInputKeydown,
+      onClickHandle,
+      useEmitKeyword
+    } = keydownHandles(ctx, keywords, props.delay);
+    const onInputUpdate = (event) => {
+      if (props.isKeyupSearch) {
+        useEmitKeyword(event);
+      }
+      keywords.value = event;
+      ctx.emit("update:modelValue", event);
+    };
+    return () => {
+      return createVNode("div", {
+        "class": rootClasses.value
+      }, [props.iconPosition === "left" && createVNode("div", {
+        "class": "devui-search__icon",
+        "onClick": onClickHandle
+      }, [createVNode(resolveComponent("d-icon"), {
+        "name": "search",
+        "size": "inherit",
+        "key": "search"
+      }, null)]), createVNode(DInput, {
+        "size": props.size,
+        "disabled": props.disabled,
+        "autoFocus": props.autoFocus,
+        "modelValue": keywords.value,
+        "maxLength": props.maxLength,
+        "placeholder": props.placeholder,
+        "cssClass": props.cssClass,
+        "onKeydown": onInputKeydown,
+        "onUpdate:modelValue": onInputUpdate
+      }, null), clearIconShow.value && createVNode("div", {
+        "class": "devui-search__clear",
+        "onClick": onClearHandle
+      }, [createVNode(resolveComponent("d-icon"), {
+        "name": "close",
+        "size": "inherit",
+        "key": "close"
+      }, null)]), props.iconPosition === "right" && createVNode("div", {
+        "class": "devui-search__icon",
+        "onClick": onClickHandle
+      }, [createVNode(resolveComponent("d-icon"), {
+        "name": "search",
+        "size": "inherit",
+        "key": "search"
+      }, null)])]);
+    };
+  }
+});
+Search.install = function(app) {
+  app.component(Search.name, Search);
+};
+var index = {
+  title: "Search \u641C\u7D22\u6846",
+  category: "\u901A\u7528",
+  status: "100%",
+  install(app) {
+    app.use(Search);
+  }
+};
+export { Search, index as default };

package/search/index.umd.js

@@ -1 +1 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue")):"function"==typeof define&&define.amd?define(["exports","vue"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).index={},e.Vue)}(this,(function(e,t){"use strict";const n={size:{type:String,default:""},placeholder:{type:String,default:"请输入关键字"},maxLength:{type:Number,default:Number.MAX_SAFE_INTEGER},delay:{type:Number,default:300},disabled:{type:Boolean,default:!1},autoFocus:{type:Boolean,default:!1},isKeyupSearch:{type:Boolean,default:!1},iconPosition:{type:String,default:"right"},noBorder:{type:Boolean,default:!1},cssClass:{type:String,default:""},modelValue:{type:String,default:""},searchFn:{type:Function,default:void 0},"onUpdate:modelValue":{type:Function,default:void 0}},o={lg:"lg",sm:"sm"},a={right:"right",left:"left"};var i="object"==typeof global&&global&&global.Object===Object&&global,r="object"==typeof self&&self&&self.Object===Object&&self,u=i||r||Function("return this")(),l=u.Symbol,c=Object.prototype,d=c.hasOwnProperty,s=c.toString,p=l?l.toStringTag:void 0;var f=Object.prototype.toString;var v=l?l.toStringTag:void 0;function y(e){return null==e?void 0===e?"[object Undefined]":"[object Null]":v&&v in Object(e)?function(e){var t=d.call(e,p),n=e[p];try{e[p]=void 0;var o=!0}catch(i){}var a=s.call(e);return o&&(t?e[p]=n:delete e[p]),a}(e):function(e){return f.call(e)}(e)}var m=/\s/;var h=/^\s+/;function g(e){return e?e.slice(0,function(e){for(var t=e.length;t--&&m.test(e.charAt(t)););return t}(e)+1).replace(h,""):e}function b(e){var t=typeof e;return null!=e&&("object"==t||"function"==t)}var w=/^[-+]0x[0-9a-f]+$/i,C=/^0b[01]+$/i,S=/^0o[0-7]+$/i,N=parseInt;function _(e){if("number"==typeof e)return e;if(function(e){return"symbol"==typeof e||function(e){return null!=e&&"object"==typeof e}(e)&&"[object Symbol]"==y(e)}(e))return NaN;if(b(e)){var t="function"==typeof e.valueOf?e.valueOf():e;e=b(t)?t+"":t}if("string"!=typeof e)return 0===e?e:+e;e=g(e);var n=C.test(e);return n||S.test(e)?N(e.slice(2),n?2:8):w.test(e)?NaN:+e}var F=function(){return u.Date.now()},x=Math.max,V=Math.min;function T(e,t,n){var o,a,i,r,u,l,c=0,d=!1,s=!1,p=!0;if("function"!=typeof e)throw new TypeError("Expected a function");function f(t){var n=o,i=a;return o=a=void 0,c=t,r=e.apply(i,n)}function v(e){return c=e,u=setTimeout(m,t),d?f(e):r}function y(e){var n=e-l;return void 0===l||n>=t||n<0||s&&e-c>=i}function m(){var e=F();if(y(e))return h(e);u=setTimeout(m,function(e){var n=t-(e-l);return s?V(n,i-(e-c)):n}(e))}function h(e){return u=void 0,p&&o?f(e):(o=a=void 0,r)}function g(){var e=F(),n=y(e);if(o=arguments,a=this,l=e,n){if(void 0===u)return v(l);if(s)return clearTimeout(u),u=setTimeout(m,t),f(l)}return void 0===u&&(u=setTimeout(m,t)),r}return t=_(t)||0,b(n)&&(d=!!n.leading,i=(s="maxWait"in n)?x(_(n.maxWait)||0,t):i,p="trailing"in n?!!n.trailing:p),g.cancel=function(){void 0!==u&&clearTimeout(u),c=0,o=l=a=u=void 0},g.flush=function(){return void 0===u?r:h(F())},g}const I="Enter",j={placeholder:{type:String,default:void 0},disabled:{type:Boolean,default:!1},autoFocus:{type:Boolean,default:!1},maxLength:{type:Number,default:Number.MAX_SAFE_INTEGER},cssClass:{type:String,default:""},error:{type:Boolean,default:!1},size:{type:String,default:""},showPassword:{type:Boolean,default:!1},value:{type:String,default:""},"onUpdate:value":{type:Function,default:void 0},onChange:{type:Function,default:void 0},onKeydown:{type:Function,default:void 0},onFocus:{type:Function,default:void 0},onBlur:{type:Function,default:void 0}};var B=t.defineComponent({name:"DInput",directives:{focus:{mounted:function(e,t){t.value&&e.focus()}}},props:j,emits:["update:value","focus","blur","change","keydown"],setup(e,n){const o=t.computed((()=>`devui-input-${e.size}`)),a=t.ref(!1),i=t.ref("text"),r=t.computed((()=>({error:e.error,[e.cssClass]:!0,[o.value]:""!==e.size}))),u=t.computed((()=>"password"===i.value));t.watch((()=>e.showPassword),(e=>{i.value=e?"password":"text"}),{immediate:!0}),t.watch((()=>e.value),(e=>{e&&e.length>0&&u.value?a.value=!0:a.value=!1}));return{inputCls:r,inputType:i,showPreviewIcon:u,showPwdIcon:a,onInput:e=>{n.emit("update:value",e.target.value)},onFocus:()=>{n.emit("focus")},onBlur:()=>{n.emit("blur")},onChange:e=>{n.emit("change",e.target.value)},onKeydown:e=>{n.emit("keydown",e)},onChangeInputType:()=>{i.value="password"===i.value?"text":"password"}}},render(){const{value:e,showPreviewIcon:n,showPwdIcon:o,inputCls:a,inputType:i,maxLength:r,autoFocus:u,placeholder:l,disabled:c,onInput:d,onFocus:s,onBlur:p,onChange:f,onKeydown:v,onChangeInputType:y}=this;return t.createVNode("div",{class:"devui-input__wrap"},[t.withDirectives(t.createVNode("input",t.mergeProps({dinput:!0},{value:e,disabled:c,type:i,maxlength:r,placeholder:l,class:a,onInput:d,onFocus:s,onBlur:p,onChange:f,onKeydown:v}),null),[[t.resolveDirective("focus"),u]]),o&&t.createVNode("div",{class:"devui-input__preview",onClick:y},[n?t.createVNode(t.resolveComponent("d-icon"),{name:"preview",size:"12px",key:1},null):t.createVNode(t.resolveComponent("d-icon"),{name:"preview-forbidden",size:"12px",key:2},null)])])}}),P=t.defineComponent({name:"DSearch",props:n,emits:["update:modelValue","searchFn"],setup(e,n){const i=(e=>t.computed((()=>({"devui-search":!0,"devui-search__disbaled":e.disabled,"devui-search__no-border":e.noBorder,[`devui-search__${e.size}`]:o[e.size],[`devui-search__${e.iconPosition}`]:a[e.iconPosition]}))))(e),{keywords:r,clearIconShow:u,onClearHandle:l}=((e,n)=>{const o=t.ref("");t.watch((()=>n.modelValue),(e=>{o.value=e}),{immediate:!0});const a=t.computed((()=>o.value.length>0));return{keywords:o,clearIconShow:a,onClearHandle:()=>{o.value="",e.emit("update:modelValue","")}}})(n,e),{onInputKeydown:c,onClickHandle:d,useEmitKeyword:s}=((e,t,n)=>{const o=e=>{if(e.target instanceof HTMLInputElement){const t=e.target.value;a(t)}},a=T((t=>{e.emit("searchFn",t)}),n);return{onInputKeydown:e=>{switch(e.key){case I:o(e)}},useEmitKeyword:a,onClickHandle:()=>{a(t.value)}}})(n,r,e.delay),p=t=>{e.isKeyupSearch&&s(t),r.value=t,n.emit("update:modelValue",t)};return()=>t.createVNode("div",{class:i.value},["left"===e.iconPosition&&t.createVNode("div",{class:"devui-search__icon",onClick:d},[t.createVNode(t.resolveComponent("d-icon"),{name:"search",size:"inherit"},null)]),t.createVNode(B,{size:e.size,disabled:e.disabled,autoFocus:e.autoFocus,value:r.value,maxLength:e.maxLength,placeholder:e.placeholder,cssClass:e.cssClass,onKeydown:c,"onUpdate:value":p},null),u.value&&t.createVNode("div",{class:"devui-search__clear",onClick:l},[t.createVNode(t.resolveComponent("d-icon"),{name:"close",size:"inherit"},null)]),"right"===e.iconPosition&&t.createVNode("div",{class:"devui-search__icon",onClick:d},[t.createVNode(t.resolveComponent("d-icon"),{name:"search",size:"inherit"},null)])])}});P.install=function(e){e.component(P.name,P)};var k={title:"Search 搜索框",category:"通用",install(e){e.use(P)}};e.Search=P,e.default=k,Object.defineProperty(e,"__esModule",{value:!0}),e[Symbol.toStringTag]="Module"}));
+(function(m,t){typeof exports=="object"&&typeof module!="undefined"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(m=typeof globalThis!="undefined"?globalThis:m||self,t(m.index={},m.Vue))})(this,function(m,t){"use strict";const K={size:{type:String,default:""},placeholder:{type:String,default:"\u8BF7\u8F93\u5165\u5173\u952E\u5B57"},maxLength:{type:Number,default:Number.MAX_SAFE_INTEGER},delay:{type:Number,default:300},disabled:{type:Boolean,default:!1},autoFocus:{type:Boolean,default:!1},isKeyupSearch:{type:Boolean,default:!1},iconPosition:{type:String,default:"right"},noBorder:{type:Boolean,default:!1},cssClass:{type:String,default:""},modelValue:{type:String,default:""},onSearch:{type:Function,default:void 0},"onUpdate:modelValue":{type:Function,default:void 0}},M={lg:"lg",sm:"sm"},L={right:"right",left:"left"},$=e=>t.computed(()=>({"devui-search":!0,"devui-search__disbaled":e.disabled,"devui-search__no-border":e.noBorder,[`devui-search__${e.size}`]:M[e.size],[`devui-search__${e.iconPosition}`]:L[e.iconPosition]})),A=(e,n)=>{const o=t.ref("");t.watch(()=>n.modelValue,d=>{o.value=d},{immediate:!0});const a=()=>{o.value="",e.emit("update:modelValue","")},u=t.computed(()=>o.value.length>0);return{keywords:o,clearIconShow:u,onClearHandle:a}};var H=typeof global=="object"&&global&&global.Object===Object&&global,D=H,R=typeof self=="object"&&self&&self.Object===Object&&self,W=D||R||Function("return this")(),N=W,G=N.Symbol,I=G,j=Object.prototype,U=j.hasOwnProperty,X=j.toString,S=I?I.toStringTag:void 0;function q(e){var n=U.call(e,S),o=e[S];try{e[S]=void 0;var a=!0}catch{}var u=X.call(e);return a&&(n?e[S]=o:delete e[S]),u}var Y=Object.prototype,Z=Y.toString;function J(e){return Z.call(e)}var Q="[object Null]",ee="[object Undefined]",E=I?I.toStringTag:void 0;function te(e){return e==null?e===void 0?ee:Q:E&&E in Object(e)?q(e):J(e)}function ne(e){return e!=null&&typeof e=="object"}var oe="[object Symbol]";function re(e){return typeof e=="symbol"||ne(e)&&te(e)==oe}var ae=/\s/;function ie(e){for(var n=e.length;n--&&ae.test(e.charAt(n)););return n}var le=/^\s+/;function ue(e){return e&&e.slice(0,ie(e)+1).replace(le,"")}function _(e){var n=typeof e;return e!=null&&(n=="object"||n=="function")}var O=0/0,de=/^[-+]0x[0-9a-f]+$/i,se=/^0b[01]+$/i,ce=/^0o[0-7]+$/i,fe=parseInt;function P(e){if(typeof e=="number")return e;if(re(e))return O;if(_(e)){var n=typeof e.valueOf=="function"?e.valueOf():e;e=_(n)?n+"":n}if(typeof e!="string")return e===0?e:+e;e=ue(e);var o=se.test(e);return o||ce.test(e)?fe(e.slice(2),o?2:8):de.test(e)?O:+e}var me=function(){return N.Date.now()},V=me,ye="Expected a function",he=Math.max,pe=Math.min;function ge(e,n,o){var a,u,d,i,r,s,f=0,y=!1,h=!1,g=!0;if(typeof e!="function")throw new TypeError(ye);n=P(n)||0,_(o)&&(y=!!o.leading,h="maxWait"in o,d=h?he(P(o.maxWait)||0,n):d,g="trailing"in o?!!o.trailing:g);function b(l){var p=a,w=u;return a=u=void 0,f=l,i=e.apply(w,p),i}function C(l){return f=l,r=setTimeout(T,n),y?b(l):i}function c(l){var p=l-s,w=l-f,z=n-p;return h?pe(z,d-w):z}function B(l){var p=l-s,w=l-f;return s===void 0||p>=n||p<0||h&&w>=d}function T(){var l=V();if(B(l))return x(l);r=setTimeout(T,c(l))}function x(l){return r=void 0,g&&a?b(l):(a=u=void 0,i)}function Te(){r!==void 0&&clearTimeout(r),f=0,a=s=u=r=void 0}function _e(){return r===void 0?i:x(V())}function F(){var l=V(),p=B(l);if(a=arguments,u=this,s=l,p){if(r===void 0)return C(s);if(h)return clearTimeout(r),r=setTimeout(T,n),b(s)}return r===void 0&&(r=setTimeout(T,n)),i}return F.cancel=Te,F.flush=_e,F}const be={enter:"Enter"},Se=(e,n,o)=>{const a=r=>{switch(r.key){case be.enter:u(r);break}},u=r=>{if(r.target instanceof HTMLInputElement){const s=r.target.value;i(s)}},d=()=>{i(n.value)},i=ge(r=>{e.emit("onSearch",r)},o);return{onInputKeydown:a,useEmitKeyword:i,onClickHandle:d}},ve={placeholder:{type:String,default:void 0},disabled:{type:Boolean,default:!1},autoFocus:{type:Boolean,default:!1},maxLength:{type:Number,default:Number.MAX_SAFE_INTEGER},cssClass:{type:String,default:""},error:{type:Boolean,default:!1},size:{type:String,default:""},showPassword:{type:Boolean,default:!1},modelValue:{type:String,default:""},"update:modelValue":{type:Function,default:void 0},onChange:{type:Function,default:void 0},onKeydown:{type:Function,default:void 0},onFocus:{type:Function,default:void 0},onBlur:{type:Function,default:void 0}};var Ve="";const we=Symbol("dFormItem"),k={blur:"d.form.blur",change:"d.form.change",input:"d.form.input"};var Ie=t.defineComponent({name:"DInput",directives:{focus:{mounted:function(e,n){n.value&&e.focus()}}},props:ve,emits:["update:modelValue","focus","blur","change","keydown"],setup(e,n){const o=t.inject(we,{}),a=Object.keys(o).length>0,u=t.computed(()=>`devui-input-${e.size}`),d=t.ref(!1),i=t.ref("text"),r=t.computed(()=>({error:e.error,[e.cssClass]:!0,[u.value]:e.size!==""})),s=t.computed(()=>i.value==="password");return t.watch(()=>e.showPassword,c=>{i.value=c?"password":"text"},{immediate:!0}),t.watch(()=>e.modelValue,c=>{c&&c.length>0&&s.value?d.value=!0:d.value=!1}),{inputCls:r,inputType:i,showPreviewIcon:s,showPwdIcon:d,onInput:c=>{n.emit("update:modelValue",c.target.value),a&&o.formItemMitt.emit(k.input)},onFocus:()=>{n.emit("focus")},onBlur:()=>{n.emit("blur"),a&&o.formItemMitt.emit(k.blur)},onChange:c=>{n.emit("change",c.target.value),a&&o.formItemMitt.emit(k.change)},onKeydown:c=>{n.emit("keydown",c)},onChangeInputType:()=>{i.value=i.value==="password"?"text":"password"}}},render(){const{modelValue:e,showPreviewIcon:n,showPwdIcon:o,inputCls:a,inputType:u,maxLength:d,autoFocus:i,placeholder:r,disabled:s,onInput:f,onFocus:y,onBlur:h,onChange:g,onKeydown:b,onChangeInputType:C}=this;return t.createVNode("div",{class:"devui-input__wrap"},[t.withDirectives(t.createVNode("input",t.mergeProps({dinput:!0},{value:e,disabled:s,type:u,maxlength:d,placeholder:r,class:a,onInput:f,onFocus:y,onBlur:h,onChange:g,onKeydown:b}),null),[[t.resolveDirective("focus"),i]]),o&&t.createVNode("div",{class:"devui-input__preview",onClick:C},[n?t.createVNode(t.resolveComponent("d-icon"),{name:"preview",size:"12px",key:1},null):t.createVNode(t.resolveComponent("d-icon"),{name:"preview-forbidden",size:"12px",key:2},null)])])}}),ke="",v=t.defineComponent({name:"DSearch",props:K,emits:["update:modelValue","onSearch"],setup(e,n){const o=$(e),{keywords:a,clearIconShow:u,onClearHandle:d}=A(n,e),{onInputKeydown:i,onClickHandle:r,useEmitKeyword:s}=Se(n,a,e.delay),f=y=>{e.isKeyupSearch&&s(y),a.value=y,n.emit("update:modelValue",y)};return()=>t.createVNode("div",{class:o.value},[e.iconPosition==="left"&&t.createVNode("div",{class:"devui-search__icon",onClick:r},[t.createVNode(t.resolveComponent("d-icon"),{name:"search",size:"inherit",key:"search"},null)]),t.createVNode(Ie,{size:e.size,disabled:e.disabled,autoFocus:e.autoFocus,modelValue:a.value,maxLength:e.maxLength,placeholder:e.placeholder,cssClass:e.cssClass,onKeydown:i,"onUpdate:modelValue":f},null),u.value&&t.createVNode("div",{class:"devui-search__clear",onClick:d},[t.createVNode(t.resolveComponent("d-icon"),{name:"close",size:"inherit",key:"close"},null)]),e.iconPosition==="right"&&t.createVNode("div",{class:"devui-search__icon",onClick:r},[t.createVNode(t.resolveComponent("d-icon"),{name:"search",size:"inherit",key:"search"},null)])])}});v.install=function(e){e.component(v.name,v)};var Ce={title:"Search \u641C\u7D22\u6846",category:"\u901A\u7528",status:"100%",install(e){e.use(v)}};m.Search=v,m.default=Ce,Object.defineProperty(m,"__esModule",{value:!0}),m[Symbol.toStringTag]="Module"});

package/select/index.d.ts

@@ -0,0 +1,7 @@
+import { App } from 'vue';
+  declare function install(app: App): void
+  declare const _default: {
+      install: typeof install;
+      version: string;
+  };
+  export default _default;