@web-utils/component 2.7.29 → 2.7.31

package/dist/components/dynamic-table/index.js

@@ -1,23 +1,25 @@
 import { fastClone, validateNumber, validateIdCard, validatePhoneNum } from "@web-utils/core";
-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("div", {
     staticClass: "dynamic-table"
   }, [_c("ElTable", {
     key: _vm.key,
     staticStyle: {
-      width: "100%"
+      "width": "100%"
     },
     attrs: {
-      data: _vm.value
+      "data": _vm.value
     }
   }, [_vm._l(_vm.columns, function(column) {
     return _c("ElTableColumn", {
       key: column.prop,
       attrs: {
-        prop: column.prop,
-        label: column.label,
+        "prop": column.prop,
+        "label": column.label,
         "min-width": "150"
       },
       scopedSlots: _vm._u([{
@@ -29,15 +31,15 @@ var render = function() {
               marginBottom: _vm.inputDisabled ? "0px" : "16px"
             },
             attrs: {
-              prop: `${_vm.prop}.${$index}.${column.prop}`,
-              size: "mini",
-              rules: _vm.getRules(column)
+              "prop": `${_vm.prop}.${$index}.${column.prop}`,
+              "size": "mini",
+              "rules": _vm.getRules(column)
             }
           }, [_c("ElInput", {
             attrs: {
               "prefix-icon": _vm.getIcon(column),
-              disabled: _vm.inputDisabled,
-              placeholder: _vm.inputDisabled ? "" : `请输入${column.label}！`
+              "disabled": _vm.inputDisabled,
+              "placeholder": _vm.inputDisabled ? "" : `请输入${column.label}！`
             },
             model: {
               value: row[column.prop],
@@ -48,13 +50,13 @@ var render = function() {
             }
           })], 1)];
         }
-      }], null, !0)
+      }], null, true)
     });
-  }), _vm.inputDisabled ? _vm._e() : _c("ElTableColumn", {
+  }), !_vm.inputDisabled ? _c("ElTableColumn", {
     attrs: {
-      label: "操作",
-      width: "60",
-      fixed: "right"
+      "label": "操作",
+      "width": "60",
+      "fixed": "right"
     },
     scopedSlots: _vm._u([{
       key: "default",
@@ -63,40 +65,44 @@ var render = function() {
         return [_c("i", {
           staticClass: "el-icon-minus dynamic-table-action-icon",
           staticStyle: {
-            position: "relative",
-            top: "-8px",
-            color: "#f00"
+            "position": "relative",
+            "top": "-8px",
+            "color": "#f00"
           },
           attrs: {
-            title: "删除"
+            "title": "删除"
           },
           on: {
-            click: function($event) {
-              return $event.stopPropagation(), _vm.removeRow(row, $index, column);
+            "click": function($event) {
+              $event.stopPropagation();
+              return _vm.removeRow(row, $index, column);
             }
           }
         })];
       }
-    }], null, !1, 410881950)
-  })], 2), _vm.inputDisabled ? _vm._e() : _c("ElButton", {
+    }], null, false, 410881950)
+  }) : _vm._e()], 2), !_vm.inputDisabled ? _c("ElButton", {
     staticStyle: {
-      color: "#08c108"
+      "color": "#08c108"
     },
     attrs: {
-      type: "text",
-      icon: "el-icon-plus"
+      "type": "text",
+      "icon": "el-icon-plus"
     },
     on: {
-      click: _vm.addRow
+      "click": _vm.addRow
     }
-  }, [_vm._v(" 添加 ")])], 1);
-}, staticRenderFns = [];
+  }, [_vm._v(" 添加 ")]) : _vm._e()], 1);
+};
+var staticRenderFns = [];
+const DynamicTable_vue_vue_type_style_index_0_lang = "";
 const icons = {
   number: "fa fa-superscript",
   email: "el-icon-lx-mail",
   phone: "fa fa-phone",
   idCard: "el-icon-lx-news"
-}, __vue2_script = {
+};
+const __vue2_script = {
   name: "DynamicTable",
   inject: {
     elForm: {
@@ -133,13 +139,13 @@ const icons = {
   },
   watch: {
     value: {
-      deep: !0,
+      deep: true,
       handler(newVal) {
         this.$emit("input", newVal);
       }
     },
     columns: {
-      deep: !0,
+      deep: true,
       handler() {
         this.key++;
       }
@@ -151,41 +157,59 @@ const icons = {
     },
     addRow() {
       const value = this.value;
-      value.push(this.newRow()), this.$emit("input", value);
+      value.push(this.newRow());
+      this.$emit("input", value);
     },
     removeRow(row, index) {
       const value = this.value;
-      value.splice(index, 1), this.$emit("input", value);
+      value.splice(index, 1);
+      this.$emit("input", value);
     },
     newRow() {
       const row = {};
-      return this.columns.forEach((value) => {
+      this.columns.forEach((value) => {
         row[value.prop] = void 0;
-      }), row;
+      });
+      return row;
     },
     getRules(column) {
       const userRules = column.rules;
       if (["email", "idCard", "phone", "number"].includes(column.type)) {
         const rules = fastClone(userRules || []);
-        return column.type === "number" && rules.push({ validator: validateNumber, message: "请输入数字！" }), column.type === "email" && rules.push({ type: "email", message: "请输入正确的邮箱地址！" }), column.type === "idCard" && rules.push({ validator: validateIdCard, message: "请输入正确的身份证号码！" }), column.type === "phone" && rules.push({ validator: validatePhoneNum, message: "请输入正确的手机号码！" }), rules;
-      } else
+        if (column.type === "number") {
+          rules.push({ validator: validateNumber, message: "请输入数字！" });
+        }
+        if (column.type === "email") {
+          rules.push({ type: "email", message: "请输入正确的邮箱地址！" });
+        }
+        if (column.type === "idCard") {
+          rules.push({ validator: validateIdCard, message: "请输入正确的身份证号码！" });
+        }
+        if (column.type === "phone") {
+          rules.push({ validator: validatePhoneNum, message: "请输入正确的手机号码！" });
+        }
+        return rules;
+      } else {
         return userRules;
+      }
     }
   }
-}, __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 DynamicTable = /* @__PURE__ */ function() {
   return __component__.exports;

package/dist/components/dynamic-table/style.css

@@ -1 +1,30 @@
-.dynamic-table{display:flex;flex-direction:column;align-items:center;width:100%}.dynamic-table .dynamic-table-action-icon{margin-left:10px;font-weight:700;cursor:pointer}.dynamic-table .el-form-item{margin-bottom:0}.dynamic-table .el-table{flex:1 1 auto}.dynamic-table .el-table td{padding:2px 0}.dynamic-table .el-input.is-disabled .el-input__inner{background-color:transparent;border:none}
+/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
+/* 应用头部高度 */
+/* 页面宽度 */
+/* 侧栏宽度 */
+/* 标签高度 */
+/* 页面头部工具条高度 */
+.dynamic-table {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  width: 100%;
+}
+.dynamic-table .dynamic-table-action-icon {
+  margin-left: 10px;
+  font-weight: bold;
+  cursor: pointer;
+}
+.dynamic-table .el-form-item {
+  margin-bottom: 0;
+}
+.dynamic-table .el-table {
+  flex: 1 1 auto;
+}
+.dynamic-table .el-table td {
+  padding: 2px 0;
+}
+.dynamic-table .el-input.is-disabled .el-input__inner {
+  background-color: transparent;
+  border: none;
+}

package/dist/components/e-charts/index.js

@@ -5,9 +5,11 @@ import { CanvasRenderer } from "echarts/renderers";
 import { isString } from "@web-utils/core";
 import { debounce } from "@web-utils/integrations/lodash";
 import { addListener, removeListener } from "resize-detector";
-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("div", {
     staticClass: "echarts",
     style: {
@@ -15,7 +17,9 @@ var render = function() {
       height: _vm.height
     }
   });
-}, staticRenderFns = [];
+};
+var staticRenderFns = [];
+const ECharts_vue_vue_type_style_index_0_lang = "";
 echarts.use([
   TitleComponent,
   TooltipComponent,
@@ -33,7 +37,9 @@ echarts.use([
   EffectScatterChart,
   PictorialBarChart
 ]);
-const INIT_TRIGGERS = ["theme", "initOptions", "autoResize"], REWATCH_TRIGGERS = ["manualUpdate", "watchShallow"], __vue2_script = {
+const INIT_TRIGGERS = ["theme", "initOptions", "autoResize"];
+const REWATCH_TRIGGERS = ["manualUpdate", "watchShallow"];
+const __vue2_script = {
   name: "ECharts",
   props: {
     options: {
@@ -71,33 +77,49 @@ const INIT_TRIGGERS = ["theme", "initOptions", "autoResize"], REWATCH_TRIGGERS =
     }
   },
   created() {
-    this.initOptionsWatcher(), INIT_TRIGGERS.forEach((prop) => {
+    this.initOptionsWatcher();
+    INIT_TRIGGERS.forEach((prop) => {
       this.$watch(
         prop,
         () => {
           this.refresh();
         },
-        { deep: !0 }
+        { deep: true }
       );
-    }), REWATCH_TRIGGERS.forEach((prop) => {
+    });
+    REWATCH_TRIGGERS.forEach((prop) => {
       this.$watch(prop, () => {
-        this.initOptionsWatcher(), this.refresh();
+        this.initOptionsWatcher();
+        this.refresh();
       });
     });
   },
   mounted() {
-    this.options && this.init();
+    if (this.options) {
+      this.init();
+    }
   },
   activated() {
-    this.autoResize && this.chart && this.chart.resize();
+    if (this.autoResize) {
+      this.chart && this.chart.resize();
+    }
   },
   destroyed() {
-    this.chart && this.destroy();
+    if (this.chart) {
+      this.destroy();
+    }
   },
   methods: {
     // provide an explicit merge option method
     mergeOptions(options, notMerge, lazyUpdate) {
-      this.manualUpdate && (this.manualOptions = options), this.chart ? this.delegateMethod("setOption", options, notMerge, lazyUpdate) : this.init(options);
+      if (this.manualUpdate) {
+        this.manualOptions = options;
+      }
+      if (!this.chart) {
+        this.init(options);
+      } else {
+        this.delegateMethod("setOption", options, notMerge, lazyUpdate);
+      }
     },
     // just delegates ECharts methods to Vue component
     // use explicit params to reduce transpiled size for now
@@ -138,67 +160,124 @@ const INIT_TRIGGERS = ["theme", "initOptions", "autoResize"], REWATCH_TRIGGERS =
       this.delegateMethod("dispose");
     },
     delegateMethod(name, ...args) {
-      return this.chart || this.init(), this.chart[name](...args);
+      if (!this.chart) {
+        this.init();
+      }
+      return this.chart[name](...args);
     },
     delegateGet(methodName) {
-      return this.chart || this.init(), this.chart[methodName]();
+      if (!this.chart) {
+        this.init();
+      }
+      return this.chart[methodName]();
     },
     getArea() {
       return this.$el.offsetWidth * this.$el.offsetHeight;
     },
     init(options) {
-      if (this.chart)
+      if (this.chart) {
         return;
+      }
       const chart = echarts.init(this.$el, this.theme, this.initOptions);
-      this.group && (chart.group = this.group), chart.setOption(options || this.manualOptions || this.options || {}, !0), Object.keys(this.$listeners).forEach((event) => {
+      if (this.group) {
+        chart.group = this.group;
+      }
+      chart.setOption(options || this.manualOptions || this.options || {}, true);
+      Object.keys(this.$listeners).forEach((event) => {
         const handler = this.$listeners[event];
-        event.indexOf("zr:") === 0 ? chart.getZr().on(event.slice(3), handler) : chart.on(event, handler);
-      }), this.autoResize && (this.lastArea = this.getArea(), this.__resizeHandler = debounce(
-        () => {
-          this.lastArea === 0 ? (this.mergeOptions({}, !0), this.resize(), this.mergeOptions(this.options || this.manualOptions || {}, !0)) : this.resize(), this.lastArea = this.getArea();
-        },
-        100,
-        { leading: !0 }
-      ), addListener(this.$el, this.__resizeHandler)), Object.defineProperties(this, {
+        if (event.indexOf("zr:") === 0) {
+          chart.getZr().on(event.slice(3), handler);
+        } else {
+          chart.on(event, handler);
+        }
+      });
+      if (this.autoResize) {
+        this.lastArea = this.getArea();
+        this.__resizeHandler = debounce(
+          () => {
+            if (this.lastArea === 0) {
+              this.mergeOptions({}, true);
+              this.resize();
+              this.mergeOptions(this.options || this.manualOptions || {}, true);
+            } else {
+              this.resize();
+            }
+            this.lastArea = this.getArea();
+          },
+          100,
+          { leading: true }
+        );
+        addListener(this.$el, this.__resizeHandler);
+      }
+      Object.defineProperties(this, {
         // Only recalculated when accessed from JavaScript.
         // Won't update DOM on value change because getters
         // don't depend on reactive values
         width: {
-          configurable: !0,
-          get: () => this.delegateGet("getWidth")
+          configurable: true,
+          get: () => {
+            return this.delegateGet("getWidth");
+          }
         },
         height: {
-          configurable: !0,
-          get: () => this.delegateGet("getHeight")
+          configurable: true,
+          get: () => {
+            return this.delegateGet("getHeight");
+          }
         },
         isDisposed: {
-          configurable: !0,
-          get: () => !!this.delegateGet("isDisposed")
+          configurable: true,
+          get: () => {
+            return !!this.delegateGet("isDisposed");
+          }
         },
         computedOptions: {
-          configurable: !0,
-          get: () => this.delegateGet("getOption")
+          configurable: true,
+          get: () => {
+            return this.delegateGet("getOption");
+          }
         }
-      }), this.chart = chart;
+      });
+      this.chart = chart;
     },
     initOptionsWatcher() {
-      this.__unwatchOptions && (this.__unwatchOptions(), this.__unwatchOptions = null), this.manualUpdate || (this.__unwatchOptions = this.$watch(
-        "options",
-        (val, oldVal) => {
-          !this.chart && val ? this.init() : this.chart.setOption(val, val !== oldVal);
-        },
-        { deep: !this.watchShallow }
-      ));
+      if (this.__unwatchOptions) {
+        this.__unwatchOptions();
+        this.__unwatchOptions = null;
+      }
+      if (!this.manualUpdate) {
+        this.__unwatchOptions = this.$watch(
+          "options",
+          (val, oldVal) => {
+            if (!this.chart && val) {
+              this.init();
+            } else {
+              this.chart.setOption(val, val !== oldVal);
+            }
+          },
+          { deep: !this.watchShallow }
+        );
+      }
     },
     destroy() {
-      this.autoResize && removeListener(this.$el, this.__resizeHandler), this.dispose(), this.chart = null;
+      if (this.autoResize) {
+        removeListener(this.$el, this.__resizeHandler);
+      }
+      this.dispose();
+      this.chart = null;
     },
     refresh() {
-      this.chart && (this.destroy(), this.init());
+      if (this.chart) {
+        this.destroy();
+        this.init();
+      }
     }
   },
   connect(group) {
-    isString(group) || (group = group.map((chart) => chart.chart)), echarts.connect(group);
+    if (!isString(group)) {
+      group = group.map((chart) => chart.chart);
+    }
+    echarts.connect(group);
   },
   disconnect(group) {
     echarts.disConnect(group);
@@ -213,20 +292,22 @@ const INIT_TRIGGERS = ["theme", "initOptions", "autoResize"], REWATCH_TRIGGERS =
     echarts.registerTheme(name, theme);
   },
   graphic: echarts.graphic
-}, __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 ECharts = /* @__PURE__ */ function() {
   return __component__.exports;

package/dist/components/e-charts/style.css

@@ -1 +1,10 @@
-.echarts{width:100%;height:100%}
+/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
+/* 应用头部高度 */
+/* 页面宽度 */
+/* 侧栏宽度 */
+/* 标签高度 */
+/* 页面头部工具条高度 */
+.echarts {
+  width: 100%;
+  height: 100%;
+}

package/dist/components/easy-popup/index.js

@@ -1,6 +1,8 @@
-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 _vm.rendered ? _c("div", {
     directives: [{
       name: "show",
@@ -11,19 +13,23 @@ var render = function() {
     staticClass: "easy-popup",
     style: _vm.axisComputed
   }, [_vm._t("default")], 2) : _vm._e();
-}, staticRenderFns = [];
+};
+var staticRenderFns = [];
+const EasyPopup_vue_vue_type_style_index_0_lang = "";
 const __vue2_script = {
   name: "EasyPopup",
   props: {
     // 是否开启边界检测
     border: {
       type: Boolean,
-      default: !0
+      default: true
     },
     // 显示点偏移量
     offset: {
       type: Object,
-      default: () => ({ x: 6, y: 2 })
+      default: () => {
+        return { x: 6, y: 2 };
+      }
     },
     // 边界距离
     borderWidth: {
@@ -34,8 +40,8 @@ const __vue2_script = {
   data() {
     return {
       // 是否显示
-      visible: !1,
-      rendered: !1,
+      visible: false,
+      rendered: false,
       // 触发点坐标
       axis: { x: 0, y: 0 }
     };
@@ -51,33 +57,45 @@ const __vue2_script = {
   watch: {
     axis() {
       if (this.border) {
-        const bw = document.body.offsetWidth, bh = document.body.offsetHeight;
-        this.axis.x + this.offset.x >= bw && (this.axis.x = bw - this.borderWidth - this.offset.x), this.axis.y + this.offset.y >= bh && (this.axis.y = bh - this.borderWidth - this.offset.y);
+        const bw = document.body.offsetWidth;
+        const bh = document.body.offsetHeight;
+        if (this.axis.x + this.offset.x >= bw) {
+          this.axis.x = bw - this.borderWidth - this.offset.x;
+        }
+        if (this.axis.y + this.offset.y >= bh) {
+          this.axis.y = bh - this.borderWidth - this.offset.y;
+        }
       }
     }
   },
   methods: {
     show(event) {
-      document.addEventListener("click", this.hide, !0), this.axis = { x: event.clientX, y: event.clientY }, this.rendered = !0, this.visible = !0;
+      document.addEventListener("click", this.hide, true);
+      this.axis = { x: event.clientX, y: event.clientY };
+      this.rendered = true;
+      this.visible = true;
     },
     hide() {
-      this.visible = !1, document.removeEventListener("click", this.hide);
+      this.visible = false;
+      document.removeEventListener("click", this.hide);
     }
   }
-}, __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 EasyPopup = /* @__PURE__ */ function() {
   return __component__.exports;

package/dist/components/easy-popup/style.css

@@ -1 +1,18 @@
-.easy-popup{position:fixed;z-index:9999;user-select:none;width:300px;padding:12px;border:1px solid #ebeef5;border-radius:4px;background:#fff;box-shadow:0 2px 12px #0000001a;min-height:200px}
+/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
+/* 应用头部高度 */
+/* 页面宽度 */
+/* 侧栏宽度 */
+/* 标签高度 */
+/* 页面头部工具条高度 */
+.easy-popup {
+  position: fixed;
+  z-index: 9999;
+  user-select: none;
+  width: 300px;
+  padding: 12px;
+  border: 1px solid #ebeef5;
+  border-radius: 4px;
+  background: #fff;
+  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
+  min-height: 200px;
+}