@web-utils/component 2.7.30 → 2.7.32

package/dist/chunks/{utils.d7f73f8d.js → utils.2a3ffac9.mjs}

@@ -1,30 +1,50 @@
 import { isObject, isString, hasOwn, isPlainObject, isArray, camelize, isFunction } from "@web-utils/core";
 import Vue from "vue";
-const getClass = (customClass, fixedClass) => isPlainObject(customClass) || isString(customClass) ? [fixedClass, customClass] : isArray(customClass) ? [fixedClass, ...customClass] : [fixedClass];
+const util = "";
+const index = "";
+const getClass = (customClass, fixedClass) => {
+  if (isPlainObject(customClass) || isString(customClass)) {
+    return [fixedClass, customClass];
+  } else if (isArray(customClass)) {
+    return [fixedClass, ...customClass];
+  } else {
+    return [fixedClass];
+  }
+};
 function getInternetExplorerVersion() {
-  const ua = window.navigator.userAgent, msie = ua.indexOf("MSIE ");
-  if (msie > 0)
+  const ua = window.navigator.userAgent;
+  const msie = ua.indexOf("MSIE ");
+  if (msie > 0) {
     return parseInt(ua.substring(msie + 5, ua.indexOf(".", msie)), 10);
-  if (ua.indexOf("Trident/") > 0) {
+  }
+  const trident = ua.indexOf("Trident/");
+  if (trident > 0) {
     const rv = ua.indexOf("rv:");
     return parseInt(ua.substring(rv + 3, ua.indexOf(".", rv)), 10);
   }
   const edge = ua.indexOf("Edge/");
-  return edge > 0 ? parseInt(ua.substring(edge + 5, ua.indexOf(".", edge)), 10) : -1;
+  if (edge > 0) {
+    return parseInt(ua.substring(edge + 5, ua.indexOf(".", edge)), 10);
+  }
+  return -1;
 }
 function assignReactiveProperties(raw, properties) {
-  for (const propertiesKey in properties)
+  for (const propertiesKey in properties) {
     Vue.set(raw, propertiesKey, properties[propertiesKey]);
+  }
   return raw;
 }
 const findParent = (vm, predicate) => {
-  if (!vm || !predicate)
+  if (!vm || !predicate) {
     return null;
+  }
   let parent = vm;
-  for (; parent && predicate(parent); )
+  while (parent && predicate(parent)) {
     parent = parent.$parent;
+  }
   return parent;
-}, elTableProperties = [
+};
+const elTableProperties = [
   "data",
   "height",
   "max-height",
@@ -58,7 +78,8 @@ const findParent = (vm, predicate) => {
   "lazy",
   "load",
   "tree-props"
-], elTableEvents = [
+];
+const elTableEvents = [
   "select",
   "select-all",
   "selection-change",
@@ -76,7 +97,8 @@ const findParent = (vm, predicate) => {
   "current-change",
   "header-dragend",
   "expand-change"
-], elTableColumnProperties = [
+];
+const elTableColumnProperties = [
   "type",
   "index",
   "column-key",
@@ -104,7 +126,8 @@ const findParent = (vm, predicate) => {
   "filter-multiple",
   "filter-method",
   "filtered-value"
-], elTreeProperties = [
+];
+const elTreeProperties = [
   "data",
   "empty-text",
   "node-key",
@@ -130,7 +153,8 @@ const findParent = (vm, predicate) => {
   "draggable",
   "allow-drag",
   "allow-drop"
-], elTreeEvents = [
+];
+const elTreeEvents = [
   "node-click",
   "node-contextmenu",
   "check-change",
@@ -144,31 +168,72 @@ const findParent = (vm, predicate) => {
   "node-drag-over",
   "node-drag-end",
   "node-drop"
-], filterProperties = (obj, allowProperties, allow = !0) => {
+];
+const filterProperties = (obj, allowProperties, allow = true) => {
   if (isObject(obj)) {
     let arr = allowProperties;
-    isString(allowProperties) && (arr = arr.split(","));
+    if (isString(allowProperties)) {
+      arr = arr.split(",");
+    }
     const temp = {};
-    return arr.forEach((key) => {
-      hasOwn(obj, key) && (allow ? temp[key] = obj[key] : arr.includes(key) || (temp[key] = obj[key]));
-    }), temp;
+    arr.forEach((key) => {
+      if (hasOwn(obj, key)) {
+        if (allow) {
+          temp[key] = obj[key];
+        } else {
+          if (!arr.includes(key)) {
+            temp[key] = obj[key];
+          }
+        }
+      }
+    });
+    return temp;
   }
   return obj;
-}, normalizeProps = (attrs) => {
+};
+const normalizeProps = (attrs) => {
   const props = {};
-  for (const attrsKey in attrs)
+  for (const attrsKey in attrs) {
     props[camelize(attrsKey)] = attrs[attrsKey];
+  }
   return props;
-}, filterTableProperties = (obj) => filterProperties(obj, elTableProperties), filterTableColumnProperties = (obj) => filterProperties(obj, elTableColumnProperties), filterTableEvents = (obj) => filterProperties(obj, elTableEvents), filterTreeProperties = (obj) => filterProperties(obj, elTreeProperties), filterTreeEvents = (obj) => filterProperties(obj, elTreeEvents), pathArgReplacer = (path = "", row) => {
+};
+const filterTableProperties = (obj) => {
+  return filterProperties(obj, elTableProperties);
+};
+const filterTableColumnProperties = (obj) => {
+  return filterProperties(obj, elTableColumnProperties);
+};
+const filterTableEvents = (obj) => {
+  return filterProperties(obj, elTableEvents);
+};
+const filterTreeProperties = (obj) => {
+  return filterProperties(obj, elTreeProperties);
+};
+const filterTreeEvents = (obj) => {
+  return filterProperties(obj, elTreeEvents);
+};
+const pathArgReplacer = (path = "", row) => {
   const rw = row || {};
-  return (path || "").replace(/{(.*?)}/g, (_, key) => {
+  const p = path || "";
+  return p.replace(/{(.*?)}/g, (_, key) => {
     if (key.indexOf(":")) {
       const [k, defaultVal] = key.split(":");
       return rw[k] ? rw[k] : defaultVal;
-    } else
+    } else {
       return rw[key] || "";
+    }
   });
-}, fillPath = (path, args) => isFunction(path) ? pathArgReplacer(path(args), args) : isString(path) ? pathArgReplacer(path, args) : null;
+};
+const fillPath = (path, args) => {
+  if (isFunction(path)) {
+    return pathArgReplacer(path(args), args);
+  } else if (isString(path)) {
+    return pathArgReplacer(path, args);
+  } else {
+    return null;
+  }
+};
 export {
   filterTreeProperties as a,
   filterTreeEvents as b,

package/dist/chunks/{utils.f44207f4.js → utils.a8891d2c.mjs}

@@ -1,20 +1,24 @@
 function secondsToStr(temp) {
   const years = Math.floor(temp / 31536e3);
-  if (years)
+  if (years) {
     return `${years} 年${numberEnding(years)}`;
+  }
   const days = Math.floor((temp %= 31536e3) / 86400);
-  if (days)
+  if (days) {
     return `${days} 天${numberEnding(days)}`;
+  }
   const hours = Math.floor((temp %= 86400) / 3600);
-  if (hours)
+  if (hours) {
     return `${hours} 时${numberEnding(hours)}`;
+  }
   const minutes = Math.floor((temp %= 3600) / 60);
-  if (minutes)
+  if (minutes) {
     return `${minutes} 分${numberEnding(minutes)}`;
+  }
   const seconds = temp % 60;
   return `${seconds} 秒${numberEnding(seconds)}`;
   function numberEnding(number) {
-    return number > 1, "";
+    return number > 1 ? "" : "";
   }
 }
 function kebabCase(s) {

package/dist/chunks/vueComponentNormalizer.9c6b8b3d.mjs

@@ -0,0 +1,59 @@
+function normalizeComponent(scriptExports, render, staticRenderFns, functionalTemplate, injectStyles, scopeId, moduleIdentifier, shadowMode) {
+  var options = typeof scriptExports === "function" ? scriptExports.options : scriptExports;
+  if (render) {
+    options.render = render;
+    options.staticRenderFns = staticRenderFns;
+    options._compiled = true;
+  }
+  if (functionalTemplate) {
+    options.functional = true;
+  }
+  if (scopeId) {
+    options._scopeId = "data-v-" + scopeId;
+  }
+  var hook;
+  if (moduleIdentifier) {
+    hook = function(context) {
+      context = context || // cached call
+      this.$vnode && this.$vnode.ssrContext || // stateful
+      this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext;
+      if (!context && typeof __VUE_SSR_CONTEXT__ !== "undefined") {
+        context = __VUE_SSR_CONTEXT__;
+      }
+      if (injectStyles) {
+        injectStyles.call(this, context);
+      }
+      if (context && context._registeredComponents) {
+        context._registeredComponents.add(moduleIdentifier);
+      }
+    };
+    options._ssrRegister = hook;
+  } else if (injectStyles) {
+    hook = shadowMode ? function() {
+      injectStyles.call(
+        this,
+        (options.functional ? this.parent : this).$root.$options.shadowRoot
+      );
+    } : injectStyles;
+  }
+  if (hook) {
+    if (options.functional) {
+      options._injectStyles = hook;
+      var originalRender = options.render;
+      options.render = function renderWithStyleInjection(h, context) {
+        hook.call(context);
+        return originalRender(h, context);
+      };
+    } else {
+      var existing = options.beforeCreate;
+      options.beforeCreate = existing ? [].concat(existing, hook) : [hook];
+    }
+  }
+  return {
+    exports: scriptExports,
+    options
+  };
+}
+export {
+  normalizeComponent as n
+};

package/dist/components/address-input/{index.js → index.mjs}

@@ -1,15 +1,17 @@
-import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.77ec6792.js";
+import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.9c6b8b3d.mjs";
 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("div", {
     staticClass: "address-input-wrapper flex-row"
   }, [_c("div", {
     staticClass: "address-input-item-wrapper"
   }, [_c("ElCascader", {
     attrs: {
-      options: _vm.options,
-      disabled: _vm.inputDisabled,
-      props: {
+      "options": _vm.options,
+      "disabled": _vm.inputDisabled,
+      "props": {
         label: "name",
         value: _vm.labelAsValue ? "name" : "id"
       }
@@ -25,8 +27,8 @@ var render = function() {
     staticClass: "address-input-item-wrapper flex-item"
   }, [_c("ElInput", {
     attrs: {
-      placeholder: "请输入详细地址！",
-      disabled: _vm.inputDisabled
+      "placeholder": "请输入详细地址！",
+      "disabled": _vm.inputDisabled
     },
     model: {
       value: _vm.internalVal.detailAddress,
@@ -36,7 +38,9 @@ var render = function() {
       expression: "internalVal.detailAddress"
     }
   })], 1)]);
-}, staticRenderFns = [];
+};
+var staticRenderFns = [];
+const AddressInput_vue_vue_type_style_index_0_lang = "";
 const __vue2_script = {
   name: "AddressInput",
   inject: {
@@ -76,34 +80,43 @@ const __vue2_script = {
   },
   watch: {
     value: {
-      immediate: !0,
-      deep: !0,
+      immediate: true,
+      deep: true,
       handler(newVal) {
-        newVal && (this.internalVal.address = newVal.address, this.internalVal.detailAddress = newVal.detailAddress);
+        if (newVal) {
+          this.internalVal.address = newVal.address;
+          this.internalVal.detailAddress = newVal.detailAddress;
+        }
       }
     },
     internalVal: {
-      immediate: !0,
-      deep: !0,
+      immediate: true,
+      deep: true,
       handler(newVal) {
-        !newVal.address && !newVal.detailAddress ? this.$emit("input", void 0) : this.$emit("input", newVal);
+        if (!newVal.address && !newVal.detailAddress) {
+          this.$emit("input", void 0);
+        } else {
+          this.$emit("input", newVal);
+        }
       }
     }
   }
-}, __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 AddressInput = /* @__PURE__ */ function() {
   return __component__.exports;

package/dist/components/address-input/style.css

@@ -1 +1,15 @@
-.address-input-wrapper{width:100%}.address-input-item-wrapper{padding-right:5px}.address-input-item-wrapper .el-cascader,.address-input-item-wrapper .el-input{width:100%}
+/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
+/* 应用头部高度 */
+/* 页面宽度 */
+/* 侧栏宽度 */
+/* 标签高度 */
+/* 页面头部工具条高度 */
+.address-input-wrapper {
+  width: 100%;
+}
+.address-input-item-wrapper {
+  padding-right: 5px;
+}
+.address-input-item-wrapper .el-cascader, .address-input-item-wrapper .el-input {
+  width: 100%;
+}

package/dist/components/affix/index.mjs

@@ -0,0 +1,152 @@
+import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.9c6b8b3d.mjs";
+var render = function() {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c("div", [_c("div", {
+    ref: "point",
+    class: {
+      "affix": _vm.affix
+    },
+    style: _vm.styles
+  }, [_vm._t("default")], 2), _c("div", {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: _vm.slot,
+      expression: "slot"
+    }],
+    style: _vm.slotStyle
+  })]);
+};
+var staticRenderFns = [];
+const Affix_vue_vue_type_style_index_0_lang = "";
+const __vue2_script = {
+  name: "Affix",
+  props: {
+    target: String,
+    offsetTop: {
+      type: Number,
+      default: 0
+    },
+    offsetBottom: {
+      type: Number
+    }
+  },
+  data() {
+    return {
+      container: null,
+      affix: false,
+      styles: {},
+      slot: false,
+      slotStyle: {}
+    };
+  },
+  computed: {
+    offsetType() {
+      let type = "top";
+      if (this.offsetBottom >= 0) {
+        type = "bottom";
+      }
+      return type;
+    }
+  },
+  mounted() {
+    if (this.target) {
+      this.container = document.querySelector(this.target);
+    } else {
+      this.container = document;
+    }
+    this.container.addEventListener("scroll", this.handleScroll, false);
+    this.container.addEventListener("resize", this.handleScroll, false);
+  },
+  beforeDestroy() {
+    this.container.removeEventListener("scroll", this.handleScroll, false);
+    this.container.removeEventListener("resize", this.handleScroll, false);
+  },
+  methods: {
+    getScroll(target, top) {
+      const prop = top ? "pageYOffset" : "pageXOffset";
+      const method = top ? "scrollTop" : "scrollLeft";
+      let ret = target[prop];
+      if (typeof ret !== "number") {
+        ret = document.documentElement[method];
+      }
+      return ret;
+    },
+    getOffset(element) {
+      const rect = element.getBoundingClientRect();
+      const scrollTop = this.getScroll(this.container, true);
+      const scrollLeft = this.getScroll(this.container);
+      const docEl = document.body;
+      const clientTop = docEl.clientTop || 0;
+      const clientLeft = docEl.clientLeft || 0;
+      return {
+        top: rect.top + scrollTop - clientTop,
+        left: rect.left + scrollLeft - clientLeft
+      };
+    },
+    handleScroll() {
+      const affix = this.affix;
+      const scrollTop = this.getScroll(this.container, true);
+      const elOffset = this.getOffset(this.$el);
+      const windowHeight = this.container.innerHeight;
+      const elHeight = this.$el.getElementsByTagName("div")[0].offsetHeight;
+      if (elOffset.top - this.offsetTop < scrollTop && this.offsetType === "top" && !affix) {
+        this.affix = true;
+        this.slotStyle = {
+          width: `${this.$refs.point.clientWidth}px`,
+          height: `${this.$refs.point.clientHeight}px`
+        };
+        this.slot = true;
+        this.styles = {
+          top: `${this.offsetTop}px`,
+          left: `${elOffset.left}px`,
+          width: `${this.$el.offsetWidth}px`
+        };
+        this.$emit("on-change", true);
+      } else if (elOffset.top - this.offsetTop > scrollTop && this.offsetType === "top" && affix) {
+        this.slot = false;
+        this.slotStyle = {};
+        this.affix = false;
+        this.styles = null;
+        this.$emit("on-change", false);
+      }
+      if (elOffset.top + this.offsetBottom + elHeight > scrollTop + windowHeight && this.offsetType === "bottom" && !affix) {
+        this.affix = true;
+        this.styles = {
+          bottom: `${this.offsetBottom}px`,
+          left: `${elOffset.left}px`,
+          width: `${this.$el.offsetWidth}px`
+        };
+        this.$emit("on-change", true);
+      } else if (elOffset.top + this.offsetBottom + elHeight < scrollTop + windowHeight && this.offsetType === "bottom" && affix) {
+        this.affix = false;
+        this.styles = null;
+        this.$emit("on-change", false);
+      }
+    }
+  }
+};
+const __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  __vue2_script,
+  render,
+  staticRenderFns,
+  false,
+  __vue2_injectStyles,
+  null,
+  null,
+  null
+);
+function __vue2_injectStyles(context) {
+  for (let o in __cssModules) {
+    this[o] = __cssModules[o];
+  }
+}
+const Affix = /* @__PURE__ */ function() {
+  return __component__.exports;
+}();
+export {
+  Affix as default
+};

package/dist/components/affix/style.css

@@ -1 +1,5 @@
-.affix{position:fixed;z-index:10}
+
+.affix {
+  position: fixed;
+  z-index: 10;
+}

package/dist/components/aside-menu/{index.js → index.mjs}

@@ -1,6 +1,8 @@
-import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.77ec6792.js";
+import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.9c6b8b3d.mjs";
 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("div", {
     staticStyle: {
       "padding-top": "4px"
@@ -13,7 +15,7 @@ var render = function() {
         active: _vm.$route.path === item.path
       },
       on: {
-        click: function($event) {
+        "click": function($event) {
           return _vm.$router.push(item.path);
         }
       }
@@ -23,10 +25,12 @@ var render = function() {
         class: item.icon
       }), _vm._v(" " + _vm._s(item.label) + " ")];
     }, {
-      item
+      "item": item
     })], 2);
   }), 0);
-}, staticRenderFns = [];
+};
+var staticRenderFns = [];
+const AsideMenu_vue_vue_type_style_index_0_lang = "";
 const __vue2_script = {
   name: "AsideMenu",
   props: {
@@ -35,20 +39,22 @@ const __vue2_script = {
       default: () => []
     }
   }
-}, __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 AsideMenu = /* @__PURE__ */ function() {
   return __component__.exports;

package/dist/components/aside-menu/style.css

@@ -1 +1,9 @@
-.aside-menu-item{padding:8px 10px}
+/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
+/* 应用头部高度 */
+/* 页面宽度 */
+/* 侧栏宽度 */
+/* 标签高度 */
+/* 页面头部工具条高度 */
+.aside-menu-item {
+  padding: 8px 10px;
+}