vue-devui 1.0.0-pre.0 → 1.0.0-rc.10

package/tag-input/index.es.js

@@ -1,329 +0,0 @@
-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 +0,0 @@
-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/tag-input/package.json

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

package/tag-input/style.css

@@ -1 +0,0 @@
-:host{display:block;outline:none}.devui-tags-host{position:relative;height:100%;outline:none}.devui-tags-host:active{outline:0}.devui-form-control.devui-tags{-moz-appearance:textfield;-webkit-appearance:textfield;padding:2px 4px;overflow:hidden;word-wrap:break-word;cursor:text;background-color:var(--devui-base-bg, #ffffff);border:1px solid var(--devui-line, #adb0b8);border-radius:var(--devui-border-radius, 2px);height:100%;transition:border-color .3s cubic-bezier(.645,.045,.355,1)}.devui-form-control.devui-tags:hover{border-color:var(--devui-list-item-hover-bg, #f2f5fc)}.devui-form-control.devui-tags.focused{outline:0}.devui-form-control.devui-tags.devui-dropdown-origin:focus-within{border-color:var(--devui-brand, #5e7ce0)}.devui-form-control.devui-tags .devui-tag-list{margin:0;padding:0;list-style-type:none}.devui-form-control.devui-tags .devui-tag-item{margin:1px;padding:0 10px;display:inline-block;min-height:18px;line-height:18px;border-radius:var(--devui-border-radius, 2px);color:var(--devui-text, #252b3a);background-color:var(--devui-label-bg, #eef0f5);position:relative;border:1px solid var(--devui-label-bg, #eef0f5)}.devui-form-control.devui-tags .devui-tag-item span{line-height:1.5;margin-right:25px}.devui-form-control.devui-tags .devui-tag-item .remove-button{margin:0 0 0 12px;padding:0;border:none;vertical-align:top;font-size:var(--devui-font-size-page-title, 16px);border-radius:50%;background-color:var(--devui-line, #adb0b8);width:12px;height:12px;display:inline-block;line-height:12px;text-align:center;transform:translateY(-50%);position:absolute;top:50%;right:10px}.devui-form-control.devui-tags .devui-tag-item .remove-button svg path{fill:var(--devui-light-text, #ffffff)}.devui-form-control.devui-tags .devui-tag-item .remove-button:hover{text-decoration:none}.devui-form-control.devui-tags:not(.devui-disabled) .devui-tag-item{cursor:pointer}.devui-form-control.devui-tags:not(.devui-disabled) .devui-tag-item span:hover{color:var(--devui-list-item-hover-text, #526ecc)}.devui-form-control.devui-tags:not(.devui-disabled) .devui-tag-item .remove-button:hover{background-color:var(--devui-list-item-hover-text, #526ecc)}.devui-form-control.devui-tags.devui-disabled{border-color:var(--devui-disabled-line, #dfe1e6);background-color:var(--devui-disabled-bg, #f5f5f6);cursor:not-allowed}.devui-form-control.devui-tags.devui-disabled .devui-tag-item{color:var(--devui-disabled-text, #adb0b8);background-color:var(--devui-disabled-bg, #f5f5f6);border-color:var(--devui-disabled-line, #dfe1e6)}.devui-form-control.devui-tags.devui-disabled .devui-tag-item span{margin-right:0}.devui-form-control.devui-tags.devui-disabled .devui-tag-item .remove-button{background-color:var(--devui-disabled-line, #dfe1e6)}.devui-form-control.devui-tags.devui-disabled .devui-tag-item .remove-button svg path{fill:var(--devui-light-text, #ffffff)}.devui-form-control.devui-tags.devui-disabled .devui-tag-list{min-height:22px}.devui-form-control.devui-tags input.devui-input{border:0;outline:0;float:left;width:100%;height:22px;font-size:var(--devui-font-size, 12px);padding-left:5px}.devui-form-control.devui-tags input.devui-input::-ms-clear{display:none}.devui-tags-autocomplete{position:absolute;padding-bottom:5px;z-index:var(--devui-z-index-dropdown, 1052);width:100%;background-color:var(--devui-connected-overlay-bg, #ffffff);box-shadow:var(--devui-shadow-connected-overlay, 0 2px 8px 0) var(--devui-shadow, rgba(0, 0, 0, .2))}.devui-tags-autocomplete.devui-dropdown-menu{display:block;margin:4px 0}.devui-tags-autocomplete .devui-suggestion-list{margin:0;padding:0;list-style-type:none;max-height:280px;overflow-y:auto;position:relative}.devui-tags-autocomplete .devui-suggestion-list .devui-suggestion-item{padding:5px 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:var(--devui-font-size, 12px);line-height:20px}.devui-tags-autocomplete .devui-suggestion-list .devui-suggestion-item:not(.devui-disabled){cursor:pointer;color:var(--devui-text, #252b3a)}.devui-tags-autocomplete .devui-suggestion-list .devui-suggestion-item:not(.devui-disabled):hover{background-color:var(--devui-list-item-hover-bg, #f2f5fc)}.devui-tags-autocomplete .devui-suggestion-list .devui-suggestion-item:not(.devui-disabled).selected{color:var(--devui-brand, #5e7ce0);background-color:var(--devui-list-item-hover-bg, #f2f5fc)}.devui-tags-autocomplete .devui-suggestion-list .devui-suggestion-item{transition:color var(--devui-animation-duration-fast, .1s) var(--devui-animation-ease-in-smooth, cubic-bezier(.645, .045, .355, 1)),background-color var(--devui-animation-duration-fast, .1s) var(--devui-animation-ease-in-smooth, cubic-bezier(.645, .045, .355, 1))}

package/time-axis/index.d.ts

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

package/time-axis/index.es.js

@@ -1,299 +0,0 @@
-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 { defineComponent, createVNode, inject, createTextVNode, provide, ref, reactive, onMounted, watch, toRef, nextTick, Fragment } from "vue";
-const timeAxisProps = {
-  direction: {
-    type: String,
-    default: "vertical"
-  },
-  center: {
-    type: Boolean,
-    default: false
-  },
-  mode: {
-    type: String,
-    default: "normal"
-  },
-  timePosition: {
-    type: String,
-    default: "left"
-  }
-};
-var DIcon = defineComponent({
-  name: "DIcon",
-  props: {
-    name: {
-      type: String,
-      required: true
-    },
-    size: {
-      type: String,
-      default: "inherit"
-    },
-    color: {
-      type: String,
-      default: "inherit"
-    },
-    classPrefix: {
-      type: String,
-      default: "icon"
-    }
-  },
-  setup(props) {
-    return __spreadValues({}, props);
-  },
-  render() {
-    const {
-      name,
-      size,
-      color,
-      classPrefix
-    } = this;
-    return /^((https?):)?\/\//.test(name) ? createVNode("img", {
-      "src": name,
-      "alt": name.split("/")[name.split("/").length - 1],
-      "style": {
-        width: size,
-        verticalAlign: "text-bottom"
-      }
-    }, null) : createVNode("i", {
-      "class": `${classPrefix} ${classPrefix}-${name}`,
-      "style": {
-        fontSize: size,
-        color
-      }
-    }, null);
-  }
-});
-const timeAxisItemProps = {
-  time: {
-    type: String
-  },
-  dotColor: {
-    type: String
-  },
-  lineStyle: {
-    type: String,
-    default: "solid"
-  },
-  lineColor: {
-    type: String
-  },
-  position: {
-    type: String
-  },
-  timePosition: {
-    type: String,
-    default: "left"
-  },
-  type: {
-    type: String,
-    default: "primary"
-  }
-};
-var TimeAxisItem = defineComponent({
-  name: "DTimeAxisItem",
-  components: {
-    DIcon
-  },
-  props: timeAxisItemProps,
-  emits: [],
-  setup(props, ctx) {
-    const timeAxis2 = inject("timeAxis");
-    const itemClass = "devui-time-axis-item";
-    const renderTime = () => {
-      var _a, _b;
-      return createVNode("div", {
-        "class": `${itemClass}-time`
-      }, [ctx.slots.time ? (_b = (_a = ctx.slots).time) == null ? void 0 : _b.call(_a) : props.time]);
-    };
-    const renderContent = () => {
-      var _a, _b;
-      return createVNode("div", {
-        "class": `${itemClass}-content`
-      }, [(_b = (_a = ctx.slots).default) == null ? void 0 : _b.call(_a, props)]);
-    };
-    const renderPosition = (types) => {
-      if (types.includes(props.position)) {
-        return renderContent();
-      } else {
-        if (timeAxis2.props.direction === "horizontal") {
-          return renderTime();
-        } else {
-          return props.timePosition === "left" ? renderTime() : "";
-        }
-      }
-    };
-    const setTypeIcon = (type) => {
-      if (type === "primary") {
-        return "";
-      }
-      return createVNode("i", {
-        "class": `icon-${type === "success" ? "right" : type}-o`
-      }, null);
-    };
-    const renderDot = () => {
-      var _a, _b;
-      if (ctx.slots.dot) {
-        return createVNode("div", {
-          "style": {
-            color: props.dotColor
-          },
-          "class": `${itemClass}-dot`
-        }, [createTextVNode(" "), (_b = (_a = ctx.slots).dot) == null ? void 0 : _b.call(_a)]);
-      } else {
-        return createVNode("div", {
-          "class": `${itemClass}-dot ${itemClass}-type-${props.type}`,
-          "style": {
-            borderColor: props.dotColor
-          }
-        }, [setTypeIcon(props.type)]);
-      }
-    };
-    return () => {
-      return createVNode("div", {
-        "class": itemClass
-      }, [createVNode("div", {
-        "class": `${itemClass}-data-left ${itemClass}-data-top`
-      }, [renderPosition(["top", "left"])]), createVNode("div", {
-        "class": `${itemClass}-axis`
-      }, [renderDot(), timeAxis2.props.direction === "vertical" && props.timePosition === "bottom" ? renderTime() : "", createVNode("div", {
-        "class": `${itemClass}-line ${itemClass}-line-style-${props.lineStyle}`,
-        "style": {
-          borderColor: props.lineColor
-        }
-      }, [ctx.slots.extra ? createVNode("div", {
-        "class": `${itemClass}-line-extra`
-      }, [ctx.slots.extra()]) : ""])]), createVNode("div", {
-        "class": `${itemClass}-data-right ${itemClass}-data-bottom`
-      }, [renderPosition(["right", "bottom"])])]);
-    };
-  }
-});
-var timeAxis = "";
-var TimeAxis = defineComponent({
-  name: "DTimeAxis",
-  components: {
-    TimeAxisItem
-  },
-  props: timeAxisProps,
-  emits: [],
-  setup(props, ctx) {
-    provide("timeAxis", {
-      ctx,
-      props
-    });
-    const timeAxis2 = ref();
-    const style = reactive({
-      marginLeft: "0px",
-      height: "auto"
-    });
-    const setStyle = () => {
-      style.height = "auto";
-      style.marginLeft = "0px";
-      if (props.direction === "horizontal") {
-        nextTick(() => {
-          var _a;
-          const el = timeAxis2.value;
-          if (props.center) {
-            style.marginLeft = (((_a = el == null ? void 0 : el.firstElementChild) == null ? void 0 : _a.clientWidth) || 0) / 2 + "px";
-          }
-          style.height = Math.max(...Array.from(el == null ? void 0 : el.querySelectorAll(".devui-time-axis-item-data-top")).map((el2) => el2.clientHeight), ...Array.from(el == null ? void 0 : el.querySelectorAll(".devui-time-axis-item-data-bottom")).map((el2) => el2.clientHeight)) * 2 + Math.max(...Array.from(el == null ? void 0 : el.querySelectorAll(".devui-time-axis-item-axis")).map((el2) => el2.clientHeight)) + "px";
-        });
-      }
-    };
-    onMounted(() => {
-      setStyle();
-    });
-    watch(toRef(props, "direction"), () => {
-      setStyle();
-    });
-    return () => {
-      const renderItemPosition = (item, position) => {
-        return position ? createVNode(item, {
-          "position": position
-        }, null) : createVNode(item, null, null);
-      };
-      const renderItem = () => {
-        var _a, _b, _c;
-        const slots = (_c = (_b = (_a = ctx.slots).default) == null ? void 0 : _b.call(_a)) != null ? _c : [];
-        let children;
-        if (slots.length === 1 && slots[0].type === Fragment) {
-          children = slots[0].children || [];
-        } else {
-          children = slots;
-        }
-        return children.map((item, index2) => {
-          var _a2, _b2, _c2, _d, _e, _f, _g, _h;
-          if (index2 + 1 === children.length) {
-            if (!((_a2 = item.props) == null ? void 0 : _a2.lineStyle) && !((_b2 = item.props) == null ? void 0 : _b2["line-style"])) {
-              item = createVNode(item, {
-                "line-style": "none"
-              }, null);
-            }
-          }
-          if (!((_c2 = item.props) == null ? void 0 : _c2.timePosition) && !((_d = item.props) == null ? void 0 : _d["time-position"])) {
-            item = createVNode(item, {
-              "time-position": props.timePosition ? props.timePosition : "left"
-            }, null);
-          }
-          if (props.direction === "horizontal") {
-            if (((_e = item.props) == null ? void 0 : _e.position) === "top" || ((_f = item.props) == null ? void 0 : _f.position) === "bottom")
-              return item;
-            if (props.mode === "alternative") {
-              return renderItemPosition(item, index2 % 2 == 0 ? "bottom" : "top");
-            } else {
-              return renderItemPosition(item, "bottom");
-            }
-          } else {
-            if (((_g = item.props) == null ? void 0 : _g.position) === "left" || ((_h = item.props) == null ? void 0 : _h.position) === "right")
-              return item;
-            if (props.mode === "alternative") {
-              return renderItemPosition(item, index2 % 2 == 0 ? "left" : "right");
-            } else {
-              return renderItemPosition(item, "right");
-            }
-          }
-        });
-      };
-      const getDirection = () => {
-        return props.direction === "horizontal" ? "horizontal" : "vertical";
-      };
-      return createVNode("div", {
-        "class": `devui-time-axis devui-time-axis-${getDirection()}  ${props.center ? "devui-time-axis-" + getDirection() + "-center" : ""} `,
-        "ref": timeAxis2,
-        "style": style
-      }, [renderItem()]);
-    };
-  }
-});
-TimeAxis.install = function(app) {
-  app.component(TimeAxis.name, TimeAxis);
-};
-TimeAxisItem.install = function(app) {
-  app.component(TimeAxisItem.name, TimeAxisItem);
-};
-var index = {
-  title: "TimeAxis \u65F6\u95F4\u8F74",
-  category: "\u6570\u636E\u5C55\u793A",
-  status: "100%",
-  install(app) {
-    app.use(TimeAxis);
-    app.use(TimeAxisItem);
-  }
-};
-export { TimeAxis, TimeAxisItem, index as default };

package/time-axis/index.umd.js

@@ -1 +0,0 @@
-var F=Object.defineProperty;var I=Object.getOwnPropertySymbols;var j=Object.prototype.hasOwnProperty,H=Object.prototype.propertyIsEnumerable;var z=(r,t,a)=>t in r?F(r,t,{enumerable:!0,configurable:!0,writable:!0,value:a}):r[t]=a,D=(r,t)=>{for(var a in t||(t={}))j.call(t,a)&&z(r,a,t[a]);if(I)for(var a of I(t))H.call(t,a)&&z(r,a,t[a]);return r};(function(r,t){typeof exports=="object"&&typeof module!="undefined"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(r=typeof globalThis!="undefined"?globalThis:r||self,t(r.index={},r.Vue))})(this,function(r,t){"use strict";const a={direction:{type:String,default:"vertical"},center:{type:Boolean,default:!1},mode:{type:String,default:"normal"},timePosition:{type:String,default:"left"}};var q=t.defineComponent({name:"DIcon",props:{name:{type:String,required:!0},size:{type:String,default:"inherit"},color:{type:String,default:"inherit"},classPrefix:{type:String,default:"icon"}},setup(e){return D({},e)},render(){const{name:e,size:l,color:f,classPrefix:i}=this;return/^((https?):)?\/\//.test(e)?t.createVNode("img",{src:e,alt:e.split("/")[e.split("/").length-1],style:{width:l,verticalAlign:"text-bottom"}},null):t.createVNode("i",{class:`${i} ${i}-${e}`,style:{fontSize:l,color:f}},null)}});const v={time:{type:String},dotColor:{type:String},lineStyle:{type:String,default:"solid"},lineColor:{type:String},position:{type:String},timePosition:{type:String,default:"left"},type:{type:String,default:"primary"}};var p=t.defineComponent({name:"DTimeAxisItem",components:{DIcon:q},props:v,emits:[],setup(e,l){const f=t.inject("timeAxis"),i="devui-time-axis-item",y=()=>{var o,d;return t.createVNode("div",{class:`${i}-time`},[l.slots.time?(d=(o=l.slots).time)==null?void 0:d.call(o):e.time])},n=()=>{var o,d;return t.createVNode("div",{class:`${i}-content`},[(d=(o=l.slots).default)==null?void 0:d.call(o,e)])},u=o=>o.includes(e.position)?n():f.props.direction==="horizontal"||e.timePosition==="left"?y():"",c=o=>o==="primary"?"":t.createVNode("i",{class:`icon-${o==="success"?"right":o}-o`},null),m=()=>{var o,d;return l.slots.dot?t.createVNode("div",{style:{color:e.dotColor},class:`${i}-dot`},[t.createTextVNode(" "),(d=(o=l.slots).dot)==null?void 0:d.call(o)]):t.createVNode("div",{class:`${i}-dot ${i}-type-${e.type}`,style:{borderColor:e.dotColor}},[c(e.type)])};return()=>t.createVNode("div",{class:i},[t.createVNode("div",{class:`${i}-data-left ${i}-data-top`},[u(["top","left"])]),t.createVNode("div",{class:`${i}-axis`},[m(),f.props.direction==="vertical"&&e.timePosition==="bottom"?y():"",t.createVNode("div",{class:`${i}-line ${i}-line-style-${e.lineStyle}`,style:{borderColor:e.lineColor}},[l.slots.extra?t.createVNode("div",{class:`${i}-line-extra`},[l.slots.extra()]):""])]),t.createVNode("div",{class:`${i}-data-right ${i}-data-bottom`},[u(["right","bottom"])])])}}),L="",g=t.defineComponent({name:"DTimeAxis",components:{TimeAxisItem:p},props:a,emits:[],setup(e,l){t.provide("timeAxis",{ctx:l,props:e});const f=t.ref(),i=t.reactive({marginLeft:"0px",height:"auto"}),y=()=>{i.height="auto",i.marginLeft="0px",e.direction==="horizontal"&&t.nextTick(()=>{var u;const n=f.value;e.center&&(i.marginLeft=(((u=n==null?void 0:n.firstElementChild)==null?void 0:u.clientWidth)||0)/2+"px"),i.height=Math.max(...Array.from(n==null?void 0:n.querySelectorAll(".devui-time-axis-item-data-top")).map(c=>c.clientHeight),...Array.from(n==null?void 0:n.querySelectorAll(".devui-time-axis-item-data-bottom")).map(c=>c.clientHeight))*2+Math.max(...Array.from(n==null?void 0:n.querySelectorAll(".devui-time-axis-item-axis")).map(c=>c.clientHeight))+"px"})};return t.onMounted(()=>{y()}),t.watch(t.toRef(e,"direction"),()=>{y()}),()=>{const n=(m,o)=>o?t.createVNode(m,{position:o},null):t.createVNode(m,null,null),u=()=>{var d,x,S;const m=(S=(x=(d=l.slots).default)==null?void 0:x.call(d))!=null?S:[];let o;return m.length===1&&m[0].type===t.Fragment?o=m[0].children||[]:o=m,o.map((s,h)=>{var A,$,V,N,C,P,T,b;return h+1===o.length&&!((A=s.props)==null?void 0:A.lineStyle)&&!(($=s.props)==null?void 0:$["line-style"])&&(s=t.createVNode(s,{"line-style":"none"},null)),!((V=s.props)==null?void 0:V.timePosition)&&!((N=s.props)==null?void 0:N["time-position"])&&(s=t.createVNode(s,{"time-position":e.timePosition?e.timePosition:"left"},null)),e.direction==="horizontal"?((C=s.props)==null?void 0:C.position)==="top"||((P=s.props)==null?void 0:P.position)==="bottom"?s:e.mode==="alternative"?n(s,h%2==0?"bottom":"top"):n(s,"bottom"):((T=s.props)==null?void 0:T.position)==="left"||((b=s.props)==null?void 0:b.position)==="right"?s:e.mode==="alternative"?n(s,h%2==0?"left":"right"):n(s,"right")})},c=()=>e.direction==="horizontal"?"horizontal":"vertical";return t.createVNode("div",{class:`devui-time-axis devui-time-axis-${c()}  ${e.center?"devui-time-axis-"+c()+"-center":""} `,ref:f,style:i},[u()])}}});g.install=function(e){e.component(g.name,g)},p.install=function(e){e.component(p.name,p)};var M={title:"TimeAxis \u65F6\u95F4\u8F74",category:"\u6570\u636E\u5C55\u793A",status:"100%",install(e){e.use(g),e.use(p)}};r.TimeAxis=g,r.TimeAxisItem=p,r.default=M,Object.defineProperty(r,"__esModule",{value:!0}),r[Symbol.toStringTag]="Module"});