vue-devui 1.0.0-alpha.6 → 1.0.0-beta.12

package/tag-input/index.es.js

@@ -1 +1,329 @@
-var e=Object.defineProperty,t=Object.getOwnPropertySymbols,a=Object.prototype.hasOwnProperty,n=Object.prototype.propertyIsEnumerable,s=(t,a,n)=>a in t?e(t,a,{enumerable:!0,configurable:!0,writable:!0,value:n}):t[a]=n;"undefined"!=typeof require&&require;import{createVNode as u,mergeProps as l,defineComponent as i,ref as o,computed as r,watch as d,nextTick as g}from"vue";var p=u("svg",l({width:"12px",height:"12px",viewBox:"0 0 12 12",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},{"xmlns:xlink":"http://www.w3.org/1999/xlink"}),[u("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[u("path",{d:"M8.86785321,3.13214679 C9.02624037,3.29053395 9.02624037,3.54733027 8.86785321,3.70571743 L6.573,6 L8.86785321,8.29428257 C9.02624037,8.45266973 9.02624037,8.70946605 8.86785321,8.86785321 C8.70946605,9.02624037 8.45266973,9.02624037 8.29428257,8.86785321 L6,6.573 L3.70571743,8.86785321 C3.54733027,9.02624037 3.29053395,9.02624037 3.13214679,8.86785321 C2.97375963,8.70946605 2.97375963,8.45266973 3.13214679,8.29428257 L5.427,6 L3.13214679,3.70571743 C2.97375963,3.54733027 2.97375963,3.29053395 3.13214679,3.13214679 C3.29053395,2.97375963 3.54733027,2.97375963 3.70571743,3.13214679 L6,5.427 L8.29428257,3.13214679 C8.45266973,2.97375963 8.70946605,2.97375963 8.86785321,3.13214679 Z","fill-rule":"nonzero"},null)])]);const v={tags:{type:Array,default:()=>[]},displayProperty:{type:String,default:"name"},placeholder:{type:String,default:""},minLength:{type:Number,default:3},maxLength:{type:Number,default:Number.MAX_SAFE_INTEGER},maxTags:{type:Number,default:Number.MAX_SAFE_INTEGER},maxTagsText:{type:String,default:"已达到最大个数："},spellcheck:{type:Boolean,default:!0},suggestionList:{type:Array,default:()=>[]},disabled:{type:Boolean,default:!1},isAddBySpace:{type:Boolean,default:!0},disabledText:{type:String,default:""},noData:{type:String,default:""},onValueChange:{type:Function,default:void 0},"onUpdate:tags":{type:Function,default:void 0},"onUpdate:suggestionList":{type:Function,default:void 0}},c="Tab",m="ArrowDown",y="ArrowUp",f="Enter";var h=i({name:"DTagInput",props:v,emits:["update:tags","update:suggestionList","valueChange"],setup(e,u){const l=(e,t)=>{const a=Object.assign({},t);return delete a.__index,e.concat(a)},i=(e,t)=>{const a=e.slice();return a.splice(t,1),a},p=o(""),v=r((()=>{const u=e.suggestionList.map(((e,u)=>((e,u)=>{for(var l in u||(u={}))a.call(u,l)&&s(e,l,u[l]);if(t)for(var l of t(u))n.call(u,l)&&s(e,l,u[l]);return e})({__index:u},e)));return""===p.value?u:u.filter((t=>t[e.displayProperty].includes(p.value)))})),h=o(0);d(v,(()=>{h.value=0}));const b=(e=!1)=>{e?h.value<v.value.length-1?h.value++:h.value=0:h.value>0?h.value--:h.value=v.value.length-1},w=o(null),x=o(!1),I=r((()=>e.maxTags<=e.tags.length)),L=r((()=>!e.disabled&&!I.value&&x.value));return{tagInputRef:w,tagInputVal:p,isInputBoxFocus:x,onInput:e=>{const t=e.target.value||"";p.value=t.trim()},onInputFocus:()=>{x.value=!0},onInputBlur:()=>{x.value=!1},removeTag:(t,a)=>{t.preventDefault(),u.emit("update:suggestionList",l(e.suggestionList,e.tags[a]));const n=i(e.tags,a);u.emit("valueChange",e.tags,n),u.emit("update:tags",n),g((()=>{var e;null==(e=w.value)||e.focus()}))},onSuggestionItemClick:(t,a)=>{t.preventDefault();const n=v.value[a],s=l(e.tags,n),o=i(e.suggestionList,n.__index);u.emit("valueChange",e.tags,s),u.emit("update:tags",s),u.emit("update:suggestionList",o)},onInputKeydown:t=>{switch(t.key){case c:case f:(()=>{let t={[e.displayProperty]:p.value};if(""===p.value&&0===v.value.length)return!1;if(v.value.length){const a=v.value[h.value];t=a,u.emit("update:suggestionList",i(e.suggestionList,a.__index))}const a=l(e.tags,t);u.emit("valueChange",e.tags,a),u.emit("update:tags",a),0===v.value.length&&(p.value="")})();break;case m:b(!0);break;case y:b()}},isShowSuggestion:L,mergedSuggestions:v,selectIndex:h,isTagsLimit:I}},render(){const{tagInputVal:e,isInputBoxFocus:t,disabled:a,disabledText:n,isTagsLimit:s,maxTagsText:l,displayProperty:i,tags:o,onInputKeydown:r,onInputFocus:d,onInputBlur:g,onInput:v,onSuggestionItemClick:c,removeTag:m,placeholder:y,spellcheck:f,isShowSuggestion:h,noData:b,mergedSuggestions:w,selectIndex:x,maxTags:I}=this,L={"devui-tags":!0,"devui-form-control":!0,"devui-dropdown-origin":!0,"devui-dropdown-origin-open":t,"devui-disabled":a},T=[`display:${a?"none":"block"};`],S=u("li",{class:"devui-suggestion-item devui-disabled"},[b]);return u("div",{class:"devui-tags-host",tabindex:"-1"},[u("div",{class:L,style:["box-shadow: none;"]},[u("ul",{class:"devui-tag-list",title:a?n:""},[o.map(((e,t)=>u("li",{class:"devui-tag-item"},[u("span",null,[e[i]]),!a&&u("a",{class:"remove-button",onMousedown:e=>m(e,t)},[p])])))]),u("input",{type:"text",ref:"tagInputRef",value:e,class:{input:!0,"devui-input":!0,"invalid-tag":!1},style:T,onKeydown:r,onFocus:d,onBlur:g,onInput:e=>v(e),placeholder:s?`${l} ${I}`:y,spellcheck:f,disabled:s},null)]),h?u("div",{class:"devui-tags-autocomplete devui-dropdown-menu"},[u("ul",{class:"devui-suggestion-list"},[0===w.length?S:w.map(((e,t)=>u("li",{class:{"devui-suggestion-item":!0,selected:t===x},onMousedown:e=>{c(e,t)}},[e[i]])))])]):""])}});h.install=function(e){e.component(h.name,h)};var b={title:"TagInput 标签输入框",category:"数据录入",status:"10%",install(e){e.use(h)}};export{h as TagInput,b as default};
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+import { createVNode, mergeProps, defineComponent, ref, computed, watch, nextTick } from "vue";
+var removeBtnSvg = createVNode("svg", mergeProps({
+  "width": "12px",
+  "height": "12px",
+  "viewBox": "0 0 12 12",
+  "version": "1.1",
+  "xmlns": "http://www.w3.org/2000/svg"
+}, {
+  "xmlns:xlink": "http://www.w3.org/1999/xlink"
+}), [createVNode("g", {
+  "stroke": "none",
+  "stroke-width": "1",
+  "fill": "none",
+  "fill-rule": "evenodd"
+}, [createVNode("path", {
+  "d": "M8.86785321,3.13214679 C9.02624037,3.29053395 9.02624037,3.54733027 8.86785321,3.70571743 L6.573,6 L8.86785321,8.29428257 C9.02624037,8.45266973 9.02624037,8.70946605 8.86785321,8.86785321 C8.70946605,9.02624037 8.45266973,9.02624037 8.29428257,8.86785321 L6,6.573 L3.70571743,8.86785321 C3.54733027,9.02624037 3.29053395,9.02624037 3.13214679,8.86785321 C2.97375963,8.70946605 2.97375963,8.45266973 3.13214679,8.29428257 L5.427,6 L3.13214679,3.70571743 C2.97375963,3.54733027 2.97375963,3.29053395 3.13214679,3.13214679 C3.29053395,2.97375963 3.54733027,2.97375963 3.70571743,3.13214679 L6,5.427 L8.29428257,3.13214679 C8.45266973,2.97375963 8.70946605,2.97375963 8.86785321,3.13214679 Z",
+  "fill-rule": "nonzero"
+}, null)])]);
+var tagInput = "";
+const tagInputProps = {
+  tags: {
+    type: Array,
+    default: () => []
+  },
+  displayProperty: {
+    type: String,
+    default: "name"
+  },
+  placeholder: {
+    type: String,
+    default: ""
+  },
+  minLength: {
+    type: Number,
+    default: 3
+  },
+  maxLength: {
+    type: Number,
+    default: Number.MAX_SAFE_INTEGER
+  },
+  maxTags: {
+    type: Number,
+    default: Number.MAX_SAFE_INTEGER
+  },
+  maxTagsText: {
+    type: String,
+    default: "\u5DF2\u8FBE\u5230\u6700\u5927\u4E2A\u6570\uFF1A"
+  },
+  spellcheck: {
+    type: Boolean,
+    default: true
+  },
+  suggestionList: {
+    type: Array,
+    default: () => []
+  },
+  disabled: {
+    type: Boolean,
+    default: false
+  },
+  isAddBySpace: {
+    type: Boolean,
+    default: true
+  },
+  disabledText: {
+    type: String,
+    default: ""
+  },
+  noData: {
+    type: String,
+    default: ""
+  },
+  caseSensitivity: {
+    type: Boolean,
+    default: false
+  }
+};
+const KEYS_MAP = {
+  tab: "Tab",
+  down: "ArrowDown",
+  up: "ArrowUp",
+  enter: "Enter",
+  space: " "
+};
+var TagInput = defineComponent({
+  name: "DTagInput",
+  props: tagInputProps,
+  emits: ["update:tags", "update:suggestionList", "valueChange"],
+  setup(props, ctx) {
+    const add = (arr, target) => {
+      const res = Object.assign({}, target);
+      delete res.__index;
+      return arr.concat(res);
+    };
+    const remove = (arr, targetIdx) => {
+      const newArr = arr.slice();
+      newArr.splice(targetIdx, 1);
+      return newArr;
+    };
+    const tagInputVal = ref("");
+    const onInput = ($event) => {
+      const v = $event.target.value || "";
+      tagInputVal.value = v.trim();
+    };
+    const mergedSuggestions = computed(() => {
+      let suggestions = props.suggestionList.map((item, index2) => {
+        return __spreadValues({
+          __index: index2
+        }, item);
+      });
+      if (tagInputVal.value === "") {
+        return suggestions;
+      }
+      return suggestions = props.caseSensitivity ? suggestions.filter((item) => item[props.displayProperty].indexOf(tagInputVal.value) !== -1) : suggestions.filter((item) => item[props.displayProperty].toLowerCase().indexOf(tagInputVal.value.toLowerCase()) !== -1);
+    });
+    const selectIndex = ref(0);
+    watch(mergedSuggestions, () => {
+      selectIndex.value = 0;
+    });
+    const onSelectIndexChange = (isUp = false) => {
+      if (isUp) {
+        selectIndex.value < mergedSuggestions.value.length - 1 ? selectIndex.value++ : selectIndex.value = 0;
+        return;
+      }
+      selectIndex.value > 0 ? selectIndex.value-- : selectIndex.value = mergedSuggestions.value.length - 1;
+    };
+    const tagInputRef = ref(null);
+    const isInputBoxFocus = ref(false);
+    const onInputFocus = () => {
+      isInputBoxFocus.value = true;
+    };
+    const onInputBlur = () => {
+      isInputBoxFocus.value = false;
+    };
+    const handleEnter = () => {
+      let res = {
+        [props.displayProperty]: tagInputVal.value
+      };
+      if (tagInputVal.value === "" && mergedSuggestions.value.length === 0)
+        return false;
+      if (props.tags.findIndex((item) => item[props.displayProperty] === tagInputVal.value) > -1) {
+        tagInputVal.value = "";
+        return false;
+      }
+      if (mergedSuggestions.value.length === 0 && (tagInputVal.value.length < props.minLength || tagInputVal.value.length > props.maxLength)) {
+        tagInputVal.value = "";
+        return false;
+      }
+      if (mergedSuggestions.value.length) {
+        const target = mergedSuggestions.value[selectIndex.value];
+        res = target;
+        ctx.emit("update:suggestionList", remove(props.suggestionList, target.__index));
+      }
+      const newTags = add(props.tags, res);
+      ctx.emit("valueChange", props.tags, newTags);
+      ctx.emit("update:tags", newTags);
+      mergedSuggestions.value.length === 0 && (tagInputVal.value = "");
+    };
+    const onInputKeydown = ($event) => {
+      switch ($event.key) {
+        case KEYS_MAP.tab:
+        case KEYS_MAP.enter:
+        case KEYS_MAP.space:
+          if (!props.isAddBySpace && KEYS_MAP.space)
+            return;
+          handleEnter();
+          break;
+        case KEYS_MAP.down:
+          onSelectIndexChange(true);
+          break;
+        case KEYS_MAP.up:
+          onSelectIndexChange();
+          break;
+      }
+    };
+    const removeTag = ($event, tagIdx) => {
+      $event.preventDefault();
+      ctx.emit("update:suggestionList", add(props.suggestionList, props.tags[tagIdx]));
+      const newTags = remove(props.tags, tagIdx);
+      ctx.emit("valueChange", props.tags, newTags);
+      ctx.emit("update:tags", newTags);
+      nextTick(() => {
+        var _a;
+        (_a = tagInputRef.value) == null ? void 0 : _a.focus();
+      });
+    };
+    const onSuggestionItemClick = ($event, itemIndex) => {
+      $event.preventDefault();
+      const target = mergedSuggestions.value[itemIndex];
+      const newTags = add(props.tags, target);
+      const newSuggestions = remove(props.suggestionList, target.__index);
+      ctx.emit("valueChange", props.tags, newTags);
+      ctx.emit("update:tags", newTags);
+      ctx.emit("update:suggestionList", newSuggestions);
+    };
+    const isTagsLimit = computed(() => props.maxTags <= props.tags.length);
+    const isShowSuggestion = computed(() => {
+      return !props.disabled && !isTagsLimit.value && isInputBoxFocus.value;
+    });
+    return {
+      tagInputRef,
+      tagInputVal,
+      isInputBoxFocus,
+      onInput,
+      onInputFocus,
+      onInputBlur,
+      removeTag,
+      onSuggestionItemClick,
+      onInputKeydown,
+      isShowSuggestion,
+      mergedSuggestions,
+      selectIndex,
+      isTagsLimit
+    };
+  },
+  render() {
+    const {
+      tagInputVal,
+      isInputBoxFocus,
+      disabled,
+      disabledText,
+      isTagsLimit,
+      maxTagsText,
+      displayProperty,
+      tags,
+      onInputKeydown,
+      onInputFocus,
+      onInputBlur,
+      onInput,
+      onSuggestionItemClick,
+      removeTag,
+      placeholder,
+      spellcheck,
+      isShowSuggestion,
+      noData,
+      mergedSuggestions,
+      selectIndex,
+      maxTags
+    } = this;
+    const inputBoxCls = {
+      "devui-tags": true,
+      "devui-form-control": true,
+      "devui-dropdown-origin": true,
+      "devui-dropdown-origin-open": isInputBoxFocus,
+      "devui-disabled": disabled
+    };
+    const tagInputCls = {
+      input: true,
+      "devui-input": true,
+      "invalid-tag": false
+    };
+    const tagInputStyle = [`display:${disabled ? "none" : "block"};`];
+    const noDataTpl = createVNode("li", {
+      "class": "devui-suggestion-item devui-disabled"
+    }, [noData]);
+    return createVNode("div", {
+      "class": "devui-tags-host",
+      "tabindex": "-1"
+    }, [createVNode("div", {
+      "class": inputBoxCls,
+      "style": ["box-shadow: none;"]
+    }, [createVNode("ul", {
+      "class": "devui-tag-list",
+      "title": disabled ? disabledText : ""
+    }, [tags.map((tag, tagIdx) => {
+      return createVNode("li", {
+        "class": "devui-tag-item"
+      }, [createVNode("span", null, [tag[displayProperty]]), !disabled && createVNode("a", {
+        "class": "remove-button",
+        "onMousedown": ($event) => removeTag($event, tagIdx)
+      }, [removeBtnSvg])]);
+    })]), createVNode("input", {
+      "type": "text",
+      "ref": "tagInputRef",
+      "value": tagInputVal,
+      "class": tagInputCls,
+      "style": tagInputStyle,
+      "onKeydown": onInputKeydown,
+      "onFocus": onInputFocus,
+      "onBlur": onInputBlur,
+      "onInput": ($event) => onInput($event),
+      "placeholder": isTagsLimit ? `${maxTagsText} ${maxTags}` : placeholder,
+      "spellcheck": spellcheck,
+      "disabled": isTagsLimit
+    }, null)]), !isShowSuggestion ? "" : createVNode("div", {
+      "class": "devui-tags-autocomplete devui-dropdown-menu"
+    }, [createVNode("ul", {
+      "class": "devui-suggestion-list"
+    }, [mergedSuggestions.length === 0 ? noDataTpl : mergedSuggestions.map((item, index2) => {
+      return createVNode("li", {
+        "class": {
+          "devui-suggestion-item": true,
+          selected: index2 === selectIndex
+        },
+        "onMousedown": ($event) => {
+          onSuggestionItemClick($event, index2);
+        }
+      }, [item[displayProperty]]);
+    })])])]);
+  }
+});
+TagInput.install = function(app) {
+  app.component(TagInput.name, TagInput);
+};
+var index = {
+  title: "TagInput \u6807\u7B7E\u8F93\u5165\u6846",
+  category: "\u6570\u636E\u5F55\u5165",
+  status: "100%",
+  install(app) {
+    app.use(TagInput);
+  }
+};
+export { TagInput, index as default };

package/tag-input/index.umd.js

@@ -1 +1 @@
-var __defProp=Object.defineProperty,__getOwnPropSymbols=Object.getOwnPropertySymbols,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable,__defNormalProp=(e,t,a)=>t in e?__defProp(e,t,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[t]=a,__spreadValues=(e,t)=>{for(var a in t||(t={}))__hasOwnProp.call(t,a)&&__defNormalProp(e,a,t[a]);if(__getOwnPropSymbols)for(var a of __getOwnPropSymbols(t))__propIsEnum.call(t,a)&&__defNormalProp(e,a,t[a]);return e},__require="undefined"!=typeof require?require:e=>{throw new Error('Dynamic require of "'+e+'" is not supported')};!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";var a=t.createVNode("svg",t.mergeProps({width:"12px",height:"12px",viewBox:"0 0 12 12",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},{"xmlns:xlink":"http://www.w3.org/1999/xlink"}),[t.createVNode("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[t.createVNode("path",{d:"M8.86785321,3.13214679 C9.02624037,3.29053395 9.02624037,3.54733027 8.86785321,3.70571743 L6.573,6 L8.86785321,8.29428257 C9.02624037,8.45266973 9.02624037,8.70946605 8.86785321,8.86785321 C8.70946605,9.02624037 8.45266973,9.02624037 8.29428257,8.86785321 L6,6.573 L3.70571743,8.86785321 C3.54733027,9.02624037 3.29053395,9.02624037 3.13214679,8.86785321 C2.97375963,8.70946605 2.97375963,8.45266973 3.13214679,8.29428257 L5.427,6 L3.13214679,3.70571743 C2.97375963,3.54733027 2.97375963,3.29053395 3.13214679,3.13214679 C3.29053395,2.97375963 3.54733027,2.97375963 3.70571743,3.13214679 L6,5.427 L8.29428257,3.13214679 C8.45266973,2.97375963 8.70946605,2.97375963 8.86785321,3.13214679 Z","fill-rule":"nonzero"},null)])]);const n={tags:{type:Array,default:()=>[]},displayProperty:{type:String,default:"name"},placeholder:{type:String,default:""},minLength:{type:Number,default:3},maxLength:{type:Number,default:Number.MAX_SAFE_INTEGER},maxTags:{type:Number,default:Number.MAX_SAFE_INTEGER},maxTagsText:{type:String,default:"已达到最大个数："},spellcheck:{type:Boolean,default:!0},suggestionList:{type:Array,default:()=>[]},disabled:{type:Boolean,default:!1},isAddBySpace:{type:Boolean,default:!0},disabledText:{type:String,default:""},noData:{type:String,default:""},onValueChange:{type:Function,default:void 0},"onUpdate:tags":{type:Function,default:void 0},"onUpdate:suggestionList":{type:Function,default:void 0}},o="Tab",s="ArrowDown",u="ArrowUp",l="Enter";var i=t.defineComponent({name:"DTagInput",props:n,emits:["update:tags","update:suggestionList","valueChange"],setup(e,a){const n=(e,t)=>{const a=Object.assign({},t);return delete a.__index,e.concat(a)},i=(e,t)=>{const a=e.slice();return a.splice(t,1),a},r=t.ref(""),d=t.computed((()=>{const t=e.suggestionList.map(((e,t)=>__spreadValues({__index:t},e)));return""===r.value?t:t.filter((t=>t[e.displayProperty].includes(r.value)))})),p=t.ref(0);t.watch(d,(()=>{p.value=0}));const g=(e=!1)=>{e?p.value<d.value.length-1?p.value++:p.value=0:p.value>0?p.value--:p.value=d.value.length-1},c=t.ref(null),v=t.ref(!1),m=t.computed((()=>e.maxTags<=e.tags.length)),f=t.computed((()=>!e.disabled&&!m.value&&v.value));return{tagInputRef:c,tagInputVal:r,isInputBoxFocus:v,onInput:e=>{const t=e.target.value||"";r.value=t.trim()},onInputFocus:()=>{v.value=!0},onInputBlur:()=>{v.value=!1},removeTag:(o,s)=>{o.preventDefault(),a.emit("update:suggestionList",n(e.suggestionList,e.tags[s]));const u=i(e.tags,s);a.emit("valueChange",e.tags,u),a.emit("update:tags",u),t.nextTick((()=>{var e;null==(e=c.value)||e.focus()}))},onSuggestionItemClick:(t,o)=>{t.preventDefault();const s=d.value[o],u=n(e.tags,s),l=i(e.suggestionList,s.__index);a.emit("valueChange",e.tags,u),a.emit("update:tags",u),a.emit("update:suggestionList",l)},onInputKeydown:t=>{switch(t.key){case o:case l:(()=>{let t={[e.displayProperty]:r.value};if(""===r.value&&0===d.value.length)return!1;if(d.value.length){const n=d.value[p.value];t=n,a.emit("update:suggestionList",i(e.suggestionList,n.__index))}const o=n(e.tags,t);a.emit("valueChange",e.tags,o),a.emit("update:tags",o),0===d.value.length&&(r.value="")})();break;case s:g(!0);break;case u:g()}},isShowSuggestion:f,mergedSuggestions:d,selectIndex:p,isTagsLimit:m}},render(){const{tagInputVal:e,isInputBoxFocus:n,disabled:o,disabledText:s,isTagsLimit:u,maxTagsText:l,displayProperty:i,tags:r,onInputKeydown:d,onInputFocus:p,onInputBlur:g,onInput:c,onSuggestionItemClick:v,removeTag:m,placeholder:f,spellcheck:y,isShowSuggestion:_,noData:h,mergedSuggestions:b,selectIndex:w,maxTags:x}=this,I={"devui-tags":!0,"devui-form-control":!0,"devui-dropdown-origin":!0,"devui-dropdown-origin-open":n,"devui-disabled":o},N=[`display:${o?"none":"block"};`],T=t.createVNode("li",{class:"devui-suggestion-item devui-disabled"},[h]);return t.createVNode("div",{class:"devui-tags-host",tabindex:"-1"},[t.createVNode("div",{class:I,style:["box-shadow: none;"]},[t.createVNode("ul",{class:"devui-tag-list",title:o?s:""},[r.map(((e,n)=>t.createVNode("li",{class:"devui-tag-item"},[t.createVNode("span",null,[e[i]]),!o&&t.createVNode("a",{class:"remove-button",onMousedown:e=>m(e,n)},[a])])))]),t.createVNode("input",{type:"text",ref:"tagInputRef",value:e,class:{input:!0,"devui-input":!0,"invalid-tag":!1},style:N,onKeydown:d,onFocus:p,onBlur:g,onInput:e=>c(e),placeholder:u?`${l} ${x}`:f,spellcheck:y,disabled:u},null)]),_?t.createVNode("div",{class:"devui-tags-autocomplete devui-dropdown-menu"},[t.createVNode("ul",{class:"devui-suggestion-list"},[0===b.length?T:b.map(((e,a)=>t.createVNode("li",{class:{"devui-suggestion-item":!0,selected:a===w},onMousedown:e=>{v(e,a)}},[e[i]])))])]):""])}});i.install=function(e){e.component(i.name,i)};var r={title:"TagInput 标签输入框",category:"数据录入",status:"10%",install(e){e.use(i)}};e.TagInput=i,e.default=r,Object.defineProperty(e,"__esModule",{value:!0}),e[Symbol.toStringTag]="Module"}));
+var K=Object.defineProperty;var A=Object.getOwnPropertySymbols;var O=Object.prototype.hasOwnProperty,R=Object.prototype.propertyIsEnumerable;var E=(u,e,o)=>e in u?K(u,e,{enumerable:!0,configurable:!0,writable:!0,value:o}):u[e]=o,P=(u,e)=>{for(var o in e||(e={}))O.call(e,o)&&E(u,o,e[o]);if(A)for(var o of A(e))R.call(e,o)&&E(u,o,e[o]);return u};(function(u,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(u=typeof globalThis!="undefined"?globalThis:u||self,e(u.index={},u.Vue))})(this,function(u,e){"use strict";var o=e.createVNode("svg",e.mergeProps({width:"12px",height:"12px",viewBox:"0 0 12 12",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},{"xmlns:xlink":"http://www.w3.org/1999/xlink"}),[e.createVNode("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[e.createVNode("path",{d:"M8.86785321,3.13214679 C9.02624037,3.29053395 9.02624037,3.54733027 8.86785321,3.70571743 L6.573,6 L8.86785321,8.29428257 C9.02624037,8.45266973 9.02624037,8.70946605 8.86785321,8.86785321 C8.70946605,9.02624037 8.45266973,9.02624037 8.29428257,8.86785321 L6,6.573 L3.70571743,8.86785321 C3.54733027,9.02624037 3.29053395,9.02624037 3.13214679,8.86785321 C2.97375963,8.70946605 2.97375963,8.45266973 3.13214679,8.29428257 L5.427,6 L3.13214679,3.70571743 C2.97375963,3.54733027 2.97375963,3.29053395 3.13214679,3.13214679 C3.29053395,2.97375963 3.54733027,2.97375963 3.70571743,3.13214679 L6,5.427 L8.29428257,3.13214679 C8.45266973,2.97375963 8.70946605,2.97375963 8.86785321,3.13214679 Z","fill-rule":"nonzero"},null)])]),j="";const F={tags:{type:Array,default:()=>[]},displayProperty:{type:String,default:"name"},placeholder:{type:String,default:""},minLength:{type:Number,default:3},maxLength:{type:Number,default:Number.MAX_SAFE_INTEGER},maxTags:{type:Number,default:Number.MAX_SAFE_INTEGER},maxTagsText:{type:String,default:"\u5DF2\u8FBE\u5230\u6700\u5927\u4E2A\u6570\uFF1A"},spellcheck:{type:Boolean,default:!0},suggestionList:{type:Array,default:()=>[]},disabled:{type:Boolean,default:!1},isAddBySpace:{type:Boolean,default:!0},disabledText:{type:String,default:""},noData:{type:String,default:""},caseSensitivity:{type:Boolean,default:!1}},p={tab:"Tab",down:"ArrowDown",up:"ArrowUp",enter:"Enter",space:" "};var m=e.defineComponent({name:"DTagInput",props:F,emits:["update:tags","update:suggestionList","valueChange"],setup(t,d){const g=(n,a)=>{const s=Object.assign({},a);return delete s.__index,n.concat(s)},v=(n,a)=>{const s=n.slice();return s.splice(a,1),s},l=e.ref(""),b=n=>{const a=n.target.value||"";l.value=a.trim()},i=e.computed(()=>{let n=t.suggestionList.map((a,s)=>P({__index:s},a));return l.value===""?n:n=t.caseSensitivity?n.filter(a=>a[t.displayProperty].indexOf(l.value)!==-1):n.filter(a=>a[t.displayProperty].toLowerCase().indexOf(l.value.toLowerCase())!==-1)}),r=e.ref(0);e.watch(i,()=>{r.value=0});const h=(n=!1)=>{if(n){r.value<i.value.length-1?r.value++:r.value=0;return}r.value>0?r.value--:r.value=i.value.length-1},w=e.ref(null),f=e.ref(!1),S=()=>{f.value=!0},L=()=>{f.value=!1},N=()=>{let n={[t.displayProperty]:l.value};if(l.value===""&&i.value.length===0)return!1;if(t.tags.findIndex(s=>s[t.displayProperty]===l.value)>-1||i.value.length===0&&(l.value.length<t.minLength||l.value.length>t.maxLength))return l.value="",!1;if(i.value.length){const s=i.value[r.value];n=s,d.emit("update:suggestionList",v(t.suggestionList,s.__index))}const a=g(t.tags,n);d.emit("valueChange",t.tags,a),d.emit("update:tags",a),i.value.length===0&&(l.value="")},C=n=>{switch(n.key){case p.tab:case p.enter:case p.space:if(!t.isAddBySpace&&p.space)return;N();break;case p.down:h(!0);break;case p.up:h();break}},V=(n,a)=>{n.preventDefault(),d.emit("update:suggestionList",g(t.suggestionList,t.tags[a]));const s=v(t.tags,a);d.emit("valueChange",t.tags,s),d.emit("update:tags",s),e.nextTick(()=>{var c;(c=w.value)==null||c.focus()})},k=(n,a)=>{n.preventDefault();const s=i.value[a],c=g(t.tags,s),B=v(t.suggestionList,s.__index);d.emit("valueChange",t.tags,c),d.emit("update:tags",c),d.emit("update:suggestionList",B)},I=e.computed(()=>t.maxTags<=t.tags.length),T=e.computed(()=>!t.disabled&&!I.value&&f.value);return{tagInputRef:w,tagInputVal:l,isInputBoxFocus:f,onInput:b,onInputFocus:S,onInputBlur:L,removeTag:V,onSuggestionItemClick:k,onInputKeydown:C,isShowSuggestion:T,mergedSuggestions:i,selectIndex:r,isTagsLimit:I}},render(){const{tagInputVal:t,isInputBoxFocus:d,disabled:g,disabledText:v,isTagsLimit:l,maxTagsText:b,displayProperty:i,tags:r,onInputKeydown:h,onInputFocus:w,onInputBlur:f,onInput:S,onSuggestionItemClick:L,removeTag:N,placeholder:C,spellcheck:V,isShowSuggestion:k,noData:I,mergedSuggestions:T,selectIndex:n,maxTags:a}=this,s={"devui-tags":!0,"devui-form-control":!0,"devui-dropdown-origin":!0,"devui-dropdown-origin-open":d,"devui-disabled":g},c={input:!0,"devui-input":!0,"invalid-tag":!1},B=[`display:${g?"none":"block"};`],D=e.createVNode("li",{class:"devui-suggestion-item devui-disabled"},[I]);return e.createVNode("div",{class:"devui-tags-host",tabindex:"-1"},[e.createVNode("div",{class:s,style:["box-shadow: none;"]},[e.createVNode("ul",{class:"devui-tag-list",title:g?v:""},[r.map((y,x)=>e.createVNode("li",{class:"devui-tag-item"},[e.createVNode("span",null,[y[i]]),!g&&e.createVNode("a",{class:"remove-button",onMousedown:_=>N(_,x)},[o])]))]),e.createVNode("input",{type:"text",ref:"tagInputRef",value:t,class:c,style:B,onKeydown:h,onFocus:w,onBlur:f,onInput:y=>S(y),placeholder:l?`${b} ${a}`:C,spellcheck:V,disabled:l},null)]),k?e.createVNode("div",{class:"devui-tags-autocomplete devui-dropdown-menu"},[e.createVNode("ul",{class:"devui-suggestion-list"},[T.length===0?D:T.map((y,x)=>e.createVNode("li",{class:{"devui-suggestion-item":!0,selected:x===n},onMousedown:_=>{L(_,x)}},[y[i]]))])]):""])}});m.install=function(t){t.component(m.name,m)};var M={title:"TagInput \u6807\u7B7E\u8F93\u5165\u6846",category:"\u6570\u636E\u5F55\u5165",status:"100%",install(t){t.use(m)}};u.TagInput=m,u.default=M,Object.defineProperty(u,"__esModule",{value:!0}),u[Symbol.toStringTag]="Module"});

package/textarea/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;

package/textarea/index.es.js

@@ -0,0 +1,132 @@
+import { defineComponent, ref, createVNode, mergeProps } from "vue";
+const textareaProps = {
+  id: {
+    type: String,
+    default: void 0
+  },
+  autofocus: {
+    type: Boolean,
+    default: false
+  },
+  showCount: {
+    type: Boolean,
+    default: false
+  },
+  placeholder: {
+    type: String,
+    default: void 0
+  },
+  value: {
+    type: String,
+    default: ""
+  },
+  maxLength: {
+    type: [String, Number],
+    default: void 0
+  },
+  disabled: {
+    type: Boolean,
+    default: false
+  },
+  error: {
+    type: Boolean,
+    default: false
+  },
+  cssClass: {
+    type: String,
+    default: ""
+  },
+  resize: {
+    type: String,
+    default: "none"
+  }
+};
+var textarea = "";
+var Textarea = defineComponent({
+  name: "DTextarea",
+  props: textareaProps,
+  emits: ["update:value", "focus", "blur", "change", "keydown"],
+  setup(props, ctx) {
+    const textareaCls = {
+      error: props.error,
+      [props.cssClass]: true
+    };
+    const curValueRef = ref(props.value);
+    const onInput = ($event) => {
+      const inputValue = $event.target.value;
+      curValueRef.value = inputValue;
+      ctx.emit("update:value", inputValue);
+    }, onFocus = ($event) => {
+      ctx.emit("focus", $event);
+    }, onBlur = ($event) => {
+      ctx.emit("blur", $event);
+    }, onChange = ($event) => {
+      ctx.emit("change", $event.target.value);
+    }, onKeydown = ($event) => {
+      ctx.emit("keydown", $event);
+    };
+    return {
+      textareaCls,
+      onInput,
+      onFocus,
+      onBlur,
+      onChange,
+      onKeydown,
+      curValueRef,
+      autofocus: props.autofocus
+    };
+  },
+  render() {
+    const {
+      id,
+      placeholder,
+      disabled,
+      maxLength,
+      resize,
+      textareaCls,
+      onInput,
+      onFocus,
+      onBlur,
+      onChange,
+      onKeydown,
+      showCount,
+      autofocus,
+      curValueRef
+    } = this;
+    return createVNode("div", {
+      "class": "devui-textarea-wrap"
+    }, [createVNode("textarea", mergeProps({
+      DTextarea: true
+    }, {
+      "id": id,
+      "value": curValueRef,
+      "autofocus": autofocus,
+      "placeholder": placeholder,
+      "disabled": disabled,
+      "maxlength": maxLength,
+      "style": {
+        resize
+      },
+      "class": textareaCls,
+      "onInput": onInput,
+      "onFocus": onFocus,
+      "onBlur": onBlur,
+      "onChange": onChange,
+      "onKeydown": onKeydown
+    }), null), showCount && createVNode("div", {
+      "class": "devui-textarea-show-count"
+    }, [curValueRef.length, !(maxLength != null ? maxLength : false) ? "" : " / " + maxLength])]);
+  }
+});
+Textarea.install = function(app) {
+  app.component(Textarea.name, Textarea);
+};
+var index = {
+  title: "Textarea \u591A\u884C\u6587\u672C\u6846",
+  category: "\u6570\u636E\u5F55\u5165",
+  status: "100%",
+  install(app) {
+    app.use(Textarea);
+  }
+};
+export { Textarea, index as default };

package/textarea/index.umd.js

@@ -0,0 +1 @@
+(function(n,t){typeof exports=="object"&&typeof module!="undefined"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(n=typeof globalThis!="undefined"?globalThis:n||self,t(n.index={},n.Vue))})(this,function(n,t){"use strict";const g={id:{type:String,default:void 0},autofocus:{type:Boolean,default:!1},showCount:{type:Boolean,default:!1},placeholder:{type:String,default:void 0},value:{type:String,default:""},maxLength:{type:[String,Number],default:void 0},disabled:{type:Boolean,default:!1},error:{type:Boolean,default:!1},cssClass:{type:String,default:""},resize:{type:String,default:"none"}};var C="",l=t.defineComponent({name:"DTextarea",props:g,emits:["update:value","focus","blur","change","keydown"],setup(a,u){const s={error:a.error,[a.cssClass]:!0},o=t.ref(a.value);return{textareaCls:s,onInput:e=>{const r=e.target.value;o.value=r,u.emit("update:value",r)},onFocus:e=>{u.emit("focus",e)},onBlur:e=>{u.emit("blur",e)},onChange:e=>{u.emit("change",e.target.value)},onKeydown:e=>{u.emit("keydown",e)},curValueRef:o,autofocus:a.autofocus}},render(){const{id:a,placeholder:u,disabled:s,maxLength:o,resize:d,textareaCls:i,onInput:f,onFocus:c,onBlur:p,onChange:e,onKeydown:r,showCount:m,autofocus:v,curValueRef:y}=this;return t.createVNode("div",{class:"devui-textarea-wrap"},[t.createVNode("textarea",t.mergeProps({DTextarea:!0},{id:a,value:y,autofocus:v,placeholder:u,disabled:s,maxlength:o,style:{resize:d},class:i,onInput:f,onFocus:c,onBlur:p,onChange:e,onKeydown:r}),null),m&&t.createVNode("div",{class:"devui-textarea-show-count"},[y.length,(o!=null?o:!1)?" / "+o:""])])}});l.install=function(a){a.component(l.name,l)};var h={title:"Textarea \u591A\u884C\u6587\u672C\u6846",category:"\u6570\u636E\u5F55\u5165",status:"100%",install(a){a.use(l)}};n.Textarea=l,n.default=h,Object.defineProperty(n,"__esModule",{value:!0}),n[Symbol.toStringTag]="Module"});

package/textarea/package.json

@@ -0,0 +1,7 @@
+{
+  "name": "textarea",
+  "version": "0.0.0",
+  "main": "index.umd.js",
+  "module": "index.es.js",
+  "style": "style.css"
+}

package/textarea/style.css

@@ -0,0 +1 @@
+@charset "UTF-8";.devui-form-controls input[type=text],.devui-form-controls input[type=password],[dInput]{width:100%;height:28px;font-size:var(--devui-font-size, 12px)}.devui-form-controls input[type=text].devui-input-sm,.devui-form-controls input[type=password].devui-input-sm,[dInput].devui-input-sm{font-size:var(--devui-font-size-sm, 12px);height:26px}.devui-form-controls input[type=text].devui-input-lg,.devui-form-controls input[type=password].devui-input-lg,[dInput].devui-input-lg{font-size:var(--devui-font-size-lg, 14px);height:46px}[dTextArea]{width:100%}.devui-form-controls textarea,[dInput],[dTextarea]{box-sizing:border-box;padding:4px 10px;color:var(--devui-text, #252b3a);vertical-align:middle;border:1px solid var(--devui-form-control-line, #adb0b8);border-radius:var(--devui-border-radius, 2px);outline:none;background-color:var(--devui-base-bg, #ffffff);transition:border-color .3s cubic-bezier(.645,.045,.355,1)}.devui-form-controls textarea:not([disabled]):not(.disabled):not(.devui-disabled):not(.error):not(.devui-error):hover,[dInput]:not([disabled]):not(.disabled):not(.devui-disabled):not(.error):not(.devui-error):hover,[dTextarea]:not([disabled]):not(.disabled):not(.devui-disabled):not(.error):not(.devui-error):hover{border-color:var(--devui-form-control-line-hover, #575d6c)}.devui-form-controls textarea:not([disabled]):not(.disabled):not(.devui-disabled):not(.error):not(.devui-error):focus,[dInput]:not([disabled]):not(.disabled):not(.devui-disabled):not(.error):not(.devui-error):focus,[dTextarea]:not([disabled]):not(.disabled):not(.devui-disabled):not(.error):not(.devui-error):focus{border-color:var(--devui-form-control-line-active, #5e7ce0)}.devui-form-controls textarea[disabled],.devui-form-controls textarea[disabled]:hover,.devui-form-controls textarea.disabled,.devui-form-controls textarea.disabled:hover,.devui-form-controls textarea.devui-disabled,.devui-form-controls textarea.devui-disabled:hover,[dInput][disabled],[dInput][disabled]:hover,[dInput].disabled,[dInput].disabled:hover,[dInput].devui-disabled,[dInput].devui-disabled:hover,[dTextarea][disabled],[dTextarea][disabled]:hover,[dTextarea].disabled,[dTextarea].disabled:hover,[dTextarea].devui-disabled,[dTextarea].devui-disabled:hover{cursor:not-allowed;background-color:var(--devui-disabled-bg, #f5f5f6);border-color:var(--devui-disabled-line, #dfe1e6);color:var(--devui-disabled-text, #adb0b8)}.devui-form-controls textarea,[dTextarea]{width:100%}.devui-input-group{position:relative;display:table;border-collapse:separate}.devui-input-group-addon{border:1px solid var(--devui-form-control-line, #adb0b8);border-radius:var(--devui-border-radius, 2px);display:table-cell;padding:0 10px;text-align:center}.devui-input-group-addon:last-child{border-top-left-radius:0;border-bottom-left-radius:0;border-left:0}.devui-input-group-addon:first-child{border-top-right-radius:0;border-bottom-right-radius:0;border-right:0}.devui-input{outline:none;background-color:var(--devui-base-bg, #ffffff);border:1px solid var(--devui-form-control-line, #adb0b8);border-radius:var(--devui-border-radius, 2px);padding:5px 10px;line-height:16px;font-size:var(--devui-font-size, 12px);color:var(--devui-text, #252b3a);width:100%;display:block;cursor:text;height:28px;transition:border-color .3s cubic-bezier(.645,.045,.355,1)}.devui-input:hover{border-color:var(--devui-form-control-line-hover, #575d6c)}.devui-input:focus{border-color:var(--devui-form-control-line-active, #5e7ce0)}.devui-input[disabled],.devui-input[disabled]:hover,.devui-input[disabled]:focus,.devui-input[disabled]:hover:focus,.devui-input.disabled,.devui-input.disabled:hover,.devui-input.disabled:focus,.devui-input.disabled:hover:focus,.devui-input.devui-disabled,.devui-input.devui-disabled:hover,.devui-input.devui-disabled:focus,.devui-input.devui-disabled:hover:focus{border-color:var(--devui-disabled-line, #dfe1e6);color:var(--devui-disabled-text, #adb0b8);background-color:var(--devui-disabled-bg, #f5f5f6);cursor:not-allowed}.devui-input::placeholder{color:var(--devui-placeholder, #8a8e99)}.devui-input.devui-search-in-dropdown{margin:0;border:none;padding:5px 26px 5px 10px;background-color:var(--devui-embed-search-bg, #f2f5fc);color:var(--devui-text, #252b3a)}.devui-input.devui-search-in-dropdown:-ms-input-placeholder{color:var(--devui-placeholder, #8a8e99)}.devui-input.devui-search-in-dropdown:hover{background-color:var(--devui-embed-search-bg-hover, #eef0f5)}.devui-input-group>.devui-input{display:table-cell}.devui-input-group>.devui-input:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.devui-input-group>.devui-input:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.devui-input-group>.devui-input:not(:first-child):not(:last-child){border-radius:0}.devui-input-lg{font-size:var(--devui-font-size-page-title, 16px);line-height:20px;height:32px}.devui-input-sm{font-size:var(--devui-font-size, 12px);line-height:14px;height:26px}.devui-dropup,.devui-dropdown{position:relative}.devui-form-group{position:relative}.devui-form-control{color:var(--devui-text, #252b3a);background-color:var(--devui-base-bg, #ffffff);padding:5px 10px;border:1px solid var(--devui-form-control-line, #adb0b8);display:block;width:100%;height:28px;border-radius:var(--devui-border-radius, 2px);outline:0;transition:border-color .3s cubic-bezier(.645,.045,.355,1)}.devui-form-control[disabled],.devui-form-control[disabled]:hover,.devui-form-control[disabled]:focus,.devui-form-control.disabled,.devui-form-control.disabled:hover,.devui-form-control.disabled:focus,.devui-form-control.devui-disabled,.devui-form-control.devui-disabled:hover,.devui-form-control.devui-disabled:focus{border-color:var(--devui-disabled-line, #dfe1e6)}.devui-form-control[disabled],.devui-form-control[disabled]>input,.devui-form-control[disabled]:hover,.devui-form-control[disabled]:hover>input,.devui-form-control[disabled]:focus,.devui-form-control[disabled]:focus>input,.devui-form-control.disabled,.devui-form-control.disabled>input,.devui-form-control.disabled:hover,.devui-form-control.disabled:hover>input,.devui-form-control.disabled:focus,.devui-form-control.disabled:focus>input,.devui-form-control.devui-disabled,.devui-form-control.devui-disabled>input,.devui-form-control.devui-disabled:hover,.devui-form-control.devui-disabled:hover>input,.devui-form-control.devui-disabled:focus,.devui-form-control.devui-disabled:focus>input{color:var(--devui-disabled-text, #adb0b8);background-color:var(--devui-disabled-bg, #f5f5f6);cursor:not-allowed}.devui-form-control:hover{border-color:var(--devui-form-control-line-hover, #575d6c)}.devui-form-control:focus{border-color:var(--devui-form-control-line-active, #5e7ce0)}:not(.multiple-label-auto-complete-disabled):not(.devui-error)>.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]):not([disabled]):not(.disabled):not(.devui-disabled):not(.devui-dropdown-no-border):not(.devui-no-border){border-color:var(--devui-form-control-line, #adb0b8);transition:border-color .3s cubic-bezier(.645,.045,.355,1)}:not(.multiple-label-auto-complete-disabled):not(.devui-error)>.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]):not([disabled]):not(.disabled):not(.devui-disabled):not(.devui-dropdown-no-border):not(.devui-no-border):hover:not(:focus):not(.devui-dropdown-origin-open){border-color:var(--devui-form-control-line-hover, #575d6c)}:not(.multiple-label-auto-complete-disabled):not(.devui-error)>.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]):not([disabled]):not(.disabled):not(.devui-disabled):not(.devui-dropdown-no-border):not(.devui-no-border):focus,:not(.multiple-label-auto-complete-disabled):not(.devui-error)>.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]):not([disabled]):not(.disabled):not(.devui-disabled):not(.devui-dropdown-no-border):not(.devui-no-border):focus-within{outline:none;border-color:var(--devui-form-control-line-active, #5e7ce0)}:not(.multiple-label-auto-complete-disabled):not(.devui-error)>.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]):not([disabled]):not(.disabled):not(.devui-disabled):not(.devui-dropdown-no-border):not(.devui-no-border).devui-dropdown-origin-open{outline:none;border-color:var(--devui-connected-overlay-line, #526ecc)}.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]){min-height:28px}.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]):not([disabled]):not(.disabled):not(.devui-disabled){color:var(--devui-text, #252b3a)}.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-])>.devui-input,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-])>.devui-form-control{height:26px}.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]):not(.devui-select-underlined-border):not(.devui-dropdown-no-border):not(.devui-no-border){border-radius:var(--devui-border-radius, 2px);border-width:1px;border-style:solid}.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]) .devui-form-control,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]) .devui-form-control:hover,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]) .devui-form-control:focus,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]) .devui-form-control:focus:hover,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]) .devui-input-group-addon,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]) .devui-input-group-addon:hover,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]) .devui-input-group-addon:focus,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-])>.devui-dropdown-default,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-])>.devui-dropdown-default:hover,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-])>.devui-dropdown-default:active,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-])>.devui-dropdown-default:focus{border-color:transparent}.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-])[disabled] .devui-form-control,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-])[disabled] .devui-form-control:hover,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-])[disabled] .devui-form-control:focus,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-])[disabled] .devui-form-control:focus:hover,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-])[disabled] .devui-input-group-addon,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-])[disabled]>.devui-dropdown-default,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-])[disabled]>.devui-dropdown-default:hover,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-])[disabled]>.devui-dropdown-default:active,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-])[disabled]>.devui-dropdown-default:focus,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).disabled .devui-form-control,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).disabled .devui-form-control:hover,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).disabled .devui-form-control:focus,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).disabled .devui-form-control:focus:hover,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).disabled .devui-input-group-addon,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).disabled>.devui-dropdown-default,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).disabled>.devui-dropdown-default:hover,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).disabled>.devui-dropdown-default:active,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).disabled>.devui-dropdown-default:focus,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).devui-disabled .devui-form-control,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).devui-disabled .devui-form-control:hover,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).devui-disabled .devui-form-control:focus,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).devui-disabled .devui-form-control:focus:hover,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).devui-disabled .devui-input-group-addon,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).devui-disabled>.devui-dropdown-default,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).devui-disabled>.devui-dropdown-default:hover,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).devui-disabled>.devui-dropdown-default:active,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).devui-disabled>.devui-dropdown-default:focus{background-color:var(--devui-disabled-bg, #f5f5f6)}input::-moz-placeholder{color:var(--devui-placeholder, #8a8e99)}input:-ms-input-placeholder{color:var(--devui-placeholder, #8a8e99)}input::-webkit-input-placeholder{color:var(--devui-placeholder, #8a8e99)}[dInput]:not([disabled]):not(.disabled):not(.devui-disabled).error,[dTextarea]:not([disabled]):not(.disabled):not(.devui-disabled).error,[dInput]:not([disabled]):not(.disabled):not(.devui-disabled).devui-error,[dTextarea]:not([disabled]):not(.disabled):not(.devui-disabled).devui-error{border-color:var(--devui-danger-line, #f66f6a);background-color:var(--devui-danger-bg, #ffeeed)}[dDatePicker]:not([disabled]):not(.disabled):not(.devui-disabled).devui-error{background-color:var(--devui-danger-bg, #ffeeed)}d-select:not([disabled]):not(.disabled):not(.devui-disabled):not(.multiple-label-auto-complete-disabled).devui-error div.devui-dropdown-origin.devui-dropup,d-select:not([disabled]):not(.disabled):not(.devui-disabled):not(.multiple-label-auto-complete-disabled).devui-error div.devui-dropdown-origin.devui-dropdown{border-color:var(--devui-danger-line, #f66f6a)}d-select:not([disabled]):not(.disabled):not(.devui-disabled):not(.multiple-label-auto-complete-disabled).devui-error div.devui-dropdown-origin.devui-dropup .devui-form-group .devui-input.devui-form-control.devui-select-input:not(.devui-select-search),d-select:not([disabled]):not(.disabled):not(.devui-disabled):not(.multiple-label-auto-complete-disabled).devui-error div.devui-dropdown-origin.devui-dropup .devui-form-group .devui-select-input:not(.devui-select-search)+.devui-form-control-feedback,d-select:not([disabled]):not(.disabled):not(.devui-disabled):not(.multiple-label-auto-complete-disabled).devui-error div.devui-dropdown-origin.devui-dropdown .devui-form-group .devui-input.devui-form-control.devui-select-input:not(.devui-select-search),d-select:not([disabled]):not(.disabled):not(.devui-disabled):not(.multiple-label-auto-complete-disabled).devui-error div.devui-dropdown-origin.devui-dropdown .devui-form-group .devui-select-input:not(.devui-select-search)+.devui-form-control-feedback{background-color:var(--devui-danger-bg, #ffeeed)}d-editable-select:not([disabled]):not(.disabled):not(.devui-disabled).devui-error .devui-form-group:not(.multiple-label-auto-complete-disabled) input.devui-form-control.devui-dropdown-origin{border-color:var(--devui-danger-line, #f66f6a);background-color:var(--devui-danger-bg, #ffeeed)}d-datepicker-pro:not([disabled]):not(.disabled):not(.devui-disabled).devui-error .devui-datepicker-pro-wrapper:not([disabled]):not(.disabled):not(.devui-disabled) .devui-dropdown-toggle .devui-single-picker{border-color:var(--devui-danger-line, #f66f6a);background-color:var(--devui-danger-bg, #ffeeed)}d-datepicker-pro:not([disabled]):not(.disabled):not(.devui-disabled).devui-error .devui-datepicker-pro-wrapper:not([disabled]):not(.disabled):not(.devui-disabled) .devui-dropdown-toggle .devui-single-picker .devui-input:not(.devui-disabled){background-color:var(--devui-danger-bg, #ffeeed)}d-range-datepicker-pro:not([disabled]):not(.disabled):not(.devui-disabled).devui-error .devui-datepicker-pro-wrapper:not([disabled]):not(.disabled):not(.devui-disabled) .devui-dropdown-toggle .devui-range-picker{border-color:var(--devui-danger-line, #f66f6a);background-color:var(--devui-danger-bg, #ffeeed)}d-range-datepicker-pro:not([disabled]):not(.disabled):not(.devui-disabled).devui-error .devui-datepicker-pro-wrapper:not([disabled]):not(.disabled):not(.devui-disabled) .devui-dropdown-toggle .devui-range-picker .devui-input:not(.devui-disabled){background-color:var(--devui-danger-bg, #ffeeed)}d-input-number:not([disabled]):not(.disabled):not(.devui-disabled).devui-error .input-box:not(:disabled){border-color:var(--devui-danger-line, #f66f6a);background-color:var(--devui-danger-bg, #ffeeed)}d-multi-auto-complete:not([disabled]):not(.disabled):not(.devui-disabled).devui-error :not(.multiple-label-auto-complete-disabled).multiple-label-auto-complete.multiple-label-auto-complete-border ul.devui-dropdown-origin{border-color:var(--devui-danger-line, #f66f6a);background-color:var(--devui-danger-bg, #ffeeed)}d-multi-auto-complete:not([disabled]):not(.disabled):not(.devui-disabled).devui-error :not(.multiple-label-auto-complete-disabled) input[dAutoComplete]{background-color:var(--devui-danger-bg, #ffeeed)}d-tags-input:not([disabled]):not(.disabled):not(.devui-disabled).devui-error :not(.multiple-label-auto-complete-disabled) div.devui-tags.devui-form-control{border-color:var(--devui-danger-line, #f66f6a);background-color:var(--devui-danger-bg, #ffeeed)}d-tags-input:not([disabled]):not(.disabled):not(.devui-disabled).devui-error :not(.multiple-label-auto-complete-disabled) input.devui-input{background-color:var(--devui-danger-bg, #ffeeed)}d-tree-select:not([disabled]):not(.disabled):not(.devui-disabled).devui-error :not(.multiple-label-auto-complete-disabled)>div.devui-select-input.devui-dropdown-origin.devui-tree-select-input{border-color:var(--devui-danger-line, #f66f6a);background-color:var(--devui-danger-bg, #ffeeed)}d-search:not([disabled]):not(.disabled):not(.devui-disabled).devui-error input.devui-input{border-color:var(--devui-danger-line, #f66f6a);background-color:var(--devui-danger-bg, #ffeeed)}d-editor-md:not([disabled]):not(.disabled):not(.devui-disabled).devui-error{border-color:var(--devui-danger-line, #f66f6a)}d-editor:not([disabled]):not(.disabled):not(.devui-disabled).devui-error .ql-toolbar,d-editor:not([disabled]):not(.disabled):not(.devui-disabled).devui-error .ql-container{border-color:var(--devui-danger-line, #f66f6a)}d-form-control d-search{width:100%}.devui-form-controls.devui-form-control-has-suffix [dInput],.devui-form-controls.devui-form-control-has-suffix [dTextArea]{padding-right:28px}.devui-form-controls.devui-form-control-has-suffix.devui-form-control-has-feedback [dInput],.devui-form-controls.devui-form-control-has-suffix.devui-form-control-has-feedback [dTextArea]{padding-right:56px}.devui-form-controls.devui-form-control-has-feedback [dInput],.devui-form-controls.devui-form-control-has-feedback [dTextarea]{padding-right:28px}.devui-form-controls.devui-form-control-has-feedback d-search .devui-search .devui-search-icon{right:24px}.devui-form-controls.devui-form-control-has-feedback d-search .devui-search .devui-search-line{right:60px}.devui-form-controls.devui-form-control-has-feedback d-search .devui-search .devui-search-clear{right:60px}.devui-form-controls.devui-form-control-has-feedback d-search .devui-search .devui-input.devui-icon-left{padding-right:30px}.devui-form-controls.devui-form-control-has-feedback d-search .devui-search .devui-input{padding-right:54px}.devui-form-controls.devui-form-control-has-feedback d-search .devui-search .devui-input.devui-clear-exit{padding-right:84px}.devui-form-controls.devui-form-control-has-feedback d-search .devui-search .devui-search-line.devui-search-line-sm{right:60px}.devui-form-controls.devui-form-control-has-feedback d-search .devui-search .devui-search-clear.devui-search-clear-sm{right:60px}.devui-form-controls.devui-form-control-has-feedback d-search .devui-search .devui-input.devui-input-sm{padding-right:54px}.devui-form-controls.devui-form-control-has-feedback d-search .devui-search .devui-input.devui-clear-exit.devui-input-sm{padding-right:84px}.devui-form-controls.devui-form-control-has-feedback d-search .devui-search .devui-search-line.devui-search-line-lg{right:70px}.devui-form-controls.devui-form-control-has-feedback d-search .devui-search .devui-search-clear.devui-search-clear-lg{right:70px}.devui-form-controls.devui-form-control-has-feedback d-search .devui-search .devui-input.devui-input-lg{padding-right:60px}.devui-form-controls.devui-form-control-has-feedback d-search .devui-search .devui-input.devui-clear-exit.devui-input-lg{padding-right:95px}.devui-form-controls.devui-form-control-has-feedback d-select .devui-form-group .devui-select-input{padding-right:48px}.devui-form-controls.devui-form-control-has-feedback d-select .devui-form-group .devui-form-control-feedback{right:24px}.devui-form-controls.devui-form-control-has-feedback d-tree-select{vertical-align:middle}.devui-form-controls.devui-form-control-has-feedback d-tree-select .devui-tree-select .devui-select-input.devui-tree-select-input{padding-right:52px}.devui-form-controls.devui-form-control-has-feedback d-tree-select .devui-tree-select .devui-select-chevron-icon{right:34px}.devui-form-controls.devui-form-control-has-feedback d-input-number{width:100%}.devui-form-controls.devui-form-control-has-feedback d-input-number .input-control-buttons{right:32px}.devui-form-controls.devui-form-control-has-feedback d-input-number .input-box{padding-right:32px}.devui-form-controls.devui-form-control-has-feedback d-input-number:hover .input-box:not(.disabled){padding-right:58px}.devui-form-controls.devui-form-control-has-feedback d-tags-input .devui-tags{padding-right:28px}.devui-form-controls.devui-form-control-has-feedback d-multi-auto-complete .multiple-label-auto-complete ul{padding-right:28px}.devui-form-controls.devui-form-control-has-feedback d-editable-select .devui-form-group.devui-has-feedback>.devui-form-control-feedback{right:24px}.devui-form-controls.devui-form-control-has-feedback d-editable-select>div>.devui-form-control{padding-right:48px}.devui-form-controls.devui-form-control-has-feedback [dDatePicker].devui-form-control{padding-right:32px}.devui-textarea-wrap .devui-textarea-show-count{text-align:right;color:inherit;white-space:nowrap;pointer-events:none;font-size:var(--devui-font-size, 12px)}

package/time-axis/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;