bkui-vue 0.0.1-beta.196 → 0.0.1-beta.197

package/dist/index.esm.js

@@ -88,6 +88,7 @@ var container = "";
 var cascader = "";
 var colorPicker = "";
 var timePicker = "";
+var searchSelect = "";
 const BKLAYERD_INDEX_EFAULT_VALUE = {
   ["bottom"]: 0,
   ["content"]: 1,
@@ -351,13 +352,13 @@ function isShadowRoot$1(node) {
 function applyStyles(_ref) {
   var state = _ref.state;
   Object.keys(state.elements).forEach(function(name) {
-    var style = state.styles[name] || {};
+    var style2 = state.styles[name] || {};
     var attributes = state.attributes[name] || {};
     var element = state.elements[name];
     if (!isHTMLElement$1(element) || !getNodeName$1(element)) {
       return;
     }
-    Object.assign(element.style, style);
+    Object.assign(element.style, style2);
     Object.keys(attributes).forEach(function(name2) {
       var value = attributes[name2];
       if (value === false) {
@@ -392,14 +393,14 @@ function effect$2(_ref2) {
       var element = state.elements[name];
       var attributes = state.attributes[name] || {};
       var styleProperties = Object.keys(state.styles.hasOwnProperty(name) ? state.styles[name] : initialStyles[name]);
-      var style = styleProperties.reduce(function(style2, property) {
-        style2[property] = "";
-        return style2;
+      var style2 = styleProperties.reduce(function(style3, property) {
+        style3[property] = "";
+        return style3;
       }, {});
       if (!isHTMLElement$1(element) || !getNodeName$1(element)) {
         return;
       }
-      Object.assign(element.style, style);
+      Object.assign(element.style, style2);
       Object.keys(attributes).forEach(function(attribute) {
         element.removeAttribute(attribute);
       });
@@ -7384,20 +7385,20 @@ class BkMaskManager {
   show(content, zIndex, showMask = true, appendStyle = {}, uuid2 = null, transfer2 = false) {
     const uid = uuid2 != null ? uuid2 : random(16);
     const localZIndex = /-?\d+/.test(`${zIndex}`) ? zIndex : bkZIndexManager.getModalNextIndex();
-    let style = Object.assign({}, this.maskStyle, appendStyle || {});
+    let style2 = Object.assign({}, this.maskStyle, appendStyle || {});
     if (!showMask) {
       if (this.lastUUID) {
         const preStore = this.zIndexStore.get(this.lastUUID);
-        style = preStore.style;
+        style2 = preStore.style;
       }
     }
     this.storeMaskInsCfg({
       zIndex: localZIndex,
-      style: __spreadValues({}, style),
+      style: __spreadValues({}, style2),
       uuid: uid,
       preUID: this.lastUUID
     });
-    this.setMaskStyle(style);
+    this.setMaskStyle(style2);
     this.mask.style.setProperty("display", "block");
     this.mask.style.setProperty("z-index", `${localZIndex}`);
     this.backupMask.style.setProperty("z-index", `${localZIndex - 1}`);
@@ -8545,7 +8546,7 @@ const warn = (props2, context) => {
 warn.displayName = "warn";
 warn.inheritAttrs = false;
 JSON.parse('{"type":"element","name":"svg","attributes":{"xmlns":"http://www.w3.org/2000/svg","viewBox":"0 0 1024 1024","style":"width: 1em; height: 1em; vertical-align: middle;fill: currentColor;overflow: hidden;"},"elements":[{"type":"element","name":"path","attributes":{"d":"M603.52 348.8c0 26.496-22.357333333333333 48-49.919999999999995 48s-49.919999999999995-21.503999999999998-49.919999999999995-48c0-26.496 22.357333333333333-48 49.919999999999995-48s49.919999999999995 21.503999999999998 49.919999999999995 48z"}},{"type":"element","name":"path","attributes":{"d":"M357.11999999999995 348.8c0 26.496-22.357333333333333 48-49.919999999999995 48s-49.919999999999995-21.503999999999998-49.919999999999995-48c0-26.496 22.357333333333333-48 49.919999999999995-48s49.919999999999995 21.503999999999998 49.919999999999995 48z"}},{"type":"element","name":"path","attributes":{"d":"M693.12 604.16c0 15.914666666666665-13.184 28.8-29.439999999999998 28.8s-29.439999999999998-12.885333333333332-29.439999999999998-28.8c0-15.914666666666665 13.184-28.8 29.439999999999998-28.8s29.439999999999998 12.885333333333332 29.439999999999998 28.8z"}},{"type":"element","name":"path","attributes":{"d":"M951.68 832c43.775999999999996-42.410666666666664 71.29599999999999-101.41866666666665 72.32-166.86933333333332-4.608-109.696-77.35466666666666-201.0453333333333-176.72533333333334-233.30133333333333 5.674666666666667-12.117333333333331 10.154666666666666-26.282666666666664 10.154666666666666-41.471999999999994 0-4.522666666666666-0.38399999999999995-8.959999999999999-1.152-13.226666666666667-33.834666666666664-181.29066666666665-212.39466666666664-313.1306666666667-425.5146666666667-313.1306666666667-238.71999999999997 0-430.72 167.04-430.72 372.48 1.2799999999999998 107.56266666666666 50.56 203.30666666666664 127.40266666666668 267.05066666666664l-16.682666666666666 55.50933333333333c-2.1759999999999997 6.784-3.456 14.634666666666668-3.456 22.741333333333333 0 42.410666666666664 34.38933333333333 76.8 76.8 76.8 12.458666666666666 0 24.191999999999997-2.944 34.602666666666664-8.234666666666666l101.33333333333333-52.906666666666666c32.81066666666666 7.722666666666666 70.52799999999999 12.159999999999998 109.22666666666666 12.159999999999998 0.08533333333333333 0 0.17066666666666666 0 0.21333333333333332 0h28.16c13.098666666666666-0.7679999999999999 25.130666666666663-4.693333333333333 35.54133333333333-11.050666666666666 54.22933333333333 73.55733333333333 140.672 120.53333333333333 238.07999999999998 120.53333333333333 1.664 0 3.3706666666666667 0 5.034666666666666-0.042666666666666665 21.077333333333332-0.08533333333333333 41.855999999999995-2.1759999999999997 61.99466666666667-6.101333333333333l49.10933333333333 26.581333333333333c9.941333333333333 5.034666666666666 21.717333333333332 8.021333333333333 34.176 8.021333333333333 42.410666666666664 0 76.8-34.38933333333333 76.8-76.8 0-8.106666666666666-1.2799999999999998-15.957333333333333-3.584-23.296zM430.72 752.64c-0.17066666666666666 0-0.38399999999999995 0-0.5973333333333333 0-40.831999999999994 0-80.29866666666666-5.8453333333333335-117.58933333333331-16.72533333333333l-3.456 0.7253333333333334-131.2 67.19999999999999 35.199999999999996-113.27999999999999h-3.1999999999999997c-86.10133333333332-52.05333333333333-143.40266666666668-144.17066666666665-145.92-249.89866666666666 0-172.50133333333332 165.76-312.66133333333335 366.72-312.66133333333335 5.717333333333333-0.3413333333333333 12.415999999999999-0.512 19.157333333333334-0.512 163.32799999999997 0 300.58666666666664 111.40266666666668 340.0106666666667 262.4l-14.805333333333332 2.432c-183.04 0-327.03999999999996 112-327.03999999999996 285.44 0.512 26.709333333333333 5.1626666666666665 52.181333333333335 13.312 75.98933333333332zM872.96 812.8v0l21.759999999999998 67.84-81.28-40.959999999999994h-3.84c-21.119999999999997 6.101333333333333-45.397333333333336 9.6-70.48533333333333 9.6-0.17066666666666666 0-0.38399999999999995 0-0.5546666666666666 0-5.888 0.5973333333333333-12.757333333333332 0.9386666666666665-19.712 0.9386666666666665-107.09333333333332 0-195.2853333333333-80.93866666666666-206.71999999999997-184.95999999999998 10.367999999999999-106.96533333333333 99.072-189.1413333333333 206.976-189.1413333333333 5.973333333333334 0 11.861333333333334 0.256 17.706666666666663 0.7253333333333334 4.309333333333333-0.512 10.197333333333333-0.7253333333333334 16.170666666666666-0.7253333333333334 107.904 0 196.60799999999998 82.17599999999999 206.976 187.34933333333333-1.7066666666666666 63.82933333333333-35.79733333333333 118.44266666666665-86.18666666666667 148.90666666666667z"}},{"type":"element","name":"path","attributes":{"d":"M839.68 604.16c0 15.914666666666665-13.184 28.8-29.439999999999998 28.8s-29.439999999999998-12.885333333333332-29.439999999999998-28.8c0-15.914666666666665 13.184-28.8 29.439999999999998-28.8s29.439999999999998 12.885333333333332 29.439999999999998 28.8z"}}]}');
-var Component$F = defineComponent({
+var Component$G = defineComponent({
   name: "Alert",
   props: {
     theme: PropTypes.theme(["info", "success", "warning", "error"]).def("info"),
@@ -8602,8 +8603,8 @@ var Component$F = defineComponent({
     }, [this.closeText ? this.closeText : createVNode(closeLine, null, null)])])]);
   }
 });
-const BkAlert = withInstall(Component$F);
-var Component$E = defineComponent({
+const BkAlert = withInstall(Component$G);
+var Component$F = defineComponent({
   name: "AnimateNumber",
   props: {
     value: PropTypes.number.def(0),
@@ -8651,7 +8652,7 @@ var Component$E = defineComponent({
     return () => createVNode("span", null, [formatValue.value]);
   }
 });
-const BkAnimateNumber = withInstall(Component$E);
+const BkAnimateNumber = withInstall(Component$F);
 const on$1 = (() => {
   if (document.addEventListener) {
     return (element, event, handler) => {
@@ -8680,7 +8681,7 @@ const off$1 = (() => {
     }
   };
 })();
-var Component$D = defineComponent({
+var Component$E = defineComponent({
   name: "Affix",
   props: {
     offsetTop: PropTypes.number.def(0),
@@ -8710,7 +8711,7 @@ var Component$D = defineComponent({
       on$1(targetEl.value, "scroll", listenScroll);
       on$1(targetEl.value, "resize", listenScroll);
       nextTick(() => {
-        handleScroll();
+        handleScroll2();
       });
     });
     const affix2 = ref(false);
@@ -8730,7 +8731,7 @@ var Component$D = defineComponent({
       }
     };
     const listenScroll = lodash.exports.throttle(() => {
-      handleScroll();
+      handleScroll2();
     }, 100);
     const getOffset = (element) => {
       const rect = element.value.getBoundingClientRect();
@@ -8745,7 +8746,7 @@ var Component$D = defineComponent({
         left: rect.left - rect2.left - clientLeft
       };
     };
-    const handleScroll = () => {
+    const handleScroll2 = () => {
       const rect = targetEl.value === window ? {
         top: 0,
         left: 0,
@@ -8805,8 +8806,8 @@ var Component$D = defineComponent({
     };
   }
 });
-const BkAffix = withInstall(Component$D);
-var Component$C = defineComponent({
+const BkAffix = withInstall(Component$E);
+var Component$D = defineComponent({
   name: "Backtop",
   props: {
     visibilityHeight: PropTypes.number.def(200),
@@ -8871,8 +8872,8 @@ var Component$C = defineComponent({
     });
   }
 });
-const BkBacktop = withInstall(Component$C);
-var Component$B = defineComponent({
+const BkBacktop = withInstall(Component$D);
+var Component$C = defineComponent({
   name: "Badge",
   props: {
     theme: PropTypes.string.def("primary"),
@@ -8948,8 +8949,8 @@ var Component$B = defineComponent({
     }, [(_f = (_e = (_d = this.$slots).icon) == null ? void 0 : _e.call(_d)) != null ? _f : number]) : ""]);
   }
 });
-const BkBadge = withInstall(Component$B);
-var Component$A = defineComponent({
+const BkBadge = withInstall(Component$C);
+var Component$B = defineComponent({
   name: "Breadcrumb",
   props: {
     extCls: PropTypes.string,
@@ -9048,7 +9049,7 @@ var BreadcrumbItem = defineComponent({
     };
   }
 });
-const BkBreadcrumb = withInstallProps(Component$A, { Item: BreadcrumbItem });
+const BkBreadcrumb = withInstallProps(Component$B, { Item: BreadcrumbItem });
 let BkLoadingMode;
 (function(BkLoadingMode2) {
   BkLoadingMode2["Default"] = "default";
@@ -9079,7 +9080,7 @@ const loadingTypes = {
   color: PropTypes.string.def("white"),
   zIndex: PropTypes.number.def(1)
 };
-var Component$z = defineComponent({
+var Component$A = defineComponent({
   name: "Loading",
   props: loadingTypes,
   setup(props2, ctx) {
@@ -9135,7 +9136,7 @@ var Component$z = defineComponent({
     };
   }
 });
-const BkLoading = withInstallProps(Component$z, { setDefaultIndicator, BkLoadingMode, BkLoadingSize }, true);
+const BkLoading = withInstallProps(Component$A, { setDefaultIndicator, BkLoadingMode, BkLoadingSize }, true);
 const btnSizes = ["", "small", "large"];
 const buttonProps = {
   theme: PropTypes.theme().def(""),
@@ -9155,7 +9156,7 @@ const buttonProps = {
     default: "button"
   }
 };
-var Component$y = defineComponent({
+var Component$z = defineComponent({
   name: "Button",
   props: buttonProps,
   emits: ["click", "mouseover"],
@@ -9244,7 +9245,7 @@ var ButtonGroup = defineComponent({
     };
   }
 });
-const BkButton = withInstallProps(Component$y, { ButtonGroup });
+const BkButton = withInstallProps(Component$z, { ButtonGroup });
 const inputType = {
   type: PropTypes.string.def("text"),
   clearable: PropTypes.bool,
@@ -9309,7 +9310,7 @@ const inputEmitEventsType = {
   [EVENTS$2.COMPOSITIONUPDATE]: CompositionEventFunction,
   [EVENTS$2.COMPOSITIONEND]: CompositionEventFunction
 };
-var Component$x = defineComponent({
+var Component$y = defineComponent({
   name: "Input",
   inheritAttrs: false,
   props: inputType,
@@ -9322,7 +9323,7 @@ var Component$x = defineComponent({
     const inputClsPrefix = computed(() => isTextArea.value ? "bk-textarea" : "bk-input");
     const _a = ctx.attrs, {
       class: cls,
-      style
+      style: style2
     } = _a, inputAttrs = __objRest(_a, [
       "class",
       "style"
@@ -9485,7 +9486,7 @@ var Component$x = defineComponent({
       var _a2, _b, _c, _d, _e, _f, _g;
       return createVNode("div", {
         "class": inputCls.value,
-        "style": style
+        "style": style2
       }, [(_c = (_b = (_a2 = ctx.slots) == null ? void 0 : _a2.prefix) == null ? void 0 : _b.call(_a2)) != null ? _c : props2.prefix && createVNode("div", {
         "class": getCls("prefix-area")
       }, [createVNode("span", {
@@ -9525,8 +9526,8 @@ var Component$x = defineComponent({
     };
   }
 });
-const BkInput = withInstall(Component$x);
-var Component$w = defineComponent({
+const BkInput = withInstall(Component$y);
+var Component$x = defineComponent({
   name: "Card",
   props: {
     title: PropTypes.string,
@@ -9619,7 +9620,7 @@ var Component$w = defineComponent({
     }, [(_l = (_k = (_j = this.$slots).footer) == null ? void 0 : _k.call(_j)) != null ? _l : "Footer"]) : ""]) : ""]);
   }
 });
-const BkCard = withInstall(Component$w);
+const BkCard = withInstall(Component$x);
 const checkboxGroupKey = Symbol("CheckboxGroup");
 function useFocus$1() {
   const isFocus = ref(false);
@@ -9717,7 +9718,7 @@ const checkboxProps = {
   beforeChange: PropTypes.func,
   size: PropTypes.size().def("large")
 };
-var Component$v = defineComponent({
+var Component$w = defineComponent({
   name: "Checkbox",
   props: checkboxProps,
   emits: ["update:modelValue", "change"],
@@ -9829,7 +9830,7 @@ var BkCheckboxGroup = defineComponent({
     }, [(_a = this.$slots) == null ? void 0 : _a.default()]);
   }
 });
-const BkCheckbox = withInstallProps(Component$v, { Group: BkCheckboxGroup });
+const BkCheckbox = withInstallProps(Component$w, { Group: BkCheckboxGroup });
 const propsCollapse = {
   list: PropTypes.arrayOf(PropTypes.any).def([]),
   idFiled: PropTypes.string.def("$index"),
@@ -10158,7 +10159,7 @@ const propsMixin$1 = {
   multiInstance: PropTypes.bool.def(true),
   infoType: PropTypes.commonType(["success", "warning", "danger", "loading"], "infoType").def()
 };
-var Component$u = defineComponent({
+var Component$v = defineComponent({
   name: "Modal",
   props: __spreadValues({}, propsMixin$1),
   emits: ["quick-close", "quickClose", "hidden", "shown", "close"],
@@ -10260,7 +10261,7 @@ var Component$u = defineComponent({
     })]);
   }
 });
-const BkModal = withInstallProps(Component$u, { propsMixin: propsMixin$1 }, true);
+const BkModal = withInstallProps(Component$v, { propsMixin: propsMixin$1 }, true);
 const props = __spreadProps(__spreadValues({}, propsMixin$1), {
   width: PropTypes.oneOfType([String, Number]).def(""),
   height: PropTypes.oneOfType([String, Number]).def(""),
@@ -10518,7 +10519,7 @@ var Building = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz
 var empty = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IuWbvuWxgl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgNDgwIDI0MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDgwIDI0MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOnVybCgjRmlsbC0xXzFfKTt9Cgkuc3Qxe2ZpbGw6dXJsKCPot6/lvoQtM18xXyk7fQoJLnN0MntmaWxsOnVybCgj5b2i54q257uT5ZCIXzJfKTt9Cgkuc3Qze2ZpbGw6I0M0QzZDQzt9Cjwvc3R5bGU+CjxsaW5lYXJHcmFkaWVudCBpZD0iRmlsbC0xXzFfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjI0MS40NDI3IiB5MT0iODQuOTYwMSIgeDI9IjI0Ny41MTg0IiB5Mj0iNTAuNTAyOCIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAtMSAwIDI0MCkiPgoJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0ZCRkNGRCIvPgoJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0YwRjJGNSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cGF0aCBpZD0iRmlsbC0xIiBjbGFzcz0ic3QwIiBkPSJNMTg4LDE2NC43YzE2LjMtMy43LDM5LjctNS4zLDU1LjYtNC41czI5LjEsMy42LDMwLDIuOWMzLjItMi4xLDEwLTMsOS42LTIuMgoJYy0wLjMsMC44LTQuNywzLjQtMy4zLDMuOGMxLjQsMC40LDE1LjYsMiwyMS41LDMuM2M1LjksMS4yLDkuNywyLjQsMTEsMi40czMuMy0xLjcsMTEuOC0wLjljMC4yLDAuMy0xLjksMC40LTMuOCwxLjQKCXMtMy4zLDAuOS0zLjMsMS4xczEuMS0wLjMsMy4zLDEuMWMyLjIsMS40LDYuMSwxLjksNi4xLDIuMnMtNC45LDItMTMuMi0wLjZjLTIuMS0wLjctNyw1LjEtMjkuNSw2LjdzLTYwLjUsMi45LTYwLjUsMi45CglzMi4zLDIuOSw1LjYsMy44YzAuMiwwLjMtMS4zLDEuNC03LjgsMC4ycy05LjktMy45LTkuOS0zLjlzLTEyLjgtMC44LTE3LjYtMS42cy0xMC40LTIuOS0xNC4yLTMuM2MtMy44LTAuNC0yMS4xLTIuNC0xNC41LTYuOQoJQzE2NC43LDE3Mi41LDE3MS43LDE2OC40LDE4OCwxNjQuN3oiLz4KPGxpbmVhckdyYWRpZW50IGlkPSLot6/lvoQtM18xXyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSI0MTIuNTYwNiIgeTE9Ii0zLjExMzMiIHgyPSI0MTIuNTYwNiIgeTI9Ii0yLjE3NzMiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMTA1LjYgMCAwIDU2LjMyIC00MzMyNi40MDIzIDI3OC40MDAxKSI+Cgk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojRTZFOEVCO3N0b3Atb3BhY2l0eTowLjk5MTciLz4KCTxzdG9wICBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiNENEQ2RDkiLz4KPC9saW5lYXJHcmFkaWVudD4KPHBvbHlnb24gaWQ9Iui3r+W+hC0zIiBjbGFzcz0ic3QxIiBwb2ludHM9IjE4Ny4yLDEzNy42IDIxMC43LDEwMi40IDI2OS4zLDEwMi40IDI5Mi44LDEzNy42IDI5Mi44LDE1OC43IDE4Ny4yLDE1OC43ICIvPgo8bGluZWFyR3JhZGllbnQgaWQ9IuW9oueKtue7k+WQiF8yXyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSI0MTIuNTYwNiIgeTE9Ii01IiB4Mj0iNDEyLjU2MDYiIHkyPSItNC4wMDc5IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDEwNS42IDAgMCAzNS4yIC00MzMyNi40MDIzIDMxMy42MDA0KSI+Cgk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojRURFRkYyIi8+Cgk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRThFQUVEIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxwYXRoIGlkPSLlvaLnirbnu5PlkIgiIGNsYXNzPSJzdDIiIGQ9Ik0yMTIuNiwxNzIuOGgtMjMuNGMtMS4xLDAtMi0wLjktMi0ydi0zMy4yaDIzLjRjMS4xLDAsMiwwLjksMiwydjcuNGMwLDEuMSwwLjgsMS45LDEuOSwyCgloMC4xaDUwLjhjMS4xLDAsMS45LTAuOCwyLTEuOVYxNDd2LTcuNGMwLTEuMSwwLjktMiwyLTJoMjMuNHYzMy4yYzAsMS4xLTAuOSwyLTIsMmgtMjMuNEgyMTIuNnoiLz4KPHBhdGggaWQ9IuW9oueKtue7k+WQiF8xXyIgY2xhc3M9InN0MyIgZD0iTTE4Mi40LDE2OS42djhoOHYxLjZoLTkuNnYtOS42SDE4Mi40eiIvPgo8cGF0aCBpZD0i5b2i54q257uT5ZCI5aSH5Lu9IiBjbGFzcz0ic3QzIiBkPSJNMjg5LjYsMTc3LjZoOHYtOGgxLjZ2OS42aC05LjZWMTc3LjZ6Ii8+CjxnIGlkPSLnvJbnu4QtNCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoOTEuNjg4ODkwLCAxMS44NzQ5MzYpIHJvdGF0ZSgyMS4wMDAwMDApIHRyYW5zbGF0ZSgtOTEuNjg4ODkwLCAtMTEuODc0OTM2KSB0cmFuc2xhdGUoOTAuODg4ODkwLCAwLjY3NDkzNikiPgoKCQk8cmVjdCBpZD0i55+p5b2iXzFfIiB4PSIxODMuMSIgeT0iMjQuNSIgdHJhbnNmb3JtPSJtYXRyaXgoNS40NDk4OTllLTA2IDEgLTEgNS40NDk4OTllLTA2IDIwOS45Mzc5IC0xNTkuMzkzOCkiIGNsYXNzPSJzdDMiIHdpZHRoPSIzLjIiIGhlaWdodD0iMS42Ii8+CgoJCTxyZWN0IGlkPSLnn6nlvaLlpIfku70tNiIgeD0iMTgzLjEiIHk9IjMwLjkiIHRyYW5zZm9ybT0ibWF0cml4KDUuNDQ5ODk4ZS0wNiAxIC0xIDUuNDQ5ODk4ZS0wNiAyMTYuMzM3OCAtMTUyLjk5MzkpIiBjbGFzcz0ic3QzIiB3aWR0aD0iMy4yIiBoZWlnaHQ9IjEuNiIvPgoKCQk8cmVjdCBpZD0i55+p5b2i5aSH5Lu9LTciIHg9IjE4My4xIiB5PSIzNy4zIiB0cmFuc2Zvcm09Im1hdHJpeCg1LjQ0OTg5OGUtMDYgMSAtMSA1LjQ0OTg5OGUtMDYgMjIyLjczNzkgLTE0Ni41OTM5KSIgY2xhc3M9InN0MyIgd2lkdGg9IjMuMiIgaGVpZ2h0PSIxLjYiLz4KCgkJPHJlY3QgaWQ9IuefqeW9ouWkh+S7vS04IiB4PSIxODMuMSIgeT0iNDMuNyIgdHJhbnNmb3JtPSJtYXRyaXgoNS40NDk4OTllLTA2IDEgLTEgNS40NDk4OTllLTA2IDIyOS4xMzc5IC0xNDAuMTkzOSkiIGNsYXNzPSJzdDMiIHdpZHRoPSIzLjIiIGhlaWdodD0iMS42Ii8+CjwvZz4KPGcgaWQ9Iue8lue7hC0zIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzNi4wMDAwMDAsIDI3LjIwMDAwMCkgcm90YXRlKC0zMi4wMDAwMDApIHRyYW5zbGF0ZSgtMzYuMDAwMDAwLCAtMjcuMjAwMDAwKSB0cmFuc2xhdGUoMzUuMjAwMDAwLCAxMi44MDAwMDApIj4KCgkJPHJlY3QgaWQ9IuefqeW9ol8yXyIgeD0iOTEuNyIgeT0iMTYxLjEiIHRyYW5zZm9ybT0ibWF0cml4KC0xIDUuNDI2MzM3ZS0wNiAtNS40MjYzMzdlLTA2IC0xIDE4NS4wNzUzIDMyNS40NDM4KSIgY2xhc3M9InN0MyIgd2lkdGg9IjEuNiIgaGVpZ2h0PSIzLjIiLz4KCgkJPHJlY3QgaWQ9IuefqeW9ouWkh+S7vS0yIiB4PSI5MS43IiB5PSIxNjcuNSIgdHJhbnNmb3JtPSJtYXRyaXgoLTEgNS40MjYzMzZlLTA2IC01LjQyNjMzNmUtMDYgLTEgMTg1LjA3NTUgMzM4LjI0MzgpIiBjbGFzcz0ic3QzIiB3aWR0aD0iMS42IiBoZWlnaHQ9IjMuMiIvPgoKCQk8cmVjdCBpZD0i55+p5b2i5aSH5Lu9LTMiIHg9IjkxLjciIHk9IjE3My45IiB0cmFuc2Zvcm09Im1hdHJpeCgtMSA1LjQyNjMzNmUtMDYgLTUuNDI2MzM2ZS0wNiAtMSAxODUuMDc1NSAzNTEuMDQzOSkiIGNsYXNzPSJzdDMiIHdpZHRoPSIxLjYiIGhlaWdodD0iMy4yIi8+CgoJCTxyZWN0IGlkPSLnn6nlvaLlpIfku70tNCIgeD0iOTEuNyIgeT0iMTgwLjMiIHRyYW5zZm9ybT0ibWF0cml4KC0xIDUuNDI2MzM2ZS0wNiAtNS40MjYzMzZlLTA2IC0xIDE4NS4wNzU1IDM2My44NDM4KSIgY2xhc3M9InN0MyIgd2lkdGg9IjEuNiIgaGVpZ2h0PSIzLjIiLz4KCgkJPHJlY3QgaWQ9IuefqeW9ouWkh+S7vS01IiB4PSI5MS43IiB5PSIxODYuNyIgdHJhbnNmb3JtPSJtYXRyaXgoLTEgNS40MjYzMzdlLTA2IC01LjQyNjMzN2UtMDYgLTEgMTg1LjA3NTUgMzc2LjY0MzgpIiBjbGFzcz0ic3QzIiB3aWR0aD0iMS42IiBoZWlnaHQ9IjMuMiIvPgo8L2c+CjxjaXJjbGUgaWQ9IuakreWchuW9oiIgY2xhc3M9InN0MyIgY3g9IjI2OC44IiBjeT0iOTQuNCIgcj0iMS42Ii8+CjxjaXJjbGUgaWQ9IuakreWchuW9ouWkh+S7vSIgY2xhc3M9InN0MyIgY3g9IjIyNy4yIiBjeT0iMTIwIiByPSIxLjYiLz4KPC9zdmc+Cg==";
 var login = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IuWbvuWxgl8yXzFfIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiCgkgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNDgwIDI0MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDgwIDI0MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOnVybCgj5b2i54q257uT5ZCIXzNfKTt9Cgkuc3Qxe2ZpbGw6dXJsKCPlvaLnirbnu5PlkIhfN18pO30KCS5zdDJ7ZmlsbDojQzRDNkNDO30KCS5zdDN7ZmlsbDp1cmwoI+W9oueKtue7k+WQiF85Xyk7fQoJLnN0NHtmaWxsOnVybCgj5b2i54q257uT5ZCIXzEwXyk7ZmlsbC1vcGFjaXR5OjAuNjt9Cgkuc3Q1e2ZpbGw6dXJsKCPlvaLnirbnu5PlkIhfMTFfKTt9Cgkuc3Q2e2ZpbGw6dXJsKCPot6/lvoQtM18xXyk7fQoJLnN0N3tmaWxsOnVybCgj5b2i54q257uT5ZCIXzEyXyk7fQoJLnN0OHtmaWxsOnVybCgj6Lev5b6ELTNfNF8pO30KCS5zdDl7ZmlsbDp1cmwoI+W9oueKtue7k+WQiF8xM18pO30KCS5zdDEwe2ZpbGw6dXJsKCPlvaLnirbnu5PlkIhfMTVfKTt9Cgkuc3QxMXtmaWxsOiM5NzlCQTU7fQoJLnN0MTJ7ZmlsbDp1cmwoI1NWR0lEXzFfKTt9Cgkuc3QxM3tmaWxsOnVybCgjU1ZHSURfMl8pO30KCS5zdDE0e2ZpbGw6dXJsKCPlvaLnirbnu5PlkIhfMTZfKTt9Cgkuc3QxNXtmaWxsOnVybCgj5b2i54q257uT5ZCI5aSH5Lu9LTJfMl8pO30KCS5zdDE2e2ZpbGw6IzM0MzQzNDtmaWxsLW9wYWNpdHk6MC4xO30KPC9zdHlsZT4KPGcgaWQ9Iumhtemdoi0xIj4KCTxnIGlkPSJFeGNlcHRpb25feDJGX+W8guW4uOaPkOekul94MkZf54Gw55m95a+55q+UIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtOTI0LjAwMDAwMCwgLTcwNy4wMDAwMDApIj4KCQk8ZyBpZD0i6ZyA6KaB55m75b2VIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg5MjQuMDAwMDAwLCA3MDcuMDAwMDAwKSI+CgoJCQkJPGxpbmVhckdyYWRpZW50IGlkPSLlvaLnirbnu5PlkIhfM18iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMTAxOS45MDA2IiB5MT0iLTguMzM1NCIgeDI9IjEwMTkuOTAwNiIgeTI9Ii03LjMzNjciIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMjAwLjAyNTcgMCAwIDU4LjMwNDcgLTIwMzc1OS41NDY5IDY2My45OTQ0KSI+CgkJCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojRjVGNkY3Ii8+CgkJCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRjdGOUZDIi8+CgkJCTwvbGluZWFyR3JhZGllbnQ+CgkJCTxwYXRoIGlkPSLlvaLnirbnu5PlkIhfMzBfIiBjbGFzcz0ic3QwIiBkPSJNMjQ5LjYsMTc4djguN2MwLDIuNSwyLjEsNC42LDQuNiw0LjZzNC41LDEuOSw0LjYsNC40djAuMnYwLjkKCQkJCWMxLjEtMC41LDIuMy0wLjgsMy41LTAuOGM0LjMsMCw3LjgsMy4yLDguNCw3LjNjMS0wLjgsMi4yLTEuMywzLjYtMS4zYzEuMiwwLDIuMywwLjQsMy4yLDFjMi4zLTQuMiw2LjctNywxMS44LTcKCQkJCWM3LjIsMCwxMyw1LjYsMTMuNSwxMi43YzQuOSwwLjcsMTAuMSwxLjUsMTMuMywyLjFjNy4yLDEuNSwxMS44LDMsMTMuNCwzczQtMi4xLDE0LjUtMS4xYzAuMiwwLjQtMi4zLDAuNS00LjcsMS43cy00LDEuMS00LDEuNAoJCQkJczEuMy0wLjQsNCwxLjNzNy41LDIuMyw3LjUsMi44cy02LjEsMi40LTE2LjItMC44Yy0yLjYtMC44LTguNiw2LjItMzYuMSw4LjJjLTI3LjYsMi03NC4yLDMuNS03NC4yLDMuNXMyLjgsMy42LDYuOSw0LjYKCQkJCWMwLjIsMC40LTEuNiwxLjctOS42LDAuMmMtNy45LTEuNS0xMi4yLTQuOC0xMi4yLTQuOHMtMTUuNy0xLTIxLjYtMmMtNS45LTEtMTIuNy0zLjUtMTcuNC00cy0yNS45LTMtMTcuOC04LjUKCQkJCWMwLDAsNy4yLTQuMiwyMy42LTguM2MyLTMuNSw1LjctNS45LDEwLjEtNS45YzIuNywwLDUuMiwwLjksNy4xLDIuNWMxLjQtMC4yLDIuOS0wLjQsNC40LTAuNmMxLjItMS4xLDIuOC0xLjgsNC41LTEuOAoJCQkJYzEuMiwwLDIuMywwLjMsMy4yLDAuOWwwLjUtMC4xYzEtMy45LDQuNS02LjgsOC43LTYuOGMyLjgsMCw1LjQsMS4zLDcsMy4zdi0yLjhjMC0yLjksMi40LTUuMyw1LjMtNS4zYzIuOCwwLDUuMi0yLjIsNS4zLTUuMQoJCQkJdi0wLjJ2LThMMjQ5LjYsMTc4TDI0OS42LDE3OHoiLz4KCgkJCQk8bGluZWFyR3JhZGllbnQgaWQ9IuW9oueKtue7k+WQiF83XyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIxMDAzLjIzODQiIHkxPSItNDMuNjgxOCIgeDI9IjEwMDMuOTQ2MSIgeTI9Ii00My42ODE4IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDQ0IDAgMCAxMSAtNDM5MTkuMTk5MiA2NTUuNSkiPgoJCQkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0UyRTNFNiIvPgoJCQkJPHN0b3AgIG9mZnNldD0iMC40NTQzIiBzdHlsZT0ic3RvcC1jb2xvcjojRUNFRUYwIi8+CgkJCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRTJFNEU2Ii8+CgkJCTwvbGluZWFyR3JhZGllbnQ+CgkJCTxwYXRoIGlkPSLlvaLnirbnu5PlkIhfMjlfIiBjbGFzcz0ic3QxIiBkPSJNMjE2LjgsMTY5LjVoNDR2NmMwLDIuOC05LjgsNS0yMiw1cy0yMi0yLjItMjItNWwwLDBMMjE2LjgsMTY5LjVMMjE2LjgsMTY5LjV6Ii8+CgkJCTxwYXRoIGlkPSLlvaLnirbnu5PlkIjlpIfku71fMV8iIGNsYXNzPSJzdDIiIGQ9Ik0yMTYuOCwxNjVoNDR2NmMwLDIuOC05LjgsNS0yMiw1cy0yMi0yLjItMjItNWwwLDBMMjE2LjgsMTY1TDIxNi44LDE2NXoiLz4KCgkJCQk8bGluZWFyR3JhZGllbnQgaWQ9IuW9oueKtue7k+WQiF85XyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSI5NDcuNDg4OCIgeTE9Ii04LjM4NDgiIHgyPSI5NDguMTg2MyIgeTI9Ii04LjM4NDgiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMTIgMCAwIDU0LjcgLTExMTc3LjIwMDIgNTgxLjI5OTEpIj4KCQkJCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNGMUYzRjUiLz4KCQkJCTxzdG9wICBvZmZzZXQ9IjAuNDU3NiIgc3R5bGU9InN0b3AtY29sb3I6I0Y0RjVGNyIvPgoJCQkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0VDRUVGMCIvPgoJCQk8L2xpbmVhckdyYWRpZW50PgoJCQk8cGF0aCBpZD0i5b2i54q257uT5ZCIXzI4XyIgY2xhc3M9InN0MyIgZD0iTTE5Ni44LDk1LjNjMS44LDAsNiw4LjMsNiwxMS43bDAsMHY0M2gtMTJ2LTQzdi0wLjJDMTkwLjksMTAzLjQsMTk1LDk1LjMsMTk2LjgsOTUuMwoJCQkJeiIvPgoKCQkJCTxsaW5lYXJHcmFkaWVudCBpZD0i5b2i54q257uT5ZCIXzEwXyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSI5NDcuODQ2NCIgeTE9Ii0xOS44MjgyIiB4Mj0iOTQ3LjgyNyIgeTI9Ii0xOS42NDE4IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDEyIDAgMCAyNC4yIC0xMTA5My4yMDAyIDYwMi45OTkzKSI+CgkJCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojQ0REMEQyO3N0b3Atb3BhY2l0eTowIi8+CgkJCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojQ0REMEQyIi8+CgkJCTwvbGluZWFyR3JhZGllbnQ+CgkJCTxwb2x5Z29uIGlkPSLlvaLnirbnu5PlkIhfMjZfIiBjbGFzcz0ic3Q0IiBwb2ludHM9IjI3NC44LDExNyAyNzQuOCwxMzIuNiAyNzkuNywxNDEuMiAyODYuOCwxMzUuNCAyODYuOCwxMjYgCQkJIi8+CgoJCQkJPGxpbmVhckdyYWRpZW50IGlkPSLlvaLnirbnu5PlkIhfMTFfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9Ijk0OC4xNzE2IiB5MT0iLTguMzg0OCIgeDI9Ijk0Ny40NzQxIiB5Mj0iLTguMzg0OCIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxMiAwIDAgNTQuNyAtMTEwOTMuMjAwMiA1ODEuMjk5MSkiPgoJCQkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0YxRjNGNSIvPgoJCQkJPHN0b3AgIG9mZnNldD0iMC40NTc2IiBzdHlsZT0ic3RvcC1jb2xvcjojRjRGNUY3Ii8+CgkJCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRUNFRUYwIi8+CgkJCTwvbGluZWFyR3JhZGllbnQ+CgkJCTxwYXRoIGlkPSLlvaLnirbnu5PlkIhfMjVfIiBjbGFzcz0ic3Q1IiBkPSJNMjgwLjgsOTUuM2MtMS44LDAtNiw4LjMtNiwxMS43bDAsMHY0M2gxMnYtNDN2LTAuMgoJCQkJQzI4Ni42LDEwMy40LDI4Mi41LDk1LjMsMjgwLjgsOTUuM3oiLz4KCQkJPGcgaWQ9Iue8lue7hF8zXyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoODAuNzYwNDk5LCA3Ny4wMDAwMDApIj4KCgkJCQkJPGxpbmVhckdyYWRpZW50IGlkPSLot6/lvoQtM18xXyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSI1MTQuMzE0MSIgeTE9Ii02Ljg5MDUiIHgyPSI1MTQuMzk0MyIgeTI9Ii02LjUyMDQiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMzYgMCAwIDY2IC0xODM5NS43MzI0IDUwNikiPgoJCQkJCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNFOEU5RUIiLz4KCQkJCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRDdEOERCIi8+CgkJCQk8L2xpbmVhckdyYWRpZW50PgoJCQkJPHBhdGggaWQ9Iui3r+W+hC0zXzNfIiBjbGFzcz0ic3Q2IiBkPSJNMTM1LDIwYy0xLjQsNy00LjUsMTMuMy05LjQsMTkuMWMtNy4zLDguNy0xNS4yLDEzLjYtMTguNCwyMy44CgkJCQkJYy0yLjEsNi44LTMuMiwxMi45LTMuMiwxOC4zbDMyLjEsNC44bDMuOS00LjhMMTM1LDIweiIvPgoKCQkJCQk8bGluZWFyR3JhZGllbnQgaWQ9IuW9oueKtue7k+WQiF8xMl8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iNDY5LjEyNSIgeTE9Ii02Ljk4IiB4Mj0iNDY5LjEyNjMiIHkyPSItNi45NjgxIiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDEzIDAgMCA2NC41IC01OTY1LjY4MTYgNTA3LjUpIj4KCQkJCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojRUJFREVGO3N0b3Atb3BhY2l0eTowIi8+CgkJCQkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0M4Q0FDQyIvPgoJCQkJPC9saW5lYXJHcmFkaWVudD4KCQkJCTxwYXRoIGlkPSLlvaLnirbnu5PlkIhfMjRfIiBjbGFzcz0ic3Q3IiBkPSJNMTM1LjIsMjEuNWw0LjgsNTkuN2wtMy45LDQuOGwtOS4xLTEuNGwzLjMtNTIuMmMyLTMuNSwzLjQtNy4xLDQuNC0xMC45CgkJCQkJQzEzNC43LDIxLjUsMTM1LjIsMjEuNSwxMzUuMiwyMS41eiIvPgoJCQk8L2c+CgoJCQkJPGcgaWQ9Iue8lue7hF8yXyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTcxLjAwMDAwMCwgMTEwLjAwMDAwMCkgc2NhbGUoLTEsIDEpIHRyYW5zbGF0ZSgtMTcxLjAwMDAwMCwgLTExMC4wMDAwMDApIHRyYW5zbGF0ZSgxNTMuMDAwMDAwLCA3Ny4wMDAwMDApIj4KCgkJCQkJPGxpbmVhckdyYWRpZW50IGlkPSLot6/lvoQtM180XyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIyNi4xMTk1IiB5MT0iLTYuNzUwNiIgeDI9IjI2LjE5OTgiIHkyPSItNi4zODA1IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDM2IDAgMCA2NiAtMTAyNCA1MDYpIj4KCQkJCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojRThFOUVCIi8+CgkJCQkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0Q3RDhEQiIvPgoJCQkJPC9saW5lYXJHcmFkaWVudD4KCQkJCTxwYXRoIGlkPSLot6/lvoQtM18yXyIgY2xhc3M9InN0OCIgZD0iTS03MywyMGMtMS40LDctNC41LDEzLjMtOS40LDE5LjFjLTcuMyw4LjctMTUuMiwxMy42LTE4LjQsMjMuOAoJCQkJCWMtMi4xLDYuOC0zLjIsMTIuOS0zLjIsMTguM2wzMi4xLDQuOGwzLjktNC44TC03MywyMHoiLz4KCQkJPC9nPgoKCQkJCTxsaW5lYXJHcmFkaWVudCBpZD0i5b2i54q257uT5ZCIXzEzXyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSI2NTkuNjQ1MyIgeTE9Ii02Ljk4IiB4Mj0iNjU5LjY0NjUiIHkyPSItNi45NjgiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoLTEzIDAgMCA2NC41IDg4MzkuMjE0OCA1ODQuNSkiPgoJCQkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0VCRURFRjtzdG9wLW9wYWNpdHk6MCIvPgoJCQkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0M4Q0FDQyIvPgoJCQk8L2xpbmVhckdyYWRpZW50PgoJCQk8cGF0aCBpZD0i5b2i54q257uT5ZCIXzJfIiBjbGFzcz0ic3Q5IiBkPSJNMjYxLjYsOTguNWwtNC44LDU5LjdsMy45LDQuOGw5LjEtMS40bC0zLjMtNTIuMmMtMi0zLjUtMy40LTcuMS00LjQtMTAuOQoJCQkJQzI2Mi4xLDk4LjUsMjYxLjYsOTguNSwyNjEuNiw5OC41eiIvPgoKCQkJCTxsaW5lYXJHcmFkaWVudCBpZD0i5b2i54q257uT5ZCIXzE1XyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIxMDA0Ljk4MTEiIHkxPSItMi42NTU4IiB4Mj0iMTAwNS42ODg3IiB5Mj0iLTIuNjU1OCIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCg0OCAwIDAgMTU0IC00ODAxNy4xOTkyIDUwNikiPgoJCQkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0VBRUJFRCIvPgoJCQkJPHN0b3AgIG9mZnNldD0iMC40NTQzIiBzdHlsZT0ic3RvcC1jb2xvcjojRjRGNUY3Ii8+CgkJCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRUVGMEYyIi8+CgkJCTwvbGluZWFyR3JhZGllbnQ+CgkJCTxwYXRoIGlkPSLlvaLnirbnu5PlkIhfMThfIiBjbGFzcz0ic3QxMCIgZD0iTTIzOC44LDIwYzcsMCwyNCwyNy43LDI0LDQxbDAsMHYxMDZjMCwwLjEsMCwwLjIsMCwwLjNzMCwwLjIsMCwwLjIKCQkJCWMwLDMuNi0xMC43LDYuNS0yNCw2LjVzLTI0LTIuOS0yNC02LjVjMC0wLjEsMC0wLjIsMC0wLjJjMC0wLjEsMC0wLjIsMC0wLjNWNjF2LTAuNEMyMTUuMSw0Ny4yLDIzMS44LDIwLDIzOC44LDIweiIvPgoJCQk8Zz4KCQkJCTxjaXJjbGUgaWQ9IuakreWchuW9ol83XyIgY2xhc3M9InN0MTEiIGN4PSIyMzguOCIgY3k9IjcxIiByPSI5LjUiLz4KCgkJCQkJPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF8xXyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSI5NzYuMDc5IiB5MT0iLTI1LjMzMzQiIHgyPSI5NzYuMDc5IiB5Mj0iLTI0LjgyNDQiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMTkgMCAwIDE5IC0xODMwNi42OTkyIDU0Ny41KSI+CgkJCQkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0UxRTJFNiIvPgoJCQkJCTxzdG9wICBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiNGMEYyRjUiLz4KCQkJCTwvbGluZWFyR3JhZGllbnQ+CgkJCQk8cGF0aCBjbGFzcz0ic3QxMiIgZD0iTTIzOC44LDgxYy01LjUsMC0xMC00LjUtMTAtMTBzNC41LTEwLDEwLTEwczEwLDQuNSwxMCwxMFMyNDQuMyw4MSwyMzguOCw4MXogTTIzOC44LDYyYy01LDAtOSw0LTksOQoJCQkJCXM0LDksOSw5czktNCw5LTlTMjQzLjgsNjIsMjM4LjgsNjJ6Ii8+CgkJCTwvZz4KCQkJPGc+CgkJCQk8Y2lyY2xlIGlkPSLmpK3lnIblvaLlpIfku70tMTFfMV8iIGNsYXNzPSJzdDExIiBjeD0iMjM4LjgiIGN5PSI4OSIgcj0iMy41Ii8+CgoJCQkJCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfMl8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iODkzLjA3MTUiIHkxPSItNjkuMjA0OCIgeDI9Ijg5My4wNzE1IiB5Mj0iLTY4LjY1MjIiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoNyAwIDAgNyAtNjAxMi43MDAyIDU3MS41KSI+CgkJCQkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0UxRTJFNiIvPgoJCQkJCTxzdG9wICBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiNGMEYyRjUiLz4KCQkJCTwvbGluZWFyR3JhZGllbnQ+CgkJCQk8cGF0aCBjbGFzcz0ic3QxMyIgZD0iTTIzOC44LDkzYy0yLjIsMC00LTEuOC00LTRzMS44LTQsNC00czQsMS44LDQsNFMyNDEsOTMsMjM4LjgsOTN6IE0yMzguOCw4NmMtMS43LDAtMywxLjMtMywzczEuMywzLDMsMwoJCQkJCXMzLTEuMywzLTNTMjQwLjUsODYsMjM4LjgsODZ6Ii8+CgkJCTwvZz4KCgkJCQk8bGluZWFyR3JhZGllbnQgaWQ9IuW9oueKtue7k+WQiF8xNl8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMTAwNC45ODExIiB5MT0iLTcwLjk3MDYiIHgyPSIxMDA1LjY4NTQiIHkyPSItNzAuOTcwNiIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCg0OCAwIDAgNi44IC00ODAxNy4xOTkyIDYyNC4wMDA0KSI+CgkJCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojRTJFM0U2Ii8+CgkJCQk8c3RvcCAgb2Zmc2V0PSIwLjQ3NjYiIHN0eWxlPSJzdG9wLWNvbG9yOiNGQkZERkYiLz4KCQkJCTxzdG9wICBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiNFMkU0RTYiLz4KCQkJPC9saW5lYXJHcmFkaWVudD4KCQkJPHBhdGggaWQ9IuW9oueKtue7k+WQiF8xNF8iIGNsYXNzPSJzdDE0IiBkPSJNMjYyLjgsMTM4djIuNWMtMy45LDIuNS0xMy4yLDQuMy0yNCw0LjNzLTIwLjEtMS44LTI0LTQuM1YxMzhsMCwwCgkJCQljMC42LDIuOCwxMS4xLDUuNSwyNCw1LjVTMjYyLjIsMTQwLjgsMjYyLjgsMTM4TDI2Mi44LDEzOHoiLz4KCgkJCQk8bGluZWFyR3JhZGllbnQgaWQ9IuW9oueKtue7k+WQiOWkh+S7vS0yXzJfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjEwMDQuOTgxMSIgeTE9Ii03MC45NzA2IiB4Mj0iMTAwNS42ODU0IiB5Mj0iLTcwLjk3MDYiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoNDggMCAwIDYuOCAtNDgwMTcuMTk5MiA2MjkuMDAwNCkiPgoJCQkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0UyRTNFNiIvPgoJCQkJPHN0b3AgIG9mZnNldD0iMC40NzY2IiBzdHlsZT0ic3RvcC1jb2xvcjojRkJGREZGIi8+CgkJCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRTJFNEU2Ii8+CgkJCTwvbGluZWFyR3JhZGllbnQ+CgkJCTxwYXRoIGlkPSLlvaLnirbnu5PlkIjlpIfku70tMl8xXyIgY2xhc3M9InN0MTUiIGQ9Ik0yNjIuOCwxNDN2Mi41Yy0zLjksMi41LTEzLjIsNC4zLTI0LDQuM3MtMjAuMS0xLjgtMjQtNC4zVjE0M2wwLDAKCQkJCWMwLjYsMi44LDExLjEsNS41LDI0LDUuNVMyNjIuMiwxNDUuOCwyNjIuOCwxNDNMMjYyLjgsMTQzeiIvPgoJCQk8cGF0aCBpZD0i5b2i54q257uT5ZCIXzhfIiBjbGFzcz0ic3QxNiIgZD0iTTI2Mi44LDczYzQzLjItOC42LDc3LjEtNi4zLDgwLjksNi43YzQuNiwxNS45LTM3LjQsNDEuOS05My42LDU4LjEKCQkJCXMtMTA1LjYsMTYuMy0xMTAuMiwwLjRjLTQtMTQuMSwyOC40LTM2LjEsNzQuOS01Mi4xdjEuMWMtNDUuOCwxNS45LTc3LjcsMzcuNS03My45LDUwLjhjNC4zLDE1LjEsNTMuMiwxNC45LDEwOC45LTEuMQoJCQkJczk3LjMtNDEuNyw5Mi45LTU2LjhjLTMuNS0xMi40LTM3LjItMTQuNS03OS45LTZWNzNMMjYyLjgsNzN6Ii8+CgkJCTxwYXRoIGlkPSLlvaLnirbnu5PlkIhfMV8iIGNsYXNzPSJzdDE2IiBkPSJNMTA1LjIsNzZjMy44LTE0LDUwLjctMTQsMTA5LjUtMS4xdjFjLTU4LjMtMTIuOC0xMDUtMTIuOS0xMDguNiwwLjMKCQkJCWMtNCwxNS4xLDQ5LjEsNDMuMiwxMTguNSw2MS44czEyOS41LDIwLjksMTMzLjYsNS44YzMuNi0xMy40LTM3LjctMzctOTUuNi01NS4xdi0xLjFjNTguNiwxOC4zLDEwMC4zLDQyLjIsOTYuNSw1Ni40CgkJCQljLTQuMywxNi02NC42LDEzLjctMTM0LjgtNS4xUzEwMSw5MiwxMDUuMiw3NnoiLz4KCQkJPGNpcmNsZSBpZD0i5qSt5ZyG5b2iXzZfIiBjbGFzcz0ic3QyIiBjeD0iMzE3LjgiIGN5PSIxMDkiIHI9IjIiLz4KCQkJPGNpcmNsZSBpZD0i5qSt5ZyG5b2iXzVfIiBjbGFzcz0ic3QyIiBjeD0iMTE3LjMiIGN5PSIxMjEuNSIgcj0iMS41Ii8+CgkJCTxjaXJjbGUgaWQ9IuakreWchuW9ol80XyIgY2xhc3M9InN0MiIgY3g9IjI4MS44IiBjeT0iNTgiIHI9IjEiLz4KCQkJPGNpcmNsZSBpZD0i5qSt5ZyG5b2iXzNfIiBjbGFzcz0ic3QyIiBjeD0iMTkxLjgiIGN5PSIxNjQiIHI9IjEiLz4KCQkJPGNpcmNsZSBpZD0i5qSt5ZyG5b2iXzFfIiBjbGFzcz0ic3QyIiBjeD0iMzUxLjgiIGN5PSIxNTAiIHI9IjIiLz4KCQk8L2c+Cgk8L2c+CjwvZz4KPC9zdmc+Cg==";
 var searchEmpty = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IuWbvuWxgl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgNDgwIDI0MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDgwIDI0MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOnVybCgjRmlsbC0xXzFfKTt9Cgkuc3Qxe2ZpbGw6I0M0QzZDQzt9Cgkuc3Qye2ZpbGw6dXJsKCPnn6nlvaItMl8xXyk7fQoJLnN0M3tmaWxsOnVybCgj55+p5b2iXzZfKTt9Cgkuc3Q0e2ZpbGw6I0RDREVFMDt9Cgkuc3Q1e2ZpbGw6I0QxRDNENjt9Cgkuc3Q2e2ZpbGw6dXJsKCPnn6nlvaItM18xXyk7fQoJLnN0N3tmaWxsOiNFNUU3RUM7fQoJLnN0OHtmaWxsOiNEQ0RERTA7fQoJLnN0OXtmaWxsOnVybCgj6Lev5b6ELTEzXzFfKTt9Cgkuc3QxMHtmaWxsOnVybCgj5qSt5ZyG5b2iXzNfKTtzdHJva2U6dXJsKCPmpK3lnIblvaJfNF8pO30KCS5zdDExe2ZpbGw6dXJsKCPmpK3lnIblvaJfNV8pO3N0cm9rZTp1cmwoI+akreWchuW9ol82Xyk7fQoJLnN0MTJ7ZmlsbDojRkZGRkZGO30KPC9zdHlsZT4KPGcgaWQ9Iumhtemdoi0xIj4KCTxnIGlkPSJFeGNlcHRpb25feDJGX+W8guW4uOaPkOekuiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTg2OS4wMDAwMDAsIC0yOTE4LjAwMDAwMCkiPgoJCTxnIGlkPSLmkJzntKLkuLrnqboiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDg2OS4wMDAwMDAsIDI5MTguMDAwMDAwKSI+CgkJCTxsaW5lYXJHcmFkaWVudCBpZD0iRmlsbC0xXzFfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjI0My4wNDY0IiB5MT0iMTY3Ljk3OTMiIHgyPSIyNDUuODA3MSIgeTI9IjE5NC4yNDU2Ij4KCQkJCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNGQkZDRkQiLz4KCQkJCTxzdG9wICBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiNGMkY0RjciLz4KCQkJPC9saW5lYXJHcmFkaWVudD4KCQkJPHBhdGggaWQ9IkZpbGwtMSIgY2xhc3M9InN0MCIgZD0iTTE5My4xLDE3NC4yYzE0LjgtMy4zLDM2LTQuOCw1MC41LTQuMWMxNC40LDAuNywyNi40LDMuMywyNy4zLDIuN2MyLjktMS45LDktMi44LDguNy0yCgkJCQljLTAuMywwLjctNC4zLDMuMS0zLDMuNGMxLjMsMC40LDE0LjEsMS45LDE5LjUsM2M1LjMsMS4xLDguOCwyLjIsOS45LDIuMmMxLjIsMCwzLTEuNiwxMC43LTAuOGMwLjEsMC4zLTEuNywwLjQtMy40LDEuMwoJCQkJYy0xLjcsMC45LTMsMC44LTMsMXMxLTAuMywzLDFzNS41LDEuNyw1LjUsMnMtNC41LDEuOC0xMi0wLjZjLTEuOS0wLjYtNi4zLDQuNi0yNi44LDYuMXMtNTUsMi42LTU1LDIuNnMyLjEsMi43LDUuMSwzLjQKCQkJCWMwLjIsMC4zLTEuMiwxLjMtNy4xLDAuMmMtNS45LTEuMS05LTMuNi05LTMuNnMtMTEuNi0wLjctMTYtMS41Yy00LjQtMC43LTkuNC0yLjYtMTIuOS0zcy0xOS4yLTIuMi0xMy4yLTYuMwoJCQkJQzE3MiwxODEuMiwxNzguMywxNzcuNSwxOTMuMSwxNzQuMnoiLz4KCQkJPHBhdGggaWQ9IuW9oueKtue7k+WQiCIgY2xhc3M9InN0MSIgZD0iTTE5My4xLDE3Ny40djkuNGg5LjR2MS45aC0xMS4ydi0xMS4yTDE5My4xLDE3Ny40TDE5My4xLDE3Ny40eiIvPgoJCQk8cGF0aCBpZD0i5b2i54q257uT5ZCI5aSH5Lu9IiBjbGFzcz0ic3QxIiBkPSJNMjAwLjYsNjQuOWgtOS40djkuNGgtMS45di05LjRsMCwwVjYzaDExLjJMMjAwLjYsNjQuOUwyMDAuNiw2NC45eiIvPgoJCQk8cGF0aCBpZD0i5b2i54q257uT5ZCI5aSH5Lu9LTIiIGNsYXNzPSJzdDEiIGQ9Ik0yODguOCw3NC4ydi05LjRoLTkuNFY2M2g5LjRsMCwwaDEuOXYxMS4ySDI4OC44eiIvPgoKCQkJCTxsaW5lYXJHcmFkaWVudCBpZD0i55+p5b2iLTJfMV8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iNDExLjY3NjgiIHkxPSItMS42MDY2IiB4Mj0iNDExLjY3NjgiIHkyPSItMC42NzA3IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDg2LjI1IDAgMCAxMDguNzUgLTM1MjY3LjEyNSAyNDYuNSkiPgoJCQkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0VCRURGMDtzdG9wLW9wYWNpdHk6MC45OTE3Ii8+CgkJCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRTFFM0U2Ii8+CgkJCTwvbGluZWFyR3JhZGllbnQ+CgkJCTxwYXRoIGlkPSLnn6nlvaItMiIgY2xhc3M9InN0MiIgZD0iTTE5Ny45LDcwLjVoODQuMmMwLjYsMCwxLDAuNCwxLDF2MTA2LjhjMCwwLjYtMC40LDEtMSwxaC04NC4yYy0wLjYsMC0xLTAuNC0xLTFWNzEuNQoJCQkJQzE5Ni45LDcwLjksMTk3LjMsNzAuNSwxOTcuOSw3MC41eiIvPgoKCQkJCTxsaW5lYXJHcmFkaWVudCBpZD0i55+p5b2iXzZfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjQxMC42NjE0IiB5MT0iLTEuODc3MyIgeDI9IjQxMC42NjE0IiB5Mj0iLTAuODg4OCIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCg3MS4yNSAwIDAgOTMuNzUgLTI5MDE5LjYyNSAyNTQpIj4KCQkJCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNGRkZGRkYiLz4KCQkJCTxzdG9wICBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiNGMkY0RjciLz4KCQkJPC9saW5lYXJHcmFkaWVudD4KCQkJPHJlY3QgaWQ9IuefqeW9ol8xXyIgeD0iMjA0LjQiIHk9Ijc4IiBjbGFzcz0ic3QzIiB3aWR0aD0iNzEuMiIgaGVpZ2h0PSI5My44Ii8+CgkJCTxyZWN0IGlkPSLnn6nlvaJfMl8iIHg9IjIxOS40IiB5PSI4MS44IiBjbGFzcz0ic3Q0IiB3aWR0aD0iNDEuMiIgaGVpZ2h0PSIxLjkiLz4KCQkJPHJlY3QgaWQ9IuefqeW9ol8zXyIgeD0iMjA0LjQiIHk9IjE3MS44IiBjbGFzcz0ic3Q1IiB3aWR0aD0iNzEuMiIgaGVpZ2h0PSIxLjkiLz4KCgkJCQk8bGluZWFyR3JhZGllbnQgaWQ9IuefqeW9oi0zXzFfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjQwNi40MTUyIiB5MT0iLTExLjczMzQiIHgyPSI0MDYuNDE1MiIgeTI9Ii0xMC43NDEzIiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDQxLjI1IDAgMCAxNSAtMTY1MjQuNjI1IDI0Mi43NSkiPgoJCQkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0VERUZGMiIvPgoJCQkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0U4RUFFRCIvPgoJCQk8L2xpbmVhckdyYWRpZW50PgoJCQk8cmVjdCBpZD0i55+p5b2iLTMiIHg9IjIxOS40IiB5PSI2Ni44IiBjbGFzcz0ic3Q2IiB3aWR0aD0iNDEuMiIgaGVpZ2h0PSIxNSIvPgoJCQk8ZyBpZD0i57yW57uELTMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIyMy4xMjUwMDAsIDk4LjYyNTAwMCkiPgoJCQkJPHJlY3QgaWQ9IuefqeW9ol80XyIgY2xhc3M9InN0MSIgd2lkdGg9IjMuOCIgaGVpZ2h0PSIxLjkiLz4KCQkJCTxyZWN0IGlkPSLnn6nlvaLlpIfku70iIHg9IjcuNSIgY2xhc3M9InN0MSIgd2lkdGg9IjMuOCIgaGVpZ2h0PSIxLjkiLz4KCQkJCTxyZWN0IGlkPSLnn6nlvaLlpIfku70tMiIgeD0iMTUiIGNsYXNzPSJzdDEiIHdpZHRoPSIzLjgiIGhlaWdodD0iMS45Ii8+CgkJCQk8cmVjdCBpZD0i55+p5b2i5aSH5Lu9LTMiIHg9IjIyLjUiIGNsYXNzPSJzdDEiIHdpZHRoPSIzLjgiIGhlaWdodD0iMS45Ii8+CgkJCQk8cmVjdCBpZD0i55+p5b2i5aSH5Lu9LTQiIHg9IjMwIiBjbGFzcz0ic3QxIiB3aWR0aD0iMy44IiBoZWlnaHQ9IjEuOSIvPgoJCQk8L2c+CgkJCTxnIGlkPSLnvJbnu4QtNiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjI4Ljc1MDAwMCwgMTEzLjYyNTAwMCkiPgoJCQkJPGNpcmNsZSBpZD0i5qSt5ZyG5b2iIiBjbGFzcz0ic3Q3IiBjeD0iMjQuNCIgY3k9IjI2LjIiIHI9IjI0LjQiLz4KCQkJCTxwYXRoIGlkPSLot6/lvoQtMTIiIGNsYXNzPSJzdDciIGQ9Ik0zOSw0NWwzLjEsMy4yYy0wLjYsMC44LTAuNiwxLjUsMCwyLjJzMi4yLDIuNSw0LjcsNS4zdi03LjVsLTYuMS01TDM5LDQ1eiIvPgoKCQkJCQk8ZyBpZD0i57yW57uELTQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDUwLjIyNjMxNywgNTEuNzA5MDc3KSByb3RhdGUoLTQ1LjAwMDAwMCkgdHJhbnNsYXRlKC01MC4yMjYzMTcsIC01MS43MDkwNzcpIHRyYW5zbGF0ZSg0NC42MDEzMTcsIDM2LjcwOTA3NykiPgoKCQkJCQkJPHJlY3QgaWQ9IuefqeW9ol81XyIgeD0iMy44IiB5PSIwIiB0cmFuc2Zvcm09Im1hdHJpeCgtMSA1LjA3MDM2M2UtMDYgLTUuMDcwMzYzZS0wNiAtMSAxMS40IDkuMzUpIiBjbGFzcz0ic3Q4IiB3aWR0aD0iMy43IiBoZWlnaHQ9IjkuNCIvPgoKCQkJCQkJPGxpbmVhckdyYWRpZW50IGlkPSLot6/lvoQtMTNfMV8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iLTEwOS4zOTE1IiB5MT0iLTU1LjkzODMiIHgyPSItMTA5LjU1NzgiIHkyPSItNTUuODkwNSIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCg5LjIxMjkgMCAwIDIyLjUgMTAxMy45Mjg1IDEyNzcuMjgxKSI+CgkJCQkJCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNEN0Q4REIiLz4KCQkJCQkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0JFQkZDMiIvPgoJCQkJCTwvbGluZWFyR3JhZGllbnQ+CgkJCQkJPHBhdGggaWQ9Iui3r+W+hC0xMyIgY2xhc3M9InN0OSIgZD0iTTMuNyw1LjdoNGMwLjUsMCwxLDAuNCwxLDAuOWwxLjUsMjAuNWMwLDAuNi0wLjQsMS0wLjksMS4xYzAsMCwwLDAtMC4xLDBIMgoJCQkJCQljLTAuNiwwLTEtMC40LTEtMXYtMC4xTDIuNyw2LjZDMi43LDYuMSwzLjIsNS43LDMuNyw1Ljd6Ii8+CgkJCQk8L2c+CgkJCQk8ZyBpZD0i57yW57uELTUiPgoKCQkJCQkJPGxpbmVhckdyYWRpZW50IGlkPSLmpK3lnIblvaJfM18iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iLTQ5LjcxMTUiIHkxPSItMy42ODU5IiB4Mj0iLTQ5LjcxMTUiIHkyPSItMi42ODU5IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDQ3Ljc1IDAgMCA0Ny43NSAyMzk4LjEyNSAxNzYuNSkiPgoJCQkJCQk8c3RvcCAgb2Zmc2V0PSIxLjUzMDgyOGUtMDMiIHN0eWxlPSJzdG9wLWNvbG9yOiNERERFRTAiLz4KCQkJCQkJPHN0b3AgIG9mZnNldD0iMC45OTgiIHN0eWxlPSJzdG9wLWNvbG9yOiNDM0M1QzciLz4KCQkJCQk8L2xpbmVhckdyYWRpZW50PgoKCQkJCQkJPGxpbmVhckdyYWRpZW50IGlkPSLmpK3lnIblvaJfNF8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iLTQ5LjcxMTUiIHkxPSItMy42ODU4IiB4Mj0iLTQ5LjcxMTUiIHkyPSItMi43MDU0IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDQ3Ljc1IDAgMCA0Ny43NSAyMzk4LjEyNSAxNzYuNSkiPgoJCQkJCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojRERERUUwIi8+CgkJCQkJCTxzdG9wICBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiNCRUMwQzIiLz4KCQkJCQk8L2xpbmVhckdyYWRpZW50PgoJCQkJCTxjaXJjbGUgaWQ9IuakreWchuW9ol8xXyIgY2xhc3M9InN0MTAiIGN4PSIyNC40IiBjeT0iMjQuNCIgcj0iMjMuOSIvPgoKCQkJCQkJPGxpbmVhckdyYWRpZW50IGlkPSLmpK3lnIblvaJfNV8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iLTUyLjM5NjYiIHkxPSItNC44MjIiIHgyPSItNTIuMzk2NiIgeTI9Ii0zLjgzOCIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgzNi41IDAgMCAzNi41IDE5MzYuODc1IDE4Mi4xMjUpIj4KCQkJCQkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0ZFRkVGRSIvPgoJCQkJCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRjJGNEY3Ii8+CgkJCQkJPC9saW5lYXJHcmFkaWVudD4KCgkJCQkJCTxsaW5lYXJHcmFkaWVudCBpZD0i5qSt5ZyG5b2iXzZfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9Ii01Mi4zOTY2IiB5MT0iLTQuODIyIiB4Mj0iLTUyLjM5NjYiIHkyPSItMy44Mzk4IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDM2LjUgMCAwIDM2LjUgMTkzNi44NzUgMTgyLjEyNSkiPgoJCQkJCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojRjNGNEY1Ii8+CgkJCQkJCTxzdG9wICBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiNGM0Y1RjciLz4KCQkJCQk8L2xpbmVhckdyYWRpZW50PgoJCQkJCTxjaXJjbGUgaWQ9IuakreWchuW9ol8yXyIgY2xhc3M9InN0MTEiIGN4PSIyNC40IiBjeT0iMjQuNCIgcj0iMTguMiIvPgoJCQkJCTxwYXRoIGlkPSLlvaLnirbnu5PlkIhfMV8iIGNsYXNzPSJzdDEyIiBkPSJNMjMuNSwxMi4zYzUuOCwwLDEwLjksMy4zLDEzLjQsOC4yYy0yLjUtMS42LTUuNS0yLjYtOC43LTIuNmMtNCwwLTcuNywxLjUtMTAuNSw0CgkJCQkJCUwxNCwxNS43QzE2LjYsMTMuNiwxOS45LDEyLjMsMjMuNSwxMi4zeiIvPgoJCQkJPC9nPgoJCQkJPHBvbHlnb24gaWQ9Iui3r+W+hC0xNCIgY2xhc3M9InN0NSIgcG9pbnRzPSI0Ni45LDUzLjQgNDYuOSw1NS42IDU0LjQsNjQuNCA1NC40LDYyLjMgCQkJCSIvPgoJCQk8L2c+CgkJPC9nPgoJPC9nPgo8L2c+Cjwvc3ZnPgo=";
-var Component$t = defineComponent({
+var Component$u = defineComponent({
   name: "Exception",
   props: {
     type: PropTypes.commonType(["404", "403", "500", "building", "empty", "search-empty", "login"], "type").def("404"),
@@ -10593,8 +10594,8 @@ var Component$t = defineComponent({
     };
   }
 });
-const BkException = withInstall(Component$t);
-var Component$s = defineComponent({
+const BkException = withInstall(Component$u);
+var Component$t = defineComponent({
   name: "FixedNavbar",
   props: {
     navItems: PropTypes.array.def([]),
@@ -10635,8 +10636,8 @@ var Component$s = defineComponent({
     }, [item.text]) : ""]))]);
   }
 });
-const BkFixedNavbar = withInstall(Component$s);
-var Component$r = defineComponent({
+const BkFixedNavbar = withInstall(Component$t);
+var Component$s = defineComponent({
   name: "Link",
   props: {
     theme: PropTypes.theme(["danger", "success", "primary", "warning", "default"]).def("default"),
@@ -10673,7 +10674,7 @@ var Component$r = defineComponent({
     }, [createVNode("span", null, [(_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a)])]);
   }
 });
-const BkLink = withInstall(Component$r);
+const BkLink = withInstall(Component$s);
 const placements$1 = ["auto", "auto-start", "auto-end", "top", "top-start", "top-end", "bottom", "bottom-start", "bottom-end", "right", "right-start", "right-end", "left", "left-start", "left-end"];
 const EventProps$2 = {
   onAfterHidden: Function,
@@ -10717,7 +10718,7 @@ const PopoverProps$1 = __spreadValues({
     PropTypes.string
   ]).def([])
 }, EventProps$2);
-var Component$q = defineComponent({
+var Component$r = defineComponent({
   name: "Popover",
   props: PopoverProps$1,
   emits: ["afterHidden", "afterShow", "update:isShow"],
@@ -10869,7 +10870,7 @@ var Component$q = defineComponent({
     };
   }
 });
-const BkPopover = withInstall(Component$q);
+const BkPopover = withInstall(Component$r);
 var _populated = false;
 var _ie, _firefox, _opera, _webkit, _chrome;
 var _ie_real_version;
@@ -11384,7 +11385,7 @@ function createPopoverComponent(options) {
         hide: hide3,
         updateTarget
       });
-      return () => createVNode(Component$p, mergeProps(attrs.value, {
+      return () => createVNode(Component$q, mergeProps(attrs.value, {
         "ref": refReference
       }), {
         default: () => [createVNode("span", {
@@ -11549,12 +11550,12 @@ var Content = defineComponent({
       }
       return val;
     };
-    const style = computed(() => ({
+    const style2 = computed(() => ({
       width: resolveValToPix(props2.width),
       height: resolveValToPix(props2.height)
     }));
     return {
-      style
+      style: style2
     };
   },
   render() {
@@ -12399,7 +12400,7 @@ function getWindow(node) {
   }
   return node;
 }
-function getComputedStyle$1(element) {
+function getComputedStyle$1$1(element) {
   return getWindow(element).getComputedStyle(element);
 }
 function getNodeName(node) {
@@ -12433,7 +12434,7 @@ function isOverflowElement(element) {
     overflow,
     overflowX,
     overflowY
-  } = getComputedStyle$1(element);
+  } = getComputedStyle$1$1(element);
   return /auto|scroll|overlay|hidden/.test(overflow + overflowY + overflowX);
 }
 function isTableElement(element) {
@@ -12441,7 +12442,7 @@ function isTableElement(element) {
 }
 function isContainingBlock(element) {
   const isFirefox2 = /firefox/i.test(getUAString());
-  const css = getComputedStyle$1(element);
+  const css = getComputedStyle$1$1(element);
   return css.transform !== "none" || css.perspective !== "none" || css.contain === "paint" || ["transform", "perspective"].includes(css.willChange) || isFirefox2 && css.willChange === "filter" || isFirefox2 && (css.filter ? css.filter !== "none" : false);
 }
 function isLayoutViewport() {
@@ -12652,7 +12653,7 @@ function getDocumentRect(element) {
   const height = max(html2.scrollHeight, html2.clientHeight, body ? body.scrollHeight : 0, body ? body.clientHeight : 0);
   let x2 = -scroll.scrollLeft + getWindowScrollBarX(element);
   const y2 = -scroll.scrollTop;
-  if (getComputedStyle$1(body || html2).direction === "rtl") {
+  if (getComputedStyle$1$1(body || html2).direction === "rtl") {
     x2 += max(html2.clientWidth, body ? body.clientWidth : 0) - width;
   }
   return {
@@ -12725,7 +12726,7 @@ function getClientRectFromClippingAncestor(element, clippingParent, strategy) {
 }
 function getClippingAncestors(element) {
   const clippingAncestors = getOverflowAncestors(element);
-  const canEscapeClipping = ["absolute", "fixed"].includes(getComputedStyle$1(element).position);
+  const canEscapeClipping = ["absolute", "fixed"].includes(getComputedStyle$1$1(element).position);
   const clipperElement = canEscapeClipping && isHTMLElement(element) ? getOffsetParent(element) : element;
   if (!isElement(clipperElement)) {
     return [];
@@ -12779,7 +12780,7 @@ const platform = {
     };
   },
   getClientRects: (element) => Array.from(element.getClientRects()),
-  isRTL: (element) => getComputedStyle$1(element).direction === "rtl"
+  isRTL: (element) => getComputedStyle$1$1(element).direction === "rtl"
 };
 function autoUpdate(reference2, floating, update, options) {
   if (options === void 0) {
@@ -13343,7 +13344,7 @@ var usePopoverInit = (props2, ctx, refReference, refContent, refArrow, refRoot)
     boundary
   };
 };
-var Component$p = defineComponent({
+var Component$q = defineComponent({
   name: "Popover2",
   components: {
     Content,
@@ -13463,7 +13464,7 @@ var Component$p = defineComponent({
     });
   }
 });
-const BkPopover2 = withInstall(Component$p);
+const BkPopover2 = withInstall(Component$q);
 const Circle = (_2, {
   attrs,
   slots
@@ -13586,7 +13587,7 @@ const Line = (_2, {
 function _isSlot$6(s2) {
   return typeof s2 === "function" || Object.prototype.toString.call(s2) === "[object Object]" && !isVNode(s2);
 }
-var Component$o = defineComponent({
+var Component$p = defineComponent({
   name: "Progress",
   props: {
     extCls: PropTypes.string,
@@ -13664,7 +13665,7 @@ var Component$o = defineComponent({
     return createVNode("div", progressProps, [progress2]);
   }
 });
-const BkProgress = withInstall(Component$o);
+const BkProgress = withInstall(Component$p);
 const radioGroupKey = Symbol("RadioGroup");
 function useFocus() {
   const isFocused = ref(false);
@@ -13758,7 +13759,7 @@ const radioProps = {
   checked: PropTypes.bool.def(false),
   disabled: PropTypes.bool.def(false)
 };
-var Component$n = defineComponent({
+var Component$o = defineComponent({
   name: "Radio",
   props: radioProps,
   emits: ["change", "update:modelValue"],
@@ -13927,7 +13928,7 @@ var RadioGroup = defineComponent({
     }, [(_a = this.$slots) == null ? void 0 : _a.default()]);
   }
 });
-const BkRadio = withInstallProps(Component$n, { Group: RadioGroup, Button: RadioButton });
+const BkRadio = withInstallProps(Component$o, { Group: RadioGroup, Button: RadioButton });
 var star = defineComponent({
   name: "Star",
   props: {
@@ -13989,7 +13990,7 @@ var star = defineComponent({
     }, null)])])])])]))]);
   }
 });
-var Component$m = defineComponent({
+var Component$n = defineComponent({
   name: "Rate",
   components: {
     star
@@ -14069,8 +14070,8 @@ var Component$m = defineComponent({
     }, commonAttrs), null)]]);
   }
 });
-const BkRate = withInstall(Component$m);
-var Component$l = defineComponent({
+const BkRate = withInstall(Component$n);
+var Component$m = defineComponent({
   name: "Swiper",
   props: {
     isLoop: PropTypes.bool.def(true),
@@ -14229,7 +14230,7 @@ var Component$l = defineComponent({
     }, null)])]);
   }
 });
-const BkSwiper = withInstall(Component$l);
+const BkSwiper = withInstall(Component$m);
 const selectKey = Symbol("BkSelect");
 const optionGroupKey = Symbol("BkOptionGroup");
 function useHover() {
@@ -14636,7 +14637,7 @@ var virtualRender = {
     }
   }
 };
-var Component$k = defineComponent({
+var Component$l = defineComponent({
   name: "VirtualRender",
   directives: {
     bkVirtualRender: virtualRender
@@ -14790,8 +14791,8 @@ var Component$k = defineComponent({
     };
   }
 });
-const BkVirtualRender = withInstall(Component$k);
-var Component$j = defineComponent({
+const BkVirtualRender = withInstall(Component$l);
+var Component$k = defineComponent({
   name: "Tag",
   props: {
     theme: PropTypes.theme(["success", "info", "warning", "danger"]).def(""),
@@ -14853,7 +14854,7 @@ var Component$j = defineComponent({
     }, null) : ""]);
   }
 });
-const BkTag = withInstall(Component$j);
+const BkTag = withInstall(Component$k);
 var SelectTagInput = defineComponent({
   name: "SelectTagInput",
   props: {
@@ -14989,7 +14990,7 @@ var SelectTagInput = defineComponent({
     }, null), (_g = (_f = this.$slots) == null ? void 0 : _f.suffix) == null ? void 0 : _g.call(_f)]);
   }
 });
-var Component$i = defineComponent({
+var Component$j = defineComponent({
   name: "Select",
   directives: {
     clickoutside: ClickOutside
@@ -15319,7 +15320,7 @@ var Component$i = defineComponent({
       emitChange(selected.value.map((item) => item.value));
       focusInput();
     };
-    const handleScroll = (e) => {
+    const handleScroll2 = (e) => {
       const {
         scrollTop: scrollTop2,
         clientHeight,
@@ -15471,7 +15472,7 @@ var Component$i = defineComponent({
       handleToggleAll,
       handleOptionSelected,
       handleClickOutside,
-      handleScroll,
+      handleScroll: handleScroll2,
       handleDeleteTag,
       handleInputChange,
       handleInputEnter,
@@ -15641,7 +15642,7 @@ var Component$i = defineComponent({
     })]);
   }
 });
-const BkSelect = withInstallProps(Component$i, { Option: BkOption, Group: OptionGroup });
+const BkSelect = withInstallProps(Component$j, { Option: BkOption, Group: OptionGroup });
 function _isSlot$5(s2) {
   return typeof s2 === "function" || Object.prototype.toString.call(s2) === "[object Object]" && !isVNode(s2);
 }
@@ -15651,7 +15652,7 @@ const {
 const sliderPops = Object.assign({}, propsMixin);
 sliderPops.width.default = "400";
 sliderPops.height.default = "100%";
-var Component$h = defineComponent({
+var Component$i = defineComponent({
   name: "Sideslider",
   components: {
     BkModal,
@@ -15742,7 +15743,7 @@ var Component$h = defineComponent({
     };
   }
 });
-const BkSideslider = withInstall(Component$h);
+const BkSideslider = withInstall(Component$i);
 const stepsProps = {
   theme: PropTypes.theme().def("primary"),
   size: PropTypes.size(),
@@ -15756,7 +15757,7 @@ const stepsProps = {
   steps: PropTypes.array.def([]),
   beforeChange: PropTypes.func
 };
-var Component$g = defineComponent({
+var Component$h = defineComponent({
   name: "Steps",
   props: stepsProps,
   emits: ["update:curStep", "click"],
@@ -15910,8 +15911,8 @@ var Component$g = defineComponent({
     })]);
   }
 });
-const BkSteps = withInstall(Component$g);
-var Component$f = defineComponent({
+const BkSteps = withInstall(Component$h);
+var Component$g = defineComponent({
   name: "Switcher",
   props: {
     theme: PropTypes.theme().def(""),
@@ -16013,7 +16014,7 @@ var Component$f = defineComponent({
     }, [isChecked.value ? props2.onText : props2.offText]) : ""]);
   }
 });
-const BkSwitcher = withInstall(Component$f);
+const BkSwitcher = withInstall(Component$g);
 var BORDER_OPTION = /* @__PURE__ */ ((BORDER_OPTION2) => {
   BORDER_OPTION2["NONE"] = "none";
   BORDER_OPTION2["ROW"] = "row";
@@ -16706,7 +16707,7 @@ const paginationProps = {
     return value.some((item) => layoutNameMap[item]);
   }, "layout \u7684\u503C\u53EA\u652F\u6301 * total\u3001list\u3001limit *").def(["total", "list", "limit"])
 };
-var Component$e = defineComponent({
+var Component$f = defineComponent({
   name: "Pagination",
   props: paginationProps,
   emits: ["update:modelValue", "change", "update:limit", "limitChange"],
@@ -16730,8 +16731,8 @@ var Component$e = defineComponent({
       render: renderLimit
     } = useLimit();
     watch([count, localLimit, limit], ([count2, localLimit2]) => {
-      const total = Math.ceil(count2 / localLimit2);
-      totalPageNum.value = total < 1 ? 1 : total;
+      const total2 = Math.ceil(count2 / localLimit2);
+      totalPageNum.value = total2 < 1 ? 1 : total2;
     }, {
       immediate: true
     });
@@ -16776,7 +16777,7 @@ var Component$e = defineComponent({
     }))]);
   }
 });
-const BkPagination = withInstall(Component$e);
+const BkPagination = withInstall(Component$f);
 const resolvePropVal = (prop, key2, args) => {
   if (typeof key2 === "string") {
     if (Object.prototype.hasOwnProperty.call(prop, key2)) {
@@ -18533,7 +18534,7 @@ const useInit = (props2, targetColumns) => {
     getSelection
   };
 };
-var Component$d = defineComponent({
+var Component$e = defineComponent({
   name: "Table",
   props: tableProps,
   emits: EMIT_EVENT_TYPES,
@@ -18842,7 +18843,7 @@ var Component$d = defineComponent({
     };
   }
 });
-const BkTable = withInstall(Component$d);
+const BkTable = withInstall(Component$e);
 withInstall(Column);
 const BkTableColumn = withInstall(Column);
 const INPUT_MIN_WIDTH = 12;
@@ -18888,6 +18889,7 @@ function useFlatList(props2) {
     list
   } = toRefs(props2);
   const flatList = ref([]);
+  const saveKeyMap = ref({});
   watch([useGroup, saveKey, displayKey, list], () => {
     flatList.value = [];
     let formatList = markRaw(list.value);
@@ -18906,8 +18908,15 @@ function useFlatList(props2) {
       }, []);
     }
     flatList.value = formatList;
+    saveKeyMap.value = formatList.reduce((acc, item) => {
+      acc[item[saveKey.value]] = item;
+      return acc;
+    }, {});
   }, { immediate: true });
-  return flatList;
+  return {
+    flatList,
+    saveKeyMap
+  };
 }
 const getCharLength = (str) => {
   const len = str.length;
@@ -19025,7 +19034,7 @@ var TagRender = defineComponent({
     }, [this.node[this.displayKey]])]);
   }
 });
-var Component$c = defineComponent({
+var Component$d = defineComponent({
   name: "TagInput",
   directives: {
     bkTooltips: tooltips
@@ -19076,13 +19085,49 @@ var Component$c = defineComponent({
       active: state.isEdit,
       disabled: props2.disabled
     }));
-    watch([() => props2.modelValue, () => props2.list], () => {
-      var _a;
+    const listState = reactive({
+      localList: [],
+      tagListCache: [],
+      selectedTagList: [],
+      selectedTagListCache: []
+    });
+    const tagList = computed(() => listState.selectedTagList.map((tag2) => tag2[props2.saveKey]));
+    const {
+      flatList,
+      saveKeyMap
+    } = useFlatList(props2);
+    const renderList = computed(() => {
+      if (props2.useGroup) {
+        const groupMap = {};
+        pageState.curPageList.forEach((item, index) => {
+          item.__index__ = index;
+          if (!groupMap[item.group.groupId]) {
+            groupMap[item.group.groupId] = {
+              id: item.group.groupId,
+              name: item.group.groupName,
+              children: []
+            };
+          }
+          groupMap[item.group.groupId].children.push(item);
+        });
+        return Object.keys(groupMap).map((key2) => groupMap[key2]);
+      }
+      return pageState.curPageList;
+    });
+    watch([() => flatList.value], () => {
       nextTick(() => {
         initData();
       });
-      if (props2.withValidate) {
-        (_a = formItem == null ? void 0 : formItem.validate) == null ? void 0 : _a.call(formItem, "change");
+    });
+    watch(() => props2.modelValue, (val) => {
+      var _a;
+      if (!shallowCompareArray(tagList.value, val)) {
+        nextTick(() => {
+          initData();
+        });
+        if (props2.withValidate) {
+          (_a = formItem == null ? void 0 : formItem.validate) == null ? void 0 : _a.call(formItem, "change");
+        }
       }
     });
     watch(curInputValue, lodash.exports.debounce(() => {
@@ -19108,6 +19153,9 @@ var Component$c = defineComponent({
         }
       }
     });
+    onMounted(() => {
+      initData();
+    });
     const changePopoverOffset = () => {
       var _a, _b;
       const left2 = isSingleSelect.value ? 0 : (_a = tagInputItemRef.value) == null ? void 0 : _a.offsetLeft;
@@ -19176,32 +19224,6 @@ var Component$c = defineComponent({
         }
       });
     };
-    const listState = reactive({
-      localList: [],
-      tagListCache: [],
-      selectedTagList: [],
-      selectedTagListCache: []
-    });
-    const tagList = computed(() => listState.selectedTagList.map((tag2) => tag2[props2.saveKey]));
-    const formatList = useFlatList(props2);
-    const renderList = computed(() => {
-      if (props2.useGroup) {
-        const groupMap = {};
-        pageState.curPageList.forEach((item, index) => {
-          item.__index__ = index;
-          if (!groupMap[item.group.groupId]) {
-            groupMap[item.group.groupId] = {
-              id: item.group.groupId,
-              name: item.group.groupName,
-              children: []
-            };
-          }
-          groupMap[item.group.groupId].children.push(item);
-        });
-        return Object.keys(groupMap).map((key2) => groupMap[key2]);
-      }
-      return pageState.curPageList;
-    });
     const initData = () => {
       const {
         saveKey,
@@ -19211,21 +19233,22 @@ var Component$c = defineComponent({
         trigger
       } = props2;
       listState.selectedTagList = [];
-      listState.localList = formatList.value;
+      listState.localList = flatList.value;
       if (modelValue.length) {
-        modelValue.forEach((tag2) => {
-          const value = listState.localList.find((val) => tag2 === val[saveKey]);
-          if (value !== void 0) {
-            listState.selectedTagList.push(value);
-          } else if (allowCreate && !tagList.value.includes(tag2)) {
-            listState.selectedTagList.push({
+        const modelValueMap = {};
+        listState.selectedTagList = modelValue.map((tag2) => {
+          const item = saveKeyMap.value[tag2];
+          modelValueMap[tag2] = 1;
+          if (!item && allowCreate) {
+            return {
               [saveKey]: tag2,
               [displayKey]: tag2
-            });
+            };
           }
-        });
+          return item;
+        }).filter((item) => item);
         if (!isSingleSelect.value) {
-          listState.localList = listState.localList.filter((val) => !modelValue.includes(val[saveKey]));
+          listState.localList = listState.localList.filter((val) => !modelValueMap[val[saveKey]]);
         }
       }
       if (trigger === "focus") {
@@ -19237,35 +19260,40 @@ var Component$c = defineComponent({
         searchKey,
         filterCallback
       } = props2;
-      const lowerCaseValue = value.toLowerCase();
+      const lowerCaseValue = value.toLowerCase().trim();
+      if (lowerCaseValue === "") {
+        initPage(listState.localList);
+        return;
+      }
       let filterData2 = [];
       if (typeof filterCallback === "function") {
         filterData2 = filterCallback(lowerCaseValue, searchKey, listState.localList) || [];
       } else {
         if (Array.isArray(searchKey)) {
-          const filterDataList = searchKey.map((searchKey2) => listState.localList.filter((item) => item[searchKey2].toLowerCase().indexOf(lowerCaseValue) !== -1));
-          filterData2 = Array.from(new Set(filterDataList.flat()));
+          filterData2 = listState.localList.filter((item) => searchKey.some((keyword) => item[keyword].toLowerCase().indexOf(lowerCaseValue) > -1));
         } else {
-          filterData2 = listState.localList.filter((item) => item[searchKey].toLowerCase().indexOf(lowerCaseValue) !== -1);
+          filterData2 = listState.localList.filter((item) => item[searchKey].toLowerCase().indexOf(lowerCaseValue) > -1);
         }
       }
       initPage(filterData2);
     };
     const activeClass = (data2, index) => {
-      const style = {
+      const style2 = {
         "bk-selector-actived": false,
         "bk-selector-selected": tagList.value.includes(data2[props2.saveKey])
       };
       if (props2.useGroup) {
-        style["bk-selector-actived"] = data2.__index__ === state.focusItemIndex;
+        style2["bk-selector-actived"] = data2.__index__ === state.focusItemIndex;
       } else {
-        style["bk-selector-actived"] = index === state.focusItemIndex;
+        style2["bk-selector-actived"] = index === state.focusItemIndex;
       }
-      return style;
+      return style2;
     };
-    onMounted(() => {
-      initData();
-    });
+    function shallowCompareArray(arr1, arr2) {
+      if (arr1.length !== arr2.length)
+        return false;
+      return arr2.every((item, index) => arr1[index] === item);
+    }
     const clearSingleCache = () => {
       listState.tagListCache = [];
       listState.selectedTagListCache = [];
@@ -19385,7 +19413,7 @@ var Component$c = defineComponent({
       e.stopPropagation();
       const removeList = listState.selectedTagList;
       listState.selectedTagList = [];
-      const existList = formatList.value.filter((item) => removeList.some((removeItem) => removeItem[props2.saveKey] === item[props2.saveKey]));
+      const existList = removeList.filter((item) => saveKeyMap.value[item[props2.saveKey]]);
       if ((props2.allowCreate && existList.length !== 0 || !props2.allowCreate) && !isSingleSelect.value) {
         listState.localList.push(...existList);
       }
@@ -19419,7 +19447,7 @@ var Component$c = defineComponent({
       swapElementPositions(tagInputItemRef.value, nodes[index - 1]);
       listState.selectedTagList.splice(index - 1, 1);
       focusInputTrigger();
-      const isExistInit = formatList.value.some((item) => item === target[props2.saveKey]);
+      const isExistInit = saveKeyMap.value[target[props2.saveKey]];
       if ((props2.allowCreate && isExistInit || !props2.allowCreate) && !isSingleSelect.value) {
         listState.localList.push(target);
       }
@@ -19591,12 +19619,11 @@ var Component$c = defineComponent({
         }
         return true;
       };
-      const existTag = (value) => listState.localList.find((tag2) => tag2[saveKey] === value);
       if (type === "custom") {
         if (separator2) {
           let tags = item.split(separator2);
           tags = tags.filter((tag2) => (tag2 == null ? void 0 : tag2.trim()) && !tagList.value.includes(tag2) && validateTag(tag2));
-          const localTags = tags.map((tag2) => existTag(tag2) || {
+          const localTags = tags.map((tag2) => saveKeyMap.value[tag2] || {
             [saveKey]: tag2,
             [displayKey]: tag2
           });
@@ -19610,7 +19637,7 @@ var Component$c = defineComponent({
           newValue = isObject2 ? item[saveKey] : item.trim();
           newValue = newValue.replace(/\s+/g, "");
           if (newValue !== void 0 && !tagList.value.includes(newValue) && validateTag(newValue)) {
-            const localItem = existTag(newValue) || (isObject2 ? item : {
+            const localItem = saveKeyMap.value[newValue] || (isObject2 ? item : {
               [saveKey]: newValue,
               [displayKey]: newValue
             });
@@ -19635,14 +19662,18 @@ var Component$c = defineComponent({
           tagInputRef.value.style.width = `${INPUT_MIN_WIDTH}px`;
           if (!isSingleSelect.value) {
             props2.allowNextFocus && focusInputTrigger();
-            listState.localList = listState.localList.filter((val) => !tagList.value.includes(val[saveKey]));
+            const selectedMap = tagList.value.reduce((acc, tag2) => {
+              acc[tag2] = 1;
+              return acc;
+            }, {});
+            listState.localList = listState.localList.filter((val) => !selectedMap[val[saveKey]]);
           }
         });
       }
     };
     const removeTag = (data2, index) => {
       listState.selectedTagList.splice(index, 1);
-      const isExistInit = formatList.value.some((item) => item === data2[props2.saveKey]);
+      const isExistInit = saveKeyMap.value[data2[props2.saveKey]];
       if ((props2.allowCreate && isExistInit || !props2.allowCreate) && !isSingleSelect.value) {
         listState.localList.push(data2);
       }
@@ -19653,7 +19684,6 @@ var Component$c = defineComponent({
       isShowPlaceholder,
       isShowClear,
       curInputValue,
-      formatList,
       renderList,
       showTagClose,
       tagInputRef,
@@ -19787,7 +19817,7 @@ var Component$c = defineComponent({
     })]);
   }
 });
-const TagInput = withInstall(Component$c);
+const TagInput = withInstall(Component$d);
 const dividerProps = {
   direction: PropTypes.commonType(["horizontal", "vertical"], "direction").def("horizontal"),
   align: PropTypes.commonType(["left", "center", "right"], "align").def("center"),
@@ -20735,7 +20765,7 @@ const menuProps = {
     default: true
   }
 };
-var Component$b = defineComponent({
+var Component$c = defineComponent({
   name: "Menu",
   props: menuProps,
   emits: ["update:activeKey", "update:openKeys", "click", "openChange"],
@@ -20983,7 +21013,7 @@ var Submenu = defineComponent({
     };
   }
 });
-const BkMenu = withInstallProps(Component$b, { Item, Submenu, Group });
+const BkMenu = withInstallProps(Component$c, { Item, Submenu, Group });
 const TitleProps = {
   sideTitle: {
     type: String,
@@ -21063,7 +21093,7 @@ const NavigationProps = {
     default: true
   }
 };
-var Component$a = defineComponent({
+var Component$b = defineComponent({
   name: "Navigation",
   props: NavigationProps,
   emits: ["leave", "toggle", "hover", "toggle-click"],
@@ -21205,7 +21235,7 @@ var Component$a = defineComponent({
     }, [(_l = (_k = this.$slots).footer) == null ? void 0 : _l.call(_k)])])])])]);
   }
 });
-const Navigation = withInstall(Component$a);
+const Navigation = withInstall(Component$b);
 const pickerDropdownProps = {
   placement: {
     type: String,
@@ -21286,11 +21316,11 @@ var PickerDropdown = defineComponent({
       }
     };
     const styles = computed(() => {
-      const style = {};
+      const style2 = {};
       if (props2.appendToBody) {
-        style["z-index"] = 1060 + bkZIndexManager.getModalNextIndex();
+        style2["z-index"] = 1060 + bkZIndexManager.getModalNextIndex();
       }
-      return style;
+      return style2;
     });
     const state = reactive({
       styles
@@ -25157,7 +25187,7 @@ var DateRangePanel = defineComponent({
     }, [item.text]))]) : ""]) : null]);
   }
 });
-var Component$9 = defineComponent({
+var Component$a = defineComponent({
   name: "DatePicker",
   directives: {
     clickoutside: ClickOutside
@@ -26220,7 +26250,7 @@ var TimePicker = defineComponent({
     })]), [[resolveDirective("clickoutside"), this.handleClose]]);
   }
 });
-const BkDatePicker = withInstall(Component$9);
+const BkDatePicker = withInstall(Component$a);
 var ArrayType = /* @__PURE__ */ ((ArrayType2) => {
   ArrayType2["OBJECT_ARRAY"] = "objectArray";
   ArrayType2["BASE_ARRAY"] = "baseArray";
@@ -26276,7 +26306,7 @@ function useSelectListSearch(selectList, displayCode) {
     selectListSearch
   };
 }
-var Component$8 = defineComponent({
+var Component$9 = defineComponent({
   name: "Transfer",
   props: transferProps,
   emits: ["change", "update:targetList"],
@@ -26447,7 +26477,7 @@ var Component$8 = defineComponent({
     }, [getHeaderHtml("right-header"), getListContentHtml("right")])]);
   }
 });
-const Transfer = withInstall(Component$8);
+const Transfer = withInstall(Component$9);
 var EVENTS = /* @__PURE__ */ ((EVENTS2) => {
   EVENTS2["NODE_CLICK"] = "nodeClick";
   EVENTS2["NODE_COLLAPSE"] = "nodeCollapse";
@@ -26863,11 +26893,11 @@ var useNodeAction = (props2, ctx, flatData, _renderData, schemaValues, initOptio
         node,
         className,
         text,
-        style
+        style: style2
       } = val;
       return h$1(node, {
         class: className,
-        style
+        style: style2
       }, text);
     }
     return null;
@@ -27545,7 +27575,7 @@ var useTreeInit = (props2) => {
     onSelected
   };
 };
-var Component$7 = defineComponent({
+var Component$8 = defineComponent({
   name: "Tree",
   props: treeProps,
   emits: TreeEmitEventsType,
@@ -27656,7 +27686,7 @@ var Component$7 = defineComponent({
     });
   }
 });
-const BkTree = withInstall(Component$7);
+const BkTree = withInstall(Component$8);
 const isCustomComponent = (node) => node.__v_isVNode;
 var ComposeFormItem = defineComponent({
   name: "ComposeFormItem",
@@ -28105,7 +28135,7 @@ var Col = defineComponent({
     const formatPercentage = function(val) {
       return `${Number((val * 100).toFixed(3))}%`;
     };
-    const style = computed(() => ({
+    const style2 = computed(() => ({
       width: formatPercentage(realSpan.value / col),
       "padding-right": `${gutter / 2}px`,
       "padding-left": `${gutter / 2}px`,
@@ -28117,7 +28147,7 @@ var Col = defineComponent({
       var _a, _b;
       return createVNode("div", {
         "class": "bk-grid-col",
-        "style": style.value
+        "style": style2.value
       }, [(_b = (_a = ctx.slots).default) == null ? void 0 : _b.call(_a)]);
     };
   }
@@ -28146,7 +28176,7 @@ var Container = defineComponent({
       flex
     });
     const classes2 = computed(() => extCls ? `bk-grid-container ${extCls}` : "bk-grid-container");
-    const style = computed(() => {
+    const style2 = computed(() => {
       const {
         margin
       } = props2;
@@ -28159,7 +28189,7 @@ var Container = defineComponent({
       var _a, _b;
       return createVNode("div", {
         "class": classes2.value,
-        "style": style.value
+        "style": style2.value
       }, [(_b = (_a = ctx.slots).default) == null ? void 0 : _b.call(_a)]);
     };
   }
@@ -28178,7 +28208,7 @@ var Row = defineComponent({
       gutter,
       flex
     });
-    const style = computed(() => {
+    const style2 = computed(() => {
       const o2 = flex ? {
         display: ["-webkit-box", "-ms-flexbox", "flex"]
       } : {};
@@ -28191,7 +28221,7 @@ var Row = defineComponent({
       var _a, _b;
       return createVNode("div", {
         "class": "bk-grid-row",
-        "style": style.value
+        "style": style2.value
       }, [(_b = (_a = ctx.slots).default) == null ? void 0 : _b.call(_a)]);
     };
   }
@@ -28680,7 +28710,7 @@ class Store {
     nodeDataList.forEach((node) => this.appendNode(node, parentNode));
   }
 }
-var Component$6 = defineComponent({
+var Component$7 = defineComponent({
   name: "Cascader",
   directives: {
     clickoutside: ClickOutside
@@ -28921,7 +28951,7 @@ var Component$6 = defineComponent({
     })]);
   }
 });
-const BkCascader = withInstallProps(Component$6, { CascaderPanel });
+const BkCascader = withInstallProps(Component$7, { CascaderPanel });
 var SliderButton = defineComponent({
   name: "SliderButton",
   props: {
@@ -29092,7 +29122,7 @@ const off = (element, event, handler) => {
     element.removeEventListener(event, handler, false);
   }
 };
-var Component$5 = defineComponent({
+var Component$6 = defineComponent({
   name: "Slider",
   props: {
     modelValue: PropTypes.oneOfType([PropTypes.array, PropTypes.number]),
@@ -29538,8 +29568,8 @@ var Component$5 = defineComponent({
     return this.renderDom();
   }
 });
-const Slider = withInstall(Component$5);
-var Component$4 = defineComponent({
+const Slider = withInstall(Component$6);
+var Component$5 = defineComponent({
   name: "ResizeLayout",
   props: {
     placement: PropTypes.placement().def("left"),
@@ -29589,11 +29619,11 @@ var Component$4 = defineComponent({
       };
     });
     const triggerStyle = computed(() => {
-      const style = {
+      const style2 = {
         [`margin-${placement.value}`]: `${triggerOffset.value - triggerWidth.value}px`,
         [cssPropKey.value]: `${triggerWidth.value}px`
       };
-      return style;
+      return style2;
     });
     const parseAutoMinimize = computed(() => {
       if (autoMinimize.value) {
@@ -29794,13 +29824,13 @@ var Component$4 = defineComponent({
     }, null)]);
   }
 });
-const BkResizeLayout = withInstall(Component$4);
+const BkResizeLayout = withInstall(Component$5);
 const timelineProps = {
   list: PropTypes.array.def([]),
   titleAble: PropTypes.bool.def(false),
   extCls: PropTypes.string
 };
-var Component$3 = defineComponent({
+var Component$4 = defineComponent({
   name: "Timeline",
   props: timelineProps,
   emits: ["select"],
@@ -29909,7 +29939,7 @@ var Component$3 = defineComponent({
     })]);
   }
 });
-const BkTimeline = withInstall(Component$3);
+const BkTimeline = withInstall(Component$4);
 const processProps = {
   list: PropTypes.array.def([]),
   controllable: PropTypes.bool.def(false),
@@ -29918,7 +29948,7 @@ const processProps = {
   displayKey: PropTypes.string.def("content"),
   extCls: PropTypes.string
 };
-var Component$2 = defineComponent({
+var Component$3 = defineComponent({
   name: "Process",
   props: processProps,
   emits: ["update:curProcess", "click"],
@@ -30011,7 +30041,7 @@ var Component$2 = defineComponent({
     }, [item[this.displayKey], renderIcon(index, item)]))])]);
   }
 });
-const BkProcess = withInstall(Component$2);
+const BkProcess = withInstall(Component$3);
 const CLASS_PREFIX = "bk-upload";
 var EThemes = /* @__PURE__ */ ((EThemes2) => {
   EThemes2["BUTTON"] = "button";
@@ -31289,7 +31319,7 @@ var useFileHandler = (props2, hooks) => {
     handleProgress
   };
 };
-var Component$1 = defineComponent({
+var Component$2 = defineComponent({
   name: "Upload",
   props: uploadProps,
   emits: ["exceed", "progress", "success", "error", "delete", "done"],
@@ -31494,7 +31524,7 @@ var Component$1 = defineComponent({
     })]);
   }
 });
-const Upload = withInstall(Component$1);
+const Upload = withInstall(Component$2);
 function Diff$1() {
 }
 Diff$1.prototype = {
@@ -35843,7 +35873,7 @@ const colorPickerProps = {
   withValidate: PropTypes.bool.def(true)
 };
 const whiteColorObj = formatColor("#FFFFFF");
-var Component = defineComponent({
+var Component$1 = defineComponent({
   name: "ColorPicker",
   directives: {
     clickoutside: ClickOutside
@@ -36035,8 +36065,1327 @@ var Component = defineComponent({
     })]), [[resolveDirective("clickoutside"), hideDropDown]]);
   }
 });
-const BkColorPicker = withInstall(Component);
+const BkColorPicker = withInstall(Component$1);
 const BkTimePicker = withInstall(TimePicker);
+var raf = null;
+function requestAnimationFrame$1(callback) {
+  if (!raf) {
+    raf = (window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || function(callback2) {
+      return setTimeout(callback2, 16);
+    }).bind(window);
+  }
+  return raf(callback);
+}
+var caf = null;
+function cancelAnimationFrame$1(id) {
+  if (!caf) {
+    caf = (window.cancelAnimationFrame || window.webkitCancelAnimationFrame || window.mozCancelAnimationFrame || function(id2) {
+      clearTimeout(id2);
+    }).bind(window);
+  }
+  caf(id);
+}
+function createStyles(styleText) {
+  var style2 = document.createElement("style");
+  if (style2.styleSheet) {
+    style2.styleSheet.cssText = styleText;
+  } else {
+    style2.appendChild(document.createTextNode(styleText));
+  }
+  (document.querySelector("head") || document.body).appendChild(style2);
+  return style2;
+}
+function createElement(tagName, props2) {
+  if (props2 === void 0)
+    props2 = {};
+  var elem = document.createElement(tagName);
+  Object.keys(props2).forEach(function(key2) {
+    elem[key2] = props2[key2];
+  });
+  return elem;
+}
+function getComputedStyle$1(elem, prop, pseudo) {
+  var computedStyle = window.getComputedStyle(elem, pseudo || null) || {
+    display: "none"
+  };
+  return computedStyle[prop];
+}
+function getRenderInfo(elem) {
+  if (!document.documentElement.contains(elem)) {
+    return {
+      detached: true,
+      rendered: false
+    };
+  }
+  var current = elem;
+  while (current !== document) {
+    if (getComputedStyle$1(current, "display") === "none") {
+      return {
+        detached: false,
+        rendered: false
+      };
+    }
+    current = current.parentNode;
+  }
+  return {
+    detached: false,
+    rendered: true
+  };
+}
+var css_248z = '.resize-triggers{visibility:hidden;opacity:0;pointer-events:none}.resize-contract-trigger,.resize-contract-trigger:before,.resize-expand-trigger,.resize-triggers{content:"";position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden}.resize-contract-trigger,.resize-expand-trigger{background:#eee;overflow:auto}.resize-contract-trigger:before{width:200%;height:200%}';
+var total = 0;
+var style = null;
+function addListener(elem, callback) {
+  if (!elem.__resize_mutation_handler__) {
+    elem.__resize_mutation_handler__ = handleMutation.bind(elem);
+  }
+  var listeners = elem.__resize_listeners__;
+  if (!listeners) {
+    elem.__resize_listeners__ = [];
+    if (window.ResizeObserver) {
+      var offsetWidth = elem.offsetWidth;
+      var offsetHeight = elem.offsetHeight;
+      var ro = new ResizeObserver(function() {
+        if (!elem.__resize_observer_triggered__) {
+          elem.__resize_observer_triggered__ = true;
+          if (elem.offsetWidth === offsetWidth && elem.offsetHeight === offsetHeight) {
+            return;
+          }
+        }
+        runCallbacks(elem);
+      });
+      var ref2 = getRenderInfo(elem);
+      var detached = ref2.detached;
+      var rendered = ref2.rendered;
+      elem.__resize_observer_triggered__ = detached === false && rendered === false;
+      elem.__resize_observer__ = ro;
+      ro.observe(elem);
+    } else if (elem.attachEvent && elem.addEventListener) {
+      elem.__resize_legacy_resize_handler__ = function handleLegacyResize() {
+        runCallbacks(elem);
+      };
+      elem.attachEvent("onresize", elem.__resize_legacy_resize_handler__);
+      document.addEventListener("DOMSubtreeModified", elem.__resize_mutation_handler__);
+    } else {
+      if (!total) {
+        style = createStyles(css_248z);
+      }
+      initTriggers(elem);
+      elem.__resize_rendered__ = getRenderInfo(elem).rendered;
+      if (window.MutationObserver) {
+        var mo = new MutationObserver(elem.__resize_mutation_handler__);
+        mo.observe(document, {
+          attributes: true,
+          childList: true,
+          characterData: true,
+          subtree: true
+        });
+        elem.__resize_mutation_observer__ = mo;
+      }
+    }
+  }
+  elem.__resize_listeners__.push(callback);
+  total++;
+}
+function removeListener(elem, callback) {
+  var listeners = elem.__resize_listeners__;
+  if (!listeners) {
+    return;
+  }
+  if (callback) {
+    listeners.splice(listeners.indexOf(callback), 1);
+  }
+  if (!listeners.length || !callback) {
+    if (elem.detachEvent && elem.removeEventListener) {
+      elem.detachEvent("onresize", elem.__resize_legacy_resize_handler__);
+      document.removeEventListener("DOMSubtreeModified", elem.__resize_mutation_handler__);
+      return;
+    }
+    if (elem.__resize_observer__) {
+      elem.__resize_observer__.unobserve(elem);
+      elem.__resize_observer__.disconnect();
+      elem.__resize_observer__ = null;
+    } else {
+      if (elem.__resize_mutation_observer__) {
+        elem.__resize_mutation_observer__.disconnect();
+        elem.__resize_mutation_observer__ = null;
+      }
+      elem.removeEventListener("scroll", handleScroll);
+      elem.removeChild(elem.__resize_triggers__.triggers);
+      elem.__resize_triggers__ = null;
+    }
+    elem.__resize_listeners__ = null;
+  }
+  if (!--total && style) {
+    style.parentNode.removeChild(style);
+  }
+}
+function getUpdatedSize(elem) {
+  var ref2 = elem.__resize_last__;
+  var width = ref2.width;
+  var height = ref2.height;
+  var offsetWidth = elem.offsetWidth;
+  var offsetHeight = elem.offsetHeight;
+  if (offsetWidth !== width || offsetHeight !== height) {
+    return {
+      width: offsetWidth,
+      height: offsetHeight
+    };
+  }
+  return null;
+}
+function handleMutation() {
+  var ref2 = getRenderInfo(this);
+  var rendered = ref2.rendered;
+  var detached = ref2.detached;
+  if (rendered !== this.__resize_rendered__) {
+    if (!detached && this.__resize_triggers__) {
+      resetTriggers(this);
+      this.addEventListener("scroll", handleScroll, true);
+    }
+    this.__resize_rendered__ = rendered;
+    runCallbacks(this);
+  }
+}
+function handleScroll() {
+  var this$1$1 = this;
+  resetTriggers(this);
+  if (this.__resize_raf__) {
+    cancelAnimationFrame$1(this.__resize_raf__);
+  }
+  this.__resize_raf__ = requestAnimationFrame$1(function() {
+    var updated = getUpdatedSize(this$1$1);
+    if (updated) {
+      this$1$1.__resize_last__ = updated;
+      runCallbacks(this$1$1);
+    }
+  });
+}
+function runCallbacks(elem) {
+  if (!elem || !elem.__resize_listeners__) {
+    return;
+  }
+  elem.__resize_listeners__.forEach(function(callback) {
+    callback.call(elem, elem);
+  });
+}
+function initTriggers(elem) {
+  var position = getComputedStyle$1(elem, "position");
+  if (!position || position === "static") {
+    elem.style.position = "relative";
+  }
+  elem.__resize_old_position__ = position;
+  elem.__resize_last__ = {};
+  var triggers = createElement("div", {
+    className: "resize-triggers"
+  });
+  var expand = createElement("div", {
+    className: "resize-expand-trigger"
+  });
+  var expandChild = createElement("div");
+  var contract = createElement("div", {
+    className: "resize-contract-trigger"
+  });
+  expand.appendChild(expandChild);
+  triggers.appendChild(expand);
+  triggers.appendChild(contract);
+  elem.appendChild(triggers);
+  elem.__resize_triggers__ = {
+    triggers,
+    expand,
+    expandChild,
+    contract
+  };
+  resetTriggers(elem);
+  elem.addEventListener("scroll", handleScroll, true);
+  elem.__resize_last__ = {
+    width: elem.offsetWidth,
+    height: elem.offsetHeight
+  };
+}
+function resetTriggers(elem) {
+  var ref2 = elem.__resize_triggers__;
+  var expand = ref2.expand;
+  var expandChild = ref2.expandChild;
+  var contract = ref2.contract;
+  var csw = contract.scrollWidth;
+  var csh = contract.scrollHeight;
+  var eow = expand.offsetWidth;
+  var eoh = expand.offsetHeight;
+  var esw = expand.scrollWidth;
+  var esh = expand.scrollHeight;
+  contract.scrollLeft = csw;
+  contract.scrollTop = csh;
+  expandChild.style.width = eow + 1 + "px";
+  expandChild.style.height = eoh + 1 + "px";
+  expand.scrollLeft = esw;
+  expand.scrollTop = esh;
+}
+var SearchSelectMenu = defineComponent({
+  name: "SearchSelectMenu",
+  props: {
+    list: {
+      type: Array
+    },
+    hoverId: String,
+    keyword: {
+      type: String,
+      default: ""
+    },
+    multiple: {
+      type: Boolean,
+      default: false
+    },
+    selected: {
+      type: Array,
+      default: () => []
+    },
+    conditions: {
+      type: Array
+    },
+    footerBtns: {
+      type: Array,
+      default: () => [{
+        id: "confirm",
+        name: "\u786E\u8BA4"
+      }, {
+        id: "cancel",
+        name: "\u53D6\u6D88",
+        disabled: false
+      }]
+    }
+  },
+  emits: ["selectItem", "selectCondition", "footerClick"],
+  setup(props2, {
+    emit
+  }) {
+    function handleClick(item) {
+      emit("selectItem", item);
+    }
+    function handleClickCondition(item) {
+      emit("selectCondition", item);
+    }
+    function handleClickFooterBtn(item) {
+      emit("footerClick", item);
+    }
+    const filterList = computed(() => {
+      var _a, _b;
+      if (!((_a = props2.list) == null ? void 0 : _a.length))
+        return [];
+      if (!((_b = props2.keyword) == null ? void 0 : _b.length))
+        return props2.list;
+      return props2.list.filter((item) => item.name.toLocaleLowerCase().includes(props2.keyword.toLocaleLowerCase()));
+    });
+    function transformNode(str) {
+      if (!str)
+        return str;
+      let {
+        keyword
+      } = props2;
+      const len = keyword.length;
+      if (!(keyword == null ? void 0 : keyword.trim().length) || !str.toLocaleLowerCase().includes(keyword.toLocaleLowerCase()))
+        return str;
+      const list = [];
+      let lastIndex = -1;
+      keyword = keyword.replace(/([.*/]{1})/gmi, "\\$1");
+      str.replace(new RegExp(`${keyword}`, "igm"), (key2, index) => {
+        if (list.length === 0 && index !== 0) {
+          list.push(str.slice(0, index));
+        } else if (lastIndex >= 0) {
+          list.push(str.slice(lastIndex + key2.length, index));
+        }
+        list.push(createVNode("span", {
+          "class": "is-keyword"
+        }, [key2]));
+        lastIndex = index;
+        return key2;
+      });
+      if (lastIndex >= 0) {
+        list.push(str.slice(lastIndex + len));
+      }
+      return list.length ? list : str;
+    }
+    function getSearchNode(item) {
+      var _a;
+      if (!((_a = item.value) == null ? void 0 : _a.name))
+        return transformNode(item.name);
+      return [createVNode("span", {
+        "class": "menu-name"
+      }, [item.name, createTextVNode(":")]), item.value.name];
+    }
+    return {
+      handleClick,
+      handleClickCondition,
+      handleClickFooterBtn,
+      filterList,
+      getSearchNode
+    };
+  },
+  render() {
+    var _a, _b, _c;
+    return createVNode("div", {
+      "class": "search-select-menu"
+    }, [!!((_a = this.conditions) == null ? void 0 : _a.length) && createVNode("ul", {
+      "class": "menu-header"
+    }, [this.conditions.map((item) => createVNode("li", {
+      "key": item.id,
+      "class": `menu-header-item  ${item.disabled ? "is-disabled" : ""}`,
+      "onClick": () => !item.disabled && this.handleClickCondition(item)
+    }, [item.name]))]), createVNode("ul", {
+      "class": "menu-content"
+    }, [(_b = this.list) == null ? void 0 : _b.map((item) => createVNode("li", {
+      "class": `menu-item ${item.disabled ? "is-disabled" : ""} ${this.hoverId === item.id && !item.disabled ? "is-hover" : ""}`,
+      "key": item.id,
+      "id": item.id,
+      "tabindex": "-1",
+      "onClick": () => !item.disabled && this.handleClick(item)
+    }, [this.$slots.default ? this.$slots.default({
+      item,
+      list: this.list,
+      multiple: !!this.multiple,
+      hoverId: this.hoverId,
+      getSearchNode: this.getSearchNode
+    }) : createVNode(Fragment, null, [this.getSearchNode(item), this.multiple && this.selected.includes(item.id) && createVNode(done, {
+      "class": "is-selected"
+    }, null)])]))]), this.multiple && ((_c = this.footerBtns) == null ? void 0 : _c.length) && createVNode("div", {
+      "class": "menu-footer"
+    }, [this.footerBtns.map((item) => createVNode("span", {
+      "class": `menu-footer-btn ${item.disabled ? "is-disabled" : ""}`,
+      "key": item.id,
+      "onClick": () => !item.disabled && this.handleClickFooterBtn(item)
+    }, [item.name]))])]);
+  }
+});
+const SEARCH_SLECT_PROVIDER_KEY = Symbol("SEARCH_SLECT_PROVIDER_KEY");
+const useSearchSelectProvider = (data2) => {
+  provide(SEARCH_SLECT_PROVIDER_KEY, data2);
+};
+const useSearchSelectInject = () => inject(SEARCH_SLECT_PROVIDER_KEY);
+var SearchInputMode = /* @__PURE__ */ ((SearchInputMode2) => {
+  SearchInputMode2[SearchInputMode2["DEFAULT"] = 0] = "DEFAULT";
+  SearchInputMode2[SearchInputMode2["EDIT"] = 1] = "EDIT";
+  return SearchInputMode2;
+})(SearchInputMode || {});
+class SelectedItem {
+  constructor(searchItem, type = "default") {
+    this.searchItem = searchItem;
+    this.type = type;
+    this.values = [];
+    this.id = searchItem.id;
+    this.name = searchItem.name;
+  }
+  get multiple() {
+    return !!this.searchItem.multiple;
+  }
+  get placeholder() {
+    return this.searchItem.placeholder || "";
+  }
+  get children() {
+    return this.searchItem.children || [];
+  }
+  get validate() {
+    return !this.searchItem.noValidate;
+  }
+  get inputInnerHtml() {
+    var _a;
+    if (this.isSpecialType())
+      return this.name;
+    return `${this.keyInnerHtml}${((_a = this.values) == null ? void 0 : _a.map((item) => item.name).join("|")) || ""}`;
+  }
+  get inputInnerText() {
+    var _a;
+    if (this.isSpecialType())
+      return this.name;
+    return `${this.keyInnerText}${((_a = this.values) == null ? void 0 : _a.map((item) => item.name).join("|")) || ""}`;
+  }
+  get keyInnerHtml() {
+    if (this.isSpecialType())
+      return this.name;
+    return this.name ? `${this.name}:\xA0` : "";
+  }
+  get keyInnerText() {
+    if (this.isSpecialType())
+      return this.name;
+    return this.name ? `${this.name}: ` : "";
+  }
+  isSpecialType() {
+    return ["text", "condition"].includes(this.type);
+  }
+  addValue(item) {
+    if (this.multiple) {
+      const index = this.values.findIndex((val) => val.id === item.id);
+      if (index > -1) {
+        this.values.splice(index, 1);
+        return;
+      }
+      this.values.push(item);
+      return;
+    }
+    this.values = [item];
+  }
+  toValue() {
+    var _a;
+    const value = {
+      id: this.id,
+      name: this.name
+    };
+    if ((_a = this.values) == null ? void 0 : _a.length) {
+      value.values = this.values.map((item) => ({ id: item.id, name: item.name }));
+    }
+    if (this.type && this.type !== "default") {
+      value.type = this.type;
+    }
+    return value;
+  }
+  toValueKey() {
+    return JSON.stringify(this.toValue());
+  }
+  isInValueList(item) {
+    return this.children.some((v2) => v2.id === (item == null ? void 0 : item.id));
+  }
+}
+var SearchSelectInput = defineComponent({
+  name: "SearchSelectInput",
+  directives: {
+    clickoutside: ClickOutside
+  },
+  props: {
+    data: {
+      type: Array,
+      required: true
+    },
+    showInputBefore: Boolean,
+    showCondition: Boolean,
+    clickOutside: Function,
+    conditions: {
+      type: Array,
+      default: () => []
+    },
+    defautUsingItem: Object,
+    mode: {
+      type: Object,
+      default: SearchInputMode.DEFAULT
+    },
+    geMenuList: Function,
+    validateValues: Function
+  },
+  emits: ["focus", "add", "delete"],
+  setup(props2, {
+    emit,
+    expose
+  }) {
+    const inputRef = ref(null);
+    const popoverRef = ref(null);
+    const keyword = ref("");
+    const showNoSelectValueError = ref(false);
+    const isFocus = ref(false);
+    const showPopover = ref(false);
+    const usingItem = ref(props2.defautUsingItem);
+    const menuHoverId = ref("");
+    const loading2 = ref(false);
+    const debounceSetMenuList = debounce(300, setMenuList);
+    let isBindEvent = false;
+    const remoteMenuList = ref([]);
+    const menuList = ref([]);
+    const {
+      editKey,
+      onValidate
+    } = useSearchSelectInject();
+    watch(editKey, () => {
+      if (props2.mode === SearchInputMode.DEFAULT && editKey.value) {
+        showPopover.value = false;
+      }
+    });
+    watchEffect(() => {
+      if (!keyword.value) {
+        setInputText();
+      }
+    }, {
+      flush: "pre"
+    });
+    watch([menuList, showPopover], () => {
+      var _a;
+      if (((_a = menuList.value) == null ? void 0 : _a.some((item) => !item.disabled)) && showPopover.value) {
+        if (!isBindEvent) {
+          menuHoverId.value = "";
+          isBindEvent = true;
+          document.addEventListener("keydown", handleDocumentKeydown);
+        }
+      } else {
+        document.removeEventListener("keydown", handleDocumentKeydown);
+        isBindEvent = false;
+        menuHoverId.value = "";
+      }
+    });
+    function handleDocumentKeydown(e) {
+      switch (e.code) {
+        case "ArrowDown":
+        case "ArrowUp":
+          documentArrowEvent(e);
+          break;
+        case "Enter":
+        case "NumpadEnter":
+          documentEnterEvent(e);
+          break;
+      }
+    }
+    function documentArrowEvent(e) {
+      var _a;
+      e.preventDefault();
+      (_a = inputRef.value) == null ? void 0 : _a.blur();
+      const len = menuList.value.length;
+      let i2 = len;
+      let index = menuList.value.findIndex((set) => set.id === menuHoverId.value);
+      while (i2 >= 0) {
+        index = e.code === "ArrowDown" ? index + 1 : index - 1;
+        index = index > len - 1 ? 0 : index < 0 ? len - 1 : index;
+        const item = menuList.value[index];
+        if (!item.disabled) {
+          i2 = -1;
+          const dom = document.getElementById(item.id);
+          dom == null ? void 0 : dom.focus();
+          menuHoverId.value = item.id;
+          return;
+        }
+        i2 -= 1;
+      }
+    }
+    function documentEnterEvent(e) {
+      if (isBindEvent) {
+        e.preventDefault();
+        const item = menuList.value.find((item2) => item2.id === menuHoverId.value);
+        item && handleSelectItem(item);
+      }
+    }
+    function handleClickOutside(e) {
+      var _a, _b;
+      if (!((_a = popoverRef.value) == null ? void 0 : _a.contains(e.target)) && ((_b = props2.clickOutside) == null ? void 0 : _b.call(props2, e.target, popoverRef.value))) {
+        showPopover.value = false;
+        isFocus.value = false;
+        emit("focus", isFocus.value);
+      }
+    }
+    function handleInputFocus(e) {
+      setInputFocus();
+      e && setMenuList();
+    }
+    function handleInputChange(event) {
+      var _a, _b, _c, _d, _e, _f;
+      clearInput();
+      let text = event.target.innerText;
+      if (/(\r|\n)/gm.test(text) || /\s{2}/gm.test(text)) {
+        event.preventDefault();
+        text = text.replace(/(\r|\n)/gm, "|").replace(/\s{2}/gm, "");
+        inputRef.value.innerText = text;
+        setInputFocus();
+        keyword.value = text;
+        debounceSetMenuList();
+      } else if (!keyword.value && text.length < (((_b = (_a = usingItem.value) == null ? void 0 : _a.inputInnerText) == null ? void 0 : _b.length) || 1)) {
+        const outerText = text.replace("\xA0", " ").replace(((_c = usingItem.value) == null ? void 0 : _c.keyInnerText.replace("\xA0", " ").trim()) || "", "").trim();
+        outerText && (usingItem.value = null);
+        keyword.value = outerText ? text : "";
+        debounceSetMenuList();
+      } else if (!((_e = (_d = usingItem.value) == null ? void 0 : _d.values) == null ? void 0 : _e.length)) {
+        keyword.value = text.replace("\xA0", " ").replace(((_f = usingItem.value) == null ? void 0 : _f.keyInnerText.replace("\xA0", " ")) || "", "").trim();
+        setInputFocus();
+        debounceSetMenuList();
+      }
+    }
+    function handleInputKeyup(event) {
+      switch (event.code) {
+        case "Enter":
+        case "NumpadEnter":
+          handleKeyEnter(event);
+          break;
+        case "Backspace":
+          handleKeyBackspace();
+        default:
+          showNoSelectValueError.value = false;
+          break;
+      }
+    }
+    async function handleKeyEnter(event) {
+      var _a;
+      event == null ? void 0 : event.preventDefault();
+      if (!usingItem.value) {
+        if (!keyword.value)
+          return;
+        const value = {
+          id: keyword.value,
+          name: keyword.value
+        };
+        const res2 = await validateUsingItemValues(value);
+        if (!res2)
+          return;
+        emit("add", new SelectedItem(value, "text"));
+        keyword.value = "";
+        setMenuList();
+        return;
+      }
+      const {
+        values
+      } = usingItem.value;
+      if (!(values == null ? void 0 : values.length)) {
+        if ((_a = keyword.value) == null ? void 0 : _a.length) {
+          const value = {
+            id: keyword.value,
+            name: keyword.value
+          };
+          const res2 = await validateUsingItemValues(value);
+          if (!res2)
+            return;
+          usingItem.value.addValue(value);
+          emit("add", usingItem.value);
+          keyword.value = "";
+          usingItem.value = null;
+          return;
+        }
+        showNoSelectValueError.value = true;
+        return;
+      }
+      const res = await validateUsingItemValues();
+      if (!res)
+        return;
+      setSelectedItem();
+    }
+    function handleKeyBackspace() {
+      var _a, _b;
+      if (!usingItem.value && !keyword.value) {
+        emit("delete");
+        return;
+      }
+      if ((_a = usingItem.value) == null ? void 0 : _a.values.length) {
+        if (((_b = usingItem.value) == null ? void 0 : _b.multiple) || usingItem.value.isInValueList(usingItem.value.values[0])) {
+          usingItem.value.values.splice(-1, 1);
+          keyword.value = "";
+          setInputFocus();
+          return;
+        }
+      }
+      onValidate("");
+    }
+    async function handleSelectItem(item, type) {
+      var _a, _b, _c, _d;
+      if ((_a = item.value) == null ? void 0 : _a.id) {
+        const seleted = new SelectedItem(__spreadProps(__spreadValues({}, item), {
+          id: (_b = item.realId) != null ? _b : item.id
+        }), type);
+        seleted.addValue(item.value);
+        setSelectedItem(seleted);
+        return;
+      }
+      if (!usingItem.value || !((_c = inputRef == null ? void 0 : inputRef.value) == null ? void 0 : _c.innerText)) {
+        usingItem.value = new SelectedItem(item, type);
+        keyword.value = "";
+        const isCondition = type === "condition";
+        isCondition && setSelectedItem();
+        showPopover.value = isCondition || !!usingItem.value.children.length;
+        setInputFocus();
+        return;
+      }
+      if (((_d = usingItem.value) == null ? void 0 : _d.type) === "condition") {
+        usingItem.value = new SelectedItem(item, type);
+        setSelectedItem();
+        return;
+      }
+      usingItem.value.addValue(item);
+      const res = await validateUsingItemValues(item);
+      if (!res)
+        return;
+      !usingItem.value.multiple && setSelectedItem();
+    }
+    function handleSelectCondtionItem(item) {
+      handleSelectItem(item, "condition");
+    }
+    function handleMenuFooterClick(item) {
+      switch (item.id) {
+        case "confirm":
+          handleKeyEnter();
+          break;
+        case "cancel":
+          usingItem.value.values = [];
+          setInputFocus();
+          break;
+      }
+    }
+    async function validateUsingItemValues(value) {
+      if (!usingItem.value) {
+        return await validateValues(null, [value]);
+      }
+      const {
+        searchItem,
+        validate,
+        values
+      } = usingItem.value;
+      if (validate && typeof props2.validateValues === "function") {
+        return await validateValues(searchItem, value ? [value] : values);
+      }
+      onValidate("");
+      return true;
+    }
+    async function validateValues(searchItem, value) {
+      var _a;
+      const validateStr = await ((_a = props2.validateValues) == null ? void 0 : _a.call(props2, searchItem != null ? searchItem : null, value).catch(() => false));
+      if (typeof validateStr === "string" || validateStr === false) {
+        onValidate(validateStr || "\u6821\u9A8C\u9519\u8BEF");
+        return false;
+      }
+      onValidate("");
+      return true;
+    }
+    function setInputFocus() {
+      isFocus.value = true;
+      showPopover.value = true;
+      showNoSelectValueError.value = false;
+      const timer = setTimeout(() => {
+        if (inputRef.value) {
+          inputRef.value.focus();
+          const selection = window.getSelection();
+          if (selection.focusOffset === 0) {
+            selection.selectAllChildren(inputRef.value);
+            selection.collapseToEnd();
+          }
+        }
+        window.clearTimeout(timer);
+      }, 0);
+      emit("focus", isFocus.value);
+    }
+    async function setMenuList() {
+      var _a, _b, _c, _d, _e;
+      let list = [];
+      if (typeof props2.geMenuList === "function" && !((_b = (_a = usingItem.value) == null ? void 0 : _a.searchItem) == null ? void 0 : _b.async)) {
+        loading2.value = true;
+        list = await props2.geMenuList((_c = usingItem.value) == null ? void 0 : _c.searchItem, keyword.value).catch(() => []);
+        loading2.value = false;
+      } else if (!(usingItem == null ? void 0 : usingItem.value)) {
+        if (!((_d = keyword.value) == null ? void 0 : _d.length)) {
+          list = props2.data.slice();
+        } else
+          props2.data.forEach((item) => {
+            var _a2, _b2;
+            const isMatched = item.name.toLocaleLowerCase().includes(keyword.value.toLocaleLowerCase());
+            if (isMatched) {
+              list.push(item);
+              (_a2 = item.children) == null ? void 0 : _a2.forEach((child) => {
+                list.push(__spreadProps(__spreadValues({}, item), {
+                  realId: item.id,
+                  id: random(10),
+                  value: child
+                }));
+              });
+              list.push(__spreadProps(__spreadValues({}, item), {
+                realId: item.id,
+                id: random(10),
+                value: {
+                  id: keyword.value,
+                  name: keyword.value
+                }
+              }));
+            } else {
+              (_b2 = item.children) == null ? void 0 : _b2.forEach((child) => {
+                if (child.name.toLocaleLowerCase().includes(keyword.value.toLocaleLowerCase())) {
+                  list.push(__spreadProps(__spreadValues({}, item), {
+                    realId: item.id,
+                    id: random(10),
+                    value: child
+                  }));
+                }
+              });
+              list.push(__spreadProps(__spreadValues({}, item), {
+                value: {
+                  id: keyword.value,
+                  name: keyword.value
+                }
+              }));
+            }
+          });
+      } else if (usingItem.value.type === "condition") {
+        list = props2.conditions;
+      } else if (!((_e = usingItem.value.values) == null ? void 0 : _e.length) || usingItem.value.multiple || props2.mode === SearchInputMode.EDIT) {
+        list = usingItem.value.children.filter((item) => item.name.toLocaleLowerCase().includes(keyword.value.toLocaleLowerCase()));
+      }
+      menuList.value = list;
+    }
+    function setSelectedItem(item) {
+      emit("add", item != null ? item : usingItem.value);
+      usingItem.value = null;
+      keyword.value = "";
+      setInputFocus();
+    }
+    function clearInput() {
+      const text = inputRef.value.innerText;
+      if (text[text.length - 1] === "\n" || text[0] === "\r") {
+        setInputText(text.slice(0, -1));
+        clearInput();
+      } else if (text[0] === "\n" || text[0] === "\r") {
+        setInputText(text.slice(1));
+        clearInput();
+      }
+    }
+    function setInputText(text = "") {
+      var _a;
+      if (inputRef.value) {
+        inputRef.value.innerHTML = text || ((_a = usingItem.value) == null ? void 0 : _a.inputInnerHtml) || "";
+      }
+    }
+    expose({
+      handleInputFocus,
+      isFocus
+    });
+    return {
+      popoverRef,
+      inputRef,
+      keyword,
+      loading: loading2,
+      remoteMenuList,
+      menuList,
+      menuHoverId,
+      isFocus,
+      usingItem,
+      showPopover,
+      showNoSelectValueError,
+      debounceSetMenuList,
+      documentArrowEvent,
+      handleClickOutside,
+      handleInputFocus,
+      handleInputChange,
+      handleInputKeyup,
+      handleSelectItem,
+      handleSelectCondtionItem,
+      handleMenuFooterClick
+    };
+  },
+  render() {
+    var _a, _b;
+    const {
+      multiple,
+      values,
+      placeholder,
+      inputInnerHtml
+    } = this.usingItem || {};
+    const showInputAfter = !((_a = this.keyword) == null ? void 0 : _a.length) && !(values == null ? void 0 : values.length) && placeholder;
+    const showPopover = this.loading || this.showNoSelectValueError || this.showPopover && !!((_b = this.menuList) == null ? void 0 : _b.length);
+    const showCondition = !this.usingItem && this.showCondition;
+    const menuSlots = Object.assign({}, this.$slots.menu ? {
+      default: (data2) => {
+        var _a2, _b2;
+        return (_b2 = (_a2 = this.$slots).menu) == null ? void 0 : _b2.call(_a2, data2);
+      }
+    } : {});
+    const inputContent = () => {
+      var _a2;
+      return withDirectives(createVNode("div", {
+        "ref": "inputRef",
+        "class": {
+          "div-input": true,
+          "input-before": this.showInputBefore && !((_a2 = this.keyword) == null ? void 0 : _a2.length),
+          "input-after": showInputAfter
+        },
+        "contenteditable": true,
+        "data-placeholder": !inputInnerHtml && !this.keyword ? "\u8BF7\u9009\u62E9" : "",
+        "data-tips": placeholder || "",
+        "spellcheck": "false",
+        "onFocus": this.handleInputFocus,
+        "onInput": this.handleInputChange,
+        "onKeydown": this.handleInputKeyup
+      }, null), [[resolveDirective("clickoutside"), this.handleClickOutside]]);
+    };
+    const popoverContent = () => {
+      var _a2;
+      if (this.loading) {
+        return createVNode("div", null, [createTextVNode("\u52A0\u8F7D\u4E2D...")]);
+      }
+      if (this.showNoSelectValueError) {
+        return createVNode("div", null, [createTextVNode("\u5305\u542B\u952E\u503C\u7684\u8FC7\u6EE4\u67E5\u8BE2\u5FC5\u987B\u6709\u4E00\u4E2A\u503C")]);
+      }
+      return ((_a2 = this.menuList) == null ? void 0 : _a2.length) ? createVNode("div", {
+        "ref": "popoverRef",
+        "class": "popover-content"
+      }, [createVNode(SearchSelectMenu, {
+        "list": this.menuList,
+        "keyword": this.keyword,
+        "multiple": !!multiple,
+        "hoverId": this.menuHoverId,
+        "selected": (values == null ? void 0 : values.map((item) => item.id)) || [],
+        "conditions": showCondition ? this.conditions : [],
+        "onSelectItem": this.handleSelectItem,
+        "onSelectCondition": this.handleSelectCondtionItem,
+        "onFooterClick": this.handleMenuFooterClick
+      }, __spreadValues({}, menuSlots))]) : void 0;
+    };
+    return createVNode(BkPopover2, {
+      "trigger": "manual",
+      "theme": "light",
+      "placement": "bottom-start",
+      "arrow": false,
+      "disableOutsideClick": true,
+      "isShow": showPopover
+    }, {
+      default: inputContent,
+      content: popoverContent
+    });
+  }
+});
+var SearchSelected = defineComponent({
+  name: "SearchSelected",
+  props: {
+    data: {
+      type: Array,
+      required: true
+    },
+    selectedList: {
+      type: Array,
+      required: true
+    },
+    overflowIndex: {
+      type: Number,
+      default: -1
+    },
+    conditions: {
+      type: Array,
+      default: () => []
+    },
+    geMenuList: Function,
+    validateValues: Function
+  },
+  emits: ["delete"],
+  setup(_2, {
+    emit
+  }) {
+    const inputRef = ref(null);
+    const {
+      onEditClick,
+      onEditEnter,
+      onEditBlur,
+      editKey
+    } = useSearchSelectInject();
+    function handleDeleteSelected(index) {
+      emit("delete", index);
+    }
+    function handleEditSeleted(e, item, index) {
+      e.preventDefault();
+      e.stopPropagation();
+      onEditClick(item, index);
+      setTimeout(() => inputRef.value.handleInputFocus(), 200);
+    }
+    function handleAddSelected(item, index) {
+      onEditEnter(item, index);
+    }
+    function handleInputFocus(isFocus) {
+      if (isFocus)
+        return;
+      onEditBlur();
+    }
+    function handleInputOutside() {
+      return true;
+    }
+    function copySeletedItem(item) {
+      const newItem = new SelectedItem(item.searchItem, item.type);
+      newItem.values = item.values.slice();
+      return newItem;
+    }
+    return {
+      inputRef,
+      editKey,
+      copySeletedItem,
+      handleDeleteSelected,
+      handleEditSeleted,
+      handleInputOutside,
+      handleAddSelected,
+      handleInputFocus
+    };
+  },
+  render() {
+    const contentComponent = (item, index) => this.editKey === `${item.id}_${index}` ? createVNode("div", {
+      "class": "search-seleted-input",
+      "key": this.editKey.toString()
+    }, [createVNode(SearchSelectInput, {
+      "ref": "inputRef",
+      "key": this.editKey.toString(),
+      "mode": SearchInputMode.EDIT,
+      "data": this.data,
+      "showCondition": false,
+      "conditions": this.conditions,
+      "defautUsingItem": this.copySeletedItem(item),
+      "clickOutside": this.handleInputOutside,
+      "geMenuList": this.geMenuList,
+      "validateValues": this.validateValues,
+      "onAdd": (v2) => this.handleAddSelected(v2, index),
+      "onFocus": this.handleInputFocus
+    }, null)]) : createVNode("li", {
+      "class": `search-input-chip ${!(this.overflowIndex >= 0 ? index < this.overflowIndex : index >= 0) ? "hidden-chip" : ""}`,
+      "key": `${item.id}_${index}`
+    }, [createVNode("span", {
+      "class": "chip-name",
+      "onClick": (e) => this.handleEditSeleted(e, item, index)
+    }, [item.inputInnerText]), createVNode(close$1, {
+      "class": "chip-clear",
+      "onClick": () => this.handleDeleteSelected(index)
+    }, null)]);
+    return createVNode(Fragment, null, [this.selectedList.map((item, index) => [this.overflowIndex >= 0 && index === this.overflowIndex && createVNode("div", {
+      "class": "search-input-chip overflow-chip"
+    }, [createTextVNode("+"), this.selectedList.length - this.overflowIndex]), contentComponent(item, index)])]);
+  }
+});
+const INPUT_PADDING_WIDTH = 40;
+const SELETED_MARGING_RIGHT = 6;
+const SearchSelectProps = {
+  data: {
+    type: Array,
+    default: () => []
+  },
+  modelValue: {
+    type: Array,
+    default: () => []
+  },
+  shrink: {
+    type: Boolean,
+    default: true
+  },
+  maxHeight: {
+    type: Number,
+    default: 120
+  },
+  minHeight: {
+    type: Number,
+    default: 26
+  },
+  conditions: {
+    type: Array,
+    default: () => [{
+      id: "or",
+      name: "\u6216"
+    }, {
+      id: "and",
+      name: "\u4E14"
+    }]
+  },
+  clearable: {
+    type: Boolean,
+    default: true
+  },
+  getMenuList: Function,
+  validateValues: Function
+};
+var Component = defineComponent({
+  name: "SearchSelect",
+  directives: {
+    clickoutside: ClickOutside
+  },
+  props: SearchSelectProps,
+  emits: ["update:modelValue"],
+  setup(props2, {
+    emit
+  }) {
+    const inputRef = ref(null);
+    const wrapRef = ref(null);
+    const isFocus = ref(false);
+    const selectedList = ref([]);
+    const overflowIndex = ref(-1);
+    const debounceResize = debounce(32, handleResize);
+    const editKey = ref("");
+    const validateStr = ref("");
+    watch(() => props2.modelValue, (v2) => {
+      if (!(v2 == null ? void 0 : v2.length)) {
+        selectedList.value = [];
+        return;
+      }
+      const list = [];
+      v2.forEach((item) => {
+        var _a;
+        const seleted = selectedList.value.find((set) => set.id === item.id && set.name === item.name);
+        if ((seleted == null ? void 0 : seleted.toValueKey()) === JSON.stringify(item)) {
+          seleted.values = item.values || [];
+          list.push(seleted);
+        } else {
+          let searchItem = props2.data.find((set) => set.id === item.id);
+          let searchType = "default";
+          if (!searchItem) {
+            searchItem = props2.conditions.find((set) => set.id === item.id);
+            searchItem && (searchType = "condition");
+          }
+          if (!searchItem && !((_a = item.values) == null ? void 0 : _a.length)) {
+            searchType = "text";
+          }
+          const newSelected = new SelectedItem(searchItem || item, searchType);
+          newSelected.values = item.values || [];
+          list.push(newSelected);
+        }
+      });
+      selectedList.value = list;
+    }, {
+      immediate: true,
+      deep: true
+    });
+    onMounted(() => {
+      addListener(wrapRef.value.querySelector(".bk-search-select"), debounceResize);
+    });
+    onBeforeUnmount(() => {
+      removeListener(wrapRef.value.querySelector(".bk-search-select"), debounceResize);
+    });
+    useSearchSelectProvider({
+      onEditClick,
+      onEditEnter,
+      onEditBlur,
+      onValidate,
+      editKey
+    });
+    function onEditClick(item, index) {
+      editKey.value = `${item.id}_${index}`;
+    }
+    function onEditEnter(item, index) {
+      const list = selectedList.value.slice();
+      list.splice(index, 1, item);
+      emit("update:modelValue", list.map((item2) => item2.toValue()));
+      editKey.value = "";
+    }
+    function onEditBlur() {
+      editKey.value = "";
+      onValidate("");
+    }
+    function onValidate(str) {
+      validateStr.value = str || "";
+    }
+    function handleResize() {
+      if (isFocus.value || selectedList.value.length < 1) {
+        overflowIndex.value = -1;
+        return;
+      }
+      const inputEl = wrapRef.value.querySelector(".bk-search-select");
+      const maxWidth = wrapRef.value.querySelector(".search-input").clientWidth - SELETED_MARGING_RIGHT - 2;
+      const tagList = inputEl.querySelectorAll(".search-input-chip:not(.overflow-chip)");
+      let width = 0;
+      let index = 0;
+      let i2 = 0;
+      while (index === 0 && width <= maxWidth - INPUT_PADDING_WIDTH && i2 <= tagList.length - 1) {
+        const el = tagList[i2];
+        if (el.clientHeight > props2.minHeight) {
+          overflowIndex.value = i2;
+          return;
+        }
+        width += el ? el.clientWidth + SELETED_MARGING_RIGHT : 0;
+        if (width >= maxWidth - INPUT_PADDING_WIDTH) {
+          index = i2;
+        }
+        i2 += 1;
+      }
+      if (index === tagList.length - 1 && width <= maxWidth) {
+        overflowIndex.value = -1;
+        return;
+      }
+      overflowIndex.value = width >= maxWidth - INPUT_PADDING_WIDTH ? index : index - 1;
+    }
+    function handleWrapClick() {
+      if (!editKey.value) {
+        inputRef.value.handleInputFocus();
+      }
+    }
+    function handleClearAll() {
+      selectedList.value = [];
+      overflowIndex.value = -1;
+      emit("update:modelValue", []);
+    }
+    function handleInputOutside(target) {
+      var _a;
+      return !((_a = wrapRef.value) == null ? void 0 : _a.contains(target));
+    }
+    function handleAddSelected(item) {
+      const list = selectedList.value.slice();
+      list.push(item);
+      onValidate("");
+      emit("update:modelValue", list.map((item2) => item2.toValue()));
+    }
+    function handleDeleteSelected(index) {
+      const list = selectedList.value.slice();
+      list.splice(typeof index === "number" ? index : selectedList.value.length - 1, 1);
+      onValidate("");
+      emit("update:modelValue", list.map((item) => item.toValue()));
+    }
+    function handleInputFocus(v2) {
+      v2 && (overflowIndex.value = -1);
+      isFocus.value = v2;
+    }
+    return {
+      inputRef,
+      wrapRef,
+      isFocus,
+      selectedList,
+      overflowIndex,
+      validateStr,
+      onEditClick,
+      onEditEnter,
+      handleWrapClick,
+      handleInputFocus,
+      handleResize,
+      handleClearAll,
+      handleInputOutside,
+      handleAddSelected,
+      handleDeleteSelected
+    };
+  },
+  render() {
+    var _a, _b;
+    const maxHeight = `${!this.shrink || this.isFocus ? this.maxHeight : this.minHeight}px`;
+    const showCondition = this.selectedList.length && this.selectedList.slice(-1)[0].type !== "condition";
+    const menuSlots = Object.assign({}, this.$slots.menu ? {
+      menu: (data2) => {
+        var _a2, _b2;
+        return (_b2 = (_a2 = this.$slots).menu) == null ? void 0 : _b2.call(_a2, data2);
+      }
+    } : {});
+    return createVNode("div", {
+      "class": "search-select-wrap",
+      "ref": "wrapRef"
+    }, [createVNode("div", {
+      "class": {
+        "bk-search-select": true,
+        "is-focus": this.isFocus
+      },
+      "onClick": this.handleWrapClick
+    }, [createVNode("div", {
+      "class": "search-prefix"
+    }, [(_b = (_a = this.$slots).prepend) == null ? void 0 : _b.call(_a)]), createVNode("div", {
+      "class": "search-input",
+      "style": {
+        maxHeight
+      }
+    }, [createVNode(SearchSelected, {
+      "data": this.data,
+      "conditions": this.conditions,
+      "selectedList": this.selectedList,
+      "overflowIndex": this.overflowIndex,
+      "geMenuList": this.getMenuList,
+      "validateValues": this.validateValues,
+      "onDelete": this.handleDeleteSelected
+    }, __spreadValues({}, menuSlots)), createVNode("div", {
+      "class": "search-input-input"
+    }, [createVNode(SearchSelectInput, {
+      "ref": "inputRef",
+      "data": this.data,
+      "showInputBefore": !this.selectedList.length,
+      "showCondition": showCondition,
+      "conditions": this.conditions,
+      "clickOutside": this.handleInputOutside,
+      "geMenuList": this.getMenuList,
+      "validateValues": this.validateValues,
+      "onAdd": this.handleAddSelected,
+      "onDelete": this.handleDeleteSelected,
+      "onFocus": this.handleInputFocus
+    }, __spreadValues({}, menuSlots))])]), createVNode("div", {
+      "class": "search-nextfix"
+    }, [this.clearable && !!this.selectedList.length && createVNode(close$1, {
+      "class": "search-clear",
+      "onClick": this.handleClearAll
+    }, null), this.$slots.append ? this.$slots.append() : createVNode(search, {
+      "class": `search-nextfix-icon ${this.isFocus ? "is-focus" : ""}`
+    }, null)])]), !!this.validateStr.length && createVNode("div", {
+      "class": "bk-select-tips"
+    }, [this.$slots.validate ? this.$slots.validate() : createVNode(Fragment, null, [createVNode(exclamationCircleShape, {
+      "class": "select-tips"
+    }, null), this.validateStr || ""])])]);
+  }
+});
+const BkSearchSelect = withInstall(Component);
 var components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   Alert: BkAlert,
@@ -36095,6 +37444,7 @@ var components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProp
   CodeDiff: BkCodeDiff,
   ColorPicker: BkColorPicker,
   TimePicker: BkTimePicker,
+  SearchSelect: BkSearchSelect,
   $bkPopover: createPopoverComponent
 }, Symbol.toStringTag, { value: "Module" }));
 const createInstall = (prefix = "Bk") => (app) => {
@@ -36113,4 +37463,4 @@ var preset = {
   install: createInstall(),
   version: "0.0.1"
 };
-export { createPopoverComponent as $bkPopover, BkAffix as Affix, BkAlert as Alert, BkAnimateNumber as AnimateNumber, BkBacktop as Backtop, BkBadge as Badge, BkBreadcrumb as Breadcrumb, BkButton as Button, BkCard as Card, BkCascader as Cascader, BkCheckbox as Checkbox, BkCodeDiff as CodeDiff, BkCollapse as Collapse, BkColorPicker as ColorPicker, BkContainer as Container, BkDatePicker as DatePicker, BkDialog as Dialog, BkDivider as Divider, BkDropdown as Dropdown, BkException as Exception, BkFixedNavbar as FixedNavbar, BkForm as Form, InfoBox, BkInput as Input, BkLink as Link, BkLoading as Loading, BkMenu as Menu, Message, BkModal as Modal, Navigation, Notify, BkPagination as Pagination, BkPopover as Popover, BkPopover2 as Popover2, BkProcess as Process, BkProgress as Progress, BkRadio as Radio, BkRate as Rate, BkResizeLayout as ResizeLayout, BkSelect as Select, BkSideslider as Sideslider, Slider, BkSteps as Steps, BkSwiper as Swiper, BkSwitcher as Switcher, BkTab as Tab, BkTable as Table, BkTableColumn as TableColumn, BkTag as Tag, TagInput, BkTimeline as TimeLine, BkTimePicker as TimePicker, Transfer, BkTree as Tree, Upload, BkVirtualRender as VirtualRender, ellipsis as bkEllipsis, createInstance as bkEllipsisInstance, tooltips as bkTooltips, ClickOutside as clickoutside, BkContainer as containerProps, preset as default, mousewheel };
+export { createPopoverComponent as $bkPopover, BkAffix as Affix, BkAlert as Alert, BkAnimateNumber as AnimateNumber, BkBacktop as Backtop, BkBadge as Badge, BkBreadcrumb as Breadcrumb, BkButton as Button, BkCard as Card, BkCascader as Cascader, BkCheckbox as Checkbox, BkCodeDiff as CodeDiff, BkCollapse as Collapse, BkColorPicker as ColorPicker, BkContainer as Container, BkDatePicker as DatePicker, BkDialog as Dialog, BkDivider as Divider, BkDropdown as Dropdown, BkException as Exception, BkFixedNavbar as FixedNavbar, BkForm as Form, InfoBox, BkInput as Input, BkLink as Link, BkLoading as Loading, BkMenu as Menu, Message, BkModal as Modal, Navigation, Notify, BkPagination as Pagination, BkPopover as Popover, BkPopover2 as Popover2, BkProcess as Process, BkProgress as Progress, BkRadio as Radio, BkRate as Rate, BkResizeLayout as ResizeLayout, BkSearchSelect as SearchSelect, BkSelect as Select, BkSideslider as Sideslider, Slider, BkSteps as Steps, BkSwiper as Swiper, BkSwitcher as Switcher, BkTab as Tab, BkTable as Table, BkTableColumn as TableColumn, BkTag as Tag, TagInput, BkTimeline as TimeLine, BkTimePicker as TimePicker, Transfer, BkTree as Tree, Upload, BkVirtualRender as VirtualRender, ellipsis as bkEllipsis, createInstance as bkEllipsisInstance, tooltips as bkTooltips, ClickOutside as clickoutside, BkContainer as containerProps, preset as default, mousewheel };