@web-utils/component 2.0.13 → 2.2.0

package/dist/components/photo-swipe/style.css

@@ -1,20 +0,0 @@
-/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
-.pswp {
-  z-index: 2147483647;
-}
-.pswp .pswp__error-msg {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  transform: translateY(-50%);
-}
-.pswp .error-img {
-  width: 200px;
-  margin-bottom: 10px;
-}

package/dist/components/resize-observer/index.js

@@ -1,96 +0,0 @@
-import { g as getInternetExplorerVersion } from "../../chunks/c69d5628.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", {
-    staticClass: "resize-observer",
-    attrs: {
-      "tabindex": "-1"
-    }
-  });
-};
-var staticRenderFns = [];
-const ResizeObserver_vue_vue_type_style_index_0_lang = "";
-let isIE;
-function initCompat() {
-  if (!initCompat.init) {
-    initCompat.init = true;
-    isIE = getInternetExplorerVersion() !== -1;
-  }
-}
-const __vue2_script = {
-  name: "ResizeObserver",
-  mounted() {
-    initCompat();
-    this.$nextTick(() => {
-      this._w = this.$el.offsetWidth;
-      this._h = this.$el.offsetHeight;
-    });
-    const object = document.createElement("object");
-    this._resizeObject = object;
-    object.setAttribute("aria-hidden", "true");
-    object.setAttribute("tabindex", -1);
-    object.onload = this.addResizeHandlers;
-    object.type = "text/html";
-    if (isIE) {
-      this.$el.appendChild(object);
-    }
-    object.data = "about:blank";
-    if (!isIE) {
-      this.$el.appendChild(object);
-    }
-  },
-  beforeDestroy() {
-    this.removeResizeHandlers();
-  },
-  methods: {
-    compareAndNotify() {
-      if (this._w !== this.$el.offsetWidth || this._h !== this.$el.offsetHeight) {
-        this._w = this.$el.offsetWidth;
-        this._h = this.$el.offsetHeight;
-        this.$emit("notify", {
-          width: this._w,
-          height: this._h
-        });
-      }
-    },
-    addResizeHandlers() {
-      this._resizeObject.contentDocument.defaultView.addEventListener("resize", this.compareAndNotify);
-      this.compareAndNotify();
-    },
-    removeResizeHandlers() {
-      if (this._resizeObject && this._resizeObject.onload) {
-        if (!isIE && this._resizeObject.contentDocument) {
-          this._resizeObject.contentDocument.defaultView.removeEventListener("resize", this.compareAndNotify);
-        }
-        this.$el.removeChild(this._resizeObject);
-        this._resizeObject.onload = null;
-        this._resizeObject = null;
-      }
-    }
-  }
-};
-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 ResizeObserver = /* @__PURE__ */ function() {
-  return __component__.exports;
-}();
-export {
-  ResizeObserver as default
-};

package/dist/components/resize-observer/style.css

@@ -1,31 +0,0 @@
-/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
-.resize-observer {
-  position: absolute;
-  top: 0;
-  left: 0;
-  z-index: -1;
-  display: block;
-  width: 100%;
-  height: 100%;
-  overflow: hidden;
-  background-color: transparent;
-  border: none;
-  opacity: 0;
-  pointer-events: none;
-}
-.resize-observer > object {
-  position: absolute;
-  top: 0;
-  left: 0;
-  z-index: -1;
-  display: block;
-  width: 100%;
-  height: 100%;
-  overflow: hidden;
-  pointer-events: none;
-}

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

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

package/dist/components/search-popover/style.css

@@ -1,93 +0,0 @@
-/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
-.search-popover {
-  border-radius: 4px;
-  z-index: 100;
-  position: fixed;
-  overflow: hidden;
-  background-color: #f5f6f7;
-  display: inline-flex;
-  flex-direction: column;
-  border: 1px solid #1989fa;
-  width: 560px;
-  height: 500px;
-  top: 0;
-  left: 0;
-  transform: translate3d(calc((100vw - 560px) / 2), 15%, 0);
-  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAIAAAAmkwkpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACZJREFUeNpi/PTpEwMY8PLyMsFZnz9/ZoKzgAzG////Q1hAABBgAFeiDto+NxIZAAAAAElFTkSuQmCC");
-  background-repeat: repeat;
-}
-.search-popover .footer-tips {
-  padding: 10px;
-  text-align: left;
-  border-top: 1px solid #1989fa;
-}
-.search-popover .keyboard-key {
-  align-items: center;
-  background: linear-gradient(-225deg, #d5dbe4, #f8f8f8);
-  border-radius: 2px;
-  box-shadow: inset 0 -2px 0 0 #cdcde6, inset 0 0 1px 1px #fff, 0 1px 2px 1px rgba(30, 35, 90, 0.4);
-  display: inline-flex;
-  height: 18px;
-  justify-content: center;
-  margin-right: 0.4em;
-  padding-bottom: 2px;
-  width: 20px;
-}
-.search-popover .search-input {
-  height: 46px;
-  border: 1px solid #1989fa;
-  appearance: none;
-  border-radius: 4px;
-  outline: none;
-  width: 100%;
-  box-sizing: border-box;
-  padding: 10px;
-}
-.search-popover .search-li {
-  padding: 10px;
-}
-.search-popover .search-icon {
-  color: #969faf;
-  flex-shrink: 0;
-  font-size: 24px;
-}
-.search-popover .search-item {
-  box-shadow: 0 1px 3px 0 #d4d9e1;
-  text-decoration: none;
-  box-sizing: border-box;
-  color: #000;
-  padding: 10px;
-  display: flex;
-  align-items: center;
-  border-radius: 4px;
-  background-color: #fff;
-  overflow-x: hidden;
-}
-.search-popover .search-item .search-action {
-  display: none;
-}
-.search-popover .search-item .url {
-  color: #969faf;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  font-size: 14px;
-  overflow-x: hidden;
-}
-.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;
-}