vue-devui 1.0.0-rc.0 → 1.0.0-rc.11

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,
@@ -26,7 +26,7 @@ const IconBody = (props) => {
     "cy": "15",
     "r": "15"
   }, null), 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",
+    "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)])]);
@@ -74,11 +74,11 @@ const IconNobody = (props) => {
     "fill": "none",
     "fill-rule": "evenodd"
   }, [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",
+    "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), 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",
+    "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"
@@ -107,39 +107,63 @@ var AvatarNoBodyIcon = defineComponent({
     }, null);
   }
 });
+const avatarProps = {
+  name: {
+    type: String,
+    default: null
+  },
+  gender: {
+    type: String,
+    default: null
+  },
+  width: {
+    type: Number,
+    default: 36
+  },
+  height: {
+    type: Number,
+    default: 36
+  },
+  isRound: {
+    type: Boolean,
+    default: true
+  },
+  imgSrc: {
+    type: String,
+    default: ""
+  },
+  customText: {
+    type: String,
+    default: null
+  }
+};
+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 avatar = "";
 var Avatar = defineComponent({
   name: "DAvatar",
-  props: {
-    name: {
-      type: String,
-      default: null
-    },
-    gender: {
-      type: String,
-      default: null
-    },
-    width: {
-      type: Number,
-      default: 36
-    },
-    height: {
-      type: Number,
-      default: 36
-    },
-    isRound: {
-      type: Boolean,
-      default: true
-    },
-    imgSrc: {
-      type: String,
-      default: ""
-    },
-    customText: {
-      type: String,
-      default: null
-    }
-  },
+  props: avatarProps,
   setup(props) {
     const {
       name,
@@ -153,149 +177,132 @@ var Avatar = defineComponent({
     const isNobody = ref(true);
     const isErrorImg = ref(false);
     const fontSize = ref(12);
-    const code = ref();
+    const code = ref(1);
     const nameDisplay = ref();
-    const calcValues = (nameInput) => {
-      const userName = nameInput;
-      const minNum = Math.min(width.value, height.value);
-      if (userName) {
-        isNobody.value = false;
-        setDisplayName(userName, minNum);
-      } else if (userName === "") {
-        isNobody.value = false;
-        nameDisplay.value = "";
-      } else {
-        isNobody.value = true;
+    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") {
+          code.value = 1;
+        } else if (gender.value.toLowerCase() === "female") {
+          code.value = 0;
+        } else {
+          console.warn('gender must be "Male" or "Female"');
+        }
+        return;
       }
-      fontSize.value = minNum / 4 + 3;
+      const unicode = char.charCodeAt(0);
+      code.value = unicode % 2;
     };
-    const setDisplayName = (name2, width2) => {
+    const setDisplayName = (nameValue, widthValue) => {
       if (customText.value) {
         nameDisplay.value = customText.value;
         getBackgroundColor(customText.value.substr(0, 1));
         return;
       }
-      if (name2.length < 2) {
-        nameDisplay.value = name2;
+      if (nameValue.length < 2) {
+        nameDisplay.value = nameValue;
       } else {
-        if (/^[\u4e00-\u9fa5]/.test(name2)) {
-          nameDisplay.value = name2.substr(name2.length - 2, 2);
-        } else if (/^[A-Za-z]/.test(name2)) {
-          if (/[_ -]/.test(name2)) {
-            const str_before = name2.split(/_|-|\s+/)[0];
-            const str_after = name2.split(/_|-|\s+/)[1];
+        if (/^[\u4e00-\u9fa5]/.test(nameValue)) {
+          nameDisplay.value = nameValue.substr(nameValue.length - 2, 2);
+        } else if (/^[A-Za-z]/.test(nameValue)) {
+          if (/[_ -]/.test(nameValue)) {
+            const str_before = nameValue.split(/_|-|\s+/)[0];
+            const str_after = nameValue.split(/_|-|\s+/)[1];
             nameDisplay.value = str_before.substr(0, 1).toUpperCase() + str_after.substr(0, 1).toUpperCase();
           } else {
-            nameDisplay.value = name2.substr(0, 2).toUpperCase();
+            nameDisplay.value = nameValue.substr(0, 2).toUpperCase();
           }
         } else {
-          nameDisplay.value = name2.substr(0, 2);
+          nameDisplay.value = nameValue.substr(0, 2);
         }
       }
-      if (width2 < 30) {
-        nameDisplay.value = name2.substr(0, 1).toUpperCase();
+      if (widthValue < 30) {
+        nameDisplay.value = nameValue.substr(0, 1).toUpperCase();
       }
-      getBackgroundColor(name2.substr(0, 1));
-    };
-    const getBackgroundColor = (char) => {
-      if (gender.value) {
-        if (gender.value.toLowerCase() === "male") {
-          code.value = 1;
-        } else if (gender.value.toLowerCase() === "female") {
-          code.value = 0;
-        } else {
-          throw new Error('gender must be "Male" or "Female"');
-        }
-        return;
-      }
-      const unicode = char.charCodeAt(0);
-      code.value = unicode % 2;
+      getBackgroundColor(nameValue.substr(0, 1));
     };
     const showErrorAvatar = () => {
       isErrorImg.value = true;
     };
+    const calcValues = (nameInput) => {
+      const userName = nameInput;
+      const minNum = Math.min(width.value, height.value);
+      if (userName) {
+        isNobody.value = false;
+        setDisplayName(userName, minNum);
+      } else if (userName === "") {
+        isNobody.value = false;
+        nameDisplay.value = "";
+      } else {
+        isNobody.value = true;
+      }
+      fontSize.value = minNum / 4 + 3;
+    };
     calcValues(customText.value ? customText.value : name.value);
     watch([name, width, height, customText, gender], () => {
       calcValues(customText.value ? customText.value : name.value);
     });
-    return {
-      showErrorAvatar,
-      isErrorImg,
-      code,
-      fontSize,
-      nameDisplay,
-      isNobody
+    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
-    } = 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": `devui-avatar-style devui-avatar-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": `devui-avatar-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": `devui-avatar-style`,
-      "style": {
-        borderRadius: isRound ? "100%" : "0"
-      }
-    }, [createVNode(AvatarNoBodyIcon, {
-      "width": width,
-      "height": height
-    }, null)]);
-    const noBody = !imgSrc && isNobody || isErrorImg ? noBodyElement : null;
-    return createVNode("span", {
-      "class": "devui-avatar"
-    }, [hasImgSrc, hasNameDisplay, hasNoDisplayName, noBody]);
   }
 });
-Avatar.install = function(app) {
-  app.component(Avatar.name, Avatar);
-};
 var index = {
   title: "Avatar \u5934\u50CF",
   category: "\u6570\u636E\u5C55\u793A",
   status: "100%",
   install(app) {
-    app.use(Avatar);
+    app.component(Avatar.name, Avatar);
   }
 };
-export { Avatar, index as default };
+export { Avatar, avatarProps, index as default };

package/avatar/index.umd.js

@@ -1 +1 @@
-(function(i,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(i=typeof globalThis!="undefined"?globalThis:i||self,e(i.index={},i.Vue))})(this,function(i,e){"use strict";const M=t=>{const{width:l,height:a}=t;return e.createVNode("svg",{style:{width:`${l}px`,height:`${a}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:l}=this;return e.createVNode(M,{width:t,height:l},null)}});const b=t=>{const{width:l,height:a}=t;return e.createVNode("svg",{style:{width:`${l}px`,height:`${a}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 x=e.defineComponent({name:"AvatarNobodyIcon",props:{width:{type:Number,default:16},height:{type:Number,default:16}},render(){const{width:t,height:l}=this;return e.createVNode(b,{width:t,height:l},null)}}),S="",L=e.defineComponent({name:"DAvatar",props:{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}},setup(t){const{name:l,width:a,height:d,customText:o,gender:u,imgSrc:w,isRound:N}=e.toRefs(t),s=e.ref(!0),C=e.ref(!1),f=e.ref(12),h=e.ref(),n=e.ref(),p=r=>{const c=r,v=Math.min(a.value,d.value);c?(s.value=!1,y(c,v)):c===""?(s.value=!1,n.value=""):s.value=!0,f.value=v/4+3},y=(r,c)=>{if(o.value){n.value=o.value,g(o.value.substr(0,1));return}if(r.length<2)n.value=r;else if(/^[\u4e00-\u9fa5]/.test(r))n.value=r.substr(r.length-2,2);else if(/^[A-Za-z]/.test(r))if(/[_ -]/.test(r)){const v=r.split(/_|-|\s+/)[0],A=r.split(/_|-|\s+/)[1];n.value=v.substr(0,1).toUpperCase()+A.substr(0,1).toUpperCase()}else n.value=r.substr(0,2).toUpperCase();else n.value=r.substr(0,2);c<30&&(n.value=r.substr(0,1).toUpperCase()),g(r.substr(0,1))},g=r=>{if(u.value){if(u.value.toLowerCase()==="male")h.value=1;else if(u.value.toLowerCase()==="female")h.value=0;else throw new Error('gender must be "Male" or "Female"');return}const c=r.charCodeAt(0);h.value=c%2},m=()=>{C.value=!0};return p(o.value?o.value:l.value),e.watch([l,a,d,o,u],()=>{p(o.value?o.value:l.value)}),{showErrorAvatar:m,isErrorImg:C,code:h,fontSize:f,nameDisplay:n,isNobody:s}},render(){const{imgSrc:t,showErrorAvatar:l,height:a,width:d,isRound:o,isErrorImg:u,code:w,fontSize:N,nameDisplay:s,isNobody:C}=this,f=e.createVNode("img",{src:t,alt:"",onError:l,style:{height:`${a}px`,width:`${d}px`,borderRadius:o?"100%":"0"}},null),h=t&&!u?f:null,n=e.createVNode("span",{class:`devui-avatar-style devui-avatar-background-${w}`,style:{height:`${a}px`,width:`${d}px`,lineHeight:`${a}px`,fontSize:`${N}px`,borderRadius:o?"100%":"0"}},[s]),p=!t&&!C&&(s==null?void 0:s.length)!==0?n:null,y=e.createVNode("span",{class:"devui-avatar-style",style:{borderRadius:o?"100%":"0"}},[e.createVNode(Z,{width:d,height:a},null)]),g=!t&&!C&&(s==null?void 0:s.length)===0?y:null,m=e.createVNode("span",{class:"devui-avatar-style",style:{borderRadius:o?"100%":"0"}},[e.createVNode(x,{width:d,height:a},null)]),r=!t&&C||u?m:null;return e.createVNode("span",{class:"devui-avatar"},[h,p,g,r])}});L.install=function(t){t.component(L.name,L)};var V={title:"Avatar \u5934\u50CF",category:"\u6570\u636E\u5C55\u793A",status:"100%",install(t){t.use(L)}};i.Avatar=L,i.default=V,Object.defineProperty(i,"__esModule",{value:!0}),i[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/avatar/style.css

@@ -1 +1 @@
-.devui-avatar{display:inline-block}.devui-avatar-style{display:inline-block;text-align:center;color:var(--devui-light-text, #ffffff)}.devui-avatar-background-0{background-color:#ff8b87}.devui-avatar-background-1{background-color:#7693f5}
+.devui-avatar{display:inline-block}.devui-avatar__style{display:inline-block;text-align:center;color:var(--devui-light-text, #ffffff)}.devui-avatar--background-0{background-color:#ff8b87}.devui-avatar--background-1{background-color:#7693f5}

package/badge/index.es.js

@@ -1,5 +1,5 @@
 import { defineComponent, computed, createVNode } from "vue";
-const badgeStatusType = ["danger", "warning", "waiting", "success", "info"];
+const badgeStatusType = ["danger", "warning", "waiting", "success", "info", "common"];
 const badgePositionType = ["top-left", "top-right", "bottom-left", "bottom-right"];
 const badgeProps = {
   count: {
@@ -15,7 +15,8 @@ const badgeProps = {
   },
   status: {
     type: String,
-    validator: (val) => badgeStatusType.includes(val)
+    validator: (val) => badgeStatusType.includes(val),
+    default: "info"
   },
   position: {
     type: String,
@@ -30,16 +31,44 @@ const badgeProps = {
   },
   textColor: {
     type: String
+  },
+  hidden: {
+    type: Boolean,
+    default: false
   }
 };
+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 badge = "";
 var Badge = defineComponent({
   name: "DBadge",
   props: badgeProps,
   setup(props, ctx) {
+    const ns = useNamespace("badge");
     const className = computed(() => {
-      const base = "devui-badge-content";
-      return [base, props.showDot ? `${base}-dot` : `${base}-count`, props.status && `${base}-${props.status}`, ctx.slots.default && props.position && `${base}-${props.position}`, ctx.slots.default && `${base}-fixed`].join(" ");
+      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"), props.hidden ? ns.m("hidden") : ns.m("show")].join(" ");
     });
     const style = computed(() => {
       const styleMap = {
@@ -70,7 +99,7 @@ var Badge = defineComponent({
     return () => {
       var _a, _b;
       return createVNode("div", {
-        "class": "devui-badge"
+        "class": ns.b()
       }, [(_b = (_a = ctx.slots).default) == null ? void 0 : _b.call(_a), createVNode("div", {
         "class": className.value,
         "style": style.value

package/badge/index.umd.js

@@ -1 +1 @@
-(function(n,o){typeof exports=="object"&&typeof module!="undefined"?o(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],o):(n=typeof globalThis!="undefined"?globalThis:n||self,o(n.index={},n.Vue))})(this,function(n,o){"use strict";const c=["danger","warning","waiting","success","info"],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=o.defineComponent({name:"DBadge",props:l,setup(t,i){const g=o.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=o.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=o.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 o.createVNode("div",{class:"devui-badge"},[(u=(e=i.slots).default)==null?void 0:u.call(e),o.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)}};n.Badge=s,n.badgeProps=l,n.default=r,Object.defineProperty(n,"__esModule",{value:!0}),n[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 l(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:()=>l(e),e:n=>n?l(e,n):"",m:n=>n?l(e,"",n):"",em:(n,i)=>n&&i?l(e,n,i):""}}var B="",f=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(f.name,f)}};o.Badge=f,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 .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__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))}