@web-utils/component 2.0.14 → 2.7.1

package/dist/components/dialog-form/index.js

@@ -0,0 +1,275 @@
+import { c as d } from "../../chunks/config.46422d7f.js";
+import { k as l, c as o, o as r, u, n as a } from "../../chunks/util.5053d54e.js";
+import { n as h } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
+var p = function() {
+  var t = this, e = t.$createElement, i = t._self._c || e;
+  return t.boxVisible ? i("div", [i(t.dialogType, t._b({
+    tag: "Component",
+    class: ["avue-dialog", "avue-crud__dialog", {
+      "avue-dialog--fullscreen": t.fullscreen
+    }],
+    attrs: {
+      "lock-scroll": "",
+      "show-full-screen": "",
+      "destroy-on-close": t.crud.tableOption.dialogDestroy,
+      "wrapper-closable": t.crud.tableOption.dialogClickModal,
+      direction: t.direction,
+      "custom-class": t.crud.tableOption.dialogCustomClass,
+      "modal-append-to-body": "",
+      "append-to-body": "",
+      top: t.dialogTop,
+      title: t.dialogTitle,
+      "close-on-press-escape": t.crud.tableOption.dialogEscape,
+      "close-on-click-modal": t.optVal(t.crud.tableOption.dialogClickModal, !1),
+      modal: t.crud.tableOption.dialogModal,
+      "show-close": t.crud.tableOption.dialogCloseBtn,
+      visible: t.boxVisible,
+      "before-close": t.hide
+    },
+    on: {
+      "update:visible": function(s) {
+        t.boxVisible = s;
+      }
+    }
+  }, "Component", t.params, !1), [i("FyForm", t._b({
+    ref: "tableForm",
+    attrs: {
+      status: t.disabled,
+      option: t.option
+    },
+    on: {
+      "update:status": function(s) {
+        t.disabled = s;
+      },
+      change: t.handleChange,
+      submit: t.handleSubmit,
+      "reset-change": t.hide,
+      "tab-click": t.handleTabClick,
+      error: t.handleError
+    },
+    scopedSlots: t._u([t._l(t.crud.formSlot, function(s) {
+      return {
+        key: t.getSlotName(s),
+        fn: function(c) {
+          return [t._t(s, null, null, Object.assign(c, {
+            type: t.boxType
+          }))];
+        }
+      };
+    })], null, !0),
+    model: {
+      value: t.crud.tableForm,
+      callback: function(s) {
+        t.$set(t.crud, "tableForm", s);
+      },
+      expression: "crud.tableForm"
+    }
+  }, "FyForm", t.uploadFun({}, t.crud), !1)), i("span", {
+    staticClass: "avue-dialog__footer",
+    class: `avue-dialog__footer--${t.dialogMenuPosition}`
+  }, [t.optVal(t.option.submitBtn, !0) && !t.isView ? i("ElButton", {
+    attrs: {
+      disabled: t.disabled,
+      size: t.crud.controlSize,
+      icon: t.option.submitIcon,
+      type: "primary"
+    },
+    on: {
+      click: t.submit
+    }
+  }, [t._v(t._s(t.option.submitText))]) : t._e(), t.optVal(t.option.emptyBtn, !0) && !t.isView ? i("ElButton", {
+    attrs: {
+      disabled: t.disabled,
+      size: t.crud.controlSize,
+      icon: t.option.emptyIcon
+    },
+    on: {
+      click: t.reset
+    }
+  }, [t._v(t._s(t.option.emptyText))]) : t._e(), t._t("menuForm", null, {
+    disabled: t.disabled,
+    size: t.crud.controlSize,
+    type: t.boxType
+  })], 2)], 1)], 1) : t._e();
+}, b = [];
+const m = {
+  name: "DialogForm",
+  inject: ["crud"],
+  props: {
+    value: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  data() {
+    return {
+      disabled: !1,
+      boxType: "",
+      fullscreen: !1,
+      size: null,
+      boxVisible: !1
+    };
+  },
+  computed: {
+    option() {
+      const t = l(this.crud.tableOption);
+      return t.boxType = this.boxType, t.column = l(this.crud.propOption), t.menuBtn = !1, this.isAdd ? (t.submitBtn = t.saveBtn, t.submitText = this.crud.menuIcon("saveBtn"), t.submitIcon = this.crud.getBtnIcon("saveBtn")) : this.isEdit ? (t.submitBtn = t.updateBtn, t.submitText = this.crud.menuIcon("updateBtn"), t.submitIcon = this.crud.getBtnIcon("updateBtn")) : this.isView && (t.detail = !0), t.emptyBtn = t.cancelBtn, t.emptyText = this.crud.menuIcon("cancelBtn"), t.emptyIcon = this.crud.getBtnIcon("cancelBtn"), this.crud.isGroup || (t.dicFlag = !1, t.dicData = this.crud.DIC), o(t.dicFlag) || t.column.forEach((e) => {
+        e.boxType = this.boxType, e.dicFlag = e.dicFlag || t.dicFlag;
+      }), t;
+    },
+    isView() {
+      return this.boxType === "view";
+    },
+    isAdd() {
+      return this.boxType === "add";
+    },
+    isEdit() {
+      return this.boxType === "edit";
+    },
+    direction() {
+      return this.crud.tableOption.dialogDirection;
+    },
+    width() {
+      return r(`${this.crud.tableOption.dialogWidth}`, this.crud.isMobile ? "100%" : `${d.dialogWidth}`);
+    },
+    dialogType() {
+      return this.isDrawer ? "ElDrawer" : "ElementDialog";
+    },
+    dialogTop() {
+      return !this.isDrawer && !this.fullscreen ? this.crud.tableOption.dialogTop : "0";
+    },
+    isDrawer() {
+      return this.crud.tableOption.dialogType === "drawer";
+    },
+    params() {
+      return this.isDrawer ? {
+        size: this.fullscreen ? "100%" : this.width,
+        direction: this.crud.tableOption.dialogDirection
+      } : {
+        width: this.width,
+        fullscreen: this.fullscreen
+      };
+    },
+    dialogTitle() {
+      const t = `${this.boxType}`;
+      if (!o(this.boxType)) {
+        const e = {
+          tipStartTitle: "当前表格已选择",
+          tipEndTitle: "项",
+          editTitle: "编 辑",
+          copyTitle: "复 制",
+          addTitle: "新 增",
+          viewTitle: "查 看",
+          filterTitle: "过滤条件",
+          showTitle: "列显隐"
+        };
+        return this.crud.tableOption[`${t}Title`] || e[`${t}Title`];
+      }
+      return "";
+    },
+    dialogMenuPosition() {
+      return this.crud.option.dialogMenuPosition || "right";
+    }
+  },
+  methods: {
+    isBlank: o,
+    optVal: r,
+    uploadFun: u,
+    submit() {
+      this.$refs.tableForm.submit();
+    },
+    reset() {
+      this.$refs.tableForm.resetForm(!1);
+    },
+    getSlotName(t) {
+      return t.replace("Form", "");
+    },
+    initFun() {
+      ["clearValidate", "validate", "resetForm", "validateField"].forEach((t) => {
+        this.crud[t] = this.$refs.tableForm[t];
+      });
+    },
+    handleChange() {
+      this.crud.setVal();
+    },
+    handleTabClick(t, e) {
+      this.crud.$emit("tab-click", t, e);
+    },
+    handleFullScreen() {
+      this.isDrawer && (o(this.size) ? this.size = "100%" : this.size = ""), this.fullscreen = !this.fullscreen;
+    },
+    handleError(t) {
+      this.crud.$emit("error", t);
+    },
+    handleSubmit(t, e) {
+      this.isAdd ? this.rowSave(e) : this.isEdit && this.rowUpdate(e);
+    },
+    // 保存
+    rowSave(t) {
+      this.crud.$emit(
+        "row-save",
+        a(this.crud.tableForm),
+        this.closeDialog,
+        t
+      );
+    },
+    // 更新
+    rowUpdate(t) {
+      this.crud.$emit(
+        "row-update",
+        a(this.crud.tableForm),
+        this.crud.tableIndex,
+        this.closeDialog,
+        t
+      );
+    },
+    closeDialog(t) {
+      t = l(t), t && (() => {
+        if (this.isEdit) {
+          const { parentList: i, index: s } = this.crud.findData(t[this.crud.rowKey]);
+          i && i.splice(s, 1, t);
+        } else if (this.isAdd) {
+          const { item: i } = this.crud.findData(t[this.crud.rowParentKey]);
+          i ? (i[this.crud.childrenKey] || this.$set(i, this.crud.childrenKey, []), this.crud.tableOption.lazy && this.$set(i, this.crud.hasChildrenKey, !0), i[this.crud.childrenKey].push(t)) : this.crud.list.push(t);
+        }
+      })(), this.hide();
+    },
+    // 隐藏表单
+    hide(t) {
+      const e = () => {
+        t && t(), this.crud.tableIndex = -1, this.crud.tableForm = {}, this.crud.setVal(), this.boxVisible = !1;
+      };
+      typeof this.crud.beforeClose == "function" ? this.crud.beforeClose(e, this.boxType) : e();
+    },
+    // 显示表单
+    show(t) {
+      this.boxType = t;
+      const e = () => {
+        this.fullscreen = this.crud.tableOption.dialogFullscreen, this.boxVisible = !0, this.$nextTick(() => {
+          this.initFun();
+        });
+      };
+      typeof this.crud.beforeOpen == "function" ? this.crud.beforeOpen(e, this.boxType) : e();
+    }
+  }
+}, n = {};
+var f = /* @__PURE__ */ h(
+  m,
+  p,
+  b,
+  !1,
+  g,
+  null,
+  null,
+  null
+);
+function g(t) {
+  for (let e in n)
+    this[e] = n[e];
+}
+const x = /* @__PURE__ */ function() {
+  return f.exports;
+}();
+export {
+  x as default
+};

package/dist/components/draggable/index.js

@@ -0,0 +1,384 @@
+import { s as l, j as a } from "../../chunks/util.5053d54e.js";
+import { n as v } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
+var g = function() {
+  var e = this, t = e.$createElement, s = e._self._c || t;
+  return s("div", {
+    class: {
+      "avue-draggable__active": (e.active || e.overActive) && !e.readonly,
+      "avue-draggable__move": e.moveActive,
+      "avue-draggable__click": e.disabled
+    },
+    style: e.styleName,
+    on: {
+      mousedown: function(i) {
+        return i.stopPropagation(), e.handleMove.apply(null, arguments);
+      },
+      mouseover: function(i) {
+        return i.stopPropagation(), e.handleOver.apply(null, arguments);
+      },
+      mouseout: function(i) {
+        return i.stopPropagation(), e.handleOut.apply(null, arguments);
+      }
+    }
+  }, [s("ElInput", {
+    ref: "input",
+    staticClass: "avue-draggable__focus",
+    model: {
+      value: e.value,
+      callback: function(i) {
+        e.value = i;
+      },
+      expression: "value"
+    }
+  }), s("div", {
+    ref: "wrapper",
+    staticClass: "avue-draggable__wrapper"
+  }, [(e.active || e.overActive || e.moveActive) && !e.readonly ? [s("div", {
+    staticClass: "avue-draggable__line['left'])",
+    style: e.styleLineName
+  }), s("div", {
+    staticClass: "avue-draggable__line['top'])",
+    style: e.styleLineName
+  }), s("div", {
+    staticClass: "avue-draggable__line['label'])",
+    style: e.styleLabelName
+  }, [e._v(" " + e._s(e.baseLeft) + "," + e._s(e.baseTop) + " ")])] : e._e(), e.readonly ? e._e() : [e._l(e.rangeList, function(i, h) {
+    return [e.active ? s("div", {
+      key: h,
+      staticClass: "avue-draggable__range[item.classname])",
+      style: [e.styleRangeName, e.getRangeStyle(i.classname)],
+      on: {
+        mousedown: function(n) {
+          return n.stopPropagation(), e.rangeMove(n, i.classname);
+        }
+      }
+    }) : e._e()];
+  })], s("div", {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: e.active || e.overActive,
+      expression: "active || overActive"
+    }],
+    staticClass: "avue-draggable__menu",
+    style: e.styleMenuName
+  }, [e._t("menu", null, {
+    zIndex: e.zIndex,
+    index: e.index
+  })], 2), s("div", {
+    ref: "item",
+    staticClass: "avue-draggable__item"
+  }, [e._t("default")], 2), !e.disabled && e.mask ? s("div", {
+    staticClass: "avue-draggable__mask"
+  }) : e._e()], 2)], 1);
+}, y = [];
+const _ = {
+  name: "Draggable",
+  props: {
+    index: {
+      type: [String, Number]
+    },
+    mask: {
+      type: Boolean,
+      default: !0
+    },
+    scale: {
+      type: Number,
+      default: 1
+    },
+    readonly: {
+      type: Boolean,
+      default: !1
+    },
+    resize: {
+      type: Boolean,
+      default: !0
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    lock: {
+      type: Boolean,
+      default: !1
+    },
+    step: {
+      type: Number,
+      default: 1
+    },
+    zIndex: {
+      type: [Number, String],
+      default: 1
+    },
+    left: {
+      type: Number,
+      default: 0
+    },
+    top: {
+      type: Number,
+      default: 0
+    },
+    width: {
+      type: Number
+    },
+    height: {
+      type: Number
+    }
+  },
+  data() {
+    return {
+      first: !0,
+      value: "",
+      baseWidth: 0,
+      baseHeight: 0,
+      baseLeft: 0,
+      baseTop: 0,
+      children: {},
+      moveActive: !1,
+      overActive: !1,
+      rangeActive: !1,
+      active: !1,
+      keyDown: null,
+      rangeList: [
+        {
+          classname: "left"
+        },
+        {
+          classname: "right"
+        },
+        {
+          classname: "top"
+        },
+        {
+          classname: "bottom"
+        },
+        {
+          classname: "top-left"
+        },
+        {
+          classname: "top-right"
+        },
+        {
+          classname: "bottom-left"
+        },
+        {
+          classname: "bottom-right"
+        }
+      ]
+    };
+  },
+  computed: {
+    scaleVal() {
+      return this.scale;
+    },
+    styleMenuName() {
+      return {
+        transformOrigin: "0 0",
+        transform: `scale(${this.scaleVal})`
+      };
+    },
+    styleLineName() {
+      return {
+        borderWidth: l(this.scaleVal)
+      };
+    },
+    styleRangeName() {
+      const e = 10 * this.scaleVal;
+      return {
+        width: l(e),
+        height: l(e)
+      };
+    },
+    styleLabelName() {
+      return {
+        fontSize: l(18 * this.scaleVal)
+      };
+    },
+    styleName() {
+      return Object.assign(
+        (() => this.active ? Object.assign(
+          {
+            zIndex: 9999
+          },
+          this.styleLineName
+        ) : { zIndex: this.zIndex })(),
+        {
+          top: l(this.baseTop),
+          left: l(this.baseLeft),
+          width: l(this.baseWidth),
+          height: l(this.baseHeight)
+        }
+      );
+    }
+  },
+  watch: {
+    active(e) {
+      e ? this.handleKeydown() : document.onkeydown = this.keyDown;
+    },
+    width(e) {
+      this.baseWidth = a(e) || this.children.offsetWidth;
+    },
+    height(e) {
+      this.baseHeight = a(e) || this.children.offsetHeight;
+    },
+    left(e) {
+      this.baseLeft = a(e);
+    },
+    top(e) {
+      this.baseTop = a(e);
+    },
+    baseWidth(e) {
+      this.$refs.wrapper.style.width = l(e), this.resize && this.children.style && (this.children.style.width = l(e));
+    },
+    baseHeight(e) {
+      this.$refs.wrapper.style.height = l(e), this.resize && this.children.style && (this.children.style.height = l(e));
+    },
+    baseLeft(e, t) {
+      this.first || this.setMove(e - t, 0);
+    },
+    baseTop(e, t) {
+      this.first || this.setMove(0, e - t);
+    }
+  },
+  mounted() {
+    this.init();
+  },
+  methods: {
+    init() {
+      this.children = this.$refs.item.firstChild, this.baseWidth = a(this.width) || this.children.offsetWidth, this.baseHeight = a(this.height) || this.children.offsetHeight, this.baseLeft = a(this.left), this.baseTop = a(this.top), this.keyDown = document.onkeydown, this.$nextTick(() => {
+        this.first = !1;
+      });
+    },
+    setMove(e, t) {
+      this.$emit("move", {
+        index: this.index,
+        left: e,
+        top: t
+      });
+    },
+    setLeft(e) {
+      this.baseLeft = e;
+    },
+    setTop(e) {
+      this.baseTop = e;
+    },
+    getRangeStyle(e) {
+      const t = 10 * this.scaleVal / 2;
+      let s = {};
+      return e.split("-").forEach((h) => {
+        s[h] = l(-t);
+      }), s;
+    },
+    setOverActive(e) {
+      this.overActive = e;
+    },
+    setActive(e) {
+      this.active = e;
+    },
+    rangeMove(e, t) {
+      if (this.disabled || this.lock)
+        return;
+      let s, i, h, n, o, u;
+      this.rangeActive = !0, this.handleMouseDown();
+      let c = e.clientX, f = e.clientY;
+      document.onmousemove = (d) => {
+        this.moveActive = !0, t === "right" ? (s = !0, i = !1) : t === "left" ? (s = !0, h = !0, o = !0, i = !1) : t === "top" ? (s = !1, i = !0, n = !0, u = !0) : t === "bottom" ? (s = !1, i = !0) : t === "bottom-right" ? (s = !0, i = !0) : t === "bottom-left" ? (s = !0, i = !0, h = !0, o = !0) : t === "top-right" ? (s = !0, i = !0, n = !0, u = !0) : t === "top-left" && (s = !0, i = !0, h = !0, o = !0, n = !0, u = !0);
+        let m = d.clientX - c, p = d.clientY - f;
+        if (c = d.clientX, f = d.clientY, s) {
+          let r = m * this.step;
+          o && (r = -r), h && (this.baseLeft = a(this.baseLeft - r)), this.baseWidth = a(this.baseWidth + r);
+        }
+        if (i) {
+          let r = p * this.step;
+          u && (r = -r), n && (this.baseTop = a(this.baseTop - r)), this.baseHeight = a(this.baseHeight + r);
+        }
+      }, this.handleClear();
+    },
+    handleOut() {
+      this.overActive = !1, this.$emit("out", {
+        index: this.index,
+        width: this.baseWidth,
+        height: this.baseHeight,
+        left: this.baseLeft,
+        top: this.baseTop
+      });
+    },
+    handleOver() {
+      this.disabled || (this.overActive = !0, this.$emit("over", {
+        index: this.index,
+        width: this.baseWidth,
+        height: this.baseHeight,
+        left: this.baseLeft,
+        top: this.baseTop
+      }));
+    },
+    handleMove(e) {
+      if (this.disabled || this.lock)
+        return;
+      setTimeout(() => {
+        this.$refs.input.focus();
+      }), this.active = !0, this.handleMouseDown();
+      let t = e.clientX, s = e.clientY;
+      document.onmousemove = (i) => {
+        let h = i.clientX - t, n = i.clientY - s;
+        t = i.clientX, s = i.clientY, this.baseLeft = a(this.baseLeft + h * this.step), this.baseTop = a(this.baseTop + n * this.step);
+      }, this.handleClear();
+    },
+    handleClear() {
+      document.onmouseup = () => {
+        document.onmousemove = null, document.onmouseup = null, this.handleMouseUp();
+      };
+    },
+    handleKeydown() {
+      document.onkeydown = (e) => {
+        var t = e || window.event || arguments.callee.caller.arguments[0];
+        let s = 1 * this.step;
+        this.$refs.input.focused && (t && t.keyCode == 38 ? this.baseTop = a(this.baseTop - s) : t && t.keyCode == 37 ? this.baseLeft = a(this.baseLeft - s) : t && t.keyCode == 40 ? this.baseTop = a(this.baseTop + s) : t && t.keyCode == 39 && (this.baseLeft = a(this.baseLeft + s)), e.stopPropagation(), e.preventDefault(), this.$emit("blur", {
+          index: this.index,
+          width: this.baseWidth,
+          height: this.baseHeight,
+          left: this.baseLeft,
+          top: this.baseTop
+        }), this.keyDown && this.keyDown(e));
+      };
+    },
+    handleMouseDown(e) {
+      this.moveActive = !0, this.$emit("focus", {
+        index: this.index,
+        width: this.baseWidth,
+        height: this.baseHeight,
+        left: this.baseLeft,
+        top: this.baseTop
+      });
+    },
+    handleMouseUp() {
+      this.moveActive = !1, this.rangeActive = !1, this.$emit("blur", {
+        index: this.index,
+        width: this.baseWidth,
+        height: this.baseHeight,
+        left: this.baseLeft,
+        top: this.baseTop
+      });
+    }
+  }
+}, b = {};
+var w = /* @__PURE__ */ v(
+  _,
+  g,
+  y,
+  !1,
+  x,
+  null,
+  null,
+  null
+);
+function x(e) {
+  for (let t in b)
+    this[t] = b[t];
+}
+const k = /* @__PURE__ */ function() {
+  return w.exports;
+}();
+export {
+  k as default
+};

package/dist/components/draggable/style.css

@@ -0,0 +1 @@
+.avue-draggable{padding:10px;position:absolute;cursor:move;-webkit-tap-highlight-color:transparent;user-select:none}.avue-draggable__focus{opacity:0;position:absolute!important;top:0;left:0;z-index:-1024}.avue-draggable__mask{width:100%;height:100%;border:0;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.avue-draggable--active{cursor:move;border:1px dashed #09f;background-color:#73aae580}.avue-draggable--move{opacity:.6;background-color:#73aae580}.avue-draggable--click{cursor:pointer}.avue-draggable__line--left{position:absolute;border-top:1px dashed #09f;width:10000px;height:0;top:0;transform:translate(-100%)}.avue-draggable__line--top{position:absolute;border-left:1px dashed #09f;width:0;height:10000px;left:0;transform:translateY(-100%)}.avue-draggable__line--label{top:-5px;left:-8px;position:absolute;padding:5px;transform:translate(-100%,-100%);color:#09f;font-size:18px;white-space:nowrap;cursor:move}.avue-draggable__menu{position:absolute;top:0px;left:0px;background-color:#409eff;font-size:25px;color:#fff;z-index:9999;cursor:pointer}.avue-draggable__range{position:absolute;width:10px;height:10px;border-radius:100%;z-index:9999;background-color:#09f}.avue-draggable__range--left,.avue-draggable__range--right{top:50%;transform:translateY(-50%)}.avue-draggable__range--left:hover,.avue-draggable__range--right:hover{cursor:ew-resize}.avue-draggable__range--left{left:-6px}.avue-draggable__range--right{right:-6px}.avue-draggable__range--top,.avue-draggable__range--bottom{left:50%;transform:translate(-50%)}.avue-draggable__range--top:hover,.avue-draggable__range--bottom:hover{cursor:ns-resize}.avue-draggable__range--top{top:-6px}.avue-draggable__range--bottom{bottom:-6px}.avue-draggable__range--bottom-right:hover,.avue-draggable__range--top-left:hover{cursor:nwse-resize}.avue-draggable__range--bottom-left:hover,.avue-draggable__range--top-right:hover{cursor:nesw-resize}.avue-draggable__range--top-right{top:-6px;right:-6px}.avue-draggable__range--top-left{top:-6px;left:-6px}.avue-draggable__range--bottom-right{bottom:-6px;right:-6px}.avue-draggable__range--bottom-left{bottom:-6px;left:-6px}

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

@@ -1,5 +1,5 @@
 import { fastClone as u, validateNumber as d, validateIdCard as c, validatePhoneNum as m } from "@web-utils/core";
-import { n as f } from "../../chunks/5d4282fb.js";
+import { n as f } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
 var h = function() {
   var e = this, i = e.$createElement, t = e._self._c || i;
   return t("div", {

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

@@ -4,7 +4,7 @@ import { TitleComponent as u, TooltipComponent as f, GridComponent as m, LegendC
 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/5d4282fb.js";
+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", {
@@ -94,9 +94,12 @@ const x = ["theme", "initOptions", "autoResize"], E = ["manualUpdate", "watchSha
     this.chart && this.destroy();
   },
   methods: {
+    // 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);
     },
+    // just delegates ECharts methods to Vue component
+    // use explicit params to reduce transpiled size for now
     appendData(t) {
       this.delegateMethod("appendData", t);
     },
@@ -156,6 +159,9 @@ const x = ["theme", "initOptions", "autoResize"], E = ["manualUpdate", "watchSha
         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: !0,
           get: () => this.delegateGet("getWidth")

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

@@ -1,4 +1,4 @@
-import { n as r } from "../../chunks/5d4282fb.js";
+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", {