vue-devui 1.0.0-rc.8 → 1.0.1

package/avatar/index.es.js

@@ -1,4 +1,4 @@
-import { createVNode, defineComponent, toRefs, ref, watch } from "vue";
+import { createVNode, defineComponent, toRefs, ref, computed, watch } from "vue";
 const IconBody = (props) => {
   const {
     width,
@@ -147,8 +147,8 @@ function createBem(namespace, element, modifier) {
   }
   return cls;
 }
-function useNamespace(block) {
-  const namespace = `devui-${block}`;
+function useNamespace(block, needDot = false) {
+  const namespace = needDot ? `.devui-${block}` : `devui-${block}`;
   const b = () => createBem(namespace);
   const e = (element) => element ? createBem(namespace, element) : "";
   const m = (modifier) => modifier ? createBem(namespace, "", modifier) : "";
@@ -170,14 +170,20 @@ var Avatar = defineComponent({
       width,
       height,
       customText,
-      gender
+      gender,
+      imgSrc,
+      isRound
     } = toRefs(props);
     const isNobody = ref(true);
     const isErrorImg = ref(false);
     const fontSize = ref(12);
-    const code = ref();
+    const code = ref(1);
     const nameDisplay = ref();
     const ns = useNamespace("avatar");
+    const styleNS = ns.e("style");
+    const bgNS = computed(() => {
+      return ns.m(`${"background-" + code.value}`);
+    });
     const getBackgroundColor = (char) => {
       if (gender.value) {
         if (gender.value.toLowerCase() === "male") {
@@ -185,7 +191,7 @@ var Avatar = defineComponent({
         } else if (gender.value.toLowerCase() === "female") {
           code.value = 0;
         } else {
-          throw new Error('gender must be "Male" or "Female"');
+          console.warn('gender must be "Male" or "Female"');
         }
         return;
       }
@@ -241,75 +247,54 @@ var Avatar = defineComponent({
     watch([name, width, height, customText, gender], () => {
       calcValues(customText.value ? customText.value : name.value);
     });
-    return {
-      showErrorAvatar,
-      isErrorImg,
-      code,
-      fontSize,
-      nameDisplay,
-      isNobody,
-      ns
+    return () => {
+      var _a, _b;
+      const imgElement = createVNode("img", {
+        "src": imgSrc.value,
+        "alt": "",
+        "onError": showErrorAvatar,
+        "style": {
+          height: `${height.value}px`,
+          width: `${width.value}px`,
+          borderRadius: isRound.value ? "100%" : "0"
+        }
+      }, null);
+      const hasImgSrc = imgSrc.value && !isErrorImg.value ? imgElement : null;
+      const nameElement = createVNode("span", {
+        "class": [styleNS, bgNS.value],
+        "style": {
+          height: `${height.value}px`,
+          width: `${width.value}px`,
+          lineHeight: `${height.value}px`,
+          fontSize: `${fontSize.value}px`,
+          borderRadius: isRound.value ? "100%" : "0"
+        }
+      }, [nameDisplay.value]);
+      const hasNameDisplay = !imgSrc.value && !isNobody.value && ((_a = nameDisplay.value) == null ? void 0 : _a.length) !== 0 ? nameElement : null;
+      const noNameElement = createVNode("span", {
+        "class": styleNS,
+        "style": {
+          borderRadius: isRound.value ? "100%" : "0"
+        }
+      }, [createVNode(AvatarBodyIcon, {
+        "width": width.value,
+        "height": height.value
+      }, null)]);
+      const hasNoDisplayName = !imgSrc.value && !isNobody.value && ((_b = nameDisplay.value) == null ? void 0 : _b.length) === 0 ? noNameElement : null;
+      const noBodyElement = createVNode("span", {
+        "class": styleNS,
+        "style": {
+          borderRadius: isRound.value ? "100%" : "0"
+        }
+      }, [createVNode(AvatarNoBodyIcon, {
+        "width": width.value,
+        "height": height.value
+      }, null)]);
+      const noBody = !imgSrc.value && isNobody.value || isErrorImg.value ? noBodyElement : null;
+      return createVNode("span", {
+        "class": ns.b()
+      }, [hasImgSrc, hasNameDisplay, hasNoDisplayName, noBody]);
     };
-  },
-  render() {
-    const {
-      imgSrc,
-      showErrorAvatar,
-      height,
-      width,
-      isRound,
-      isErrorImg,
-      code,
-      fontSize,
-      nameDisplay,
-      isNobody,
-      ns
-    } = this;
-    const imgElement = createVNode("img", {
-      "src": imgSrc,
-      "alt": "",
-      "onError": showErrorAvatar,
-      "style": {
-        height: `${height}px`,
-        width: `${width}px`,
-        borderRadius: isRound ? "100%" : "0"
-      }
-    }, null);
-    const hasImgSrc = imgSrc && !isErrorImg ? imgElement : null;
-    const nameElement = createVNode("span", {
-      "class": [ns.e("style"), ns.m(`background-${code}`)],
-      "style": {
-        height: `${height}px`,
-        width: `${width}px`,
-        lineHeight: `${height}px`,
-        fontSize: `${fontSize}px`,
-        borderRadius: isRound ? "100%" : "0"
-      }
-    }, [nameDisplay]);
-    const hasNameDisplay = !imgSrc && !isNobody && (nameDisplay == null ? void 0 : nameDisplay.length) !== 0 ? nameElement : null;
-    const noNameElement = createVNode("span", {
-      "class": ns.e("style"),
-      "style": {
-        borderRadius: isRound ? "100%" : "0"
-      }
-    }, [createVNode(AvatarBodyIcon, {
-      "width": width,
-      "height": height
-    }, null)]);
-    const hasNoDisplayName = !imgSrc && !isNobody && (nameDisplay == null ? void 0 : nameDisplay.length) === 0 ? noNameElement : null;
-    const noBodyElement = createVNode("span", {
-      "class": ns.e("style"),
-      "style": {
-        borderRadius: isRound ? "100%" : "0"
-      }
-    }, [createVNode(AvatarNoBodyIcon, {
-      "width": width,
-      "height": height
-    }, null)]);
-    const noBody = !imgSrc && isNobody || isErrorImg ? noBodyElement : null;
-    return createVNode("span", {
-      "class": ns.b()
-    }, [hasImgSrc, hasNameDisplay, hasNoDisplayName, noBody]);
   }
 });
 var index = {

package/avatar/index.umd.js

@@ -1 +1 @@
-(function(d,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(d=typeof globalThis!="undefined"?globalThis:d||self,e(d.index={},d.Vue))})(this,function(d,e){"use strict";const b=t=>{const{width:r,height:s}=t;return e.createVNode("svg",{style:{width:`${r}px`,height:`${s}px`,verticalAlign:"middle"},viewBox:"0 0 30 30",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},[e.createVNode("g",{id:"\u672A\u547D\u540D",stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[e.createVNode("circle",{id:"Oval",fill:"#CACFD8",cx:"15",cy:"15",r:"15"},null),e.createVNode("path",{d:"M14.9997866,16 C12.5145053,16 10.4997866,13.9852814 10.4997866,            11.5 C10.4997866,9.01471863 12.5145053,7 14.9997866,7 C17.485068,            7 19.4997866,9.01471863 19.4997866,11.5 C19.4997866,13.9852814 17.485068,            16 14.9997866,16 Z M23,23 L7,22.998553 C7,19.0122153 10.8892296,            16.5 14.9997866,16.5 C19.1103437,16.5 23,20 23,23 Z",id:"\u5F62\u72B6\u7ED3\u5408",fill:"#FFFFFF"},null)])])};var Z=e.defineComponent({name:"AvatarBodyIcon",props:{width:{type:Number,default:16},height:{type:Number,default:16}},render(){const{width:t,height:r}=this;return e.createVNode(b,{width:t,height:r},null)}});const x=t=>{const{width:r,height:s}=t;return e.createVNode("svg",{style:{width:`${r}px`,height:`${s}px`,verticalAlign:"middle"},viewBox:"0 0 30 30",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},[e.createVNode("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[e.createVNode("path",{d:"M22.31,19.2474562 L22.31,21.9974562 L20.81,21.9974562 L20.81,            19.2474562 L18.06,19.2474562 L18.06,17.7474562 L20.81,17.7474562 L20.81,            14.9974562 L22.31,14.9974562 L22.31,17.7474562 L25.06,17.7474562 L25.06,            19.2474562 L22.31,19.2474562 Z M14.9297866,14.9974562 C12.4445053,            14.9974562 10.4297866,12.9827376 10.4297866,10.4974562 C10.4297866,            8.01217483 12.4445053,5.9974562 14.9297866,5.9974562 C17.415068,            5.9974562 19.4297866,8.01217483 19.4297866,10.4974562 C19.4297866,            12.9827376 17.415068,14.9974562 14.9297866,14.9974562 Z M19.6797866,            20.2474562 L19.6797866,21.9971623 L6.93,21.9960092 C6.93,18.0096715 10.8192296,            15.4974562 14.9297866,15.4974562 C16.4608397,15.4974562 17.9612467,15.983021 19.2414296,            16.7474562 L17.06,16.7474562 L17.06,20.2474562 L19.6797866,20.2474562 Z",id:"\u5F62\u72B6\u7ED3\u5408",fill:"#959EB2"},null),e.createVNode("path",{d:"M0,15 L1,15 C1,15.6118966 1.03919561,16.2186526 1.11683409,            16.8178549 L0.125124012,16.9463505 C0.0425740367,16.309242 0,            15.6595925 0,15 Z M0.503241262,18.867175 L1.46961749,18.6100428 C1.62594651,            19.1975718 1.8203704,19.7729973 2.05141295,20.3332823 L1.12693074,            20.7145074 C0.880599065,20.1171459 0.67172715,19.500393 0.503241262,            18.867175 Z M1.99122134,22.4730778 L2.85786221,21.9741453 C3.16078316,            22.5003161 3.49772502,23.0063252 3.86631639,23.4889602 L3.0715754,            24.0959089 C2.6777461,23.5802273 2.31659753,23.0382531 1.99122134,            22.4730778 Z M4.38894559,25.6021078 L5.09634867,24.8952974 C5.52582519,            25.3251341 5.98272136,25.7268214 6.46397085,26.0975793 L5.85367498,            26.8897529 C5.33779918,26.4923186 4.84851395,26.0620615 4.38894559,            25.6021078 Z M7.4424647,27.9597887 L7.94703323,27.096417 C8.47111119,            27.4026968 9.0146817,27.6746032 9.57453904,27.9101878 L9.18668461,            28.8319084 C8.58423501,28.5784013 8.00181692,28.2866833 7.4424647,            27.9597887 Z M11.0671021,29.4791103 L11.3286494,28.5139196 C11.9126912,            28.6721832 12.5080563,28.7925378 13.1119738,28.8738935 L12.9784667,            29.8649413 C12.3271613,29.7772019 11.6891102,29.647662 11.0671021,            29.4791103 Z M15,30 C14.9951965,30 14.9903936,29.9999977 14.9855912,            30 L14.9865313,28.9999937 C14.9929361,28.9999987 14.9929361,            28.9999987 14.999296,29 C15.6071552,29 16.2093364,28.9614092 16.8041774,            28.8849313 L16.9316965,29.8767674 C16.2992813,29.9580762 15.6545362,            30 15,30 Z M18.8545762,29.5001051 L18.5982903,28.5335041 C19.1860387,            28.3776677 19.7617059,28.1837179 20.3222555,27.9531286 L20.7026875,            28.8779375 C20.1050484,29.123784 19.4880358,29.3321488 18.8545762,            29.5001051 Z M22.4608087,28.0158343 L21.9626951,27.1487226 C22.4893928,            26.8461604 22.9959399,26.5095265 23.479119,26.1411926 L24.0853678,            26.9364676 C23.5691101,27.3300178 23.0265585,27.6908386 22.4608087,            28.0158343 Z M25.5921583,25.6209863 L24.8860071,24.9129252 C25.3161421,            24.4839504 25.7181674,24.0275419 26.0893023,23.5467621 L26.8808873,            24.1578212 C26.4830546,24.6731862 26.0524368,25.1619493 25.5921583,            25.6209863 Z M27.9526445,22.5697466 L27.0897495,22.0643633 C27.3964738,            21.5406601 27.6688549,20.9974409 27.904942,20.4379104 L28.8262855,            20.8266601 C28.5722411,21.4287497 28.2800163,22.0107897 27.9526445,            22.5697466 Z M29.4756977,18.9454696 L28.5107363,18.6830777 C28.6695136,            18.099165 28.7903877,17.5039035 28.8722662,16.9000659 L29.8631978,            17.0344333 C29.7748946,17.6856516 29.6447979,18.3235936 29.4756977,            18.9454696 Z M30,15 C30,15.0093541 29.9999914,15.0187063 29.9999743,            15.0280564 L28.999976,15.0262257 C28.9999956,15.0134169 28.9999956,            15.0134169 29,15.0006466 C29,14.3970304 28.9619395,13.7989704 28.8865088,            13.208136 L29.8784576,13.0814959 C29.9586571,13.7096843 30,14.3500145 30,            15 Z M29.5038108,11.1594275 L28.5369608,11.4147728 C28.3816616,            10.8267413 28.1882232,10.2507676 27.9581175,9.68988857 L28.8832852,            9.31033004 C29.1286141,9.90831524 29.3364318,10.5256569 29.5038108,            11.1594275 Z M28.0228788,7.55146763 L27.1552968,8.0487618 C26.853241,            7.52179373 26.5170958,7.0149453 26.1492295,6.53143425 L26.9450761,            5.92593594 C27.3381231,6.44254364 27.6984223,6.98541919 28.0228788,            7.55146763 Z M25.6309089,4.41780044 L24.9221905,5.12329189 C24.4935639,            4.69270467 24.0374698,4.2902078 23.5569705,3.9185855 L24.1687554,            3.12756133 C24.6838129,3.52591118 25.1722392,3.95703271 25.6309089,            4.41780044 Z M22.5819506,2.05451093 L22.0757531,2.91692851 C21.5523008,            2.60968727 21.0092999,2.33677531 20.4499564,2.10014728 L20.8395722,            1.17916981 C21.4414531,1.43379309 22.0232574,1.72658499 22.5819506,            2.05451093 Z M18.9594329,0.528106464 L18.696103,1.4928123 C18.1122842,            1.33345081 17.517086,1.21199245 16.9132846,1.12953261 L17.0485964,            0.138729543 C17.6997753,0.227659622 18.3376514,0.358382523 18.9594329,            0.528106464 Z M15,-1.11022302e-16 C15.0139048,-1.11022302e-16 15.0278052,            1.892004e-05 15.0417011,5.673578e-05 L15.0389797,1.00005303 C15.0197685,            1.00000934 15.0197685,1.00000934 15.0005868,1.00000001 C14.4012162,            1 13.8072783,1.03753392 13.2204527,1.11192427 L13.0946918,0.119863691 C13.7186509,            0.0407660189 14.3545651,-1.11022302e-16 15,-1.11022302e-16 Z M11.1720354,            0.492865376 L11.4265338,1.45993857 C10.8386468,1.61464899 10.2627801,            1.80746996 9.70196444,2.03693489 L9.32327455,1.11141127 C9.92118954,            0.86676666 10.5384173,0.659610554 11.1720354,0.492865376 Z M7.56375123,            1.97008801 L8.06022548,2.83813946 C7.53298826,3.13968806 7.02583975,            3.47534367 6.54199783,3.84274131 L5.93725081,3.04632368 C6.4542073,            2.65378102 6.99740556,2.29400434 7.56375123,1.97008801 Z M4.42776842,            4.35917772 L5.13259949,5.06855291 C4.70156141,5.49682984 4.29859416,            5.95260763 3.92648544,6.43282469 L3.13602297,5.82031423 C3.53488885,            5.30556625 3.96651291,4.81747851 4.42776842,4.35917772 Z M2.0616775,            7.40585279 L2.92361696,7.91286401 C2.61586086,8.43606175 2.34241977,            8.97884042 2.10525197,9.53799293 L1.18464153,9.14751063 C1.43984243,            8.54584288 1.73319965,7.96427837 2.0616775,7.40585279 Z M0.531541456,            11.0280046 L1.49601653,11.2921785 C1.33614878,11.8758413 1.21417484,            12.4709081 1.13119244,13.074601 L0.140507978,12.9384235 C0.230001486,            12.2873626 0.361276825,11.6496255 0.531541456,11.0280046 Z",id:"\u8499\u7248",fill:"#CACFD8","fill-rule":"nonzero"},null)])])};var A=e.defineComponent({name:"AvatarNobodyIcon",props:{width:{type:Number,default:16},height:{type:Number,default:16}},render(){const{width:t,height:r}=this;return e.createVNode(x,{width:t,height:r},null)}});const M={name:{type:String,default:null},gender:{type:String,default:null},width:{type:Number,default:36},height:{type:Number,default:36},isRound:{type:Boolean,default:!0},imgSrc:{type:String,default:""},customText:{type:String,default:null}};function p(t,r,s){let i=t;return r&&(i+=`__${r}`),s&&(i+=`--${s}`),i}function $(t){const r=`devui-${t}`;return{b:()=>p(r),e:n=>n?p(r,n):"",m:n=>n?p(r,"",n):"",em:(n,L)=>n&&L?p(r,n,L):""}}var S="",m=e.defineComponent({name:"DAvatar",props:M,setup(t){const{name:r,width:s,height:i,customText:a,gender:C}=e.toRefs(t),n=e.ref(!0),L=e.ref(!1),c=e.ref(12),h=e.ref(),l=e.ref(),y=$("avatar"),g=o=>{if(C.value){if(C.value.toLowerCase()==="male")h.value=1;else if(C.value.toLowerCase()==="female")h.value=0;else throw new Error('gender must be "Male" or "Female"');return}const u=o.charCodeAt(0);h.value=u%2},w=(o,u)=>{if(a.value){l.value=a.value,g(a.value.substr(0,1));return}if(o.length<2)l.value=o;else if(/^[\u4e00-\u9fa5]/.test(o))l.value=o.substr(o.length-2,2);else if(/^[A-Za-z]/.test(o))if(/[_ -]/.test(o)){const f=o.split(/_|-|\s+/)[0],E=o.split(/_|-|\s+/)[1];l.value=f.substr(0,1).toUpperCase()+E.substr(0,1).toUpperCase()}else l.value=o.substr(0,2).toUpperCase();else l.value=o.substr(0,2);u<30&&(l.value=o.substr(0,1).toUpperCase()),g(o.substr(0,1))},N=()=>{L.value=!0},v=o=>{const u=o,f=Math.min(s.value,i.value);u?(n.value=!1,w(u,f)):u===""?(n.value=!1,l.value=""):n.value=!0,c.value=f/4+3};return v(a.value?a.value:r.value),e.watch([r,s,i,a,C],()=>{v(a.value?a.value:r.value)}),{showErrorAvatar:N,isErrorImg:L,code:h,fontSize:c,nameDisplay:l,isNobody:n,ns:y}},render(){const{imgSrc:t,showErrorAvatar:r,height:s,width:i,isRound:a,isErrorImg:C,code:n,fontSize:L,nameDisplay:c,isNobody:h,ns:l}=this,y=e.createVNode("img",{src:t,alt:"",onError:r,style:{height:`${s}px`,width:`${i}px`,borderRadius:a?"100%":"0"}},null),g=t&&!C?y:null,w=e.createVNode("span",{class:[l.e("style"),l.m(`background-${n}`)],style:{height:`${s}px`,width:`${i}px`,lineHeight:`${s}px`,fontSize:`${L}px`,borderRadius:a?"100%":"0"}},[c]),N=!t&&!h&&(c==null?void 0:c.length)!==0?w:null,v=e.createVNode("span",{class:l.e("style"),style:{borderRadius:a?"100%":"0"}},[e.createVNode(Z,{width:i,height:s},null)]),o=!t&&!h&&(c==null?void 0:c.length)===0?v:null,u=e.createVNode("span",{class:l.e("style"),style:{borderRadius:a?"100%":"0"}},[e.createVNode(A,{width:i,height:s},null)]),f=!t&&h||C?u:null;return e.createVNode("span",{class:l.b()},[g,N,o,f])}}),B={title:"Avatar \u5934\u50CF",category:"\u6570\u636E\u5C55\u793A",status:"100%",install(t){t.component(m.name,m)}};d.Avatar=m,d.avatarProps=M,d.default=B,Object.defineProperty(d,"__esModule",{value:!0}),d[Symbol.toStringTag]="Module"});
+(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";const $=a=>{const{width:s,height:l}=a;return e.createVNode("svg",{style:{width:`${s}px`,height:`${l}px`,verticalAlign:"middle"},viewBox:"0 0 30 30",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},[e.createVNode("g",{id:"\u672A\u547D\u540D",stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[e.createVNode("circle",{id:"Oval",fill:"#CACFD8",cx:"15",cy:"15",r:"15"},null),e.createVNode("path",{d:"M14.9997866,16 C12.5145053,16 10.4997866,13.9852814 10.4997866,            11.5 C10.4997866,9.01471863 12.5145053,7 14.9997866,7 C17.485068,            7 19.4997866,9.01471863 19.4997866,11.5 C19.4997866,13.9852814 17.485068,            16 14.9997866,16 Z M23,23 L7,22.998553 C7,19.0122153 10.8892296,            16.5 14.9997866,16.5 C19.1103437,16.5 23,20 23,23 Z",id:"\u5F62\u72B6\u7ED3\u5408",fill:"#FFFFFF"},null)])])};var S=e.defineComponent({name:"AvatarBodyIcon",props:{width:{type:Number,default:16},height:{type:Number,default:16}},render(){const{width:a,height:s}=this;return e.createVNode($,{width:a,height:s},null)}});const B=a=>{const{width:s,height:l}=a;return e.createVNode("svg",{style:{width:`${s}px`,height:`${l}px`,verticalAlign:"middle"},viewBox:"0 0 30 30",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},[e.createVNode("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[e.createVNode("path",{d:"M22.31,19.2474562 L22.31,21.9974562 L20.81,21.9974562 L20.81,            19.2474562 L18.06,19.2474562 L18.06,17.7474562 L20.81,17.7474562 L20.81,            14.9974562 L22.31,14.9974562 L22.31,17.7474562 L25.06,17.7474562 L25.06,            19.2474562 L22.31,19.2474562 Z M14.9297866,14.9974562 C12.4445053,            14.9974562 10.4297866,12.9827376 10.4297866,10.4974562 C10.4297866,            8.01217483 12.4445053,5.9974562 14.9297866,5.9974562 C17.415068,            5.9974562 19.4297866,8.01217483 19.4297866,10.4974562 C19.4297866,            12.9827376 17.415068,14.9974562 14.9297866,14.9974562 Z M19.6797866,            20.2474562 L19.6797866,21.9971623 L6.93,21.9960092 C6.93,18.0096715 10.8192296,            15.4974562 14.9297866,15.4974562 C16.4608397,15.4974562 17.9612467,15.983021 19.2414296,            16.7474562 L17.06,16.7474562 L17.06,20.2474562 L19.6797866,20.2474562 Z",id:"\u5F62\u72B6\u7ED3\u5408",fill:"#959EB2"},null),e.createVNode("path",{d:"M0,15 L1,15 C1,15.6118966 1.03919561,16.2186526 1.11683409,            16.8178549 L0.125124012,16.9463505 C0.0425740367,16.309242 0,            15.6595925 0,15 Z M0.503241262,18.867175 L1.46961749,18.6100428 C1.62594651,            19.1975718 1.8203704,19.7729973 2.05141295,20.3332823 L1.12693074,            20.7145074 C0.880599065,20.1171459 0.67172715,19.500393 0.503241262,            18.867175 Z M1.99122134,22.4730778 L2.85786221,21.9741453 C3.16078316,            22.5003161 3.49772502,23.0063252 3.86631639,23.4889602 L3.0715754,            24.0959089 C2.6777461,23.5802273 2.31659753,23.0382531 1.99122134,            22.4730778 Z M4.38894559,25.6021078 L5.09634867,24.8952974 C5.52582519,            25.3251341 5.98272136,25.7268214 6.46397085,26.0975793 L5.85367498,            26.8897529 C5.33779918,26.4923186 4.84851395,26.0620615 4.38894559,            25.6021078 Z M7.4424647,27.9597887 L7.94703323,27.096417 C8.47111119,            27.4026968 9.0146817,27.6746032 9.57453904,27.9101878 L9.18668461,            28.8319084 C8.58423501,28.5784013 8.00181692,28.2866833 7.4424647,            27.9597887 Z M11.0671021,29.4791103 L11.3286494,28.5139196 C11.9126912,            28.6721832 12.5080563,28.7925378 13.1119738,28.8738935 L12.9784667,            29.8649413 C12.3271613,29.7772019 11.6891102,29.647662 11.0671021,            29.4791103 Z M15,30 C14.9951965,30 14.9903936,29.9999977 14.9855912,            30 L14.9865313,28.9999937 C14.9929361,28.9999987 14.9929361,            28.9999987 14.999296,29 C15.6071552,29 16.2093364,28.9614092 16.8041774,            28.8849313 L16.9316965,29.8767674 C16.2992813,29.9580762 15.6545362,            30 15,30 Z M18.8545762,29.5001051 L18.5982903,28.5335041 C19.1860387,            28.3776677 19.7617059,28.1837179 20.3222555,27.9531286 L20.7026875,            28.8779375 C20.1050484,29.123784 19.4880358,29.3321488 18.8545762,            29.5001051 Z M22.4608087,28.0158343 L21.9626951,27.1487226 C22.4893928,            26.8461604 22.9959399,26.5095265 23.479119,26.1411926 L24.0853678,            26.9364676 C23.5691101,27.3300178 23.0265585,27.6908386 22.4608087,            28.0158343 Z M25.5921583,25.6209863 L24.8860071,24.9129252 C25.3161421,            24.4839504 25.7181674,24.0275419 26.0893023,23.5467621 L26.8808873,            24.1578212 C26.4830546,24.6731862 26.0524368,25.1619493 25.5921583,            25.6209863 Z M27.9526445,22.5697466 L27.0897495,22.0643633 C27.3964738,            21.5406601 27.6688549,20.9974409 27.904942,20.4379104 L28.8262855,            20.8266601 C28.5722411,21.4287497 28.2800163,22.0107897 27.9526445,            22.5697466 Z M29.4756977,18.9454696 L28.5107363,18.6830777 C28.6695136,            18.099165 28.7903877,17.5039035 28.8722662,16.9000659 L29.8631978,            17.0344333 C29.7748946,17.6856516 29.6447979,18.3235936 29.4756977,            18.9454696 Z M30,15 C30,15.0093541 29.9999914,15.0187063 29.9999743,            15.0280564 L28.999976,15.0262257 C28.9999956,15.0134169 28.9999956,            15.0134169 29,15.0006466 C29,14.3970304 28.9619395,13.7989704 28.8865088,            13.208136 L29.8784576,13.0814959 C29.9586571,13.7096843 30,14.3500145 30,            15 Z M29.5038108,11.1594275 L28.5369608,11.4147728 C28.3816616,            10.8267413 28.1882232,10.2507676 27.9581175,9.68988857 L28.8832852,            9.31033004 C29.1286141,9.90831524 29.3364318,10.5256569 29.5038108,            11.1594275 Z M28.0228788,7.55146763 L27.1552968,8.0487618 C26.853241,            7.52179373 26.5170958,7.0149453 26.1492295,6.53143425 L26.9450761,            5.92593594 C27.3381231,6.44254364 27.6984223,6.98541919 28.0228788,            7.55146763 Z M25.6309089,4.41780044 L24.9221905,5.12329189 C24.4935639,            4.69270467 24.0374698,4.2902078 23.5569705,3.9185855 L24.1687554,            3.12756133 C24.6838129,3.52591118 25.1722392,3.95703271 25.6309089,            4.41780044 Z M22.5819506,2.05451093 L22.0757531,2.91692851 C21.5523008,            2.60968727 21.0092999,2.33677531 20.4499564,2.10014728 L20.8395722,            1.17916981 C21.4414531,1.43379309 22.0232574,1.72658499 22.5819506,            2.05451093 Z M18.9594329,0.528106464 L18.696103,1.4928123 C18.1122842,            1.33345081 17.517086,1.21199245 16.9132846,1.12953261 L17.0485964,            0.138729543 C17.6997753,0.227659622 18.3376514,0.358382523 18.9594329,            0.528106464 Z M15,-1.11022302e-16 C15.0139048,-1.11022302e-16 15.0278052,            1.892004e-05 15.0417011,5.673578e-05 L15.0389797,1.00005303 C15.0197685,            1.00000934 15.0197685,1.00000934 15.0005868,1.00000001 C14.4012162,            1 13.8072783,1.03753392 13.2204527,1.11192427 L13.0946918,0.119863691 C13.7186509,            0.0407660189 14.3545651,-1.11022302e-16 15,-1.11022302e-16 Z M11.1720354,            0.492865376 L11.4265338,1.45993857 C10.8386468,1.61464899 10.2627801,            1.80746996 9.70196444,2.03693489 L9.32327455,1.11141127 C9.92118954,            0.86676666 10.5384173,0.659610554 11.1720354,0.492865376 Z M7.56375123,            1.97008801 L8.06022548,2.83813946 C7.53298826,3.13968806 7.02583975,            3.47534367 6.54199783,3.84274131 L5.93725081,3.04632368 C6.4542073,            2.65378102 6.99740556,2.29400434 7.56375123,1.97008801 Z M4.42776842,            4.35917772 L5.13259949,5.06855291 C4.70156141,5.49682984 4.29859416,            5.95260763 3.92648544,6.43282469 L3.13602297,5.82031423 C3.53488885,            5.30556625 3.96651291,4.81747851 4.42776842,4.35917772 Z M2.0616775,            7.40585279 L2.92361696,7.91286401 C2.61586086,8.43606175 2.34241977,            8.97884042 2.10525197,9.53799293 L1.18464153,9.14751063 C1.43984243,            8.54584288 1.73319965,7.96427837 2.0616775,7.40585279 Z M0.531541456,            11.0280046 L1.49601653,11.2921785 C1.33614878,11.8758413 1.21417484,            12.4709081 1.13119244,13.074601 L0.140507978,12.9384235 C0.230001486,            12.2873626 0.361276825,11.6496255 0.531541456,11.0280046 Z",id:"\u8499\u7248",fill:"#CACFD8","fill-rule":"nonzero"},null)])])};var F=e.defineComponent({name:"AvatarNobodyIcon",props:{width:{type:Number,default:16},height:{type:Number,default:16}},render(){const{width:a,height:s}=this;return e.createVNode(B,{width:a,height:s},null)}});const w={name:{type:String,default:null},gender:{type:String,default:null},width:{type:Number,default:36},height:{type:Number,default:36},isRound:{type:Boolean,default:!0},imgSrc:{type:String,default:""},customText:{type:String,default:null}};function L(a,s,l){let n=a;return s&&(n+=`__${s}`),l&&(n+=`--${l}`),n}function E(a,s=!1){const l=s?`.devui-${a}`:`devui-${a}`;return{b:()=>L(l),e:o=>o?L(l,o):"",m:o=>o?L(l,"",o):"",em:(o,d)=>o&&d?L(l,o,d):""}}var U="",p=e.defineComponent({name:"DAvatar",props:w,setup(a){const{name:s,width:l,height:n,customText:i,gender:v,imgSrc:C,isRound:o}=e.toRefs(a),d=e.ref(!0),g=e.ref(!1),M=e.ref(12),f=e.ref(1),r=e.ref(),m=E("avatar"),y=m.e("style"),I=e.computed(()=>m.m(`${"background-"+f.value}`)),Z=t=>{if(v.value){v.value.toLowerCase()==="male"?f.value=1:v.value.toLowerCase()==="female"?f.value=0:console.warn('gender must be "Male" or "Female"');return}const c=t.charCodeAt(0);f.value=c%2},D=(t,c)=>{if(i.value){r.value=i.value,Z(i.value.substr(0,1));return}if(t.length<2)r.value=t;else if(/^[\u4e00-\u9fa5]/.test(t))r.value=t.substr(t.length-2,2);else if(/^[A-Za-z]/.test(t))if(/[_ -]/.test(t)){const h=t.split(/_|-|\s+/)[0],N=t.split(/_|-|\s+/)[1];r.value=h.substr(0,1).toUpperCase()+N.substr(0,1).toUpperCase()}else r.value=t.substr(0,2).toUpperCase();else r.value=t.substr(0,2);c<30&&(r.value=t.substr(0,1).toUpperCase()),Z(t.substr(0,1))},R=()=>{g.value=!0},b=t=>{const c=t,h=Math.min(l.value,n.value);c?(d.value=!1,D(c,h)):c===""?(d.value=!1,r.value=""):d.value=!0,M.value=h/4+3};return b(i.value?i.value:s.value),e.watch([s,l,n,i,v],()=>{b(i.value?i.value:s.value)}),()=>{var x,A;const t=e.createVNode("img",{src:C.value,alt:"",onError:R,style:{height:`${n.value}px`,width:`${l.value}px`,borderRadius:o.value?"100%":"0"}},null),c=C.value&&!g.value?t:null,h=e.createVNode("span",{class:[y,I.value],style:{height:`${n.value}px`,width:`${l.value}px`,lineHeight:`${n.value}px`,fontSize:`${M.value}px`,borderRadius:o.value?"100%":"0"}},[r.value]),N=!C.value&&!d.value&&((x=r.value)==null?void 0:x.length)!==0?h:null,V=e.createVNode("span",{class:y,style:{borderRadius:o.value?"100%":"0"}},[e.createVNode(S,{width:l.value,height:n.value},null)]),k=!C.value&&!d.value&&((A=r.value)==null?void 0:A.length)===0?V:null,T=e.createVNode("span",{class:y,style:{borderRadius:o.value?"100%":"0"}},[e.createVNode(F,{width:l.value,height:n.value},null)]),z=!C.value&&d.value||g.value?T:null;return e.createVNode("span",{class:m.b()},[c,N,k,z])}}}),_={title:"Avatar \u5934\u50CF",category:"\u6570\u636E\u5C55\u793A",status:"100%",install(a){a.component(p.name,p)}};u.Avatar=p,u.avatarProps=w,u.default=_,Object.defineProperty(u,"__esModule",{value:!0}),u[Symbol.toStringTag]="Module"});

package/badge/index.es.js

@@ -31,6 +31,10 @@ const badgeProps = {
   },
   textColor: {
     type: String
+  },
+  hidden: {
+    type: Boolean,
+    default: false
   }
 };
 function createBem(namespace, element, modifier) {
@@ -43,8 +47,8 @@ function createBem(namespace, element, modifier) {
   }
   return cls;
 }
-function useNamespace(block) {
-  const namespace = `devui-${block}`;
+function useNamespace(block, needDot = false) {
+  const namespace = needDot ? `.devui-${block}` : `devui-${block}`;
   const b = () => createBem(namespace);
   const e = (element) => element ? createBem(namespace, element) : "";
   const m = (modifier) => modifier ? createBem(namespace, "", modifier) : "";
@@ -64,7 +68,7 @@ var Badge = defineComponent({
     const ns = useNamespace("badge");
     const className = computed(() => {
       const base = ns.e("content");
-      return [base, props.showDot ? ns.m("dot") : ns.m("count"), props.status && ns.m(props.status), ctx.slots.default && props.position && ns.m(props.position), ctx.slots.default && ns.m("fixed")].join(" ");
+      return [base, props.showDot ? ns.m("dot") : ns.m("count"), props.status && ns.m(props.status), ctx.slots.default && props.position && ns.m(props.position), ctx.slots.default && ns.m("fixed"), props.hidden ? ns.m("hidden") : ns.m("show")].join(" ");
     });
     const style = computed(() => {
       const styleMap = {
@@ -72,7 +76,9 @@ var Badge = defineComponent({
         textColor: "color"
       };
       const ret = Object.keys(styleMap).reduce((result, key) => {
-        props[key] && (result[styleMap[key]] = props[key]);
+        if (props[key]) {
+          result[styleMap[key]] = props[key];
+        }
         return result;
       }, {});
       if (ctx.slots.default && props.offset) {

package/badge/index.umd.js

@@ -1 +1 @@
-(function(u,a){typeof exports=="object"&&typeof module!="undefined"?a(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],a):(u=typeof globalThis!="undefined"?globalThis:u||self,a(u.index={},u.Vue))})(this,function(u,a){"use strict";const b=["danger","warning","waiting","success","info","common"],y=["top-left","top-right","bottom-left","bottom-right"],r={count:{type:[Number,String]},maxCount:{type:Number,default:99},showDot:{type:Boolean,default:!1},status:{type:String,validator:t=>b.includes(t),default:"info"},position:{type:String,default:"top-right",validator:t=>y.includes(t)},offset:{type:Array},bgColor:{type:String},textColor:{type:String}};function d(t,n,o){let i=t;return n&&(i+=`__${n}`),o&&(i+=`--${o}`),i}function x(t){const n=`devui-${t}`;return{b:()=>d(n),e:e=>e?d(n,e):"",m:e=>e?d(n,"",e):"",em:(e,s)=>e&&s?d(n,e,s):""}}var N="",f=a.defineComponent({name:"DBadge",props:r,setup(t,n){const o=x("badge"),i=a.computed(()=>[o.e("content"),t.showDot?o.m("dot"):o.m("count"),t.status&&o.m(t.status),n.slots.default&&t.position&&o.m(t.position),n.slots.default&&o.m("fixed")].join(" ")),m=a.computed(()=>{const e={bgColor:"background",textColor:"color"},s=Object.keys(e).reduce((l,c)=>(t[c]&&(l[e[c]]=t[c]),l),{});if(n.slots.default&&t.offset){const[l,c]=t.offset,[h,v]=t.position.split("-");s[h]=c+"px",s[v]=l+"px"}return s}),g=a.computed(()=>{if(!t.showDot)return typeof t.count=="number"&&typeof t.maxCount=="number"&&t.count>t.maxCount?`${t.maxCount}+`:t.count});return()=>{var e,s;return a.createVNode("div",{class:o.b()},[(s=(e=n.slots).default)==null?void 0:s.call(e),a.createVNode("div",{class:i.value,style:m.value},[g.value])])}}}),C={title:"Badge \u5FBD\u6807",category:"\u6570\u636E\u5C55\u793A",status:"100%",install(t){t.component(f.name,f)}};u.Badge=f,u.badgeProps=r,u.default=C,Object.defineProperty(u,"__esModule",{value:!0}),u[Symbol.toStringTag]="Module"});
+(function(o,u){typeof exports=="object"&&typeof module!="undefined"?u(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],u):(o=typeof globalThis!="undefined"?globalThis:o||self,u(o.index={},o.Vue))})(this,function(o,u){"use strict";const y=["danger","warning","waiting","success","info","common"],b=["top-left","top-right","bottom-left","bottom-right"],r={count:{type:[Number,String]},maxCount:{type:Number,default:99},showDot:{type:Boolean,default:!1},status:{type:String,validator:t=>y.includes(t),default:"info"},position:{type:String,default:"top-right",validator:t=>b.includes(t)},offset:{type:Array},bgColor:{type:String},textColor:{type:String},hidden:{type:Boolean,default:!1}};function f(t,a,e){let d=t;return a&&(d+=`__${a}`),e&&(d+=`--${e}`),d}function h(t,a=!1){const e=a?`.devui-${t}`:`devui-${t}`;return{b:()=>f(e),e:n=>n?f(e,n):"",m:n=>n?f(e,"",n):"",em:(n,i)=>n&&i?f(e,n,i):""}}var B="",l=u.defineComponent({name:"DBadge",props:r,setup(t,a){const e=h("badge"),d=u.computed(()=>[e.e("content"),t.showDot?e.m("dot"):e.m("count"),t.status&&e.m(t.status),a.slots.default&&t.position&&e.m(t.position),a.slots.default&&e.m("fixed"),t.hidden?e.m("hidden"):e.m("show")].join(" ")),m=u.computed(()=>{const s={bgColor:"background",textColor:"color"},n=Object.keys(s).reduce((i,c)=>(t[c]&&(i[s[c]]=t[c]),i),{});if(a.slots.default&&t.offset){const[i,c]=t.offset,[x,C]=t.position.split("-");n[x]=c+"px",n[C]=i+"px"}return n}),g=u.computed(()=>{if(!t.showDot)return typeof t.count=="number"&&typeof t.maxCount=="number"&&t.count>t.maxCount?`${t.maxCount}+`:t.count});return()=>{var s,n;return u.createVNode("div",{class:e.b()},[(n=(s=a.slots).default)==null?void 0:n.call(s),u.createVNode("div",{class:d.value,style:m.value},[g.value])])}}}),v={title:"Badge \u5FBD\u6807",category:"\u6570\u636E\u5C55\u793A",status:"100%",install(t){t.component(l.name,l)}};o.Badge=l,o.badgeProps=r,o.default=v,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__content{font-size:var(--devui-font-size, 12px);color:var(--devui-light-text, #ffffff)}.devui-badge--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--danger{background:var(--devui-danger, #f66f6a)}.devui-badge--warning{background:var(--devui-warning, #fac20a)}.devui-badge--waiting{background:var(--devui-waiting, #9faad7)}.devui-badge--success{background:var(--devui-success, #50d4ab)}.devui-badge--info{background:var(--devui-info, #5e7ce0)}.devui-badge--common{background:var(--devui-unavailable, #f5f5f6);color:var(--devui-aide-text, #8a8e99)}.devui-badge--top-left{left:0;top:0;transform:translate(-50%,-50%)}.devui-badge--top-right{right:0;top:0;transform:translate(50%,-50%)}.devui-badge--bottom-left{left:0;bottom:0;transform:translate(-50%,50%)}.devui-badge--bottom-right{right:0;bottom:0;transform:translate(50%,50%)}.devui-badge--fixed{position:absolute}.devui-badge--dot{width:6px;height:6px;border-radius:50%}
+.devui-badge{position:relative;display:inline-block}.devui-badge__content{font-size:var(--devui-font-size-sm, 12px);color:var(--devui-light-text, #ffffff)}.devui-badge--count{padding:0 4px;min-width:16px;height:16px;line-height:16px;border-radius:var(--devui-border-radius-full, 100px);background:var(--devui-brand, #5e7ce0);text-align:center}.devui-badge--danger{background:var(--devui-danger, #f66f6a)}.devui-badge--warning{background:var(--devui-warning, #fac20a)}.devui-badge--waiting{background:var(--devui-waiting, #9faad7)}.devui-badge--success{background:var(--devui-success, #50d4ab)}.devui-badge--info{background:var(--devui-brand, #5e7ce0)}.devui-badge--common{background:var(--devui-unavailable, #f5f5f5);color:var(--devui-aide-text, #71757f)}.devui-badge--top-left{left:0;top:0;transform:translate(-50%,-50%)}.devui-badge--top-right{right:0;top:0;transform:translate(50%,-50%)}.devui-badge--bottom-left{left:0;bottom:0;transform:translate(-50%,50%)}.devui-badge--bottom-right{right:0;bottom:0;transform:translate(50%,50%)}.devui-badge--fixed{position:absolute}.devui-badge--dot{width:6px;height:6px;border-radius:50%}.devui-badge--show{visibility:visible;opacity:1;transition:all var(--devui-animation-duration-fast, .1s) var(--devui-animation-ease-out, cubic-bezier(.16, .75, .5, 1))}.devui-badge--hidden{visibility:hidden;opacity:0;transition:all var(--devui-animation-duration-fast, .1s) var(--devui-animation-ease-in, cubic-bezier(.5, 0, .84, .25))}

package/button/index.es.js

@@ -18,7 +18,8 @@ var __publicField = (obj, key, value) => {
   __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
-import { defineComponent, toRefs, createVNode, ref, h, render, computed, inject, withDirectives, resolveDirective, provide, toRef } from "vue";
+import { defineComponent, toRefs, computed, createVNode, resolveDynamicComponent, mergeProps, ref, h, render, inject, withDirectives, resolveDirective, provide, toRef } from "vue";
+const DEFAULT_PREFIX = "icon";
 const iconProps = {
   name: {
     type: String,
@@ -26,43 +27,203 @@ const iconProps = {
     required: true
   },
   size: {
-    type: String,
+    type: [Number, String],
     default: "inherit"
   },
   color: {
     type: String,
     default: "inherit"
   },
+  component: {
+    type: Object,
+    default: null
+  },
   classPrefix: {
     type: String,
-    default: "icon"
+    default: DEFAULT_PREFIX
+  },
+  operable: {
+    type: Boolean,
+    default: false
+  },
+  disabled: {
+    type: Boolean,
+    default: false
+  },
+  rotate: {
+    type: [Number, String]
   }
 };
-var Icon = defineComponent({
-  name: "DIcon",
-  props: iconProps,
+const svgIconProps = {
+  name: {
+    type: String,
+    default: "",
+    required: true
+  },
+  color: {
+    type: String,
+    default: "inherit"
+  },
+  size: {
+    type: [Number, String],
+    default: "inherit"
+  }
+};
+function createBem(namespace, element, modifier) {
+  let cls = namespace;
+  if (element) {
+    cls += `__${element}`;
+  }
+  if (modifier) {
+    cls += `--${modifier}`;
+  }
+  return cls;
+}
+function useNamespace(block, needDot = false) {
+  const namespace = needDot ? `.devui-${block}` : `devui-${block}`;
+  const b = () => createBem(namespace);
+  const e = (element) => element ? createBem(namespace, element) : "";
+  const m = (modifier) => modifier ? createBem(namespace, "", modifier) : "";
+  const em = (element, modifier) => element && modifier ? createBem(namespace, element, modifier) : "";
+  return {
+    b,
+    e,
+    m,
+    em
+  };
+}
+var icon = "";
+var svgIcon = defineComponent({
+  name: "DSvgIcon",
+  props: svgIconProps,
   setup(props) {
     const {
       name,
-      size,
       color,
-      classPrefix
+      size
     } = toRefs(props);
+    const ns = useNamespace("svg-icon");
+    const iconName = computed(() => `#icon-${name.value}`);
+    const iconSize = computed(() => {
+      return typeof size.value === "number" ? `${size.value}px` : size.value;
+    });
+    const styles = {
+      width: iconSize.value,
+      height: iconSize.value
+    };
     return () => {
-      return /^((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);
+      return createVNode("svg", {
+        "class": ns.b(),
+        "style": styles
+      }, [createVNode("use", {
+        "xlink:href": iconName.value,
+        "fill": color.value
+      }, null)]);
+    };
+  }
+});
+function isUrl(value) {
+  return /^((http|https):)?\/\//.test(value);
+}
+function useIconDom(props, ctx) {
+  const {
+    component,
+    name,
+    size,
+    color,
+    classPrefix,
+    rotate
+  } = toRefs(props);
+  const ns = useNamespace("icon");
+  const iconSize = computed(() => {
+    return typeof size.value === "number" ? `${size.value}px` : size.value;
+  });
+  const IconComponent = component.value ? resolveDynamicComponent(component.value) : resolveDynamicComponent(svgIcon);
+  const imgIconDom = () => {
+    return createVNode("img", mergeProps({
+      "src": name.value,
+      "alt": name.value.split("/")[name.value.split("/").length - 1],
+      "class": [(rotate == null ? void 0 : rotate.value) === "infinite" && ns.m("spin")],
+      "style": {
+        width: iconSize.value || "",
+        transform: `rotate(${rotate == null ? void 0 : rotate.value}deg)`,
+        verticalAlign: "middle"
+      }
+    }, ctx.attrs), null);
+  };
+  const svgIconDom = () => {
+    return createVNode(IconComponent, mergeProps({
+      "name": name.value,
+      "color": color.value,
+      "size": iconSize.value,
+      "class": [(rotate == null ? void 0 : rotate.value) === "infinite" && ns.m("spin")],
+      "style": {
+        transform: `rotate(${rotate == null ? void 0 : rotate.value}deg)`
+      }
+    }, ctx.attrs), null);
+  };
+  const fontIconDom = () => {
+    const fontIconClass = /^icon-/.test(name.value) ? name.value : `${classPrefix.value}-${name.value}`;
+    return createVNode("i", mergeProps({
+      "class": [classPrefix.value, fontIconClass, (rotate == null ? void 0 : rotate.value) === "infinite" && ns.m("spin")],
+      "style": {
+        fontSize: iconSize.value,
+        color: color.value,
+        transform: `rotate(${rotate == null ? void 0 : rotate.value}deg)`
+      }
+    }, ctx.attrs), null);
+  };
+  const iconDom = () => {
+    return component.value ? svgIconDom() : isUrl(name.value) ? imgIconDom() : fontIconDom();
+  };
+  return {
+    iconDom
+  };
+}
+var Icon = defineComponent({
+  name: "DIcon",
+  props: iconProps,
+  emits: ["click"],
+  setup(props, ctx) {
+    const {
+      disabled,
+      operable
+    } = toRefs(props);
+    const {
+      iconDom
+    } = useIconDom(props, ctx);
+    const ns = useNamespace("icon");
+    const wrapClassed = computed(() => ({
+      [ns.e("container")]: true,
+      [ns.m("disabled")]: disabled.value,
+      [ns.m("operable")]: operable.value,
+      [ns.m("no-slots")]: !Object.keys(ctx.slots).length
+    }));
+    const onClick = (e) => {
+      if (disabled.value) {
+        return;
+      }
+      ctx.emit("click", e);
+    };
+    return () => {
+      var _a, _b, _c, _d;
+      return createVNode("div", {
+        "class": wrapClassed.value,
+        "onClick": onClick
+      }, [(_b = (_a = ctx.slots).prefix) == null ? void 0 : _b.call(_a), iconDom(), (_d = (_c = ctx.slots).suffix) == null ? void 0 : _d.call(_c)]);
+    };
+  }
+});
+var iconGroup = "";
+defineComponent({
+  name: "DIconGroup",
+  setup(_, ctx) {
+    const ns = useNamespace("icon-group");
+    return () => {
+      var _a, _b;
+      return createVNode("div", {
+        "class": ns.b()
+      }, [(_b = (_a = ctx.slots).default) == null ? void 0 : _b.call(_a)]);
     };
   }
 });
@@ -96,32 +257,9 @@ class LoadingOptions {
     __publicField(this, "zIndex");
   }
 }
-function createBem(namespace, element, modifier) {
-  let cls = namespace;
-  if (element) {
-    cls += `__${element}`;
-  }
-  if (modifier) {
-    cls += `--${modifier}`;
-  }
-  return cls;
-}
-function useNamespace(block) {
-  const namespace = `devui-${block}`;
-  const b = () => createBem(namespace);
-  const e = (element) => element ? createBem(namespace, element) : "";
-  const m = (modifier) => modifier ? createBem(namespace, "", modifier) : "";
-  const em = (element, modifier) => element && modifier ? createBem(namespace, element, modifier) : "";
-  return {
-    b,
-    e,
-    m,
-    em
-  };
-}
 var loading = "";
 var Loading = defineComponent({
-  name: "DLoading",
+  name: "Loading",
   inheritAttrs: false,
   props: loadingProps,
   setup(props) {
@@ -274,12 +412,12 @@ const handleProps = (el, vprops) => {
   const props = __spreadValues(__spreadValues({}, new LoadingOptions()), vprops);
   const loadingTemplateRef = props.loadingTemplateRef;
   const loadingInstance = createComponent(loadingConstructor, __spreadValues({}, props), loadingTemplateRef ? () => loadingTemplateRef : null);
-  el.style.position = props.positionType;
+  el.style.position = props.positionType || "relative";
   el.options = props;
   el.instance = loadingInstance;
   el.mask = (_a = loadingInstance == null ? void 0 : loadingInstance.proxy) == null ? void 0 : _a.$el;
 };
-const loadingDirective = {
+const LoadingDirective = {
   mounted: function(el, binding, vnode) {
     handleProps(el, vnode.props);
     removeAttribute(el);
@@ -5781,13 +5919,13 @@ var button = "";
 var Button = defineComponent({
   name: "DButton",
   directives: {
-    dLoading: loadingDirective
+    Loading: LoadingDirective
   },
   props: buttonProps,
   emits: ["click"],
   setup(props, ctx) {
     const {
-      icon,
+      icon: icon2,
       disabled,
       loading: loading2
     } = toRefs(props);
@@ -5807,14 +5945,14 @@ var Button = defineComponent({
         "class": classes.value,
         "disabled": disabled.value,
         "onClick": onClick
-      }, [icon.value && createVNode(Icon, {
-        "name": icon.value,
+      }, [icon2.value && createVNode(Icon, {
+        "name": icon2.value,
         "size": "var(--devui-font-size, 12px)",
         "color": "",
         "class": iconClass.value
       }, null), createVNode("span", {
         "class": "button-content"
-      }, [(_b = (_a = ctx.slots).default) == null ? void 0 : _b.call(_a)])]), [[resolveDirective("dLoading"), loading2.value]]);
+      }, [(_b = (_a = ctx.slots).default) == null ? void 0 : _b.call(_a)])]), [[resolveDirective("loading"), loading2.value]]);
     };
   }
 });