@web-utils/component 2.7.36 → 2.7.37

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

@@ -0,0 +1,233 @@
+var h = (t, e, s) => new Promise((o, i) => {
+  var n = (r) => {
+    try {
+      a(s.next(r));
+    } catch (f) {
+      i(f);
+    }
+  }, d = (r) => {
+    try {
+      a(s.throw(r));
+    } catch (f) {
+      i(f);
+    }
+  }, a = (r) => r.done ? o(r.value) : Promise.resolve(r.value).then(n, d);
+  a((s = s.apply(t, e)).next());
+});
+import { n as c } from "../../chunks/vueComponentNormalizer.446f5dc4.mjs";
+function g(t, e) {
+  for (let s = 0; s < e.length; s++)
+    if (t === e[s])
+      return !0;
+  return !1;
+}
+const l = function() {
+  return document.addEventListener ? function(t, e, s) {
+    t && e && s && t.addEventListener(e, s, !1);
+  } : function(t, e, s) {
+    t && e && s && t.attachEvent(`on${e}`, s);
+  };
+}(), p = function() {
+  return document.removeEventListener ? function(t, e, s) {
+    t && e && t.removeEventListener(e, s, !1);
+  } : function(t, e, s) {
+    t && e && t.detachEvent(`on${e}`, s);
+  };
+}();
+var m = function() {
+  var t = this, e = t.$createElement, s = t._self._c || e;
+  return s("div", {
+    ref: "outerWrapper",
+    class: t.wrapperClasses
+  }, [t.isHorizontal ? s("div", {
+    class: `${t.prefix}-horizontal`
+  }, [t.hideLeft ? s("div", {
+    class: [`${t.prefix}-pane`, "right-pane"],
+    staticStyle: {
+      left: "0"
+    }
+  }, [t._t("right")], 2) : [s("div", {
+    class: [`${t.prefix}-pane`, "left-pane"],
+    style: {
+      right: `${t.anotherOffset}%`
+    }
+  }, [t._t("left")], 2), s("div", {
+    class: `${t.prefix}-trigger-con`,
+    style: {
+      left: `calc(${t.offset}% + ${t.triggerSize / 2}px)`,
+      width: `${t.triggerSize}px`
+    },
+    on: {
+      mousedown: t.handleMousedown
+    }
+  }, [t._t("trigger", function() {
+    return [s("Trigger", {
+      attrs: {
+        mode: "vertical"
+      }
+    })];
+  })], 2), s("div", {
+    class: [`${t.prefix}-pane`, "right-pane"],
+    style: {
+      left: `calc(${t.offset}% + ${t.triggerSize}px)`
+    }
+  }, [t._t("right")], 2)]], 2) : s("div", {
+    class: `${t.prefix}-vertical`
+  }, [s("div", {
+    class: [`${t.prefix}-pane`, "top-pane"],
+    style: {
+      bottom: `${t.anotherOffset}%`
+    }
+  }, [t._t("top")], 2), s("div", {
+    class: `${t.prefix}-trigger-con`,
+    style: {
+      top: `calc(${t.offset}% + ${t.triggerSize / 2}px)`,
+      height: `${t.triggerSize}px`
+    },
+    on: {
+      mousedown: t.handleMousedown
+    }
+  }, [t._t("trigger", function() {
+    return [s("Trigger", {
+      attrs: {
+        mode: "horizontal"
+      }
+    })];
+  })], 2), s("div", {
+    class: [`${t.prefix}-pane`, "bottom-pane"],
+    style: {
+      top: `calc(${t.offset}% + ${t.triggerSize}px)`
+    }
+  }, [t._t("bottom")], 2)]), s("ResizeObserver", {
+    on: {
+      notify: t.resetOffset
+    }
+  })], 1);
+}, x = [];
+const v = {
+  name: "SplitPane",
+  props: {
+    value: {
+      type: [Number, String],
+      default: 0.5
+    },
+    mode: {
+      validator(t) {
+        return g(t, ["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: !1
+    };
+  },
+  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 h(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(t, e) {
+      return parseFloat(t) / parseFloat(e);
+    },
+    getComputedThresholdValue(t) {
+      const e = this.$refs.outerWrapper[this.offsetSize];
+      return this.valueIsPx ? typeof this[t] == "string" ? this[t] : e * this[t] : typeof this[t] == "string" ? this.px2percent(this[t], e) : this[t];
+    },
+    getMin(t, e) {
+      return this.valueIsPx ? `${Math.min(parseFloat(t), parseFloat(e))}px` : Math.min(t, e);
+    },
+    getMax(t, e) {
+      return this.valueIsPx ? `${Math.max(parseFloat(t), parseFloat(e))}px` : Math.max(t, e);
+    },
+    getAnotherOffset(t) {
+      let e = 0;
+      return this.valueIsPx ? e = `${this.$refs.outerWrapper[this.offsetSize] - parseFloat(t)}px` : e = 1 - t, e;
+    },
+    handleMove(t) {
+      const s = (this.isHorizontal ? t.pageX : t.pageY) - this.initOffset, o = this.$refs.outerWrapper[this.offsetSize];
+      let i = this.valueIsPx ? `${parseFloat(this.oldOffset) + s}px` : this.px2percent(o * this.oldOffset + s, o);
+      const n = this.getAnotherOffset(i);
+      parseFloat(i) <= parseFloat(this.computedMin) && (i = this.getMax(i, this.computedMin)), parseFloat(n) <= parseFloat(this.computedMax) && (i = this.getAnotherOffset(this.getMax(n, this.computedMax))), t.atMin = this.value === this.computedMin, t.atMax = this.valueIsPx ? this.getAnotherOffset(this.value) === this.computedMax : this.getAnotherOffset(this.value).toFixed(5) === this.computedMax.toFixed(5), this.$emit("input", i), this.$emit("on-moving", t);
+    },
+    handleUp() {
+      this.isMoving = !1, p(window, "mousemove", this.handleMove), p(window, "mouseup", this.handleUp), this.$emit("on-move-end");
+    },
+    handleMousedown(t) {
+      this.initOffset = this.isHorizontal ? t.pageX : t.pageY, this.oldOffset = this.value, this.isMoving = !0, l(window, "mousemove", this.handleMove), l(window, "mouseup", this.handleUp), this.$emit("on-move-start");
+    }
+  }
+}, u = {};
+var $ = /* @__PURE__ */ c(
+  v,
+  m,
+  x,
+  !1,
+  _,
+  null,
+  null,
+  null
+);
+function _(t) {
+  for (let e in u)
+    this[e] = u[e];
+}
+const O = /* @__PURE__ */ function() {
+  return $.exports;
+}();
+export {
+  O as default
+};

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

@@ -1,100 +1 @@
-/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */ /* 应用头部高度 */ /* 页面宽度 */ /* 侧栏宽度 */ /* 标签高度 */ /* 页面头部工具条高度 */
-.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;
-}
+.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:translateY(-50%)}.egd-split-trigger-bar-con.horizontal{top:1px;left:50%;width:32px;transform:translate(-50%)}.egd-split-trigger-vertical{width:6px;height:100%;background:#f8f8f9;box-shadow:0 0 4px #1c243866;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,.25)}.egd-split-trigger-horizontal{width:100%;height:6px;background:#f8f8f9;box-shadow:0 0 4px #1c243866;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,.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,.egd-split-trigger-horizontal-line{background-color:transparent;box-shadow:none}.egd-split .no-select{-webkit-touch-callout:none;user-select:none}

package/dist/components/stateful/index.mjs

@@ -0,0 +1,84 @@
+import { n as A } from "../../chunks/vueComponentNormalizer.446f5dc4.mjs";
+const v = {
+  name: "Stateful",
+  functional: !0,
+  props: {
+    tag: {
+      type: String,
+      default: "div"
+    },
+    draft: {
+      type: [Array, Boolean],
+      default: () => []
+    },
+    doing: {
+      type: [Array, Boolean],
+      default: () => []
+    },
+    overdue: {
+      type: [Array, Boolean],
+      default: () => []
+    },
+    error: {
+      type: [Array, Boolean],
+      default: () => []
+    },
+    done: {
+      type: [Array, Boolean],
+      default: () => []
+    },
+    closed: {
+      type: [Array, Boolean],
+      default: () => []
+    },
+    type: {
+      type: String,
+      validator: (r) => ["doing", "overdue", "error", "done", "closed"].indexOf(r) > -1
+    },
+    status: {
+      type: [String, Number]
+    },
+    size: {
+      type: String
+    }
+  },
+  render(r, { props: t, data: y, children: c }) {
+    const { draft: n, doing: a, overdue: o, error: s, done: l, closed: d, status: e, tag: _, size: u, type: f } = t, p = {
+      draft: Array.isArray(n) ? n.includes(e) : n,
+      doing: Array.isArray(a) ? a.includes(e) : a,
+      overdue: Array.isArray(o) ? o.includes(e) : o,
+      error: Array.isArray(s) ? s.includes(e) : s,
+      done: Array.isArray(l) ? l.includes(e) : l,
+      closed: Array.isArray(d) ? d.includes(e) : d
+    };
+    return r(_, y, [
+      r("span", {
+        style: { width: u, height: u },
+        class: ["stateful", f, p]
+      }),
+      c
+    ]);
+  }
+};
+let g, S;
+const i = {};
+var m = /* @__PURE__ */ A(
+  v,
+  g,
+  S,
+  !1,
+  B,
+  null,
+  null,
+  null
+);
+function B(r) {
+  for (let t in i)
+    this[t] = i[t];
+}
+const h = /* @__PURE__ */ function() {
+  return m.exports;
+}();
+export {
+  h as default
+};

package/dist/components/stateful/style.css

@@ -1,33 +1 @@
-/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
-.stateful {
-  display: inline-block;
-  width: 14px;
-  height: 14px;
-  margin-right: 6px;
-  vertical-align: middle;
-  border-radius: 2px;
-  content: "";
-}
-.stateful.draft {
-  background-color: #d7d7d7;
-}
-.stateful.doing {
-  background-color: #14ca7a;
-}
-.stateful.overdue {
-  background-color: #feae3d;
-}
-.stateful.error {
-  background-color: #f00;
-}
-.stateful.done {
-  background-color: #45a3e7;
-}
-.stateful.closed {
-  background-color: #d7d7d7;
-}
+.stateful{display:inline-block;width:14px;height:14px;margin-right:6px;vertical-align:middle;border-radius:2px;content:""}.stateful.draft{background-color:#d7d7d7}.stateful.doing{background-color:#14ca7a}.stateful.overdue{background-color:#feae3d}.stateful.error{background-color:red}.stateful.done{background-color:#45a3e7}.stateful.closed{background-color:#d7d7d7}

package/dist/components/static-pageable-table/index.mjs

@@ -0,0 +1,92 @@
+import { chunk as n } from "lodash";
+import { n as i } from "../../chunks/vueComponentNormalizer.446f5dc4.mjs";
+var o = function() {
+  var e = this, t = e.$createElement, a = e._self._c || t;
+  return a("div", {
+    staticClass: "static-pageable-table"
+  }, [a("ElTable", e._g(e._b({
+    attrs: {
+      size: "mini",
+      data: e.records
+    }
+  }, "ElTable", e.$attrs, !1), e.$listeners), [e._t("default", function() {
+    return [e._v("请添加表格列")];
+  })], 2), a("ElPagination", {
+    attrs: {
+      "current-page": e.page.page,
+      "hide-on-single-page": !0,
+      "page-size": e.page.limit,
+      total: e.page.total,
+      background: "",
+      layout: "total, prev, pager, next"
+    },
+    on: {
+      "current-change": function(s) {
+        e.page.page = s;
+      }
+    }
+  })], 1);
+}, l = [];
+const c = {
+  name: "StaticPageableTable",
+  props: {
+    rows: {
+      type: Array,
+      default: () => []
+    }
+  },
+  data() {
+    return {
+      page: {
+        total: 0,
+        page: 1,
+        limit: 25
+      },
+      records: []
+    };
+  },
+  computed: {
+    observer() {
+      return {
+        page: this.page.page,
+        rows: this.rows
+      };
+    }
+  },
+  watch: {
+    rows() {
+      this.page.page = 1;
+    },
+    observer: {
+      immediate: !0,
+      handler() {
+        this.page.total = this.rows.length, this.fetchData();
+      }
+    }
+  },
+  methods: {
+    fetchData() {
+      this.records = n(this.rows, this.page.limit)[this.page.page - 1];
+    }
+  }
+}, r = {};
+var p = /* @__PURE__ */ i(
+  c,
+  o,
+  l,
+  !1,
+  g,
+  null,
+  null,
+  null
+);
+function g(e) {
+  for (let t in r)
+    this[t] = r[t];
+}
+const h = /* @__PURE__ */ function() {
+  return p.exports;
+}();
+export {
+  h as default
+};

package/dist/components/static-pageable-table/style.css

@@ -1,9 +1 @@
-/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
-.static-pageable-table {
-  flex: 1 1 auto;
-}
+.static-pageable-table{flex:1 1 auto}