@web-utils/component 2.7.36 → 2.8.0

package/search-popover/index.mjs

@@ -0,0 +1,411 @@
+var c = (t, r, e) => new Promise((s, o) => {
+  var n = (i) => {
+    try {
+      a(e.next(i));
+    } catch (l) {
+      o(l);
+    }
+  }, h = (i) => {
+    try {
+      a(e.throw(i));
+    } catch (l) {
+      o(l);
+    }
+  }, a = (i) => i.done ? s(i.value) : Promise.resolve(i.value).then(n, h);
+  a((e = e.apply(t, r)).next());
+});
+import { copy, isInContainer } from "@web-utils/core";
+import ClickOutside from "element-ui/lib/utils/clickoutside";
+import { n as normalizeComponent } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
+var render = function() {
+  var t = this, r = t.$createElement, e = t._self._c || r;
+  return e("div", {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: t.showPopover,
+      expression: "showPopover"
+    }, {
+      name: "click-outside",
+      rawName: "v-click-outside",
+      value: t.hidePopover,
+      expression: "hidePopover"
+    }],
+    staticClass: "search-popover"
+  }, [e("div", {
+    staticStyle: {
+      padding: "10px"
+    }
+  }, [e("input", {
+    directives: [{
+      name: "model",
+      rawName: "v-model",
+      value: t.keyword,
+      expression: "keyword"
+    }],
+    ref: "searchInput",
+    staticClass: "search-input",
+    attrs: {
+      placeholder: t.currentItem ? t.currentItem.name : "输入关键字搜索 ..."
+    },
+    domProps: {
+      value: t.keyword
+    },
+    on: {
+      input: function(s) {
+        s.target.composing || (t.keyword = s.target.value);
+      }
+    }
+  })]), e("ul", {
+    ref: "ul",
+    staticStyle: {
+      flex: "1",
+      overflow: "auto",
+      "list-style-type": "none"
+    }
+  }, [t.filterList.length ? t._l(t.filterList, function(s, o) {
+    return e("li", {
+      key: s.name + o,
+      staticClass: "search-li",
+      attrs: {
+        id: `item-${o}`
+      },
+      on: {
+        mousemove: function(n) {
+          return t.mouseHoverItem(s, o);
+        }
+      }
+    }, [e("a", {
+      class: ["search-item", {
+        active: t.currentIndex === o
+      }],
+      attrs: {
+        target: s.url ? "_blank" : "",
+        rel: "noopener noreferrer",
+        href: s.url ? s.url : "javascript:void(0)"
+      },
+      on: {
+        click: function(n) {
+          return t.onItemClick(s);
+        }
+      }
+    }, [e("div", {
+      staticClass: "search-icon"
+    }, [e("i", {
+      class: s.icon || "el-icon-menu"
+    })]), e("div", {
+      staticStyle: {
+        flex: "1",
+        "box-sizing": "border-box",
+        padding: "0 10px",
+        "overflow-x": "hidden",
+        "text-align": "left"
+      }
+    }, [e("p", {
+      staticStyle: {
+        "margin-bottom": "4px",
+        "font-size": "16px"
+      }
+    }, [t._v(t._s(s.name))]), e("p", {
+      staticClass: "url"
+    }, [t._v(t._s(s.url || s.path))])]), e("div", {
+      staticClass: "search-icon search-action"
+    }, [e("svg", {
+      staticClass: "action",
+      attrs: {
+        width: "20",
+        height: "20",
+        viewBox: "0 0 20 20"
+      }
+    }, [e("g", {
+      attrs: {
+        stroke: "currentColor",
+        fill: "none",
+        "fill-rule": "evenodd",
+        "stroke-linecap": "round",
+        "stroke-linejoin": "round"
+      }
+    }, [e("path", {
+      attrs: {
+        d: "M18 3v4c0 2-2 4-4 4H2"
+      }
+    }), e("path", {
+      attrs: {
+        d: "M8 17l-6-6 6-6"
+      }
+    })])])])])]);
+  }) : t.evalResult !== "" ? e("li", {
+    staticClass: "search-li",
+    on: {
+      click: t.copyEvalResult,
+      mousemove: function(s) {
+        return t.mouseHoverItem({}, -1);
+      }
+    }
+  }, [e("a", {
+    class: ["search-item", {
+      active: t.currentIndex === -1
+    }],
+    attrs: {
+      rel: "noopener noreferrer",
+      href: "javascript:void(0)"
+    }
+  }, [t._m(0), e("div", {
+    staticStyle: {
+      flex: "1",
+      "box-sizing": "border-box",
+      padding: "0 10px",
+      "overflow-x": "hidden",
+      "text-align": "left"
+    }
+  }, [e("p", {
+    staticStyle: {
+      "margin-bottom": "4px",
+      "font-size": "16px"
+    }
+  }, [t._v("Result: " + t._s(t.evalResult))]), e("p", {
+    staticClass: "url"
+  }, [t._v("点击或这按 Enter 键复制")])]), e("div", {
+    staticClass: "search-icon search-action"
+  }, [e("svg", {
+    staticClass: "action",
+    attrs: {
+      width: "20",
+      height: "20",
+      viewBox: "0 0 20 20"
+    }
+  }, [e("g", {
+    attrs: {
+      stroke: "currentColor",
+      fill: "none",
+      "fill-rule": "evenodd",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round"
+    }
+  }, [e("path", {
+    attrs: {
+      d: "M18 3v4c0 2-2 4-4 4H2"
+    }
+  }), e("path", {
+    attrs: {
+      d: "M8 17l-6-6 6-6"
+    }
+  })])])])])]) : e("li", {
+    staticStyle: {
+      display: "flex",
+      "align-items": "center",
+      "justify-content": "center",
+      height: "100%",
+      color: "#808080"
+    }
+  }, [t._v(" Sorry,no result ! ")])], 2), e("div", {
+    staticClass: "footer-tips"
+  }, [e("span", {
+    staticClass: "keyboard-key"
+  }, [e("svg", {
+    attrs: {
+      width: "15",
+      height: "15"
+    }
+  }, [e("g", {
+    attrs: {
+      fill: "none",
+      stroke: "currentColor",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      "stroke-width": "1.2"
+    }
+  }, [e("path", {
+    attrs: {
+      d: "M12 3.53088v3c0 1-1 2-2 2H4M7 11.53088l-3-3 3-3"
+    }
+  })])])]), e("span", {
+    staticStyle: {
+      "margin-right": "20px",
+      "font-size": "12px"
+    }
+  }, [t._v("选择")]), e("span", {
+    staticClass: "keyboard-key"
+  }, [e("svg", {
+    attrs: {
+      width: "15",
+      height: "15"
+    }
+  }, [e("g", {
+    attrs: {
+      fill: "none",
+      stroke: "currentColor",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      "stroke-width": "1.2"
+    }
+  }, [e("path", {
+    attrs: {
+      d: "M7.5 3.5v8M10.5 8.5l-3 3-3-3"
+    }
+  })])])]), e("span", {
+    staticClass: "keyboard-key"
+  }, [e("svg", {
+    attrs: {
+      width: "15",
+      height: "15"
+    }
+  }, [e("g", {
+    attrs: {
+      fill: "none",
+      stroke: "currentColor",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      "stroke-width": "1.2"
+    }
+  }, [e("path", {
+    attrs: {
+      d: "M7.5 11.5v-8M10.5 6.5l-3-3-3 3"
+    }
+  })])])]), e("span", {
+    staticStyle: {
+      "margin-right": "20px",
+      "font-size": "12px"
+    }
+  }, [t._v("切换")]), e("span", {
+    staticClass: "keyboard-key"
+  }, [e("svg", {
+    attrs: {
+      width: "15",
+      height: "15"
+    }
+  }, [e("g", {
+    attrs: {
+      fill: "none",
+      stroke: "currentColor",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      "stroke-width": "1.2"
+    }
+  }, [e("path", {
+    attrs: {
+      d: "M13.6167 8.936c-.1065.3583-.6883.962-1.4875.962-.7993 0-1.653-.9165-1.653-2.1258v-.5678c0-1.2548.7896-2.1016 1.653-2.1016.8634 0 1.3601.4778 1.4875 1.0724M9 6c-.1352-.4735-.7506-.9219-1.46-.8972-.7092.0246-1.344.57-1.344 1.2166s.4198.8812 1.3445.9805C8.465 7.3992 8.968 7.9337 9 8.5c.032.5663-.454 1.398-1.4595 1.398C6.6593 9.898 6 9 5.963 8.4851m-1.4748.5368c-.2635.5941-.8099.876-1.5443.876s-1.7073-.6248-1.7073-2.204v-.4603c0-1.0416.721-2.131 1.7073-2.131.9864 0 1.6425 1.031 1.5443 2.2492h-2.956"
+    }
+  })])])]), e("span", {
+    staticStyle: {
+      "font-size": "12px"
+    }
+  }, [t._v("关闭")])])]);
+}, staticRenderFns = [function() {
+  var t = this, r = t.$createElement, e = t._self._c || r;
+  return e("div", {
+    staticClass: "search-icon"
+  }, [e("i", {
+    staticClass: "fa fa-table"
+  })]);
+}];
+const SearchPopover_vue_vue_type_style_index_0_lang = "", __vue2_script = {
+  name: "SearchPopover",
+  directives: {
+    ClickOutside
+  },
+  props: {
+    services: {
+      type: Array,
+      default: () => []
+    }
+  },
+  data() {
+    return {
+      showPopover: !1,
+      keyword: "",
+      currentIndex: 0,
+      last: 0
+    };
+  },
+  computed: {
+    filterList() {
+      return this.services.filter((t) => t.name.indexOf(this.keyword) > -1);
+    },
+    currentItem() {
+      var t;
+      return (t = this.filterList) == null ? void 0 : t[this.currentIndex];
+    },
+    evalResult() {
+      try {
+        return eval(this.keyword);
+      } catch (t) {
+        return "";
+      }
+    }
+  },
+  watch: {
+    keyword() {
+      this.currentIndex = 0, !this.currentItem && this.currentIndex !== -1 && (this.currentIndex = -1);
+    },
+    showPopover(t) {
+      t ? document.body.style.overflow = "hidden" : document.body.style.overflow = "";
+    }
+  },
+  mounted() {
+    window.addEventListener("keydown", this.keydown);
+  },
+  destroyed() {
+    window.removeEventListener("keydown", this.keydown);
+  },
+  methods: {
+    onItemClick(t) {
+      return c(this, null, function* () {
+        t.path && (this.hidePopover(), yield this.$router.push(t.path));
+      });
+    },
+    copyEvalResult() {
+      return copy(this.evalResult);
+    },
+    hidePopover() {
+      this.showPopover = !1;
+    },
+    displayPopover() {
+      this.showPopover = !0;
+    },
+    mouseHoverItem(t, r) {
+      this.currentIndex = r;
+    },
+    keydown(t) {
+      return c(this, null, function* () {
+        if (t.key === "Shift") {
+          const r = Date.now() - this.last;
+          r > 0 && r < 500 ? (this.showPopover = !0, yield this.$nextTick(), this.$refs.searchInput.focus()) : this.last = Date.now();
+        }
+        this.showPopover === !0 && (t.key === "Escape" && this.hidePopover(), t.key === "Enter" && (this.currentItem ? this.currentItem.url ? (window.open(this.currentItem.url, "_blank"), this.hidePopover()) : this.currentItem.path && (yield this.onItemClick(this.currentItem)) : this.copyEvalResult()), t.key === "ArrowUp" && (this.currentIndex--, this.currentIndex < 0 && (this.currentIndex = this.filterList.length - 1), this.scrollIntoView(this.currentIndex)), t.key === "ArrowDown" && (this.currentIndex++, this.currentIndex >= this.filterList.length && (this.currentIndex = 0), this.scrollIntoView(this.currentIndex)));
+      });
+    },
+    scrollIntoView(t) {
+      if (t === 0) {
+        this.$refs.ul.scrollTop = 0;
+        return;
+      }
+      if (t === this.filterList.length) {
+        this.$refs.ul.scrollTop = this.$refs.ul.scrollHeight;
+        return;
+      }
+      const r = this.$refs.ul.querySelector(`#item-${t}`);
+      isInContainer(r, this.$refs.ul, { topOffset: -78, bottomOffset: 78 }) || (this.$refs.ul.scrollTop = r.offsetTop - r.clientHeight + 20);
+    }
+  }
+}, __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  __vue2_script,
+  render,
+  staticRenderFns,
+  !1,
+  __vue2_injectStyles,
+  null,
+  null,
+  null
+);
+function __vue2_injectStyles(t) {
+  for (let r in __cssModules)
+    this[r] = __cssModules[r];
+}
+const SearchPopover = /* @__PURE__ */ function() {
+  return __component__.exports;
+}();
+export {
+  SearchPopover as default
+};

package/search-popover/style.css

@@ -0,0 +1 @@
+.search-popover{position:fixed;top:0;left:0;z-index:100;display:inline-flex;flex-direction:column;width:560px;height:500px;overflow:hidden;background-color:#f5f6f7;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAIAAAAmkwkpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACZJREFUeNpi/PTpEwMY8PLyMsFZnz9/ZoKzgAzG////Q1hAABBgAFeiDto+NxIZAAAAAElFTkSuQmCC);background-repeat:repeat;border:1px solid #1989fa;border-radius:4px;transform:translate3d(calc((100vw - 560px)/2),15%,0)}.search-popover .footer-tips{padding:10px;text-align:left;border-top:1px solid #1989fa}.search-popover .keyboard-key{display:inline-flex;align-items:center;justify-content:center;width:20px;height:18px;margin-right:.4em;padding-bottom:2px;background:linear-gradient(-225deg,#d5dbe4,#f8f8f8);border-radius:2px;box-shadow:inset 0 -2px #cdcde6,inset 0 0 1px 1px #fff,0 1px 2px 1px #1e235a66}.search-popover .search-input{box-sizing:border-box;width:100%;height:46px;padding:10px;border:1px solid #1989fa;border-radius:4px;outline:none;appearance:none}.search-popover .search-li{padding:10px}.search-popover .search-icon{flex-shrink:0;color:#969faf;font-size:24px}.search-popover .search-item{display:flex;align-items:center;box-sizing:border-box;padding:10px;overflow-x:hidden;color:#000;text-decoration:none;background-color:#fff;border-radius:4px;box-shadow:0 1px 3px #d4d9e1}.search-popover .search-item .search-action{display:none}.search-popover .search-item .url{overflow-x:hidden;color:#969faf;font-size:14px;white-space:nowrap;text-overflow:ellipsis}.search-popover .search-item.active{color:#fff;background-color:#1989fa}.search-popover .search-item.active .url{color:#fff}.search-popover .search-item.active .search-action{display:inline-block}.search-popover .search-item.active .search-icon{color:#fff}

package/sign/index.mjs

@@ -0,0 +1,133 @@
+import { s as g } from "../chunks/util.17330567.mjs";
+import { n as m } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
+var x = function() {
+  var t = this, n = t.$createElement, s = t._self._c || n;
+  return s("div", {
+    staticClass: "avue-sige"
+  }, [s("canvas", {
+    ref: "canvas",
+    staticClass: "avue-sige__canvas",
+    attrs: {
+      width: t.width,
+      height: t.height
+    }
+  })]);
+}, _ = [];
+function y(t, n, s, h, e, o) {
+  t.save(), t.fillStyle = e, t.translate(n, s), t.rotate(Math.PI + o), t.beginPath();
+  var a = Math.sin(0), d = Math.cos(0);
+  const f = Math.PI / 5 * 4;
+  for (let r = 0; r < 5; r++) {
+    var a = Math.sin(r * f), d = Math.cos(r * f);
+    t.lineTo(a * h, d * h);
+  }
+  t.closePath(), t.stroke(), t.fill(), t.restore();
+}
+const M = {
+  name: "Sign",
+  props: {
+    width: {
+      type: Number,
+      default: 600
+    },
+    height: {
+      type: Number,
+      default: 400
+    }
+  },
+  data() {
+    return {
+      disabled: !1,
+      linex: [],
+      liney: [],
+      linen: [],
+      canvas: {},
+      context: {}
+    };
+  },
+  computed: {
+    styleName() {
+      return {
+        width: g(this.width),
+        height: g(this.height)
+      };
+    }
+  },
+  mounted() {
+    this.init();
+  },
+  methods: {
+    getStar(t, n, s) {
+      const h = this.canvas, e = this.context, o = h.width / 2, a = h.height / 2;
+      e.lineWidth = 7, e.strokeStyle = "#f00", e.beginPath(), e.arc(o, a, 110, 0, Math.PI * 2), e.stroke(), y(e, o, a, 20, "#f00", 0), e.font = "18px 黑体", e.textBaseline = "middle", e.textAlign = "center", e.lineWidth = 1, e.strokeStyle = "#f00", e.strokeText(t, o, a + 50), e.font = "14px 黑体", e.textBaseline = "middle", e.textAlign = "center", e.lineWidth = 1, e.strokeStyle = "#f00", e.strokeText(s, o, a + 80), e.translate(o, a), e.font = "22px 黑体";
+      const d = n.length, f = 4 * Math.PI / (3 * (d - 1)), r = n.split("");
+      let l;
+      for (let i = 0; i < d; i++)
+        l = r[i], i == 0 ? e.rotate(5 * Math.PI / 6) : e.rotate(f), e.save(), e.translate(90, 0), e.rotate(Math.PI / 2), e.strokeText(l, 0, 0), e.restore(), e.save();
+      this.disabled = !0;
+    },
+    submit(t, n) {
+      return t || (t = this.width), n || (n = this.height), this.canvas.toDataURL("i/png");
+    },
+    clear() {
+      this.linex = [], this.liney = [], this.linen = [], this.disabled = !1;
+    },
+    init() {
+      this.canvas = this.$refs.canvas;
+      const t = this.canvas, n = this;
+      typeof document.ontouchstart != "undefined" ? (t.addEventListener("touchmove", d, !1), t.addEventListener("touchstart", f, !1), t.addEventListener("touchend", r, !1)) : (t.addEventListener("mousemove", d, !1), t.addEventListener("mousedown", f, !1), t.addEventListener("mouseup", r, !1), t.addEventListener("mouseleave", r, !1)), this.context = t.getContext("2d");
+      const s = this.context;
+      this.linex = [], this.liney = [], this.linen = [];
+      let h = 1, e = 30, o = 0;
+      function a(l, i) {
+        const u = l.getBoundingClientRect();
+        let c, v;
+        return i.targetTouches ? (c = i.targetTouches[0].clientX, v = i.targetTouches[0].clientY) : (c = i.clientX, v = i.clientY), {
+          x: (c - u.left) * (l.width / u.width),
+          y: (v - u.top) * (l.height / u.height)
+        };
+      }
+      function d(l) {
+        if (n.disabled)
+          return;
+        const i = a(t, l).x, u = a(t, l).y;
+        if (o === 1) {
+          n.linex.push(i), n.liney.push(u), n.linen.push(1), s.save(), s.translate(s.canvas.width / 2, s.canvas.height / 2), s.translate(-s.canvas.width / 2, -s.canvas.height / 2), s.beginPath(), s.lineWidth = 2;
+          for (let c = 1; c < n.linex.length; c++)
+            h = n.linex[c], e = n.liney[c], n.linen[c] === 0 ? s.moveTo(h, e) : s.lineTo(h, e);
+          s.shadowBlur = 10, s.stroke(), s.restore();
+        }
+        l.preventDefault();
+      }
+      function f(l) {
+        if (n.disabled)
+          return;
+        const i = a(t, l).x, u = a(t, l).y;
+        o = 1, n.linex.push(i), n.liney.push(u), n.linen.push(0);
+      }
+      function r() {
+        n.disabled || (o = 0);
+      }
+    }
+  }
+}, p = {};
+var w = /* @__PURE__ */ m(
+  M,
+  x,
+  _,
+  !1,
+  b,
+  null,
+  null,
+  null
+);
+function b(t) {
+  for (let n in p)
+    this[n] = p[n];
+}
+const S = /* @__PURE__ */ function() {
+  return w.exports;
+}();
+export {
+  S as default
+};

package/sign/style.css

@@ -0,0 +1 @@
+.avue-sign{padding:5px}.avue-sign__canvas{border:1px solid #ccc}