@web-utils/component 2.0.13 → 2.2.0

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

@@ -1,174 +0,0 @@
-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", {
-    staticClass: "editable-progress",
-    on: {
-      "mouseover": _vm.onMouseOver,
-      "mousedown": _vm.onMouseDown,
-      "mouseleave": _vm.onMouseLeave,
-      "click": _vm.wrapperClick
-    }
-  }, [_c("ElProgress", {
-    directives: [{
-      name: "show",
-      rawName: "v-show",
-      value: !_vm.slider,
-      expression: "!slider"
-    }],
-    class: _vm.percent === 100 ? "progress__success" : "",
-    attrs: {
-      "stroke-width": _vm.strokeWidth,
-      "text-inside": "",
-      "percentage": _vm.percent
-    }
-  }), !_vm.disabled ? _c("ElSlider", {
-    directives: [{
-      name: "show",
-      rawName: "v-show",
-      value: _vm.slider,
-      expression: "slider"
-    }],
-    ref: "slider",
-    style: {
-      width: `${_vm.max === 100 ? 100 : _vm.max - 1}%`
-    },
-    attrs: {
-      "tooltip-class": _vm.tooltipClass,
-      "max": _vm.max,
-      "format-tooltip": _vm.formatTooltip,
-      "disabled": _vm.disabled,
-      "step": _vm.step
-    },
-    on: {
-      "input": _vm.onInput,
-      "change": _vm.onChange
-    },
-    model: {
-      value: _vm.percent,
-      callback: function($$v) {
-        _vm.percent = $$v;
-      },
-      expression: "percent"
-    }
-  }) : _vm._e()], 1);
-};
-var staticRenderFns = [];
-const EditableProgress_vue_vue_type_style_index_0_lang = "";
-const __vue2_script = {
-  name: "EditableProgress",
-  props: {
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    strokeWidth: {
-      type: Number,
-      default: 22
-    },
-    step: {
-      type: Number,
-      default: 10
-    },
-    max: {
-      type: Number,
-      default: 100
-    },
-    value: {
-      type: Number,
-      default: 0
-    }
-  },
-  data() {
-    return {
-      slider: false,
-      mouseDown: false,
-      tooltipClass: "hide-tooltip",
-      percent: this.value
-    };
-  },
-  watch: {
-    value(val) {
-      if (this.percent !== val) {
-        this.percent = val;
-      }
-    }
-  },
-  methods: {
-    formatTooltip(val) {
-      return `${val}%`;
-    },
-    onInput(percent) {
-      if (this.value !== percent) {
-        this.$emit("input", percent);
-      }
-    },
-    onChange(percent) {
-      this.slider = false;
-      this.tooltipClass = "hide-tooltip";
-      this.$emit("change", percent);
-    },
-    onMouseOver() {
-      if (this.disabled || this.slider) {
-        return;
-      }
-      this.slider = true;
-      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);
-    },
-    onMouseUp() {
-      if (this.disabled) {
-        return;
-      }
-      this.mouseDown = false;
-      this.tooltipClass = "hide-tooltip";
-      window.removeEventListener("mouseup", this.onMouseUp);
-    },
-    onMouseLeave() {
-      if (this.disabled || this.mouseDown) {
-        return;
-      }
-      this.tooltipClass = "hide-tooltip";
-      this.slider = false;
-    },
-    wrapperClick() {
-      if (this.disabled) {
-        return;
-      }
-      this.slider = true;
-    }
-  }
-};
-const __cssModules = {};
-var __component__ = /* @__PURE__ */ normalizeComponent(
-  __vue2_script,
-  render,
-  staticRenderFns,
-  false,
-  __vue2_injectStyles,
-  null,
-  null,
-  null
-);
-function __vue2_injectStyles(context) {
-  for (let o in __cssModules) {
-    this[o] = __cssModules[o];
-  }
-}
-const EditableProgress = /* @__PURE__ */ function() {
-  return __component__.exports;
-}();
-export {
-  EditableProgress as default
-};

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

@@ -1,37 +0,0 @@
-/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
-.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;
-}