bm-admin-ui 1.0.14-alpha → 1.0.17-alpha
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/es/components/feedback/index.js +19 -6
- package/es/components/float-table/index.js +27 -36
- package/es/components/input-tags-display/index.d.ts +6 -0
- package/es/components/input-tags-display/index.js +28 -15
- package/es/components/input-tags-display/src/input-tags-display.vue.d.ts +6 -0
- package/es/components/multi-cascader-compose/index.js +25 -28
- package/es/components/over-tooltips/index.js +20 -27
- package/es/components/search-filter/index.js +36 -47
- package/es/components/shops-filter/index.js +30 -23
- package/es/components/staffs-selector/index.js +97 -114
- package/es/components/timeline/index.js +6 -6
- package/es/components/upload/index.js +77 -84
- package/index.esm.js +1263 -37407
- package/index.js +1261 -37405
- package/lib/components/feedback/index.js +18 -5
- package/lib/components/float-table/index.js +27 -36
- package/lib/components/input-tags-display/index.d.ts +6 -0
- package/lib/components/input-tags-display/index.js +29 -16
- package/lib/components/input-tags-display/src/input-tags-display.vue.d.ts +6 -0
- package/lib/components/multi-cascader-compose/index.js +25 -28
- package/lib/components/over-tooltips/index.js +20 -27
- package/lib/components/search-filter/index.js +36 -47
- package/lib/components/shops-filter/index.js +30 -23
- package/lib/components/staffs-selector/index.js +97 -114
- package/lib/components/timeline/index.js +6 -6
- package/lib/components/upload/index.js +77 -84
- package/package.json +29 -29
- package/theme-chalk/button.css +1 -1
- package/theme-chalk/feedback.css +1 -1
- package/theme-chalk/float-table.css +1 -1
- package/theme-chalk/floating-vue.css +1 -1
- package/theme-chalk/flow-designer.css +1 -1
- package/theme-chalk/index.css +1 -1
- package/theme-chalk/input-tags-display.css +1 -1
- package/theme-chalk/modal.css +1 -1
- package/theme-chalk/multi-cascader-compose.css +1 -1
- package/theme-chalk/over-tooltips.css +1 -1
- package/theme-chalk/search-filter.css +1 -1
- package/theme-chalk/timeline.css +1 -1
- package/theme-chalk/upload.css +1 -1
- package/types/components/input-tags-display/index.d.ts +6 -0
- package/types/components/input-tags-display/src/input-tags-display.vue.d.ts +6 -0
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { notification, Modal
|
|
1
|
+
import { Button, notification, Modal } from 'ant-design-vue';
|
|
2
2
|
import { withInstall } from 'bm-admin-ui/es/utils/with-install';
|
|
3
3
|
import { h, nextTick, createVNode, defineComponent, computed, openBlock, createBlock, unref, withCtx, resolveDynamicComponent, renderSlot, useSlots, resolveComponent, createSlots, createElementVNode, createTextVNode } from 'vue';
|
|
4
4
|
import AAlert from 'ant-design-vue/lib/alert';
|
|
5
5
|
import AModal$1 from 'ant-design-vue/lib/modal';
|
|
6
6
|
import message from 'ant-design-vue/lib/message';
|
|
7
7
|
|
|
8
|
-
|
|
8
|
+
/*! *****************************************************************************
|
|
9
9
|
Copyright (c) Microsoft Corporation.
|
|
10
10
|
|
|
11
11
|
Permission to use, copy, modify, and/or distribute this software for any
|
|
@@ -94,7 +94,7 @@ function boundAlpha(a) {
|
|
|
94
94
|
*/
|
|
95
95
|
function convertToPercentage(n) {
|
|
96
96
|
if (n <= 1) {
|
|
97
|
-
return
|
|
97
|
+
return Number(n) * 100 + "%";
|
|
98
98
|
}
|
|
99
99
|
return n;
|
|
100
100
|
}
|
|
@@ -476,12 +476,12 @@ var CSS_INTEGER = '[-\\+]?\\d+%?';
|
|
|
476
476
|
// <http://www.w3.org/TR/css3-values/#number-value>
|
|
477
477
|
var CSS_NUMBER = '[-\\+]?\\d*\\.\\d+%?';
|
|
478
478
|
// Allow positive/negative integer/number. Don't capture the either/or, just the entire outcome.
|
|
479
|
-
var CSS_UNIT = "(?:"
|
|
479
|
+
var CSS_UNIT = "(?:" + CSS_NUMBER + ")|(?:" + CSS_INTEGER + ")";
|
|
480
480
|
// Actual matching.
|
|
481
481
|
// Parentheses and commas are optional, but not required.
|
|
482
482
|
// Whitespace can take the place of commas or opening paren
|
|
483
|
-
var PERMISSIVE_MATCH3 = "[\\s|\\(]+("
|
|
484
|
-
var PERMISSIVE_MATCH4 = "[\\s|\\(]+("
|
|
483
|
+
var PERMISSIVE_MATCH3 = "[\\s|\\(]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")\\s*\\)?";
|
|
484
|
+
var PERMISSIVE_MATCH4 = "[\\s|\\(]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")\\s*\\)?";
|
|
485
485
|
var matchers = {
|
|
486
486
|
CSS_UNIT: new RegExp(CSS_UNIT),
|
|
487
487
|
rgb: new RegExp('rgb' + PERMISSIVE_MATCH3),
|
|
@@ -806,6 +806,19 @@ Object.keys(presetPrimaryColors).forEach(function (key) {
|
|
|
806
806
|
});
|
|
807
807
|
presetDarkPalettes[key].primary = presetDarkPalettes[key][5];
|
|
808
808
|
});
|
|
809
|
+
presetPalettes.red;
|
|
810
|
+
presetPalettes.volcano;
|
|
811
|
+
presetPalettes.gold;
|
|
812
|
+
presetPalettes.orange;
|
|
813
|
+
presetPalettes.yellow;
|
|
814
|
+
presetPalettes.lime;
|
|
815
|
+
presetPalettes.green;
|
|
816
|
+
presetPalettes.cyan;
|
|
817
|
+
presetPalettes.blue;
|
|
818
|
+
presetPalettes.geekblue;
|
|
819
|
+
presetPalettes.purple;
|
|
820
|
+
presetPalettes.magenta;
|
|
821
|
+
presetPalettes.grey;
|
|
809
822
|
|
|
810
823
|
// https://github.com/substack/insert-css
|
|
811
824
|
var containers = []; // will store container HTMLElement references
|
|
@@ -234,9 +234,7 @@ const _sfc_main = {
|
|
|
234
234
|
if (state.floatHandleDomCol)
|
|
235
235
|
return;
|
|
236
236
|
let id = column.id;
|
|
237
|
-
state.floatHandleDomCol = floatTable.value.querySelector(
|
|
238
|
-
`.vxe-table--header-wrapper .vxe-header--row .${id}`
|
|
239
|
-
);
|
|
237
|
+
state.floatHandleDomCol = floatTable.value.querySelector(`.vxe-table--header-wrapper .vxe-header--row .${id}`);
|
|
240
238
|
},
|
|
241
239
|
leaveFloatTable() {
|
|
242
240
|
let timer = setTimeout(() => {
|
|
@@ -297,43 +295,36 @@ const _sfc_main = {
|
|
|
297
295
|
let closeSetRow;
|
|
298
296
|
let headerWrapper;
|
|
299
297
|
if (props.isNeedFloatHandle) {
|
|
300
|
-
inObserverDom = new IntersectionObserver(
|
|
301
|
-
(
|
|
302
|
-
|
|
303
|
-
|
|
304
|
-
|
|
305
|
-
|
|
306
|
-
|
|
307
|
-
inObserverDom.disconnect();
|
|
308
|
-
} else {
|
|
309
|
-
isHasOver = true;
|
|
310
|
-
}
|
|
311
|
-
state.isShowFloatHandle = false;
|
|
312
|
-
state.atVisible = true;
|
|
298
|
+
inObserverDom = new IntersectionObserver((entries) => {
|
|
299
|
+
entries.forEach((item) => {
|
|
300
|
+
if (item.intersectionRatio > 0.1) {
|
|
301
|
+
closeSetRow = closeSetRow || item.target.closest(".vxe-header--row");
|
|
302
|
+
headerWrapper = headerWrapper || item.target.closest(".vxe-table--header-wrapper");
|
|
303
|
+
if (closeSetRow.clientWidth <= headerWrapper.clientWidth && !isHasOver) {
|
|
304
|
+
inObserverDom.disconnect();
|
|
313
305
|
} else {
|
|
314
|
-
|
|
315
|
-
|
|
316
|
-
|
|
317
|
-
|
|
318
|
-
|
|
306
|
+
isHasOver = true;
|
|
307
|
+
}
|
|
308
|
+
state.isShowFloatHandle = false;
|
|
309
|
+
state.atVisible = true;
|
|
310
|
+
} else {
|
|
311
|
+
if (gridOptions.value.data && gridOptions.value.data.length > 0) {
|
|
312
|
+
state.goAnimationEnd = false;
|
|
313
|
+
state.isShowFloatHandle = true;
|
|
314
|
+
state.atVisible = false;
|
|
319
315
|
}
|
|
320
|
-
});
|
|
321
|
-
},
|
|
322
|
-
{
|
|
323
|
-
threshold: 0.1
|
|
324
|
-
}
|
|
325
|
-
);
|
|
326
|
-
watch(
|
|
327
|
-
() => state.floatHandleDomCol,
|
|
328
|
-
function(col) {
|
|
329
|
-
if (col) {
|
|
330
|
-
inObserverDom.observe(col);
|
|
331
316
|
}
|
|
332
|
-
}
|
|
333
|
-
|
|
334
|
-
|
|
317
|
+
});
|
|
318
|
+
}, {
|
|
319
|
+
threshold: 0.1
|
|
320
|
+
});
|
|
321
|
+
watch(() => state.floatHandleDomCol, function(col) {
|
|
322
|
+
if (col) {
|
|
323
|
+
inObserverDom.observe(col);
|
|
335
324
|
}
|
|
336
|
-
|
|
325
|
+
}, {
|
|
326
|
+
immediate: true
|
|
327
|
+
});
|
|
337
328
|
}
|
|
338
329
|
return {
|
|
339
330
|
floatTable,
|
|
@@ -10,6 +10,9 @@ declare const BmTagsDisplay: import("bm-admin-ui/es/utils/with-install").SFCWith
|
|
|
10
10
|
type: BooleanConstructor;
|
|
11
11
|
default: boolean;
|
|
12
12
|
};
|
|
13
|
+
placeholder: {
|
|
14
|
+
type: StringConstructor;
|
|
15
|
+
};
|
|
13
16
|
showEmptyBtn: {
|
|
14
17
|
type: BooleanConstructor;
|
|
15
18
|
default: boolean;
|
|
@@ -39,6 +42,9 @@ declare const BmTagsDisplay: import("bm-admin-ui/es/utils/with-install").SFCWith
|
|
|
39
42
|
type: BooleanConstructor;
|
|
40
43
|
default: boolean;
|
|
41
44
|
};
|
|
45
|
+
placeholder: {
|
|
46
|
+
type: StringConstructor;
|
|
47
|
+
};
|
|
42
48
|
showEmptyBtn: {
|
|
43
49
|
type: BooleanConstructor;
|
|
44
50
|
default: boolean;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { withInstall } from 'bm-admin-ui/es/utils/with-install';
|
|
2
|
-
import
|
|
2
|
+
import ToolTip from 'ant-design-vue/lib/tooltip';
|
|
3
3
|
import Button from 'ant-design-vue/lib/button';
|
|
4
4
|
import { h, nextTick, createVNode, defineComponent, resolveComponent, openBlock, createElementBlock, withCtx, createElementVNode, toDisplayString, withModifiers, Fragment, renderList, createBlock, createTextVNode, createCommentVNode } from 'vue';
|
|
5
5
|
|
|
@@ -67,7 +67,7 @@ function boundAlpha(a) {
|
|
|
67
67
|
*/
|
|
68
68
|
function convertToPercentage(n) {
|
|
69
69
|
if (n <= 1) {
|
|
70
|
-
return
|
|
70
|
+
return Number(n) * 100 + "%";
|
|
71
71
|
}
|
|
72
72
|
return n;
|
|
73
73
|
}
|
|
@@ -449,12 +449,12 @@ var CSS_INTEGER = '[-\\+]?\\d+%?';
|
|
|
449
449
|
// <http://www.w3.org/TR/css3-values/#number-value>
|
|
450
450
|
var CSS_NUMBER = '[-\\+]?\\d*\\.\\d+%?';
|
|
451
451
|
// Allow positive/negative integer/number. Don't capture the either/or, just the entire outcome.
|
|
452
|
-
var CSS_UNIT = "(?:"
|
|
452
|
+
var CSS_UNIT = "(?:" + CSS_NUMBER + ")|(?:" + CSS_INTEGER + ")";
|
|
453
453
|
// Actual matching.
|
|
454
454
|
// Parentheses and commas are optional, but not required.
|
|
455
455
|
// Whitespace can take the place of commas or opening paren
|
|
456
|
-
var PERMISSIVE_MATCH3 = "[\\s|\\(]+("
|
|
457
|
-
var PERMISSIVE_MATCH4 = "[\\s|\\(]+("
|
|
456
|
+
var PERMISSIVE_MATCH3 = "[\\s|\\(]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")\\s*\\)?";
|
|
457
|
+
var PERMISSIVE_MATCH4 = "[\\s|\\(]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")\\s*\\)?";
|
|
458
458
|
var matchers = {
|
|
459
459
|
CSS_UNIT: new RegExp(CSS_UNIT),
|
|
460
460
|
rgb: new RegExp('rgb' + PERMISSIVE_MATCH3),
|
|
@@ -779,6 +779,19 @@ Object.keys(presetPrimaryColors).forEach(function (key) {
|
|
|
779
779
|
});
|
|
780
780
|
presetDarkPalettes[key].primary = presetDarkPalettes[key][5];
|
|
781
781
|
});
|
|
782
|
+
presetPalettes.red;
|
|
783
|
+
presetPalettes.volcano;
|
|
784
|
+
presetPalettes.gold;
|
|
785
|
+
presetPalettes.orange;
|
|
786
|
+
presetPalettes.yellow;
|
|
787
|
+
presetPalettes.lime;
|
|
788
|
+
presetPalettes.green;
|
|
789
|
+
presetPalettes.cyan;
|
|
790
|
+
presetPalettes.blue;
|
|
791
|
+
presetPalettes.geekblue;
|
|
792
|
+
presetPalettes.purple;
|
|
793
|
+
presetPalettes.magenta;
|
|
794
|
+
presetPalettes.grey;
|
|
782
795
|
|
|
783
796
|
// https://github.com/substack/insert-css
|
|
784
797
|
var containers = []; // will store container HTMLElement references
|
|
@@ -1124,7 +1137,7 @@ var _export_sfc = (sfc, props) => {
|
|
|
1124
1137
|
};
|
|
1125
1138
|
|
|
1126
1139
|
const _sfc_main = defineComponent({
|
|
1127
|
-
components: {
|
|
1140
|
+
components: { ToolTip, CloseCircleFilled: CloseCircleFilled$1, Button },
|
|
1128
1141
|
props: {
|
|
1129
1142
|
list: {
|
|
1130
1143
|
type: Array,
|
|
@@ -1134,6 +1147,9 @@ const _sfc_main = defineComponent({
|
|
|
1134
1147
|
type: Boolean,
|
|
1135
1148
|
default: false
|
|
1136
1149
|
},
|
|
1150
|
+
placeholder: {
|
|
1151
|
+
type: String
|
|
1152
|
+
},
|
|
1137
1153
|
showEmptyBtn: {
|
|
1138
1154
|
type: Boolean,
|
|
1139
1155
|
default: true
|
|
@@ -1157,9 +1173,7 @@ const _sfc_main = defineComponent({
|
|
|
1157
1173
|
emit("update:list", []);
|
|
1158
1174
|
emit("clear");
|
|
1159
1175
|
if (!props.showEmptyBtn && !props.showEmpty) {
|
|
1160
|
-
console.error(
|
|
1161
|
-
"\u4E0D\u5E94\u5C06showEmptyBtn\u4E0EshowEmpty\u90FD\u7F6E\u4E3Afalse,\u8282\u70B9\u5E76\u672A\u5B9E\u9645\u9500\u6BC1"
|
|
1162
|
-
);
|
|
1176
|
+
console.error("\u4E0D\u5E94\u5C06showEmptyBtn\u4E0EshowEmpty\u90FD\u7F6E\u4E3Afalse,\u8282\u70B9\u5E76\u672A\u5B9E\u9645\u9500\u6BC1");
|
|
1163
1177
|
}
|
|
1164
1178
|
}
|
|
1165
1179
|
function toAddTags() {
|
|
@@ -1186,7 +1200,7 @@ const _hoisted_10 = /* @__PURE__ */ createElementVNode("div", null, null, -1);
|
|
|
1186
1200
|
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
1187
1201
|
const _component_a_tag = resolveComponent("a-tag");
|
|
1188
1202
|
const _component_CloseCircleFilled = resolveComponent("CloseCircleFilled");
|
|
1189
|
-
const
|
|
1203
|
+
const _component_ToolTip = resolveComponent("ToolTip");
|
|
1190
1204
|
const _component_Button = resolveComponent("Button");
|
|
1191
1205
|
return openBlock(), createElementBlock("div", _hoisted_1, [
|
|
1192
1206
|
_ctx.list && _ctx.list.length ? (openBlock(), createElementBlock("div", {
|
|
@@ -1194,7 +1208,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
1194
1208
|
id: _ctx.containId,
|
|
1195
1209
|
class: "bm-tags-display-wrapper"
|
|
1196
1210
|
}, [
|
|
1197
|
-
createVNode(
|
|
1211
|
+
createVNode(_component_ToolTip, {
|
|
1212
|
+
color: "#fff",
|
|
1198
1213
|
"get-popup-container": _ctx.getPopupContainer,
|
|
1199
1214
|
placement: _ctx.placement,
|
|
1200
1215
|
"overlay-class-name": "__list-filter-popover"
|
|
@@ -1206,9 +1221,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
1206
1221
|
createElementVNode("span", null, toDisplayString(_ctx.list.length), 1),
|
|
1207
1222
|
_hoisted_6
|
|
1208
1223
|
])
|
|
1209
|
-
])
|
|
1210
|
-
]),
|
|
1211
|
-
content: withCtx(() => [
|
|
1224
|
+
]),
|
|
1212
1225
|
createElementVNode("div", {
|
|
1213
1226
|
class: "pop-seleted-list",
|
|
1214
1227
|
onWheel: _cache[0] || (_cache[0] = withModifiers(() => {
|
|
@@ -1268,7 +1281,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
1268
1281
|
createElementVNode("div", {
|
|
1269
1282
|
class: "selector-empty-input",
|
|
1270
1283
|
onClick: _cache[4] || (_cache[4] = withModifiers((...args) => _ctx.toAddTags && _ctx.toAddTags(...args), ["stop"]))
|
|
1271
|
-
}, "\xA0")
|
|
1284
|
+
}, "\xA0\xA0" + toDisplayString(_ctx.placeholder), 1)
|
|
1272
1285
|
])) : createCommentVNode("v-if", true),
|
|
1273
1286
|
_hoisted_10
|
|
1274
1287
|
]);
|
|
@@ -11,6 +11,9 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
11
11
|
type: BooleanConstructor;
|
|
12
12
|
default: boolean;
|
|
13
13
|
};
|
|
14
|
+
placeholder: {
|
|
15
|
+
type: StringConstructor;
|
|
16
|
+
};
|
|
14
17
|
showEmptyBtn: {
|
|
15
18
|
type: BooleanConstructor;
|
|
16
19
|
default: boolean;
|
|
@@ -37,6 +40,9 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
37
40
|
type: BooleanConstructor;
|
|
38
41
|
default: boolean;
|
|
39
42
|
};
|
|
43
|
+
placeholder: {
|
|
44
|
+
type: StringConstructor;
|
|
45
|
+
};
|
|
40
46
|
showEmptyBtn: {
|
|
41
47
|
type: BooleanConstructor;
|
|
42
48
|
default: boolean;
|
|
@@ -65,7 +65,7 @@ function boundAlpha(a) {
|
|
|
65
65
|
*/
|
|
66
66
|
function convertToPercentage(n) {
|
|
67
67
|
if (n <= 1) {
|
|
68
|
-
return
|
|
68
|
+
return Number(n) * 100 + "%";
|
|
69
69
|
}
|
|
70
70
|
return n;
|
|
71
71
|
}
|
|
@@ -447,12 +447,12 @@ var CSS_INTEGER = '[-\\+]?\\d+%?';
|
|
|
447
447
|
// <http://www.w3.org/TR/css3-values/#number-value>
|
|
448
448
|
var CSS_NUMBER = '[-\\+]?\\d*\\.\\d+%?';
|
|
449
449
|
// Allow positive/negative integer/number. Don't capture the either/or, just the entire outcome.
|
|
450
|
-
var CSS_UNIT = "(?:"
|
|
450
|
+
var CSS_UNIT = "(?:" + CSS_NUMBER + ")|(?:" + CSS_INTEGER + ")";
|
|
451
451
|
// Actual matching.
|
|
452
452
|
// Parentheses and commas are optional, but not required.
|
|
453
453
|
// Whitespace can take the place of commas or opening paren
|
|
454
|
-
var PERMISSIVE_MATCH3 = "[\\s|\\(]+("
|
|
455
|
-
var PERMISSIVE_MATCH4 = "[\\s|\\(]+("
|
|
454
|
+
var PERMISSIVE_MATCH3 = "[\\s|\\(]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")\\s*\\)?";
|
|
455
|
+
var PERMISSIVE_MATCH4 = "[\\s|\\(]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")\\s*\\)?";
|
|
456
456
|
var matchers = {
|
|
457
457
|
CSS_UNIT: new RegExp(CSS_UNIT),
|
|
458
458
|
rgb: new RegExp('rgb' + PERMISSIVE_MATCH3),
|
|
@@ -777,6 +777,19 @@ Object.keys(presetPrimaryColors).forEach(function (key) {
|
|
|
777
777
|
});
|
|
778
778
|
presetDarkPalettes[key].primary = presetDarkPalettes[key][5];
|
|
779
779
|
});
|
|
780
|
+
presetPalettes.red;
|
|
781
|
+
presetPalettes.volcano;
|
|
782
|
+
presetPalettes.gold;
|
|
783
|
+
presetPalettes.orange;
|
|
784
|
+
presetPalettes.yellow;
|
|
785
|
+
presetPalettes.lime;
|
|
786
|
+
presetPalettes.green;
|
|
787
|
+
presetPalettes.cyan;
|
|
788
|
+
presetPalettes.blue;
|
|
789
|
+
presetPalettes.geekblue;
|
|
790
|
+
presetPalettes.purple;
|
|
791
|
+
presetPalettes.magenta;
|
|
792
|
+
presetPalettes.grey;
|
|
780
793
|
|
|
781
794
|
// https://github.com/substack/insert-css
|
|
782
795
|
var containers = []; // will store container HTMLElement references
|
|
@@ -1335,9 +1348,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
1335
1348
|
tempRes.push({ checked: true });
|
|
1336
1349
|
} else {
|
|
1337
1350
|
let tempRes2 = tempChildren[j];
|
|
1338
|
-
let tempIndex2 = props.modelValue.indexOf(
|
|
1339
|
-
tempRes2[props.optionValueName]
|
|
1340
|
-
);
|
|
1351
|
+
let tempIndex2 = props.modelValue.indexOf(tempRes2[props.optionValueName]);
|
|
1341
1352
|
if (tempIndex2 !== -1) {
|
|
1342
1353
|
tempRes.push({ checked: true });
|
|
1343
1354
|
} else {
|
|
@@ -1363,9 +1374,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
1363
1374
|
if (tempChildren) {
|
|
1364
1375
|
for (let j = 0; j < tempChildren.length; j++) {
|
|
1365
1376
|
let tempRes2 = tempChildren[j];
|
|
1366
|
-
let tempIndex2 = props.modelValue.indexOf(
|
|
1367
|
-
tempRes2[props.optionValueName]
|
|
1368
|
-
);
|
|
1377
|
+
let tempIndex2 = props.modelValue.indexOf(tempRes2[props.optionValueName]);
|
|
1369
1378
|
if (path.value[i] && tempRes2[props.optionValueName] === path.value[i][props.optionValueName] && tempIndex2 !== -1) {
|
|
1370
1379
|
parentChecked = true;
|
|
1371
1380
|
break;
|
|
@@ -1447,9 +1456,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
1447
1456
|
checked.push(tempOption?.[props.optionValueName]);
|
|
1448
1457
|
if (tempOption?.children) {
|
|
1449
1458
|
let allSonValues = getAllSonValues(tempOption.children);
|
|
1450
|
-
allSonValues = allSonValues.filter(
|
|
1451
|
-
(item) => item !== tempOption?.[props.optionValueName]
|
|
1452
|
-
);
|
|
1459
|
+
allSonValues = allSonValues.filter((item) => item !== tempOption?.[props.optionValueName]);
|
|
1453
1460
|
unChecked = unChecked.concat(allSonValues);
|
|
1454
1461
|
}
|
|
1455
1462
|
for (let i = level; i > 0; i--) {
|
|
@@ -1464,9 +1471,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
1464
1471
|
checked.push(tempOption2[props.optionValueName]);
|
|
1465
1472
|
if (tempOption2.children) {
|
|
1466
1473
|
let allSonValues = getAllSonValues(tempOption2.children);
|
|
1467
|
-
allSonValues = allSonValues.filter(
|
|
1468
|
-
(item) => item !== tempOption2[props.optionValueName]
|
|
1469
|
-
);
|
|
1474
|
+
allSonValues = allSonValues.filter((item) => item !== tempOption2[props.optionValueName]);
|
|
1470
1475
|
unChecked = unChecked.concat(allSonValues);
|
|
1471
1476
|
}
|
|
1472
1477
|
}
|
|
@@ -1492,9 +1497,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
1492
1497
|
if (tempStatus.checked) {
|
|
1493
1498
|
checked = [];
|
|
1494
1499
|
} else {
|
|
1495
|
-
checked = modulersOptions.value[level].children?.map(
|
|
1496
|
-
(item) => item[props.optionValueName]
|
|
1497
|
-
) || [];
|
|
1500
|
+
checked = modulersOptions.value[level].children?.map((item) => item[props.optionValueName]) || [];
|
|
1498
1501
|
}
|
|
1499
1502
|
} else {
|
|
1500
1503
|
if (tempStatus.checked) {
|
|
@@ -1517,9 +1520,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
1517
1520
|
checked.push(tempOption[props.optionValueName]);
|
|
1518
1521
|
if (tempOption.children) {
|
|
1519
1522
|
let allSonValues = getAllSonValues(tempOption.children);
|
|
1520
|
-
allSonValues = allSonValues.filter(
|
|
1521
|
-
(item) => item !== tempOption[props.optionValueName]
|
|
1522
|
-
);
|
|
1523
|
+
allSonValues = allSonValues.filter((item) => item !== tempOption[props.optionValueName]);
|
|
1523
1524
|
unChecked = unChecked.concat(allSonValues);
|
|
1524
1525
|
}
|
|
1525
1526
|
for (let i = level; i > 0; i--) {
|
|
@@ -1534,9 +1535,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
1534
1535
|
checked.push(tempOption2[props.optionValueName]);
|
|
1535
1536
|
if (tempOption2.children) {
|
|
1536
1537
|
let allSonValues = getAllSonValues(tempOption2.children);
|
|
1537
|
-
allSonValues = allSonValues.filter(
|
|
1538
|
-
(item) => item !== tempOption2[props.optionValueName]
|
|
1539
|
-
);
|
|
1538
|
+
allSonValues = allSonValues.filter((item) => item !== tempOption2[props.optionValueName]);
|
|
1540
1539
|
unChecked = unChecked.concat(allSonValues);
|
|
1541
1540
|
}
|
|
1542
1541
|
}
|
|
@@ -1622,9 +1621,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
1622
1621
|
return openBlock(), createElementBlock("div", {
|
|
1623
1622
|
key: index,
|
|
1624
1623
|
class: normalizeClass(["bm-multi-cascader-item", {
|
|
1625
|
-
"is-active": path.value.find(
|
|
1626
|
-
(item) => option[props.optionValueName] === item[props.optionValueName]
|
|
1627
|
-
)
|
|
1624
|
+
"is-active": path.value.find((item) => option[props.optionValueName] === item[props.optionValueName])
|
|
1628
1625
|
}]),
|
|
1629
1626
|
onClick: ($event) => handleClick(option, level, index)
|
|
1630
1627
|
}, [
|
|
@@ -39,19 +39,16 @@ const _sfc_main = {
|
|
|
39
39
|
isShow: false,
|
|
40
40
|
openShow: false
|
|
41
41
|
});
|
|
42
|
-
const observer = new IntersectionObserver(
|
|
43
|
-
(
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
threshold: 0.3
|
|
53
|
-
}
|
|
54
|
-
);
|
|
42
|
+
const observer = new IntersectionObserver((entries) => {
|
|
43
|
+
entries.forEach((item) => {
|
|
44
|
+
if (item.intersectionRatio > 0.3) {
|
|
45
|
+
observerDom();
|
|
46
|
+
observer.disconnect();
|
|
47
|
+
}
|
|
48
|
+
});
|
|
49
|
+
}, {
|
|
50
|
+
threshold: 0.3
|
|
51
|
+
});
|
|
55
52
|
function observerDom() {
|
|
56
53
|
if (props.line === 1) {
|
|
57
54
|
if (mySelf.value.scrollWidth > mySelf.value.clientWidth) {
|
|
@@ -67,20 +64,16 @@ const _sfc_main = {
|
|
|
67
64
|
observer.disconnect();
|
|
68
65
|
});
|
|
69
66
|
let mySelf = ref();
|
|
70
|
-
watch(
|
|
71
|
-
()
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
mySelf.value && observer.
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
{
|
|
81
|
-
immediate: true
|
|
82
|
-
}
|
|
83
|
-
);
|
|
67
|
+
watch(() => props.showAlways, function(showAlways) {
|
|
68
|
+
if (showAlways)
|
|
69
|
+
state.openShow = showAlways;
|
|
70
|
+
mySelf.value && observer.unobserve(mySelf.value);
|
|
71
|
+
nextTick(function() {
|
|
72
|
+
mySelf.value && observer.observe(mySelf.value);
|
|
73
|
+
});
|
|
74
|
+
}, {
|
|
75
|
+
immediate: true
|
|
76
|
+
});
|
|
84
77
|
const handleVisibleChange = (val) => {
|
|
85
78
|
state.isShow = !state.openShow ? false : val;
|
|
86
79
|
};
|