vue-devui 1.0.0-beta.18 → 1.0.0-beta.19

package/badge/index.umd.js

@@ -1 +1 @@
-(function(o,n){typeof exports=="object"&&typeof module!="undefined"?n(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],n):(o=typeof globalThis!="undefined"?globalThis:o||self,n(o.index={},o.Vue))})(this,function(o,n){"use strict";var v="";const l=["danger","warning","waiting","success","info"],f=["top-left","top-right","bottom-left","bottom-right"],c={count:{type:[Number,String]},maxCount:{type:Number,default:99},showDot:{type:Boolean,default:!1},status:{type:String,validator:t=>l.includes(t)},badgePos:{type:String,default:"top-right",validator:t=>f.includes(t)},offsetXY:{type:Array},bgColor:{type:String},textColor:{type:String}};var a=n.defineComponent({name:"DBadge",props:c,emits:[],setup(t,s){const g=n.computed(()=>{const e="devui-badge-content";return[e,t.showDot?`${e}-dot`:`${e}-count`,t.status&&`${e}-${t.status}`,s.slots.default&&t.badgePos&&`${e}-${t.badgePos}`,s.slots.default&&`${e}-fixed`].join(" ")}),m=n.computed(()=>{const e={bgColor:"background",textColor:"color"},u=Object.keys(e).reduce((i,d)=>(t[d]&&(i[e[d]]=t[d]),i),{});if(s.slots.default&&t.offsetXY){const[i,d]=t.offsetXY,[y,x]=t.badgePos.split("-");u[y]=d+"px",u[x]=i+"px"}return u}),b=n.computed(()=>{if(!t.showDot)return typeof t.count=="number"&&typeof t.maxCount=="number"&&t.count>t.maxCount?`${t.maxCount}+`:t.count});return()=>{var e,u;return n.createVNode("div",{class:"devui-badge"},[(u=(e=s.slots).default)==null?void 0:u.call(e),n.createVNode("div",{class:g.value,style:m.value},[b.value])])}}});a.install=function(t){t.component(a.name,a)};var r={title:"Badge \u5FBD\u6807",category:"\u6570\u636E\u5C55\u793A",status:"100%",install(t){t.use(a)}};o.Badge=a,o.default=r,Object.defineProperty(o,"__esModule",{value:!0}),o[Symbol.toStringTag]="Module"});
+(function(o,n){typeof exports=="object"&&typeof module!="undefined"?n(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],n):(o=typeof globalThis!="undefined"?globalThis:o||self,n(o.index={},o.Vue))})(this,function(o,n){"use strict";const c=["danger","warning","waiting","success","info","common"],f=["top-left","top-right","bottom-left","bottom-right"],l={count:{type:[Number,String]},maxCount:{type:Number,default:99},showDot:{type:Boolean,default:!1},status:{type:String,validator:t=>c.includes(t)},position:{type:String,default:"top-right",validator:t=>f.includes(t)},offset:{type:Array},bgColor:{type:String},textColor:{type:String}};var x="",s=n.defineComponent({name:"DBadge",props:l,setup(t,i){const g=n.computed(()=>{const e="devui-badge-content";return[e,t.showDot?`${e}-dot`:`${e}-count`,t.status&&`${e}-${t.status}`,i.slots.default&&t.position&&`${e}-${t.position}`,i.slots.default&&`${e}-fixed`].join(" ")}),m=n.computed(()=>{const e={bgColor:"background",textColor:"color"},u=Object.keys(e).reduce((d,a)=>(t[a]&&(d[e[a]]=t[a]),d),{});if(i.slots.default&&t.offset){const[d,a]=t.offset,[b,v]=t.position.split("-");u[b]=a+"px",u[v]=d+"px"}return u}),y=n.computed(()=>{if(!t.showDot)return typeof t.count=="number"&&typeof t.maxCount=="number"&&t.count>t.maxCount?`${t.maxCount}+`:t.count});return()=>{var e,u;return n.createVNode("div",{class:"devui-badge"},[(u=(e=i.slots).default)==null?void 0:u.call(e),n.createVNode("div",{class:g.value,style:m.value},[y.value])])}}}),r={title:"Badge \u5FBD\u6807",category:"\u6570\u636E\u5C55\u793A",status:"100%",install(t){t.component(s.name,s)}};o.Badge=s,o.badgeProps=l,o.default=r,Object.defineProperty(o,"__esModule",{value:!0}),o[Symbol.toStringTag]="Module"});

package/badge/style.css

@@ -1 +1 @@
-.devui-badge{position:relative;display:inline-block}.devui-badge .devui-badge-content{font-size:var(--devui-font-size, 12px);color:var(--devui-light-text, #ffffff)}.devui-badge .devui-badge-content-count{padding:0 4px;min-width:16px;height:16px;line-height:16px;border-radius:8px;background:var(--devui-brand, #5e7ce0);text-align:center}.devui-badge .devui-badge-content-danger{background:var(--devui-danger, #f66f6a)}.devui-badge .devui-badge-content-warning{background:var(--devui-warning, #fac20a)}.devui-badge .devui-badge-content-waiting{background:var(--devui-waiting, #9faad7)}.devui-badge .devui-badge-content-success{background:var(--devui-success, #50d4ab)}.devui-badge .devui-badge-content-info{background:var(--devui-info, #5e7ce0)}.devui-badge .devui-badge-content-top-left{left:0;top:0;transform:translate(-50%,-50%)}.devui-badge .devui-badge-content-top-right{right:0;top:0;transform:translate(50%,-50%)}.devui-badge .devui-badge-content-bottom-left{left:0;bottom:0;transform:translate(-50%,50%)}.devui-badge .devui-badge-content-bottom-right{right:0;bottom:0;transform:translate(50%,50%)}.devui-badge .devui-badge-content-fixed{position:absolute}.devui-badge .devui-badge-content-dot{width:6px;height:6px;border-radius:50%}
+.devui-badge{position:relative;display:inline-block}.devui-badge .devui-badge-content{font-size:var(--devui-font-size, 12px);color:var(--devui-light-text, #ffffff)}.devui-badge .devui-badge-content-count{padding:0 4px;min-width:16px;height:16px;line-height:16px;border-radius:8px;background:var(--devui-brand, #5e7ce0);text-align:center}.devui-badge .devui-badge-content-danger{background:var(--devui-danger, #f66f6a)}.devui-badge .devui-badge-content-warning{background:var(--devui-warning, #fac20a)}.devui-badge .devui-badge-content-waiting{background:var(--devui-waiting, #9faad7)}.devui-badge .devui-badge-content-success{background:var(--devui-success, #50d4ab)}.devui-badge .devui-badge-content-info{background:var(--devui-info, #5e7ce0)}.devui-badge .devui-badge-content-common{background:var(--devui-unavailable, #f5f5f6);color:var(--devui-aide-text, #8a8e99)}.devui-badge .devui-badge-content-top-left{left:0;top:0;transform:translate(-50%,-50%)}.devui-badge .devui-badge-content-top-right{right:0;top:0;transform:translate(50%,-50%)}.devui-badge .devui-badge-content-bottom-left{left:0;bottom:0;transform:translate(-50%,50%)}.devui-badge .devui-badge-content-bottom-right{right:0;bottom:0;transform:translate(50%,50%)}.devui-badge .devui-badge-content-fixed{position:absolute}.devui-badge .devui-badge-content-dot{width:6px;height:6px;border-radius:50%}

package/breadcrumb/index.es.js

@@ -42,8 +42,9 @@ var BreadcrumbItem = defineComponent({
     const instance = getCurrentInstance();
     const router = instance.appContext.config.globalProperties.$router;
     const handleClickLink = () => {
-      if (!props.to || !router)
+      if (!props.to || !router) {
         return;
+      }
       props.replace ? router.replace(props.to) : router.push(props.to);
     };
     onMounted(() => {

package/button/index.es.js

@@ -18,56 +18,54 @@ var __publicField = (obj, key, value) => {
   __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
-import { defineComponent, createVNode, ref, h, render, computed, toRefs, withDirectives, resolveDirective } from "vue";
+import { defineComponent, toRefs, createVNode, ref, h, render, computed, withDirectives, resolveDirective } from "vue";
+const iconProps = {
+  name: {
+    type: String,
+    default: "",
+    required: true
+  },
+  size: {
+    type: String,
+    default: "inherit"
+  },
+  color: {
+    type: String,
+    default: "inherit"
+  },
+  classPrefix: {
+    type: String,
+    default: "icon"
+  }
+};
 var Icon = defineComponent({
   name: "DIcon",
-  props: {
-    name: {
-      type: String,
-      required: true
-    },
-    size: {
-      type: String,
-      default: "inherit"
-    },
-    color: {
-      type: String,
-      default: "inherit"
-    },
-    classPrefix: {
-      type: String,
-      default: "icon"
-    }
-  },
+  props: iconProps,
   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);
+    } = toRefs(props);
+    return () => {
+      return /^((https?):)?\/\//.test(name.value) ? createVNode("img", {
+        "src": name.value,
+        "alt": name.value.split("/")[name.value.split("/").length - 1],
+        "style": {
+          width: size.value,
+          verticalAlign: "text-bottom"
+        }
+      }, null) : createVNode("i", {
+        "class": `${classPrefix.value} ${classPrefix.value}-${name.value}`,
+        "style": {
+          fontSize: size.value,
+          color: color.value
+        }
+      }, null);
+    };
   }
 });
-Icon.install = function(app) {
-  app.component(Icon.name, Icon);
-};
 class View {
   constructor() {
     __publicField(this, "top", "50%");
@@ -351,6 +349,7 @@ var Button = defineComponent({
       }, [icon.value && createVNode(Icon, {
         "name": icon.value,
         "size": "12px",
+        "color": "",
         "class": iconClass.value
       }, null), createVNode("span", {
         "class": "button-content"

package/button/index.umd.js

@@ -1 +1 @@
-var D=Object.defineProperty;var P=Object.getOwnPropertySymbols;var _=Object.prototype.hasOwnProperty,I=Object.prototype.propertyIsEnumerable;var v=(i,t,r)=>t in i?D(i,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):i[t]=r,u=(i,t)=>{for(var r in t||(t={}))_.call(t,r)&&v(i,r,t[r]);if(P)for(var r of P(t))I.call(t,r)&&v(i,r,t[r]);return i};var l=(i,t,r)=>(v(i,typeof t!="symbol"?t+"":t,r),r);(function(i,t){typeof exports=="object"&&typeof module!="undefined"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(i=typeof globalThis!="undefined"?globalThis:i||self,t(i.index={},i.Vue))})(this,function(i,t){"use strict";var r=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 u({},e)},render(){const{name:e,size:o,color:n,classPrefix:a}=this;return/^((https?):)?\/\//.test(e)?t.createVNode("img",{src:e,alt:e.split("/")[e.split("/").length-1],style:{width:o,verticalAlign:"text-bottom"}},null):t.createVNode("i",{class:`${a} ${a}-${e}`,style:{fontSize:o,color:n}},null)}});r.install=function(e){e.component(r.name,r)};class b{constructor(){l(this,"top","50%");l(this,"left","50%")}}const C={message:String,backdrop:Boolean,view:{type:Object,default:()=>new b},zIndex:Number,isFull:{type:Boolean,default:!1}};class z{constructor(){l(this,"target");l(this,"message");l(this,"loadingTemplateRef");l(this,"backdrop",!0);l(this,"positionType","relative");l(this,"view",new b);l(this,"zIndex")}}var R="",T=t.defineComponent({name:"DLoading",inheritAttrs:!1,props:C,setup(e){const o={top:e.view.top,left:e.view.left,zIndex:e.zIndex};e.message||(o.background="none");const n=t.ref(!1);return{style:o,isShow:n,open:()=>{n.value=!0},close:()=>{n.value=!1}}},render(){var d;const{isShow:e,isFull:o,backdrop:n,style:a,message:s,$slots:c}=this;return e&&t.createVNode("div",{class:["devui-loading-contanier",o?"devui-loading--full":""]},[((d=c.default)==null?void 0:d.call(c))||t.createVNode("div",{class:"devui-loading-wrapper"},[n?t.createVNode("div",{class:"devui-loading-mask"},null):null,t.createVNode("div",{style:a,class:"devui-loading-area"},[t.createVNode("div",{class:"devui-busy-default-spinner"},[t.createVNode("div",{class:"devui-loading-bar1"},null),t.createVNode("div",{class:"devui-loading-bar2"},null),t.createVNode("div",{class:"devui-loading-bar3"},null),t.createVNode("div",{class:"devui-loading-bar4"},null)]),s?t.createVNode("span",{class:"devui-loading-text"},[s]):null])])])}});const h=Symbol("dev_component_container");function B(e,o,n=null){const a=t.h(e,u({},o),n),s=document.createElement("div");return a[h]=s,t.render(a,s),a.component}function L(e){t.render(null,e==null?void 0:e.vnode[h])}const O=t.defineComponent(T),f=new WeakSet,g=e=>{if(!e)return!0;if(Array.isArray(e))return e.length===0;if(e instanceof Set||e instanceof Map)return e.size===0;if(e instanceof Promise)return!1;if(typeof e=="object")try{return Object.keys(e).length===0}catch{return!1}return!1},w=e=>Object.prototype.toString.call(e).slice(8,-1).toLowerCase(),$=e=>{switch(w(e)){case"promise":return[e];case"array":return e.some(n=>w(n)!=="promise")?(console.error(new TypeError("Binding values should all be of type Promise")),"error"):e;default:return!1}},N=e=>{f.delete(e),e.instance.proxy.close(),L(e.instance)},S=(e,o)=>{if(o.value){const n=$(o.value);if(n==="error")return;e.instance.proxy.open(),e.appendChild(e.mask),f.add(e),n&&Promise.all(n).catch(a=>{console.error(new Error("Promise handling errors"),a)}).finally(()=>{N(e)})}else N(e)},V=e=>{e.removeAttribute("zindex"),e.removeAttribute("positiontype"),e.removeAttribute("backdrop"),e.removeAttribute("message"),e.removeAttribute("view"),e.removeAttribute("loadingtemplateref")},k=(e,o)=>{const n=u(u({},new z),o),a=n.loadingTemplateRef,s=B(O,u({},n),a?()=>a:null);e.style.position=n.positionType,e.options=n,e.instance=s,e.mask=s.proxy.$el},E={mounted:function(e,o,n){k(e,n.props),V(e),!g(o.value)&&S(e,o)},updated:function(e,o,n){!g(o.value)&&f.has(e)||g(o.value)&&!f.has(e)||(!f.has(e)&&k(e,n.props),V(e),S(e,o))}},x={variant:{type:String,default:"outline"},size:{type:String,default:"md"},color:{type:String},icon:{type:String,default:""},loading:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}};function M(e,o){const n=t.computed(()=>o.slots.default),s={solid:"primary",outline:"secondary",text:"secondary"}[e.variant],c=t.computed(()=>({"devui-btn":!0,[`devui-btn-${e.variant}`]:!0,[`devui-btn-${e.variant}-${e.color||s}`]:!0,[`devui-btn-${e.size}`]:!0,"devui-btn-icon-wrap":e.icon,"devui-btn-icon":e.icon&&!n.value&&e.variant!=="solid"})),d=t.computed(()=>{if(!e.icon)return;const p="devui-icon-fix icon";return n.value?`${p} clear-right-5`:p});return{classes:c,iconClass:d}}var q="",y=t.defineComponent({name:"DButton",directives:{devLoading:E},props:x,emits:["click"],setup(e,o){const{icon:n,disabled:a,loading:s}=t.toRefs(e),{classes:c,iconClass:d}=M(e,o),p=m=>{s.value||o.emit("click",m)};return()=>{var m,A;return t.withDirectives(t.createVNode("button",{class:c.value,disabled:a.value,onClick:p},[n.value&&t.createVNode(r,{name:n.value,size:"12px",class:d.value},null),t.createVNode("span",{class:"button-content"},[(A=(m=o.slots).default)==null?void 0:A.call(m)])]),[[t.resolveDirective("dLoading"),s.value]])}}}),j={title:"Button \u6309\u94AE",category:"\u901A\u7528",status:"100%",install(e){e.component(y.name,y)}};i.Button=y,i.buttonProps=x,i.default=j,Object.defineProperty(i,"__esModule",{value:!0}),i[Symbol.toStringTag]="Module"});
+var R=Object.defineProperty;var A=Object.getOwnPropertySymbols;var _=Object.prototype.hasOwnProperty,I=Object.prototype.propertyIsEnumerable;var y=(i,t,s)=>t in i?R(i,t,{enumerable:!0,configurable:!0,writable:!0,value:s}):i[t]=s,f=(i,t)=>{for(var s in t||(t={}))_.call(t,s)&&y(i,s,t[s]);if(A)for(var s of A(t))I.call(t,s)&&y(i,s,t[s]);return i};var l=(i,t,s)=>(y(i,typeof t!="symbol"?t+"":t,s),s);(function(i,t){typeof exports=="object"&&typeof module!="undefined"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(i=typeof globalThis!="undefined"?globalThis:i||self,t(i.index={},i.Vue))})(this,function(i,t){"use strict";const s={name:{type:String,default:"",required:!0},size:{type:String,default:"inherit"},color:{type:String,default:"inherit"},classPrefix:{type:String,default:"icon"}};var C=t.defineComponent({name:"DIcon",props:s,setup(e){const{name:n,size:o,color:a,classPrefix:r}=t.toRefs(e);return()=>/^((https?):)?\/\//.test(n.value)?t.createVNode("img",{src:n.value,alt:n.value.split("/")[n.value.split("/").length-1],style:{width:o.value,verticalAlign:"text-bottom"}},null):t.createVNode("i",{class:`${r.value} ${r.value}-${n.value}`,style:{fontSize:o.value,color:a.value}},null)}});class b{constructor(){l(this,"top","50%");l(this,"left","50%")}}const z={message:String,backdrop:Boolean,view:{type:Object,default:()=>new b},zIndex:Number,isFull:{type:Boolean,default:!1}};class T{constructor(){l(this,"target");l(this,"message");l(this,"loadingTemplateRef");l(this,"backdrop",!0);l(this,"positionType","relative");l(this,"view",new b);l(this,"zIndex")}}var q="",B=t.defineComponent({name:"DLoading",inheritAttrs:!1,props:z,setup(e){const n={top:e.view.top,left:e.view.left,zIndex:e.zIndex};e.message||(n.background="none");const o=t.ref(!1);return{style:n,isShow:o,open:()=>{o.value=!0},close:()=>{o.value=!1}}},render(){var d;const{isShow:e,isFull:n,backdrop:o,style:a,message:r,$slots:c}=this;return e&&t.createVNode("div",{class:["devui-loading-contanier",n?"devui-loading--full":""]},[((d=c.default)==null?void 0:d.call(c))||t.createVNode("div",{class:"devui-loading-wrapper"},[o?t.createVNode("div",{class:"devui-loading-mask"},null):null,t.createVNode("div",{style:a,class:"devui-loading-area"},[t.createVNode("div",{class:"devui-busy-default-spinner"},[t.createVNode("div",{class:"devui-loading-bar1"},null),t.createVNode("div",{class:"devui-loading-bar2"},null),t.createVNode("div",{class:"devui-loading-bar3"},null),t.createVNode("div",{class:"devui-loading-bar4"},null)]),r?t.createVNode("span",{class:"devui-loading-text"},[r]):null])])])}});const h=Symbol("dev_component_container");function L(e,n,o=null){const a=t.h(e,f({},n),o),r=document.createElement("div");return a[h]=r,t.render(a,r),a.component}function O(e){t.render(null,e==null?void 0:e.vnode[h])}const $=t.defineComponent(B),u=new WeakSet,g=e=>{if(!e)return!0;if(Array.isArray(e))return e.length===0;if(e instanceof Set||e instanceof Map)return e.size===0;if(e instanceof Promise)return!1;if(typeof e=="object")try{return Object.keys(e).length===0}catch{return!1}return!1},w=e=>Object.prototype.toString.call(e).slice(8,-1).toLowerCase(),E=e=>{switch(w(e)){case"promise":return[e];case"array":return e.some(o=>w(o)!=="promise")?(console.error(new TypeError("Binding values should all be of type Promise")),"error"):e;default:return!1}},N=e=>{u.delete(e),e.instance.proxy.close(),O(e.instance)},S=(e,n)=>{if(n.value){const o=E(n.value);if(o==="error")return;e.instance.proxy.open(),e.appendChild(e.mask),u.add(e),o&&Promise.all(o).catch(a=>{console.error(new Error("Promise handling errors"),a)}).finally(()=>{N(e)})}else N(e)},V=e=>{e.removeAttribute("zindex"),e.removeAttribute("positiontype"),e.removeAttribute("backdrop"),e.removeAttribute("message"),e.removeAttribute("view"),e.removeAttribute("loadingtemplateref")},P=(e,n)=>{const o=f(f({},new T),n),a=o.loadingTemplateRef,r=L($,f({},o),a?()=>a:null);e.style.position=o.positionType,e.options=o,e.instance=r,e.mask=r.proxy.$el},M={mounted:function(e,n,o){P(e,o.props),V(e),!g(n.value)&&S(e,n)},updated:function(e,n,o){!g(n.value)&&u.has(e)||g(n.value)&&!u.has(e)||(!u.has(e)&&P(e,o.props),V(e),S(e,n))}},k={variant:{type:String,default:"outline"},size:{type:String,default:"md"},color:{type:String},icon:{type:String,default:""},loading:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}};function j(e,n){const o=t.computed(()=>n.slots.default),r={solid:"primary",outline:"secondary",text:"secondary"}[e.variant],c=t.computed(()=>({"devui-btn":!0,[`devui-btn-${e.variant}`]:!0,[`devui-btn-${e.variant}-${e.color||r}`]:!0,[`devui-btn-${e.size}`]:!0,"devui-btn-icon-wrap":e.icon,"devui-btn-icon":e.icon&&!o.value&&e.variant!=="solid"})),d=t.computed(()=>{if(!e.icon)return;const p="devui-icon-fix icon";return o.value?`${p} clear-right-5`:p});return{classes:c,iconClass:d}}var F="",v=t.defineComponent({name:"DButton",directives:{devLoading:M},props:k,emits:["click"],setup(e,n){const{icon:o,disabled:a,loading:r}=t.toRefs(e),{classes:c,iconClass:d}=j(e,n),p=m=>{r.value||n.emit("click",m)};return()=>{var m,x;return t.withDirectives(t.createVNode("button",{class:c.value,disabled:a.value,onClick:p},[o.value&&t.createVNode(C,{name:o.value,size:"12px",color:"",class:d.value},null),t.createVNode("span",{class:"button-content"},[(x=(m=n.slots).default)==null?void 0:x.call(m)])]),[[t.resolveDirective("dLoading"),r.value]])}}}),D={title:"Button \u6309\u94AE",category:"\u901A\u7528",status:"100%",install(e){e.component(v.name,v)}};i.Button=v,i.buttonProps=k,i.default=D,Object.defineProperty(i,"__esModule",{value:!0}),i[Symbol.toStringTag]="Module"});

package/carousel/index.es.js

@@ -1,20 +1,4 @@
-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, ref, watch, onMounted, onBeforeUnmount, Fragment, Comment } from "vue";
+import { defineComponent, toRefs, createVNode, ref, watch, onMounted, onBeforeUnmount, Fragment, Comment } from "vue";
 const carouselProps = {
   arrowTrigger: {
     type: String,
@@ -52,50 +36,51 @@ const carouselProps = {
     type: Function
   }
 };
+const iconProps = {
+  name: {
+    type: String,
+    default: "",
+    required: true
+  },
+  size: {
+    type: String,
+    default: "inherit"
+  },
+  color: {
+    type: String,
+    default: "inherit"
+  },
+  classPrefix: {
+    type: String,
+    default: "icon"
+  }
+};
 var Icon = defineComponent({
   name: "DIcon",
-  props: {
-    name: {
-      type: String,
-      required: true
-    },
-    size: {
-      type: String,
-      default: "inherit"
-    },
-    color: {
-      type: String,
-      default: "inherit"
-    },
-    classPrefix: {
-      type: String,
-      default: "icon"
-    }
-  },
+  props: iconProps,
   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);
+    } = toRefs(props);
+    return () => {
+      return /^((https?):)?\/\//.test(name.value) ? createVNode("img", {
+        "src": name.value,
+        "alt": name.value.split("/")[name.value.split("/").length - 1],
+        "style": {
+          width: size.value,
+          verticalAlign: "text-bottom"
+        }
+      }, null) : createVNode("i", {
+        "class": `${classPrefix.value} ${classPrefix.value}-${name.value}`,
+        "style": {
+          fontSize: size.value,
+          color: color.value
+        }
+      }, null);
+    };
   }
 });
 var carousel = "";

package/carousel/index.umd.js

@@ -1 +1 @@
-var F=Object.defineProperty;var R=Object.getOwnPropertySymbols;var _=Object.prototype.hasOwnProperty,q=Object.prototype.propertyIsEnumerable;var $=(n,e,s)=>e in n?F(n,e,{enumerable:!0,configurable:!0,writable:!0,value:s}):n[e]=s,k=(n,e)=>{for(var s in e||(e={}))_.call(e,s)&&$(n,s,e[s]);if(R)for(var s of R(e))q.call(e,s)&&$(n,s,e[s]);return n};(function(n,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(n=typeof globalThis!="undefined"?globalThis:n||self,e(n.index={},n.Vue))})(this,function(n,e){"use strict";const s={arrowTrigger:{type:String,default:"hover"},autoplay:{type:Boolean,default:!1},autoplaySpeed:{type:Number,default:3e3},height:{type:String,default:"100%"},showDots:{type:Boolean,default:!0},dotTrigger:{type:String,default:"click"},dotPosition:{type:String,default:"bottom"},activeIndex:{type:Number,default:0},activeIndexChange:{type:Function}};var P=e.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(t){return k({},t)},render(){const{name:t,size:d,color:i,classPrefix:g}=this;return/^((https?):)?\/\//.test(t)?e.createVNode("img",{src:t,alt:t.split("/")[t.split("/").length-1],style:{width:d,verticalAlign:"text-bottom"}},null):e.createVNode("i",{class:`${g} ${g}-${t}`,style:{fontSize:d,color:i}},null)}}),O="",w=e.defineComponent({name:"DCarousel",props:s,emits:["update:activeIndex"],setup(t,{emit:d}){const{arrowTrigger:i,autoplay:g,autoplaySpeed:T,dotTrigger:b,activeIndex:V,activeIndexChange:S}=t,I=500,o=e.ref(0),y=e.ref(!1),u=e.ref(0),f=e.ref(null),r=e.ref(null),c=e.ref(null);e.watch(()=>i,()=>{y.value=i==="always"},{immediate:!0}),e.watch(()=>V,()=>{u.value=V},{immediate:!0});const m=a=>{r.value&&(r.value.style.left=`${-a*100}%`)},N=a=>{setTimeout(()=>{r.value&&(r.value.style.transition=""),a.style.transform="",m(u.value)},I)},v=(a,l)=>{if(f.value){const h=f.value.getBoundingClientRect();a.style.transform=`translateX(${(l?-o.value:o.value)*h.width}px)`}},p=a=>{if(a===u.value||!f.value||!r.value)return;r.value.style.transition=`left ${I}ms ease`;let l=u.value;if(a<0&&u.value===0){l=o.value-1;const h=r.value.children[l];v(h,!0),m(-1),N(h)}else if(a>=o.value&&u.value===o.value-1){l=0;const h=r.value.children[l];v(h,!1),m(o.value),N(h)}else l=a<0?0:a>o.value-1?o.value-1:a,m(l);u.value=l,d("update:activeIndex",l),S==null||S(l),M()},E=()=>{p(u.value-1)},x=()=>{p(u.value+1)},j=a=>{i==="hover"&&(y.value=a==="enter")},B=(a,l)=>{l===b&&p(a)},D=()=>{c.value&&(clearTimeout(c.value),c.value=null)},M=()=>{D(),g&&T&&(c.value=setTimeout(()=>{x()},T))},z=a=>{o.value=a,M()};return e.onMounted(()=>{r.value&&(r.value.style.transition=`left ${I}ms ease`,r.value.style.left="0%"),M()}),e.onBeforeUnmount(()=>{D()}),{wrapperRef:f,containerRef:r,showArrow:y,currentIndex:u,itemCount:o,changeItemCount:z,goto:p,prev:E,next:x,arrowMouseEvent:j,switchStep:B}},render(){var m,N;const{showArrow:t,currentIndex:d,itemCount:i,arrowTrigger:g,height:T,showDots:b,dotPosition:V,prev:S,next:I,arrowMouseEvent:o,switchStep:y,changeItemCount:u,$slots:f}=this,r=(N=(m=f.default)==null?void 0:m.call(f))!=null?N:[];let c=r;return c.length===1&&c[0].type===e.Fragment&&(c=(c[0].children||[]).filter(v=>(v==null?void 0:v.type)!==e.Comment)),c.length!==i&&u(c.length),e.createVNode("div",{class:"devui-carousel-container",style:{height:T},onMouseenter:()=>o("enter"),onMouseleave:()=>o("leave")},[g!=="never"&&t?e.createVNode("div",{class:"devui-carousel-arrow"},[e.createVNode("button",{class:"arrow-left",onClick:()=>S()},[e.createVNode(P,{name:"arrow-left"},null)]),e.createVNode("button",{class:"arrow-right",onClick:()=>I()},[e.createVNode(P,{name:"arrow-right"},null)])]):null,e.createVNode("div",{class:"devui-carousel-item-wrapper",ref:"wrapperRef"},[e.createVNode("div",{class:"devui-carousel-item-container",style:{width:`${i*100}%`},ref:"containerRef"},[r])]),i>0&&b?e.createVNode("ul",{class:["devui-carousel-dots",V]},[c.map((v,p)=>e.createVNode("li",{class:{"dot-item":!0,active:d===p},onClick:()=>y(p,"click"),onMouseenter:()=>y(p,"hover")},null))]):null])}}),C=e.defineComponent({name:"DCarouselItem",render(){var i;const{$slots:t}=this,d=(i=t.default)==null?void 0:i.call(t);return e.createVNode("div",{class:"d-carousel-item "},[d])}});w.install=function(t){t.component(w.name,w)},C.install=function(t){t.component(C.name,C)};var A={title:"Carousel \u8D70\u9A6C\u706F",category:"\u6570\u636E\u5C55\u793A",status:"80%",install(t){t.use(w),t.use(C)}};n.Carousel=w,n.CarouselItem=C,n.default=A,Object.defineProperty(n,"__esModule",{value:!0}),n[Symbol.toStringTag]="Module"});
+(function(c,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(c=typeof globalThis!="undefined"?globalThis:c||self,e(c.index={},c.Vue))})(this,function(c,e){"use strict";const R={arrowTrigger:{type:String,default:"hover"},autoplay:{type:Boolean,default:!1},autoplaySpeed:{type:Number,default:3e3},height:{type:String,default:"100%"},showDots:{type:Boolean,default:!0},dotTrigger:{type:String,default:"click"},dotPosition:{type:String,default:"bottom"},activeIndex:{type:Number,default:0},activeIndexChange:{type:Function}},D={name:{type:String,default:"",required:!0},size:{type:String,default:"inherit"},color:{type:String,default:"inherit"},classPrefix:{type:String,default:"icon"}};var b=e.defineComponent({name:"DIcon",props:D,setup(a){const{name:i,size:n,color:C,classPrefix:p}=e.toRefs(a);return()=>/^((https?):)?\/\//.test(i.value)?e.createVNode("img",{src:i.value,alt:i.value.split("/")[i.value.split("/").length-1],style:{width:n.value,verticalAlign:"text-bottom"}},null):e.createVNode("i",{class:`${p.value} ${p.value}-${i.value}`,style:{fontSize:n.value,color:C.value}},null)}}),B="",y=e.defineComponent({name:"DCarousel",props:R,emits:["update:activeIndex"],setup(a,{emit:i}){const{arrowTrigger:n,autoplay:C,autoplaySpeed:p,dotTrigger:V,activeIndex:T,activeIndexChange:S}=a,I=500,o=e.ref(0),g=e.ref(!1),s=e.ref(0),d=e.ref(null),l=e.ref(null),u=e.ref(null);e.watch(()=>n,()=>{g.value=n==="always"},{immediate:!0}),e.watch(()=>T,()=>{s.value=T},{immediate:!0});const v=t=>{l.value&&(l.value.style.left=`${-t*100}%`)},N=t=>{setTimeout(()=>{l.value&&(l.value.style.transition=""),t.style.transform="",v(s.value)},I)},m=(t,r)=>{if(d.value){const h=d.value.getBoundingClientRect();t.style.transform=`translateX(${(r?-o.value:o.value)*h.width}px)`}},f=t=>{if(t===s.value||!d.value||!l.value)return;l.value.style.transition=`left ${I}ms ease`;let r=s.value;if(t<0&&s.value===0){r=o.value-1;const h=l.value.children[r];m(h,!0),v(-1),N(h)}else if(t>=o.value&&s.value===o.value-1){r=0;const h=l.value.children[r];m(h,!1),v(o.value),N(h)}else r=t<0?0:t>o.value-1?o.value-1:t,v(r);s.value=r,i("update:activeIndex",r),S==null||S(r),P()},k=()=>{f(s.value-1)},M=()=>{f(s.value+1)},A=t=>{n==="hover"&&(g.value=t==="enter")},E=(t,r)=>{r===V&&f(t)},x=()=>{u.value&&(clearTimeout(u.value),u.value=null)},P=()=>{x(),C&&p&&(u.value=setTimeout(()=>{M()},p))},j=t=>{o.value=t,P()};return e.onMounted(()=>{l.value&&(l.value.style.transition=`left ${I}ms ease`,l.value.style.left="0%"),P()}),e.onBeforeUnmount(()=>{x()}),{wrapperRef:d,containerRef:l,showArrow:g,currentIndex:s,itemCount:o,changeItemCount:j,goto:f,prev:k,next:M,arrowMouseEvent:A,switchStep:E}},render(){var v,N;const{showArrow:a,currentIndex:i,itemCount:n,arrowTrigger:C,height:p,showDots:V,dotPosition:T,prev:S,next:I,arrowMouseEvent:o,switchStep:g,changeItemCount:s,$slots:d}=this,l=(N=(v=d.default)==null?void 0:v.call(d))!=null?N:[];let u=l;return u.length===1&&u[0].type===e.Fragment&&(u=(u[0].children||[]).filter(m=>(m==null?void 0:m.type)!==e.Comment)),u.length!==n&&s(u.length),e.createVNode("div",{class:"devui-carousel-container",style:{height:p},onMouseenter:()=>o("enter"),onMouseleave:()=>o("leave")},[C!=="never"&&a?e.createVNode("div",{class:"devui-carousel-arrow"},[e.createVNode("button",{class:"arrow-left",onClick:()=>S()},[e.createVNode(b,{name:"arrow-left"},null)]),e.createVNode("button",{class:"arrow-right",onClick:()=>I()},[e.createVNode(b,{name:"arrow-right"},null)])]):null,e.createVNode("div",{class:"devui-carousel-item-wrapper",ref:"wrapperRef"},[e.createVNode("div",{class:"devui-carousel-item-container",style:{width:`${n*100}%`},ref:"containerRef"},[l])]),n>0&&V?e.createVNode("ul",{class:["devui-carousel-dots",T]},[u.map((m,f)=>e.createVNode("li",{class:{"dot-item":!0,active:i===f},onClick:()=>g(f,"click"),onMouseenter:()=>g(f,"hover")},null))]):null])}}),w=e.defineComponent({name:"DCarouselItem",render(){var n;const{$slots:a}=this,i=(n=a.default)==null?void 0:n.call(a);return e.createVNode("div",{class:"d-carousel-item "},[i])}});y.install=function(a){a.component(y.name,y)},w.install=function(a){a.component(w.name,w)};var $={title:"Carousel \u8D70\u9A6C\u706F",category:"\u6570\u636E\u5C55\u793A",status:"80%",install(a){a.use(y),a.use(w)}};c.Carousel=y,c.CarouselItem=w,c.default=$,Object.defineProperty(c,"__esModule",{value:!0}),c[Symbol.toStringTag]="Module"});

package/cascader/index.es.js

@@ -5579,8 +5579,9 @@ const updateCheckOptionStatus = (tagList) => {
     var _a;
     if (((_a = node == null ? void 0 : node.children) == null ? void 0 : _a.length) > 0) {
       node.children.forEach((item) => {
-        if (item.disabled)
+        if (item.disabled) {
           return;
+        }
         if (type === "checked") {
           item[type] = status;
           item["halfChecked"] = false;
@@ -5616,8 +5617,9 @@ const findChildrenCheckedStatusToUpdateParent = (node) => {
   }
 };
 const updateParentNodeStatus = (node, options, ulIndex) => {
-  if (ulIndex < 0)
+  if (ulIndex < 0) {
     return;
+  }
   findChildrenCheckedStatusToUpdateParent(node);
   ulIndex -= 1;
   const parentNode = node == null ? void 0 : node.parent;
@@ -5671,8 +5673,9 @@ const DCascaderItem = (props) => {
   } = updateCheckOptionStatus(tagList);
   const disbaled = computed(() => cascaderItem == null ? void 0 : cascaderItem.disabled);
   const updateValues = () => {
-    if (stopDefault.value)
+    if (stopDefault.value) {
       return;
+    }
     activeIndexs.splice(ulIndex, activeIndexs.length - ulIndex);
     activeIndexs[ulIndex] = liIndex;
     if (!multiple) {
@@ -5680,8 +5683,9 @@ const DCascaderItem = (props) => {
     }
   };
   const mouseEnter = () => {
-    if (disbaled.value || multiple)
+    if (disbaled.value || multiple) {
       return;
+    }
     updateValues();
   };
   const mouseenter = {
@@ -5689,8 +5693,9 @@ const DCascaderItem = (props) => {
   };
   const mouseClick = () => {
     var _a2;
-    if (disbaled.value)
+    if (disbaled.value) {
       return;
+    }
     updateValues();
     if (!multiple && (!cascaderItem.children || ((_a2 = cascaderItem == null ? void 0 : cascaderItem.children) == null ? void 0 : _a2.length) === 0)) {
       confirmInputValueFlg.value = !confirmInputValueFlg.value;
@@ -5805,8 +5810,9 @@ const popupHandles = (props) => {
     stopDefault.value = !menuShow.value;
   };
   const openPopup = () => {
-    if (disabled.value)
+    if (disabled.value) {
       return;
+    }
     menuShow.value = !menuShow.value;
     updateStopDefaultType();
   };
@@ -5858,8 +5864,9 @@ var Cascader = defineComponent({
       }
     };
     const updateCascaderView = (value, currentOption, index2) => {
-      if (index2 === value.length)
+      if (index2 === value.length) {
         return;
+      }
       const i = value[index2];
       const current = currentOption[i];
       const children = current == null ? void 0 : current.children;
@@ -5872,8 +5879,9 @@ var Cascader = defineComponent({
     };
     const updateCascaderValue = (value, currentOption, index2) => {
       if (!multiple.value) {
-        if (index2 === value.length)
+        if (index2 === value.length) {
           return;
+        }
         const i = value[index2];
         const current = getCurrentOption(currentOption, i);
         const children = current == null ? void 0 : current.children;

package/cascader/style.css

@@ -1 +1 @@
-.devui-cascader-li.devui-dropdown-item{height:32px;padding:8px 12px;color:var(--devui-text, #252b3a);cursor:pointer;display:flex;justify-content:flex-start;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.devui-cascader-li .cascader-li__wraper{flex:1;display:flex;justify-content:flex-start;align-items:center}.devui-cascader-li .dropdown-item-label{display:inline-block;flex:1;width:0;overflow:hidden;text-overflow:ellipsis;font-size:var(--devui-font-size, 12px)}.devui-cascader-li.devui-leaf-active{background:var(--devui-list-item-hover-bg, #f2f5fc)}.devui-cascader-li.devui-leaf-active span{color:var(--devui-brand-active, #526ecc)}.devui-cascader-li.disabled{background-color:var(--devui-disabled-bg, #f5f5f6);cursor:not-allowed}.devui-cascader-li .cascader-li__checkbox{margin-right:4px}.devui-cascader-li .cascader-li__icon{margin-right:4px;font-size:var(--devui-font-size-icon, 16px);color:var(--devui-text, #252b3a)}.devui-cascader-li .cascader-li__icon.disabled{color:var(--devui-disabled-text, #adb0b8)!important}.devui-cascader-ul{height:180px;background:var(--devui-connected-overlay-bg, #ffffff);display:block;list-style:none;margin:0;padding:0;overflow-y:auto;border-left:1px solid var(--devui-dividing-line, #dfe1e6)}.devui-cascader-ul.devui-drop-no-data{color:var(--devui-disabled-text, #adb0b8);padding:8px;display:block;height:36px;line-height:36px;overflow-y:hidden;background-color:var(--devui-disabled-bg, #f5f5f6);font-size:var(--devui-font-size, 12px);display:flex;justify-content:center;align-items:flex-start;flex-direction:column}.devui-tag{margin:2px 4px 2px 0;display:inline-block;position:relative;display:flex;align-items:center;padding:0 8px;background-color:var(--devui-label-bg, #eef0f5);border-radius:var(--devui-border-radius, 2px);border-color:inherit;border:0 solid}.devui-tag span{min-height:20px;line-height:20px;font-size:var(--devui-font-size, 12px);color:var(--devui-text, #252b3a);position:relative;cursor:default}.devui-tag__close{margin-left:12px;font-size:var(--devui-font-size, 12px);cursor:pointer;color:#fff;width:14px;height:14px;line-height:14px;background-color:var(--devui-line, #adb0b8);border-radius:50%;display:inline-block;text-align:center}.devui-tag__close:hover{background-color:var(--devui-brand, #5e7ce0)}.devui-tags-input{flex:1;padding:1px 20px 1px 4px;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-tags-box{width:100%;overflow:auto;min-height:28px;max-height:56px;display:flex;align-items:center;flex-wrap:wrap}.devui-tags-placeholder{font-size:var(--devui-font-size, 12px);line-height:22px;margin-left:6px;color:var(--devui-placeholder, #8a8e99)}.devui-cascader{display:flex;justify-content:flex-start;align-items:center;position:relative}.devui-cascader>div:nth-child(1){width:100%}.devui-cascader__icon{position:absolute;right:5px;top:0;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}.devui-cascader__icon .icon{margin:0}.devui-cascader__disbaled .icon{color:var(--devui-disabled-text, #adb0b8)!important}.devui-cascader input{width:100%;padding-right:16px}.devui-cascader .devui-drop-menu-wrapper{display:block;margin:4px 0;font-size:0;white-space:nowrap;padding:0}.devui-drop-icon-animation{transition:transform .2s linear}.devui-drop-menu-animation{transition:opacity .2s ease-in-out,transform .2s ease-in-out;z-index:1000;margin-top:1px}.devui-drop-menu-animation .devui-dropdown-menu{width:auto;padding-bottom:0;display:flex;justify-content:"flex-start";align-items:center}.devui-dropdown__open .devui-cascader__icon{transform:rotate(180deg)}.devui-dropdown__open .devui-drop-menu-animation{transform-origin:0 0%;transform:scaleY(.9999) translateY(0);opacity:1}
+.devui-cascader-li.devui-dropdown-item{height:32px;padding:8px 12px;color:var(--devui-text, #252b3a);cursor:pointer;display:flex;justify-content:flex-start;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.devui-cascader-li .cascader-li__wraper{flex:1;display:flex;justify-content:flex-start;align-items:center}.devui-cascader-li .dropdown-item-label{display:inline-block;flex:1;width:0;overflow:hidden;text-overflow:ellipsis;font-size:var(--devui-font-size, 12px)}.devui-cascader-li.devui-leaf-active{background:var(--devui-list-item-hover-bg, #f2f5fc)}.devui-cascader-li.devui-leaf-active span{color:var(--devui-brand-active, #526ecc)}.devui-cascader-li.disabled{background-color:var(--devui-disabled-bg, #f5f5f6);cursor:not-allowed}.devui-cascader-li .cascader-li__checkbox{margin-right:4px}.devui-cascader-li .cascader-li__icon{margin-right:4px;font-size:var(--devui-font-size-icon, 16px);color:var(--devui-text, #252b3a)}.devui-cascader-li .cascader-li__icon.disabled{color:var(--devui-disabled-text, #adb0b8)!important}.devui-cascader-ul{height:180px;background:var(--devui-connected-overlay-bg, #ffffff);display:block;list-style:none;margin:0;padding:0;overflow-y:auto;border-left:1px solid var(--devui-dividing-line, #dfe1e6)}.devui-cascader-ul.devui-drop-no-data{color:var(--devui-disabled-text, #adb0b8);padding:8px;display:block;height:36px;line-height:36px;overflow-y:hidden;background-color:var(--devui-disabled-bg, #f5f5f6);font-size:var(--devui-font-size, 12px);display:flex;justify-content:center;align-items:flex-start;flex-direction:column}.devui-tag{margin:2px 4px 2px 0;display:inline-block;position:relative;align-items:center;padding:0 8px;background-color:var(--devui-label-bg, #eef0f5);border-radius:var(--devui-border-radius, 2px);border-color:inherit;border:0 solid}.devui-tag span{min-height:20px;line-height:20px;font-size:var(--devui-font-size, 12px);color:var(--devui-text, #252b3a);position:relative;cursor:default}.devui-tag__close{margin-left:12px;font-size:var(--devui-font-size, 12px);cursor:pointer;color:#fff;width:14px;height:14px;line-height:14px;background-color:var(--devui-line, #adb0b8);border-radius:50%;display:inline-block;text-align:center}.devui-tag__close:hover{background-color:var(--devui-brand, #5e7ce0)}.devui-tags-input{flex:1;padding:1px 20px 1px 4px;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-tags-box{width:100%;overflow:auto;min-height:28px;max-height:56px;display:flex;align-items:center;flex-wrap:wrap}.devui-tags-placeholder{font-size:var(--devui-font-size, 12px);line-height:22px;margin-left:6px;color:var(--devui-placeholder, #8a8e99)}.devui-cascader{display:flex;justify-content:flex-start;align-items:center;position:relative}.devui-cascader>div:nth-child(1){width:100%}.devui-cascader__icon{position:absolute;right:5px;top:0;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}.devui-cascader__icon .icon{margin:0}.devui-cascader__disbaled .icon{color:var(--devui-disabled-text, #adb0b8)!important}.devui-cascader input{width:100%;padding-right:16px}.devui-cascader .devui-drop-menu-wrapper{display:block;margin:4px 0;font-size:0;white-space:nowrap;padding:0}.devui-drop-icon-animation{transition:transform .2s linear}.devui-drop-menu-animation{transition:opacity .2s ease-in-out,transform .2s ease-in-out;z-index:1000;margin-top:1px}.devui-drop-menu-animation .devui-dropdown-menu{width:auto;padding-bottom:0;display:flex;justify-content:"flex-start";align-items:center}.devui-dropdown__open .devui-cascader__icon{transform:rotate(180deg)}.devui-dropdown__open .devui-drop-menu-animation{transform-origin:0 0%;transform:scaleY(.9999) translateY(0);opacity:1}