bm-admin-ui 1.0.13-alpha → 1.0.16-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 -9
- package/es/components/input-tags-display/index.js +54 -47
- package/es/components/input-tags-display/src/input-tags-display.vue.d.ts +6 -9
- 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.d.ts +3 -1
- package/es/components/search-filter/index.js +36 -48
- package/es/components/search-filter/src/search-filter.vue.d.ts +3 -1
- 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 +76 -86
- package/index.esm.js +1049 -37384
- package/index.js +1049 -37384
- 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 -9
- package/lib/components/input-tags-display/index.js +54 -47
- package/lib/components/input-tags-display/src/input-tags-display.vue.d.ts +6 -9
- 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.d.ts +3 -1
- package/lib/components/search-filter/index.js +36 -48
- package/lib/components/search-filter/src/search-filter.vue.d.ts +3 -1
- 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 +76 -86
- 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 -9
- package/types/components/input-tags-display/src/input-tags-display.vue.d.ts +6 -9
- package/types/components/search-filter/index.d.ts +3 -1
- package/types/components/search-filter/src/search-filter.vue.d.ts +3 -1
|
@@ -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;
|
|
@@ -22,10 +25,6 @@ declare const BmTagsDisplay: import("bm-admin-ui/es/utils/with-install").SFCWith
|
|
|
22
25
|
type: StringConstructor;
|
|
23
26
|
default: string;
|
|
24
27
|
};
|
|
25
|
-
width: {
|
|
26
|
-
type: StringConstructor;
|
|
27
|
-
default: string;
|
|
28
|
-
};
|
|
29
28
|
}, {
|
|
30
29
|
containId: string;
|
|
31
30
|
clear: () => void;
|
|
@@ -43,6 +42,9 @@ declare const BmTagsDisplay: import("bm-admin-ui/es/utils/with-install").SFCWith
|
|
|
43
42
|
type: BooleanConstructor;
|
|
44
43
|
default: boolean;
|
|
45
44
|
};
|
|
45
|
+
placeholder: {
|
|
46
|
+
type: StringConstructor;
|
|
47
|
+
};
|
|
46
48
|
showEmptyBtn: {
|
|
47
49
|
type: BooleanConstructor;
|
|
48
50
|
default: boolean;
|
|
@@ -55,16 +57,11 @@ declare const BmTagsDisplay: import("bm-admin-ui/es/utils/with-install").SFCWith
|
|
|
55
57
|
type: StringConstructor;
|
|
56
58
|
default: string;
|
|
57
59
|
};
|
|
58
|
-
width: {
|
|
59
|
-
type: StringConstructor;
|
|
60
|
-
default: string;
|
|
61
|
-
};
|
|
62
60
|
}>> & {
|
|
63
61
|
onClear?: ((...args: any[]) => any) | undefined;
|
|
64
62
|
"onUpdate:list"?: ((...args: any[]) => any) | undefined;
|
|
65
63
|
onAddClick?: ((...args: any[]) => any) | undefined;
|
|
66
64
|
}, {
|
|
67
|
-
width: string;
|
|
68
65
|
placement: string;
|
|
69
66
|
list: unknown[];
|
|
70
67
|
showEmpty: boolean;
|
|
@@ -1,7 +1,7 @@
|
|
|
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
|
-
import { h, nextTick, createVNode, defineComponent, resolveComponent, openBlock, createElementBlock,
|
|
4
|
+
import { h, nextTick, createVNode, defineComponent, resolveComponent, openBlock, createElementBlock, withCtx, createElementVNode, toDisplayString, withModifiers, Fragment, renderList, createBlock, createTextVNode, createCommentVNode } from 'vue';
|
|
5
5
|
|
|
6
6
|
/**
|
|
7
7
|
* Take input from [0, n] and return it as [0, 1]
|
|
@@ -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
|
|
@@ -1145,10 +1161,6 @@ const _sfc_main = defineComponent({
|
|
|
1145
1161
|
placement: {
|
|
1146
1162
|
type: String,
|
|
1147
1163
|
default: "bottom"
|
|
1148
|
-
},
|
|
1149
|
-
width: {
|
|
1150
|
-
type: String,
|
|
1151
|
-
default: "395px"
|
|
1152
1164
|
}
|
|
1153
1165
|
},
|
|
1154
1166
|
emits: ["clear", "update:list", "addClick"],
|
|
@@ -1161,9 +1173,7 @@ const _sfc_main = defineComponent({
|
|
|
1161
1173
|
emit("update:list", []);
|
|
1162
1174
|
emit("clear");
|
|
1163
1175
|
if (!props.showEmptyBtn && !props.showEmpty) {
|
|
1164
|
-
console.error(
|
|
1165
|
-
"\u4E0D\u5E94\u5C06showEmptyBtn\u4E0EshowEmpty\u90FD\u7F6E\u4E3Afalse,\u8282\u70B9\u5E76\u672A\u5B9E\u9645\u9500\u6BC1"
|
|
1166
|
-
);
|
|
1176
|
+
console.error("\u4E0D\u5E94\u5C06showEmptyBtn\u4E0EshowEmpty\u90FD\u7F6E\u4E3Afalse,\u8282\u70B9\u5E76\u672A\u5B9E\u9645\u9500\u6BC1");
|
|
1167
1177
|
}
|
|
1168
1178
|
}
|
|
1169
1179
|
function toAddTags() {
|
|
@@ -1177,7 +1187,7 @@ const _sfc_main = defineComponent({
|
|
|
1177
1187
|
};
|
|
1178
1188
|
}
|
|
1179
1189
|
});
|
|
1180
|
-
const _hoisted_1 = { class: "
|
|
1190
|
+
const _hoisted_1 = { class: "bm-tags-display" };
|
|
1181
1191
|
const _hoisted_2 = ["id"];
|
|
1182
1192
|
const _hoisted_3 = { class: "pop-seleted" };
|
|
1183
1193
|
const _hoisted_4 = { class: "pop-seleted-title" };
|
|
@@ -1185,20 +1195,20 @@ const _hoisted_5 = /* @__PURE__ */ createTextVNode(" \u5DF2\u9009\u62E9");
|
|
|
1185
1195
|
const _hoisted_6 = /* @__PURE__ */ createTextVNode("\u9879 ");
|
|
1186
1196
|
const _hoisted_7 = { class: "select-input-wrapper" };
|
|
1187
1197
|
const _hoisted_8 = { key: 1 };
|
|
1188
|
-
const _hoisted_9 =
|
|
1198
|
+
const _hoisted_9 = { key: 2 };
|
|
1199
|
+
const _hoisted_10 = /* @__PURE__ */ createElementVNode("div", null, null, -1);
|
|
1189
1200
|
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
1190
1201
|
const _component_a_tag = resolveComponent("a-tag");
|
|
1191
1202
|
const _component_CloseCircleFilled = resolveComponent("CloseCircleFilled");
|
|
1192
|
-
const
|
|
1203
|
+
const _component_ToolTip = resolveComponent("ToolTip");
|
|
1193
1204
|
const _component_Button = resolveComponent("Button");
|
|
1194
1205
|
return openBlock(), createElementBlock("div", _hoisted_1, [
|
|
1195
1206
|
_ctx.list && _ctx.list.length ? (openBlock(), createElementBlock("div", {
|
|
1196
1207
|
key: 0,
|
|
1197
1208
|
id: _ctx.containId,
|
|
1198
|
-
class: "
|
|
1199
|
-
style: normalizeStyle({ width: _ctx.width })
|
|
1209
|
+
class: "bm-tags-display-wrapper"
|
|
1200
1210
|
}, [
|
|
1201
|
-
createVNode(
|
|
1211
|
+
createVNode(_component_ToolTip, {
|
|
1202
1212
|
color: "#fff",
|
|
1203
1213
|
"get-popup-container": _ctx.getPopupContainer,
|
|
1204
1214
|
placement: _ctx.placement,
|
|
@@ -1210,25 +1220,25 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
1210
1220
|
_hoisted_5,
|
|
1211
1221
|
createElementVNode("span", null, toDisplayString(_ctx.list.length), 1),
|
|
1212
1222
|
_hoisted_6
|
|
1213
|
-
])
|
|
1214
|
-
|
|
1215
|
-
|
|
1216
|
-
|
|
1217
|
-
|
|
1218
|
-
}, [
|
|
1219
|
-
|
|
1220
|
-
|
|
1221
|
-
|
|
1222
|
-
|
|
1223
|
-
|
|
1224
|
-
|
|
1225
|
-
|
|
1226
|
-
|
|
1227
|
-
|
|
1228
|
-
|
|
1229
|
-
}
|
|
1230
|
-
|
|
1231
|
-
])
|
|
1223
|
+
])
|
|
1224
|
+
]),
|
|
1225
|
+
createElementVNode("div", {
|
|
1226
|
+
class: "pop-seleted-list",
|
|
1227
|
+
onWheel: _cache[0] || (_cache[0] = withModifiers(() => {
|
|
1228
|
+
}, ["stop"]))
|
|
1229
|
+
}, [
|
|
1230
|
+
(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.list, (item) => {
|
|
1231
|
+
return openBlock(), createBlock(_component_a_tag, {
|
|
1232
|
+
key: item.key,
|
|
1233
|
+
class: "pop-seleted-item"
|
|
1234
|
+
}, {
|
|
1235
|
+
default: withCtx(() => [
|
|
1236
|
+
createTextVNode(toDisplayString(item.title), 1)
|
|
1237
|
+
]),
|
|
1238
|
+
_: 2
|
|
1239
|
+
}, 1024);
|
|
1240
|
+
}), 128))
|
|
1241
|
+
], 32)
|
|
1232
1242
|
]),
|
|
1233
1243
|
default: withCtx(() => [
|
|
1234
1244
|
createElementVNode("div", _hoisted_7, [
|
|
@@ -1256,7 +1266,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
1256
1266
|
]),
|
|
1257
1267
|
_: 1
|
|
1258
1268
|
}, 8, ["get-popup-container", "placement"])
|
|
1259
|
-
],
|
|
1269
|
+
], 8, _hoisted_2)) : createCommentVNode("v-if", true),
|
|
1260
1270
|
_ctx.showEmptyBtn && !_ctx.list.length ? (openBlock(), createElementBlock("div", _hoisted_8, [
|
|
1261
1271
|
createVNode(_component_Button, {
|
|
1262
1272
|
onClick: withModifiers(_ctx.toAddTags, ["stop"])
|
|
@@ -1267,16 +1277,13 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
1267
1277
|
_: 1
|
|
1268
1278
|
}, 8, ["onClick"])
|
|
1269
1279
|
])) : createCommentVNode("v-if", true),
|
|
1270
|
-
_ctx.showEmpty && !_ctx.list.length ? (openBlock(), createElementBlock("div",
|
|
1271
|
-
key: 2,
|
|
1272
|
-
style: normalizeStyle({ width: _ctx.width })
|
|
1273
|
-
}, [
|
|
1280
|
+
_ctx.showEmpty && !_ctx.list.length ? (openBlock(), createElementBlock("div", _hoisted_9, [
|
|
1274
1281
|
createElementVNode("div", {
|
|
1275
1282
|
class: "selector-empty-input",
|
|
1276
1283
|
onClick: _cache[4] || (_cache[4] = withModifiers((...args) => _ctx.toAddTags && _ctx.toAddTags(...args), ["stop"]))
|
|
1277
|
-
}, "\xA0")
|
|
1278
|
-
]
|
|
1279
|
-
|
|
1284
|
+
}, "\xA0\xA0" + toDisplayString(_ctx.placeholder), 1)
|
|
1285
|
+
])) : createCommentVNode("v-if", true),
|
|
1286
|
+
_hoisted_10
|
|
1280
1287
|
]);
|
|
1281
1288
|
}
|
|
1282
1289
|
var InputTagsDisplay = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "input-tags-display.vue"]]);
|
|
@@ -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;
|
|
@@ -23,10 +26,6 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
23
26
|
type: StringConstructor;
|
|
24
27
|
default: string;
|
|
25
28
|
};
|
|
26
|
-
width: {
|
|
27
|
-
type: StringConstructor;
|
|
28
|
-
default: string;
|
|
29
|
-
};
|
|
30
29
|
}, {
|
|
31
30
|
containId: string;
|
|
32
31
|
clear: () => void;
|
|
@@ -41,6 +40,9 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
41
40
|
type: BooleanConstructor;
|
|
42
41
|
default: boolean;
|
|
43
42
|
};
|
|
43
|
+
placeholder: {
|
|
44
|
+
type: StringConstructor;
|
|
45
|
+
};
|
|
44
46
|
showEmptyBtn: {
|
|
45
47
|
type: BooleanConstructor;
|
|
46
48
|
default: boolean;
|
|
@@ -53,16 +55,11 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
53
55
|
type: StringConstructor;
|
|
54
56
|
default: string;
|
|
55
57
|
};
|
|
56
|
-
width: {
|
|
57
|
-
type: StringConstructor;
|
|
58
|
-
default: string;
|
|
59
|
-
};
|
|
60
58
|
}>> & {
|
|
61
59
|
onClear?: ((...args: any[]) => any) | undefined;
|
|
62
60
|
"onUpdate:list"?: ((...args: any[]) => any) | undefined;
|
|
63
61
|
onAddClick?: ((...args: any[]) => any) | undefined;
|
|
64
62
|
}, {
|
|
65
|
-
width: string;
|
|
66
63
|
placement: string;
|
|
67
64
|
list: unknown[];
|
|
68
65
|
showEmpty: 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
|
};
|
|
@@ -114,7 +114,9 @@ declare const BmSearchFilter: import("bm-admin-ui/es/utils/with-install").SFCWit
|
|
|
114
114
|
gutter: unknown[];
|
|
115
115
|
};
|
|
116
116
|
form: {
|
|
117
|
-
labelCol:
|
|
117
|
+
labelCol: {
|
|
118
|
+
[x: string]: any;
|
|
119
|
+
};
|
|
118
120
|
labelAlign: string;
|
|
119
121
|
wrapperCol: {
|
|
120
122
|
span: number;
|