@web-utils/component 2.7.29 → 2.7.31

package/dist/components/avatar/index.js

@@ -1,14 +1,16 @@
-import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.77ec6792.js";
+import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.9c6b8b3d.js";
 var render = function() {
-  var _vm = this, _h = _vm.$createElement, _c = _vm._self._c || _h;
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
   return _c("span", {
     class: ["avue-avatar", _vm.sizeCls, "avue-avatar__icon"],
     style: _vm.sizeStyle
   }, [_vm.src ? _c("img", {
     staticClass: "avue-avatar__images",
     attrs: {
-      src: _vm.src,
-      alt: ""
+      "src": _vm.src,
+      "alt": ""
     }
   }) : _vm.icon ? _c("i", {
     class: _vm.icon
@@ -17,8 +19,11 @@ var render = function() {
     staticClass: "avue-avatar__string",
     style: _vm.sizeChildrenStyle
   }, [_vm._t("default")], 2)]);
-}, staticRenderFns = [];
-const prefixCls = "avue-avatar", __vue2_script = {
+};
+var staticRenderFns = [];
+const Avatar_vue_vue_type_style_index_0_lang = "";
+const prefixCls = "avue-avatar";
+const __vue2_script = {
   name: "Avatar",
   props: {
     src: String,
@@ -28,7 +33,9 @@ const prefixCls = "avue-avatar", __vue2_script = {
       default: "circle"
     },
     size: {
-      validator: (val) => typeof val == "number" || ["small", "large", "default"].includes(val),
+      validator: (val) => {
+        return typeof val === "number" || ["small", "large", "default"].includes(val);
+      },
       default: "default"
     },
     icon: String
@@ -42,11 +49,15 @@ const prefixCls = "avue-avatar", __vue2_script = {
     sizeChildrenStyle() {
       let childrenStyle = {};
       const transformString = `scale(${this.scale}) translateX(-50%)`;
-      return childrenStyle = {
+      childrenStyle = {
         msTransform: transformString,
         WebkitTransform: transformString,
         transform: transformString
-      }, typeof size == "number" && (childrenStyle.lineHeight = `${this.size}px`), childrenStyle;
+      };
+      if (typeof size === "number") {
+        childrenStyle.lineHeight = `${this.size}px`;
+      }
+      return childrenStyle;
     },
     sizeCls() {
       return {
@@ -56,7 +67,7 @@ const prefixCls = "avue-avatar", __vue2_script = {
       };
     },
     sizeStyle() {
-      return typeof this.size == "number" ? {
+      return typeof this.size === "number" ? {
         width: `${this.size}px`,
         height: `${this.size}px`,
         lineHeight: `${this.size}px`,
@@ -78,25 +89,32 @@ const prefixCls = "avue-avatar", __vue2_script = {
     setScale() {
       const childrenNode = this.$refs.avatarChildren;
       if (childrenNode) {
-        const childrenWidth = childrenNode.offsetWidth, avatarWidth = this.$el.getBoundingClientRect().width;
-        avatarWidth - 8 < childrenWidth ? this.scale = (avatarWidth - 8) / childrenWidth : this.scale = 1;
+        const childrenWidth = childrenNode.offsetWidth;
+        const avatarWidth = this.$el.getBoundingClientRect().width;
+        if (avatarWidth - 8 < childrenWidth) {
+          this.scale = (avatarWidth - 8) / childrenWidth;
+        } else {
+          this.scale = 1;
+        }
       }
     }
   }
-}, __cssModules = {};
+};
+const __cssModules = {};
 var __component__ = /* @__PURE__ */ normalizeComponent(
   __vue2_script,
   render,
   staticRenderFns,
-  !1,
+  false,
   __vue2_injectStyles,
   null,
   null,
   null
 );
 function __vue2_injectStyles(context) {
-  for (let o in __cssModules)
+  for (let o in __cssModules) {
     this[o] = __cssModules[o];
+  }
 }
 const Avatar = /* @__PURE__ */ function() {
   return __component__.exports;

package/dist/components/avatar/style.css

@@ -1 +1,57 @@
-.avue-avatar{font-size:14px;font-variant:tabular-nums;line-height:1.5;color:#000000a6;box-sizing:border-box;margin:0;padding:0;list-style:none;display:inline-block;text-align:center;background:#ccc;color:#fff;white-space:nowrap;position:relative;overflow:hidden;vertical-align:middle;width:32px;height:32px;line-height:32px;border-radius:50%}.avue-avatar__images{width:100%;height:100%}.avue-avatar__icon{font-size:18px}.avue-avatar__string{position:absolute;left:50%;transform-origin:0 center}.avue-avatar--lg{width:40px;height:40px;line-height:40px;border-radius:50%;font-size:24px}.avue-avatar--sm{width:24px;height:24px;line-height:24px;border-radius:50%;font-size:14px}.avue-avatar--square{border-radius:4px}
+/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
+/* 应用头部高度 */
+/* 页面宽度 */
+/* 侧栏宽度 */
+/* 标签高度 */
+/* 页面头部工具条高度 */
+.avue-avatar {
+  font-size: 14px;
+  font-variant: tabular-nums;
+  line-height: 1.5;
+  color: rgba(0, 0, 0, 0.65);
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  display: inline-block;
+  text-align: center;
+  background: #ccc;
+  color: #fff;
+  white-space: nowrap;
+  position: relative;
+  overflow: hidden;
+  vertical-align: middle;
+  width: 32px;
+  height: 32px;
+  line-height: 32px;
+  border-radius: 50%;
+}
+.avue-avatar__images {
+  width: 100%;
+  height: 100%;
+}
+.avue-avatar__icon {
+  font-size: 18px;
+}
+.avue-avatar__string {
+  position: absolute;
+  left: 50%;
+  transform-origin: 0 center;
+}
+.avue-avatar--lg {
+  width: 40px;
+  height: 40px;
+  line-height: 40px;
+  border-radius: 50%;
+  font-size: 24px;
+}
+.avue-avatar--sm {
+  width: 24px;
+  height: 24px;
+  line-height: 24px;
+  border-radius: 50%;
+  font-size: 14px;
+}
+.avue-avatar--square {
+  border-radius: 4px;
+}

package/dist/components/awesome-button/index.js

@@ -1,33 +1,44 @@
-var __defProp = Object.defineProperty, __defProps = Object.defineProperties;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
 var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty, __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key] = value, __spreadValues = (a, b) => {
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
   for (var prop in b || (b = {}))
-    __hasOwnProp.call(b, prop) && __defNormalProp(a, prop, b[prop]);
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
   if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b))
-      __propIsEnum.call(b, prop) && __defNormalProp(a, prop, b[prop]);
-  return a;
-}, __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __async = (__this, __arguments, generator) => new Promise((resolve, reject) => {
-  var fulfilled = (value) => {
-    try {
-      step(generator.next(value));
-    } catch (e) {
-      reject(e);
-    }
-  }, rejected = (value) => {
-    try {
-      step(generator.throw(value));
-    } catch (e) {
-      reject(e);
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
     }
-  }, step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
-  step((generator = generator.apply(__this, __arguments)).next());
-});
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
 import { isFunction, error } from "@web-utils/core";
-import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.77ec6792.js";
+import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.9c6b8b3d.js";
 const props = {
   props: {
     type: {
@@ -49,7 +60,8 @@ const props = {
     autofocus: Boolean,
     round: Boolean
   }
-}, __vue2_script = {
+};
+const __vue2_script = {
   name: "AwesomeButton",
   mixins: [props],
   props: {
@@ -60,21 +72,22 @@ const props = {
   },
   data() {
     return {
-      isLoading: !1
+      isLoading: false
     };
   },
   methods: {
     onClick(e) {
       return __async(this, null, function* () {
-        this.isLoading = !0;
+        this.isLoading = true;
         const { click } = this.$listeners;
-        if (isFunction(click))
+        if (isFunction(click)) {
           try {
             yield click(e);
           } catch (e2) {
             error.call(this, e2);
           }
-        this.isLoading = !1;
+        }
+        this.isLoading = false;
       });
     }
   },
@@ -94,15 +107,16 @@ var __component__ = /* @__PURE__ */ normalizeComponent(
   __vue2_script,
   __vue2_render,
   __vue2_staticRenderFns,
-  !1,
+  false,
   __vue2_injectStyles,
   null,
   null,
   null
 );
 function __vue2_injectStyles(context) {
-  for (let o in __cssModules)
+  for (let o in __cssModules) {
     this[o] = __cssModules[o];
+  }
 }
 const AwesomeButton = /* @__PURE__ */ function() {
   return __component__.exports;