@web-utils/component 2.0.13 → 2.7.0

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

@@ -1,44 +1,38 @@
-import * as echarts from "echarts/core";
-import { BarChart, LineChart, PieChart, RadarChart, MapChart, ScatterChart, EffectScatterChart, PictorialBarChart } from "echarts/charts";
-import { TitleComponent, TooltipComponent, GridComponent, LegendComponent, DatasetComponent, PolarComponent } from "echarts/components";
-import { CanvasRenderer } from "echarts/renderers";
-import { debounce, isString } from "@web-utils/core";
-import { addListener, removeListener } from "resize-detector";
-import { n as normalizeComponent } from "../../chunks/3d28cc08.js";
-var render = function() {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c("div", {
+import * as s from "echarts/core";
+import { BarChart as a, LineChart as n, PieChart as o, RadarChart as c, MapChart as d, ScatterChart as l, EffectScatterChart as p, PictorialBarChart as g } from "echarts/charts";
+import { TitleComponent as u, TooltipComponent as f, GridComponent as m, LegendComponent as _, DatasetComponent as O, PolarComponent as C } from "echarts/components";
+import { CanvasRenderer as w } from "echarts/renderers";
+import { debounce as M, isString as R } from "@web-utils/core";
+import { addListener as y, removeListener as z } from "resize-detector";
+import { n as v } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
+var S = function() {
+  var t = this, e = t.$createElement, i = t._self._c || e;
+  return i("div", {
     staticClass: "echarts",
     style: {
-      width: _vm.width,
-      height: _vm.height
+      width: t.width,
+      height: t.height
     }
   });
-};
-var staticRenderFns = [];
-const ECharts_vue_vue_type_style_index_0_lang = "";
-echarts.use([
-  TitleComponent,
-  TooltipComponent,
-  GridComponent,
-  LegendComponent,
-  DatasetComponent,
-  PolarComponent,
-  CanvasRenderer,
-  BarChart,
-  LineChart,
-  PieChart,
-  RadarChart,
-  MapChart,
-  ScatterChart,
-  EffectScatterChart,
-  PictorialBarChart
+}, L = [];
+s.use([
+  u,
+  f,
+  m,
+  _,
+  O,
+  C,
+  w,
+  a,
+  n,
+  o,
+  c,
+  d,
+  l,
+  p,
+  g
 ]);
-const INIT_TRIGGERS = ["theme", "initOptions", "autoResize"];
-const REWATCH_TRIGGERS = ["manualUpdate", "watchShallow"];
-const __vue2_script = {
+const x = ["theme", "initOptions", "autoResize"], E = ["manualUpdate", "watchShallow"], $ = {
   name: "ECharts",
   props: {
     options: {
@@ -71,83 +65,70 @@ const __vue2_script = {
     };
   },
   watch: {
-    group(group) {
-      this.chart.group = group;
+    group(t) {
+      this.chart.group = t;
     }
   },
   created() {
-    this.initOptionsWatcher();
-    INIT_TRIGGERS.forEach((prop) => {
+    this.initOptionsWatcher(), x.forEach((t) => {
       this.$watch(
-        prop,
+        t,
         () => {
           this.refresh();
         },
-        { deep: true }
+        { deep: !0 }
       );
-    });
-    REWATCH_TRIGGERS.forEach((prop) => {
-      this.$watch(prop, () => {
-        this.initOptionsWatcher();
-        this.refresh();
+    }), E.forEach((t) => {
+      this.$watch(t, () => {
+        this.initOptionsWatcher(), this.refresh();
       });
     });
   },
   mounted() {
-    if (this.options) {
-      this.init();
-    }
+    this.options && this.init();
   },
   activated() {
-    if (this.autoResize) {
-      this.chart && this.chart.resize();
-    }
+    this.autoResize && this.chart && this.chart.resize();
   },
   destroyed() {
-    if (this.chart) {
-      this.destroy();
-    }
+    this.chart && this.destroy();
   },
   methods: {
-    mergeOptions(options, notMerge, lazyUpdate) {
-      if (this.manualUpdate) {
-        this.manualOptions = options;
-      }
-      if (!this.chart) {
-        this.init(options);
-      } else {
-        this.delegateMethod("setOption", options, notMerge, lazyUpdate);
-      }
+    // provide an explicit merge option method
+    mergeOptions(t, e, i) {
+      this.manualUpdate && (this.manualOptions = t), this.chart ? this.delegateMethod("setOption", t, e, i) : this.init(t);
     },
-    appendData(params) {
-      this.delegateMethod("appendData", params);
+    // just delegates ECharts methods to Vue component
+    // use explicit params to reduce transpiled size for now
+    appendData(t) {
+      this.delegateMethod("appendData", t);
     },
-    resize(options) {
-      this.delegateMethod("resize", options);
+    resize(t) {
+      this.delegateMethod("resize", t);
     },
-    dispatchAction(payload) {
-      this.delegateMethod("dispatchAction", payload);
+    dispatchAction(t) {
+      this.delegateMethod("dispatchAction", t);
     },
-    convertToPixel(finder, value) {
-      return this.delegateMethod("convertToPixel", finder, value);
+    convertToPixel(t, e) {
+      return this.delegateMethod("convertToPixel", t, e);
     },
-    convertFromPixel(finder, value) {
-      return this.delegateMethod("convertFromPixel", finder, value);
+    convertFromPixel(t, e) {
+      return this.delegateMethod("convertFromPixel", t, e);
     },
-    containPixel(finder, value) {
-      return this.delegateMethod("containPixel", finder, value);
+    containPixel(t, e) {
+      return this.delegateMethod("containPixel", t, e);
     },
-    showLoading(type, options) {
-      this.delegateMethod("showLoading", type, options);
+    showLoading(t, e) {
+      this.delegateMethod("showLoading", t, e);
     },
     hideLoading() {
       this.delegateMethod("hideLoading");
     },
-    getDataURL(options) {
-      return this.delegateMethod("getDataURL", options);
+    getDataURL(t) {
+      return this.delegateMethod("getDataURL", t);
     },
-    getConnectedDataURL(options) {
-      return this.delegateMethod("getConnectedDataURL", options);
+    getConnectedDataURL(t) {
+      return this.delegateMethod("getConnectedDataURL", t);
     },
     clear() {
       this.delegateMethod("clear");
@@ -155,156 +136,100 @@ const __vue2_script = {
     dispose() {
       this.delegateMethod("dispose");
     },
-    delegateMethod(name, ...args) {
-      if (!this.chart) {
-        this.init();
-      }
-      return this.chart[name](...args);
+    delegateMethod(t, ...e) {
+      return this.chart || this.init(), this.chart[t](...e);
     },
-    delegateGet(methodName) {
-      if (!this.chart) {
-        this.init();
-      }
-      return this.chart[methodName]();
+    delegateGet(t) {
+      return this.chart || this.init(), this.chart[t]();
     },
     getArea() {
       return this.$el.offsetWidth * this.$el.offsetHeight;
     },
-    init(options) {
-      if (this.chart) {
+    init(t) {
+      if (this.chart)
         return;
-      }
-      const chart = echarts.init(this.$el, this.theme, this.initOptions);
-      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];
-        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, {
+      const e = s.init(this.$el, this.theme, this.initOptions);
+      this.group && (e.group = this.group), e.setOption(t || this.manualOptions || this.options || {}, !0), Object.keys(this.$listeners).forEach((i) => {
+        const r = this.$listeners[i];
+        i.indexOf("zr:") === 0 ? e.getZr().on(i.slice(3), r) : e.on(i, r);
+      }), this.autoResize && (this.lastArea = this.getArea(), this.__resizeHandler = M(
+        () => {
+          this.lastArea === 0 ? (this.mergeOptions({}, !0), this.resize(), this.mergeOptions(this.options || this.manualOptions || {}, !0)) : this.resize(), this.lastArea = this.getArea();
+        },
+        100,
+        { leading: !0 }
+      ), y(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: true,
-          get: () => {
-            return this.delegateGet("getWidth");
-          }
+          configurable: !0,
+          get: () => this.delegateGet("getWidth")
         },
         height: {
-          configurable: true,
-          get: () => {
-            return this.delegateGet("getHeight");
-          }
+          configurable: !0,
+          get: () => this.delegateGet("getHeight")
         },
         isDisposed: {
-          configurable: true,
-          get: () => {
-            return !!this.delegateGet("isDisposed");
-          }
+          configurable: !0,
+          get: () => !!this.delegateGet("isDisposed")
         },
         computedOptions: {
-          configurable: true,
-          get: () => {
-            return this.delegateGet("getOption");
-          }
+          configurable: !0,
+          get: () => this.delegateGet("getOption")
         }
-      });
-      this.chart = chart;
+      }), this.chart = e;
     },
     initOptionsWatcher() {
-      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 }
-        );
-      }
+      this.__unwatchOptions && (this.__unwatchOptions(), this.__unwatchOptions = null), this.manualUpdate || (this.__unwatchOptions = this.$watch(
+        "options",
+        (t, e) => {
+          !this.chart && t ? this.init() : this.chart.setOption(t, t !== e);
+        },
+        { deep: !this.watchShallow }
+      ));
     },
     destroy() {
-      if (this.autoResize) {
-        removeListener(this.$el, this.__resizeHandler);
-      }
-      this.dispose();
-      this.chart = null;
+      this.autoResize && z(this.$el, this.__resizeHandler), this.dispose(), this.chart = null;
     },
     refresh() {
-      if (this.chart) {
-        this.destroy();
-        this.init();
-      }
+      this.chart && (this.destroy(), this.init());
     }
   },
-  connect(group) {
-    if (!isString(group)) {
-      group = group.map((chart) => chart.chart);
-    }
-    echarts.connect(group);
+  connect(t) {
+    R(t) || (t = t.map((e) => e.chart)), s.connect(t);
   },
-  disconnect(group) {
-    echarts.disConnect(group);
+  disconnect(t) {
+    s.disConnect(t);
   },
-  getMap(mapName) {
-    return echarts.getMap(mapName);
+  getMap(t) {
+    return s.getMap(t);
   },
-  registerMap(mapName, geoJSON, specialAreas) {
-    echarts.registerMap(mapName, geoJSON, specialAreas);
+  registerMap(t, e, i) {
+    s.registerMap(t, e, i);
   },
-  registerTheme(name, theme) {
-    echarts.registerTheme(name, theme);
+  registerTheme(t, e) {
+    s.registerTheme(t, e);
   },
-  graphic: echarts.graphic
-};
-const __cssModules = {};
-var __component__ = /* @__PURE__ */ normalizeComponent(
-  __vue2_script,
-  render,
-  staticRenderFns,
-  false,
-  __vue2_injectStyles,
+  graphic: s.graphic
+}, h = {};
+var b = /* @__PURE__ */ v(
+  $,
+  S,
+  L,
+  !1,
+  A,
   null,
   null,
   null
 );
-function __vue2_injectStyles(context) {
-  for (let o in __cssModules) {
-    this[o] = __cssModules[o];
-  }
+function A(t) {
+  for (let e in h)
+    this[e] = h[e];
 }
-const ECharts = /* @__PURE__ */ function() {
-  return __component__.exports;
+const H = /* @__PURE__ */ function() {
+  return b.exports;
 }();
 export {
-  ECharts as default
+  H as default
 };

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

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

package/dist/components/editable-progress/index.js

@@ -1,68 +1,64 @@
-import { n as normalizeComponent } from "../../chunks/3d28cc08.js";
-var render = function() {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c("div", {
+import { n as r } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
+var l = function() {
+  var e = this, t = e.$createElement, s = e._self._c || t;
+  return s("div", {
     staticClass: "editable-progress",
     on: {
-      "mouseover": _vm.onMouseOver,
-      "mousedown": _vm.onMouseDown,
-      "mouseleave": _vm.onMouseLeave,
-      "click": _vm.wrapperClick
+      mouseover: e.onMouseOver,
+      mousedown: e.onMouseDown,
+      mouseleave: e.onMouseLeave,
+      click: e.wrapperClick
     }
-  }, [_c("ElProgress", {
+  }, [s("ElProgress", {
     directives: [{
       name: "show",
       rawName: "v-show",
-      value: !_vm.slider,
+      value: !e.slider,
       expression: "!slider"
     }],
-    class: _vm.percent === 100 ? "progress__success" : "",
+    class: e.percent === 100 ? "progress__success" : "",
     attrs: {
-      "stroke-width": _vm.strokeWidth,
+      "stroke-width": e.strokeWidth,
       "text-inside": "",
-      "percentage": _vm.percent
+      percentage: e.percent
     }
-  }), !_vm.disabled ? _c("ElSlider", {
+  }), e.disabled ? e._e() : s("ElSlider", {
     directives: [{
       name: "show",
       rawName: "v-show",
-      value: _vm.slider,
+      value: e.slider,
       expression: "slider"
     }],
     ref: "slider",
     style: {
-      width: `${_vm.max === 100 ? 100 : _vm.max - 1}%`
+      width: `${e.max === 100 ? 100 : e.max - 1}%`
     },
     attrs: {
-      "tooltip-class": _vm.tooltipClass,
-      "max": _vm.max,
-      "format-tooltip": _vm.formatTooltip,
-      "disabled": _vm.disabled,
-      "step": _vm.step
+      "tooltip-class": e.tooltipClass,
+      max: e.max,
+      "format-tooltip": e.formatTooltip,
+      disabled: e.disabled,
+      step: e.step
     },
     on: {
-      "input": _vm.onInput,
-      "change": _vm.onChange
+      input: e.onInput,
+      change: e.onChange
     },
     model: {
-      value: _vm.percent,
-      callback: function($$v) {
-        _vm.percent = $$v;
+      value: e.percent,
+      callback: function(i) {
+        e.percent = i;
       },
       expression: "percent"
     }
-  }) : _vm._e()], 1);
-};
-var staticRenderFns = [];
-const EditableProgress_vue_vue_type_style_index_0_lang = "";
-const __vue2_script = {
+  })], 1);
+}, n = [];
+const a = {
   name: "EditableProgress",
   props: {
     disabled: {
       type: Boolean,
-      default: false
+      default: !1
     },
     strokeWidth: {
       type: Number,
@@ -83,92 +79,63 @@ const __vue2_script = {
   },
   data() {
     return {
-      slider: false,
-      mouseDown: false,
+      slider: !1,
+      mouseDown: !1,
       tooltipClass: "hide-tooltip",
       percent: this.value
     };
   },
   watch: {
-    value(val) {
-      if (this.percent !== val) {
-        this.percent = val;
-      }
+    value(e) {
+      this.percent !== e && (this.percent = e);
     }
   },
   methods: {
-    formatTooltip(val) {
-      return `${val}%`;
+    formatTooltip(e) {
+      return `${e}%`;
     },
-    onInput(percent) {
-      if (this.value !== percent) {
-        this.$emit("input", percent);
-      }
+    onInput(e) {
+      this.value !== e && this.$emit("input", e);
     },
-    onChange(percent) {
-      this.slider = false;
-      this.tooltipClass = "hide-tooltip";
-      this.$emit("change", percent);
+    onChange(e) {
+      this.slider = !1, this.tooltipClass = "hide-tooltip", this.$emit("change", e);
     },
     onMouseOver() {
-      if (this.disabled || this.slider) {
-        return;
-      }
-      this.slider = true;
-      this.$nextTick(() => {
-        this.$refs.slider.$refs.button1.$refs.tooltip.updatePopper();
-        this.tooltipClass = "";
-      });
+      this.disabled || this.slider || (this.slider = !0, this.$nextTick(() => {
+        this.$refs.slider.$refs.button1.$refs.tooltip.updatePopper(), this.tooltipClass = "";
+      }));
     },
     onMouseDown() {
-      if (this.disabled) {
-        return;
-      }
-      this.mouseDown = true;
-      window.addEventListener("mouseup", this.onMouseUp);
+      this.disabled || (this.mouseDown = !0, window.addEventListener("mouseup", this.onMouseUp));
     },
     onMouseUp() {
-      if (this.disabled) {
-        return;
-      }
-      this.mouseDown = false;
-      this.tooltipClass = "hide-tooltip";
-      window.removeEventListener("mouseup", this.onMouseUp);
+      this.disabled || (this.mouseDown = !1, this.tooltipClass = "hide-tooltip", window.removeEventListener("mouseup", this.onMouseUp));
     },
     onMouseLeave() {
-      if (this.disabled || this.mouseDown) {
-        return;
-      }
-      this.tooltipClass = "hide-tooltip";
-      this.slider = false;
+      this.disabled || this.mouseDown || (this.tooltipClass = "hide-tooltip", this.slider = !1);
     },
     wrapperClick() {
-      if (this.disabled) {
-        return;
-      }
-      this.slider = true;
+      this.disabled || (this.slider = !0);
     }
   }
-};
-const __cssModules = {};
-var __component__ = /* @__PURE__ */ normalizeComponent(
-  __vue2_script,
-  render,
-  staticRenderFns,
-  false,
-  __vue2_injectStyles,
+}, o = {};
+var u = /* @__PURE__ */ r(
+  a,
+  l,
+  n,
+  !1,
+  d,
   null,
   null,
   null
 );
-function __vue2_injectStyles(context) {
-  for (let o in __cssModules) {
-    this[o] = __cssModules[o];
-  }
+function d(e) {
+  for (let t in o)
+    this[t] = o[t];
 }
-const EditableProgress = /* @__PURE__ */ function() {
-  return __component__.exports;
+const h = /* @__PURE__ */ function() {
+  return u.exports;
 }();
 export {
-  EditableProgress as default
+  h as default
 };