@web-utils/component 2.7.36 → 2.8.0

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

@@ -1,297 +0,0 @@
-import * as echarts from "echarts/core";
-import { isString } from "@web-utils/core";
-import { debounce } from "@web-utils/integrations/lodash";
-import { addListener, removeListener } from "resize-detector";
-import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.9c6b8b3d.js";
-var render = function() {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c("div", {
-    staticClass: "echarts",
-    style: {
-      width: _vm.width,
-      height: _vm.height
-    }
-  });
-};
-var staticRenderFns = [];
-const ECharts_vue_vue_type_style_index_0_lang = "";
-const INIT_TRIGGERS = ["theme", "initOptions", "autoResize"];
-const REWATCH_TRIGGERS = ["manualUpdate", "watchShallow"];
-const __vue2_script = {
-  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(group) {
-      this.chart.group = group;
-    }
-  },
-  created() {
-    this.initOptionsWatcher();
-    INIT_TRIGGERS.forEach((prop) => {
-      this.$watch(
-        prop,
-        () => {
-          this.refresh();
-        },
-        { deep: true }
-      );
-    });
-    REWATCH_TRIGGERS.forEach((prop) => {
-      this.$watch(prop, () => {
-        this.initOptionsWatcher();
-        this.refresh();
-      });
-    });
-  },
-  mounted() {
-    if (this.options) {
-      this.init();
-    }
-  },
-  activated() {
-    if (this.autoResize) {
-      this.chart && this.chart.resize();
-    }
-  },
-  destroyed() {
-    if (this.chart) {
-      this.destroy();
-    }
-  },
-  methods: {
-    // provide an explicit merge option method
-    mergeOptions(options, notMerge, lazyUpdate) {
-      if (this.manualUpdate) {
-        this.manualOptions = options;
-      }
-      if (!this.chart) {
-        this.init(options);
-      } else {
-        this.delegateMethod("setOption", options, notMerge, lazyUpdate);
-      }
-    },
-    // just delegates ECharts methods to Vue component
-    // use explicit params to reduce transpiled size for now
-    appendData(params) {
-      this.delegateMethod("appendData", params);
-    },
-    resize(options) {
-      this.delegateMethod("resize", options);
-    },
-    dispatchAction(payload) {
-      this.delegateMethod("dispatchAction", payload);
-    },
-    convertToPixel(finder, value) {
-      return this.delegateMethod("convertToPixel", finder, value);
-    },
-    convertFromPixel(finder, value) {
-      return this.delegateMethod("convertFromPixel", finder, value);
-    },
-    containPixel(finder, value) {
-      return this.delegateMethod("containPixel", finder, value);
-    },
-    showLoading(type, options) {
-      this.delegateMethod("showLoading", type, options);
-    },
-    hideLoading() {
-      this.delegateMethod("hideLoading");
-    },
-    getDataURL(options) {
-      return this.delegateMethod("getDataURL", options);
-    },
-    getConnectedDataURL(options) {
-      return this.delegateMethod("getConnectedDataURL", options);
-    },
-    clear() {
-      this.delegateMethod("clear");
-    },
-    dispose() {
-      this.delegateMethod("dispose");
-    },
-    delegateMethod(name, ...args) {
-      if (!this.chart) {
-        this.init();
-      }
-      return this.chart[name](...args);
-    },
-    delegateGet(methodName) {
-      if (!this.chart) {
-        this.init();
-      }
-      return this.chart[methodName]();
-    },
-    getArea() {
-      return this.$el.offsetWidth * this.$el.offsetHeight;
-    },
-    init(options) {
-      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, {
-        // 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");
-          }
-        },
-        height: {
-          configurable: true,
-          get: () => {
-            return this.delegateGet("getHeight");
-          }
-        },
-        isDisposed: {
-          configurable: true,
-          get: () => {
-            return !!this.delegateGet("isDisposed");
-          }
-        },
-        computedOptions: {
-          configurable: true,
-          get: () => {
-            return this.delegateGet("getOption");
-          }
-        }
-      });
-      this.chart = chart;
-    },
-    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 }
-        );
-      }
-    },
-    destroy() {
-      if (this.autoResize) {
-        removeListener(this.$el, this.__resizeHandler);
-      }
-      this.dispose();
-      this.chart = null;
-    },
-    refresh() {
-      if (this.chart) {
-        this.destroy();
-        this.init();
-      }
-    }
-  },
-  connect(group) {
-    if (!isString(group)) {
-      group = group.map((chart) => chart.chart);
-    }
-    echarts.connect(group);
-  },
-  disconnect(group) {
-    echarts.disConnect(group);
-  },
-  getMap(mapName) {
-    return echarts.getMap(mapName);
-  },
-  registerMap(mapName, geoJSON, specialAreas) {
-    echarts.registerMap(mapName, geoJSON, specialAreas);
-  },
-  registerTheme(name, theme) {
-    echarts.registerTheme(name, theme);
-  },
-  graphic: echarts.graphic
-};
-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 ECharts = /* @__PURE__ */ function() {
-  return __component__.exports;
-}();
-export {
-  ECharts as default
-};

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

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

package/dist/components/easy-popup/index.js

@@ -1,105 +0,0 @@
-import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.9c6b8b3d.js";
-var render = function() {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _vm.rendered ? _c("div", {
-    directives: [{
-      name: "show",
-      rawName: "v-show",
-      value: _vm.visible,
-      expression: "visible"
-    }],
-    staticClass: "easy-popup",
-    style: _vm.axisComputed
-  }, [_vm._t("default")], 2) : _vm._e();
-};
-var staticRenderFns = [];
-const EasyPopup_vue_vue_type_style_index_0_lang = "";
-const __vue2_script = {
-  name: "EasyPopup",
-  props: {
-    // 是否开启边界检测
-    border: {
-      type: Boolean,
-      default: true
-    },
-    // 显示点偏移量
-    offset: {
-      type: Object,
-      default: () => {
-        return { x: 6, y: 2 };
-      }
-    },
-    // 边界距离
-    borderWidth: {
-      type: Number,
-      default: 6
-    }
-  },
-  data() {
-    return {
-      // 是否显示
-      visible: false,
-      rendered: false,
-      // 触发点坐标
-      axis: { x: 0, y: 0 }
-    };
-  },
-  computed: {
-    axisComputed() {
-      return {
-        top: `${this.axis.y + this.offset.y}px`,
-        left: `${this.axis.x + this.offset.x}px`
-      };
-    }
-  },
-  watch: {
-    axis() {
-      if (this.border) {
-        const bw = document.body.offsetWidth;
-        const bh = document.body.offsetHeight;
-        if (this.axis.x + this.offset.x >= bw) {
-          this.axis.x = bw - this.borderWidth - this.offset.x;
-        }
-        if (this.axis.y + this.offset.y >= bh) {
-          this.axis.y = bh - this.borderWidth - this.offset.y;
-        }
-      }
-    }
-  },
-  methods: {
-    show(event) {
-      document.addEventListener("click", this.hide, true);
-      this.axis = { x: event.clientX, y: event.clientY };
-      this.rendered = true;
-      this.visible = true;
-    },
-    hide() {
-      this.visible = false;
-      document.removeEventListener("click", this.hide);
-    }
-  }
-};
-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 EasyPopup = /* @__PURE__ */ function() {
-  return __component__.exports;
-}();
-export {
-  EasyPopup as default
-};

package/dist/components/easy-popup/style.css

@@ -1,18 +0,0 @@
-/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
-.easy-popup {
-  position: fixed;
-  z-index: 9999;
-  user-select: none;
-  width: 300px;
-  padding: 12px;
-  border: 1px solid #ebeef5;
-  border-radius: 4px;
-  background: #fff;
-  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
-  min-height: 200px;
-}

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

@@ -1,174 +0,0 @@
-import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.9c6b8b3d.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;
-}