@web-utils/component 3.0.6 → 3.1.0

package/editable-progress/index.mjs

@@ -1,59 +1,5 @@
-import { n as r } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
-var l = function() {
-  var e = this, t = e.$createElement, s = e._self._c || t;
-  return s("div", {
-    staticClass: "editable-progress",
-    on: {
-      mouseover: e.onMouseOver,
-      mousedown: e.onMouseDown,
-      mouseleave: e.onMouseLeave,
-      click: e.wrapperClick
-    }
-  }, [s("ElProgress", {
-    directives: [{
-      name: "show",
-      rawName: "v-show",
-      value: !e.slider,
-      expression: "!slider"
-    }],
-    class: e.percent === 100 ? "progress__success" : "",
-    attrs: {
-      "stroke-width": e.strokeWidth,
-      "text-inside": "",
-      percentage: e.percent
-    }
-  }), e.disabled ? e._e() : s("ElSlider", {
-    directives: [{
-      name: "show",
-      rawName: "v-show",
-      value: e.slider,
-      expression: "slider"
-    }],
-    ref: "slider",
-    style: {
-      width: `${e.max === 100 ? 100 : e.max - 1}%`
-    },
-    attrs: {
-      "tooltip-class": e.tooltipClass,
-      max: e.max,
-      "format-tooltip": e.formatTooltip,
-      disabled: e.disabled,
-      step: e.step
-    },
-    on: {
-      input: e.onInput,
-      change: e.onChange
-    },
-    model: {
-      value: e.percent,
-      callback: function(i) {
-        e.percent = i;
-      },
-      expression: "percent"
-    }
-  })], 1);
-}, n = [];
-const a = {
+import { n as o } from "../chunks/_plugin-vue2_normalizer.446f5dc4.mjs";
+const r = {
   name: "EditableProgress",
   props: {
     disabled: {
@@ -86,19 +32,19 @@ const a = {
     };
   },
   watch: {
-    value(e) {
-      this.percent !== e && (this.percent = e);
+    value(s) {
+      this.percent !== s && (this.percent = s);
     }
   },
   methods: {
-    formatTooltip(e) {
-      return `${e}%`;
+    formatTooltip(s) {
+      return `${s}%`;
     },
-    onInput(e) {
-      this.value !== e && this.$emit("input", e);
+    onInput(s) {
+      this.value !== s && this.$emit("input", s);
     },
-    onChange(e) {
-      this.slider = !1, this.tooltipClass = "hide-tooltip", this.$emit("change", e);
+    onChange(s) {
+      this.slider = !1, this.tooltipClass = "hide-tooltip", this.$emit("change", s);
     },
     onMouseOver() {
       this.disabled || this.slider || (this.slider = !0, this.$nextTick(() => {
@@ -118,24 +64,23 @@ const a = {
       this.disabled || (this.slider = !0);
     }
   }
-}, o = {};
-var u = /* @__PURE__ */ r(
-  a,
+};
+var l = function() {
+  var e = this, t = e._self._c;
+  return t("div", { staticClass: "editable-progress", on: { mouseover: e.onMouseOver, mousedown: e.onMouseDown, mouseleave: e.onMouseLeave, click: e.wrapperClick } }, [t("ElProgress", { directives: [{ name: "show", rawName: "v-show", value: !e.slider, expression: "!slider" }], class: e.percent === 100 ? "progress__success" : "", attrs: { "stroke-width": e.strokeWidth, "text-inside": "", percentage: e.percent } }), e.disabled ? e._e() : t("ElSlider", { directives: [{ name: "show", rawName: "v-show", value: e.slider, expression: "slider" }], ref: "slider", style: { width: `${e.max === 100 ? 100 : e.max - 1}%` }, attrs: { "tooltip-class": e.tooltipClass, max: e.max, "format-tooltip": e.formatTooltip, disabled: e.disabled, step: e.step }, on: { input: e.onInput, change: e.onChange }, model: { value: e.percent, callback: function(i) {
+    e.percent = i;
+  }, expression: "percent" } })], 1);
+}, a = [], n = /* @__PURE__ */ o(
+  r,
   l,
-  n,
+  a,
   !1,
-  d,
+  null,
   null,
   null,
   null
 );
-function d(e) {
-  for (let t in o)
-    this[t] = o[t];
-}
-const h = /* @__PURE__ */ function() {
-  return u.exports;
-}();
+const u = n.exports;
 export {
-  h as default
+  u as default
 };