@web-utils/component 4.0.15 → 5.0.0-beta01

package/input-number/index.mjs

@@ -1,233 +0,0 @@
-import s from "element-ui/lib/input";
-import u from "element-ui/src/mixins/focus";
-import o from "element-ui/src/directives/repeat-click";
-import { n as a } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
-const l = {
-  props: {
-    suffixIcon: {
-      type: String
-    },
-    prefixIcon: {
-      type: String
-    },
-    step: {
-      type: Number,
-      default: 1
-    },
-    stepStrictly: {
-      type: Boolean,
-      default: !1
-    },
-    max: {
-      type: Number,
-      default: 1 / 0
-    },
-    min: {
-      type: Number,
-      default: -1 / 0
-    },
-    value: {
-      type: [Number, String]
-    },
-    disabled: Boolean,
-    size: {
-      type: String
-    },
-    controls: {
-      type: Boolean,
-      default: !0
-    },
-    controlsPosition: {
-      type: String,
-      default: ""
-    },
-    name: {
-      type: String
-    },
-    label: {
-      type: String
-    },
-    placeholder: {
-      type: String
-    },
-    precision: {
-      type: Number,
-      default: void 0,
-      validator(t) {
-        return t >= 0 && t === parseInt(t, 10);
-      }
-    }
-  }
-}, p = {
-  name: "InputNumber",
-  directives: {
-    repeatClick: o
-  },
-  mixins: [u("input"), l],
-  inject: {
-    elForm: {
-      default: ""
-    },
-    elFormItem: {
-      default: ""
-    }
-  },
-  data() {
-    return {
-      currentValue: 0,
-      userInput: null
-    };
-  },
-  computed: {
-    minDisabled() {
-      return this._decrease(this.value, this.step) < this.min;
-    },
-    maxDisabled() {
-      return this._increase(this.value, this.step) > this.max;
-    },
-    numPrecision() {
-      const { value: t, step: e, getPrecision: n, precision: i } = this, r = n(e);
-      return i !== void 0 ? (r > i && console.warn("[Element Warn][InputNumber]precision should not be less than the decimal places of step"), i) : Math.max(n(t), r);
-    },
-    controlsAtRight() {
-      return this.controls && this.controlsPosition === "right";
-    },
-    _elFormItemSize() {
-      return (this.elFormItem || {}).elFormItemSize;
-    },
-    inputNumberSize() {
-      return this.size || this._elFormItemSize || (this.$ELEMENT || {}).size;
-    },
-    inputNumberDisabled() {
-      return this.disabled || !!(this.elForm || {}).disabled;
-    },
-    displayValue() {
-      if (this.userInput !== null)
-        return this.userInput;
-      let t = this.currentValue;
-      if (typeof t == "number") {
-        if (this.stepStrictly) {
-          const e = this.getPrecision(this.step), n = Math.pow(10, e);
-          t = Math.round(t / this.step) * n * this.step / n;
-        }
-        this.precision !== void 0 && (t = t.toFixed(this.precision));
-      }
-      return t;
-    }
-  },
-  watch: {
-    value: {
-      immediate: !0,
-      handler(t) {
-        let e = t === void 0 ? t : Number(t);
-        if (e !== void 0) {
-          if (isNaN(e))
-            return;
-          if (this.stepStrictly) {
-            const n = this.getPrecision(this.step), i = Math.pow(10, n);
-            e = Math.round(e / this.step) * i * this.step / i;
-          }
-          this.precision !== void 0 && (e = this.toPrecision(e, this.precision));
-        }
-        e >= this.max && (e = this.max), e <= this.min && (e = this.min), this.currentValue = e, this.userInput = null, this.$emit("input", e);
-      }
-    }
-  },
-  mounted() {
-    const t = this.$refs.input.$refs.input;
-    t.setAttribute("role", "spinbutton"), t.setAttribute("aria-valuemax", this.max), t.setAttribute("aria-valuemin", this.min), t.setAttribute("aria-valuenow", this.currentValue), t.setAttribute("aria-disabled", this.inputNumberDisabled);
-  },
-  updated() {
-    if (!this.$refs || !this.$refs.input) return;
-    this.$refs.input.$refs.input.setAttribute("aria-valuenow", this.currentValue);
-  },
-  methods: {
-    toPrecision(t, e) {
-      return e === void 0 && (e = this.numPrecision), parseFloat(Math.round(t * Math.pow(10, e)) / Math.pow(10, e));
-    },
-    getPrecision(t) {
-      if (t === void 0) return 0;
-      const e = t.toString(), n = e.indexOf(".");
-      let i = 0;
-      return n !== -1 && (i = e.length - n - 1), i;
-    },
-    _increase(t, e) {
-      if (typeof t != "number" && t !== void 0) return this.currentValue;
-      const n = Math.pow(10, this.numPrecision);
-      return this.toPrecision((n * t + n * e) / n);
-    },
-    _decrease(t, e) {
-      if (typeof t != "number" && t !== void 0) return this.currentValue;
-      const n = Math.pow(10, this.numPrecision);
-      return this.toPrecision((n * t - n * e) / n);
-    },
-    increase() {
-      if (this.inputNumberDisabled || this.maxDisabled) return;
-      const t = this.value || 0, e = this._increase(t, this.step);
-      this.setCurrentValue(e);
-    },
-    decrease() {
-      if (this.inputNumberDisabled || this.minDisabled) return;
-      const t = this.value || 0, e = this._decrease(t, this.step);
-      this.setCurrentValue(e);
-    },
-    handleBlur(t) {
-      this.$emit("blur", t);
-    },
-    handleFocus(t) {
-      this.$emit("focus", t);
-    },
-    setCurrentValue(t) {
-      const e = this.currentValue;
-      typeof t == "number" && this.precision !== void 0 && (t = this.toPrecision(t, this.precision)), t >= this.max && (t = this.max), t <= this.min && (t = this.min), e !== t && (this.userInput = null, this.$emit("input", t), this.$emit("change", t, e), this.currentValue = t);
-    },
-    handleInput(t) {
-      this.userInput = t;
-    },
-    handleInputChange(t) {
-      const e = t === "" ? void 0 : Number(t);
-      (!isNaN(e) || t === "") && this.setCurrentValue(e), this.userInput = null;
-    },
-    select() {
-      this.$refs.input.select();
-    }
-  }
-};
-var c = function() {
-  var e = this, n = e._self._c;
-  return n("div", { class: [
-    "input-number",
-    "el-input-number",
-    e.inputNumberSize ? `el-input-number--${e.inputNumberSize}` : "",
-    { "is-disabled": e.inputNumberDisabled, "is-without-controls": !e.controls, "is-controls-right": e.controlsAtRight }
-  ], on: { dragstart: function(i) {
-    i.preventDefault();
-  } } }, [e.controls ? n("span", { directives: [{ name: "repeat-click", rawName: "v-repeat-click", value: e.decrease, expression: "decrease" }], staticClass: "el-input-number__decrease", class: { "is-disabled": e.minDisabled }, attrs: { role: "button" }, on: { keydown: function(i) {
-    return !i.type.indexOf("key") && e._k(i.keyCode, "enter", 13, i.key, "Enter") ? null : e.decrease.apply(null, arguments);
-  } } }, [n("i", { class: `el-icon-${e.controlsAtRight ? "arrow-down" : "minus"}` })]) : e._e(), e.controls ? n("span", { directives: [{ name: "repeat-click", rawName: "v-repeat-click", value: e.increase, expression: "increase" }], staticClass: "el-input-number__increase", class: { "is-disabled": e.maxDisabled }, attrs: { role: "button" }, on: { keydown: function(i) {
-    return !i.type.indexOf("key") && e._k(i.keyCode, "enter", 13, i.key, "Enter") ? null : e.increase.apply(null, arguments);
-  } } }, [n("i", { class: `el-icon-${e.controlsAtRight ? "arrow-up" : "plus"}` })]) : e._e(), n(s, { ref: "input", attrs: { value: e.displayValue, placeholder: e.placeholder, disabled: e.inputNumberDisabled, size: e.inputNumberSize, max: e.max, "prefix-icon": e.prefixIcon, "suffix-icon": e.suffixIcon, min: e.min, name: e.name, label: e.label }, on: { blur: e.handleBlur, focus: e.handleFocus, input: e.handleInput, change: e.handleInputChange }, nativeOn: { keydown: [function(i) {
-    return !i.type.indexOf("key") && e._k(i.keyCode, "up", 38, i.key, ["Up", "ArrowUp"]) ? null : (i.preventDefault(), e.increase.apply(null, arguments));
-  }, function(i) {
-    return !i.type.indexOf("key") && e._k(i.keyCode, "down", 40, i.key, ["Down", "ArrowDown"]) ? null : (i.preventDefault(), e.decrease.apply(null, arguments));
-  }] }, scopedSlots: e._u([{ key: "append", fn: function() {
-    return [e._t("append")];
-  }, proxy: !0 }, { key: "prefix", fn: function() {
-    return [e._t("prefix")];
-  }, proxy: !0 }, { key: "prepend", fn: function() {
-    return [e._t("prepend")];
-  }, proxy: !0 }, { key: "suffix", fn: function() {
-    return [e._t("suffix")];
-  }, proxy: !0 }], null, !0) })], 1);
-}, h = [], d = /* @__PURE__ */ a(
-  p,
-  c,
-  h,
-  !1,
-  null,
-  null
-);
-const _ = d.exports;
-export {
-  _ as default
-};

package/input-number/style.css

@@ -1 +0,0 @@
-.el-input-number.input-number{display:block}.el-input-number.input-number .el-input-group{display:inline-table}.el-input-number.input-number .el-input{width:100%}

package/keep-view-alive/index.mjs

@@ -1,117 +0,0 @@
-import { n as y } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
-const C = Object.prototype.toString;
-function f(e) {
-  return e != null;
-}
-function g(e) {
-  return e.isComment && e.asyncFactory;
-}
-function x(e) {
-  if (Array.isArray(e))
-    for (let n = 0; n < e.length; n++) {
-      const t = e[n];
-      if (f(t) && (f(t.componentOptions) || g(t)))
-        return t;
-    }
-}
-function _(e) {
-  return C.call(e) === "[object RegExp]";
-}
-function d(e) {
-  return e && (e.Ctor.options.name || e.tag);
-}
-function l(e, n) {
-  return Array.isArray(e) ? e.indexOf(n) > -1 : typeof e == "string" ? e.split(",").indexOf(n) > -1 : _(e) ? e.test(n) : !1;
-}
-function p(e, n) {
-  if (e.length) {
-    const t = e.indexOf(n);
-    if (t > -1)
-      return e.splice(t, 1);
-  }
-}
-function m(e, n) {
-  const { cache: t, keys: o, _vnode: c } = e;
-  for (const i in t) {
-    const s = t[i];
-    if (s) {
-      const a = s.name;
-      a && !n(a) && u(t, i, o, c);
-    }
-  }
-}
-function u(e, n, t, o) {
-  const c = e[n];
-  c && (!o || c.tag !== o.tag) && c.componentInstance.$destroy(), e[n] = null, p(t, n);
-}
-const k = {
-  name: "KeepViewAlive",
-  abstract: !0,
-  props: {
-    include: Array,
-    exclude: Array,
-    max: [String, Number]
-  },
-  created() {
-    this.cache = /* @__PURE__ */ Object.create(null), this.keys = [];
-  },
-  destroyed() {
-    for (const e in this.cache)
-      u(this.cache, e, this.keys);
-  },
-  mounted() {
-    this.cacheVNode(), this.$watch("include", (e) => {
-      m(this, (n) => l(e, n));
-    }), this.$watch("exclude", (e) => {
-      m(this, (n) => !l(e, n));
-    });
-  },
-  updated() {
-    this.cacheVNode();
-  },
-  methods: {
-    cacheVNode() {
-      const { cache: e, keys: n, vnodeToCache: t, keyToCache: o } = this;
-      if (t) {
-        const { tag: c, componentInstance: i, componentOptions: s } = t;
-        e[o] = {
-          name: d(s),
-          tag: c,
-          cid: s.Ctor.cid,
-          componentInstance: i
-        }, n.push(o), this.max && n.length > parseInt(this.max) && u(e, n[0], n, this._vnode), this.vnodeToCache = null;
-      }
-    }
-  },
-  render() {
-    const e = this.$slots.default, n = x(e), t = n && n.componentOptions;
-    if (t) {
-      const o = d(t), { include: c, exclude: i } = this;
-      if (
-        // not included
-        c && (!o || !l(c, o)) || // excluded
-        i && o && l(i, o)
-      )
-        return n;
-      const { cache: s, keys: a } = this, r = n.key == null ? (
-        // same constructor may get registered as different local components
-        // so cid alone is not enough (#3269)
-        t.Ctor.cid + (t.tag ? `::${t.tag}` : "")
-      ) : n.key, h = s[r];
-      h ? h.cid === t.Ctor.cid ? (n.componentInstance = h.componentInstance, p(a, r), a.push(r)) : (h.componentInstance.$destroy(), s[r] = null, this.vnodeToCache = n, this.keyToCache = r) : (this.vnodeToCache = n, this.keyToCache = r), n.data.keepAlive = !0;
-    }
-    return n || e && e[0];
-  }
-}, v = null, A = null;
-var O = /* @__PURE__ */ y(
-  k,
-  v,
-  A,
-  !1,
-  null,
-  null
-);
-const I = O.exports;
-export {
-  I as default
-};

package/search-popover/index.mjs

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

package/search-popover/style.css

@@ -1 +0,0 @@
-.search-popover{z-index:100;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;flex-direction:column;width:560px;height:500px;display:inline-flex;position:fixed;top:0;left:0;overflow:hidden;transform:translate(calc(50vw - 280px),15%)}.search-popover .footer-tips{text-align:left;border-top:1px solid #1989fa;padding:10px}.search-popover .keyboard-key{background:linear-gradient(-225deg,#d5dbe4,#f8f8f8);border-radius:2px;justify-content:center;align-items:center;width:20px;height:18px;margin-right:.4em;padding-bottom:2px;display:inline-flex;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;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #1989fa;border-radius:4px;outline:none;width:100%;height:46px;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-sizing:border-box;color:#000;background-color:#fff;border-radius:4px;align-items:center;padding:10px;text-decoration:none;display:flex;overflow-x:hidden;box-shadow:0 1px 3px #d4d9e1}.search-popover .search-item .search-action{display:none}.search-popover .search-item .url{color:#969faf;white-space:nowrap;text-overflow:ellipsis;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}