bkui-vue 0.0.1-beta.195 → 0.0.1-beta.197
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs.js +62 -60
- package/dist/index.esm.js +1552 -198
- package/dist/index.umd.js +62 -60
- package/dist/style.css +1 -1
- package/dist/style.variable.css +1 -1
- package/lib/components.d.ts +1 -0
- package/lib/components.js +1 -1
- package/lib/icon/index.js +1 -1
- package/lib/process/index.d.ts +2 -2
- package/lib/process/index.js +1 -1
- package/lib/process/process.css +13 -0
- package/lib/process/process.less +17 -0
- package/lib/process/process.variable.css +13 -0
- package/lib/search-select/index.d.ts +681 -0
- package/lib/search-select/index.js +1 -0
- package/lib/search-select/input.d.ts +85 -0
- package/lib/search-select/menu.css +145 -0
- package/lib/search-select/menu.d.ts +83 -0
- package/lib/search-select/menu.less +134 -0
- package/lib/search-select/menu.variable.css +145 -0
- package/lib/search-select/search-select.css +426 -0
- package/lib/search-select/search-select.d.ts +273 -0
- package/lib/search-select/search-select.less +227 -0
- package/lib/search-select/search-select.variable.css +539 -0
- package/lib/search-select/selected.css +21 -0
- package/lib/search-select/selected.d.ts +137 -0
- package/lib/search-select/selected.less +24 -0
- package/lib/search-select/selected.variable.css +21 -0
- package/lib/search-select/utils.d.ts +79 -0
- package/lib/styles/index.d.ts +1 -0
- package/lib/styles/mixins/animate.css +21 -0
- package/lib/tag-input/common.d.ts +4 -1
- package/lib/tag-input/index.d.ts +353 -377
- package/lib/tag-input/index.js +1 -1
- package/lib/tag-input/tag-input.d.ts +172 -178
- package/lib/tag-input/tag-props.d.ts +82 -79
- package/lib/timeline/index.d.ts +2 -2
- package/lib/upload/index.d.ts +7 -7
- package/lib/upload/upload.d.ts +2 -2
- package/lib/volar.components.d.ts +1 -0
- package/package.json +2 -3
- package/lib/icon/image-fill.js +0 -1
package/dist/index.esm.js
CHANGED
@@ -88,6 +88,7 @@ var container = "";
|
|
88
88
|
var cascader = "";
|
89
89
|
var colorPicker = "";
|
90
90
|
var timePicker = "";
|
91
|
+
var searchSelect = "";
|
91
92
|
const BKLAYERD_INDEX_EFAULT_VALUE = {
|
92
93
|
["bottom"]: 0,
|
93
94
|
["content"]: 1,
|
@@ -351,13 +352,13 @@ function isShadowRoot$1(node) {
|
|
351
352
|
function applyStyles(_ref) {
|
352
353
|
var state = _ref.state;
|
353
354
|
Object.keys(state.elements).forEach(function(name) {
|
354
|
-
var
|
355
|
+
var style2 = state.styles[name] || {};
|
355
356
|
var attributes = state.attributes[name] || {};
|
356
357
|
var element = state.elements[name];
|
357
358
|
if (!isHTMLElement$1(element) || !getNodeName$1(element)) {
|
358
359
|
return;
|
359
360
|
}
|
360
|
-
Object.assign(element.style,
|
361
|
+
Object.assign(element.style, style2);
|
361
362
|
Object.keys(attributes).forEach(function(name2) {
|
362
363
|
var value = attributes[name2];
|
363
364
|
if (value === false) {
|
@@ -392,14 +393,14 @@ function effect$2(_ref2) {
|
|
392
393
|
var element = state.elements[name];
|
393
394
|
var attributes = state.attributes[name] || {};
|
394
395
|
var styleProperties = Object.keys(state.styles.hasOwnProperty(name) ? state.styles[name] : initialStyles[name]);
|
395
|
-
var
|
396
|
-
|
397
|
-
return
|
396
|
+
var style2 = styleProperties.reduce(function(style3, property) {
|
397
|
+
style3[property] = "";
|
398
|
+
return style3;
|
398
399
|
}, {});
|
399
400
|
if (!isHTMLElement$1(element) || !getNodeName$1(element)) {
|
400
401
|
return;
|
401
402
|
}
|
402
|
-
Object.assign(element.style,
|
403
|
+
Object.assign(element.style, style2);
|
403
404
|
Object.keys(attributes).forEach(function(attribute) {
|
404
405
|
element.removeAttribute(attribute);
|
405
406
|
});
|
@@ -7384,20 +7385,20 @@ class BkMaskManager {
|
|
7384
7385
|
show(content, zIndex, showMask = true, appendStyle = {}, uuid2 = null, transfer2 = false) {
|
7385
7386
|
const uid = uuid2 != null ? uuid2 : random(16);
|
7386
7387
|
const localZIndex = /-?\d+/.test(`${zIndex}`) ? zIndex : bkZIndexManager.getModalNextIndex();
|
7387
|
-
let
|
7388
|
+
let style2 = Object.assign({}, this.maskStyle, appendStyle || {});
|
7388
7389
|
if (!showMask) {
|
7389
7390
|
if (this.lastUUID) {
|
7390
7391
|
const preStore = this.zIndexStore.get(this.lastUUID);
|
7391
|
-
|
7392
|
+
style2 = preStore.style;
|
7392
7393
|
}
|
7393
7394
|
}
|
7394
7395
|
this.storeMaskInsCfg({
|
7395
7396
|
zIndex: localZIndex,
|
7396
|
-
style: __spreadValues({},
|
7397
|
+
style: __spreadValues({}, style2),
|
7397
7398
|
uuid: uid,
|
7398
7399
|
preUID: this.lastUUID
|
7399
7400
|
});
|
7400
|
-
this.setMaskStyle(
|
7401
|
+
this.setMaskStyle(style2);
|
7401
7402
|
this.mask.style.setProperty("display", "block");
|
7402
7403
|
this.mask.style.setProperty("z-index", `${localZIndex}`);
|
7403
7404
|
this.backupMask.style.setProperty("z-index", `${localZIndex - 1}`);
|
@@ -8545,7 +8546,7 @@ const warn = (props2, context) => {
|
|
8545
8546
|
warn.displayName = "warn";
|
8546
8547
|
warn.inheritAttrs = false;
|
8547
8548
|
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"}}]}');
|
8548
|
-
var Component$
|
8549
|
+
var Component$G = defineComponent({
|
8549
8550
|
name: "Alert",
|
8550
8551
|
props: {
|
8551
8552
|
theme: PropTypes.theme(["info", "success", "warning", "error"]).def("info"),
|
@@ -8602,8 +8603,8 @@ var Component$F = defineComponent({
|
|
8602
8603
|
}, [this.closeText ? this.closeText : createVNode(closeLine, null, null)])])]);
|
8603
8604
|
}
|
8604
8605
|
});
|
8605
|
-
const BkAlert = withInstall(Component$
|
8606
|
-
var Component$
|
8606
|
+
const BkAlert = withInstall(Component$G);
|
8607
|
+
var Component$F = defineComponent({
|
8607
8608
|
name: "AnimateNumber",
|
8608
8609
|
props: {
|
8609
8610
|
value: PropTypes.number.def(0),
|
@@ -8651,7 +8652,7 @@ var Component$E = defineComponent({
|
|
8651
8652
|
return () => createVNode("span", null, [formatValue.value]);
|
8652
8653
|
}
|
8653
8654
|
});
|
8654
|
-
const BkAnimateNumber = withInstall(Component$
|
8655
|
+
const BkAnimateNumber = withInstall(Component$F);
|
8655
8656
|
const on$1 = (() => {
|
8656
8657
|
if (document.addEventListener) {
|
8657
8658
|
return (element, event, handler) => {
|
@@ -8680,7 +8681,7 @@ const off$1 = (() => {
|
|
8680
8681
|
}
|
8681
8682
|
};
|
8682
8683
|
})();
|
8683
|
-
var Component$
|
8684
|
+
var Component$E = defineComponent({
|
8684
8685
|
name: "Affix",
|
8685
8686
|
props: {
|
8686
8687
|
offsetTop: PropTypes.number.def(0),
|
@@ -8710,7 +8711,7 @@ var Component$D = defineComponent({
|
|
8710
8711
|
on$1(targetEl.value, "scroll", listenScroll);
|
8711
8712
|
on$1(targetEl.value, "resize", listenScroll);
|
8712
8713
|
nextTick(() => {
|
8713
|
-
|
8714
|
+
handleScroll2();
|
8714
8715
|
});
|
8715
8716
|
});
|
8716
8717
|
const affix2 = ref(false);
|
@@ -8730,7 +8731,7 @@ var Component$D = defineComponent({
|
|
8730
8731
|
}
|
8731
8732
|
};
|
8732
8733
|
const listenScroll = lodash.exports.throttle(() => {
|
8733
|
-
|
8734
|
+
handleScroll2();
|
8734
8735
|
}, 100);
|
8735
8736
|
const getOffset = (element) => {
|
8736
8737
|
const rect = element.value.getBoundingClientRect();
|
@@ -8745,7 +8746,7 @@ var Component$D = defineComponent({
|
|
8745
8746
|
left: rect.left - rect2.left - clientLeft
|
8746
8747
|
};
|
8747
8748
|
};
|
8748
|
-
const
|
8749
|
+
const handleScroll2 = () => {
|
8749
8750
|
const rect = targetEl.value === window ? {
|
8750
8751
|
top: 0,
|
8751
8752
|
left: 0,
|
@@ -8805,8 +8806,8 @@ var Component$D = defineComponent({
|
|
8805
8806
|
};
|
8806
8807
|
}
|
8807
8808
|
});
|
8808
|
-
const BkAffix = withInstall(Component$
|
8809
|
-
var Component$
|
8809
|
+
const BkAffix = withInstall(Component$E);
|
8810
|
+
var Component$D = defineComponent({
|
8810
8811
|
name: "Backtop",
|
8811
8812
|
props: {
|
8812
8813
|
visibilityHeight: PropTypes.number.def(200),
|
@@ -8871,8 +8872,8 @@ var Component$C = defineComponent({
|
|
8871
8872
|
});
|
8872
8873
|
}
|
8873
8874
|
});
|
8874
|
-
const BkBacktop = withInstall(Component$
|
8875
|
-
var Component$
|
8875
|
+
const BkBacktop = withInstall(Component$D);
|
8876
|
+
var Component$C = defineComponent({
|
8876
8877
|
name: "Badge",
|
8877
8878
|
props: {
|
8878
8879
|
theme: PropTypes.string.def("primary"),
|
@@ -8948,8 +8949,8 @@ var Component$B = defineComponent({
|
|
8948
8949
|
}, [(_f = (_e = (_d = this.$slots).icon) == null ? void 0 : _e.call(_d)) != null ? _f : number]) : ""]);
|
8949
8950
|
}
|
8950
8951
|
});
|
8951
|
-
const BkBadge = withInstall(Component$
|
8952
|
-
var Component$
|
8952
|
+
const BkBadge = withInstall(Component$C);
|
8953
|
+
var Component$B = defineComponent({
|
8953
8954
|
name: "Breadcrumb",
|
8954
8955
|
props: {
|
8955
8956
|
extCls: PropTypes.string,
|
@@ -9048,7 +9049,7 @@ var BreadcrumbItem = defineComponent({
|
|
9048
9049
|
};
|
9049
9050
|
}
|
9050
9051
|
});
|
9051
|
-
const BkBreadcrumb = withInstallProps(Component$
|
9052
|
+
const BkBreadcrumb = withInstallProps(Component$B, { Item: BreadcrumbItem });
|
9052
9053
|
let BkLoadingMode;
|
9053
9054
|
(function(BkLoadingMode2) {
|
9054
9055
|
BkLoadingMode2["Default"] = "default";
|
@@ -9079,7 +9080,7 @@ const loadingTypes = {
|
|
9079
9080
|
color: PropTypes.string.def("white"),
|
9080
9081
|
zIndex: PropTypes.number.def(1)
|
9081
9082
|
};
|
9082
|
-
var Component$
|
9083
|
+
var Component$A = defineComponent({
|
9083
9084
|
name: "Loading",
|
9084
9085
|
props: loadingTypes,
|
9085
9086
|
setup(props2, ctx) {
|
@@ -9135,7 +9136,7 @@ var Component$z = defineComponent({
|
|
9135
9136
|
};
|
9136
9137
|
}
|
9137
9138
|
});
|
9138
|
-
const BkLoading = withInstallProps(Component$
|
9139
|
+
const BkLoading = withInstallProps(Component$A, { setDefaultIndicator, BkLoadingMode, BkLoadingSize }, true);
|
9139
9140
|
const btnSizes = ["", "small", "large"];
|
9140
9141
|
const buttonProps = {
|
9141
9142
|
theme: PropTypes.theme().def(""),
|
@@ -9155,7 +9156,7 @@ const buttonProps = {
|
|
9155
9156
|
default: "button"
|
9156
9157
|
}
|
9157
9158
|
};
|
9158
|
-
var Component$
|
9159
|
+
var Component$z = defineComponent({
|
9159
9160
|
name: "Button",
|
9160
9161
|
props: buttonProps,
|
9161
9162
|
emits: ["click", "mouseover"],
|
@@ -9244,7 +9245,7 @@ var ButtonGroup = defineComponent({
|
|
9244
9245
|
};
|
9245
9246
|
}
|
9246
9247
|
});
|
9247
|
-
const BkButton = withInstallProps(Component$
|
9248
|
+
const BkButton = withInstallProps(Component$z, { ButtonGroup });
|
9248
9249
|
const inputType = {
|
9249
9250
|
type: PropTypes.string.def("text"),
|
9250
9251
|
clearable: PropTypes.bool,
|
@@ -9309,7 +9310,7 @@ const inputEmitEventsType = {
|
|
9309
9310
|
[EVENTS$2.COMPOSITIONUPDATE]: CompositionEventFunction,
|
9310
9311
|
[EVENTS$2.COMPOSITIONEND]: CompositionEventFunction
|
9311
9312
|
};
|
9312
|
-
var Component$
|
9313
|
+
var Component$y = defineComponent({
|
9313
9314
|
name: "Input",
|
9314
9315
|
inheritAttrs: false,
|
9315
9316
|
props: inputType,
|
@@ -9322,7 +9323,7 @@ var Component$x = defineComponent({
|
|
9322
9323
|
const inputClsPrefix = computed(() => isTextArea.value ? "bk-textarea" : "bk-input");
|
9323
9324
|
const _a = ctx.attrs, {
|
9324
9325
|
class: cls,
|
9325
|
-
style
|
9326
|
+
style: style2
|
9326
9327
|
} = _a, inputAttrs = __objRest(_a, [
|
9327
9328
|
"class",
|
9328
9329
|
"style"
|
@@ -9485,7 +9486,7 @@ var Component$x = defineComponent({
|
|
9485
9486
|
var _a2, _b, _c, _d, _e, _f, _g;
|
9486
9487
|
return createVNode("div", {
|
9487
9488
|
"class": inputCls.value,
|
9488
|
-
"style":
|
9489
|
+
"style": style2
|
9489
9490
|
}, [(_c = (_b = (_a2 = ctx.slots) == null ? void 0 : _a2.prefix) == null ? void 0 : _b.call(_a2)) != null ? _c : props2.prefix && createVNode("div", {
|
9490
9491
|
"class": getCls("prefix-area")
|
9491
9492
|
}, [createVNode("span", {
|
@@ -9525,8 +9526,8 @@ var Component$x = defineComponent({
|
|
9525
9526
|
};
|
9526
9527
|
}
|
9527
9528
|
});
|
9528
|
-
const BkInput = withInstall(Component$
|
9529
|
-
var Component$
|
9529
|
+
const BkInput = withInstall(Component$y);
|
9530
|
+
var Component$x = defineComponent({
|
9530
9531
|
name: "Card",
|
9531
9532
|
props: {
|
9532
9533
|
title: PropTypes.string,
|
@@ -9619,7 +9620,7 @@ var Component$w = defineComponent({
|
|
9619
9620
|
}, [(_l = (_k = (_j = this.$slots).footer) == null ? void 0 : _k.call(_j)) != null ? _l : "Footer"]) : ""]) : ""]);
|
9620
9621
|
}
|
9621
9622
|
});
|
9622
|
-
const BkCard = withInstall(Component$
|
9623
|
+
const BkCard = withInstall(Component$x);
|
9623
9624
|
const checkboxGroupKey = Symbol("CheckboxGroup");
|
9624
9625
|
function useFocus$1() {
|
9625
9626
|
const isFocus = ref(false);
|
@@ -9717,7 +9718,7 @@ const checkboxProps = {
|
|
9717
9718
|
beforeChange: PropTypes.func,
|
9718
9719
|
size: PropTypes.size().def("large")
|
9719
9720
|
};
|
9720
|
-
var Component$
|
9721
|
+
var Component$w = defineComponent({
|
9721
9722
|
name: "Checkbox",
|
9722
9723
|
props: checkboxProps,
|
9723
9724
|
emits: ["update:modelValue", "change"],
|
@@ -9829,7 +9830,7 @@ var BkCheckboxGroup = defineComponent({
|
|
9829
9830
|
}, [(_a = this.$slots) == null ? void 0 : _a.default()]);
|
9830
9831
|
}
|
9831
9832
|
});
|
9832
|
-
const BkCheckbox = withInstallProps(Component$
|
9833
|
+
const BkCheckbox = withInstallProps(Component$w, { Group: BkCheckboxGroup });
|
9833
9834
|
const propsCollapse = {
|
9834
9835
|
list: PropTypes.arrayOf(PropTypes.any).def([]),
|
9835
9836
|
idFiled: PropTypes.string.def("$index"),
|
@@ -10158,7 +10159,7 @@ const propsMixin$1 = {
|
|
10158
10159
|
multiInstance: PropTypes.bool.def(true),
|
10159
10160
|
infoType: PropTypes.commonType(["success", "warning", "danger", "loading"], "infoType").def()
|
10160
10161
|
};
|
10161
|
-
var Component$
|
10162
|
+
var Component$v = defineComponent({
|
10162
10163
|
name: "Modal",
|
10163
10164
|
props: __spreadValues({}, propsMixin$1),
|
10164
10165
|
emits: ["quick-close", "quickClose", "hidden", "shown", "close"],
|
@@ -10260,7 +10261,7 @@ var Component$u = defineComponent({
|
|
10260
10261
|
})]);
|
10261
10262
|
}
|
10262
10263
|
});
|
10263
|
-
const BkModal = withInstallProps(Component$
|
10264
|
+
const BkModal = withInstallProps(Component$v, { propsMixin: propsMixin$1 }, true);
|
10264
10265
|
const props = __spreadProps(__spreadValues({}, propsMixin$1), {
|
10265
10266
|
width: PropTypes.oneOfType([String, Number]).def(""),
|
10266
10267
|
height: PropTypes.oneOfType([String, Number]).def(""),
|
@@ -10518,7 +10519,7 @@ var Building = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz
|
|
10518
10519
|
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==";
|
10519
10520
|
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==";
|
10520
10521
|
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=";
|
10521
|
-
var Component$
|
10522
|
+
var Component$u = defineComponent({
|
10522
10523
|
name: "Exception",
|
10523
10524
|
props: {
|
10524
10525
|
type: PropTypes.commonType(["404", "403", "500", "building", "empty", "search-empty", "login"], "type").def("404"),
|
@@ -10593,8 +10594,8 @@ var Component$t = defineComponent({
|
|
10593
10594
|
};
|
10594
10595
|
}
|
10595
10596
|
});
|
10596
|
-
const BkException = withInstall(Component$
|
10597
|
-
var Component$
|
10597
|
+
const BkException = withInstall(Component$u);
|
10598
|
+
var Component$t = defineComponent({
|
10598
10599
|
name: "FixedNavbar",
|
10599
10600
|
props: {
|
10600
10601
|
navItems: PropTypes.array.def([]),
|
@@ -10635,8 +10636,8 @@ var Component$s = defineComponent({
|
|
10635
10636
|
}, [item.text]) : ""]))]);
|
10636
10637
|
}
|
10637
10638
|
});
|
10638
|
-
const BkFixedNavbar = withInstall(Component$
|
10639
|
-
var Component$
|
10639
|
+
const BkFixedNavbar = withInstall(Component$t);
|
10640
|
+
var Component$s = defineComponent({
|
10640
10641
|
name: "Link",
|
10641
10642
|
props: {
|
10642
10643
|
theme: PropTypes.theme(["danger", "success", "primary", "warning", "default"]).def("default"),
|
@@ -10673,7 +10674,7 @@ var Component$r = defineComponent({
|
|
10673
10674
|
}, [createVNode("span", null, [(_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a)])]);
|
10674
10675
|
}
|
10675
10676
|
});
|
10676
|
-
const BkLink = withInstall(Component$
|
10677
|
+
const BkLink = withInstall(Component$s);
|
10677
10678
|
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"];
|
10678
10679
|
const EventProps$2 = {
|
10679
10680
|
onAfterHidden: Function,
|
@@ -10717,7 +10718,7 @@ const PopoverProps$1 = __spreadValues({
|
|
10717
10718
|
PropTypes.string
|
10718
10719
|
]).def([])
|
10719
10720
|
}, EventProps$2);
|
10720
|
-
var Component$
|
10721
|
+
var Component$r = defineComponent({
|
10721
10722
|
name: "Popover",
|
10722
10723
|
props: PopoverProps$1,
|
10723
10724
|
emits: ["afterHidden", "afterShow", "update:isShow"],
|
@@ -10869,7 +10870,7 @@ var Component$q = defineComponent({
|
|
10869
10870
|
};
|
10870
10871
|
}
|
10871
10872
|
});
|
10872
|
-
const BkPopover = withInstall(Component$
|
10873
|
+
const BkPopover = withInstall(Component$r);
|
10873
10874
|
var _populated = false;
|
10874
10875
|
var _ie, _firefox, _opera, _webkit, _chrome;
|
10875
10876
|
var _ie_real_version;
|
@@ -11384,7 +11385,7 @@ function createPopoverComponent(options) {
|
|
11384
11385
|
hide: hide3,
|
11385
11386
|
updateTarget
|
11386
11387
|
});
|
11387
|
-
return () => createVNode(Component$
|
11388
|
+
return () => createVNode(Component$q, mergeProps(attrs.value, {
|
11388
11389
|
"ref": refReference
|
11389
11390
|
}), {
|
11390
11391
|
default: () => [createVNode("span", {
|
@@ -11549,12 +11550,12 @@ var Content = defineComponent({
|
|
11549
11550
|
}
|
11550
11551
|
return val;
|
11551
11552
|
};
|
11552
|
-
const
|
11553
|
+
const style2 = computed(() => ({
|
11553
11554
|
width: resolveValToPix(props2.width),
|
11554
11555
|
height: resolveValToPix(props2.height)
|
11555
11556
|
}));
|
11556
11557
|
return {
|
11557
|
-
style
|
11558
|
+
style: style2
|
11558
11559
|
};
|
11559
11560
|
},
|
11560
11561
|
render() {
|
@@ -12399,7 +12400,7 @@ function getWindow(node) {
|
|
12399
12400
|
}
|
12400
12401
|
return node;
|
12401
12402
|
}
|
12402
|
-
function getComputedStyle$1(element) {
|
12403
|
+
function getComputedStyle$1$1(element) {
|
12403
12404
|
return getWindow(element).getComputedStyle(element);
|
12404
12405
|
}
|
12405
12406
|
function getNodeName(node) {
|
@@ -12433,7 +12434,7 @@ function isOverflowElement(element) {
|
|
12433
12434
|
overflow,
|
12434
12435
|
overflowX,
|
12435
12436
|
overflowY
|
12436
|
-
} = getComputedStyle$1(element);
|
12437
|
+
} = getComputedStyle$1$1(element);
|
12437
12438
|
return /auto|scroll|overlay|hidden/.test(overflow + overflowY + overflowX);
|
12438
12439
|
}
|
12439
12440
|
function isTableElement(element) {
|
@@ -12441,7 +12442,7 @@ function isTableElement(element) {
|
|
12441
12442
|
}
|
12442
12443
|
function isContainingBlock(element) {
|
12443
12444
|
const isFirefox2 = /firefox/i.test(getUAString());
|
12444
|
-
const css = getComputedStyle$1(element);
|
12445
|
+
const css = getComputedStyle$1$1(element);
|
12445
12446
|
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);
|
12446
12447
|
}
|
12447
12448
|
function isLayoutViewport() {
|
@@ -12652,7 +12653,7 @@ function getDocumentRect(element) {
|
|
12652
12653
|
const height = max(html2.scrollHeight, html2.clientHeight, body ? body.scrollHeight : 0, body ? body.clientHeight : 0);
|
12653
12654
|
let x2 = -scroll.scrollLeft + getWindowScrollBarX(element);
|
12654
12655
|
const y2 = -scroll.scrollTop;
|
12655
|
-
if (getComputedStyle$1(body || html2).direction === "rtl") {
|
12656
|
+
if (getComputedStyle$1$1(body || html2).direction === "rtl") {
|
12656
12657
|
x2 += max(html2.clientWidth, body ? body.clientWidth : 0) - width;
|
12657
12658
|
}
|
12658
12659
|
return {
|
@@ -12725,7 +12726,7 @@ function getClientRectFromClippingAncestor(element, clippingParent, strategy) {
|
|
12725
12726
|
}
|
12726
12727
|
function getClippingAncestors(element) {
|
12727
12728
|
const clippingAncestors = getOverflowAncestors(element);
|
12728
|
-
const canEscapeClipping = ["absolute", "fixed"].includes(getComputedStyle$1(element).position);
|
12729
|
+
const canEscapeClipping = ["absolute", "fixed"].includes(getComputedStyle$1$1(element).position);
|
12729
12730
|
const clipperElement = canEscapeClipping && isHTMLElement(element) ? getOffsetParent(element) : element;
|
12730
12731
|
if (!isElement(clipperElement)) {
|
12731
12732
|
return [];
|
@@ -12779,7 +12780,7 @@ const platform = {
|
|
12779
12780
|
};
|
12780
12781
|
},
|
12781
12782
|
getClientRects: (element) => Array.from(element.getClientRects()),
|
12782
|
-
isRTL: (element) => getComputedStyle$1(element).direction === "rtl"
|
12783
|
+
isRTL: (element) => getComputedStyle$1$1(element).direction === "rtl"
|
12783
12784
|
};
|
12784
12785
|
function autoUpdate(reference2, floating, update, options) {
|
12785
12786
|
if (options === void 0) {
|
@@ -13343,7 +13344,7 @@ var usePopoverInit = (props2, ctx, refReference, refContent, refArrow, refRoot)
|
|
13343
13344
|
boundary
|
13344
13345
|
};
|
13345
13346
|
};
|
13346
|
-
var Component$
|
13347
|
+
var Component$q = defineComponent({
|
13347
13348
|
name: "Popover2",
|
13348
13349
|
components: {
|
13349
13350
|
Content,
|
@@ -13463,7 +13464,7 @@ var Component$p = defineComponent({
|
|
13463
13464
|
});
|
13464
13465
|
}
|
13465
13466
|
});
|
13466
|
-
const BkPopover2 = withInstall(Component$
|
13467
|
+
const BkPopover2 = withInstall(Component$q);
|
13467
13468
|
const Circle = (_2, {
|
13468
13469
|
attrs,
|
13469
13470
|
slots
|
@@ -13586,7 +13587,7 @@ const Line = (_2, {
|
|
13586
13587
|
function _isSlot$6(s2) {
|
13587
13588
|
return typeof s2 === "function" || Object.prototype.toString.call(s2) === "[object Object]" && !isVNode(s2);
|
13588
13589
|
}
|
13589
|
-
var Component$
|
13590
|
+
var Component$p = defineComponent({
|
13590
13591
|
name: "Progress",
|
13591
13592
|
props: {
|
13592
13593
|
extCls: PropTypes.string,
|
@@ -13664,7 +13665,7 @@ var Component$o = defineComponent({
|
|
13664
13665
|
return createVNode("div", progressProps, [progress2]);
|
13665
13666
|
}
|
13666
13667
|
});
|
13667
|
-
const BkProgress = withInstall(Component$
|
13668
|
+
const BkProgress = withInstall(Component$p);
|
13668
13669
|
const radioGroupKey = Symbol("RadioGroup");
|
13669
13670
|
function useFocus() {
|
13670
13671
|
const isFocused = ref(false);
|
@@ -13758,7 +13759,7 @@ const radioProps = {
|
|
13758
13759
|
checked: PropTypes.bool.def(false),
|
13759
13760
|
disabled: PropTypes.bool.def(false)
|
13760
13761
|
};
|
13761
|
-
var Component$
|
13762
|
+
var Component$o = defineComponent({
|
13762
13763
|
name: "Radio",
|
13763
13764
|
props: radioProps,
|
13764
13765
|
emits: ["change", "update:modelValue"],
|
@@ -13927,7 +13928,7 @@ var RadioGroup = defineComponent({
|
|
13927
13928
|
}, [(_a = this.$slots) == null ? void 0 : _a.default()]);
|
13928
13929
|
}
|
13929
13930
|
});
|
13930
|
-
const BkRadio = withInstallProps(Component$
|
13931
|
+
const BkRadio = withInstallProps(Component$o, { Group: RadioGroup, Button: RadioButton });
|
13931
13932
|
var star = defineComponent({
|
13932
13933
|
name: "Star",
|
13933
13934
|
props: {
|
@@ -13989,7 +13990,7 @@ var star = defineComponent({
|
|
13989
13990
|
}, null)])])])])]))]);
|
13990
13991
|
}
|
13991
13992
|
});
|
13992
|
-
var Component$
|
13993
|
+
var Component$n = defineComponent({
|
13993
13994
|
name: "Rate",
|
13994
13995
|
components: {
|
13995
13996
|
star
|
@@ -14069,8 +14070,8 @@ var Component$m = defineComponent({
|
|
14069
14070
|
}, commonAttrs), null)]]);
|
14070
14071
|
}
|
14071
14072
|
});
|
14072
|
-
const BkRate = withInstall(Component$
|
14073
|
-
var Component$
|
14073
|
+
const BkRate = withInstall(Component$n);
|
14074
|
+
var Component$m = defineComponent({
|
14074
14075
|
name: "Swiper",
|
14075
14076
|
props: {
|
14076
14077
|
isLoop: PropTypes.bool.def(true),
|
@@ -14229,7 +14230,7 @@ var Component$l = defineComponent({
|
|
14229
14230
|
}, null)])]);
|
14230
14231
|
}
|
14231
14232
|
});
|
14232
|
-
const BkSwiper = withInstall(Component$
|
14233
|
+
const BkSwiper = withInstall(Component$m);
|
14233
14234
|
const selectKey = Symbol("BkSelect");
|
14234
14235
|
const optionGroupKey = Symbol("BkOptionGroup");
|
14235
14236
|
function useHover() {
|
@@ -14636,7 +14637,7 @@ var virtualRender = {
|
|
14636
14637
|
}
|
14637
14638
|
}
|
14638
14639
|
};
|
14639
|
-
var Component$
|
14640
|
+
var Component$l = defineComponent({
|
14640
14641
|
name: "VirtualRender",
|
14641
14642
|
directives: {
|
14642
14643
|
bkVirtualRender: virtualRender
|
@@ -14790,8 +14791,8 @@ var Component$k = defineComponent({
|
|
14790
14791
|
};
|
14791
14792
|
}
|
14792
14793
|
});
|
14793
|
-
const BkVirtualRender = withInstall(Component$
|
14794
|
-
var Component$
|
14794
|
+
const BkVirtualRender = withInstall(Component$l);
|
14795
|
+
var Component$k = defineComponent({
|
14795
14796
|
name: "Tag",
|
14796
14797
|
props: {
|
14797
14798
|
theme: PropTypes.theme(["success", "info", "warning", "danger"]).def(""),
|
@@ -14853,7 +14854,7 @@ var Component$j = defineComponent({
|
|
14853
14854
|
}, null) : ""]);
|
14854
14855
|
}
|
14855
14856
|
});
|
14856
|
-
const BkTag = withInstall(Component$
|
14857
|
+
const BkTag = withInstall(Component$k);
|
14857
14858
|
var SelectTagInput = defineComponent({
|
14858
14859
|
name: "SelectTagInput",
|
14859
14860
|
props: {
|
@@ -14989,7 +14990,7 @@ var SelectTagInput = defineComponent({
|
|
14989
14990
|
}, null), (_g = (_f = this.$slots) == null ? void 0 : _f.suffix) == null ? void 0 : _g.call(_f)]);
|
14990
14991
|
}
|
14991
14992
|
});
|
14992
|
-
var Component$
|
14993
|
+
var Component$j = defineComponent({
|
14993
14994
|
name: "Select",
|
14994
14995
|
directives: {
|
14995
14996
|
clickoutside: ClickOutside
|
@@ -15319,7 +15320,7 @@ var Component$i = defineComponent({
|
|
15319
15320
|
emitChange(selected.value.map((item) => item.value));
|
15320
15321
|
focusInput();
|
15321
15322
|
};
|
15322
|
-
const
|
15323
|
+
const handleScroll2 = (e) => {
|
15323
15324
|
const {
|
15324
15325
|
scrollTop: scrollTop2,
|
15325
15326
|
clientHeight,
|
@@ -15471,7 +15472,7 @@ var Component$i = defineComponent({
|
|
15471
15472
|
handleToggleAll,
|
15472
15473
|
handleOptionSelected,
|
15473
15474
|
handleClickOutside,
|
15474
|
-
handleScroll,
|
15475
|
+
handleScroll: handleScroll2,
|
15475
15476
|
handleDeleteTag,
|
15476
15477
|
handleInputChange,
|
15477
15478
|
handleInputEnter,
|
@@ -15641,7 +15642,7 @@ var Component$i = defineComponent({
|
|
15641
15642
|
})]);
|
15642
15643
|
}
|
15643
15644
|
});
|
15644
|
-
const BkSelect = withInstallProps(Component$
|
15645
|
+
const BkSelect = withInstallProps(Component$j, { Option: BkOption, Group: OptionGroup });
|
15645
15646
|
function _isSlot$5(s2) {
|
15646
15647
|
return typeof s2 === "function" || Object.prototype.toString.call(s2) === "[object Object]" && !isVNode(s2);
|
15647
15648
|
}
|
@@ -15651,7 +15652,7 @@ const {
|
|
15651
15652
|
const sliderPops = Object.assign({}, propsMixin);
|
15652
15653
|
sliderPops.width.default = "400";
|
15653
15654
|
sliderPops.height.default = "100%";
|
15654
|
-
var Component$
|
15655
|
+
var Component$i = defineComponent({
|
15655
15656
|
name: "Sideslider",
|
15656
15657
|
components: {
|
15657
15658
|
BkModal,
|
@@ -15742,7 +15743,7 @@ var Component$h = defineComponent({
|
|
15742
15743
|
};
|
15743
15744
|
}
|
15744
15745
|
});
|
15745
|
-
const BkSideslider = withInstall(Component$
|
15746
|
+
const BkSideslider = withInstall(Component$i);
|
15746
15747
|
const stepsProps = {
|
15747
15748
|
theme: PropTypes.theme().def("primary"),
|
15748
15749
|
size: PropTypes.size(),
|
@@ -15756,7 +15757,7 @@ const stepsProps = {
|
|
15756
15757
|
steps: PropTypes.array.def([]),
|
15757
15758
|
beforeChange: PropTypes.func
|
15758
15759
|
};
|
15759
|
-
var Component$
|
15760
|
+
var Component$h = defineComponent({
|
15760
15761
|
name: "Steps",
|
15761
15762
|
props: stepsProps,
|
15762
15763
|
emits: ["update:curStep", "click"],
|
@@ -15910,8 +15911,8 @@ var Component$g = defineComponent({
|
|
15910
15911
|
})]);
|
15911
15912
|
}
|
15912
15913
|
});
|
15913
|
-
const BkSteps
|
15914
|
-
var Component$
|
15914
|
+
const BkSteps = withInstall(Component$h);
|
15915
|
+
var Component$g = defineComponent({
|
15915
15916
|
name: "Switcher",
|
15916
15917
|
props: {
|
15917
15918
|
theme: PropTypes.theme().def(""),
|
@@ -16013,7 +16014,7 @@ var Component$f = defineComponent({
|
|
16013
16014
|
}, [isChecked.value ? props2.onText : props2.offText]) : ""]);
|
16014
16015
|
}
|
16015
16016
|
});
|
16016
|
-
const BkSwitcher = withInstall(Component$
|
16017
|
+
const BkSwitcher = withInstall(Component$g);
|
16017
16018
|
var BORDER_OPTION = /* @__PURE__ */ ((BORDER_OPTION2) => {
|
16018
16019
|
BORDER_OPTION2["NONE"] = "none";
|
16019
16020
|
BORDER_OPTION2["ROW"] = "row";
|
@@ -16706,7 +16707,7 @@ const paginationProps = {
|
|
16706
16707
|
return value.some((item) => layoutNameMap[item]);
|
16707
16708
|
}, "layout \u7684\u503C\u53EA\u652F\u6301 * total\u3001list\u3001limit *").def(["total", "list", "limit"])
|
16708
16709
|
};
|
16709
|
-
var Component$
|
16710
|
+
var Component$f = defineComponent({
|
16710
16711
|
name: "Pagination",
|
16711
16712
|
props: paginationProps,
|
16712
16713
|
emits: ["update:modelValue", "change", "update:limit", "limitChange"],
|
@@ -16730,8 +16731,8 @@ var Component$e = defineComponent({
|
|
16730
16731
|
render: renderLimit
|
16731
16732
|
} = useLimit();
|
16732
16733
|
watch([count, localLimit, limit], ([count2, localLimit2]) => {
|
16733
|
-
const
|
16734
|
-
totalPageNum.value =
|
16734
|
+
const total2 = Math.ceil(count2 / localLimit2);
|
16735
|
+
totalPageNum.value = total2 < 1 ? 1 : total2;
|
16735
16736
|
}, {
|
16736
16737
|
immediate: true
|
16737
16738
|
});
|
@@ -16776,7 +16777,7 @@ var Component$e = defineComponent({
|
|
16776
16777
|
}))]);
|
16777
16778
|
}
|
16778
16779
|
});
|
16779
|
-
const BkPagination = withInstall(Component$
|
16780
|
+
const BkPagination = withInstall(Component$f);
|
16780
16781
|
const resolvePropVal = (prop, key2, args) => {
|
16781
16782
|
if (typeof key2 === "string") {
|
16782
16783
|
if (Object.prototype.hasOwnProperty.call(prop, key2)) {
|
@@ -18533,7 +18534,7 @@ const useInit = (props2, targetColumns) => {
|
|
18533
18534
|
getSelection
|
18534
18535
|
};
|
18535
18536
|
};
|
18536
|
-
var Component$
|
18537
|
+
var Component$e = defineComponent({
|
18537
18538
|
name: "Table",
|
18538
18539
|
props: tableProps,
|
18539
18540
|
emits: EMIT_EVENT_TYPES,
|
@@ -18842,7 +18843,7 @@ var Component$d = defineComponent({
|
|
18842
18843
|
};
|
18843
18844
|
}
|
18844
18845
|
});
|
18845
|
-
const BkTable = withInstall(Component$
|
18846
|
+
const BkTable = withInstall(Component$e);
|
18846
18847
|
withInstall(Column);
|
18847
18848
|
const BkTableColumn = withInstall(Column);
|
18848
18849
|
const INPUT_MIN_WIDTH = 12;
|
@@ -18888,6 +18889,7 @@ function useFlatList(props2) {
|
|
18888
18889
|
list
|
18889
18890
|
} = toRefs(props2);
|
18890
18891
|
const flatList = ref([]);
|
18892
|
+
const saveKeyMap = ref({});
|
18891
18893
|
watch([useGroup, saveKey, displayKey, list], () => {
|
18892
18894
|
flatList.value = [];
|
18893
18895
|
let formatList = markRaw(list.value);
|
@@ -18906,8 +18908,15 @@ function useFlatList(props2) {
|
|
18906
18908
|
}, []);
|
18907
18909
|
}
|
18908
18910
|
flatList.value = formatList;
|
18911
|
+
saveKeyMap.value = formatList.reduce((acc, item) => {
|
18912
|
+
acc[item[saveKey.value]] = item;
|
18913
|
+
return acc;
|
18914
|
+
}, {});
|
18909
18915
|
}, { immediate: true });
|
18910
|
-
return
|
18916
|
+
return {
|
18917
|
+
flatList,
|
18918
|
+
saveKeyMap
|
18919
|
+
};
|
18911
18920
|
}
|
18912
18921
|
const getCharLength = (str) => {
|
18913
18922
|
const len = str.length;
|
@@ -18999,7 +19008,10 @@ const tagProps = () => ({
|
|
18999
19008
|
type: Boolean,
|
19000
19009
|
default: true
|
19001
19010
|
},
|
19002
|
-
popoverProps:
|
19011
|
+
popoverProps: {
|
19012
|
+
type: Object,
|
19013
|
+
default: () => ({})
|
19014
|
+
}
|
19003
19015
|
});
|
19004
19016
|
var TagRender = defineComponent({
|
19005
19017
|
name: "TagRender",
|
@@ -19022,7 +19034,7 @@ var TagRender = defineComponent({
|
|
19022
19034
|
}, [this.node[this.displayKey]])]);
|
19023
19035
|
}
|
19024
19036
|
});
|
19025
|
-
var Component$
|
19037
|
+
var Component$d = defineComponent({
|
19026
19038
|
name: "TagInput",
|
19027
19039
|
directives: {
|
19028
19040
|
bkTooltips: tooltips
|
@@ -19073,13 +19085,49 @@ var Component$c = defineComponent({
|
|
19073
19085
|
active: state.isEdit,
|
19074
19086
|
disabled: props2.disabled
|
19075
19087
|
}));
|
19076
|
-
|
19077
|
-
|
19088
|
+
const listState = reactive({
|
19089
|
+
localList: [],
|
19090
|
+
tagListCache: [],
|
19091
|
+
selectedTagList: [],
|
19092
|
+
selectedTagListCache: []
|
19093
|
+
});
|
19094
|
+
const tagList = computed(() => listState.selectedTagList.map((tag2) => tag2[props2.saveKey]));
|
19095
|
+
const {
|
19096
|
+
flatList,
|
19097
|
+
saveKeyMap
|
19098
|
+
} = useFlatList(props2);
|
19099
|
+
const renderList = computed(() => {
|
19100
|
+
if (props2.useGroup) {
|
19101
|
+
const groupMap = {};
|
19102
|
+
pageState.curPageList.forEach((item, index) => {
|
19103
|
+
item.__index__ = index;
|
19104
|
+
if (!groupMap[item.group.groupId]) {
|
19105
|
+
groupMap[item.group.groupId] = {
|
19106
|
+
id: item.group.groupId,
|
19107
|
+
name: item.group.groupName,
|
19108
|
+
children: []
|
19109
|
+
};
|
19110
|
+
}
|
19111
|
+
groupMap[item.group.groupId].children.push(item);
|
19112
|
+
});
|
19113
|
+
return Object.keys(groupMap).map((key2) => groupMap[key2]);
|
19114
|
+
}
|
19115
|
+
return pageState.curPageList;
|
19116
|
+
});
|
19117
|
+
watch([() => flatList.value], () => {
|
19078
19118
|
nextTick(() => {
|
19079
19119
|
initData();
|
19080
19120
|
});
|
19081
|
-
|
19082
|
-
|
19121
|
+
});
|
19122
|
+
watch(() => props2.modelValue, (val) => {
|
19123
|
+
var _a;
|
19124
|
+
if (!shallowCompareArray(tagList.value, val)) {
|
19125
|
+
nextTick(() => {
|
19126
|
+
initData();
|
19127
|
+
});
|
19128
|
+
if (props2.withValidate) {
|
19129
|
+
(_a = formItem == null ? void 0 : formItem.validate) == null ? void 0 : _a.call(formItem, "change");
|
19130
|
+
}
|
19083
19131
|
}
|
19084
19132
|
});
|
19085
19133
|
watch(curInputValue, lodash.exports.debounce(() => {
|
@@ -19105,6 +19153,9 @@ var Component$c = defineComponent({
|
|
19105
19153
|
}
|
19106
19154
|
}
|
19107
19155
|
});
|
19156
|
+
onMounted(() => {
|
19157
|
+
initData();
|
19158
|
+
});
|
19108
19159
|
const changePopoverOffset = () => {
|
19109
19160
|
var _a, _b;
|
19110
19161
|
const left2 = isSingleSelect.value ? 0 : (_a = tagInputItemRef.value) == null ? void 0 : _a.offsetLeft;
|
@@ -19173,32 +19224,6 @@ var Component$c = defineComponent({
|
|
19173
19224
|
}
|
19174
19225
|
});
|
19175
19226
|
};
|
19176
|
-
const listState = reactive({
|
19177
|
-
localList: [],
|
19178
|
-
tagListCache: [],
|
19179
|
-
selectedTagList: [],
|
19180
|
-
selectedTagListCache: []
|
19181
|
-
});
|
19182
|
-
const tagList = computed(() => listState.selectedTagList.map((tag2) => tag2[props2.saveKey]));
|
19183
|
-
const formatList = useFlatList(props2);
|
19184
|
-
const renderList = computed(() => {
|
19185
|
-
if (props2.useGroup) {
|
19186
|
-
const groupMap = {};
|
19187
|
-
pageState.curPageList.forEach((item, index) => {
|
19188
|
-
item.__index__ = index;
|
19189
|
-
if (!groupMap[item.group.groupId]) {
|
19190
|
-
groupMap[item.group.groupId] = {
|
19191
|
-
id: item.group.groupId,
|
19192
|
-
name: item.group.groupName,
|
19193
|
-
children: []
|
19194
|
-
};
|
19195
|
-
}
|
19196
|
-
groupMap[item.group.groupId].children.push(item);
|
19197
|
-
});
|
19198
|
-
return Object.keys(groupMap).map((key2) => groupMap[key2]);
|
19199
|
-
}
|
19200
|
-
return pageState.curPageList;
|
19201
|
-
});
|
19202
19227
|
const initData = () => {
|
19203
19228
|
const {
|
19204
19229
|
saveKey,
|
@@ -19208,21 +19233,22 @@ var Component$c = defineComponent({
|
|
19208
19233
|
trigger
|
19209
19234
|
} = props2;
|
19210
19235
|
listState.selectedTagList = [];
|
19211
|
-
listState.localList =
|
19236
|
+
listState.localList = flatList.value;
|
19212
19237
|
if (modelValue.length) {
|
19213
|
-
|
19214
|
-
|
19215
|
-
|
19216
|
-
|
19217
|
-
|
19218
|
-
|
19238
|
+
const modelValueMap = {};
|
19239
|
+
listState.selectedTagList = modelValue.map((tag2) => {
|
19240
|
+
const item = saveKeyMap.value[tag2];
|
19241
|
+
modelValueMap[tag2] = 1;
|
19242
|
+
if (!item && allowCreate) {
|
19243
|
+
return {
|
19219
19244
|
[saveKey]: tag2,
|
19220
19245
|
[displayKey]: tag2
|
19221
|
-
}
|
19246
|
+
};
|
19222
19247
|
}
|
19223
|
-
|
19248
|
+
return item;
|
19249
|
+
}).filter((item) => item);
|
19224
19250
|
if (!isSingleSelect.value) {
|
19225
|
-
listState.localList = listState.localList.filter((val) => !
|
19251
|
+
listState.localList = listState.localList.filter((val) => !modelValueMap[val[saveKey]]);
|
19226
19252
|
}
|
19227
19253
|
}
|
19228
19254
|
if (trigger === "focus") {
|
@@ -19234,35 +19260,40 @@ var Component$c = defineComponent({
|
|
19234
19260
|
searchKey,
|
19235
19261
|
filterCallback
|
19236
19262
|
} = props2;
|
19237
|
-
const lowerCaseValue = value.toLowerCase();
|
19263
|
+
const lowerCaseValue = value.toLowerCase().trim();
|
19264
|
+
if (lowerCaseValue === "") {
|
19265
|
+
initPage(listState.localList);
|
19266
|
+
return;
|
19267
|
+
}
|
19238
19268
|
let filterData2 = [];
|
19239
19269
|
if (typeof filterCallback === "function") {
|
19240
19270
|
filterData2 = filterCallback(lowerCaseValue, searchKey, listState.localList) || [];
|
19241
19271
|
} else {
|
19242
19272
|
if (Array.isArray(searchKey)) {
|
19243
|
-
|
19244
|
-
filterData2 = Array.from(new Set(filterDataList.flat()));
|
19273
|
+
filterData2 = listState.localList.filter((item) => searchKey.some((keyword) => item[keyword].toLowerCase().indexOf(lowerCaseValue) > -1));
|
19245
19274
|
} else {
|
19246
|
-
filterData2 = listState.localList.filter((item) => item[searchKey].toLowerCase().indexOf(lowerCaseValue)
|
19275
|
+
filterData2 = listState.localList.filter((item) => item[searchKey].toLowerCase().indexOf(lowerCaseValue) > -1);
|
19247
19276
|
}
|
19248
19277
|
}
|
19249
19278
|
initPage(filterData2);
|
19250
19279
|
};
|
19251
19280
|
const activeClass = (data2, index) => {
|
19252
|
-
const
|
19281
|
+
const style2 = {
|
19253
19282
|
"bk-selector-actived": false,
|
19254
19283
|
"bk-selector-selected": tagList.value.includes(data2[props2.saveKey])
|
19255
19284
|
};
|
19256
19285
|
if (props2.useGroup) {
|
19257
|
-
|
19286
|
+
style2["bk-selector-actived"] = data2.__index__ === state.focusItemIndex;
|
19258
19287
|
} else {
|
19259
|
-
|
19288
|
+
style2["bk-selector-actived"] = index === state.focusItemIndex;
|
19260
19289
|
}
|
19261
|
-
return
|
19290
|
+
return style2;
|
19262
19291
|
};
|
19263
|
-
|
19264
|
-
|
19265
|
-
|
19292
|
+
function shallowCompareArray(arr1, arr2) {
|
19293
|
+
if (arr1.length !== arr2.length)
|
19294
|
+
return false;
|
19295
|
+
return arr2.every((item, index) => arr1[index] === item);
|
19296
|
+
}
|
19266
19297
|
const clearSingleCache = () => {
|
19267
19298
|
listState.tagListCache = [];
|
19268
19299
|
listState.selectedTagListCache = [];
|
@@ -19382,7 +19413,7 @@ var Component$c = defineComponent({
|
|
19382
19413
|
e.stopPropagation();
|
19383
19414
|
const removeList = listState.selectedTagList;
|
19384
19415
|
listState.selectedTagList = [];
|
19385
|
-
const existList =
|
19416
|
+
const existList = removeList.filter((item) => saveKeyMap.value[item[props2.saveKey]]);
|
19386
19417
|
if ((props2.allowCreate && existList.length !== 0 || !props2.allowCreate) && !isSingleSelect.value) {
|
19387
19418
|
listState.localList.push(...existList);
|
19388
19419
|
}
|
@@ -19416,7 +19447,7 @@ var Component$c = defineComponent({
|
|
19416
19447
|
swapElementPositions(tagInputItemRef.value, nodes[index - 1]);
|
19417
19448
|
listState.selectedTagList.splice(index - 1, 1);
|
19418
19449
|
focusInputTrigger();
|
19419
|
-
const isExistInit =
|
19450
|
+
const isExistInit = saveKeyMap.value[target[props2.saveKey]];
|
19420
19451
|
if ((props2.allowCreate && isExistInit || !props2.allowCreate) && !isSingleSelect.value) {
|
19421
19452
|
listState.localList.push(target);
|
19422
19453
|
}
|
@@ -19588,12 +19619,11 @@ var Component$c = defineComponent({
|
|
19588
19619
|
}
|
19589
19620
|
return true;
|
19590
19621
|
};
|
19591
|
-
const existTag = (value) => listState.localList.find((tag2) => tag2[saveKey] === value);
|
19592
19622
|
if (type === "custom") {
|
19593
19623
|
if (separator2) {
|
19594
19624
|
let tags = item.split(separator2);
|
19595
19625
|
tags = tags.filter((tag2) => (tag2 == null ? void 0 : tag2.trim()) && !tagList.value.includes(tag2) && validateTag(tag2));
|
19596
|
-
const localTags = tags.map((tag2) =>
|
19626
|
+
const localTags = tags.map((tag2) => saveKeyMap.value[tag2] || {
|
19597
19627
|
[saveKey]: tag2,
|
19598
19628
|
[displayKey]: tag2
|
19599
19629
|
});
|
@@ -19607,7 +19637,7 @@ var Component$c = defineComponent({
|
|
19607
19637
|
newValue = isObject2 ? item[saveKey] : item.trim();
|
19608
19638
|
newValue = newValue.replace(/\s+/g, "");
|
19609
19639
|
if (newValue !== void 0 && !tagList.value.includes(newValue) && validateTag(newValue)) {
|
19610
|
-
const localItem =
|
19640
|
+
const localItem = saveKeyMap.value[newValue] || (isObject2 ? item : {
|
19611
19641
|
[saveKey]: newValue,
|
19612
19642
|
[displayKey]: newValue
|
19613
19643
|
});
|
@@ -19632,14 +19662,18 @@ var Component$c = defineComponent({
|
|
19632
19662
|
tagInputRef.value.style.width = `${INPUT_MIN_WIDTH}px`;
|
19633
19663
|
if (!isSingleSelect.value) {
|
19634
19664
|
props2.allowNextFocus && focusInputTrigger();
|
19635
|
-
|
19665
|
+
const selectedMap = tagList.value.reduce((acc, tag2) => {
|
19666
|
+
acc[tag2] = 1;
|
19667
|
+
return acc;
|
19668
|
+
}, {});
|
19669
|
+
listState.localList = listState.localList.filter((val) => !selectedMap[val[saveKey]]);
|
19636
19670
|
}
|
19637
19671
|
});
|
19638
19672
|
}
|
19639
19673
|
};
|
19640
19674
|
const removeTag = (data2, index) => {
|
19641
19675
|
listState.selectedTagList.splice(index, 1);
|
19642
|
-
const isExistInit =
|
19676
|
+
const isExistInit = saveKeyMap.value[data2[props2.saveKey]];
|
19643
19677
|
if ((props2.allowCreate && isExistInit || !props2.allowCreate) && !isSingleSelect.value) {
|
19644
19678
|
listState.localList.push(data2);
|
19645
19679
|
}
|
@@ -19650,7 +19684,6 @@ var Component$c = defineComponent({
|
|
19650
19684
|
isShowPlaceholder,
|
19651
19685
|
isShowClear,
|
19652
19686
|
curInputValue,
|
19653
|
-
formatList,
|
19654
19687
|
renderList,
|
19655
19688
|
showTagClose,
|
19656
19689
|
tagInputRef,
|
@@ -19784,7 +19817,7 @@ var Component$c = defineComponent({
|
|
19784
19817
|
})]);
|
19785
19818
|
}
|
19786
19819
|
});
|
19787
|
-
const TagInput = withInstall(Component$
|
19820
|
+
const TagInput = withInstall(Component$d);
|
19788
19821
|
const dividerProps = {
|
19789
19822
|
direction: PropTypes.commonType(["horizontal", "vertical"], "direction").def("horizontal"),
|
19790
19823
|
align: PropTypes.commonType(["left", "center", "right"], "align").def("center"),
|
@@ -20732,7 +20765,7 @@ const menuProps = {
|
|
20732
20765
|
default: true
|
20733
20766
|
}
|
20734
20767
|
};
|
20735
|
-
var Component$
|
20768
|
+
var Component$c = defineComponent({
|
20736
20769
|
name: "Menu",
|
20737
20770
|
props: menuProps,
|
20738
20771
|
emits: ["update:activeKey", "update:openKeys", "click", "openChange"],
|
@@ -20980,7 +21013,7 @@ var Submenu = defineComponent({
|
|
20980
21013
|
};
|
20981
21014
|
}
|
20982
21015
|
});
|
20983
|
-
const BkMenu = withInstallProps(Component$
|
21016
|
+
const BkMenu = withInstallProps(Component$c, { Item, Submenu, Group });
|
20984
21017
|
const TitleProps = {
|
20985
21018
|
sideTitle: {
|
20986
21019
|
type: String,
|
@@ -21060,7 +21093,7 @@ const NavigationProps = {
|
|
21060
21093
|
default: true
|
21061
21094
|
}
|
21062
21095
|
};
|
21063
|
-
var Component$
|
21096
|
+
var Component$b = defineComponent({
|
21064
21097
|
name: "Navigation",
|
21065
21098
|
props: NavigationProps,
|
21066
21099
|
emits: ["leave", "toggle", "hover", "toggle-click"],
|
@@ -21202,7 +21235,7 @@ var Component$a = defineComponent({
|
|
21202
21235
|
}, [(_l = (_k = this.$slots).footer) == null ? void 0 : _l.call(_k)])])])])]);
|
21203
21236
|
}
|
21204
21237
|
});
|
21205
|
-
const Navigation = withInstall(Component$
|
21238
|
+
const Navigation = withInstall(Component$b);
|
21206
21239
|
const pickerDropdownProps = {
|
21207
21240
|
placement: {
|
21208
21241
|
type: String,
|
@@ -21283,11 +21316,11 @@ var PickerDropdown = defineComponent({
|
|
21283
21316
|
}
|
21284
21317
|
};
|
21285
21318
|
const styles = computed(() => {
|
21286
|
-
const
|
21319
|
+
const style2 = {};
|
21287
21320
|
if (props2.appendToBody) {
|
21288
|
-
|
21321
|
+
style2["z-index"] = 1060 + bkZIndexManager.getModalNextIndex();
|
21289
21322
|
}
|
21290
|
-
return
|
21323
|
+
return style2;
|
21291
21324
|
});
|
21292
21325
|
const state = reactive({
|
21293
21326
|
styles
|
@@ -25154,7 +25187,7 @@ var DateRangePanel = defineComponent({
|
|
25154
25187
|
}, [item.text]))]) : ""]) : null]);
|
25155
25188
|
}
|
25156
25189
|
});
|
25157
|
-
var Component$
|
25190
|
+
var Component$a = defineComponent({
|
25158
25191
|
name: "DatePicker",
|
25159
25192
|
directives: {
|
25160
25193
|
clickoutside: ClickOutside
|
@@ -26217,7 +26250,7 @@ var TimePicker = defineComponent({
|
|
26217
26250
|
})]), [[resolveDirective("clickoutside"), this.handleClose]]);
|
26218
26251
|
}
|
26219
26252
|
});
|
26220
|
-
const BkDatePicker = withInstall(Component$
|
26253
|
+
const BkDatePicker = withInstall(Component$a);
|
26221
26254
|
var ArrayType = /* @__PURE__ */ ((ArrayType2) => {
|
26222
26255
|
ArrayType2["OBJECT_ARRAY"] = "objectArray";
|
26223
26256
|
ArrayType2["BASE_ARRAY"] = "baseArray";
|
@@ -26273,7 +26306,7 @@ function useSelectListSearch(selectList, displayCode) {
|
|
26273
26306
|
selectListSearch
|
26274
26307
|
};
|
26275
26308
|
}
|
26276
|
-
var Component$
|
26309
|
+
var Component$9 = defineComponent({
|
26277
26310
|
name: "Transfer",
|
26278
26311
|
props: transferProps,
|
26279
26312
|
emits: ["change", "update:targetList"],
|
@@ -26444,7 +26477,7 @@ var Component$8 = defineComponent({
|
|
26444
26477
|
}, [getHeaderHtml("right-header"), getListContentHtml("right")])]);
|
26445
26478
|
}
|
26446
26479
|
});
|
26447
|
-
const Transfer = withInstall(Component$
|
26480
|
+
const Transfer = withInstall(Component$9);
|
26448
26481
|
var EVENTS = /* @__PURE__ */ ((EVENTS2) => {
|
26449
26482
|
EVENTS2["NODE_CLICK"] = "nodeClick";
|
26450
26483
|
EVENTS2["NODE_COLLAPSE"] = "nodeCollapse";
|
@@ -26860,11 +26893,11 @@ var useNodeAction = (props2, ctx, flatData, _renderData, schemaValues, initOptio
|
|
26860
26893
|
node,
|
26861
26894
|
className,
|
26862
26895
|
text,
|
26863
|
-
style
|
26896
|
+
style: style2
|
26864
26897
|
} = val;
|
26865
26898
|
return h$1(node, {
|
26866
26899
|
class: className,
|
26867
|
-
style
|
26900
|
+
style: style2
|
26868
26901
|
}, text);
|
26869
26902
|
}
|
26870
26903
|
return null;
|
@@ -27542,7 +27575,7 @@ var useTreeInit = (props2) => {
|
|
27542
27575
|
onSelected
|
27543
27576
|
};
|
27544
27577
|
};
|
27545
|
-
var Component$
|
27578
|
+
var Component$8 = defineComponent({
|
27546
27579
|
name: "Tree",
|
27547
27580
|
props: treeProps,
|
27548
27581
|
emits: TreeEmitEventsType,
|
@@ -27653,7 +27686,7 @@ var Component$7 = defineComponent({
|
|
27653
27686
|
});
|
27654
27687
|
}
|
27655
27688
|
});
|
27656
|
-
const BkTree = withInstall(Component$
|
27689
|
+
const BkTree = withInstall(Component$8);
|
27657
27690
|
const isCustomComponent = (node) => node.__v_isVNode;
|
27658
27691
|
var ComposeFormItem = defineComponent({
|
27659
27692
|
name: "ComposeFormItem",
|
@@ -28102,7 +28135,7 @@ var Col = defineComponent({
|
|
28102
28135
|
const formatPercentage = function(val) {
|
28103
28136
|
return `${Number((val * 100).toFixed(3))}%`;
|
28104
28137
|
};
|
28105
|
-
const
|
28138
|
+
const style2 = computed(() => ({
|
28106
28139
|
width: formatPercentage(realSpan.value / col),
|
28107
28140
|
"padding-right": `${gutter / 2}px`,
|
28108
28141
|
"padding-left": `${gutter / 2}px`,
|
@@ -28114,7 +28147,7 @@ var Col = defineComponent({
|
|
28114
28147
|
var _a, _b;
|
28115
28148
|
return createVNode("div", {
|
28116
28149
|
"class": "bk-grid-col",
|
28117
|
-
"style":
|
28150
|
+
"style": style2.value
|
28118
28151
|
}, [(_b = (_a = ctx.slots).default) == null ? void 0 : _b.call(_a)]);
|
28119
28152
|
};
|
28120
28153
|
}
|
@@ -28143,7 +28176,7 @@ var Container = defineComponent({
|
|
28143
28176
|
flex
|
28144
28177
|
});
|
28145
28178
|
const classes2 = computed(() => extCls ? `bk-grid-container ${extCls}` : "bk-grid-container");
|
28146
|
-
const
|
28179
|
+
const style2 = computed(() => {
|
28147
28180
|
const {
|
28148
28181
|
margin
|
28149
28182
|
} = props2;
|
@@ -28156,7 +28189,7 @@ var Container = defineComponent({
|
|
28156
28189
|
var _a, _b;
|
28157
28190
|
return createVNode("div", {
|
28158
28191
|
"class": classes2.value,
|
28159
|
-
"style":
|
28192
|
+
"style": style2.value
|
28160
28193
|
}, [(_b = (_a = ctx.slots).default) == null ? void 0 : _b.call(_a)]);
|
28161
28194
|
};
|
28162
28195
|
}
|
@@ -28175,7 +28208,7 @@ var Row = defineComponent({
|
|
28175
28208
|
gutter,
|
28176
28209
|
flex
|
28177
28210
|
});
|
28178
|
-
const
|
28211
|
+
const style2 = computed(() => {
|
28179
28212
|
const o2 = flex ? {
|
28180
28213
|
display: ["-webkit-box", "-ms-flexbox", "flex"]
|
28181
28214
|
} : {};
|
@@ -28188,7 +28221,7 @@ var Row = defineComponent({
|
|
28188
28221
|
var _a, _b;
|
28189
28222
|
return createVNode("div", {
|
28190
28223
|
"class": "bk-grid-row",
|
28191
|
-
"style":
|
28224
|
+
"style": style2.value
|
28192
28225
|
}, [(_b = (_a = ctx.slots).default) == null ? void 0 : _b.call(_a)]);
|
28193
28226
|
};
|
28194
28227
|
}
|
@@ -28677,7 +28710,7 @@ class Store {
|
|
28677
28710
|
nodeDataList.forEach((node) => this.appendNode(node, parentNode));
|
28678
28711
|
}
|
28679
28712
|
}
|
28680
|
-
var Component$
|
28713
|
+
var Component$7 = defineComponent({
|
28681
28714
|
name: "Cascader",
|
28682
28715
|
directives: {
|
28683
28716
|
clickoutside: ClickOutside
|
@@ -28918,7 +28951,7 @@ var Component$6 = defineComponent({
|
|
28918
28951
|
})]);
|
28919
28952
|
}
|
28920
28953
|
});
|
28921
|
-
const BkCascader = withInstallProps(Component$
|
28954
|
+
const BkCascader = withInstallProps(Component$7, { CascaderPanel });
|
28922
28955
|
var SliderButton = defineComponent({
|
28923
28956
|
name: "SliderButton",
|
28924
28957
|
props: {
|
@@ -29089,7 +29122,7 @@ const off = (element, event, handler) => {
|
|
29089
29122
|
element.removeEventListener(event, handler, false);
|
29090
29123
|
}
|
29091
29124
|
};
|
29092
|
-
var Component$
|
29125
|
+
var Component$6 = defineComponent({
|
29093
29126
|
name: "Slider",
|
29094
29127
|
props: {
|
29095
29128
|
modelValue: PropTypes.oneOfType([PropTypes.array, PropTypes.number]),
|
@@ -29535,8 +29568,8 @@ var Component$5 = defineComponent({
|
|
29535
29568
|
return this.renderDom();
|
29536
29569
|
}
|
29537
29570
|
});
|
29538
|
-
const Slider = withInstall(Component$
|
29539
|
-
var Component$
|
29571
|
+
const Slider = withInstall(Component$6);
|
29572
|
+
var Component$5 = defineComponent({
|
29540
29573
|
name: "ResizeLayout",
|
29541
29574
|
props: {
|
29542
29575
|
placement: PropTypes.placement().def("left"),
|
@@ -29586,11 +29619,11 @@ var Component$4 = defineComponent({
|
|
29586
29619
|
};
|
29587
29620
|
});
|
29588
29621
|
const triggerStyle = computed(() => {
|
29589
|
-
const
|
29622
|
+
const style2 = {
|
29590
29623
|
[`margin-${placement.value}`]: `${triggerOffset.value - triggerWidth.value}px`,
|
29591
29624
|
[cssPropKey.value]: `${triggerWidth.value}px`
|
29592
29625
|
};
|
29593
|
-
return
|
29626
|
+
return style2;
|
29594
29627
|
});
|
29595
29628
|
const parseAutoMinimize = computed(() => {
|
29596
29629
|
if (autoMinimize.value) {
|
@@ -29791,13 +29824,13 @@ var Component$4 = defineComponent({
|
|
29791
29824
|
}, null)]);
|
29792
29825
|
}
|
29793
29826
|
});
|
29794
|
-
const BkResizeLayout = withInstall(Component$
|
29827
|
+
const BkResizeLayout = withInstall(Component$5);
|
29795
29828
|
const timelineProps = {
|
29796
29829
|
list: PropTypes.array.def([]),
|
29797
29830
|
titleAble: PropTypes.bool.def(false),
|
29798
29831
|
extCls: PropTypes.string
|
29799
29832
|
};
|
29800
|
-
var Component$
|
29833
|
+
var Component$4 = defineComponent({
|
29801
29834
|
name: "Timeline",
|
29802
29835
|
props: timelineProps,
|
29803
29836
|
emits: ["select"],
|
@@ -29906,7 +29939,7 @@ var Component$3 = defineComponent({
|
|
29906
29939
|
})]);
|
29907
29940
|
}
|
29908
29941
|
});
|
29909
|
-
const
|
29942
|
+
const BkTimeline = withInstall(Component$4);
|
29910
29943
|
const processProps = {
|
29911
29944
|
list: PropTypes.array.def([]),
|
29912
29945
|
controllable: PropTypes.bool.def(false),
|
@@ -29915,8 +29948,8 @@ const processProps = {
|
|
29915
29948
|
displayKey: PropTypes.string.def("content"),
|
29916
29949
|
extCls: PropTypes.string
|
29917
29950
|
};
|
29918
|
-
var Component$
|
29919
|
-
name: "
|
29951
|
+
var Component$3 = defineComponent({
|
29952
|
+
name: "Process",
|
29920
29953
|
props: processProps,
|
29921
29954
|
emits: ["update:curProcess", "click"],
|
29922
29955
|
setup(props2, {
|
@@ -29934,8 +29967,6 @@ var Component$2 = defineComponent({
|
|
29934
29967
|
content: "\u6B65\u9AA43"
|
29935
29968
|
}, {
|
29936
29969
|
content: "\u6B65\u9AA44"
|
29937
|
-
}, {
|
29938
|
-
content: "\u6B65\u9AA45"
|
29939
29970
|
}]);
|
29940
29971
|
if ((_a = props2.list) == null ? void 0 : _a.length) {
|
29941
29972
|
defaultProcessList.value.splice(0, defaultProcessList.value.length, ...props2.list);
|
@@ -29973,19 +30004,21 @@ var Component$2 = defineComponent({
|
|
29973
30004
|
"class": "bk-icon bk-process-icon icon-loading"
|
29974
30005
|
}, null);
|
29975
30006
|
}
|
29976
|
-
if (isErrorStatus(item)) {
|
30007
|
+
if (index === this.curProcess - 1 && isErrorStatus(item)) {
|
29977
30008
|
return createVNode(error, {
|
29978
30009
|
"class": "bk-process-icon"
|
29979
30010
|
}, null);
|
29980
30011
|
}
|
30012
|
+
if (index === this.curProcess - 1 && isIcon(item)) {
|
30013
|
+
return createVNode("span", {
|
30014
|
+
"class": "bk-process-icon-custom"
|
30015
|
+
}, [createVNode(item.icon, null, null)]);
|
30016
|
+
}
|
29981
30017
|
if (isDone(index)) {
|
29982
30018
|
return createVNode(done, {
|
29983
30019
|
"class": "bk-process-icon-done"
|
29984
30020
|
}, null);
|
29985
30021
|
}
|
29986
|
-
return createVNode("span", {
|
29987
|
-
"class": "number"
|
29988
|
-
}, [isIcon(item)]);
|
29989
30022
|
};
|
29990
30023
|
return createVNode("div", {
|
29991
30024
|
"class": processCls
|
@@ -30002,12 +30035,13 @@ var Component$2 = defineComponent({
|
|
30002
30035
|
},
|
30003
30036
|
"class": {
|
30004
30037
|
success: this.curProcess >= index + 1,
|
30005
|
-
current: isLoadingStatus(item) && index === this.curProcess - 1
|
30038
|
+
current: isLoadingStatus(item) && index === this.curProcess - 1,
|
30039
|
+
error: isErrorStatus(item) && index === this.curProcess - 1
|
30006
30040
|
}
|
30007
30041
|
}, [item[this.displayKey], renderIcon(index, item)]))])]);
|
30008
30042
|
}
|
30009
30043
|
});
|
30010
|
-
const
|
30044
|
+
const BkProcess = withInstall(Component$3);
|
30011
30045
|
const CLASS_PREFIX = "bk-upload";
|
30012
30046
|
var EThemes = /* @__PURE__ */ ((EThemes2) => {
|
30013
30047
|
EThemes2["BUTTON"] = "button";
|
@@ -31285,7 +31319,7 @@ var useFileHandler = (props2, hooks) => {
|
|
31285
31319
|
handleProgress
|
31286
31320
|
};
|
31287
31321
|
};
|
31288
|
-
var Component$
|
31322
|
+
var Component$2 = defineComponent({
|
31289
31323
|
name: "Upload",
|
31290
31324
|
props: uploadProps,
|
31291
31325
|
emits: ["exceed", "progress", "success", "error", "delete", "done"],
|
@@ -31490,7 +31524,7 @@ var Component$1 = defineComponent({
|
|
31490
31524
|
})]);
|
31491
31525
|
}
|
31492
31526
|
});
|
31493
|
-
const Upload = withInstall(Component$
|
31527
|
+
const Upload = withInstall(Component$2);
|
31494
31528
|
function Diff$1() {
|
31495
31529
|
}
|
31496
31530
|
Diff$1.prototype = {
|
@@ -35839,7 +35873,7 @@ const colorPickerProps = {
|
|
35839
35873
|
withValidate: PropTypes.bool.def(true)
|
35840
35874
|
};
|
35841
35875
|
const whiteColorObj = formatColor("#FFFFFF");
|
35842
|
-
var Component = defineComponent({
|
35876
|
+
var Component$1 = defineComponent({
|
35843
35877
|
name: "ColorPicker",
|
35844
35878
|
directives: {
|
35845
35879
|
clickoutside: ClickOutside
|
@@ -36031,8 +36065,1327 @@ var Component = defineComponent({
|
|
36031
36065
|
})]), [[resolveDirective("clickoutside"), hideDropDown]]);
|
36032
36066
|
}
|
36033
36067
|
});
|
36034
|
-
const BkColorPicker = withInstall(Component);
|
36068
|
+
const BkColorPicker = withInstall(Component$1);
|
36035
36069
|
const BkTimePicker = withInstall(TimePicker);
|
36070
|
+
var raf = null;
|
36071
|
+
function requestAnimationFrame$1(callback) {
|
36072
|
+
if (!raf) {
|
36073
|
+
raf = (window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || function(callback2) {
|
36074
|
+
return setTimeout(callback2, 16);
|
36075
|
+
}).bind(window);
|
36076
|
+
}
|
36077
|
+
return raf(callback);
|
36078
|
+
}
|
36079
|
+
var caf = null;
|
36080
|
+
function cancelAnimationFrame$1(id) {
|
36081
|
+
if (!caf) {
|
36082
|
+
caf = (window.cancelAnimationFrame || window.webkitCancelAnimationFrame || window.mozCancelAnimationFrame || function(id2) {
|
36083
|
+
clearTimeout(id2);
|
36084
|
+
}).bind(window);
|
36085
|
+
}
|
36086
|
+
caf(id);
|
36087
|
+
}
|
36088
|
+
function createStyles(styleText) {
|
36089
|
+
var style2 = document.createElement("style");
|
36090
|
+
if (style2.styleSheet) {
|
36091
|
+
style2.styleSheet.cssText = styleText;
|
36092
|
+
} else {
|
36093
|
+
style2.appendChild(document.createTextNode(styleText));
|
36094
|
+
}
|
36095
|
+
(document.querySelector("head") || document.body).appendChild(style2);
|
36096
|
+
return style2;
|
36097
|
+
}
|
36098
|
+
function createElement(tagName, props2) {
|
36099
|
+
if (props2 === void 0)
|
36100
|
+
props2 = {};
|
36101
|
+
var elem = document.createElement(tagName);
|
36102
|
+
Object.keys(props2).forEach(function(key2) {
|
36103
|
+
elem[key2] = props2[key2];
|
36104
|
+
});
|
36105
|
+
return elem;
|
36106
|
+
}
|
36107
|
+
function getComputedStyle$1(elem, prop, pseudo) {
|
36108
|
+
var computedStyle = window.getComputedStyle(elem, pseudo || null) || {
|
36109
|
+
display: "none"
|
36110
|
+
};
|
36111
|
+
return computedStyle[prop];
|
36112
|
+
}
|
36113
|
+
function getRenderInfo(elem) {
|
36114
|
+
if (!document.documentElement.contains(elem)) {
|
36115
|
+
return {
|
36116
|
+
detached: true,
|
36117
|
+
rendered: false
|
36118
|
+
};
|
36119
|
+
}
|
36120
|
+
var current = elem;
|
36121
|
+
while (current !== document) {
|
36122
|
+
if (getComputedStyle$1(current, "display") === "none") {
|
36123
|
+
return {
|
36124
|
+
detached: false,
|
36125
|
+
rendered: false
|
36126
|
+
};
|
36127
|
+
}
|
36128
|
+
current = current.parentNode;
|
36129
|
+
}
|
36130
|
+
return {
|
36131
|
+
detached: false,
|
36132
|
+
rendered: true
|
36133
|
+
};
|
36134
|
+
}
|
36135
|
+
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%}';
|
36136
|
+
var total = 0;
|
36137
|
+
var style = null;
|
36138
|
+
function addListener(elem, callback) {
|
36139
|
+
if (!elem.__resize_mutation_handler__) {
|
36140
|
+
elem.__resize_mutation_handler__ = handleMutation.bind(elem);
|
36141
|
+
}
|
36142
|
+
var listeners = elem.__resize_listeners__;
|
36143
|
+
if (!listeners) {
|
36144
|
+
elem.__resize_listeners__ = [];
|
36145
|
+
if (window.ResizeObserver) {
|
36146
|
+
var offsetWidth = elem.offsetWidth;
|
36147
|
+
var offsetHeight = elem.offsetHeight;
|
36148
|
+
var ro = new ResizeObserver(function() {
|
36149
|
+
if (!elem.__resize_observer_triggered__) {
|
36150
|
+
elem.__resize_observer_triggered__ = true;
|
36151
|
+
if (elem.offsetWidth === offsetWidth && elem.offsetHeight === offsetHeight) {
|
36152
|
+
return;
|
36153
|
+
}
|
36154
|
+
}
|
36155
|
+
runCallbacks(elem);
|
36156
|
+
});
|
36157
|
+
var ref2 = getRenderInfo(elem);
|
36158
|
+
var detached = ref2.detached;
|
36159
|
+
var rendered = ref2.rendered;
|
36160
|
+
elem.__resize_observer_triggered__ = detached === false && rendered === false;
|
36161
|
+
elem.__resize_observer__ = ro;
|
36162
|
+
ro.observe(elem);
|
36163
|
+
} else if (elem.attachEvent && elem.addEventListener) {
|
36164
|
+
elem.__resize_legacy_resize_handler__ = function handleLegacyResize() {
|
36165
|
+
runCallbacks(elem);
|
36166
|
+
};
|
36167
|
+
elem.attachEvent("onresize", elem.__resize_legacy_resize_handler__);
|
36168
|
+
document.addEventListener("DOMSubtreeModified", elem.__resize_mutation_handler__);
|
36169
|
+
} else {
|
36170
|
+
if (!total) {
|
36171
|
+
style = createStyles(css_248z);
|
36172
|
+
}
|
36173
|
+
initTriggers(elem);
|
36174
|
+
elem.__resize_rendered__ = getRenderInfo(elem).rendered;
|
36175
|
+
if (window.MutationObserver) {
|
36176
|
+
var mo = new MutationObserver(elem.__resize_mutation_handler__);
|
36177
|
+
mo.observe(document, {
|
36178
|
+
attributes: true,
|
36179
|
+
childList: true,
|
36180
|
+
characterData: true,
|
36181
|
+
subtree: true
|
36182
|
+
});
|
36183
|
+
elem.__resize_mutation_observer__ = mo;
|
36184
|
+
}
|
36185
|
+
}
|
36186
|
+
}
|
36187
|
+
elem.__resize_listeners__.push(callback);
|
36188
|
+
total++;
|
36189
|
+
}
|
36190
|
+
function removeListener(elem, callback) {
|
36191
|
+
var listeners = elem.__resize_listeners__;
|
36192
|
+
if (!listeners) {
|
36193
|
+
return;
|
36194
|
+
}
|
36195
|
+
if (callback) {
|
36196
|
+
listeners.splice(listeners.indexOf(callback), 1);
|
36197
|
+
}
|
36198
|
+
if (!listeners.length || !callback) {
|
36199
|
+
if (elem.detachEvent && elem.removeEventListener) {
|
36200
|
+
elem.detachEvent("onresize", elem.__resize_legacy_resize_handler__);
|
36201
|
+
document.removeEventListener("DOMSubtreeModified", elem.__resize_mutation_handler__);
|
36202
|
+
return;
|
36203
|
+
}
|
36204
|
+
if (elem.__resize_observer__) {
|
36205
|
+
elem.__resize_observer__.unobserve(elem);
|
36206
|
+
elem.__resize_observer__.disconnect();
|
36207
|
+
elem.__resize_observer__ = null;
|
36208
|
+
} else {
|
36209
|
+
if (elem.__resize_mutation_observer__) {
|
36210
|
+
elem.__resize_mutation_observer__.disconnect();
|
36211
|
+
elem.__resize_mutation_observer__ = null;
|
36212
|
+
}
|
36213
|
+
elem.removeEventListener("scroll", handleScroll);
|
36214
|
+
elem.removeChild(elem.__resize_triggers__.triggers);
|
36215
|
+
elem.__resize_triggers__ = null;
|
36216
|
+
}
|
36217
|
+
elem.__resize_listeners__ = null;
|
36218
|
+
}
|
36219
|
+
if (!--total && style) {
|
36220
|
+
style.parentNode.removeChild(style);
|
36221
|
+
}
|
36222
|
+
}
|
36223
|
+
function getUpdatedSize(elem) {
|
36224
|
+
var ref2 = elem.__resize_last__;
|
36225
|
+
var width = ref2.width;
|
36226
|
+
var height = ref2.height;
|
36227
|
+
var offsetWidth = elem.offsetWidth;
|
36228
|
+
var offsetHeight = elem.offsetHeight;
|
36229
|
+
if (offsetWidth !== width || offsetHeight !== height) {
|
36230
|
+
return {
|
36231
|
+
width: offsetWidth,
|
36232
|
+
height: offsetHeight
|
36233
|
+
};
|
36234
|
+
}
|
36235
|
+
return null;
|
36236
|
+
}
|
36237
|
+
function handleMutation() {
|
36238
|
+
var ref2 = getRenderInfo(this);
|
36239
|
+
var rendered = ref2.rendered;
|
36240
|
+
var detached = ref2.detached;
|
36241
|
+
if (rendered !== this.__resize_rendered__) {
|
36242
|
+
if (!detached && this.__resize_triggers__) {
|
36243
|
+
resetTriggers(this);
|
36244
|
+
this.addEventListener("scroll", handleScroll, true);
|
36245
|
+
}
|
36246
|
+
this.__resize_rendered__ = rendered;
|
36247
|
+
runCallbacks(this);
|
36248
|
+
}
|
36249
|
+
}
|
36250
|
+
function handleScroll() {
|
36251
|
+
var this$1$1 = this;
|
36252
|
+
resetTriggers(this);
|
36253
|
+
if (this.__resize_raf__) {
|
36254
|
+
cancelAnimationFrame$1(this.__resize_raf__);
|
36255
|
+
}
|
36256
|
+
this.__resize_raf__ = requestAnimationFrame$1(function() {
|
36257
|
+
var updated = getUpdatedSize(this$1$1);
|
36258
|
+
if (updated) {
|
36259
|
+
this$1$1.__resize_last__ = updated;
|
36260
|
+
runCallbacks(this$1$1);
|
36261
|
+
}
|
36262
|
+
});
|
36263
|
+
}
|
36264
|
+
function runCallbacks(elem) {
|
36265
|
+
if (!elem || !elem.__resize_listeners__) {
|
36266
|
+
return;
|
36267
|
+
}
|
36268
|
+
elem.__resize_listeners__.forEach(function(callback) {
|
36269
|
+
callback.call(elem, elem);
|
36270
|
+
});
|
36271
|
+
}
|
36272
|
+
function initTriggers(elem) {
|
36273
|
+
var position = getComputedStyle$1(elem, "position");
|
36274
|
+
if (!position || position === "static") {
|
36275
|
+
elem.style.position = "relative";
|
36276
|
+
}
|
36277
|
+
elem.__resize_old_position__ = position;
|
36278
|
+
elem.__resize_last__ = {};
|
36279
|
+
var triggers = createElement("div", {
|
36280
|
+
className: "resize-triggers"
|
36281
|
+
});
|
36282
|
+
var expand = createElement("div", {
|
36283
|
+
className: "resize-expand-trigger"
|
36284
|
+
});
|
36285
|
+
var expandChild = createElement("div");
|
36286
|
+
var contract = createElement("div", {
|
36287
|
+
className: "resize-contract-trigger"
|
36288
|
+
});
|
36289
|
+
expand.appendChild(expandChild);
|
36290
|
+
triggers.appendChild(expand);
|
36291
|
+
triggers.appendChild(contract);
|
36292
|
+
elem.appendChild(triggers);
|
36293
|
+
elem.__resize_triggers__ = {
|
36294
|
+
triggers,
|
36295
|
+
expand,
|
36296
|
+
expandChild,
|
36297
|
+
contract
|
36298
|
+
};
|
36299
|
+
resetTriggers(elem);
|
36300
|
+
elem.addEventListener("scroll", handleScroll, true);
|
36301
|
+
elem.__resize_last__ = {
|
36302
|
+
width: elem.offsetWidth,
|
36303
|
+
height: elem.offsetHeight
|
36304
|
+
};
|
36305
|
+
}
|
36306
|
+
function resetTriggers(elem) {
|
36307
|
+
var ref2 = elem.__resize_triggers__;
|
36308
|
+
var expand = ref2.expand;
|
36309
|
+
var expandChild = ref2.expandChild;
|
36310
|
+
var contract = ref2.contract;
|
36311
|
+
var csw = contract.scrollWidth;
|
36312
|
+
var csh = contract.scrollHeight;
|
36313
|
+
var eow = expand.offsetWidth;
|
36314
|
+
var eoh = expand.offsetHeight;
|
36315
|
+
var esw = expand.scrollWidth;
|
36316
|
+
var esh = expand.scrollHeight;
|
36317
|
+
contract.scrollLeft = csw;
|
36318
|
+
contract.scrollTop = csh;
|
36319
|
+
expandChild.style.width = eow + 1 + "px";
|
36320
|
+
expandChild.style.height = eoh + 1 + "px";
|
36321
|
+
expand.scrollLeft = esw;
|
36322
|
+
expand.scrollTop = esh;
|
36323
|
+
}
|
36324
|
+
var SearchSelectMenu = defineComponent({
|
36325
|
+
name: "SearchSelectMenu",
|
36326
|
+
props: {
|
36327
|
+
list: {
|
36328
|
+
type: Array
|
36329
|
+
},
|
36330
|
+
hoverId: String,
|
36331
|
+
keyword: {
|
36332
|
+
type: String,
|
36333
|
+
default: ""
|
36334
|
+
},
|
36335
|
+
multiple: {
|
36336
|
+
type: Boolean,
|
36337
|
+
default: false
|
36338
|
+
},
|
36339
|
+
selected: {
|
36340
|
+
type: Array,
|
36341
|
+
default: () => []
|
36342
|
+
},
|
36343
|
+
conditions: {
|
36344
|
+
type: Array
|
36345
|
+
},
|
36346
|
+
footerBtns: {
|
36347
|
+
type: Array,
|
36348
|
+
default: () => [{
|
36349
|
+
id: "confirm",
|
36350
|
+
name: "\u786E\u8BA4"
|
36351
|
+
}, {
|
36352
|
+
id: "cancel",
|
36353
|
+
name: "\u53D6\u6D88",
|
36354
|
+
disabled: false
|
36355
|
+
}]
|
36356
|
+
}
|
36357
|
+
},
|
36358
|
+
emits: ["selectItem", "selectCondition", "footerClick"],
|
36359
|
+
setup(props2, {
|
36360
|
+
emit
|
36361
|
+
}) {
|
36362
|
+
function handleClick(item) {
|
36363
|
+
emit("selectItem", item);
|
36364
|
+
}
|
36365
|
+
function handleClickCondition(item) {
|
36366
|
+
emit("selectCondition", item);
|
36367
|
+
}
|
36368
|
+
function handleClickFooterBtn(item) {
|
36369
|
+
emit("footerClick", item);
|
36370
|
+
}
|
36371
|
+
const filterList = computed(() => {
|
36372
|
+
var _a, _b;
|
36373
|
+
if (!((_a = props2.list) == null ? void 0 : _a.length))
|
36374
|
+
return [];
|
36375
|
+
if (!((_b = props2.keyword) == null ? void 0 : _b.length))
|
36376
|
+
return props2.list;
|
36377
|
+
return props2.list.filter((item) => item.name.toLocaleLowerCase().includes(props2.keyword.toLocaleLowerCase()));
|
36378
|
+
});
|
36379
|
+
function transformNode(str) {
|
36380
|
+
if (!str)
|
36381
|
+
return str;
|
36382
|
+
let {
|
36383
|
+
keyword
|
36384
|
+
} = props2;
|
36385
|
+
const len = keyword.length;
|
36386
|
+
if (!(keyword == null ? void 0 : keyword.trim().length) || !str.toLocaleLowerCase().includes(keyword.toLocaleLowerCase()))
|
36387
|
+
return str;
|
36388
|
+
const list = [];
|
36389
|
+
let lastIndex = -1;
|
36390
|
+
keyword = keyword.replace(/([.*/]{1})/gmi, "\\$1");
|
36391
|
+
str.replace(new RegExp(`${keyword}`, "igm"), (key2, index) => {
|
36392
|
+
if (list.length === 0 && index !== 0) {
|
36393
|
+
list.push(str.slice(0, index));
|
36394
|
+
} else if (lastIndex >= 0) {
|
36395
|
+
list.push(str.slice(lastIndex + key2.length, index));
|
36396
|
+
}
|
36397
|
+
list.push(createVNode("span", {
|
36398
|
+
"class": "is-keyword"
|
36399
|
+
}, [key2]));
|
36400
|
+
lastIndex = index;
|
36401
|
+
return key2;
|
36402
|
+
});
|
36403
|
+
if (lastIndex >= 0) {
|
36404
|
+
list.push(str.slice(lastIndex + len));
|
36405
|
+
}
|
36406
|
+
return list.length ? list : str;
|
36407
|
+
}
|
36408
|
+
function getSearchNode(item) {
|
36409
|
+
var _a;
|
36410
|
+
if (!((_a = item.value) == null ? void 0 : _a.name))
|
36411
|
+
return transformNode(item.name);
|
36412
|
+
return [createVNode("span", {
|
36413
|
+
"class": "menu-name"
|
36414
|
+
}, [item.name, createTextVNode(":")]), item.value.name];
|
36415
|
+
}
|
36416
|
+
return {
|
36417
|
+
handleClick,
|
36418
|
+
handleClickCondition,
|
36419
|
+
handleClickFooterBtn,
|
36420
|
+
filterList,
|
36421
|
+
getSearchNode
|
36422
|
+
};
|
36423
|
+
},
|
36424
|
+
render() {
|
36425
|
+
var _a, _b, _c;
|
36426
|
+
return createVNode("div", {
|
36427
|
+
"class": "search-select-menu"
|
36428
|
+
}, [!!((_a = this.conditions) == null ? void 0 : _a.length) && createVNode("ul", {
|
36429
|
+
"class": "menu-header"
|
36430
|
+
}, [this.conditions.map((item) => createVNode("li", {
|
36431
|
+
"key": item.id,
|
36432
|
+
"class": `menu-header-item ${item.disabled ? "is-disabled" : ""}`,
|
36433
|
+
"onClick": () => !item.disabled && this.handleClickCondition(item)
|
36434
|
+
}, [item.name]))]), createVNode("ul", {
|
36435
|
+
"class": "menu-content"
|
36436
|
+
}, [(_b = this.list) == null ? void 0 : _b.map((item) => createVNode("li", {
|
36437
|
+
"class": `menu-item ${item.disabled ? "is-disabled" : ""} ${this.hoverId === item.id && !item.disabled ? "is-hover" : ""}`,
|
36438
|
+
"key": item.id,
|
36439
|
+
"id": item.id,
|
36440
|
+
"tabindex": "-1",
|
36441
|
+
"onClick": () => !item.disabled && this.handleClick(item)
|
36442
|
+
}, [this.$slots.default ? this.$slots.default({
|
36443
|
+
item,
|
36444
|
+
list: this.list,
|
36445
|
+
multiple: !!this.multiple,
|
36446
|
+
hoverId: this.hoverId,
|
36447
|
+
getSearchNode: this.getSearchNode
|
36448
|
+
}) : createVNode(Fragment, null, [this.getSearchNode(item), this.multiple && this.selected.includes(item.id) && createVNode(done, {
|
36449
|
+
"class": "is-selected"
|
36450
|
+
}, null)])]))]), this.multiple && ((_c = this.footerBtns) == null ? void 0 : _c.length) && createVNode("div", {
|
36451
|
+
"class": "menu-footer"
|
36452
|
+
}, [this.footerBtns.map((item) => createVNode("span", {
|
36453
|
+
"class": `menu-footer-btn ${item.disabled ? "is-disabled" : ""}`,
|
36454
|
+
"key": item.id,
|
36455
|
+
"onClick": () => !item.disabled && this.handleClickFooterBtn(item)
|
36456
|
+
}, [item.name]))])]);
|
36457
|
+
}
|
36458
|
+
});
|
36459
|
+
const SEARCH_SLECT_PROVIDER_KEY = Symbol("SEARCH_SLECT_PROVIDER_KEY");
|
36460
|
+
const useSearchSelectProvider = (data2) => {
|
36461
|
+
provide(SEARCH_SLECT_PROVIDER_KEY, data2);
|
36462
|
+
};
|
36463
|
+
const useSearchSelectInject = () => inject(SEARCH_SLECT_PROVIDER_KEY);
|
36464
|
+
var SearchInputMode = /* @__PURE__ */ ((SearchInputMode2) => {
|
36465
|
+
SearchInputMode2[SearchInputMode2["DEFAULT"] = 0] = "DEFAULT";
|
36466
|
+
SearchInputMode2[SearchInputMode2["EDIT"] = 1] = "EDIT";
|
36467
|
+
return SearchInputMode2;
|
36468
|
+
})(SearchInputMode || {});
|
36469
|
+
class SelectedItem {
|
36470
|
+
constructor(searchItem, type = "default") {
|
36471
|
+
this.searchItem = searchItem;
|
36472
|
+
this.type = type;
|
36473
|
+
this.values = [];
|
36474
|
+
this.id = searchItem.id;
|
36475
|
+
this.name = searchItem.name;
|
36476
|
+
}
|
36477
|
+
get multiple() {
|
36478
|
+
return !!this.searchItem.multiple;
|
36479
|
+
}
|
36480
|
+
get placeholder() {
|
36481
|
+
return this.searchItem.placeholder || "";
|
36482
|
+
}
|
36483
|
+
get children() {
|
36484
|
+
return this.searchItem.children || [];
|
36485
|
+
}
|
36486
|
+
get validate() {
|
36487
|
+
return !this.searchItem.noValidate;
|
36488
|
+
}
|
36489
|
+
get inputInnerHtml() {
|
36490
|
+
var _a;
|
36491
|
+
if (this.isSpecialType())
|
36492
|
+
return this.name;
|
36493
|
+
return `${this.keyInnerHtml}${((_a = this.values) == null ? void 0 : _a.map((item) => item.name).join("|")) || ""}`;
|
36494
|
+
}
|
36495
|
+
get inputInnerText() {
|
36496
|
+
var _a;
|
36497
|
+
if (this.isSpecialType())
|
36498
|
+
return this.name;
|
36499
|
+
return `${this.keyInnerText}${((_a = this.values) == null ? void 0 : _a.map((item) => item.name).join("|")) || ""}`;
|
36500
|
+
}
|
36501
|
+
get keyInnerHtml() {
|
36502
|
+
if (this.isSpecialType())
|
36503
|
+
return this.name;
|
36504
|
+
return this.name ? `${this.name}:\xA0` : "";
|
36505
|
+
}
|
36506
|
+
get keyInnerText() {
|
36507
|
+
if (this.isSpecialType())
|
36508
|
+
return this.name;
|
36509
|
+
return this.name ? `${this.name}: ` : "";
|
36510
|
+
}
|
36511
|
+
isSpecialType() {
|
36512
|
+
return ["text", "condition"].includes(this.type);
|
36513
|
+
}
|
36514
|
+
addValue(item) {
|
36515
|
+
if (this.multiple) {
|
36516
|
+
const index = this.values.findIndex((val) => val.id === item.id);
|
36517
|
+
if (index > -1) {
|
36518
|
+
this.values.splice(index, 1);
|
36519
|
+
return;
|
36520
|
+
}
|
36521
|
+
this.values.push(item);
|
36522
|
+
return;
|
36523
|
+
}
|
36524
|
+
this.values = [item];
|
36525
|
+
}
|
36526
|
+
toValue() {
|
36527
|
+
var _a;
|
36528
|
+
const value = {
|
36529
|
+
id: this.id,
|
36530
|
+
name: this.name
|
36531
|
+
};
|
36532
|
+
if ((_a = this.values) == null ? void 0 : _a.length) {
|
36533
|
+
value.values = this.values.map((item) => ({ id: item.id, name: item.name }));
|
36534
|
+
}
|
36535
|
+
if (this.type && this.type !== "default") {
|
36536
|
+
value.type = this.type;
|
36537
|
+
}
|
36538
|
+
return value;
|
36539
|
+
}
|
36540
|
+
toValueKey() {
|
36541
|
+
return JSON.stringify(this.toValue());
|
36542
|
+
}
|
36543
|
+
isInValueList(item) {
|
36544
|
+
return this.children.some((v2) => v2.id === (item == null ? void 0 : item.id));
|
36545
|
+
}
|
36546
|
+
}
|
36547
|
+
var SearchSelectInput = defineComponent({
|
36548
|
+
name: "SearchSelectInput",
|
36549
|
+
directives: {
|
36550
|
+
clickoutside: ClickOutside
|
36551
|
+
},
|
36552
|
+
props: {
|
36553
|
+
data: {
|
36554
|
+
type: Array,
|
36555
|
+
required: true
|
36556
|
+
},
|
36557
|
+
showInputBefore: Boolean,
|
36558
|
+
showCondition: Boolean,
|
36559
|
+
clickOutside: Function,
|
36560
|
+
conditions: {
|
36561
|
+
type: Array,
|
36562
|
+
default: () => []
|
36563
|
+
},
|
36564
|
+
defautUsingItem: Object,
|
36565
|
+
mode: {
|
36566
|
+
type: Object,
|
36567
|
+
default: SearchInputMode.DEFAULT
|
36568
|
+
},
|
36569
|
+
geMenuList: Function,
|
36570
|
+
validateValues: Function
|
36571
|
+
},
|
36572
|
+
emits: ["focus", "add", "delete"],
|
36573
|
+
setup(props2, {
|
36574
|
+
emit,
|
36575
|
+
expose
|
36576
|
+
}) {
|
36577
|
+
const inputRef = ref(null);
|
36578
|
+
const popoverRef = ref(null);
|
36579
|
+
const keyword = ref("");
|
36580
|
+
const showNoSelectValueError = ref(false);
|
36581
|
+
const isFocus = ref(false);
|
36582
|
+
const showPopover = ref(false);
|
36583
|
+
const usingItem = ref(props2.defautUsingItem);
|
36584
|
+
const menuHoverId = ref("");
|
36585
|
+
const loading2 = ref(false);
|
36586
|
+
const debounceSetMenuList = debounce(300, setMenuList);
|
36587
|
+
let isBindEvent = false;
|
36588
|
+
const remoteMenuList = ref([]);
|
36589
|
+
const menuList = ref([]);
|
36590
|
+
const {
|
36591
|
+
editKey,
|
36592
|
+
onValidate
|
36593
|
+
} = useSearchSelectInject();
|
36594
|
+
watch(editKey, () => {
|
36595
|
+
if (props2.mode === SearchInputMode.DEFAULT && editKey.value) {
|
36596
|
+
showPopover.value = false;
|
36597
|
+
}
|
36598
|
+
});
|
36599
|
+
watchEffect(() => {
|
36600
|
+
if (!keyword.value) {
|
36601
|
+
setInputText();
|
36602
|
+
}
|
36603
|
+
}, {
|
36604
|
+
flush: "pre"
|
36605
|
+
});
|
36606
|
+
watch([menuList, showPopover], () => {
|
36607
|
+
var _a;
|
36608
|
+
if (((_a = menuList.value) == null ? void 0 : _a.some((item) => !item.disabled)) && showPopover.value) {
|
36609
|
+
if (!isBindEvent) {
|
36610
|
+
menuHoverId.value = "";
|
36611
|
+
isBindEvent = true;
|
36612
|
+
document.addEventListener("keydown", handleDocumentKeydown);
|
36613
|
+
}
|
36614
|
+
} else {
|
36615
|
+
document.removeEventListener("keydown", handleDocumentKeydown);
|
36616
|
+
isBindEvent = false;
|
36617
|
+
menuHoverId.value = "";
|
36618
|
+
}
|
36619
|
+
});
|
36620
|
+
function handleDocumentKeydown(e) {
|
36621
|
+
switch (e.code) {
|
36622
|
+
case "ArrowDown":
|
36623
|
+
case "ArrowUp":
|
36624
|
+
documentArrowEvent(e);
|
36625
|
+
break;
|
36626
|
+
case "Enter":
|
36627
|
+
case "NumpadEnter":
|
36628
|
+
documentEnterEvent(e);
|
36629
|
+
break;
|
36630
|
+
}
|
36631
|
+
}
|
36632
|
+
function documentArrowEvent(e) {
|
36633
|
+
var _a;
|
36634
|
+
e.preventDefault();
|
36635
|
+
(_a = inputRef.value) == null ? void 0 : _a.blur();
|
36636
|
+
const len = menuList.value.length;
|
36637
|
+
let i2 = len;
|
36638
|
+
let index = menuList.value.findIndex((set) => set.id === menuHoverId.value);
|
36639
|
+
while (i2 >= 0) {
|
36640
|
+
index = e.code === "ArrowDown" ? index + 1 : index - 1;
|
36641
|
+
index = index > len - 1 ? 0 : index < 0 ? len - 1 : index;
|
36642
|
+
const item = menuList.value[index];
|
36643
|
+
if (!item.disabled) {
|
36644
|
+
i2 = -1;
|
36645
|
+
const dom = document.getElementById(item.id);
|
36646
|
+
dom == null ? void 0 : dom.focus();
|
36647
|
+
menuHoverId.value = item.id;
|
36648
|
+
return;
|
36649
|
+
}
|
36650
|
+
i2 -= 1;
|
36651
|
+
}
|
36652
|
+
}
|
36653
|
+
function documentEnterEvent(e) {
|
36654
|
+
if (isBindEvent) {
|
36655
|
+
e.preventDefault();
|
36656
|
+
const item = menuList.value.find((item2) => item2.id === menuHoverId.value);
|
36657
|
+
item && handleSelectItem(item);
|
36658
|
+
}
|
36659
|
+
}
|
36660
|
+
function handleClickOutside(e) {
|
36661
|
+
var _a, _b;
|
36662
|
+
if (!((_a = popoverRef.value) == null ? void 0 : _a.contains(e.target)) && ((_b = props2.clickOutside) == null ? void 0 : _b.call(props2, e.target, popoverRef.value))) {
|
36663
|
+
showPopover.value = false;
|
36664
|
+
isFocus.value = false;
|
36665
|
+
emit("focus", isFocus.value);
|
36666
|
+
}
|
36667
|
+
}
|
36668
|
+
function handleInputFocus(e) {
|
36669
|
+
setInputFocus();
|
36670
|
+
e && setMenuList();
|
36671
|
+
}
|
36672
|
+
function handleInputChange(event) {
|
36673
|
+
var _a, _b, _c, _d, _e, _f;
|
36674
|
+
clearInput();
|
36675
|
+
let text = event.target.innerText;
|
36676
|
+
if (/(\r|\n)/gm.test(text) || /\s{2}/gm.test(text)) {
|
36677
|
+
event.preventDefault();
|
36678
|
+
text = text.replace(/(\r|\n)/gm, "|").replace(/\s{2}/gm, "");
|
36679
|
+
inputRef.value.innerText = text;
|
36680
|
+
setInputFocus();
|
36681
|
+
keyword.value = text;
|
36682
|
+
debounceSetMenuList();
|
36683
|
+
} else if (!keyword.value && text.length < (((_b = (_a = usingItem.value) == null ? void 0 : _a.inputInnerText) == null ? void 0 : _b.length) || 1)) {
|
36684
|
+
const outerText = text.replace("\xA0", " ").replace(((_c = usingItem.value) == null ? void 0 : _c.keyInnerText.replace("\xA0", " ").trim()) || "", "").trim();
|
36685
|
+
outerText && (usingItem.value = null);
|
36686
|
+
keyword.value = outerText ? text : "";
|
36687
|
+
debounceSetMenuList();
|
36688
|
+
} else if (!((_e = (_d = usingItem.value) == null ? void 0 : _d.values) == null ? void 0 : _e.length)) {
|
36689
|
+
keyword.value = text.replace("\xA0", " ").replace(((_f = usingItem.value) == null ? void 0 : _f.keyInnerText.replace("\xA0", " ")) || "", "").trim();
|
36690
|
+
setInputFocus();
|
36691
|
+
debounceSetMenuList();
|
36692
|
+
}
|
36693
|
+
}
|
36694
|
+
function handleInputKeyup(event) {
|
36695
|
+
switch (event.code) {
|
36696
|
+
case "Enter":
|
36697
|
+
case "NumpadEnter":
|
36698
|
+
handleKeyEnter(event);
|
36699
|
+
break;
|
36700
|
+
case "Backspace":
|
36701
|
+
handleKeyBackspace();
|
36702
|
+
default:
|
36703
|
+
showNoSelectValueError.value = false;
|
36704
|
+
break;
|
36705
|
+
}
|
36706
|
+
}
|
36707
|
+
async function handleKeyEnter(event) {
|
36708
|
+
var _a;
|
36709
|
+
event == null ? void 0 : event.preventDefault();
|
36710
|
+
if (!usingItem.value) {
|
36711
|
+
if (!keyword.value)
|
36712
|
+
return;
|
36713
|
+
const value = {
|
36714
|
+
id: keyword.value,
|
36715
|
+
name: keyword.value
|
36716
|
+
};
|
36717
|
+
const res2 = await validateUsingItemValues(value);
|
36718
|
+
if (!res2)
|
36719
|
+
return;
|
36720
|
+
emit("add", new SelectedItem(value, "text"));
|
36721
|
+
keyword.value = "";
|
36722
|
+
setMenuList();
|
36723
|
+
return;
|
36724
|
+
}
|
36725
|
+
const {
|
36726
|
+
values
|
36727
|
+
} = usingItem.value;
|
36728
|
+
if (!(values == null ? void 0 : values.length)) {
|
36729
|
+
if ((_a = keyword.value) == null ? void 0 : _a.length) {
|
36730
|
+
const value = {
|
36731
|
+
id: keyword.value,
|
36732
|
+
name: keyword.value
|
36733
|
+
};
|
36734
|
+
const res2 = await validateUsingItemValues(value);
|
36735
|
+
if (!res2)
|
36736
|
+
return;
|
36737
|
+
usingItem.value.addValue(value);
|
36738
|
+
emit("add", usingItem.value);
|
36739
|
+
keyword.value = "";
|
36740
|
+
usingItem.value = null;
|
36741
|
+
return;
|
36742
|
+
}
|
36743
|
+
showNoSelectValueError.value = true;
|
36744
|
+
return;
|
36745
|
+
}
|
36746
|
+
const res = await validateUsingItemValues();
|
36747
|
+
if (!res)
|
36748
|
+
return;
|
36749
|
+
setSelectedItem();
|
36750
|
+
}
|
36751
|
+
function handleKeyBackspace() {
|
36752
|
+
var _a, _b;
|
36753
|
+
if (!usingItem.value && !keyword.value) {
|
36754
|
+
emit("delete");
|
36755
|
+
return;
|
36756
|
+
}
|
36757
|
+
if ((_a = usingItem.value) == null ? void 0 : _a.values.length) {
|
36758
|
+
if (((_b = usingItem.value) == null ? void 0 : _b.multiple) || usingItem.value.isInValueList(usingItem.value.values[0])) {
|
36759
|
+
usingItem.value.values.splice(-1, 1);
|
36760
|
+
keyword.value = "";
|
36761
|
+
setInputFocus();
|
36762
|
+
return;
|
36763
|
+
}
|
36764
|
+
}
|
36765
|
+
onValidate("");
|
36766
|
+
}
|
36767
|
+
async function handleSelectItem(item, type) {
|
36768
|
+
var _a, _b, _c, _d;
|
36769
|
+
if ((_a = item.value) == null ? void 0 : _a.id) {
|
36770
|
+
const seleted = new SelectedItem(__spreadProps(__spreadValues({}, item), {
|
36771
|
+
id: (_b = item.realId) != null ? _b : item.id
|
36772
|
+
}), type);
|
36773
|
+
seleted.addValue(item.value);
|
36774
|
+
setSelectedItem(seleted);
|
36775
|
+
return;
|
36776
|
+
}
|
36777
|
+
if (!usingItem.value || !((_c = inputRef == null ? void 0 : inputRef.value) == null ? void 0 : _c.innerText)) {
|
36778
|
+
usingItem.value = new SelectedItem(item, type);
|
36779
|
+
keyword.value = "";
|
36780
|
+
const isCondition = type === "condition";
|
36781
|
+
isCondition && setSelectedItem();
|
36782
|
+
showPopover.value = isCondition || !!usingItem.value.children.length;
|
36783
|
+
setInputFocus();
|
36784
|
+
return;
|
36785
|
+
}
|
36786
|
+
if (((_d = usingItem.value) == null ? void 0 : _d.type) === "condition") {
|
36787
|
+
usingItem.value = new SelectedItem(item, type);
|
36788
|
+
setSelectedItem();
|
36789
|
+
return;
|
36790
|
+
}
|
36791
|
+
usingItem.value.addValue(item);
|
36792
|
+
const res = await validateUsingItemValues(item);
|
36793
|
+
if (!res)
|
36794
|
+
return;
|
36795
|
+
!usingItem.value.multiple && setSelectedItem();
|
36796
|
+
}
|
36797
|
+
function handleSelectCondtionItem(item) {
|
36798
|
+
handleSelectItem(item, "condition");
|
36799
|
+
}
|
36800
|
+
function handleMenuFooterClick(item) {
|
36801
|
+
switch (item.id) {
|
36802
|
+
case "confirm":
|
36803
|
+
handleKeyEnter();
|
36804
|
+
break;
|
36805
|
+
case "cancel":
|
36806
|
+
usingItem.value.values = [];
|
36807
|
+
setInputFocus();
|
36808
|
+
break;
|
36809
|
+
}
|
36810
|
+
}
|
36811
|
+
async function validateUsingItemValues(value) {
|
36812
|
+
if (!usingItem.value) {
|
36813
|
+
return await validateValues(null, [value]);
|
36814
|
+
}
|
36815
|
+
const {
|
36816
|
+
searchItem,
|
36817
|
+
validate,
|
36818
|
+
values
|
36819
|
+
} = usingItem.value;
|
36820
|
+
if (validate && typeof props2.validateValues === "function") {
|
36821
|
+
return await validateValues(searchItem, value ? [value] : values);
|
36822
|
+
}
|
36823
|
+
onValidate("");
|
36824
|
+
return true;
|
36825
|
+
}
|
36826
|
+
async function validateValues(searchItem, value) {
|
36827
|
+
var _a;
|
36828
|
+
const validateStr = await ((_a = props2.validateValues) == null ? void 0 : _a.call(props2, searchItem != null ? searchItem : null, value).catch(() => false));
|
36829
|
+
if (typeof validateStr === "string" || validateStr === false) {
|
36830
|
+
onValidate(validateStr || "\u6821\u9A8C\u9519\u8BEF");
|
36831
|
+
return false;
|
36832
|
+
}
|
36833
|
+
onValidate("");
|
36834
|
+
return true;
|
36835
|
+
}
|
36836
|
+
function setInputFocus() {
|
36837
|
+
isFocus.value = true;
|
36838
|
+
showPopover.value = true;
|
36839
|
+
showNoSelectValueError.value = false;
|
36840
|
+
const timer = setTimeout(() => {
|
36841
|
+
if (inputRef.value) {
|
36842
|
+
inputRef.value.focus();
|
36843
|
+
const selection = window.getSelection();
|
36844
|
+
if (selection.focusOffset === 0) {
|
36845
|
+
selection.selectAllChildren(inputRef.value);
|
36846
|
+
selection.collapseToEnd();
|
36847
|
+
}
|
36848
|
+
}
|
36849
|
+
window.clearTimeout(timer);
|
36850
|
+
}, 0);
|
36851
|
+
emit("focus", isFocus.value);
|
36852
|
+
}
|
36853
|
+
async function setMenuList() {
|
36854
|
+
var _a, _b, _c, _d, _e;
|
36855
|
+
let list = [];
|
36856
|
+
if (typeof props2.geMenuList === "function" && !((_b = (_a = usingItem.value) == null ? void 0 : _a.searchItem) == null ? void 0 : _b.async)) {
|
36857
|
+
loading2.value = true;
|
36858
|
+
list = await props2.geMenuList((_c = usingItem.value) == null ? void 0 : _c.searchItem, keyword.value).catch(() => []);
|
36859
|
+
loading2.value = false;
|
36860
|
+
} else if (!(usingItem == null ? void 0 : usingItem.value)) {
|
36861
|
+
if (!((_d = keyword.value) == null ? void 0 : _d.length)) {
|
36862
|
+
list = props2.data.slice();
|
36863
|
+
} else
|
36864
|
+
props2.data.forEach((item) => {
|
36865
|
+
var _a2, _b2;
|
36866
|
+
const isMatched = item.name.toLocaleLowerCase().includes(keyword.value.toLocaleLowerCase());
|
36867
|
+
if (isMatched) {
|
36868
|
+
list.push(item);
|
36869
|
+
(_a2 = item.children) == null ? void 0 : _a2.forEach((child) => {
|
36870
|
+
list.push(__spreadProps(__spreadValues({}, item), {
|
36871
|
+
realId: item.id,
|
36872
|
+
id: random(10),
|
36873
|
+
value: child
|
36874
|
+
}));
|
36875
|
+
});
|
36876
|
+
list.push(__spreadProps(__spreadValues({}, item), {
|
36877
|
+
realId: item.id,
|
36878
|
+
id: random(10),
|
36879
|
+
value: {
|
36880
|
+
id: keyword.value,
|
36881
|
+
name: keyword.value
|
36882
|
+
}
|
36883
|
+
}));
|
36884
|
+
} else {
|
36885
|
+
(_b2 = item.children) == null ? void 0 : _b2.forEach((child) => {
|
36886
|
+
if (child.name.toLocaleLowerCase().includes(keyword.value.toLocaleLowerCase())) {
|
36887
|
+
list.push(__spreadProps(__spreadValues({}, item), {
|
36888
|
+
realId: item.id,
|
36889
|
+
id: random(10),
|
36890
|
+
value: child
|
36891
|
+
}));
|
36892
|
+
}
|
36893
|
+
});
|
36894
|
+
list.push(__spreadProps(__spreadValues({}, item), {
|
36895
|
+
value: {
|
36896
|
+
id: keyword.value,
|
36897
|
+
name: keyword.value
|
36898
|
+
}
|
36899
|
+
}));
|
36900
|
+
}
|
36901
|
+
});
|
36902
|
+
} else if (usingItem.value.type === "condition") {
|
36903
|
+
list = props2.conditions;
|
36904
|
+
} else if (!((_e = usingItem.value.values) == null ? void 0 : _e.length) || usingItem.value.multiple || props2.mode === SearchInputMode.EDIT) {
|
36905
|
+
list = usingItem.value.children.filter((item) => item.name.toLocaleLowerCase().includes(keyword.value.toLocaleLowerCase()));
|
36906
|
+
}
|
36907
|
+
menuList.value = list;
|
36908
|
+
}
|
36909
|
+
function setSelectedItem(item) {
|
36910
|
+
emit("add", item != null ? item : usingItem.value);
|
36911
|
+
usingItem.value = null;
|
36912
|
+
keyword.value = "";
|
36913
|
+
setInputFocus();
|
36914
|
+
}
|
36915
|
+
function clearInput() {
|
36916
|
+
const text = inputRef.value.innerText;
|
36917
|
+
if (text[text.length - 1] === "\n" || text[0] === "\r") {
|
36918
|
+
setInputText(text.slice(0, -1));
|
36919
|
+
clearInput();
|
36920
|
+
} else if (text[0] === "\n" || text[0] === "\r") {
|
36921
|
+
setInputText(text.slice(1));
|
36922
|
+
clearInput();
|
36923
|
+
}
|
36924
|
+
}
|
36925
|
+
function setInputText(text = "") {
|
36926
|
+
var _a;
|
36927
|
+
if (inputRef.value) {
|
36928
|
+
inputRef.value.innerHTML = text || ((_a = usingItem.value) == null ? void 0 : _a.inputInnerHtml) || "";
|
36929
|
+
}
|
36930
|
+
}
|
36931
|
+
expose({
|
36932
|
+
handleInputFocus,
|
36933
|
+
isFocus
|
36934
|
+
});
|
36935
|
+
return {
|
36936
|
+
popoverRef,
|
36937
|
+
inputRef,
|
36938
|
+
keyword,
|
36939
|
+
loading: loading2,
|
36940
|
+
remoteMenuList,
|
36941
|
+
menuList,
|
36942
|
+
menuHoverId,
|
36943
|
+
isFocus,
|
36944
|
+
usingItem,
|
36945
|
+
showPopover,
|
36946
|
+
showNoSelectValueError,
|
36947
|
+
debounceSetMenuList,
|
36948
|
+
documentArrowEvent,
|
36949
|
+
handleClickOutside,
|
36950
|
+
handleInputFocus,
|
36951
|
+
handleInputChange,
|
36952
|
+
handleInputKeyup,
|
36953
|
+
handleSelectItem,
|
36954
|
+
handleSelectCondtionItem,
|
36955
|
+
handleMenuFooterClick
|
36956
|
+
};
|
36957
|
+
},
|
36958
|
+
render() {
|
36959
|
+
var _a, _b;
|
36960
|
+
const {
|
36961
|
+
multiple,
|
36962
|
+
values,
|
36963
|
+
placeholder,
|
36964
|
+
inputInnerHtml
|
36965
|
+
} = this.usingItem || {};
|
36966
|
+
const showInputAfter = !((_a = this.keyword) == null ? void 0 : _a.length) && !(values == null ? void 0 : values.length) && placeholder;
|
36967
|
+
const showPopover = this.loading || this.showNoSelectValueError || this.showPopover && !!((_b = this.menuList) == null ? void 0 : _b.length);
|
36968
|
+
const showCondition = !this.usingItem && this.showCondition;
|
36969
|
+
const menuSlots = Object.assign({}, this.$slots.menu ? {
|
36970
|
+
default: (data2) => {
|
36971
|
+
var _a2, _b2;
|
36972
|
+
return (_b2 = (_a2 = this.$slots).menu) == null ? void 0 : _b2.call(_a2, data2);
|
36973
|
+
}
|
36974
|
+
} : {});
|
36975
|
+
const inputContent = () => {
|
36976
|
+
var _a2;
|
36977
|
+
return withDirectives(createVNode("div", {
|
36978
|
+
"ref": "inputRef",
|
36979
|
+
"class": {
|
36980
|
+
"div-input": true,
|
36981
|
+
"input-before": this.showInputBefore && !((_a2 = this.keyword) == null ? void 0 : _a2.length),
|
36982
|
+
"input-after": showInputAfter
|
36983
|
+
},
|
36984
|
+
"contenteditable": true,
|
36985
|
+
"data-placeholder": !inputInnerHtml && !this.keyword ? "\u8BF7\u9009\u62E9" : "",
|
36986
|
+
"data-tips": placeholder || "",
|
36987
|
+
"spellcheck": "false",
|
36988
|
+
"onFocus": this.handleInputFocus,
|
36989
|
+
"onInput": this.handleInputChange,
|
36990
|
+
"onKeydown": this.handleInputKeyup
|
36991
|
+
}, null), [[resolveDirective("clickoutside"), this.handleClickOutside]]);
|
36992
|
+
};
|
36993
|
+
const popoverContent = () => {
|
36994
|
+
var _a2;
|
36995
|
+
if (this.loading) {
|
36996
|
+
return createVNode("div", null, [createTextVNode("\u52A0\u8F7D\u4E2D...")]);
|
36997
|
+
}
|
36998
|
+
if (this.showNoSelectValueError) {
|
36999
|
+
return createVNode("div", null, [createTextVNode("\u5305\u542B\u952E\u503C\u7684\u8FC7\u6EE4\u67E5\u8BE2\u5FC5\u987B\u6709\u4E00\u4E2A\u503C")]);
|
37000
|
+
}
|
37001
|
+
return ((_a2 = this.menuList) == null ? void 0 : _a2.length) ? createVNode("div", {
|
37002
|
+
"ref": "popoverRef",
|
37003
|
+
"class": "popover-content"
|
37004
|
+
}, [createVNode(SearchSelectMenu, {
|
37005
|
+
"list": this.menuList,
|
37006
|
+
"keyword": this.keyword,
|
37007
|
+
"multiple": !!multiple,
|
37008
|
+
"hoverId": this.menuHoverId,
|
37009
|
+
"selected": (values == null ? void 0 : values.map((item) => item.id)) || [],
|
37010
|
+
"conditions": showCondition ? this.conditions : [],
|
37011
|
+
"onSelectItem": this.handleSelectItem,
|
37012
|
+
"onSelectCondition": this.handleSelectCondtionItem,
|
37013
|
+
"onFooterClick": this.handleMenuFooterClick
|
37014
|
+
}, __spreadValues({}, menuSlots))]) : void 0;
|
37015
|
+
};
|
37016
|
+
return createVNode(BkPopover2, {
|
37017
|
+
"trigger": "manual",
|
37018
|
+
"theme": "light",
|
37019
|
+
"placement": "bottom-start",
|
37020
|
+
"arrow": false,
|
37021
|
+
"disableOutsideClick": true,
|
37022
|
+
"isShow": showPopover
|
37023
|
+
}, {
|
37024
|
+
default: inputContent,
|
37025
|
+
content: popoverContent
|
37026
|
+
});
|
37027
|
+
}
|
37028
|
+
});
|
37029
|
+
var SearchSelected = defineComponent({
|
37030
|
+
name: "SearchSelected",
|
37031
|
+
props: {
|
37032
|
+
data: {
|
37033
|
+
type: Array,
|
37034
|
+
required: true
|
37035
|
+
},
|
37036
|
+
selectedList: {
|
37037
|
+
type: Array,
|
37038
|
+
required: true
|
37039
|
+
},
|
37040
|
+
overflowIndex: {
|
37041
|
+
type: Number,
|
37042
|
+
default: -1
|
37043
|
+
},
|
37044
|
+
conditions: {
|
37045
|
+
type: Array,
|
37046
|
+
default: () => []
|
37047
|
+
},
|
37048
|
+
geMenuList: Function,
|
37049
|
+
validateValues: Function
|
37050
|
+
},
|
37051
|
+
emits: ["delete"],
|
37052
|
+
setup(_2, {
|
37053
|
+
emit
|
37054
|
+
}) {
|
37055
|
+
const inputRef = ref(null);
|
37056
|
+
const {
|
37057
|
+
onEditClick,
|
37058
|
+
onEditEnter,
|
37059
|
+
onEditBlur,
|
37060
|
+
editKey
|
37061
|
+
} = useSearchSelectInject();
|
37062
|
+
function handleDeleteSelected(index) {
|
37063
|
+
emit("delete", index);
|
37064
|
+
}
|
37065
|
+
function handleEditSeleted(e, item, index) {
|
37066
|
+
e.preventDefault();
|
37067
|
+
e.stopPropagation();
|
37068
|
+
onEditClick(item, index);
|
37069
|
+
setTimeout(() => inputRef.value.handleInputFocus(), 200);
|
37070
|
+
}
|
37071
|
+
function handleAddSelected(item, index) {
|
37072
|
+
onEditEnter(item, index);
|
37073
|
+
}
|
37074
|
+
function handleInputFocus(isFocus) {
|
37075
|
+
if (isFocus)
|
37076
|
+
return;
|
37077
|
+
onEditBlur();
|
37078
|
+
}
|
37079
|
+
function handleInputOutside() {
|
37080
|
+
return true;
|
37081
|
+
}
|
37082
|
+
function copySeletedItem(item) {
|
37083
|
+
const newItem = new SelectedItem(item.searchItem, item.type);
|
37084
|
+
newItem.values = item.values.slice();
|
37085
|
+
return newItem;
|
37086
|
+
}
|
37087
|
+
return {
|
37088
|
+
inputRef,
|
37089
|
+
editKey,
|
37090
|
+
copySeletedItem,
|
37091
|
+
handleDeleteSelected,
|
37092
|
+
handleEditSeleted,
|
37093
|
+
handleInputOutside,
|
37094
|
+
handleAddSelected,
|
37095
|
+
handleInputFocus
|
37096
|
+
};
|
37097
|
+
},
|
37098
|
+
render() {
|
37099
|
+
const contentComponent = (item, index) => this.editKey === `${item.id}_${index}` ? createVNode("div", {
|
37100
|
+
"class": "search-seleted-input",
|
37101
|
+
"key": this.editKey.toString()
|
37102
|
+
}, [createVNode(SearchSelectInput, {
|
37103
|
+
"ref": "inputRef",
|
37104
|
+
"key": this.editKey.toString(),
|
37105
|
+
"mode": SearchInputMode.EDIT,
|
37106
|
+
"data": this.data,
|
37107
|
+
"showCondition": false,
|
37108
|
+
"conditions": this.conditions,
|
37109
|
+
"defautUsingItem": this.copySeletedItem(item),
|
37110
|
+
"clickOutside": this.handleInputOutside,
|
37111
|
+
"geMenuList": this.geMenuList,
|
37112
|
+
"validateValues": this.validateValues,
|
37113
|
+
"onAdd": (v2) => this.handleAddSelected(v2, index),
|
37114
|
+
"onFocus": this.handleInputFocus
|
37115
|
+
}, null)]) : createVNode("li", {
|
37116
|
+
"class": `search-input-chip ${!(this.overflowIndex >= 0 ? index < this.overflowIndex : index >= 0) ? "hidden-chip" : ""}`,
|
37117
|
+
"key": `${item.id}_${index}`
|
37118
|
+
}, [createVNode("span", {
|
37119
|
+
"class": "chip-name",
|
37120
|
+
"onClick": (e) => this.handleEditSeleted(e, item, index)
|
37121
|
+
}, [item.inputInnerText]), createVNode(close$1, {
|
37122
|
+
"class": "chip-clear",
|
37123
|
+
"onClick": () => this.handleDeleteSelected(index)
|
37124
|
+
}, null)]);
|
37125
|
+
return createVNode(Fragment, null, [this.selectedList.map((item, index) => [this.overflowIndex >= 0 && index === this.overflowIndex && createVNode("div", {
|
37126
|
+
"class": "search-input-chip overflow-chip"
|
37127
|
+
}, [createTextVNode("+"), this.selectedList.length - this.overflowIndex]), contentComponent(item, index)])]);
|
37128
|
+
}
|
37129
|
+
});
|
37130
|
+
const INPUT_PADDING_WIDTH = 40;
|
37131
|
+
const SELETED_MARGING_RIGHT = 6;
|
37132
|
+
const SearchSelectProps = {
|
37133
|
+
data: {
|
37134
|
+
type: Array,
|
37135
|
+
default: () => []
|
37136
|
+
},
|
37137
|
+
modelValue: {
|
37138
|
+
type: Array,
|
37139
|
+
default: () => []
|
37140
|
+
},
|
37141
|
+
shrink: {
|
37142
|
+
type: Boolean,
|
37143
|
+
default: true
|
37144
|
+
},
|
37145
|
+
maxHeight: {
|
37146
|
+
type: Number,
|
37147
|
+
default: 120
|
37148
|
+
},
|
37149
|
+
minHeight: {
|
37150
|
+
type: Number,
|
37151
|
+
default: 26
|
37152
|
+
},
|
37153
|
+
conditions: {
|
37154
|
+
type: Array,
|
37155
|
+
default: () => [{
|
37156
|
+
id: "or",
|
37157
|
+
name: "\u6216"
|
37158
|
+
}, {
|
37159
|
+
id: "and",
|
37160
|
+
name: "\u4E14"
|
37161
|
+
}]
|
37162
|
+
},
|
37163
|
+
clearable: {
|
37164
|
+
type: Boolean,
|
37165
|
+
default: true
|
37166
|
+
},
|
37167
|
+
getMenuList: Function,
|
37168
|
+
validateValues: Function
|
37169
|
+
};
|
37170
|
+
var Component = defineComponent({
|
37171
|
+
name: "SearchSelect",
|
37172
|
+
directives: {
|
37173
|
+
clickoutside: ClickOutside
|
37174
|
+
},
|
37175
|
+
props: SearchSelectProps,
|
37176
|
+
emits: ["update:modelValue"],
|
37177
|
+
setup(props2, {
|
37178
|
+
emit
|
37179
|
+
}) {
|
37180
|
+
const inputRef = ref(null);
|
37181
|
+
const wrapRef = ref(null);
|
37182
|
+
const isFocus = ref(false);
|
37183
|
+
const selectedList = ref([]);
|
37184
|
+
const overflowIndex = ref(-1);
|
37185
|
+
const debounceResize = debounce(32, handleResize);
|
37186
|
+
const editKey = ref("");
|
37187
|
+
const validateStr = ref("");
|
37188
|
+
watch(() => props2.modelValue, (v2) => {
|
37189
|
+
if (!(v2 == null ? void 0 : v2.length)) {
|
37190
|
+
selectedList.value = [];
|
37191
|
+
return;
|
37192
|
+
}
|
37193
|
+
const list = [];
|
37194
|
+
v2.forEach((item) => {
|
37195
|
+
var _a;
|
37196
|
+
const seleted = selectedList.value.find((set) => set.id === item.id && set.name === item.name);
|
37197
|
+
if ((seleted == null ? void 0 : seleted.toValueKey()) === JSON.stringify(item)) {
|
37198
|
+
seleted.values = item.values || [];
|
37199
|
+
list.push(seleted);
|
37200
|
+
} else {
|
37201
|
+
let searchItem = props2.data.find((set) => set.id === item.id);
|
37202
|
+
let searchType = "default";
|
37203
|
+
if (!searchItem) {
|
37204
|
+
searchItem = props2.conditions.find((set) => set.id === item.id);
|
37205
|
+
searchItem && (searchType = "condition");
|
37206
|
+
}
|
37207
|
+
if (!searchItem && !((_a = item.values) == null ? void 0 : _a.length)) {
|
37208
|
+
searchType = "text";
|
37209
|
+
}
|
37210
|
+
const newSelected = new SelectedItem(searchItem || item, searchType);
|
37211
|
+
newSelected.values = item.values || [];
|
37212
|
+
list.push(newSelected);
|
37213
|
+
}
|
37214
|
+
});
|
37215
|
+
selectedList.value = list;
|
37216
|
+
}, {
|
37217
|
+
immediate: true,
|
37218
|
+
deep: true
|
37219
|
+
});
|
37220
|
+
onMounted(() => {
|
37221
|
+
addListener(wrapRef.value.querySelector(".bk-search-select"), debounceResize);
|
37222
|
+
});
|
37223
|
+
onBeforeUnmount(() => {
|
37224
|
+
removeListener(wrapRef.value.querySelector(".bk-search-select"), debounceResize);
|
37225
|
+
});
|
37226
|
+
useSearchSelectProvider({
|
37227
|
+
onEditClick,
|
37228
|
+
onEditEnter,
|
37229
|
+
onEditBlur,
|
37230
|
+
onValidate,
|
37231
|
+
editKey
|
37232
|
+
});
|
37233
|
+
function onEditClick(item, index) {
|
37234
|
+
editKey.value = `${item.id}_${index}`;
|
37235
|
+
}
|
37236
|
+
function onEditEnter(item, index) {
|
37237
|
+
const list = selectedList.value.slice();
|
37238
|
+
list.splice(index, 1, item);
|
37239
|
+
emit("update:modelValue", list.map((item2) => item2.toValue()));
|
37240
|
+
editKey.value = "";
|
37241
|
+
}
|
37242
|
+
function onEditBlur() {
|
37243
|
+
editKey.value = "";
|
37244
|
+
onValidate("");
|
37245
|
+
}
|
37246
|
+
function onValidate(str) {
|
37247
|
+
validateStr.value = str || "";
|
37248
|
+
}
|
37249
|
+
function handleResize() {
|
37250
|
+
if (isFocus.value || selectedList.value.length < 1) {
|
37251
|
+
overflowIndex.value = -1;
|
37252
|
+
return;
|
37253
|
+
}
|
37254
|
+
const inputEl = wrapRef.value.querySelector(".bk-search-select");
|
37255
|
+
const maxWidth = wrapRef.value.querySelector(".search-input").clientWidth - SELETED_MARGING_RIGHT - 2;
|
37256
|
+
const tagList = inputEl.querySelectorAll(".search-input-chip:not(.overflow-chip)");
|
37257
|
+
let width = 0;
|
37258
|
+
let index = 0;
|
37259
|
+
let i2 = 0;
|
37260
|
+
while (index === 0 && width <= maxWidth - INPUT_PADDING_WIDTH && i2 <= tagList.length - 1) {
|
37261
|
+
const el = tagList[i2];
|
37262
|
+
if (el.clientHeight > props2.minHeight) {
|
37263
|
+
overflowIndex.value = i2;
|
37264
|
+
return;
|
37265
|
+
}
|
37266
|
+
width += el ? el.clientWidth + SELETED_MARGING_RIGHT : 0;
|
37267
|
+
if (width >= maxWidth - INPUT_PADDING_WIDTH) {
|
37268
|
+
index = i2;
|
37269
|
+
}
|
37270
|
+
i2 += 1;
|
37271
|
+
}
|
37272
|
+
if (index === tagList.length - 1 && width <= maxWidth) {
|
37273
|
+
overflowIndex.value = -1;
|
37274
|
+
return;
|
37275
|
+
}
|
37276
|
+
overflowIndex.value = width >= maxWidth - INPUT_PADDING_WIDTH ? index : index - 1;
|
37277
|
+
}
|
37278
|
+
function handleWrapClick() {
|
37279
|
+
if (!editKey.value) {
|
37280
|
+
inputRef.value.handleInputFocus();
|
37281
|
+
}
|
37282
|
+
}
|
37283
|
+
function handleClearAll() {
|
37284
|
+
selectedList.value = [];
|
37285
|
+
overflowIndex.value = -1;
|
37286
|
+
emit("update:modelValue", []);
|
37287
|
+
}
|
37288
|
+
function handleInputOutside(target) {
|
37289
|
+
var _a;
|
37290
|
+
return !((_a = wrapRef.value) == null ? void 0 : _a.contains(target));
|
37291
|
+
}
|
37292
|
+
function handleAddSelected(item) {
|
37293
|
+
const list = selectedList.value.slice();
|
37294
|
+
list.push(item);
|
37295
|
+
onValidate("");
|
37296
|
+
emit("update:modelValue", list.map((item2) => item2.toValue()));
|
37297
|
+
}
|
37298
|
+
function handleDeleteSelected(index) {
|
37299
|
+
const list = selectedList.value.slice();
|
37300
|
+
list.splice(typeof index === "number" ? index : selectedList.value.length - 1, 1);
|
37301
|
+
onValidate("");
|
37302
|
+
emit("update:modelValue", list.map((item) => item.toValue()));
|
37303
|
+
}
|
37304
|
+
function handleInputFocus(v2) {
|
37305
|
+
v2 && (overflowIndex.value = -1);
|
37306
|
+
isFocus.value = v2;
|
37307
|
+
}
|
37308
|
+
return {
|
37309
|
+
inputRef,
|
37310
|
+
wrapRef,
|
37311
|
+
isFocus,
|
37312
|
+
selectedList,
|
37313
|
+
overflowIndex,
|
37314
|
+
validateStr,
|
37315
|
+
onEditClick,
|
37316
|
+
onEditEnter,
|
37317
|
+
handleWrapClick,
|
37318
|
+
handleInputFocus,
|
37319
|
+
handleResize,
|
37320
|
+
handleClearAll,
|
37321
|
+
handleInputOutside,
|
37322
|
+
handleAddSelected,
|
37323
|
+
handleDeleteSelected
|
37324
|
+
};
|
37325
|
+
},
|
37326
|
+
render() {
|
37327
|
+
var _a, _b;
|
37328
|
+
const maxHeight = `${!this.shrink || this.isFocus ? this.maxHeight : this.minHeight}px`;
|
37329
|
+
const showCondition = this.selectedList.length && this.selectedList.slice(-1)[0].type !== "condition";
|
37330
|
+
const menuSlots = Object.assign({}, this.$slots.menu ? {
|
37331
|
+
menu: (data2) => {
|
37332
|
+
var _a2, _b2;
|
37333
|
+
return (_b2 = (_a2 = this.$slots).menu) == null ? void 0 : _b2.call(_a2, data2);
|
37334
|
+
}
|
37335
|
+
} : {});
|
37336
|
+
return createVNode("div", {
|
37337
|
+
"class": "search-select-wrap",
|
37338
|
+
"ref": "wrapRef"
|
37339
|
+
}, [createVNode("div", {
|
37340
|
+
"class": {
|
37341
|
+
"bk-search-select": true,
|
37342
|
+
"is-focus": this.isFocus
|
37343
|
+
},
|
37344
|
+
"onClick": this.handleWrapClick
|
37345
|
+
}, [createVNode("div", {
|
37346
|
+
"class": "search-prefix"
|
37347
|
+
}, [(_b = (_a = this.$slots).prepend) == null ? void 0 : _b.call(_a)]), createVNode("div", {
|
37348
|
+
"class": "search-input",
|
37349
|
+
"style": {
|
37350
|
+
maxHeight
|
37351
|
+
}
|
37352
|
+
}, [createVNode(SearchSelected, {
|
37353
|
+
"data": this.data,
|
37354
|
+
"conditions": this.conditions,
|
37355
|
+
"selectedList": this.selectedList,
|
37356
|
+
"overflowIndex": this.overflowIndex,
|
37357
|
+
"geMenuList": this.getMenuList,
|
37358
|
+
"validateValues": this.validateValues,
|
37359
|
+
"onDelete": this.handleDeleteSelected
|
37360
|
+
}, __spreadValues({}, menuSlots)), createVNode("div", {
|
37361
|
+
"class": "search-input-input"
|
37362
|
+
}, [createVNode(SearchSelectInput, {
|
37363
|
+
"ref": "inputRef",
|
37364
|
+
"data": this.data,
|
37365
|
+
"showInputBefore": !this.selectedList.length,
|
37366
|
+
"showCondition": showCondition,
|
37367
|
+
"conditions": this.conditions,
|
37368
|
+
"clickOutside": this.handleInputOutside,
|
37369
|
+
"geMenuList": this.getMenuList,
|
37370
|
+
"validateValues": this.validateValues,
|
37371
|
+
"onAdd": this.handleAddSelected,
|
37372
|
+
"onDelete": this.handleDeleteSelected,
|
37373
|
+
"onFocus": this.handleInputFocus
|
37374
|
+
}, __spreadValues({}, menuSlots))])]), createVNode("div", {
|
37375
|
+
"class": "search-nextfix"
|
37376
|
+
}, [this.clearable && !!this.selectedList.length && createVNode(close$1, {
|
37377
|
+
"class": "search-clear",
|
37378
|
+
"onClick": this.handleClearAll
|
37379
|
+
}, null), this.$slots.append ? this.$slots.append() : createVNode(search, {
|
37380
|
+
"class": `search-nextfix-icon ${this.isFocus ? "is-focus" : ""}`
|
37381
|
+
}, null)])]), !!this.validateStr.length && createVNode("div", {
|
37382
|
+
"class": "bk-select-tips"
|
37383
|
+
}, [this.$slots.validate ? this.$slots.validate() : createVNode(Fragment, null, [createVNode(exclamationCircleShape, {
|
37384
|
+
"class": "select-tips"
|
37385
|
+
}, null), this.validateStr || ""])])]);
|
37386
|
+
}
|
37387
|
+
});
|
37388
|
+
const BkSearchSelect = withInstall(Component);
|
36036
37389
|
var components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
36037
37390
|
__proto__: null,
|
36038
37391
|
Alert: BkAlert,
|
@@ -36060,7 +37413,7 @@ var components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProp
|
|
36060
37413
|
Swiper: BkSwiper,
|
36061
37414
|
Select: BkSelect,
|
36062
37415
|
Sideslider: BkSideslider,
|
36063
|
-
Steps: BkSteps
|
37416
|
+
Steps: BkSteps,
|
36064
37417
|
Switcher: BkSwitcher,
|
36065
37418
|
Table: BkTable,
|
36066
37419
|
TableColumn: BkTableColumn,
|
@@ -36085,12 +37438,13 @@ var components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProp
|
|
36085
37438
|
Cascader: BkCascader,
|
36086
37439
|
Slider,
|
36087
37440
|
ResizeLayout: BkResizeLayout,
|
36088
|
-
TimeLine:
|
36089
|
-
Process:
|
37441
|
+
TimeLine: BkTimeline,
|
37442
|
+
Process: BkProcess,
|
36090
37443
|
Upload,
|
36091
37444
|
CodeDiff: BkCodeDiff,
|
36092
37445
|
ColorPicker: BkColorPicker,
|
36093
37446
|
TimePicker: BkTimePicker,
|
37447
|
+
SearchSelect: BkSearchSelect,
|
36094
37448
|
$bkPopover: createPopoverComponent
|
36095
37449
|
}, Symbol.toStringTag, { value: "Module" }));
|
36096
37450
|
const createInstall = (prefix = "Bk") => (app) => {
|
@@ -36109,4 +37463,4 @@ var preset = {
|
|
36109
37463
|
install: createInstall(),
|
36110
37464
|
version: "0.0.1"
|
36111
37465
|
};
|
36112
|
-
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,
|
37466
|
+
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 };
|