@web-utils/component 2.0.13 → 2.2.0

package/dist/components/icon-card/index.js

@@ -1,68 +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", {
-    class: ["icon-card", "flex-row", _vm.iconBg]
-  }, [_c("div", {
-    staticClass: "card-icon_bg"
-  }, [_c("i", {
-    class: ["card-icon", _vm.icon]
-  })]), _c("div", {
-    staticClass: "flex-item"
-  }, [_c("p", {
-    staticClass: "icon-card_title"
-  }, [_vm._t("default")], 2), _c("div", {
-    staticClass: "icon-card_num"
-  }, [_c("span", {
-    staticClass: "icon-card_color",
-    on: {
-      "click": _vm.toDetails
-    }
-  }, [_vm._v(_vm._s(_vm.number))]), _vm._t("nuit")], 2)])]);
-};
-var staticRenderFns = [];
-const IconCard_vue_vue_type_style_index_0_lang = "";
-const __vue2_script = {
-  name: "IconCard",
-  props: {
-    iconBg: {
-      type: String,
-      default: "blue"
-    },
-    icon: {
-      type: String,
-      default: "el-icon-s-custom"
-    },
-    path: String,
-    number: Number
-  },
-  methods: {
-    toDetails() {
-      this.$router.push(this.path);
-    }
-  }
-};
-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 IconCard = /* @__PURE__ */ function() {
-  return __component__.exports;
-}();
-export {
-  IconCard as default
-};

package/dist/components/icon-card/style.css

@@ -1,56 +0,0 @@
-/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
-.icon-card {
-  padding: 14px;
-  border-radius: 4px;
-}
-.icon-card .card-icon_bg {
-  width: 48px;
-  height: 48px;
-  margin-right: 14px;
-  text-align: center;
-  border-radius: 14px;
-}
-.icon-card .card-icon {
-  font-size: 24px;
-  line-height: 48px;
-}
-.icon-card .icon-card_color {
-  font-weight: bold;
-  font-size: 18px;
-  cursor: pointer;
-}
-.icon-card.blue {
-  background: #f4f9ff;
-}
-.icon-card.blue .card-icon_bg {
-  color: #3c8efd;
-  background: #e8f2fc;
-}
-.icon-card.blue .icon-card_color {
-  color: #3c8efd;
-}
-.icon-card.orange {
-  background: #f9f5ee;
-}
-.icon-card.orange .card-icon_bg {
-  color: #fdc12e;
-  background: #fdf2dc;
-}
-.icon-card.orange .icon-card_color {
-  color: #fdc12e;
-}
-.icon-card.green {
-  background: #f1f7ed;
-}
-.icon-card.green .card-icon_bg {
-  color: #72c734;
-  background: #ddf7d9;
-}
-.icon-card.green .icon-card_color {
-  color: #72c734;
-}

package/dist/components/iframe-window/index.js

@@ -1,67 +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("ElementDialog", _vm._g(_vm._b({
-    attrs: {
-      "custom-class": "iframe-window",
-      "embed": "",
-      "height": "60vh",
-      "title": _vm.title,
-      "show-full-screen": "",
-      "visible": _vm.visible
-    },
-    scopedSlots: _vm._u([{
-      key: "default",
-      fn: function() {
-        return [_c("iframe", {
-          staticClass: "iframe-window-iframe",
-          attrs: {
-            "src": _vm.url,
-            "frameborder": "0"
-          }
-        })];
-      },
-      proxy: true
-    }])
-  }, "ElementDialog", _vm.$attrs, false), _vm.$listeners));
-};
-var staticRenderFns = [];
-const IframeWindow_vue_vue_type_style_index_0_lang = "";
-const __vue2_script = {
-  name: "IframeWindow",
-  props: {
-    title: {
-      type: String,
-      default: "iframe窗口"
-    },
-    url: {
-      type: String,
-      default: "http://192.168.0.107:31221/wallboard"
-    },
-    visible: Boolean
-  }
-};
-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 IframeWindow = /* @__PURE__ */ function() {
-  return __component__.exports;
-}();
-export {
-  IframeWindow as default
-};

package/dist/components/iframe-window/style.css

@@ -1,20 +0,0 @@
-/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
-.iframe-window.element-dialog.el-dialog.el-dialog-resizeable .el-dialog__body {
-  position: relative;
-  padding: 0;
-}
-.iframe-window .iframe-window-iframe {
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  border: none;
-}

package/dist/components/image-viewer/index.js

@@ -1,113 +0,0 @@
-import Viewer from "viewerjs";
-import "viewerjs/dist/viewer.css";
-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", {
-    directives: [{
-      name: "show",
-      rawName: "v-show",
-      value: !_vm.lazy,
-      expression: "!lazy"
-    }],
-    ref: "wrapper",
-    staticClass: "image-viewer"
-  }, [_vm._t("default", function() {
-    return _vm._l(_vm.images, function(item) {
-      return _c("img", {
-        key: item.src,
-        staticClass: "image-item",
-        style: {
-          backgroundImage: `url('${item.src}')`
-        },
-        attrs: {
-          "data-src": item.src,
-          "alt": item.alt
-        }
-      });
-    });
-  })], 2);
-};
-var staticRenderFns = [];
-const ImageViewer_vue_vue_type_style_index_0_lang = "";
-const __vue2_script = {
-  name: "ImageViewer",
-  props: {
-    images: Array,
-    url: {
-      type: String,
-      default: "data-src"
-    },
-    lazy: Boolean
-  },
-  mounted() {
-    if (!this.lazy) {
-      this.init({
-        container: this.$refs.wrapper,
-        options: {
-          navbar: false,
-          backdrop: "static",
-          url: this.url
-        }
-      });
-    }
-  },
-  updated() {
-    var _a;
-    if (!this.lazy) {
-      (_a = this.gallery) == null ? void 0 : _a.update();
-    }
-  },
-  beforeDestroy() {
-    if (!this.lazy) {
-      this.gallery.destroy();
-    }
-  },
-  methods: {
-    init({ container, options }) {
-      this.gallery = new Viewer(container, options);
-    },
-    show({ container, options, index } = {}) {
-      container = container || this.$refs.wrapper;
-      options = options || {
-        navbar: false,
-        backdrop: "static",
-        url: this.url,
-        loop: false,
-        initialViewIndex: index || 0,
-        hidden: () => {
-          this.gallery.destroy();
-          this.gallery = null;
-        }
-      };
-      if (!this.gallery) {
-        this.init({ container, options });
-        this.gallery.show();
-      }
-    }
-  }
-};
-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 ImageViewer = /* @__PURE__ */ function() {
-  return __component__.exports;
-}();
-export {
-  ImageViewer as default
-};

package/dist/components/image-viewer/style.css

@@ -1,21 +0,0 @@
-/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
-.image-viewer .image-item {
-  display: inline-block;
-  width: 100px;
-  height: 100px;
-  cursor: pointer;
-  background-repeat: no-repeat;
-  background-size: cover;
-  background-position: center;
-  border: none;
-  background-color: transparent;
-  outline: none;
-}
-.viewer-backdrop {
-  background-color: #5e5e5e;
-}

package/dist/components/input-number/index.js

@@ -1,340 +0,0 @@
-import Focus from "element-ui/src/mixins/focus";
-import RepeatClick from "element-ui/src/directives/repeat-click";
-import { i as inputNumberMixin } from "../../chunks/44b78389.js";
-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", {
-    class: ["input-number", "el-input-number", _vm.inputNumberSize ? `el-input-number--${_vm.inputNumberSize}` : "", {
-      "is-disabled": _vm.inputNumberDisabled,
-      "is-without-controls": !_vm.controls,
-      "is-controls-right": _vm.controlsAtRight
-    }],
-    on: {
-      "dragstart": function($event) {
-        $event.preventDefault();
-      }
-    }
-  }, [_vm.controls ? _c("span", {
-    directives: [{
-      name: "repeat-click",
-      rawName: "v-repeat-click",
-      value: _vm.decrease,
-      expression: "decrease"
-    }],
-    staticClass: "el-input-number__decrease",
-    class: {
-      "is-disabled": _vm.minDisabled
-    },
-    attrs: {
-      "role": "button"
-    },
-    on: {
-      "keydown": function($event) {
-        if (!$event.type.indexOf("key") && _vm._k($event.keyCode, "enter", 13, $event.key, "Enter"))
-          return null;
-        return _vm.decrease.apply(null, arguments);
-      }
-    }
-  }, [_c("i", {
-    class: `el-icon-${_vm.controlsAtRight ? "arrow-down" : "minus"}`
-  })]) : _vm._e(), _vm.controls ? _c("span", {
-    directives: [{
-      name: "repeat-click",
-      rawName: "v-repeat-click",
-      value: _vm.increase,
-      expression: "increase"
-    }],
-    staticClass: "el-input-number__increase",
-    class: {
-      "is-disabled": _vm.maxDisabled
-    },
-    attrs: {
-      "role": "button"
-    },
-    on: {
-      "keydown": function($event) {
-        if (!$event.type.indexOf("key") && _vm._k($event.keyCode, "enter", 13, $event.key, "Enter"))
-          return null;
-        return _vm.increase.apply(null, arguments);
-      }
-    }
-  }, [_c("i", {
-    class: `el-icon-${_vm.controlsAtRight ? "arrow-up" : "plus"}`
-  })]) : _vm._e(), _c("ElInput", {
-    ref: "input",
-    attrs: {
-      "value": _vm.displayValue,
-      "placeholder": _vm.placeholder,
-      "disabled": _vm.inputNumberDisabled,
-      "size": _vm.inputNumberSize,
-      "max": _vm.max,
-      "prefix-icon": _vm.prefixIcon,
-      "suffix-icon": _vm.suffixIcon,
-      "min": _vm.min,
-      "name": _vm.name,
-      "label": _vm.label
-    },
-    on: {
-      "blur": _vm.handleBlur,
-      "focus": _vm.handleFocus,
-      "input": _vm.handleInput,
-      "change": _vm.handleInputChange
-    },
-    nativeOn: {
-      "keydown": [function($event) {
-        if (!$event.type.indexOf("key") && _vm._k($event.keyCode, "up", 38, $event.key, ["Up", "ArrowUp"]))
-          return null;
-        $event.preventDefault();
-        return _vm.increase.apply(null, arguments);
-      }, function($event) {
-        if (!$event.type.indexOf("key") && _vm._k($event.keyCode, "down", 40, $event.key, ["Down", "ArrowDown"]))
-          return null;
-        $event.preventDefault();
-        return _vm.decrease.apply(null, arguments);
-      }]
-    },
-    scopedSlots: _vm._u([{
-      key: "append",
-      fn: function() {
-        return [_vm._t("append")];
-      },
-      proxy: true
-    }, {
-      key: "prefix",
-      fn: function() {
-        return [_vm._t("prefix")];
-      },
-      proxy: true
-    }, {
-      key: "prepend",
-      fn: function() {
-        return [_vm._t("prepend")];
-      },
-      proxy: true
-    }, {
-      key: "suffix",
-      fn: function() {
-        return [_vm._t("suffix")];
-      },
-      proxy: true
-    }], null, true)
-  })], 1);
-};
-var staticRenderFns = [];
-const InputNumber_vue_vue_type_style_index_0_lang = "";
-const __vue2_script = {
-  name: "InputNumber",
-  directives: {
-    repeatClick: RepeatClick
-  },
-  mixins: [Focus("input"), inputNumberMixin],
-  inject: {
-    elForm: {
-      default: ""
-    },
-    elFormItem: {
-      default: ""
-    }
-  },
-  data() {
-    return {
-      currentValue: 0,
-      userInput: null
-    };
-  },
-  computed: {
-    minDisabled() {
-      return this._decrease(this.value, this.step) < this.min;
-    },
-    maxDisabled() {
-      return this._increase(this.value, this.step) > this.max;
-    },
-    numPrecision() {
-      const { value, step, getPrecision, precision } = this;
-      const stepPrecision = getPrecision(step);
-      if (precision !== void 0) {
-        if (stepPrecision > precision) {
-          console.warn("[Element Warn][InputNumber]precision should not be less than the decimal places of step");
-        }
-        return precision;
-      } else {
-        return Math.max(getPrecision(value), stepPrecision);
-      }
-    },
-    controlsAtRight() {
-      return this.controls && this.controlsPosition === "right";
-    },
-    _elFormItemSize() {
-      return (this.elFormItem || {}).elFormItemSize;
-    },
-    inputNumberSize() {
-      return this.size || this._elFormItemSize || (this.$ELEMENT || {}).size;
-    },
-    inputNumberDisabled() {
-      return this.disabled || !!(this.elForm || {}).disabled;
-    },
-    displayValue() {
-      if (this.userInput !== null) {
-        return this.userInput;
-      }
-      let currentValue = this.currentValue;
-      if (typeof currentValue === "number") {
-        if (this.stepStrictly) {
-          const stepPrecision = this.getPrecision(this.step);
-          const precisionFactor = Math.pow(10, stepPrecision);
-          currentValue = Math.round(currentValue / this.step) * precisionFactor * this.step / precisionFactor;
-        }
-        if (this.precision !== void 0) {
-          currentValue = currentValue.toFixed(this.precision);
-        }
-      }
-      return currentValue;
-    }
-  },
-  watch: {
-    value: {
-      immediate: true,
-      handler(value) {
-        let newVal = value === void 0 ? value : Number(value);
-        if (newVal !== void 0) {
-          if (isNaN(newVal)) {
-            return;
-          }
-          if (this.stepStrictly) {
-            const stepPrecision = this.getPrecision(this.step);
-            const precisionFactor = Math.pow(10, stepPrecision);
-            newVal = Math.round(newVal / this.step) * precisionFactor * this.step / precisionFactor;
-          }
-          if (this.precision !== void 0) {
-            newVal = this.toPrecision(newVal, this.precision);
-          }
-        }
-        if (newVal >= this.max)
-          newVal = this.max;
-        if (newVal <= this.min)
-          newVal = this.min;
-        this.currentValue = newVal;
-        this.userInput = null;
-        this.$emit("input", newVal);
-      }
-    }
-  },
-  mounted() {
-    const innerInput = this.$refs.input.$refs.input;
-    innerInput.setAttribute("role", "spinbutton");
-    innerInput.setAttribute("aria-valuemax", this.max);
-    innerInput.setAttribute("aria-valuemin", this.min);
-    innerInput.setAttribute("aria-valuenow", this.currentValue);
-    innerInput.setAttribute("aria-disabled", this.inputNumberDisabled);
-  },
-  updated() {
-    if (!this.$refs || !this.$refs.input)
-      return;
-    const innerInput = this.$refs.input.$refs.input;
-    innerInput.setAttribute("aria-valuenow", this.currentValue);
-  },
-  methods: {
-    toPrecision(num, precision) {
-      if (precision === void 0)
-        precision = this.numPrecision;
-      return parseFloat(Math.round(num * Math.pow(10, precision)) / Math.pow(10, precision));
-    },
-    getPrecision(value) {
-      if (value === void 0)
-        return 0;
-      const valueString = value.toString();
-      const dotPosition = valueString.indexOf(".");
-      let precision = 0;
-      if (dotPosition !== -1) {
-        precision = valueString.length - dotPosition - 1;
-      }
-      return precision;
-    },
-    _increase(val, step) {
-      if (typeof val !== "number" && val !== void 0)
-        return this.currentValue;
-      const precisionFactor = Math.pow(10, this.numPrecision);
-      return this.toPrecision((precisionFactor * val + precisionFactor * step) / precisionFactor);
-    },
-    _decrease(val, step) {
-      if (typeof val !== "number" && val !== void 0)
-        return this.currentValue;
-      const precisionFactor = Math.pow(10, this.numPrecision);
-      return this.toPrecision((precisionFactor * val - precisionFactor * step) / precisionFactor);
-    },
-    increase() {
-      if (this.inputNumberDisabled || this.maxDisabled)
-        return;
-      const value = this.value || 0;
-      const newVal = this._increase(value, this.step);
-      this.setCurrentValue(newVal);
-    },
-    decrease() {
-      if (this.inputNumberDisabled || this.minDisabled)
-        return;
-      const value = this.value || 0;
-      const newVal = this._decrease(value, this.step);
-      this.setCurrentValue(newVal);
-    },
-    handleBlur(event) {
-      this.$emit("blur", event);
-    },
-    handleFocus(event) {
-      this.$emit("focus", event);
-    },
-    setCurrentValue(newVal) {
-      const oldVal = this.currentValue;
-      if (typeof newVal === "number" && this.precision !== void 0) {
-        newVal = this.toPrecision(newVal, this.precision);
-      }
-      if (newVal >= this.max)
-        newVal = this.max;
-      if (newVal <= this.min)
-        newVal = this.min;
-      if (oldVal === newVal)
-        return;
-      this.userInput = null;
-      this.$emit("input", newVal);
-      this.$emit("change", newVal, oldVal);
-      this.currentValue = newVal;
-    },
-    handleInput(value) {
-      this.userInput = value;
-    },
-    handleInputChange(value) {
-      const newVal = value === "" ? void 0 : Number(value);
-      if (!isNaN(newVal) || value === "") {
-        this.setCurrentValue(newVal);
-      }
-      this.userInput = null;
-    },
-    select() {
-      this.$refs.input.select();
-    }
-  }
-};
-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 InputNumber = /* @__PURE__ */ function() {
-  return __component__.exports;
-}();
-export {
-  InputNumber as default
-};

package/dist/components/input-number/style.css

@@ -1,15 +0,0 @@
-/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
-.el-input-number.input-number {
-  display: block;
-}
-.el-input-number.input-number .el-input-group {
-  display: inline-table;
-}
-.el-input-number.input-number .el-input {
-  width: 100%;
-}