@web-utils/component 2.7.30 → 2.7.32

package/dist/components/e-charts/{index.js → index.mjs}

@@ -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.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: "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 → 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 _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;
+}

package/dist/components/editable-progress/{index.js → index.mjs}

@@ -1,13 +1,15 @@
-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: "editable-progress",
     on: {
-      mouseover: _vm.onMouseOver,
-      mousedown: _vm.onMouseDown,
-      mouseleave: _vm.onMouseLeave,
-      click: _vm.wrapperClick
+      "mouseover": _vm.onMouseOver,
+      "mousedown": _vm.onMouseDown,
+      "mouseleave": _vm.onMouseLeave,
+      "click": _vm.wrapperClick
     }
   }, [_c("ElProgress", {
     directives: [{
@@ -20,9 +22,9 @@ var render = function() {
     attrs: {
       "stroke-width": _vm.strokeWidth,
       "text-inside": "",
-      percentage: _vm.percent
+      "percentage": _vm.percent
     }
-  }), _vm.disabled ? _vm._e() : _c("ElSlider", {
+  }), !_vm.disabled ? _c("ElSlider", {
     directives: [{
       name: "show",
       rawName: "v-show",
@@ -35,14 +37,14 @@ var render = function() {
     },
     attrs: {
       "tooltip-class": _vm.tooltipClass,
-      max: _vm.max,
+      "max": _vm.max,
       "format-tooltip": _vm.formatTooltip,
-      disabled: _vm.disabled,
-      step: _vm.step
+      "disabled": _vm.disabled,
+      "step": _vm.step
     },
     on: {
-      input: _vm.onInput,
-      change: _vm.onChange
+      "input": _vm.onInput,
+      "change": _vm.onChange
     },
     model: {
       value: _vm.percent,
@@ -51,14 +53,16 @@ var render = function() {
       },
       expression: "percent"
     }
-  })], 1);
-}, staticRenderFns = [];
+  }) : _vm._e()], 1);
+};
+var staticRenderFns = [];
+const EditableProgress_vue_vue_type_style_index_0_lang = "";
 const __vue2_script = {
   name: "EditableProgress",
   props: {
     disabled: {
       type: Boolean,
-      default: !1
+      default: false
     },
     strokeWidth: {
       type: Number,
@@ -79,15 +83,17 @@ const __vue2_script = {
   },
   data() {
     return {
-      slider: !1,
-      mouseDown: !1,
+      slider: false,
+      mouseDown: false,
       tooltipClass: "hide-tooltip",
       percent: this.value
     };
   },
   watch: {
     value(val) {
-      this.percent !== val && (this.percent = val);
+      if (this.percent !== val) {
+        this.percent = val;
+      }
     }
   },
   methods: {
@@ -95,43 +101,70 @@ const __vue2_script = {
       return `${val}%`;
     },
     onInput(percent) {
-      this.value !== percent && this.$emit("input", percent);
+      if (this.value !== percent) {
+        this.$emit("input", percent);
+      }
     },
     onChange(percent) {
-      this.slider = !1, this.tooltipClass = "hide-tooltip", this.$emit("change", percent);
+      this.slider = false;
+      this.tooltipClass = "hide-tooltip";
+      this.$emit("change", percent);
     },
     onMouseOver() {
-      this.disabled || this.slider || (this.slider = !0, this.$nextTick(() => {
-        this.$refs.slider.$refs.button1.$refs.tooltip.updatePopper(), this.tooltipClass = "";
-      }));
+      if (this.disabled || this.slider) {
+        return;
+      }
+      this.slider = true;
+      this.$nextTick(() => {
+        this.$refs.slider.$refs.button1.$refs.tooltip.updatePopper();
+        this.tooltipClass = "";
+      });
     },
     onMouseDown() {
-      this.disabled || (this.mouseDown = !0, window.addEventListener("mouseup", this.onMouseUp));
+      if (this.disabled) {
+        return;
+      }
+      this.mouseDown = true;
+      window.addEventListener("mouseup", this.onMouseUp);
     },
     onMouseUp() {
-      this.disabled || (this.mouseDown = !1, this.tooltipClass = "hide-tooltip", window.removeEventListener("mouseup", this.onMouseUp));
+      if (this.disabled) {
+        return;
+      }
+      this.mouseDown = false;
+      this.tooltipClass = "hide-tooltip";
+      window.removeEventListener("mouseup", this.onMouseUp);
     },
     onMouseLeave() {
-      this.disabled || this.mouseDown || (this.tooltipClass = "hide-tooltip", this.slider = !1);
+      if (this.disabled || this.mouseDown) {
+        return;
+      }
+      this.tooltipClass = "hide-tooltip";
+      this.slider = false;
     },
     wrapperClick() {
-      this.disabled || (this.slider = !0);
+      if (this.disabled) {
+        return;
+      }
+      this.slider = true;
     }
   }
-}, __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 EditableProgress = /* @__PURE__ */ function() {
   return __component__.exports;

package/dist/components/editable-progress/style.css

@@ -1 +1,37 @@
-.editable-progress{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:100%;background-color:#e4e7ed;border-radius:100px}.editable-progress .el-progress,.editable-progress .el-slider{width:100%;font-weight:700}.editable-progress .el-slider__runway{margin:0}.editable-progress .el-progress-bar__outer{background-color:#e4e7ed}.editable-progress .el-slider__bar,.editable-progress .el-slider__runway{height:22px;border-radius:100px}.editable-progress .el-slider__button-wrapper{width:52px;height:52px}.editable-progress .el-slider__button-wrapper .el-slider__button{width:24px;height:24px}
+/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
+/* 应用头部高度 */
+/* 页面宽度 */
+/* 侧栏宽度 */
+/* 标签高度 */
+/* 页面头部工具条高度 */
+.editable-progress {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  justify-content: center;
+  width: 100%;
+  background-color: #e4e7ed;
+  border-radius: 100px;
+}
+.editable-progress .el-progress, .editable-progress .el-slider {
+  width: 100%;
+  font-weight: 700;
+}
+.editable-progress .el-slider__runway {
+  margin: 0;
+}
+.editable-progress .el-progress-bar__outer {
+  background-color: #e4e7ed;
+}
+.editable-progress .el-slider__bar, .editable-progress .el-slider__runway {
+  height: 22px;
+  border-radius: 100px;
+}
+.editable-progress .el-slider__button-wrapper {
+  width: 52px;
+  height: 52px;
+}
+.editable-progress .el-slider__button-wrapper .el-slider__button {
+  width: 24px;
+  height: 24px;
+}