vxe-pc-ui 4.20.33 → 4.20.35

package/es/avatar/src/avatar.js

@@ -4,142 +4,145 @@ import XEUtils from "xe-utils";
 import { VxeUI } from "@vxe-ui/core";
 import { toCssUnit } from "../../ui/src/dom";
 const { getConfig, createEvent, useFns, renderEmptyElement } = VxeUI;
-var avatar_default = defineVxeComponent({
-  name: "VxeAvatar",
-  props: {
-    count: [String, Number],
-    dot: Boolean,
-    content: [String, Number],
-    icon: String,
-    src: String,
-    width: [String, Number],
-    height: [String, Number],
-    circle: {
-      type: Boolean,
-      default: () => getConfig().avatar.circle
-    },
-    status: {
-      type: String,
-      default: () => getConfig().avatar.status
-    },
-    size: {
-      type: String,
-      default: () => getConfig().avatar.size || getConfig().size
-    }
-  },
-  emits: [],
-  setup(props, context) {
-    const { emit } = context;
-    const xID = XEUtils.uniqueId();
-    const { computeSize } = useFns.useSize(props);
-    const refElem = ref();
-    const reactData = reactive({});
-    const refMaps = {
-      refElem
-    };
-    const computeAvatarStyle = computed(() => {
-      const { width, height } = props;
-      const stys = {};
-      if (width) {
-        stys.width = toCssUnit(width);
+var avatar_default = (
+  /* define-vxe-component start */
+  defineVxeComponent({
+    name: "VxeAvatar",
+    props: {
+      count: [String, Number],
+      dot: Boolean,
+      content: [String, Number],
+      icon: String,
+      src: String,
+      width: [String, Number],
+      height: [String, Number],
+      circle: {
+        type: Boolean,
+        default: () => getConfig().avatar.circle
+      },
+      status: {
+        type: String,
+        default: () => getConfig().avatar.status
+      },
+      size: {
+        type: String,
+        default: () => getConfig().avatar.size || getConfig().size
       }
-      if (height) {
-        stys.height = toCssUnit(height);
-      }
-      return stys;
-    });
-    const computeCountNum = computed(() => {
-      const { count } = props;
-      return count ? XEUtils.toNumber(count) : 0;
-    });
-    const computeMaps = {};
-    const $xeAvatar = {
-      xID,
-      props,
-      context,
-      reactData,
-      getRefMaps: () => refMaps,
-      getComputeMaps: () => computeMaps
-    };
-    const dispatchEvent = (type, params, evnt) => {
-      emit(type, createEvent(evnt, { $avatar: $xeAvatar }, params));
-    };
-    const avatarMethods = {
-      dispatchEvent
-    };
-    const avatarPrivateMethods = {};
-    Object.assign($xeAvatar, avatarMethods, avatarPrivateMethods);
-    const renderContent = () => {
-      const { icon, content, src } = props;
-      if (icon) {
+    },
+    emits: [],
+    setup(props, context) {
+      const { emit } = context;
+      const xID = XEUtils.uniqueId();
+      const { computeSize } = useFns.useSize(props);
+      const refElem = ref();
+      const reactData = reactive({});
+      const refMaps = {
+        refElem
+      };
+      const computeAvatarStyle = computed(() => {
+        const { width, height } = props;
+        const stys = {};
+        if (width) {
+          stys.width = toCssUnit(width);
+        }
+        if (height) {
+          stys.height = toCssUnit(height);
+        }
+        return stys;
+      });
+      const computeCountNum = computed(() => {
+        const { count } = props;
+        return count ? XEUtils.toNumber(count) : 0;
+      });
+      const computeMaps = {};
+      const $xeAvatar = {
+        xID,
+        props,
+        context,
+        reactData,
+        getRefMaps: () => refMaps,
+        getComputeMaps: () => computeMaps
+      };
+      const dispatchEvent = (type, params, evnt) => {
+        emit(type, createEvent(evnt, { $avatar: $xeAvatar }, params));
+      };
+      const avatarMethods = {
+        dispatchEvent
+      };
+      const avatarPrivateMethods = {};
+      Object.assign($xeAvatar, avatarMethods, avatarPrivateMethods);
+      const renderContent = () => {
+        const { icon, content, src } = props;
+        if (icon) {
+          return h(
+            "span",
+            {
+              class: "vxe-avatar--icon"
+            },
+            [
+              h("i", {
+                class: icon
+              })
+            ]
+          );
+        }
+        if (content) {
+          return h(
+            "span",
+            {
+              class: "vxe-avatar--content"
+            },
+            `${content}`
+          );
+        }
+        if (src) {
+          return h("img", {
+            class: "vxe-avatar--img",
+            src
+          });
+        }
+        return renderEmptyElement($xeAvatar);
+      };
+      const renderVN = () => {
+        const { circle, dot, status } = props;
+        const vSize = computeSize.value;
+        const countNum = computeCountNum.value;
+        const avatarStyle = computeAvatarStyle.value;
         return h(
-          "span",
+          "div",
           {
-            class: "vxe-avatar--icon"
+            ref: refElem,
+            class: [
+              "vxe-avatar",
+              {
+                [`size--${vSize}`]: vSize,
+                [`theme--${status}`]: status,
+                "is--circle": circle,
+                "is--dot": dot
+              }
+            ],
+            style: avatarStyle
           },
           [
-            h("i", {
-              class: icon
-            })
+            renderContent(),
+            countNum ? h(
+              "span",
+              {
+                class: "vxe-avatar--count"
+              },
+              countNum > 99 ? "99+" : `${countNum}`
+            ) : renderEmptyElement($xeAvatar)
           ]
         );
-      }
-      if (content) {
-        return h(
-          "span",
-          {
-            class: "vxe-avatar--content"
-          },
-          `${content}`
-        );
-      }
-      if (src) {
-        return h("img", {
-          class: "vxe-avatar--img",
-          src
-        });
-      }
-      return renderEmptyElement($xeAvatar);
-    };
-    const renderVN = () => {
-      const { circle, dot, status } = props;
-      const vSize = computeSize.value;
-      const countNum = computeCountNum.value;
-      const avatarStyle = computeAvatarStyle.value;
-      return h(
-        "div",
-        {
-          ref: refElem,
-          class: [
-            "vxe-avatar",
-            {
-              [`size--${vSize}`]: vSize,
-              [`theme--${status}`]: status,
-              "is--circle": circle,
-              "is--dot": dot
-            }
-          ],
-          style: avatarStyle
-        },
-        [
-          renderContent(),
-          countNum ? h(
-            "span",
-            {
-              class: "vxe-avatar--count"
-            },
-            countNum > 99 ? "99+" : `${countNum}`
-          ) : renderEmptyElement($xeAvatar)
-        ]
-      );
-    };
-    $xeAvatar.renderVN = renderVN;
-    return $xeAvatar;
-  },
-  render() {
-    return this.renderVN();
-  }
-});
+      };
+      $xeAvatar.renderVN = renderVN;
+      return $xeAvatar;
+    },
+    render() {
+      return this.renderVN();
+    }
+  })
+);
 export {
   avatar_default as default
 };