bm-admin-ui 1.0.95-alpha → 1.0.97-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/search-filter/index.js +39 -37
- package/es/components/search-filter/src/form-select-all.vue.d.ts +6 -2
- package/es/components/select-all/index.d.ts +2 -0
- package/es/components/select-all/index.js +30 -28
- package/es/components/select-all/src/selectAll.vue.d.ts +2 -0
- package/lib/components/search-filter/index.js +39 -37
- package/lib/components/search-filter/src/form-select-all.vue.d.ts +6 -2
- package/lib/components/select-all/index.d.ts +2 -0
- package/lib/components/select-all/index.js +30 -28
- package/lib/components/select-all/src/selectAll.vue.d.ts +2 -0
- package/package.json +1 -1
- package/types/components/search-filter/src/form-select-all.vue.d.ts +6 -2
- package/types/components/select-all/index.d.ts +2 -0
- package/types/components/select-all/src/selectAll.vue.d.ts +2 -0
|
@@ -189,7 +189,12 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
|
|
|
189
189
|
default: true
|
|
190
190
|
}
|
|
191
191
|
},
|
|
192
|
-
emits: [
|
|
192
|
+
emits: [
|
|
193
|
+
"onSelectAll",
|
|
194
|
+
"onChange",
|
|
195
|
+
"update:modelValue",
|
|
196
|
+
"onSearch"
|
|
197
|
+
],
|
|
193
198
|
setup(__props, { emit }) {
|
|
194
199
|
const props = __props;
|
|
195
200
|
const instance = getCurrentInstance();
|
|
@@ -206,14 +211,6 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
|
|
|
206
211
|
() => props.modelValue,
|
|
207
212
|
(val) => {
|
|
208
213
|
selectValue.value = val;
|
|
209
|
-
if (!selectValue.value || selectValue.value.length <= 0) {
|
|
210
|
-
state.search = {
|
|
211
|
-
indeterminate: false,
|
|
212
|
-
checkedAll: false,
|
|
213
|
-
checkedReverse: false,
|
|
214
|
-
searchList: []
|
|
215
|
-
};
|
|
216
|
-
}
|
|
217
214
|
},
|
|
218
215
|
{
|
|
219
216
|
immediate: true
|
|
@@ -221,41 +218,39 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
|
|
|
221
218
|
);
|
|
222
219
|
const selectAll = (e) => {
|
|
223
220
|
let key = "value";
|
|
224
|
-
let list = [];
|
|
225
221
|
if (instance?.attrs.fieldNames || instance?.attrs["field-names"])
|
|
226
222
|
key = (instance?.attrs).fieldNames?.value || (instance?.attrs)["field-names"].value;
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
);
|
|
235
|
-
list = [...list, ...search];
|
|
236
|
-
} else {
|
|
237
|
-
list = state.search.searchList;
|
|
238
|
-
}
|
|
239
|
-
} else
|
|
240
|
-
list = instance?.attrs.options;
|
|
241
|
-
if (list.length === (instance?.attrs.options).length) {
|
|
242
|
-
state.search.checkedAll = !state.search.checkedAll;
|
|
243
|
-
state.search.indeterminate = false;
|
|
244
|
-
state.search.checkedReverse = false;
|
|
245
|
-
}
|
|
246
|
-
if (state.search.checkedAll || state.search.searchList.length > 0) {
|
|
247
|
-
selectValue.value = list.map((v) => {
|
|
248
|
-
return v[key];
|
|
249
|
-
});
|
|
250
|
-
} else {
|
|
251
|
-
selectValue.value = [];
|
|
252
|
-
}
|
|
223
|
+
let value = checkAll(selectValue.value, key);
|
|
224
|
+
state.search.checkedReverse = false;
|
|
225
|
+
state.search.indeterminate = !!value.length && value.length < (instance?.attrs.options).length;
|
|
226
|
+
state.search.checkedAll = value.length === (instance?.attrs.options).length;
|
|
227
|
+
selectValue.value = value.map((v) => {
|
|
228
|
+
return v[key];
|
|
229
|
+
}) || [];
|
|
253
230
|
emit("update:modelValue", selectValue.value);
|
|
254
231
|
emit("onSelectAll", {
|
|
255
232
|
type: "all",
|
|
256
233
|
value: selectValue.value
|
|
257
234
|
});
|
|
258
235
|
};
|
|
236
|
+
const checkAll = (select, key) => {
|
|
237
|
+
let list = [];
|
|
238
|
+
let search = [];
|
|
239
|
+
if (select?.length > 0 && state.search.searchList.length > 0) {
|
|
240
|
+
list = (instance?.attrs.options).filter(
|
|
241
|
+
(ele) => select.indexOf(ele[key]) > -1
|
|
242
|
+
);
|
|
243
|
+
}
|
|
244
|
+
if (state.search.searchList.length > 0) {
|
|
245
|
+
select?.length ? search = state.search.searchList.filter(
|
|
246
|
+
(ele) => select.indexOf(ele[key]) <= -1
|
|
247
|
+
) : search = state.search.searchList;
|
|
248
|
+
} else {
|
|
249
|
+
search = instance?.attrs.options;
|
|
250
|
+
}
|
|
251
|
+
list = [...list, ...search];
|
|
252
|
+
return list;
|
|
253
|
+
};
|
|
259
254
|
const reverseAll = (e) => {
|
|
260
255
|
if (state.search.searchList.length > 0)
|
|
261
256
|
return;
|
|
@@ -299,6 +294,12 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
|
|
|
299
294
|
});
|
|
300
295
|
state.search.searchList = list;
|
|
301
296
|
}
|
|
297
|
+
emit("onSearch", {
|
|
298
|
+
value: val
|
|
299
|
+
});
|
|
300
|
+
};
|
|
301
|
+
const handleBlur = () => {
|
|
302
|
+
state.search.searchList = [];
|
|
302
303
|
};
|
|
303
304
|
const VNodes = (_, { attrs }) => {
|
|
304
305
|
return h(attrs.vnodes);
|
|
@@ -317,7 +318,8 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
|
|
|
317
318
|
placeholder: unref(instance)?.attrs.placeholder ? unref(instance)?.attrs.placeholder : "\u8BF7\u9009\u62E9",
|
|
318
319
|
"get-popup-container": (nodes) => nodes.parentNode,
|
|
319
320
|
onChange,
|
|
320
|
-
onSearch
|
|
321
|
+
onSearch,
|
|
322
|
+
onBlur: handleBlur
|
|
321
323
|
}), {
|
|
322
324
|
dropdownRender: withCtx(({ menuNode: menu }) => [
|
|
323
325
|
createElementVNode("div", _hoisted_1, [
|
|
@@ -22,6 +22,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
22
22
|
onOnChange?: ((...args: any[]) => any) | undefined;
|
|
23
23
|
onOnSelectAll?: ((...args: any[]) => any) | undefined;
|
|
24
24
|
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
25
|
+
onOnSearch?: ((...args: any[]) => any) | undefined;
|
|
25
26
|
}>>;
|
|
26
27
|
state: {
|
|
27
28
|
search: {
|
|
@@ -31,12 +32,14 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
31
32
|
searchList: never[];
|
|
32
33
|
};
|
|
33
34
|
};
|
|
34
|
-
emit: (event: "onChange" | "onSelectAll" | "update:modelValue", ...args: any[]) => void;
|
|
35
|
+
emit: (event: "onChange" | "onSelectAll" | "update:modelValue" | "onSearch", ...args: any[]) => void;
|
|
35
36
|
selectValue: any;
|
|
36
37
|
selectAll: (e: any) => void;
|
|
38
|
+
checkAll: (select: any, key: any) => never[];
|
|
37
39
|
reverseAll: (e: any) => false | undefined;
|
|
38
40
|
onChange: (value: any, option: any) => void;
|
|
39
41
|
onSearch: (val: string | number) => void;
|
|
42
|
+
handleBlur: () => void;
|
|
40
43
|
VNodes: (_: any, { attrs }: {
|
|
41
44
|
attrs: any;
|
|
42
45
|
}) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
@@ -736,7 +739,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
736
739
|
readonly OptGroup: import("ant-design-vue/lib/vc-select/OptGroup").OptionGroupFC;
|
|
737
740
|
readonly SECRET_COMBOBOX_MODE_DO_NOT_USE: "SECRET_COMBOBOX_MODE_DO_NOT_USE";
|
|
738
741
|
};
|
|
739
|
-
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("onChange" | "onSelectAll" | "update:modelValue")[], "onChange" | "onSelectAll" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
742
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("onChange" | "onSelectAll" | "update:modelValue" | "onSearch")[], "onChange" | "onSearch" | "onSelectAll" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
740
743
|
modelValue: {
|
|
741
744
|
type: ArrayConstructor;
|
|
742
745
|
};
|
|
@@ -749,6 +752,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
749
752
|
onOnChange?: ((...args: any[]) => any) | undefined;
|
|
750
753
|
onOnSelectAll?: ((...args: any[]) => any) | undefined;
|
|
751
754
|
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
755
|
+
onOnSearch?: ((...args: any[]) => any) | undefined;
|
|
752
756
|
}, {
|
|
753
757
|
disabled: boolean;
|
|
754
758
|
showSelectAll: boolean;
|
|
@@ -34,9 +34,11 @@ declare const BmSelectAll: import("bm-admin-ui/es/utils/with-install").SFCWithIn
|
|
|
34
34
|
emit: (event: "onChange" | "update:value" | "onSelectAll", ...args: any[]) => void;
|
|
35
35
|
selectValue: any;
|
|
36
36
|
selectAll: (e: any) => void;
|
|
37
|
+
checkAll: (select: any, key: any) => never[];
|
|
37
38
|
reverseAll: (e: any) => false | undefined;
|
|
38
39
|
onChange: (value: any, option: any) => void;
|
|
39
40
|
onSearch: (val: string | number) => void;
|
|
41
|
+
handleBlur: () => void;
|
|
40
42
|
VNodes: (_: any, { attrs }: {
|
|
41
43
|
attrs: any;
|
|
42
44
|
}) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
@@ -62,41 +62,39 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
62
62
|
);
|
|
63
63
|
const selectAll = (e) => {
|
|
64
64
|
let key = "value";
|
|
65
|
-
let list = [];
|
|
66
65
|
if (instance?.attrs.fieldNames || instance?.attrs["field-names"])
|
|
67
66
|
key = (instance?.attrs).fieldNames?.value || (instance?.attrs)["field-names"].value;
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
);
|
|
76
|
-
list = [...list, ...search];
|
|
77
|
-
} else {
|
|
78
|
-
list = state.search.searchList;
|
|
79
|
-
}
|
|
80
|
-
} else
|
|
81
|
-
list = instance?.attrs.options;
|
|
82
|
-
if (list.length === (instance?.attrs.options).length) {
|
|
83
|
-
state.search.checkedAll = !state.search.checkedAll;
|
|
84
|
-
state.search.indeterminate = false;
|
|
85
|
-
state.search.checkedReverse = false;
|
|
86
|
-
}
|
|
87
|
-
if (state.search.checkedAll || state.search.searchList.length > 0) {
|
|
88
|
-
selectValue.value = list.map((v) => {
|
|
89
|
-
return v[key];
|
|
90
|
-
});
|
|
91
|
-
} else {
|
|
92
|
-
selectValue.value = [];
|
|
93
|
-
}
|
|
67
|
+
let value = checkAll(selectValue.value, key);
|
|
68
|
+
state.search.checkedReverse = false;
|
|
69
|
+
state.search.indeterminate = !!value.length && value.length < (instance?.attrs.options).length;
|
|
70
|
+
state.search.checkedAll = value.length === (instance?.attrs.options).length;
|
|
71
|
+
selectValue.value = value.map((v) => {
|
|
72
|
+
return v[key];
|
|
73
|
+
}) || [];
|
|
94
74
|
emit("update:value", selectValue.value);
|
|
95
75
|
emit("onSelectAll", {
|
|
96
76
|
type: "all",
|
|
97
77
|
value: selectValue.value
|
|
98
78
|
});
|
|
99
79
|
};
|
|
80
|
+
const checkAll = (select, key) => {
|
|
81
|
+
let list = [];
|
|
82
|
+
let search = [];
|
|
83
|
+
if (select?.length > 0 && state.search.searchList.length > 0) {
|
|
84
|
+
list = (instance?.attrs.options).filter(
|
|
85
|
+
(ele) => select.indexOf(ele[key]) > -1
|
|
86
|
+
);
|
|
87
|
+
}
|
|
88
|
+
if (state.search.searchList.length > 0) {
|
|
89
|
+
select?.length ? search = state.search.searchList.filter(
|
|
90
|
+
(ele) => select.indexOf(ele[key]) <= -1
|
|
91
|
+
) : search = state.search.searchList;
|
|
92
|
+
} else {
|
|
93
|
+
search = instance?.attrs.options;
|
|
94
|
+
}
|
|
95
|
+
list = [...list, ...search];
|
|
96
|
+
return list;
|
|
97
|
+
};
|
|
100
98
|
const reverseAll = (e) => {
|
|
101
99
|
let key = "value";
|
|
102
100
|
if (state.search.searchList.length > 0)
|
|
@@ -142,6 +140,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
142
140
|
state.search.searchList = list;
|
|
143
141
|
}
|
|
144
142
|
};
|
|
143
|
+
const handleBlur = () => {
|
|
144
|
+
state.search.searchList = [];
|
|
145
|
+
};
|
|
145
146
|
const VNodes = (_, { attrs }) => {
|
|
146
147
|
return h(attrs.vnodes);
|
|
147
148
|
};
|
|
@@ -157,7 +158,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
157
158
|
placeholder: unref(instance)?.attrs.placeholder ? unref(instance)?.attrs.placeholder : "\u8BF7\u9009\u62E9",
|
|
158
159
|
"get-popup-container": (nodes) => nodes.parentNode,
|
|
159
160
|
onChange,
|
|
160
|
-
onSearch
|
|
161
|
+
onSearch,
|
|
162
|
+
onBlur: handleBlur
|
|
161
163
|
}), {
|
|
162
164
|
dropdownRender: withCtx(({ menuNode: menu }) => [
|
|
163
165
|
createElementVNode("div", _hoisted_1, [
|
|
@@ -34,9 +34,11 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
34
34
|
emit: (event: "onChange" | "update:value" | "onSelectAll", ...args: any[]) => void;
|
|
35
35
|
selectValue: any;
|
|
36
36
|
selectAll: (e: any) => void;
|
|
37
|
+
checkAll: (select: any, key: any) => never[];
|
|
37
38
|
reverseAll: (e: any) => false | undefined;
|
|
38
39
|
onChange: (value: any, option: any) => void;
|
|
39
40
|
onSearch: (val: string | number) => void;
|
|
41
|
+
handleBlur: () => void;
|
|
40
42
|
VNodes: (_: any, { attrs }: {
|
|
41
43
|
attrs: any;
|
|
42
44
|
}) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
@@ -199,7 +199,12 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
|
|
|
199
199
|
default: true
|
|
200
200
|
}
|
|
201
201
|
},
|
|
202
|
-
emits: [
|
|
202
|
+
emits: [
|
|
203
|
+
"onSelectAll",
|
|
204
|
+
"onChange",
|
|
205
|
+
"update:modelValue",
|
|
206
|
+
"onSearch"
|
|
207
|
+
],
|
|
203
208
|
setup(__props, { emit }) {
|
|
204
209
|
const props = __props;
|
|
205
210
|
const instance = vue.getCurrentInstance();
|
|
@@ -216,14 +221,6 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
|
|
|
216
221
|
() => props.modelValue,
|
|
217
222
|
(val) => {
|
|
218
223
|
selectValue.value = val;
|
|
219
|
-
if (!selectValue.value || selectValue.value.length <= 0) {
|
|
220
|
-
state.search = {
|
|
221
|
-
indeterminate: false,
|
|
222
|
-
checkedAll: false,
|
|
223
|
-
checkedReverse: false,
|
|
224
|
-
searchList: []
|
|
225
|
-
};
|
|
226
|
-
}
|
|
227
224
|
},
|
|
228
225
|
{
|
|
229
226
|
immediate: true
|
|
@@ -231,41 +228,39 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
|
|
|
231
228
|
);
|
|
232
229
|
const selectAll = (e) => {
|
|
233
230
|
let key = "value";
|
|
234
|
-
let list = [];
|
|
235
231
|
if (instance?.attrs.fieldNames || instance?.attrs["field-names"])
|
|
236
232
|
key = (instance?.attrs).fieldNames?.value || (instance?.attrs)["field-names"].value;
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
);
|
|
245
|
-
list = [...list, ...search];
|
|
246
|
-
} else {
|
|
247
|
-
list = state.search.searchList;
|
|
248
|
-
}
|
|
249
|
-
} else
|
|
250
|
-
list = instance?.attrs.options;
|
|
251
|
-
if (list.length === (instance?.attrs.options).length) {
|
|
252
|
-
state.search.checkedAll = !state.search.checkedAll;
|
|
253
|
-
state.search.indeterminate = false;
|
|
254
|
-
state.search.checkedReverse = false;
|
|
255
|
-
}
|
|
256
|
-
if (state.search.checkedAll || state.search.searchList.length > 0) {
|
|
257
|
-
selectValue.value = list.map((v) => {
|
|
258
|
-
return v[key];
|
|
259
|
-
});
|
|
260
|
-
} else {
|
|
261
|
-
selectValue.value = [];
|
|
262
|
-
}
|
|
233
|
+
let value = checkAll(selectValue.value, key);
|
|
234
|
+
state.search.checkedReverse = false;
|
|
235
|
+
state.search.indeterminate = !!value.length && value.length < (instance?.attrs.options).length;
|
|
236
|
+
state.search.checkedAll = value.length === (instance?.attrs.options).length;
|
|
237
|
+
selectValue.value = value.map((v) => {
|
|
238
|
+
return v[key];
|
|
239
|
+
}) || [];
|
|
263
240
|
emit("update:modelValue", selectValue.value);
|
|
264
241
|
emit("onSelectAll", {
|
|
265
242
|
type: "all",
|
|
266
243
|
value: selectValue.value
|
|
267
244
|
});
|
|
268
245
|
};
|
|
246
|
+
const checkAll = (select, key) => {
|
|
247
|
+
let list = [];
|
|
248
|
+
let search = [];
|
|
249
|
+
if (select?.length > 0 && state.search.searchList.length > 0) {
|
|
250
|
+
list = (instance?.attrs.options).filter(
|
|
251
|
+
(ele) => select.indexOf(ele[key]) > -1
|
|
252
|
+
);
|
|
253
|
+
}
|
|
254
|
+
if (state.search.searchList.length > 0) {
|
|
255
|
+
select?.length ? search = state.search.searchList.filter(
|
|
256
|
+
(ele) => select.indexOf(ele[key]) <= -1
|
|
257
|
+
) : search = state.search.searchList;
|
|
258
|
+
} else {
|
|
259
|
+
search = instance?.attrs.options;
|
|
260
|
+
}
|
|
261
|
+
list = [...list, ...search];
|
|
262
|
+
return list;
|
|
263
|
+
};
|
|
269
264
|
const reverseAll = (e) => {
|
|
270
265
|
if (state.search.searchList.length > 0)
|
|
271
266
|
return;
|
|
@@ -309,6 +304,12 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
|
|
|
309
304
|
});
|
|
310
305
|
state.search.searchList = list;
|
|
311
306
|
}
|
|
307
|
+
emit("onSearch", {
|
|
308
|
+
value: val
|
|
309
|
+
});
|
|
310
|
+
};
|
|
311
|
+
const handleBlur = () => {
|
|
312
|
+
state.search.searchList = [];
|
|
312
313
|
};
|
|
313
314
|
const VNodes = (_, { attrs }) => {
|
|
314
315
|
return vue.h(attrs.vnodes);
|
|
@@ -327,7 +328,8 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
|
|
|
327
328
|
placeholder: vue.unref(instance)?.attrs.placeholder ? vue.unref(instance)?.attrs.placeholder : "\u8BF7\u9009\u62E9",
|
|
328
329
|
"get-popup-container": (nodes) => nodes.parentNode,
|
|
329
330
|
onChange,
|
|
330
|
-
onSearch
|
|
331
|
+
onSearch,
|
|
332
|
+
onBlur: handleBlur
|
|
331
333
|
}), {
|
|
332
334
|
dropdownRender: vue.withCtx(({ menuNode: menu }) => [
|
|
333
335
|
vue.createElementVNode("div", _hoisted_1, [
|
|
@@ -22,6 +22,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
22
22
|
onOnChange?: ((...args: any[]) => any) | undefined;
|
|
23
23
|
onOnSelectAll?: ((...args: any[]) => any) | undefined;
|
|
24
24
|
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
25
|
+
onOnSearch?: ((...args: any[]) => any) | undefined;
|
|
25
26
|
}>>;
|
|
26
27
|
state: {
|
|
27
28
|
search: {
|
|
@@ -31,12 +32,14 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
31
32
|
searchList: never[];
|
|
32
33
|
};
|
|
33
34
|
};
|
|
34
|
-
emit: (event: "onChange" | "onSelectAll" | "update:modelValue", ...args: any[]) => void;
|
|
35
|
+
emit: (event: "onChange" | "onSelectAll" | "update:modelValue" | "onSearch", ...args: any[]) => void;
|
|
35
36
|
selectValue: any;
|
|
36
37
|
selectAll: (e: any) => void;
|
|
38
|
+
checkAll: (select: any, key: any) => never[];
|
|
37
39
|
reverseAll: (e: any) => false | undefined;
|
|
38
40
|
onChange: (value: any, option: any) => void;
|
|
39
41
|
onSearch: (val: string | number) => void;
|
|
42
|
+
handleBlur: () => void;
|
|
40
43
|
VNodes: (_: any, { attrs }: {
|
|
41
44
|
attrs: any;
|
|
42
45
|
}) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
@@ -736,7 +739,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
736
739
|
readonly OptGroup: import("ant-design-vue/lib/vc-select/OptGroup").OptionGroupFC;
|
|
737
740
|
readonly SECRET_COMBOBOX_MODE_DO_NOT_USE: "SECRET_COMBOBOX_MODE_DO_NOT_USE";
|
|
738
741
|
};
|
|
739
|
-
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("onChange" | "onSelectAll" | "update:modelValue")[], "onChange" | "onSelectAll" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
742
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("onChange" | "onSelectAll" | "update:modelValue" | "onSearch")[], "onChange" | "onSearch" | "onSelectAll" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
740
743
|
modelValue: {
|
|
741
744
|
type: ArrayConstructor;
|
|
742
745
|
};
|
|
@@ -749,6 +752,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
749
752
|
onOnChange?: ((...args: any[]) => any) | undefined;
|
|
750
753
|
onOnSelectAll?: ((...args: any[]) => any) | undefined;
|
|
751
754
|
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
755
|
+
onOnSearch?: ((...args: any[]) => any) | undefined;
|
|
752
756
|
}, {
|
|
753
757
|
disabled: boolean;
|
|
754
758
|
showSelectAll: boolean;
|
|
@@ -34,9 +34,11 @@ declare const BmSelectAll: import("bm-admin-ui/es/utils/with-install").SFCWithIn
|
|
|
34
34
|
emit: (event: "onChange" | "update:value" | "onSelectAll", ...args: any[]) => void;
|
|
35
35
|
selectValue: any;
|
|
36
36
|
selectAll: (e: any) => void;
|
|
37
|
+
checkAll: (select: any, key: any) => never[];
|
|
37
38
|
reverseAll: (e: any) => false | undefined;
|
|
38
39
|
onChange: (value: any, option: any) => void;
|
|
39
40
|
onSearch: (val: string | number) => void;
|
|
41
|
+
handleBlur: () => void;
|
|
40
42
|
VNodes: (_: any, { attrs }: {
|
|
41
43
|
attrs: any;
|
|
42
44
|
}) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
@@ -70,41 +70,39 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
70
70
|
);
|
|
71
71
|
const selectAll = (e) => {
|
|
72
72
|
let key = "value";
|
|
73
|
-
let list = [];
|
|
74
73
|
if (instance?.attrs.fieldNames || instance?.attrs["field-names"])
|
|
75
74
|
key = (instance?.attrs).fieldNames?.value || (instance?.attrs)["field-names"].value;
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
);
|
|
84
|
-
list = [...list, ...search];
|
|
85
|
-
} else {
|
|
86
|
-
list = state.search.searchList;
|
|
87
|
-
}
|
|
88
|
-
} else
|
|
89
|
-
list = instance?.attrs.options;
|
|
90
|
-
if (list.length === (instance?.attrs.options).length) {
|
|
91
|
-
state.search.checkedAll = !state.search.checkedAll;
|
|
92
|
-
state.search.indeterminate = false;
|
|
93
|
-
state.search.checkedReverse = false;
|
|
94
|
-
}
|
|
95
|
-
if (state.search.checkedAll || state.search.searchList.length > 0) {
|
|
96
|
-
selectValue.value = list.map((v) => {
|
|
97
|
-
return v[key];
|
|
98
|
-
});
|
|
99
|
-
} else {
|
|
100
|
-
selectValue.value = [];
|
|
101
|
-
}
|
|
75
|
+
let value = checkAll(selectValue.value, key);
|
|
76
|
+
state.search.checkedReverse = false;
|
|
77
|
+
state.search.indeterminate = !!value.length && value.length < (instance?.attrs.options).length;
|
|
78
|
+
state.search.checkedAll = value.length === (instance?.attrs.options).length;
|
|
79
|
+
selectValue.value = value.map((v) => {
|
|
80
|
+
return v[key];
|
|
81
|
+
}) || [];
|
|
102
82
|
emit("update:value", selectValue.value);
|
|
103
83
|
emit("onSelectAll", {
|
|
104
84
|
type: "all",
|
|
105
85
|
value: selectValue.value
|
|
106
86
|
});
|
|
107
87
|
};
|
|
88
|
+
const checkAll = (select, key) => {
|
|
89
|
+
let list = [];
|
|
90
|
+
let search = [];
|
|
91
|
+
if (select?.length > 0 && state.search.searchList.length > 0) {
|
|
92
|
+
list = (instance?.attrs.options).filter(
|
|
93
|
+
(ele) => select.indexOf(ele[key]) > -1
|
|
94
|
+
);
|
|
95
|
+
}
|
|
96
|
+
if (state.search.searchList.length > 0) {
|
|
97
|
+
select?.length ? search = state.search.searchList.filter(
|
|
98
|
+
(ele) => select.indexOf(ele[key]) <= -1
|
|
99
|
+
) : search = state.search.searchList;
|
|
100
|
+
} else {
|
|
101
|
+
search = instance?.attrs.options;
|
|
102
|
+
}
|
|
103
|
+
list = [...list, ...search];
|
|
104
|
+
return list;
|
|
105
|
+
};
|
|
108
106
|
const reverseAll = (e) => {
|
|
109
107
|
let key = "value";
|
|
110
108
|
if (state.search.searchList.length > 0)
|
|
@@ -150,6 +148,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
150
148
|
state.search.searchList = list;
|
|
151
149
|
}
|
|
152
150
|
};
|
|
151
|
+
const handleBlur = () => {
|
|
152
|
+
state.search.searchList = [];
|
|
153
|
+
};
|
|
153
154
|
const VNodes = (_, { attrs }) => {
|
|
154
155
|
return vue.h(attrs.vnodes);
|
|
155
156
|
};
|
|
@@ -165,7 +166,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
165
166
|
placeholder: vue.unref(instance)?.attrs.placeholder ? vue.unref(instance)?.attrs.placeholder : "\u8BF7\u9009\u62E9",
|
|
166
167
|
"get-popup-container": (nodes) => nodes.parentNode,
|
|
167
168
|
onChange,
|
|
168
|
-
onSearch
|
|
169
|
+
onSearch,
|
|
170
|
+
onBlur: handleBlur
|
|
169
171
|
}), {
|
|
170
172
|
dropdownRender: vue.withCtx(({ menuNode: menu }) => [
|
|
171
173
|
vue.createElementVNode("div", _hoisted_1, [
|
|
@@ -34,9 +34,11 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
34
34
|
emit: (event: "onChange" | "update:value" | "onSelectAll", ...args: any[]) => void;
|
|
35
35
|
selectValue: any;
|
|
36
36
|
selectAll: (e: any) => void;
|
|
37
|
+
checkAll: (select: any, key: any) => never[];
|
|
37
38
|
reverseAll: (e: any) => false | undefined;
|
|
38
39
|
onChange: (value: any, option: any) => void;
|
|
39
40
|
onSearch: (val: string | number) => void;
|
|
41
|
+
handleBlur: () => void;
|
|
40
42
|
VNodes: (_: any, { attrs }: {
|
|
41
43
|
attrs: any;
|
|
42
44
|
}) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
package/package.json
CHANGED
|
@@ -22,6 +22,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
22
22
|
onOnChange?: ((...args: any[]) => any) | undefined;
|
|
23
23
|
onOnSelectAll?: ((...args: any[]) => any) | undefined;
|
|
24
24
|
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
25
|
+
onOnSearch?: ((...args: any[]) => any) | undefined;
|
|
25
26
|
}>>;
|
|
26
27
|
state: {
|
|
27
28
|
search: {
|
|
@@ -31,12 +32,14 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
31
32
|
searchList: never[];
|
|
32
33
|
};
|
|
33
34
|
};
|
|
34
|
-
emit: (event: "onChange" | "onSelectAll" | "update:modelValue", ...args: any[]) => void;
|
|
35
|
+
emit: (event: "onChange" | "onSelectAll" | "update:modelValue" | "onSearch", ...args: any[]) => void;
|
|
35
36
|
selectValue: any;
|
|
36
37
|
selectAll: (e: any) => void;
|
|
38
|
+
checkAll: (select: any, key: any) => never[];
|
|
37
39
|
reverseAll: (e: any) => false | undefined;
|
|
38
40
|
onChange: (value: any, option: any) => void;
|
|
39
41
|
onSearch: (val: string | number) => void;
|
|
42
|
+
handleBlur: () => void;
|
|
40
43
|
VNodes: (_: any, { attrs }: {
|
|
41
44
|
attrs: any;
|
|
42
45
|
}) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
@@ -736,7 +739,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
736
739
|
readonly OptGroup: import("ant-design-vue/lib/vc-select/OptGroup").OptionGroupFC;
|
|
737
740
|
readonly SECRET_COMBOBOX_MODE_DO_NOT_USE: "SECRET_COMBOBOX_MODE_DO_NOT_USE";
|
|
738
741
|
};
|
|
739
|
-
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("onChange" | "onSelectAll" | "update:modelValue")[], "onChange" | "onSelectAll" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
742
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("onChange" | "onSelectAll" | "update:modelValue" | "onSearch")[], "onChange" | "onSearch" | "onSelectAll" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
740
743
|
modelValue: {
|
|
741
744
|
type: ArrayConstructor;
|
|
742
745
|
};
|
|
@@ -749,6 +752,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
749
752
|
onOnChange?: ((...args: any[]) => any) | undefined;
|
|
750
753
|
onOnSelectAll?: ((...args: any[]) => any) | undefined;
|
|
751
754
|
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
755
|
+
onOnSearch?: ((...args: any[]) => any) | undefined;
|
|
752
756
|
}, {
|
|
753
757
|
disabled: boolean;
|
|
754
758
|
showSelectAll: boolean;
|
|
@@ -34,9 +34,11 @@ declare const BmSelectAll: import("bm-admin-ui/es/utils/with-install").SFCWithIn
|
|
|
34
34
|
emit: (event: "onChange" | "update:value" | "onSelectAll", ...args: any[]) => void;
|
|
35
35
|
selectValue: any;
|
|
36
36
|
selectAll: (e: any) => void;
|
|
37
|
+
checkAll: (select: any, key: any) => never[];
|
|
37
38
|
reverseAll: (e: any) => false | undefined;
|
|
38
39
|
onChange: (value: any, option: any) => void;
|
|
39
40
|
onSearch: (val: string | number) => void;
|
|
41
|
+
handleBlur: () => void;
|
|
40
42
|
VNodes: (_: any, { attrs }: {
|
|
41
43
|
attrs: any;
|
|
42
44
|
}) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
@@ -34,9 +34,11 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
34
34
|
emit: (event: "onChange" | "update:value" | "onSelectAll", ...args: any[]) => void;
|
|
35
35
|
selectValue: any;
|
|
36
36
|
selectAll: (e: any) => void;
|
|
37
|
+
checkAll: (select: any, key: any) => never[];
|
|
37
38
|
reverseAll: (e: any) => false | undefined;
|
|
38
39
|
onChange: (value: any, option: any) => void;
|
|
39
40
|
onSearch: (val: string | number) => void;
|
|
41
|
+
handleBlur: () => void;
|
|
40
42
|
VNodes: (_: any, { attrs }: {
|
|
41
43
|
attrs: any;
|
|
42
44
|
}) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|