@web-utils/component 2.0.13 → 2.0.14

package/dist/components/search-popover/index.js

@@ -1,297 +1,289 @@
 import { copy, isInContainer } from "@web-utils/core";
 import ClickOutside from "element-ui/lib/utils/clickoutside";
-import { n as normalizeComponent } from "../../chunks/3d28cc08.js";
+import { n as normalizeComponent } from "../../chunks/5d4282fb.js";
 var render = function() {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c("div", {
+  var t = this, r = t.$createElement, e = t._self._c || r;
+  return e("div", {
     directives: [{
       name: "show",
       rawName: "v-show",
-      value: _vm.showPopover,
+      value: t.showPopover,
       expression: "showPopover"
     }, {
       name: "click-outside",
       rawName: "v-click-outside",
-      value: _vm.hidePopover,
+      value: t.hidePopover,
       expression: "hidePopover"
     }],
     staticClass: "search-popover"
-  }, [_c("div", {
+  }, [e("div", {
     staticStyle: {
-      "padding": "10px"
+      padding: "10px"
     }
-  }, [_c("input", {
+  }, [e("input", {
     directives: [{
       name: "model",
       rawName: "v-model",
-      value: _vm.keyword,
+      value: t.keyword,
       expression: "keyword"
     }],
     ref: "searchInput",
     staticClass: "search-input",
     attrs: {
-      "placeholder": _vm.currentItem ? _vm.currentItem.name : "输入关键字搜索 ..."
+      placeholder: t.currentItem ? t.currentItem.name : "输入关键字搜索 ..."
     },
     domProps: {
-      "value": _vm.keyword
+      value: t.keyword
     },
     on: {
-      "input": function($event) {
-        if ($event.target.composing)
-          return;
-        _vm.keyword = $event.target.value;
+      input: function(s) {
+        s.target.composing || (t.keyword = s.target.value);
       }
     }
-  })]), _c("ul", {
+  })]), e("ul", {
     ref: "ul",
     staticStyle: {
       "list-style-type": "none",
-      "flex": "1",
-      "overflow": "auto"
+      flex: "1",
+      overflow: "auto"
     }
-  }, [_vm.filterList.length ? _vm._l(_vm.filterList, function(item, index) {
-    return _c("li", {
-      key: item.name + index,
+  }, [t.filterList.length ? t._l(t.filterList, function(s, o) {
+    return e("li", {
+      key: s.name + o,
       staticClass: "search-li",
       attrs: {
-        "id": `item-${index}`
+        id: `item-${o}`
       },
       on: {
-        "mousemove": function($event) {
-          return _vm.mouseHoverItem(item, index);
+        mousemove: function(i) {
+          return t.mouseHoverItem(s, o);
         }
       }
-    }, [_c("a", {
+    }, [e("a", {
       class: ["search-item", {
-        active: _vm.currentIndex === index
+        active: t.currentIndex === o
       }],
       attrs: {
-        "target": item.url ? "_blank" : "",
-        "rel": "noopener noreferrer",
-        "href": item.url ? item.url : "javascript:void(0)"
+        target: s.url ? "_blank" : "",
+        rel: "noopener noreferrer",
+        href: s.url ? s.url : "javascript:void(0)"
       },
       on: {
-        "click": function($event) {
-          return _vm.onItemClick(item);
+        click: function(i) {
+          return t.onItemClick(s);
         }
       }
-    }, [_c("div", {
+    }, [e("div", {
       staticClass: "search-icon"
-    }, [_c("i", {
-      class: item.icon || "el-icon-menu"
-    })]), _c("div", {
+    }, [e("i", {
+      class: s.icon || "el-icon-menu"
+    })]), e("div", {
       staticStyle: {
-        "flex": "1",
+        flex: "1",
         "text-align": "left",
-        "padding": "0 10px",
+        padding: "0 10px",
         "overflow-x": "hidden",
         "box-sizing": "border-box"
       }
-    }, [_c("p", {
+    }, [e("p", {
       staticStyle: {
         "margin-bottom": "4px",
         "font-size": "16px"
       }
-    }, [_vm._v(_vm._s(item.name))]), _c("p", {
+    }, [t._v(t._s(s.name))]), e("p", {
       staticClass: "url"
-    }, [_vm._v(_vm._s(item.url || item.path))])]), _c("div", {
+    }, [t._v(t._s(s.url || s.path))])]), e("div", {
       staticClass: "search-icon search-action"
-    }, [_c("svg", {
+    }, [e("svg", {
       staticClass: "action",
       attrs: {
-        "width": "20",
-        "height": "20",
-        "viewBox": "0 0 20 20"
+        width: "20",
+        height: "20",
+        viewBox: "0 0 20 20"
       }
-    }, [_c("g", {
+    }, [e("g", {
       attrs: {
-        "stroke": "currentColor",
-        "fill": "none",
+        stroke: "currentColor",
+        fill: "none",
         "fill-rule": "evenodd",
         "stroke-linecap": "round",
         "stroke-linejoin": "round"
       }
-    }, [_c("path", {
+    }, [e("path", {
       attrs: {
-        "d": "M18 3v4c0 2-2 4-4 4H2"
+        d: "M18 3v4c0 2-2 4-4 4H2"
       }
-    }), _c("path", {
+    }), e("path", {
       attrs: {
-        "d": "M8 17l-6-6 6-6"
+        d: "M8 17l-6-6 6-6"
       }
     })])])])])]);
-  }) : _vm.evalResult !== "" ? _c("li", {
+  }) : t.evalResult !== "" ? e("li", {
     staticClass: "search-li",
     on: {
-      "click": _vm.copyEvalResult,
-      "mousemove": function($event) {
-        return _vm.mouseHoverItem({}, -1);
+      click: t.copyEvalResult,
+      mousemove: function(s) {
+        return t.mouseHoverItem({}, -1);
       }
     }
-  }, [_c("a", {
+  }, [e("a", {
     class: ["search-item", {
-      active: _vm.currentIndex === -1
+      active: t.currentIndex === -1
     }],
     attrs: {
-      "rel": "noopener noreferrer",
-      "href": "javascript:void(0)"
+      rel: "noopener noreferrer",
+      href: "javascript:void(0)"
     }
-  }, [_vm._m(0), _c("div", {
+  }, [t._m(0), e("div", {
     staticStyle: {
-      "flex": "1",
+      flex: "1",
       "text-align": "left",
-      "padding": "0 10px",
+      padding: "0 10px",
       "overflow-x": "hidden",
       "box-sizing": "border-box"
     }
-  }, [_c("p", {
+  }, [e("p", {
     staticStyle: {
       "margin-bottom": "4px",
       "font-size": "16px"
     }
-  }, [_vm._v("Result: " + _vm._s(_vm.evalResult))]), _c("p", {
+  }, [t._v("Result: " + t._s(t.evalResult))]), e("p", {
     staticClass: "url"
-  }, [_vm._v("点击或这按 Enter 键复制")])]), _c("div", {
+  }, [t._v("点击或这按 Enter 键复制")])]), e("div", {
     staticClass: "search-icon search-action"
-  }, [_c("svg", {
+  }, [e("svg", {
     staticClass: "action",
     attrs: {
-      "width": "20",
-      "height": "20",
-      "viewBox": "0 0 20 20"
+      width: "20",
+      height: "20",
+      viewBox: "0 0 20 20"
     }
-  }, [_c("g", {
+  }, [e("g", {
     attrs: {
-      "stroke": "currentColor",
-      "fill": "none",
+      stroke: "currentColor",
+      fill: "none",
       "fill-rule": "evenodd",
       "stroke-linecap": "round",
       "stroke-linejoin": "round"
     }
-  }, [_c("path", {
+  }, [e("path", {
     attrs: {
-      "d": "M18 3v4c0 2-2 4-4 4H2"
+      d: "M18 3v4c0 2-2 4-4 4H2"
     }
-  }), _c("path", {
+  }), e("path", {
     attrs: {
-      "d": "M8 17l-6-6 6-6"
+      d: "M8 17l-6-6 6-6"
     }
-  })])])])])]) : _c("li", {
+  })])])])])]) : e("li", {
     staticStyle: {
-      "height": "100%",
-      "display": "flex",
+      height: "100%",
+      display: "flex",
       "align-items": "center",
       "justify-content": "center",
-      "color": "#808080"
+      color: "#808080"
     }
-  }, [_vm._v(" Sorry,no result ! ")])], 2), _c("div", {
+  }, [t._v(" Sorry,no result ! ")])], 2), e("div", {
     staticClass: "footer-tips"
-  }, [_c("span", {
+  }, [e("span", {
     staticClass: "keyboard-key"
-  }, [_c("svg", {
+  }, [e("svg", {
     attrs: {
-      "width": "15",
-      "height": "15"
+      width: "15",
+      height: "15"
     }
-  }, [_c("g", {
+  }, [e("g", {
     attrs: {
-      "fill": "none",
-      "stroke": "currentColor",
+      fill: "none",
+      stroke: "currentColor",
       "stroke-linecap": "round",
       "stroke-linejoin": "round",
       "stroke-width": "1.2"
     }
-  }, [_c("path", {
+  }, [e("path", {
     attrs: {
-      "d": "M12 3.53088v3c0 1-1 2-2 2H4M7 11.53088l-3-3 3-3"
+      d: "M12 3.53088v3c0 1-1 2-2 2H4M7 11.53088l-3-3 3-3"
     }
-  })])])]), _c("span", {
+  })])])]), e("span", {
     staticStyle: {
       "font-size": "12px",
       "margin-right": "20px"
     }
-  }, [_vm._v("选择")]), _c("span", {
+  }, [t._v("选择")]), e("span", {
     staticClass: "keyboard-key"
-  }, [_c("svg", {
+  }, [e("svg", {
     attrs: {
-      "width": "15",
-      "height": "15"
+      width: "15",
+      height: "15"
     }
-  }, [_c("g", {
+  }, [e("g", {
     attrs: {
-      "fill": "none",
-      "stroke": "currentColor",
+      fill: "none",
+      stroke: "currentColor",
       "stroke-linecap": "round",
       "stroke-linejoin": "round",
       "stroke-width": "1.2"
     }
-  }, [_c("path", {
+  }, [e("path", {
     attrs: {
-      "d": "M7.5 3.5v8M10.5 8.5l-3 3-3-3"
+      d: "M7.5 3.5v8M10.5 8.5l-3 3-3-3"
     }
-  })])])]), _c("span", {
+  })])])]), e("span", {
     staticClass: "keyboard-key"
-  }, [_c("svg", {
+  }, [e("svg", {
     attrs: {
-      "width": "15",
-      "height": "15"
+      width: "15",
+      height: "15"
     }
-  }, [_c("g", {
+  }, [e("g", {
     attrs: {
-      "fill": "none",
-      "stroke": "currentColor",
+      fill: "none",
+      stroke: "currentColor",
       "stroke-linecap": "round",
       "stroke-linejoin": "round",
       "stroke-width": "1.2"
     }
-  }, [_c("path", {
+  }, [e("path", {
     attrs: {
-      "d": "M7.5 11.5v-8M10.5 6.5l-3-3-3 3"
+      d: "M7.5 11.5v-8M10.5 6.5l-3-3-3 3"
     }
-  })])])]), _c("span", {
+  })])])]), e("span", {
     staticStyle: {
       "font-size": "12px",
       "margin-right": "20px"
     }
-  }, [_vm._v("切换")]), _c("span", {
+  }, [t._v("切换")]), e("span", {
     staticClass: "keyboard-key"
-  }, [_c("svg", {
+  }, [e("svg", {
     attrs: {
-      "width": "15",
-      "height": "15"
+      width: "15",
+      height: "15"
     }
-  }, [_c("g", {
+  }, [e("g", {
     attrs: {
-      "fill": "none",
-      "stroke": "currentColor",
+      fill: "none",
+      stroke: "currentColor",
       "stroke-linecap": "round",
       "stroke-linejoin": "round",
       "stroke-width": "1.2"
     }
-  }, [_c("path", {
+  }, [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"
+      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"
     }
-  })])])]), _c("span", {
+  })])])]), e("span", {
     staticStyle: {
       "font-size": "12px"
     }
-  }, [_vm._v("关闭")])])]);
-};
-var staticRenderFns = [function() {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c("div", {
+  }, [t._v("关闭")])])]);
+}, staticRenderFns = [function() {
+  var t = this, r = t.$createElement, e = t._self._c || r;
+  return e("div", {
     staticClass: "search-icon"
-  }, [_c("i", {
+  }, [e("i", {
     staticClass: "fa fa-table"
   })]);
 }];
-const SearchPopover_vue_vue_type_style_index_0_lang = "";
-const __vue2_script = {
+const SearchPopover_vue_vue_type_style_index_0_lang = "", __vue2_script = {
   name: "SearchPopover",
   directives: {
     ClickOutside
@@ -304,7 +296,7 @@ const __vue2_script = {
   },
   data() {
     return {
-      showPopover: false,
+      showPopover: !1,
       keyword: "",
       currentIndex: 0,
       last: 0
@@ -312,33 +304,26 @@ const __vue2_script = {
   },
   computed: {
     filterList() {
-      return this.services.filter((value) => value.name.indexOf(this.keyword) > -1);
+      return this.services.filter((t) => t.name.indexOf(this.keyword) > -1);
     },
     currentItem() {
-      var _a;
-      return (_a = this.filterList) == null ? void 0 : _a[this.currentIndex];
+      var t;
+      return (t = this.filterList) == null ? void 0 : t[this.currentIndex];
     },
     evalResult() {
       try {
         return eval(this.keyword);
-      } catch (e) {
+      } catch (t) {
         return "";
       }
     }
   },
   watch: {
     keyword() {
-      this.currentIndex = 0;
-      if (!this.currentItem && this.currentIndex !== -1) {
-        this.currentIndex = -1;
-      }
+      this.currentIndex = 0, !this.currentItem && this.currentIndex !== -1 && (this.currentIndex = -1);
     },
-    showPopover(newVal) {
-      if (newVal) {
-        document.body.style.overflow = "hidden";
-      } else {
-        document.body.style.overflow = "";
-      }
+    showPopover(t) {
+      t ? document.body.style.overflow = "hidden" : document.body.style.overflow = "";
     }
   },
   mounted() {
@@ -348,98 +333,55 @@ const __vue2_script = {
     window.removeEventListener("keydown", this.keydown);
   },
   methods: {
-    async onItemClick(item) {
-      if (item.path) {
-        this.hidePopover();
-        await this.$router.push(item.path);
-      }
+    async onItemClick(t) {
+      t.path && (this.hidePopover(), await this.$router.push(t.path));
     },
     copyEvalResult() {
       return copy(this.evalResult);
     },
     hidePopover() {
-      this.showPopover = false;
+      this.showPopover = !1;
     },
     displayPopover() {
-      this.showPopover = true;
+      this.showPopover = !0;
     },
-    mouseHoverItem(item, index) {
-      this.currentIndex = index;
+    mouseHoverItem(t, r) {
+      this.currentIndex = r;
     },
-    async keydown(event) {
-      if (event.key === "Shift") {
-        const cost = Date.now() - this.last;
-        if (cost > 0 && cost < 500) {
-          this.showPopover = true;
-          await this.$nextTick();
-          this.$refs.searchInput.focus();
-        } else {
-          this.last = Date.now();
-        }
-      }
-      if (this.showPopover === true) {
-        if (event.key === "Escape") {
-          this.hidePopover();
-        }
-        if (event.key === "Enter") {
-          if (this.currentItem) {
-            if (this.currentItem.url) {
-              window.open(this.currentItem.url, "_blank");
-              this.hidePopover();
-            } else if (this.currentItem.path) {
-              await this.onItemClick(this.currentItem);
-            }
-          } else {
-            this.copyEvalResult();
-          }
-        }
-        if (event.key === "ArrowUp") {
-          this.currentIndex--;
-          if (this.currentIndex < 0) {
-            this.currentIndex = this.filterList.length - 1;
-          }
-          this.scrollIntoView(this.currentIndex);
-        }
-        if (event.key === "ArrowDown") {
-          this.currentIndex++;
-          if (this.currentIndex >= this.filterList.length) {
-            this.currentIndex = 0;
-          }
-          this.scrollIntoView(this.currentIndex);
-        }
+    async keydown(t) {
+      if (t.key === "Shift") {
+        const r = Date.now() - this.last;
+        r > 0 && r < 500 ? (this.showPopover = !0, await 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 && await 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(index) {
-      if (index === 0) {
+    scrollIntoView(t) {
+      if (t === 0) {
         this.$refs.ul.scrollTop = 0;
         return;
       }
-      if (index === this.filterList.length) {
+      if (t === this.filterList.length) {
         this.$refs.ul.scrollTop = this.$refs.ul.scrollHeight;
         return;
       }
-      const item = this.$refs.ul.querySelector(`#item-${index}`);
-      if (!isInContainer(item, this.$refs.ul, { topOffset: -78, bottomOffset: 78 })) {
-        this.$refs.ul.scrollTop = item.offsetTop - item.clientHeight + 20;
-      }
+      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);
     }
   }
-};
-const __cssModules = {};
+}, __cssModules = {};
 var __component__ = /* @__PURE__ */ normalizeComponent(
   __vue2_script,
   render,
   staticRenderFns,
-  false,
+  !1,
   __vue2_injectStyles,
   null,
   null,
   null
 );
-function __vue2_injectStyles(context) {
-  for (let o in __cssModules) {
-    this[o] = __cssModules[o];
-  }
+function __vue2_injectStyles(t) {
+  for (let r in __cssModules)
+    this[r] = __cssModules[r];
 }
 const SearchPopover = /* @__PURE__ */ function() {
   return __component__.exports;