@web-utils/component 1.2.4 → 1.2.6

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

@@ -1 +1,195 @@
-import{fastClone as d,validateNumber as u,validateIdCard as c,validatePhoneNum as m}from"@web-utils/core";import{n as f}from"../../chunks/6499de3a.js";var y=function(){var e=this,i=e.$createElement,t=e._self._c||i;return t("div",{staticClass:"dynamic-table"},[t("ElTable",{key:e.key,staticStyle:{width:"100%"},attrs:{data:e.value}},[e._l(e.columns,function(a){return t("ElTableColumn",{key:a.prop,attrs:{prop:a.prop,label:a.label,"min-width":"150"},scopedSlots:e._u([{key:"default",fn:function(n){var l=n.row,r=n.$index;return[t("ElFormItem",{style:{marginBottom:e.inputDisabled?"0px":"16px"},attrs:{prop:`${e.prop}.${r}.${a.prop}`,size:"mini",rules:e.getRules(a)}},[t("ElInput",{attrs:{"prefix-icon":e.getIcon(a),disabled:e.inputDisabled,placeholder:e.inputDisabled?"":`\u8BF7\u8F93\u5165${a.label}\uFF01`},model:{value:l[a.prop],callback:function(o){e.$set(l,a.prop,o)},expression:"row[column.prop]"}})],1)]}}],null,!0)})}),e.inputDisabled?e._e():t("ElTableColumn",{attrs:{label:"\u64CD\u4F5C",width:"60",fixed:"right"},scopedSlots:e._u([{key:"default",fn:function(a){var n=a.row,l=a.column,r=a.$index;return[t("i",{staticClass:"el-icon-minus dynamic-table-action-icon",staticStyle:{position:"relative",top:"-8px",color:"#f00"},attrs:{title:"\u5220\u9664"},on:{click:function(o){return o.stopPropagation(),e.removeRow(n,r,l)}}})]}}],null,!1,410881950)})],2),e.inputDisabled?e._e():t("ElButton",{staticStyle:{color:"#08c108"},attrs:{type:"text",icon:"el-icon-plus"},on:{click:e.addRow}},[e._v(" \u6DFB\u52A0 ")])],1)},b=[];const s={number:"fa fa-superscript",email:"el-icon-lx-mail",phone:"fa fa-phone",idCard:"el-icon-lx-news"},h={name:"DynamicTable",inject:{elForm:{default:""},elFormItem:{default:""}},props:{prop:{type:String,default:"rows"},value:{type:Array,default:()=>[]},columns:{type:Array,default:()=>[]},disabled:Boolean},data(){return{key:1}},computed:{inputDisabled(){return this.disabled||(this.elForm||{}).disabled}},watch:{value:{deep:!0,handler(e){this.$emit("input",e)}},columns:{deep:!0,handler(){this.key++}}},methods:{getIcon(e){return s[e.type]?s[e.type]:""},addRow(){const e=this.value;e.push(this.newRow()),this.$emit("input",e)},removeRow(e,i){const t=this.value;t.splice(i,1),this.$emit("input",t)},newRow(){const e={};return this.columns.forEach(i=>{e[i.prop]=void 0}),e},getRules(e){const i=e.rules;if(["email","idCard","phone","number"].includes(e.type)){const t=d(i||[]);return e.type==="number"&&t.push({validator:u,message:"\u8BF7\u8F93\u5165\u6570\u5B57\uFF01"}),e.type==="email"&&t.push({type:"email",message:"\u8BF7\u8F93\u5165\u6B63\u786E\u7684\u90AE\u7BB1\u5730\u5740\uFF01"}),e.type==="idCard"&&t.push({validator:c,message:"\u8BF7\u8F93\u5165\u6B63\u786E\u7684\u8EAB\u4EFD\u8BC1\u53F7\u7801\uFF01"}),e.type==="phone"&&t.push({validator:m,message:"\u8BF7\u8F93\u5165\u6B63\u786E\u7684\u624B\u673A\u53F7\u7801\uFF01"}),t}else return i}}},p={};var v=f(h,y,b,!1,_,null,null,null);function _(e){for(let i in p)this[i]=p[i]}var w=function(){return v.exports}();export{w as default};
+import { fastClone as u, validateNumber as d, validateIdCard as c, validatePhoneNum as m } from "@web-utils/core";
+import { n as f } from "../../chunks/6499de3a.js";
+var h = function() {
+  var e = this, i = e.$createElement, t = e._self._c || i;
+  return t("div", {
+    staticClass: "dynamic-table"
+  }, [t("ElTable", {
+    key: e.key,
+    staticStyle: {
+      width: "100%"
+    },
+    attrs: {
+      data: e.value
+    }
+  }, [e._l(e.columns, function(a) {
+    return t("ElTableColumn", {
+      key: a.prop,
+      attrs: {
+        prop: a.prop,
+        label: a.label,
+        "min-width": "150"
+      },
+      scopedSlots: e._u([{
+        key: "default",
+        fn: function(l) {
+          var n = l.row, r = l.$index;
+          return [t("ElFormItem", {
+            style: {
+              marginBottom: e.inputDisabled ? "0px" : "16px"
+            },
+            attrs: {
+              prop: `${e.prop}.${r}.${a.prop}`,
+              size: "mini",
+              rules: e.getRules(a)
+            }
+          }, [t("ElInput", {
+            attrs: {
+              "prefix-icon": e.getIcon(a),
+              disabled: e.inputDisabled,
+              placeholder: e.inputDisabled ? "" : `\u8BF7\u8F93\u5165${a.label}\uFF01`
+            },
+            model: {
+              value: n[a.prop],
+              callback: function(s) {
+                e.$set(n, a.prop, s);
+              },
+              expression: "row[column.prop]"
+            }
+          })], 1)];
+        }
+      }], null, !0)
+    });
+  }), e.inputDisabled ? e._e() : t("ElTableColumn", {
+    attrs: {
+      label: "\u64CD\u4F5C",
+      width: "60",
+      fixed: "right"
+    },
+    scopedSlots: e._u([{
+      key: "default",
+      fn: function(a) {
+        var l = a.row, n = a.column, r = a.$index;
+        return [t("i", {
+          staticClass: "el-icon-minus dynamic-table-action-icon",
+          staticStyle: {
+            position: "relative",
+            top: "-8px",
+            color: "#f00"
+          },
+          attrs: {
+            title: "\u5220\u9664"
+          },
+          on: {
+            click: function(s) {
+              return s.stopPropagation(), e.removeRow(l, r, n);
+            }
+          }
+        })];
+      }
+    }], null, !1, 410881950)
+  })], 2), e.inputDisabled ? e._e() : t("ElButton", {
+    staticStyle: {
+      color: "#08c108"
+    },
+    attrs: {
+      type: "text",
+      icon: "el-icon-plus"
+    },
+    on: {
+      click: e.addRow
+    }
+  }, [e._v(" \u6DFB\u52A0 ")])], 1);
+}, y = [];
+const o = {
+  number: "fa fa-superscript",
+  email: "el-icon-lx-mail",
+  phone: "fa fa-phone",
+  idCard: "el-icon-lx-news"
+}, v = {
+  name: "DynamicTable",
+  inject: {
+    elForm: {
+      default: ""
+    },
+    elFormItem: {
+      default: ""
+    }
+  },
+  props: {
+    prop: {
+      type: String,
+      default: "rows"
+    },
+    value: {
+      type: Array,
+      default: () => []
+    },
+    columns: {
+      type: Array,
+      default: () => []
+    },
+    disabled: Boolean
+  },
+  data() {
+    return {
+      key: 1
+    };
+  },
+  computed: {
+    inputDisabled() {
+      return this.disabled || (this.elForm || {}).disabled;
+    }
+  },
+  watch: {
+    value: {
+      deep: !0,
+      handler(e) {
+        this.$emit("input", e);
+      }
+    },
+    columns: {
+      deep: !0,
+      handler() {
+        this.key++;
+      }
+    }
+  },
+  methods: {
+    getIcon(e) {
+      return o[e.type] ? o[e.type] : "";
+    },
+    addRow() {
+      const e = this.value;
+      e.push(this.newRow()), this.$emit("input", e);
+    },
+    removeRow(e, i) {
+      const t = this.value;
+      t.splice(i, 1), this.$emit("input", t);
+    },
+    newRow() {
+      const e = {};
+      return this.columns.forEach((i) => {
+        e[i.prop] = void 0;
+      }), e;
+    },
+    getRules(e) {
+      const i = e.rules;
+      if (["email", "idCard", "phone", "number"].includes(e.type)) {
+        const t = u(i || []);
+        return e.type === "number" && t.push({ validator: d, message: "\u8BF7\u8F93\u5165\u6570\u5B57\uFF01" }), e.type === "email" && t.push({ type: "email", message: "\u8BF7\u8F93\u5165\u6B63\u786E\u7684\u90AE\u7BB1\u5730\u5740\uFF01" }), e.type === "idCard" && t.push({ validator: c, message: "\u8BF7\u8F93\u5165\u6B63\u786E\u7684\u8EAB\u4EFD\u8BC1\u53F7\u7801\uFF01" }), e.type === "phone" && t.push({ validator: m, message: "\u8BF7\u8F93\u5165\u6B63\u786E\u7684\u624B\u673A\u53F7\u7801\uFF01" }), t;
+      } else
+        return i;
+    }
+  }
+}, p = {};
+var b = /* @__PURE__ */ f(
+  v,
+  h,
+  y,
+  !1,
+  _,
+  null,
+  null,
+  null
+);
+function _(e) {
+  for (let i in p)
+    this[i] = p[i];
+}
+const g = /* @__PURE__ */ function() {
+  return b.exports;
+}();
+export {
+  g as default
+};

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

@@ -1 +1,229 @@
-import*as s from"echarts/core";import{BarChart as a,LineChart as n,PieChart as o,RadarChart as d,MapChart as c,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 v,removeListener as y}from"resize-detector";import{n as z}from"../../chunks/6499de3a.js";var S=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"echarts",style:{width:t.width,height:t.height}})},L=[];s.use([u,f,m,_,O,C,w,a,n,o,d,c,l,p,g]);const x=["theme","initOptions","autoResize"],E=["manualUpdate","watchShallow"],$={name:"ECharts",props:{options:{type:Object},theme:{type:[String,Object]},initOptions:{type:Object},group:{type:String},width:{type:String,default:"100%"},height:{type:String,default:"100%"},autoResize:Boolean,watchShallow:Boolean,manualUpdate:Boolean},data(){return{lastArea:0}},watch:{group(t){this.chart.group=t}},created(){this.initOptionsWatcher(),x.forEach(t=>{this.$watch(t,()=>{this.refresh()},{deep:!0})}),E.forEach(t=>{this.$watch(t,()=>{this.initOptionsWatcher(),this.refresh()})})},mounted(){this.options&&this.init()},activated(){this.autoResize&&this.chart&&this.chart.resize()},destroyed(){this.chart&&this.destroy()},methods:{mergeOptions(t,e,i){this.manualUpdate&&(this.manualOptions=t),this.chart?this.delegateMethod("setOption",t,e,i):this.init(t)},appendData(t){this.delegateMethod("appendData",t)},resize(t){this.delegateMethod("resize",t)},dispatchAction(t){this.delegateMethod("dispatchAction",t)},convertToPixel(t,e){return this.delegateMethod("convertToPixel",t,e)},convertFromPixel(t,e){return this.delegateMethod("convertFromPixel",t,e)},containPixel(t,e){return this.delegateMethod("containPixel",t,e)},showLoading(t,e){this.delegateMethod("showLoading",t,e)},hideLoading(){this.delegateMethod("hideLoading")},getDataURL(t){return this.delegateMethod("getDataURL",t)},getConnectedDataURL(t){return this.delegateMethod("getConnectedDataURL",t)},clear(){this.delegateMethod("clear")},dispose(){this.delegateMethod("dispose")},delegateMethod(t,...e){return this.chart||this.init(),this.chart[t](...e)},delegateGet(t){return this.chart||this.init(),this.chart[t]()},getArea(){return this.$el.offsetWidth*this.$el.offsetHeight},init(t){if(this.chart)return;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}),v(this.$el,this.__resizeHandler)),Object.defineProperties(this,{width:{configurable:!0,get:()=>this.delegateGet("getWidth")},height:{configurable:!0,get:()=>this.delegateGet("getHeight")},isDisposed:{configurable:!0,get:()=>!!this.delegateGet("isDisposed")},computedOptions:{configurable:!0,get:()=>this.delegateGet("getOption")}}),this.chart=e},initOptionsWatcher(){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(){this.autoResize&&y(this.$el,this.__resizeHandler),this.dispose(),this.chart=null},refresh(){this.chart&&(this.destroy(),this.init())}},connect(t){R(t)||(t=t.map(e=>e.chart)),s.connect(t)},disconnect(t){s.disConnect(t)},getMap(t){return s.getMap(t)},registerMap(t,e,i){s.registerMap(t,e,i)},registerTheme(t,e){s.registerTheme(t,e)},graphic:s.graphic},h={};var b=z($,S,L,!1,A,null,null,null);function A(t){for(let e in h)this[e]=h[e]}var G=function(){return b.exports}();export{G as default};
+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/6499de3a.js";
+var S = function() {
+  var t = this, e = t.$createElement, i = t._self._c || e;
+  return i("div", {
+    staticClass: "echarts",
+    style: {
+      width: t.width,
+      height: t.height
+    }
+  });
+}, L = [];
+s.use([
+  u,
+  f,
+  m,
+  _,
+  O,
+  C,
+  w,
+  a,
+  n,
+  o,
+  c,
+  d,
+  l,
+  p,
+  g
+]);
+const x = ["theme", "initOptions", "autoResize"], E = ["manualUpdate", "watchShallow"], $ = {
+  name: "ECharts",
+  props: {
+    options: {
+      type: Object
+    },
+    theme: {
+      type: [String, Object]
+    },
+    initOptions: {
+      type: Object
+    },
+    group: {
+      type: String
+    },
+    width: {
+      type: String,
+      default: "100%"
+    },
+    height: {
+      type: String,
+      default: "100%"
+    },
+    autoResize: Boolean,
+    watchShallow: Boolean,
+    manualUpdate: Boolean
+  },
+  data() {
+    return {
+      lastArea: 0
+    };
+  },
+  watch: {
+    group(t) {
+      this.chart.group = t;
+    }
+  },
+  created() {
+    this.initOptionsWatcher(), x.forEach((t) => {
+      this.$watch(
+        t,
+        () => {
+          this.refresh();
+        },
+        { deep: !0 }
+      );
+    }), E.forEach((t) => {
+      this.$watch(t, () => {
+        this.initOptionsWatcher(), this.refresh();
+      });
+    });
+  },
+  mounted() {
+    this.options && this.init();
+  },
+  activated() {
+    this.autoResize && this.chart && this.chart.resize();
+  },
+  destroyed() {
+    this.chart && this.destroy();
+  },
+  methods: {
+    mergeOptions(t, e, i) {
+      this.manualUpdate && (this.manualOptions = t), this.chart ? this.delegateMethod("setOption", t, e, i) : this.init(t);
+    },
+    appendData(t) {
+      this.delegateMethod("appendData", t);
+    },
+    resize(t) {
+      this.delegateMethod("resize", t);
+    },
+    dispatchAction(t) {
+      this.delegateMethod("dispatchAction", t);
+    },
+    convertToPixel(t, e) {
+      return this.delegateMethod("convertToPixel", t, e);
+    },
+    convertFromPixel(t, e) {
+      return this.delegateMethod("convertFromPixel", t, e);
+    },
+    containPixel(t, e) {
+      return this.delegateMethod("containPixel", t, e);
+    },
+    showLoading(t, e) {
+      this.delegateMethod("showLoading", t, e);
+    },
+    hideLoading() {
+      this.delegateMethod("hideLoading");
+    },
+    getDataURL(t) {
+      return this.delegateMethod("getDataURL", t);
+    },
+    getConnectedDataURL(t) {
+      return this.delegateMethod("getConnectedDataURL", t);
+    },
+    clear() {
+      this.delegateMethod("clear");
+    },
+    dispose() {
+      this.delegateMethod("dispose");
+    },
+    delegateMethod(t, ...e) {
+      return this.chart || this.init(), this.chart[t](...e);
+    },
+    delegateGet(t) {
+      return this.chart || this.init(), this.chart[t]();
+    },
+    getArea() {
+      return this.$el.offsetWidth * this.$el.offsetHeight;
+    },
+    init(t) {
+      if (this.chart)
+        return;
+      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, {
+        width: {
+          configurable: !0,
+          get: () => this.delegateGet("getWidth")
+        },
+        height: {
+          configurable: !0,
+          get: () => this.delegateGet("getHeight")
+        },
+        isDisposed: {
+          configurable: !0,
+          get: () => !!this.delegateGet("isDisposed")
+        },
+        computedOptions: {
+          configurable: !0,
+          get: () => this.delegateGet("getOption")
+        }
+      }), this.chart = e;
+    },
+    initOptionsWatcher() {
+      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() {
+      this.autoResize && z(this.$el, this.__resizeHandler), this.dispose(), this.chart = null;
+    },
+    refresh() {
+      this.chart && (this.destroy(), this.init());
+    }
+  },
+  connect(t) {
+    R(t) || (t = t.map((e) => e.chart)), s.connect(t);
+  },
+  disconnect(t) {
+    s.disConnect(t);
+  },
+  getMap(t) {
+    return s.getMap(t);
+  },
+  registerMap(t, e, i) {
+    s.registerMap(t, e, i);
+  },
+  registerTheme(t, e) {
+    s.registerTheme(t, e);
+  },
+  graphic: s.graphic
+}, h = {};
+var b = /* @__PURE__ */ v(
+  $,
+  S,
+  L,
+  !1,
+  A,
+  null,
+  null,
+  null
+);
+function A(t) {
+  for (let e in h)
+    this[e] = h[e];
+}
+const H = /* @__PURE__ */ function() {
+  return b.exports;
+}();
+export {
+  H as default
+};

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

@@ -1 +1,141 @@
-import{n as o}from"../../chunks/6499de3a.js";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)},a=[];const n={name:"EditableProgress",props:{disabled:{type:Boolean,default:!1},strokeWidth:{type:Number,default:22},step:{type:Number,default:10},max:{type:Number,default:100},value:{type:Number,default:0}},data(){return{slider:!1,mouseDown:!1,tooltipClass:"hide-tooltip",percent:this.value}},watch:{value(e){this.percent!==e&&(this.percent=e)}},methods:{formatTooltip(e){return`${e}%`},onInput(e){this.value!==e&&this.$emit("input",e)},onChange(e){this.slider=!1,this.tooltipClass="hide-tooltip",this.$emit("change",e)},onMouseOver(){this.disabled||this.slider||(this.slider=!0,this.$nextTick(()=>{this.$refs.slider.$refs.button1.$refs.tooltip.updatePopper(),this.tooltipClass=""}))},onMouseDown(){this.disabled||(this.mouseDown=!0,window.addEventListener("mouseup",this.onMouseUp))},onMouseUp(){this.disabled||(this.mouseDown=!1,this.tooltipClass="hide-tooltip",window.removeEventListener("mouseup",this.onMouseUp))},onMouseLeave(){this.disabled||this.mouseDown||(this.tooltipClass="hide-tooltip",this.slider=!1)},wrapperClick(){this.disabled||(this.slider=!0)}}},r={};var d=o(n,l,a,!1,p,null,null,null);function p(e){for(let t in r)this[t]=r[t]}var u=function(){return d.exports}();export{u as default};
+import { n as r } from "../../chunks/6499de3a.js";
+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 = {
+  name: "EditableProgress",
+  props: {
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    strokeWidth: {
+      type: Number,
+      default: 22
+    },
+    step: {
+      type: Number,
+      default: 10
+    },
+    max: {
+      type: Number,
+      default: 100
+    },
+    value: {
+      type: Number,
+      default: 0
+    }
+  },
+  data() {
+    return {
+      slider: !1,
+      mouseDown: !1,
+      tooltipClass: "hide-tooltip",
+      percent: this.value
+    };
+  },
+  watch: {
+    value(e) {
+      this.percent !== e && (this.percent = e);
+    }
+  },
+  methods: {
+    formatTooltip(e) {
+      return `${e}%`;
+    },
+    onInput(e) {
+      this.value !== e && this.$emit("input", e);
+    },
+    onChange(e) {
+      this.slider = !1, this.tooltipClass = "hide-tooltip", this.$emit("change", e);
+    },
+    onMouseOver() {
+      this.disabled || this.slider || (this.slider = !0, this.$nextTick(() => {
+        this.$refs.slider.$refs.button1.$refs.tooltip.updatePopper(), this.tooltipClass = "";
+      }));
+    },
+    onMouseDown() {
+      this.disabled || (this.mouseDown = !0, window.addEventListener("mouseup", this.onMouseUp));
+    },
+    onMouseUp() {
+      this.disabled || (this.mouseDown = !1, this.tooltipClass = "hide-tooltip", window.removeEventListener("mouseup", this.onMouseUp));
+    },
+    onMouseLeave() {
+      this.disabled || this.mouseDown || (this.tooltipClass = "hide-tooltip", this.slider = !1);
+    },
+    wrapperClick() {
+      this.disabled || (this.slider = !0);
+    }
+  }
+}, o = {};
+var u = /* @__PURE__ */ r(
+  a,
+  l,
+  n,
+  !1,
+  d,
+  null,
+  null,
+  null
+);
+function d(e) {
+  for (let t in o)
+    this[t] = o[t];
+}
+const h = /* @__PURE__ */ function() {
+  return u.exports;
+}();
+export {
+  h as default
+};