@web-utils/component 2.7.36 → 2.8.0

package/dist/components/sign-panel/style.css

@@ -1,97 +0,0 @@
-/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
-.sign-panel {
-  align-items: flex-start;
-  justify-content: center;
-  width: 100%;
-  background: #fff;
-  user-select: none;
-}
-.sign-panel .sign-canvas {
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  width: 100%;
-  max-width: 100%;
-  height: 100%;
-  background: rgba(255, 255, 155, 0);
-  border: 1px solid #ccc;
-}
-.sign-panel .sign-tool-bar {
-  display: flex;
-  width: 100%;
-  border: 1px solid #ccc;
-  border-top: none;
-}
-.sign-panel .sign-tips {
-  user-select: none;
-  pointer-events: none;
-}
-.sign-panel .sign-button {
-  padding: 6px;
-  line-height: 1.6;
-  text-align: center;
-  background-color: #ebeef5;
-  cursor: pointer;
-  user-select: none;
-}
-.sign-panel .sign-button:hover {
-  color: #1989fa;
-  background-color: #d0d4de;
-}
-.sign-panel .sign-button:nth-child(n) {
-  border-right: 1px solid #ccc;
-}
-.sign-panel .sign-button:last-child {
-  border: none !important;
-}
-.sign-panel .sign-watermark {
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 100%;
-  height: 100%;
-  color: #eee;
-}
-.sign-panel .sign-view {
-  position: relative;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  min-width: 212px;
-  height: 80px;
-  background-color: #fff;
-  border: 1px solid #eee;
-}
-.sign-panel .sign-edit-icon {
-  position: absolute;
-  right: 4px;
-  bottom: 4px;
-}
-.sign-panel .sign-image {
-  display: inline-block;
-  min-width: 160px;
-  height: 80px;
-}
-.sign-panel .sign-edit {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  max-width: 100%;
-  background-color: #fff;
-}
-.sign-panel .sign-draw-area {
-  position: relative;
-  max-width: 100%;
-}

package/dist/components/skeleton/index.js

@@ -1,92 +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: "avue-skeleton"
-  }, [_vm.loading ? _vm._l(_vm.number, function(citem, cindex) {
-    return _c("div", {
-      key: cindex,
-      staticClass: "avue-skeleton__item"
-    }, [_c("div", {
-      staticClass: "avue-skeleton__header"
-    }, [_vm.avatar ? _c("span", {
-      staticClass: "avue-skeleton__vatar'),className]"
-    }) : _vm._e()]), _c("div", {
-      staticClass: "avue-skeleton__content"
-    }, [_c("h3", {
-      class: ["avue-skeleton__title", _vm.className]
-    }), _c("div", {
-      staticClass: "avue-skeleton__list"
-    }, _vm._l(_vm.rows, function(item, index) {
-      return _c("p", {
-        key: index,
-        class: ["avue-skeleton__li", _vm.className],
-        style: _vm.styleName
-      });
-    }), 0)])]);
-  }) : _c("div", [_vm._t("default")], 2)], 2);
-};
-var staticRenderFns = [];
-const Skeleton_vue_vue_type_style_index_0_lang = "";
-const prefixCls = "avue-skeleton";
-const __vue2_script = {
-  name: "Skeleton",
-  props: {
-    loading: {
-      type: Boolean,
-      default: true
-    },
-    avatar: Boolean,
-    active: {
-      type: Boolean,
-      default: true
-    },
-    block: Boolean,
-    number: {
-      type: Number,
-      default: 1
-    },
-    rows: {
-      type: Number,
-      default: 3
-    }
-  },
-  computed: {
-    styleName() {
-      if (this.block) {
-        return {
-          width: "100%"
-        };
-      }
-      return {};
-    },
-    className() {
-      const { active } = this;
-      return { [`${prefixCls}__loading`]: active };
-    }
-  }
-};
-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 Skeleton = /* @__PURE__ */ function() {
-  return __component__.exports;
-}();
-export {
-  Skeleton as default
-};

package/dist/components/skeleton/style.css

@@ -1,61 +0,0 @@
-/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
-.avue-skeleton__avatar {
-  width: 40px;
-  height: 40px;
-  line-height: 40px;
-  display: inline-block;
-  border-radius: 50%;
-  background: #f2f2f2;
-}
-.avue-skeleton__header {
-  display: table-cell;
-  vertical-align: top;
-  padding-right: 16px;
-}
-.avue-skeleton__content {
-  display: table-cell;
-  vertical-align: top;
-  width: 100%;
-}
-.avue-skeleton__title {
-  margin-top: 16px;
-  height: 16px;
-  width: 40%;
-  background: #f2f2f2;
-}
-.avue-skeleton__item {
-  padding-top: 16px;
-  padding-bottom: 16px;
-  border-bottom: 1px solid #e8e8e8;
-}
-.avue-skeleton__item:last-child {
-  border-bottom: none;
-}
-.avue-skeleton__li {
-  margin-bottom: 10px;
-  height: 16px;
-  background: #f2f2f2;
-  list-style: none;
-  width: 100%;
-}
-.avue-skeleton__li:last-child {
-  width: 50%;
-}
-.avue-skeleton__loading {
-  background: linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%);
-  animation: avue-skeleton-loading 1.4s ease infinite;
-  background-size: 400% 100%;
-}
-@keyframes avue-skeleton-loading {
-0% {
-    background-position: 100% 50%;
-}
-100% {
-    background-position: 0 50%;
-}
-}

package/dist/components/split-pane/index.js

@@ -1,298 +0,0 @@
-var __async = (__this, __arguments, generator) => {
-  return new Promise((resolve, reject) => {
-    var fulfilled = (value) => {
-      try {
-        step(generator.next(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var rejected = (value) => {
-      try {
-        step(generator.throw(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
-    step((generator = generator.apply(__this, __arguments)).next());
-  });
-};
-import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.9c6b8b3d.js";
-function oneOf(value, validList) {
-  for (let i = 0; i < validList.length; i++) {
-    if (value === validList[i]) {
-      return true;
-    }
-  }
-  return false;
-}
-const on = function() {
-  if (document.addEventListener) {
-    return function(element, event, handler) {
-      if (element && event && handler) {
-        element.addEventListener(event, handler, false);
-      }
-    };
-  } else {
-    return function(element, event, handler) {
-      if (element && event && handler) {
-        element.attachEvent(`on${event}`, handler);
-      }
-    };
-  }
-}();
-const off = function() {
-  if (document.removeEventListener) {
-    return function(element, event, handler) {
-      if (element && event) {
-        element.removeEventListener(event, handler, false);
-      }
-    };
-  } else {
-    return function(element, event, handler) {
-      if (element && event) {
-        element.detachEvent(`on${event}`, handler);
-      }
-    };
-  }
-}();
-var render = function() {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c("div", {
-    ref: "outerWrapper",
-    class: _vm.wrapperClasses
-  }, [_vm.isHorizontal ? _c("div", {
-    class: `${_vm.prefix}-horizontal`
-  }, [!_vm.hideLeft ? [_c("div", {
-    class: [`${_vm.prefix}-pane`, "left-pane"],
-    style: {
-      right: `${_vm.anotherOffset}%`
-    }
-  }, [_vm._t("left")], 2), _c("div", {
-    class: `${_vm.prefix}-trigger-con`,
-    style: {
-      left: `calc(${_vm.offset}% + ${_vm.triggerSize / 2}px)`,
-      width: `${_vm.triggerSize}px`
-    },
-    on: {
-      "mousedown": _vm.handleMousedown
-    }
-  }, [_vm._t("trigger", function() {
-    return [_c("Trigger", {
-      attrs: {
-        "mode": "vertical"
-      }
-    })];
-  })], 2), _c("div", {
-    class: [`${_vm.prefix}-pane`, "right-pane"],
-    style: {
-      left: `calc(${_vm.offset}% + ${_vm.triggerSize}px)`
-    }
-  }, [_vm._t("right")], 2)] : _c("div", {
-    class: [`${_vm.prefix}-pane`, "right-pane"],
-    staticStyle: {
-      "left": "0"
-    }
-  }, [_vm._t("right")], 2)], 2) : _c("div", {
-    class: `${_vm.prefix}-vertical`
-  }, [_c("div", {
-    class: [`${_vm.prefix}-pane`, "top-pane"],
-    style: {
-      bottom: `${_vm.anotherOffset}%`
-    }
-  }, [_vm._t("top")], 2), _c("div", {
-    class: `${_vm.prefix}-trigger-con`,
-    style: {
-      top: `calc(${_vm.offset}% + ${_vm.triggerSize / 2}px)`,
-      height: `${_vm.triggerSize}px`
-    },
-    on: {
-      "mousedown": _vm.handleMousedown
-    }
-  }, [_vm._t("trigger", function() {
-    return [_c("Trigger", {
-      attrs: {
-        "mode": "horizontal"
-      }
-    })];
-  })], 2), _c("div", {
-    class: [`${_vm.prefix}-pane`, "bottom-pane"],
-    style: {
-      top: `calc(${_vm.offset}% + ${_vm.triggerSize}px)`
-    }
-  }, [_vm._t("bottom")], 2)]), _c("ResizeObserver", {
-    on: {
-      "notify": _vm.resetOffset
-    }
-  })], 1);
-};
-var staticRenderFns = [];
-const SplitPane_vue_vue_type_style_index_0_lang = "";
-const __vue2_script = {
-  name: "SplitPane",
-  props: {
-    value: {
-      type: [Number, String],
-      default: 0.5
-    },
-    mode: {
-      validator(value) {
-        return oneOf(value, ["horizontal", "vertical"]);
-      },
-      default: "horizontal"
-    },
-    hideLeft: Boolean,
-    triggerSize: {
-      type: Number,
-      default: 6
-    },
-    min: {
-      type: [Number, String],
-      default: "40px"
-    },
-    max: {
-      type: [Number, String],
-      default: "40px"
-    }
-  },
-  /**
-   * Events
-   * @on-move-start
-   * @on-moving 返回值：事件对象，但是在事件对象中加入了两个参数：atMin(当前是否在最小值处), atMax(当前是否在最大值处)
-   * @on-move-end
-   */
-  data() {
-    return {
-      prefix: "egd-split",
-      offset: 0,
-      oldOffset: 0,
-      isMoving: false
-    };
-  },
-  computed: {
-    wrapperClasses() {
-      return [`${this.prefix}-wrapper`, this.isMoving ? "no-select" : ""];
-    },
-    isHorizontal() {
-      return this.mode === "horizontal";
-    },
-    anotherOffset() {
-      return 100 - this.offset;
-    },
-    valueIsPx() {
-      return typeof this.value === "string";
-    },
-    offsetSize() {
-      return this.isHorizontal ? "offsetWidth" : "offsetHeight";
-    },
-    computedMin() {
-      return this.getComputedThresholdValue("min");
-    },
-    computedMax() {
-      return this.getComputedThresholdValue("max");
-    }
-  },
-  watch: {
-    value: "resetOffset"
-  },
-  mounted() {
-    return __async(this, null, function* () {
-      yield this.$nextTick();
-      this.resetOffset();
-    });
-  },
-  methods: {
-    resetOffset() {
-      this.offset = (this.valueIsPx ? this.px2percent(this.value, this.$refs.outerWrapper[this.offsetSize]) : this.value) * 1e4 / 100;
-    },
-    px2percent(numerator, denominator) {
-      return parseFloat(numerator) / parseFloat(denominator);
-    },
-    getComputedThresholdValue(type) {
-      const size = this.$refs.outerWrapper[this.offsetSize];
-      if (this.valueIsPx) {
-        return typeof this[type] === "string" ? this[type] : size * this[type];
-      } else {
-        return typeof this[type] === "string" ? this.px2percent(this[type], size) : this[type];
-      }
-    },
-    getMin(value1, value2) {
-      if (this.valueIsPx) {
-        return `${Math.min(parseFloat(value1), parseFloat(value2))}px`;
-      } else {
-        return Math.min(value1, value2);
-      }
-    },
-    getMax(value1, value2) {
-      if (this.valueIsPx) {
-        return `${Math.max(parseFloat(value1), parseFloat(value2))}px`;
-      } else {
-        return Math.max(value1, value2);
-      }
-    },
-    getAnotherOffset(value) {
-      let res = 0;
-      if (this.valueIsPx) {
-        res = `${this.$refs.outerWrapper[this.offsetSize] - parseFloat(value)}px`;
-      } else {
-        res = 1 - value;
-      }
-      return res;
-    },
-    handleMove(e) {
-      const pageOffset = this.isHorizontal ? e.pageX : e.pageY;
-      const offset = pageOffset - this.initOffset;
-      const outerWidth = this.$refs.outerWrapper[this.offsetSize];
-      let value = this.valueIsPx ? `${parseFloat(this.oldOffset) + offset}px` : this.px2percent(outerWidth * this.oldOffset + offset, outerWidth);
-      const anotherValue = this.getAnotherOffset(value);
-      if (parseFloat(value) <= parseFloat(this.computedMin))
-        value = this.getMax(value, this.computedMin);
-      if (parseFloat(anotherValue) <= parseFloat(this.computedMax)) {
-        value = this.getAnotherOffset(this.getMax(anotherValue, this.computedMax));
-      }
-      e.atMin = this.value === this.computedMin;
-      e.atMax = this.valueIsPx ? this.getAnotherOffset(this.value) === this.computedMax : this.getAnotherOffset(this.value).toFixed(5) === this.computedMax.toFixed(5);
-      this.$emit("input", value);
-      this.$emit("on-moving", e);
-    },
-    handleUp() {
-      this.isMoving = false;
-      off(window, "mousemove", this.handleMove);
-      off(window, "mouseup", this.handleUp);
-      this.$emit("on-move-end");
-    },
-    handleMousedown(e) {
-      this.initOffset = this.isHorizontal ? e.pageX : e.pageY;
-      this.oldOffset = this.value;
-      this.isMoving = true;
-      on(window, "mousemove", this.handleMove);
-      on(window, "mouseup", this.handleUp);
-      this.$emit("on-move-start");
-    }
-  }
-};
-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 SplitPane = /* @__PURE__ */ function() {
-  return __component__.exports;
-}();
-export {
-  SplitPane as default
-};

package/dist/components/split-pane/style.css

@@ -1,100 +0,0 @@
-/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */ /* 应用头部高度 */ /* 页面宽度 */ /* 侧栏宽度 */ /* 标签高度 */ /* 页面头部工具条高度 */
-.egd-split-wrapper {
-  position: relative;
-  width: 100%;
-  height: 100%;
-}
-.egd-split-pane {
-  position: absolute;
-}
-.egd-split-pane.left-pane, .egd-split-pane.right-pane {
-  top: 0;
-  bottom: 0;
-}
-.egd-split-pane.left-pane {
-  left: 0;
-}
-.egd-split-pane.right-pane {
-  right: 0;
-}
-.egd-split-pane.top-pane, .egd-split-pane.bottom-pane {
-  right: 0;
-  left: 0;
-}
-.egd-split-pane.top-pane {
-  top: 0;
-}
-.egd-split-pane.bottom-pane {
-  bottom: 0;
-}
-.egd-split-trigger-con {
-  position: absolute;
-  z-index: 10;
-  transform: translate(-50%, -50%);
-}
-.egd-split-trigger-bar-con {
-  position: absolute;
-  overflow: hidden;
-}
-.egd-split-trigger-bar-con.vertical {
-  top: 50%;
-  left: 1px;
-  height: 32px;
-  transform: translate(0, -50%);
-}
-.egd-split-trigger-bar-con.horizontal {
-  top: 1px;
-  left: 50%;
-  width: 32px;
-  transform: translate(-50%, 0);
-}
-.egd-split-trigger-vertical {
-  width: 6px;
-  height: 100%;
-  background: #f8f8f9;
-  box-shadow: 0 0 4px 0 rgba(28, 36, 56, 0.4);
-  cursor: ew-resize;
-}
-.egd-split-trigger-vertical .egd-split-trigger-bar {
-  float: left;
-  width: 4px;
-  height: 1px;
-  margin-top: 3px;
-  background: rgba(23, 35, 61, 0.25);
-}
-.egd-split-trigger-horizontal {
-  width: 100%;
-  height: 6px;
-  background: #f8f8f9;
-  box-shadow: 0 0 4px 0 rgba(28, 36, 56, 0.4);
-  cursor: ns-resize;
-}
-.egd-split-trigger-horizontal .egd-split-trigger-bar {
-  float: left;
-  width: 1px;
-  height: 4px;
-  margin-right: 3px;
-  background: rgba(23, 35, 61, 0.25);
-}
-.egd-split-horizontal .egd-split-trigger-con {
-  top: 50%;
-  height: 100%;
-  border-right: 1px solid #d7dae0;
-}
-.egd-split-vertical .egd-split-trigger-con {
-  left: 50%;
-  width: 100%;
-  border-bottom: 1px solid #d7dae0;
-}
-.egd-split-trigger-vertical-line {
-  background-color: transparent;
-  box-shadow: none;
-}
-.egd-split-trigger-horizontal-line {
-  background-color: transparent;
-  box-shadow: none;
-}
-.egd-split .no-select {
-  -webkit-touch-callout: none;
-  user-select: none;
-}