bm-admin-ui 1.0.26-alpha → 1.0.28-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 +25 -1306
- package/es/components/float-table/index.js +37 -28
- package/es/components/form-create/index.js +2769 -0
- package/es/components/form-designer/index.js +4182 -9
- package/es/components/index.js +1 -0
- package/es/components/input-tags-display/index.js +27 -1187
- package/es/components/multi-cascader-compose/index.js +31 -1199
- package/es/components/over-tooltips/index.js +27 -20
- package/es/components/search-filter/index.js +71 -1291
- package/es/components/shops-filter/index.js +24 -1182
- package/es/components/staffs-selector/index.js +131 -1241
- package/es/components/timeline/index.js +12 -15
- package/es/components/upload/index.js +101 -1336
- package/es/utils/uniqueId.js +5 -0
- package/es/utils/vxe-table.js +4 -3
- package/lib/components/feedback/index.js +23 -1304
- package/lib/components/float-table/index.js +37 -28
- package/lib/components/form-create/index.js +2781 -0
- package/lib/components/form-designer/index.js +4187 -8
- package/lib/components/index.js +7 -0
- package/lib/components/input-tags-display/index.js +27 -1187
- package/lib/components/multi-cascader-compose/index.js +30 -1198
- package/lib/components/over-tooltips/index.js +27 -20
- package/lib/components/search-filter/index.js +70 -1290
- package/lib/components/shops-filter/index.js +23 -1181
- package/lib/components/staffs-selector/index.js +130 -1240
- package/lib/components/timeline/index.js +12 -15
- package/lib/components/upload/index.js +100 -1335
- package/lib/utils/uniqueId.js +8 -0
- package/lib/utils/vxe-table.js +3 -2
- package/package.json +9 -4
- 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/form-create.css +1 -0
- package/theme-chalk/form-designer.css +1 -0
- 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/staffs-selector.css +1 -1
- package/theme-chalk/timeline.css +1 -1
- package/theme-chalk/upload.css +1 -1
- package/es/components/button/index.d.ts +0 -307
- package/es/components/button/src/button.d.ts +0 -12
- package/es/components/button/src/button.vue.d.ts +0 -308
- package/es/components/feedback/index.d.ts +0 -1037
- package/es/components/feedback/src/bmAlert.vue.d.ts +0 -193
- package/es/components/feedback/src/bmModal.vue.d.ts +0 -839
- package/es/components/float-table/index.d.ts +0 -70
- package/es/components/float-table/src/float-table.vue.d.ts +0 -69
- package/es/components/flow-designer/index.d.ts +0 -7
- package/es/components/flow-designer/src/flow-designer.vue.d.ts +0 -6
- package/es/components/form-designer/index.d.ts +0 -9
- package/es/components/form-designer/src/form-designer.vue.d.ts +0 -8
- package/es/components/index.d.ts +0 -13
- package/es/components/input-tags-display/index.d.ts +0 -113
- package/es/components/input-tags-display/src/input-tags-display.vue.d.ts +0 -110
- package/es/components/multi-cascader-compose/index.d.ts +0 -164
- package/es/components/multi-cascader-compose/src/multi-cascader-compose.vue.d.ts +0 -164
- package/es/components/multi-cascader-compose/src/props.d.ts +0 -40
- package/es/components/multi-cascader-compose/types.d.ts +0 -10
- package/es/components/over-tooltips/index.d.ts +0 -35
- package/es/components/over-tooltips/src/over-tooltips.vue.d.ts +0 -34
- package/es/components/search-filter/index.d.ts +0 -223
- package/es/components/search-filter/src/search-filter.d.ts +0 -81
- package/es/components/search-filter/src/search-filter.vue.d.ts +0 -222
- package/es/components/search-filter/src/search-reset-btn.vue.d.ts +0 -106
- package/es/components/shops-filter/index.d.ts +0 -99
- package/es/components/shops-filter/src/shops-filter.d.ts +0 -25
- package/es/components/shops-filter/src/shops-filter.vue.d.ts +0 -98
- package/es/components/staffs-selector/index.d.ts +0 -109
- package/es/components/staffs-selector/src/multipleCmp.vue.d.ts +0 -97
- package/es/components/staffs-selector/src/radioCmp.vue.d.ts +0 -31
- package/es/components/staffs-selector/src/staffs-selector.vue.d.ts +0 -108
- package/es/components/staffs-selector/src/variedCmp.vue.d.ts +0 -62
- package/es/components/timeline/index.d.ts +0 -118
- package/es/components/timeline/src/props.d.ts +0 -27
- package/es/components/timeline/src/timeline-item.vue.d.ts +0 -66
- package/es/components/timeline/src/timeline.vue.d.ts +0 -52
- package/es/components/upload/index.d.ts +0 -136
- package/es/components/upload/src/icons.d.ts +0 -13
- package/es/components/upload/src/upload.vue.d.ts +0 -135
- package/es/components/upload/utils/index.d.ts +0 -7
- package/es/index.d.ts +0 -6
- package/es/utils/bm-admin-ui-resolver.d.ts +0 -9
- package/es/utils/vxe-table.d.ts +0 -6
- package/es/utils/with-install.d.ts +0 -3
- package/index.esm.js +0 -47073
- package/index.js +0 -47103
- package/lib/components/button/index.d.ts +0 -307
- package/lib/components/button/src/button.d.ts +0 -12
- package/lib/components/button/src/button.vue.d.ts +0 -308
- package/lib/components/feedback/index.d.ts +0 -1037
- package/lib/components/feedback/src/bmAlert.vue.d.ts +0 -193
- package/lib/components/feedback/src/bmModal.vue.d.ts +0 -839
- package/lib/components/float-table/index.d.ts +0 -70
- package/lib/components/float-table/src/float-table.vue.d.ts +0 -69
- package/lib/components/flow-designer/index.d.ts +0 -7
- package/lib/components/flow-designer/src/flow-designer.vue.d.ts +0 -6
- package/lib/components/form-designer/index.d.ts +0 -9
- package/lib/components/form-designer/src/form-designer.vue.d.ts +0 -8
- package/lib/components/index.d.ts +0 -13
- package/lib/components/input-tags-display/index.d.ts +0 -113
- package/lib/components/input-tags-display/src/input-tags-display.vue.d.ts +0 -110
- package/lib/components/multi-cascader-compose/index.d.ts +0 -164
- package/lib/components/multi-cascader-compose/src/multi-cascader-compose.vue.d.ts +0 -164
- package/lib/components/multi-cascader-compose/src/props.d.ts +0 -40
- package/lib/components/multi-cascader-compose/types.d.ts +0 -10
- package/lib/components/over-tooltips/index.d.ts +0 -35
- package/lib/components/over-tooltips/src/over-tooltips.vue.d.ts +0 -34
- package/lib/components/search-filter/index.d.ts +0 -223
- package/lib/components/search-filter/src/search-filter.d.ts +0 -81
- package/lib/components/search-filter/src/search-filter.vue.d.ts +0 -222
- package/lib/components/search-filter/src/search-reset-btn.vue.d.ts +0 -106
- package/lib/components/shops-filter/index.d.ts +0 -99
- package/lib/components/shops-filter/src/shops-filter.d.ts +0 -25
- package/lib/components/shops-filter/src/shops-filter.vue.d.ts +0 -98
- package/lib/components/staffs-selector/index.d.ts +0 -109
- package/lib/components/staffs-selector/src/multipleCmp.vue.d.ts +0 -97
- package/lib/components/staffs-selector/src/radioCmp.vue.d.ts +0 -31
- package/lib/components/staffs-selector/src/staffs-selector.vue.d.ts +0 -108
- package/lib/components/staffs-selector/src/variedCmp.vue.d.ts +0 -62
- package/lib/components/timeline/index.d.ts +0 -118
- package/lib/components/timeline/src/props.d.ts +0 -27
- package/lib/components/timeline/src/timeline-item.vue.d.ts +0 -66
- package/lib/components/timeline/src/timeline.vue.d.ts +0 -52
- package/lib/components/upload/index.d.ts +0 -136
- package/lib/components/upload/src/icons.d.ts +0 -13
- package/lib/components/upload/src/upload.vue.d.ts +0 -135
- package/lib/components/upload/utils/index.d.ts +0 -7
- package/lib/index.d.ts +0 -6
- package/lib/utils/bm-admin-ui-resolver.d.ts +0 -9
- package/lib/utils/vxe-table.d.ts +0 -6
- package/lib/utils/with-install.d.ts +0 -3
- package/types/components/button/index.d.ts +0 -307
- package/types/components/button/src/button.d.ts +0 -12
- package/types/components/button/src/button.vue.d.ts +0 -308
- package/types/components/feedback/index.d.ts +0 -1037
- package/types/components/feedback/src/bmAlert.vue.d.ts +0 -193
- package/types/components/feedback/src/bmModal.vue.d.ts +0 -839
- package/types/components/float-table/index.d.ts +0 -70
- package/types/components/float-table/src/float-table.vue.d.ts +0 -69
- package/types/components/flow-designer/index.d.ts +0 -7
- package/types/components/flow-designer/src/flow-designer.vue.d.ts +0 -6
- package/types/components/form-designer/index.d.ts +0 -9
- package/types/components/form-designer/src/form-designer.vue.d.ts +0 -8
- package/types/components/index.d.ts +0 -13
- package/types/components/input-tags-display/index.d.ts +0 -113
- package/types/components/input-tags-display/src/input-tags-display.vue.d.ts +0 -110
- package/types/components/multi-cascader-compose/index.d.ts +0 -164
- package/types/components/multi-cascader-compose/src/multi-cascader-compose.vue.d.ts +0 -164
- package/types/components/multi-cascader-compose/src/props.d.ts +0 -40
- package/types/components/multi-cascader-compose/types.d.ts +0 -10
- package/types/components/over-tooltips/index.d.ts +0 -35
- package/types/components/over-tooltips/src/over-tooltips.vue.d.ts +0 -34
- package/types/components/search-filter/index.d.ts +0 -223
- package/types/components/search-filter/src/search-filter.d.ts +0 -81
- package/types/components/search-filter/src/search-filter.vue.d.ts +0 -222
- package/types/components/search-filter/src/search-reset-btn.vue.d.ts +0 -106
- package/types/components/shops-filter/index.d.ts +0 -99
- package/types/components/shops-filter/src/shops-filter.d.ts +0 -25
- package/types/components/shops-filter/src/shops-filter.vue.d.ts +0 -98
- package/types/components/staffs-selector/index.d.ts +0 -109
- package/types/components/staffs-selector/src/multipleCmp.vue.d.ts +0 -97
- package/types/components/staffs-selector/src/radioCmp.vue.d.ts +0 -31
- package/types/components/staffs-selector/src/staffs-selector.vue.d.ts +0 -108
- package/types/components/staffs-selector/src/variedCmp.vue.d.ts +0 -62
- package/types/components/timeline/index.d.ts +0 -118
- package/types/components/timeline/src/props.d.ts +0 -27
- package/types/components/timeline/src/timeline-item.vue.d.ts +0 -66
- package/types/components/timeline/src/timeline.vue.d.ts +0 -52
- package/types/components/upload/index.d.ts +0 -136
- package/types/components/upload/src/icons.d.ts +0 -13
- package/types/components/upload/src/upload.vue.d.ts +0 -135
- package/types/components/upload/utils/index.d.ts +0 -7
- package/types/index.d.ts +0 -6
- package/types/utils/bm-admin-ui-resolver.d.ts +0 -9
- package/types/utils/vxe-table.d.ts +0 -6
- package/types/utils/with-install.d.ts +0 -3
|
@@ -5,1236 +5,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
var withInstall = require('bm-admin-ui/lib/utils/with-install');
|
|
6
6
|
var vue = require('vue');
|
|
7
7
|
var FormCreateCtr = require('@form-create/ant-design-vue');
|
|
8
|
+
var iconsVue = require('@ant-design/icons-vue');
|
|
8
9
|
|
|
9
10
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
10
11
|
|
|
11
12
|
var FormCreateCtr__default = /*#__PURE__*/_interopDefaultLegacy(FormCreateCtr);
|
|
12
13
|
|
|
13
|
-
/**
|
|
14
|
-
* Take input from [0, n] and return it as [0, 1]
|
|
15
|
-
* @hidden
|
|
16
|
-
*/
|
|
17
|
-
function bound01(n, max) {
|
|
18
|
-
if (isOnePointZero(n)) {
|
|
19
|
-
n = '100%';
|
|
20
|
-
}
|
|
21
|
-
var isPercent = isPercentage(n);
|
|
22
|
-
n = max === 360 ? n : Math.min(max, Math.max(0, parseFloat(n)));
|
|
23
|
-
// Automatically convert percentage into number
|
|
24
|
-
if (isPercent) {
|
|
25
|
-
n = parseInt(String(n * max), 10) / 100;
|
|
26
|
-
}
|
|
27
|
-
// Handle floating point rounding errors
|
|
28
|
-
if (Math.abs(n - max) < 0.000001) {
|
|
29
|
-
return 1;
|
|
30
|
-
}
|
|
31
|
-
// Convert into [0, 1] range if it isn't already
|
|
32
|
-
if (max === 360) {
|
|
33
|
-
// If n is a hue given in degrees,
|
|
34
|
-
// wrap around out-of-range values into [0, 360] range
|
|
35
|
-
// then convert into [0, 1].
|
|
36
|
-
n = (n < 0 ? (n % max) + max : n % max) / parseFloat(String(max));
|
|
37
|
-
}
|
|
38
|
-
else {
|
|
39
|
-
// If n not a hue given in degrees
|
|
40
|
-
// Convert into [0, 1] range if it isn't already.
|
|
41
|
-
n = (n % max) / parseFloat(String(max));
|
|
42
|
-
}
|
|
43
|
-
return n;
|
|
44
|
-
}
|
|
45
|
-
/**
|
|
46
|
-
* Need to handle 1.0 as 100%, since once it is a number, there is no difference between it and 1
|
|
47
|
-
* <http://stackoverflow.com/questions/7422072/javascript-how-to-detect-number-as-a-decimal-including-1-0>
|
|
48
|
-
* @hidden
|
|
49
|
-
*/
|
|
50
|
-
function isOnePointZero(n) {
|
|
51
|
-
return typeof n === 'string' && n.indexOf('.') !== -1 && parseFloat(n) === 1;
|
|
52
|
-
}
|
|
53
|
-
/**
|
|
54
|
-
* Check to see if string passed in is a percentage
|
|
55
|
-
* @hidden
|
|
56
|
-
*/
|
|
57
|
-
function isPercentage(n) {
|
|
58
|
-
return typeof n === 'string' && n.indexOf('%') !== -1;
|
|
59
|
-
}
|
|
60
|
-
/**
|
|
61
|
-
* Return a valid alpha value [0,1] with all invalid values being set to 1
|
|
62
|
-
* @hidden
|
|
63
|
-
*/
|
|
64
|
-
function boundAlpha(a) {
|
|
65
|
-
a = parseFloat(a);
|
|
66
|
-
if (isNaN(a) || a < 0 || a > 1) {
|
|
67
|
-
a = 1;
|
|
68
|
-
}
|
|
69
|
-
return a;
|
|
70
|
-
}
|
|
71
|
-
/**
|
|
72
|
-
* Replace a decimal with it's percentage value
|
|
73
|
-
* @hidden
|
|
74
|
-
*/
|
|
75
|
-
function convertToPercentage(n) {
|
|
76
|
-
if (n <= 1) {
|
|
77
|
-
return Number(n) * 100 + "%";
|
|
78
|
-
}
|
|
79
|
-
return n;
|
|
80
|
-
}
|
|
81
|
-
/**
|
|
82
|
-
* Force a hex value to have 2 characters
|
|
83
|
-
* @hidden
|
|
84
|
-
*/
|
|
85
|
-
function pad2(c) {
|
|
86
|
-
return c.length === 1 ? '0' + c : String(c);
|
|
87
|
-
}
|
|
88
|
-
|
|
89
|
-
// `rgbToHsl`, `rgbToHsv`, `hslToRgb`, `hsvToRgb` modified from:
|
|
90
|
-
// <http://mjijackson.com/2008/02/rgb-to-hsl-and-rgb-to-hsv-color-model-conversion-algorithms-in-javascript>
|
|
91
|
-
/**
|
|
92
|
-
* Handle bounds / percentage checking to conform to CSS color spec
|
|
93
|
-
* <http://www.w3.org/TR/css3-color/>
|
|
94
|
-
* *Assumes:* r, g, b in [0, 255] or [0, 1]
|
|
95
|
-
* *Returns:* { r, g, b } in [0, 255]
|
|
96
|
-
*/
|
|
97
|
-
function rgbToRgb(r, g, b) {
|
|
98
|
-
return {
|
|
99
|
-
r: bound01(r, 255) * 255,
|
|
100
|
-
g: bound01(g, 255) * 255,
|
|
101
|
-
b: bound01(b, 255) * 255,
|
|
102
|
-
};
|
|
103
|
-
}
|
|
104
|
-
function hue2rgb(p, q, t) {
|
|
105
|
-
if (t < 0) {
|
|
106
|
-
t += 1;
|
|
107
|
-
}
|
|
108
|
-
if (t > 1) {
|
|
109
|
-
t -= 1;
|
|
110
|
-
}
|
|
111
|
-
if (t < 1 / 6) {
|
|
112
|
-
return p + (q - p) * (6 * t);
|
|
113
|
-
}
|
|
114
|
-
if (t < 1 / 2) {
|
|
115
|
-
return q;
|
|
116
|
-
}
|
|
117
|
-
if (t < 2 / 3) {
|
|
118
|
-
return p + (q - p) * (2 / 3 - t) * 6;
|
|
119
|
-
}
|
|
120
|
-
return p;
|
|
121
|
-
}
|
|
122
|
-
/**
|
|
123
|
-
* Converts an HSL color value to RGB.
|
|
124
|
-
*
|
|
125
|
-
* *Assumes:* h is contained in [0, 1] or [0, 360] and s and l are contained [0, 1] or [0, 100]
|
|
126
|
-
* *Returns:* { r, g, b } in the set [0, 255]
|
|
127
|
-
*/
|
|
128
|
-
function hslToRgb(h, s, l) {
|
|
129
|
-
var r;
|
|
130
|
-
var g;
|
|
131
|
-
var b;
|
|
132
|
-
h = bound01(h, 360);
|
|
133
|
-
s = bound01(s, 100);
|
|
134
|
-
l = bound01(l, 100);
|
|
135
|
-
if (s === 0) {
|
|
136
|
-
// achromatic
|
|
137
|
-
g = l;
|
|
138
|
-
b = l;
|
|
139
|
-
r = l;
|
|
140
|
-
}
|
|
141
|
-
else {
|
|
142
|
-
var q = l < 0.5 ? l * (1 + s) : l + s - l * s;
|
|
143
|
-
var p = 2 * l - q;
|
|
144
|
-
r = hue2rgb(p, q, h + 1 / 3);
|
|
145
|
-
g = hue2rgb(p, q, h);
|
|
146
|
-
b = hue2rgb(p, q, h - 1 / 3);
|
|
147
|
-
}
|
|
148
|
-
return { r: r * 255, g: g * 255, b: b * 255 };
|
|
149
|
-
}
|
|
150
|
-
/**
|
|
151
|
-
* Converts an RGB color value to HSV
|
|
152
|
-
*
|
|
153
|
-
* *Assumes:* r, g, and b are contained in the set [0, 255] or [0, 1]
|
|
154
|
-
* *Returns:* { h, s, v } in [0,1]
|
|
155
|
-
*/
|
|
156
|
-
function rgbToHsv(r, g, b) {
|
|
157
|
-
r = bound01(r, 255);
|
|
158
|
-
g = bound01(g, 255);
|
|
159
|
-
b = bound01(b, 255);
|
|
160
|
-
var max = Math.max(r, g, b);
|
|
161
|
-
var min = Math.min(r, g, b);
|
|
162
|
-
var h = 0;
|
|
163
|
-
var v = max;
|
|
164
|
-
var d = max - min;
|
|
165
|
-
var s = max === 0 ? 0 : d / max;
|
|
166
|
-
if (max === min) {
|
|
167
|
-
h = 0; // achromatic
|
|
168
|
-
}
|
|
169
|
-
else {
|
|
170
|
-
switch (max) {
|
|
171
|
-
case r:
|
|
172
|
-
h = (g - b) / d + (g < b ? 6 : 0);
|
|
173
|
-
break;
|
|
174
|
-
case g:
|
|
175
|
-
h = (b - r) / d + 2;
|
|
176
|
-
break;
|
|
177
|
-
case b:
|
|
178
|
-
h = (r - g) / d + 4;
|
|
179
|
-
break;
|
|
180
|
-
}
|
|
181
|
-
h /= 6;
|
|
182
|
-
}
|
|
183
|
-
return { h: h, s: s, v: v };
|
|
184
|
-
}
|
|
185
|
-
/**
|
|
186
|
-
* Converts an HSV color value to RGB.
|
|
187
|
-
*
|
|
188
|
-
* *Assumes:* h is contained in [0, 1] or [0, 360] and s and v are contained in [0, 1] or [0, 100]
|
|
189
|
-
* *Returns:* { r, g, b } in the set [0, 255]
|
|
190
|
-
*/
|
|
191
|
-
function hsvToRgb(h, s, v) {
|
|
192
|
-
h = bound01(h, 360) * 6;
|
|
193
|
-
s = bound01(s, 100);
|
|
194
|
-
v = bound01(v, 100);
|
|
195
|
-
var i = Math.floor(h);
|
|
196
|
-
var f = h - i;
|
|
197
|
-
var p = v * (1 - s);
|
|
198
|
-
var q = v * (1 - f * s);
|
|
199
|
-
var t = v * (1 - (1 - f) * s);
|
|
200
|
-
var mod = i % 6;
|
|
201
|
-
var r = [v, q, p, p, t, v][mod];
|
|
202
|
-
var g = [t, v, v, q, p, p][mod];
|
|
203
|
-
var b = [p, p, t, v, v, q][mod];
|
|
204
|
-
return { r: r * 255, g: g * 255, b: b * 255 };
|
|
205
|
-
}
|
|
206
|
-
/**
|
|
207
|
-
* Converts an RGB color to hex
|
|
208
|
-
*
|
|
209
|
-
* Assumes r, g, and b are contained in the set [0, 255]
|
|
210
|
-
* Returns a 3 or 6 character hex
|
|
211
|
-
*/
|
|
212
|
-
function rgbToHex(r, g, b, allow3Char) {
|
|
213
|
-
var hex = [
|
|
214
|
-
pad2(Math.round(r).toString(16)),
|
|
215
|
-
pad2(Math.round(g).toString(16)),
|
|
216
|
-
pad2(Math.round(b).toString(16)),
|
|
217
|
-
];
|
|
218
|
-
// Return a 3 character hex if possible
|
|
219
|
-
if (allow3Char &&
|
|
220
|
-
hex[0].startsWith(hex[0].charAt(1)) &&
|
|
221
|
-
hex[1].startsWith(hex[1].charAt(1)) &&
|
|
222
|
-
hex[2].startsWith(hex[2].charAt(1))) {
|
|
223
|
-
return hex[0].charAt(0) + hex[1].charAt(0) + hex[2].charAt(0);
|
|
224
|
-
}
|
|
225
|
-
return hex.join('');
|
|
226
|
-
}
|
|
227
|
-
/** Converts a hex value to a decimal */
|
|
228
|
-
function convertHexToDecimal(h) {
|
|
229
|
-
return parseIntFromHex(h) / 255;
|
|
230
|
-
}
|
|
231
|
-
/** Parse a base-16 hex value into a base-10 integer */
|
|
232
|
-
function parseIntFromHex(val) {
|
|
233
|
-
return parseInt(val, 16);
|
|
234
|
-
}
|
|
235
|
-
|
|
236
|
-
// https://github.com/bahamas10/css-color-names/blob/master/css-color-names.json
|
|
237
|
-
/**
|
|
238
|
-
* @hidden
|
|
239
|
-
*/
|
|
240
|
-
var names = {
|
|
241
|
-
aliceblue: '#f0f8ff',
|
|
242
|
-
antiquewhite: '#faebd7',
|
|
243
|
-
aqua: '#00ffff',
|
|
244
|
-
aquamarine: '#7fffd4',
|
|
245
|
-
azure: '#f0ffff',
|
|
246
|
-
beige: '#f5f5dc',
|
|
247
|
-
bisque: '#ffe4c4',
|
|
248
|
-
black: '#000000',
|
|
249
|
-
blanchedalmond: '#ffebcd',
|
|
250
|
-
blue: '#0000ff',
|
|
251
|
-
blueviolet: '#8a2be2',
|
|
252
|
-
brown: '#a52a2a',
|
|
253
|
-
burlywood: '#deb887',
|
|
254
|
-
cadetblue: '#5f9ea0',
|
|
255
|
-
chartreuse: '#7fff00',
|
|
256
|
-
chocolate: '#d2691e',
|
|
257
|
-
coral: '#ff7f50',
|
|
258
|
-
cornflowerblue: '#6495ed',
|
|
259
|
-
cornsilk: '#fff8dc',
|
|
260
|
-
crimson: '#dc143c',
|
|
261
|
-
cyan: '#00ffff',
|
|
262
|
-
darkblue: '#00008b',
|
|
263
|
-
darkcyan: '#008b8b',
|
|
264
|
-
darkgoldenrod: '#b8860b',
|
|
265
|
-
darkgray: '#a9a9a9',
|
|
266
|
-
darkgreen: '#006400',
|
|
267
|
-
darkgrey: '#a9a9a9',
|
|
268
|
-
darkkhaki: '#bdb76b',
|
|
269
|
-
darkmagenta: '#8b008b',
|
|
270
|
-
darkolivegreen: '#556b2f',
|
|
271
|
-
darkorange: '#ff8c00',
|
|
272
|
-
darkorchid: '#9932cc',
|
|
273
|
-
darkred: '#8b0000',
|
|
274
|
-
darksalmon: '#e9967a',
|
|
275
|
-
darkseagreen: '#8fbc8f',
|
|
276
|
-
darkslateblue: '#483d8b',
|
|
277
|
-
darkslategray: '#2f4f4f',
|
|
278
|
-
darkslategrey: '#2f4f4f',
|
|
279
|
-
darkturquoise: '#00ced1',
|
|
280
|
-
darkviolet: '#9400d3',
|
|
281
|
-
deeppink: '#ff1493',
|
|
282
|
-
deepskyblue: '#00bfff',
|
|
283
|
-
dimgray: '#696969',
|
|
284
|
-
dimgrey: '#696969',
|
|
285
|
-
dodgerblue: '#1e90ff',
|
|
286
|
-
firebrick: '#b22222',
|
|
287
|
-
floralwhite: '#fffaf0',
|
|
288
|
-
forestgreen: '#228b22',
|
|
289
|
-
fuchsia: '#ff00ff',
|
|
290
|
-
gainsboro: '#dcdcdc',
|
|
291
|
-
ghostwhite: '#f8f8ff',
|
|
292
|
-
goldenrod: '#daa520',
|
|
293
|
-
gold: '#ffd700',
|
|
294
|
-
gray: '#808080',
|
|
295
|
-
green: '#008000',
|
|
296
|
-
greenyellow: '#adff2f',
|
|
297
|
-
grey: '#808080',
|
|
298
|
-
honeydew: '#f0fff0',
|
|
299
|
-
hotpink: '#ff69b4',
|
|
300
|
-
indianred: '#cd5c5c',
|
|
301
|
-
indigo: '#4b0082',
|
|
302
|
-
ivory: '#fffff0',
|
|
303
|
-
khaki: '#f0e68c',
|
|
304
|
-
lavenderblush: '#fff0f5',
|
|
305
|
-
lavender: '#e6e6fa',
|
|
306
|
-
lawngreen: '#7cfc00',
|
|
307
|
-
lemonchiffon: '#fffacd',
|
|
308
|
-
lightblue: '#add8e6',
|
|
309
|
-
lightcoral: '#f08080',
|
|
310
|
-
lightcyan: '#e0ffff',
|
|
311
|
-
lightgoldenrodyellow: '#fafad2',
|
|
312
|
-
lightgray: '#d3d3d3',
|
|
313
|
-
lightgreen: '#90ee90',
|
|
314
|
-
lightgrey: '#d3d3d3',
|
|
315
|
-
lightpink: '#ffb6c1',
|
|
316
|
-
lightsalmon: '#ffa07a',
|
|
317
|
-
lightseagreen: '#20b2aa',
|
|
318
|
-
lightskyblue: '#87cefa',
|
|
319
|
-
lightslategray: '#778899',
|
|
320
|
-
lightslategrey: '#778899',
|
|
321
|
-
lightsteelblue: '#b0c4de',
|
|
322
|
-
lightyellow: '#ffffe0',
|
|
323
|
-
lime: '#00ff00',
|
|
324
|
-
limegreen: '#32cd32',
|
|
325
|
-
linen: '#faf0e6',
|
|
326
|
-
magenta: '#ff00ff',
|
|
327
|
-
maroon: '#800000',
|
|
328
|
-
mediumaquamarine: '#66cdaa',
|
|
329
|
-
mediumblue: '#0000cd',
|
|
330
|
-
mediumorchid: '#ba55d3',
|
|
331
|
-
mediumpurple: '#9370db',
|
|
332
|
-
mediumseagreen: '#3cb371',
|
|
333
|
-
mediumslateblue: '#7b68ee',
|
|
334
|
-
mediumspringgreen: '#00fa9a',
|
|
335
|
-
mediumturquoise: '#48d1cc',
|
|
336
|
-
mediumvioletred: '#c71585',
|
|
337
|
-
midnightblue: '#191970',
|
|
338
|
-
mintcream: '#f5fffa',
|
|
339
|
-
mistyrose: '#ffe4e1',
|
|
340
|
-
moccasin: '#ffe4b5',
|
|
341
|
-
navajowhite: '#ffdead',
|
|
342
|
-
navy: '#000080',
|
|
343
|
-
oldlace: '#fdf5e6',
|
|
344
|
-
olive: '#808000',
|
|
345
|
-
olivedrab: '#6b8e23',
|
|
346
|
-
orange: '#ffa500',
|
|
347
|
-
orangered: '#ff4500',
|
|
348
|
-
orchid: '#da70d6',
|
|
349
|
-
palegoldenrod: '#eee8aa',
|
|
350
|
-
palegreen: '#98fb98',
|
|
351
|
-
paleturquoise: '#afeeee',
|
|
352
|
-
palevioletred: '#db7093',
|
|
353
|
-
papayawhip: '#ffefd5',
|
|
354
|
-
peachpuff: '#ffdab9',
|
|
355
|
-
peru: '#cd853f',
|
|
356
|
-
pink: '#ffc0cb',
|
|
357
|
-
plum: '#dda0dd',
|
|
358
|
-
powderblue: '#b0e0e6',
|
|
359
|
-
purple: '#800080',
|
|
360
|
-
rebeccapurple: '#663399',
|
|
361
|
-
red: '#ff0000',
|
|
362
|
-
rosybrown: '#bc8f8f',
|
|
363
|
-
royalblue: '#4169e1',
|
|
364
|
-
saddlebrown: '#8b4513',
|
|
365
|
-
salmon: '#fa8072',
|
|
366
|
-
sandybrown: '#f4a460',
|
|
367
|
-
seagreen: '#2e8b57',
|
|
368
|
-
seashell: '#fff5ee',
|
|
369
|
-
sienna: '#a0522d',
|
|
370
|
-
silver: '#c0c0c0',
|
|
371
|
-
skyblue: '#87ceeb',
|
|
372
|
-
slateblue: '#6a5acd',
|
|
373
|
-
slategray: '#708090',
|
|
374
|
-
slategrey: '#708090',
|
|
375
|
-
snow: '#fffafa',
|
|
376
|
-
springgreen: '#00ff7f',
|
|
377
|
-
steelblue: '#4682b4',
|
|
378
|
-
tan: '#d2b48c',
|
|
379
|
-
teal: '#008080',
|
|
380
|
-
thistle: '#d8bfd8',
|
|
381
|
-
tomato: '#ff6347',
|
|
382
|
-
turquoise: '#40e0d0',
|
|
383
|
-
violet: '#ee82ee',
|
|
384
|
-
wheat: '#f5deb3',
|
|
385
|
-
white: '#ffffff',
|
|
386
|
-
whitesmoke: '#f5f5f5',
|
|
387
|
-
yellow: '#ffff00',
|
|
388
|
-
yellowgreen: '#9acd32',
|
|
389
|
-
};
|
|
390
|
-
|
|
391
|
-
/**
|
|
392
|
-
* Given a string or object, convert that input to RGB
|
|
393
|
-
*
|
|
394
|
-
* Possible string inputs:
|
|
395
|
-
* ```
|
|
396
|
-
* "red"
|
|
397
|
-
* "#f00" or "f00"
|
|
398
|
-
* "#ff0000" or "ff0000"
|
|
399
|
-
* "#ff000000" or "ff000000"
|
|
400
|
-
* "rgb 255 0 0" or "rgb (255, 0, 0)"
|
|
401
|
-
* "rgb 1.0 0 0" or "rgb (1, 0, 0)"
|
|
402
|
-
* "rgba (255, 0, 0, 1)" or "rgba 255, 0, 0, 1"
|
|
403
|
-
* "rgba (1.0, 0, 0, 1)" or "rgba 1.0, 0, 0, 1"
|
|
404
|
-
* "hsl(0, 100%, 50%)" or "hsl 0 100% 50%"
|
|
405
|
-
* "hsla(0, 100%, 50%, 1)" or "hsla 0 100% 50%, 1"
|
|
406
|
-
* "hsv(0, 100%, 100%)" or "hsv 0 100% 100%"
|
|
407
|
-
* ```
|
|
408
|
-
*/
|
|
409
|
-
function inputToRGB(color) {
|
|
410
|
-
var rgb = { r: 0, g: 0, b: 0 };
|
|
411
|
-
var a = 1;
|
|
412
|
-
var s = null;
|
|
413
|
-
var v = null;
|
|
414
|
-
var l = null;
|
|
415
|
-
var ok = false;
|
|
416
|
-
var format = false;
|
|
417
|
-
if (typeof color === 'string') {
|
|
418
|
-
color = stringInputToObject(color);
|
|
419
|
-
}
|
|
420
|
-
if (typeof color === 'object') {
|
|
421
|
-
if (isValidCSSUnit(color.r) && isValidCSSUnit(color.g) && isValidCSSUnit(color.b)) {
|
|
422
|
-
rgb = rgbToRgb(color.r, color.g, color.b);
|
|
423
|
-
ok = true;
|
|
424
|
-
format = String(color.r).substr(-1) === '%' ? 'prgb' : 'rgb';
|
|
425
|
-
}
|
|
426
|
-
else if (isValidCSSUnit(color.h) && isValidCSSUnit(color.s) && isValidCSSUnit(color.v)) {
|
|
427
|
-
s = convertToPercentage(color.s);
|
|
428
|
-
v = convertToPercentage(color.v);
|
|
429
|
-
rgb = hsvToRgb(color.h, s, v);
|
|
430
|
-
ok = true;
|
|
431
|
-
format = 'hsv';
|
|
432
|
-
}
|
|
433
|
-
else if (isValidCSSUnit(color.h) && isValidCSSUnit(color.s) && isValidCSSUnit(color.l)) {
|
|
434
|
-
s = convertToPercentage(color.s);
|
|
435
|
-
l = convertToPercentage(color.l);
|
|
436
|
-
rgb = hslToRgb(color.h, s, l);
|
|
437
|
-
ok = true;
|
|
438
|
-
format = 'hsl';
|
|
439
|
-
}
|
|
440
|
-
if (Object.prototype.hasOwnProperty.call(color, 'a')) {
|
|
441
|
-
a = color.a;
|
|
442
|
-
}
|
|
443
|
-
}
|
|
444
|
-
a = boundAlpha(a);
|
|
445
|
-
return {
|
|
446
|
-
ok: ok,
|
|
447
|
-
format: color.format || format,
|
|
448
|
-
r: Math.min(255, Math.max(rgb.r, 0)),
|
|
449
|
-
g: Math.min(255, Math.max(rgb.g, 0)),
|
|
450
|
-
b: Math.min(255, Math.max(rgb.b, 0)),
|
|
451
|
-
a: a,
|
|
452
|
-
};
|
|
453
|
-
}
|
|
454
|
-
// <http://www.w3.org/TR/css3-values/#integers>
|
|
455
|
-
var CSS_INTEGER = '[-\\+]?\\d+%?';
|
|
456
|
-
// <http://www.w3.org/TR/css3-values/#number-value>
|
|
457
|
-
var CSS_NUMBER = '[-\\+]?\\d*\\.\\d+%?';
|
|
458
|
-
// Allow positive/negative integer/number. Don't capture the either/or, just the entire outcome.
|
|
459
|
-
var CSS_UNIT = "(?:" + CSS_NUMBER + ")|(?:" + CSS_INTEGER + ")";
|
|
460
|
-
// Actual matching.
|
|
461
|
-
// Parentheses and commas are optional, but not required.
|
|
462
|
-
// Whitespace can take the place of commas or opening paren
|
|
463
|
-
var PERMISSIVE_MATCH3 = "[\\s|\\(]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")\\s*\\)?";
|
|
464
|
-
var PERMISSIVE_MATCH4 = "[\\s|\\(]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")\\s*\\)?";
|
|
465
|
-
var matchers = {
|
|
466
|
-
CSS_UNIT: new RegExp(CSS_UNIT),
|
|
467
|
-
rgb: new RegExp('rgb' + PERMISSIVE_MATCH3),
|
|
468
|
-
rgba: new RegExp('rgba' + PERMISSIVE_MATCH4),
|
|
469
|
-
hsl: new RegExp('hsl' + PERMISSIVE_MATCH3),
|
|
470
|
-
hsla: new RegExp('hsla' + PERMISSIVE_MATCH4),
|
|
471
|
-
hsv: new RegExp('hsv' + PERMISSIVE_MATCH3),
|
|
472
|
-
hsva: new RegExp('hsva' + PERMISSIVE_MATCH4),
|
|
473
|
-
hex3: /^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,
|
|
474
|
-
hex6: /^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/,
|
|
475
|
-
hex4: /^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,
|
|
476
|
-
hex8: /^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/,
|
|
477
|
-
};
|
|
478
|
-
/**
|
|
479
|
-
* Permissive string parsing. Take in a number of formats, and output an object
|
|
480
|
-
* based on detected format. Returns `{ r, g, b }` or `{ h, s, l }` or `{ h, s, v}`
|
|
481
|
-
*/
|
|
482
|
-
function stringInputToObject(color) {
|
|
483
|
-
color = color.trim().toLowerCase();
|
|
484
|
-
if (color.length === 0) {
|
|
485
|
-
return false;
|
|
486
|
-
}
|
|
487
|
-
var named = false;
|
|
488
|
-
if (names[color]) {
|
|
489
|
-
color = names[color];
|
|
490
|
-
named = true;
|
|
491
|
-
}
|
|
492
|
-
else if (color === 'transparent') {
|
|
493
|
-
return { r: 0, g: 0, b: 0, a: 0, format: 'name' };
|
|
494
|
-
}
|
|
495
|
-
// Try to match string input using regular expressions.
|
|
496
|
-
// Keep most of the number bounding out of this function - don't worry about [0,1] or [0,100] or [0,360]
|
|
497
|
-
// Just return an object and let the conversion functions handle that.
|
|
498
|
-
// This way the result will be the same whether the tinycolor is initialized with string or object.
|
|
499
|
-
var match = matchers.rgb.exec(color);
|
|
500
|
-
if (match) {
|
|
501
|
-
return { r: match[1], g: match[2], b: match[3] };
|
|
502
|
-
}
|
|
503
|
-
match = matchers.rgba.exec(color);
|
|
504
|
-
if (match) {
|
|
505
|
-
return { r: match[1], g: match[2], b: match[3], a: match[4] };
|
|
506
|
-
}
|
|
507
|
-
match = matchers.hsl.exec(color);
|
|
508
|
-
if (match) {
|
|
509
|
-
return { h: match[1], s: match[2], l: match[3] };
|
|
510
|
-
}
|
|
511
|
-
match = matchers.hsla.exec(color);
|
|
512
|
-
if (match) {
|
|
513
|
-
return { h: match[1], s: match[2], l: match[3], a: match[4] };
|
|
514
|
-
}
|
|
515
|
-
match = matchers.hsv.exec(color);
|
|
516
|
-
if (match) {
|
|
517
|
-
return { h: match[1], s: match[2], v: match[3] };
|
|
518
|
-
}
|
|
519
|
-
match = matchers.hsva.exec(color);
|
|
520
|
-
if (match) {
|
|
521
|
-
return { h: match[1], s: match[2], v: match[3], a: match[4] };
|
|
522
|
-
}
|
|
523
|
-
match = matchers.hex8.exec(color);
|
|
524
|
-
if (match) {
|
|
525
|
-
return {
|
|
526
|
-
r: parseIntFromHex(match[1]),
|
|
527
|
-
g: parseIntFromHex(match[2]),
|
|
528
|
-
b: parseIntFromHex(match[3]),
|
|
529
|
-
a: convertHexToDecimal(match[4]),
|
|
530
|
-
format: named ? 'name' : 'hex8',
|
|
531
|
-
};
|
|
532
|
-
}
|
|
533
|
-
match = matchers.hex6.exec(color);
|
|
534
|
-
if (match) {
|
|
535
|
-
return {
|
|
536
|
-
r: parseIntFromHex(match[1]),
|
|
537
|
-
g: parseIntFromHex(match[2]),
|
|
538
|
-
b: parseIntFromHex(match[3]),
|
|
539
|
-
format: named ? 'name' : 'hex',
|
|
540
|
-
};
|
|
541
|
-
}
|
|
542
|
-
match = matchers.hex4.exec(color);
|
|
543
|
-
if (match) {
|
|
544
|
-
return {
|
|
545
|
-
r: parseIntFromHex(match[1] + match[1]),
|
|
546
|
-
g: parseIntFromHex(match[2] + match[2]),
|
|
547
|
-
b: parseIntFromHex(match[3] + match[3]),
|
|
548
|
-
a: convertHexToDecimal(match[4] + match[4]),
|
|
549
|
-
format: named ? 'name' : 'hex8',
|
|
550
|
-
};
|
|
551
|
-
}
|
|
552
|
-
match = matchers.hex3.exec(color);
|
|
553
|
-
if (match) {
|
|
554
|
-
return {
|
|
555
|
-
r: parseIntFromHex(match[1] + match[1]),
|
|
556
|
-
g: parseIntFromHex(match[2] + match[2]),
|
|
557
|
-
b: parseIntFromHex(match[3] + match[3]),
|
|
558
|
-
format: named ? 'name' : 'hex',
|
|
559
|
-
};
|
|
560
|
-
}
|
|
561
|
-
return false;
|
|
562
|
-
}
|
|
563
|
-
/**
|
|
564
|
-
* Check to see if it looks like a CSS unit
|
|
565
|
-
* (see `matchers` above for definition).
|
|
566
|
-
*/
|
|
567
|
-
function isValidCSSUnit(color) {
|
|
568
|
-
return Boolean(matchers.CSS_UNIT.exec(String(color)));
|
|
569
|
-
}
|
|
570
|
-
|
|
571
|
-
var hueStep = 2; // 色相阶梯
|
|
572
|
-
|
|
573
|
-
var saturationStep = 0.16; // 饱和度阶梯,浅色部分
|
|
574
|
-
|
|
575
|
-
var saturationStep2 = 0.05; // 饱和度阶梯,深色部分
|
|
576
|
-
|
|
577
|
-
var brightnessStep1 = 0.05; // 亮度阶梯,浅色部分
|
|
578
|
-
|
|
579
|
-
var brightnessStep2 = 0.15; // 亮度阶梯,深色部分
|
|
580
|
-
|
|
581
|
-
var lightColorCount = 5; // 浅色数量,主色上
|
|
582
|
-
|
|
583
|
-
var darkColorCount = 4; // 深色数量,主色下
|
|
584
|
-
// 暗色主题颜色映射关系表
|
|
585
|
-
|
|
586
|
-
var darkColorMap = [{
|
|
587
|
-
index: 7,
|
|
588
|
-
opacity: 0.15
|
|
589
|
-
}, {
|
|
590
|
-
index: 6,
|
|
591
|
-
opacity: 0.25
|
|
592
|
-
}, {
|
|
593
|
-
index: 5,
|
|
594
|
-
opacity: 0.3
|
|
595
|
-
}, {
|
|
596
|
-
index: 5,
|
|
597
|
-
opacity: 0.45
|
|
598
|
-
}, {
|
|
599
|
-
index: 5,
|
|
600
|
-
opacity: 0.65
|
|
601
|
-
}, {
|
|
602
|
-
index: 5,
|
|
603
|
-
opacity: 0.85
|
|
604
|
-
}, {
|
|
605
|
-
index: 4,
|
|
606
|
-
opacity: 0.9
|
|
607
|
-
}, {
|
|
608
|
-
index: 3,
|
|
609
|
-
opacity: 0.95
|
|
610
|
-
}, {
|
|
611
|
-
index: 2,
|
|
612
|
-
opacity: 0.97
|
|
613
|
-
}, {
|
|
614
|
-
index: 1,
|
|
615
|
-
opacity: 0.98
|
|
616
|
-
}]; // Wrapper function ported from TinyColor.prototype.toHsv
|
|
617
|
-
// Keep it here because of `hsv.h * 360`
|
|
618
|
-
|
|
619
|
-
function toHsv(_ref) {
|
|
620
|
-
var r = _ref.r,
|
|
621
|
-
g = _ref.g,
|
|
622
|
-
b = _ref.b;
|
|
623
|
-
var hsv = rgbToHsv(r, g, b);
|
|
624
|
-
return {
|
|
625
|
-
h: hsv.h * 360,
|
|
626
|
-
s: hsv.s,
|
|
627
|
-
v: hsv.v
|
|
628
|
-
};
|
|
629
|
-
} // Wrapper function ported from TinyColor.prototype.toHexString
|
|
630
|
-
// Keep it here because of the prefix `#`
|
|
631
|
-
|
|
632
|
-
|
|
633
|
-
function toHex(_ref2) {
|
|
634
|
-
var r = _ref2.r,
|
|
635
|
-
g = _ref2.g,
|
|
636
|
-
b = _ref2.b;
|
|
637
|
-
return "#".concat(rgbToHex(r, g, b, false));
|
|
638
|
-
} // Wrapper function ported from TinyColor.prototype.mix, not treeshakable.
|
|
639
|
-
// Amount in range [0, 1]
|
|
640
|
-
// Assume color1 & color2 has no alpha, since the following src code did so.
|
|
641
|
-
|
|
642
|
-
|
|
643
|
-
function mix(rgb1, rgb2, amount) {
|
|
644
|
-
var p = amount / 100;
|
|
645
|
-
var rgb = {
|
|
646
|
-
r: (rgb2.r - rgb1.r) * p + rgb1.r,
|
|
647
|
-
g: (rgb2.g - rgb1.g) * p + rgb1.g,
|
|
648
|
-
b: (rgb2.b - rgb1.b) * p + rgb1.b
|
|
649
|
-
};
|
|
650
|
-
return rgb;
|
|
651
|
-
}
|
|
652
|
-
|
|
653
|
-
function getHue(hsv, i, light) {
|
|
654
|
-
var hue; // 根据色相不同,色相转向不同
|
|
655
|
-
|
|
656
|
-
if (Math.round(hsv.h) >= 60 && Math.round(hsv.h) <= 240) {
|
|
657
|
-
hue = light ? Math.round(hsv.h) - hueStep * i : Math.round(hsv.h) + hueStep * i;
|
|
658
|
-
} else {
|
|
659
|
-
hue = light ? Math.round(hsv.h) + hueStep * i : Math.round(hsv.h) - hueStep * i;
|
|
660
|
-
}
|
|
661
|
-
|
|
662
|
-
if (hue < 0) {
|
|
663
|
-
hue += 360;
|
|
664
|
-
} else if (hue >= 360) {
|
|
665
|
-
hue -= 360;
|
|
666
|
-
}
|
|
667
|
-
|
|
668
|
-
return hue;
|
|
669
|
-
}
|
|
670
|
-
|
|
671
|
-
function getSaturation(hsv, i, light) {
|
|
672
|
-
// grey color don't change saturation
|
|
673
|
-
if (hsv.h === 0 && hsv.s === 0) {
|
|
674
|
-
return hsv.s;
|
|
675
|
-
}
|
|
676
|
-
|
|
677
|
-
var saturation;
|
|
678
|
-
|
|
679
|
-
if (light) {
|
|
680
|
-
saturation = hsv.s - saturationStep * i;
|
|
681
|
-
} else if (i === darkColorCount) {
|
|
682
|
-
saturation = hsv.s + saturationStep;
|
|
683
|
-
} else {
|
|
684
|
-
saturation = hsv.s + saturationStep2 * i;
|
|
685
|
-
} // 边界值修正
|
|
686
|
-
|
|
687
|
-
|
|
688
|
-
if (saturation > 1) {
|
|
689
|
-
saturation = 1;
|
|
690
|
-
} // 第一格的 s 限制在 0.06-0.1 之间
|
|
691
|
-
|
|
692
|
-
|
|
693
|
-
if (light && i === lightColorCount && saturation > 0.1) {
|
|
694
|
-
saturation = 0.1;
|
|
695
|
-
}
|
|
696
|
-
|
|
697
|
-
if (saturation < 0.06) {
|
|
698
|
-
saturation = 0.06;
|
|
699
|
-
}
|
|
700
|
-
|
|
701
|
-
return Number(saturation.toFixed(2));
|
|
702
|
-
}
|
|
703
|
-
|
|
704
|
-
function getValue(hsv, i, light) {
|
|
705
|
-
var value;
|
|
706
|
-
|
|
707
|
-
if (light) {
|
|
708
|
-
value = hsv.v + brightnessStep1 * i;
|
|
709
|
-
} else {
|
|
710
|
-
value = hsv.v - brightnessStep2 * i;
|
|
711
|
-
}
|
|
712
|
-
|
|
713
|
-
if (value > 1) {
|
|
714
|
-
value = 1;
|
|
715
|
-
}
|
|
716
|
-
|
|
717
|
-
return Number(value.toFixed(2));
|
|
718
|
-
}
|
|
719
|
-
|
|
720
|
-
function generate$1(color) {
|
|
721
|
-
var opts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
|
|
722
|
-
var patterns = [];
|
|
723
|
-
var pColor = inputToRGB(color);
|
|
724
|
-
|
|
725
|
-
for (var i = lightColorCount; i > 0; i -= 1) {
|
|
726
|
-
var hsv = toHsv(pColor);
|
|
727
|
-
var colorString = toHex(inputToRGB({
|
|
728
|
-
h: getHue(hsv, i, true),
|
|
729
|
-
s: getSaturation(hsv, i, true),
|
|
730
|
-
v: getValue(hsv, i, true)
|
|
731
|
-
}));
|
|
732
|
-
patterns.push(colorString);
|
|
733
|
-
}
|
|
734
|
-
|
|
735
|
-
patterns.push(toHex(pColor));
|
|
736
|
-
|
|
737
|
-
for (var _i = 1; _i <= darkColorCount; _i += 1) {
|
|
738
|
-
var _hsv = toHsv(pColor);
|
|
739
|
-
|
|
740
|
-
var _colorString = toHex(inputToRGB({
|
|
741
|
-
h: getHue(_hsv, _i),
|
|
742
|
-
s: getSaturation(_hsv, _i),
|
|
743
|
-
v: getValue(_hsv, _i)
|
|
744
|
-
}));
|
|
745
|
-
|
|
746
|
-
patterns.push(_colorString);
|
|
747
|
-
} // dark theme patterns
|
|
748
|
-
|
|
749
|
-
|
|
750
|
-
if (opts.theme === 'dark') {
|
|
751
|
-
return darkColorMap.map(function (_ref3) {
|
|
752
|
-
var index = _ref3.index,
|
|
753
|
-
opacity = _ref3.opacity;
|
|
754
|
-
var darkColorString = toHex(mix(inputToRGB(opts.backgroundColor || '#141414'), inputToRGB(patterns[index]), opacity * 100));
|
|
755
|
-
return darkColorString;
|
|
756
|
-
});
|
|
757
|
-
}
|
|
758
|
-
|
|
759
|
-
return patterns;
|
|
760
|
-
}
|
|
761
|
-
|
|
762
|
-
var presetPrimaryColors = {
|
|
763
|
-
red: '#F5222D',
|
|
764
|
-
volcano: '#FA541C',
|
|
765
|
-
orange: '#FA8C16',
|
|
766
|
-
gold: '#FAAD14',
|
|
767
|
-
yellow: '#FADB14',
|
|
768
|
-
lime: '#A0D911',
|
|
769
|
-
green: '#52C41A',
|
|
770
|
-
cyan: '#13C2C2',
|
|
771
|
-
blue: '#1890FF',
|
|
772
|
-
geekblue: '#2F54EB',
|
|
773
|
-
purple: '#722ED1',
|
|
774
|
-
magenta: '#EB2F96',
|
|
775
|
-
grey: '#666666'
|
|
776
|
-
};
|
|
777
|
-
var presetPalettes = {};
|
|
778
|
-
var presetDarkPalettes = {};
|
|
779
|
-
Object.keys(presetPrimaryColors).forEach(function (key) {
|
|
780
|
-
presetPalettes[key] = generate$1(presetPrimaryColors[key]);
|
|
781
|
-
presetPalettes[key].primary = presetPalettes[key][5]; // dark presetPalettes
|
|
782
|
-
|
|
783
|
-
presetDarkPalettes[key] = generate$1(presetPrimaryColors[key], {
|
|
784
|
-
theme: 'dark',
|
|
785
|
-
backgroundColor: '#141414'
|
|
786
|
-
});
|
|
787
|
-
presetDarkPalettes[key].primary = presetDarkPalettes[key][5];
|
|
788
|
-
});
|
|
789
|
-
presetPalettes.red;
|
|
790
|
-
presetPalettes.volcano;
|
|
791
|
-
presetPalettes.gold;
|
|
792
|
-
presetPalettes.orange;
|
|
793
|
-
presetPalettes.yellow;
|
|
794
|
-
presetPalettes.lime;
|
|
795
|
-
presetPalettes.green;
|
|
796
|
-
presetPalettes.cyan;
|
|
797
|
-
presetPalettes.blue;
|
|
798
|
-
presetPalettes.geekblue;
|
|
799
|
-
presetPalettes.purple;
|
|
800
|
-
presetPalettes.magenta;
|
|
801
|
-
presetPalettes.grey;
|
|
802
|
-
|
|
803
|
-
// https://github.com/substack/insert-css
|
|
804
|
-
var containers = []; // will store container HTMLElement references
|
|
805
|
-
|
|
806
|
-
var styleElements = []; // will store {prepend: HTMLElement, append: HTMLElement}
|
|
807
|
-
|
|
808
|
-
var usage = 'insert-css: You need to provide a CSS string. Usage: insertCss(cssString[, options]).';
|
|
809
|
-
|
|
810
|
-
function createStyleElement() {
|
|
811
|
-
var styleElement = document.createElement('style');
|
|
812
|
-
styleElement.setAttribute('type', 'text/css');
|
|
813
|
-
return styleElement;
|
|
814
|
-
} // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
|
|
815
|
-
|
|
816
|
-
|
|
817
|
-
function insertCss(css, options) {
|
|
818
|
-
options = options || {};
|
|
819
|
-
|
|
820
|
-
if (css === undefined) {
|
|
821
|
-
throw new Error(usage);
|
|
822
|
-
}
|
|
823
|
-
|
|
824
|
-
var position = options.prepend === true ? 'prepend' : 'append';
|
|
825
|
-
var container = options.container !== undefined ? options.container : document.querySelector('head');
|
|
826
|
-
var containerId = containers.indexOf(container); // first time we see this container, create the necessary entries
|
|
827
|
-
|
|
828
|
-
if (containerId === -1) {
|
|
829
|
-
containerId = containers.push(container) - 1;
|
|
830
|
-
styleElements[containerId] = {};
|
|
831
|
-
} // try to get the correponding container + position styleElement, create it otherwise
|
|
832
|
-
|
|
833
|
-
|
|
834
|
-
var styleElement;
|
|
835
|
-
|
|
836
|
-
if (styleElements[containerId] !== undefined && styleElements[containerId][position] !== undefined) {
|
|
837
|
-
styleElement = styleElements[containerId][position];
|
|
838
|
-
} else {
|
|
839
|
-
styleElement = styleElements[containerId][position] = createStyleElement();
|
|
840
|
-
|
|
841
|
-
if (position === 'prepend') {
|
|
842
|
-
container.insertBefore(styleElement, container.childNodes[0]);
|
|
843
|
-
} else {
|
|
844
|
-
container.appendChild(styleElement);
|
|
845
|
-
}
|
|
846
|
-
} // strip potential UTF-8 BOM if css was read from a file
|
|
847
|
-
|
|
848
|
-
|
|
849
|
-
if (css.charCodeAt(0) === 0xfeff) {
|
|
850
|
-
css = css.substr(1, css.length);
|
|
851
|
-
} // actually add the stylesheet
|
|
852
|
-
|
|
853
|
-
|
|
854
|
-
if (styleElement.styleSheet) {
|
|
855
|
-
styleElement.styleSheet.cssText += css;
|
|
856
|
-
} else {
|
|
857
|
-
styleElement.textContent += css;
|
|
858
|
-
}
|
|
859
|
-
|
|
860
|
-
return styleElement;
|
|
861
|
-
}
|
|
862
|
-
|
|
863
|
-
function _objectSpread$8(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? Object(arguments[i]) : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty$8(target, key, source[key]); }); } return target; }
|
|
864
|
-
|
|
865
|
-
function _defineProperty$8(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
866
|
-
function warn(valid, message) {
|
|
867
|
-
// Support uglify
|
|
868
|
-
if (process.env.NODE_ENV !== 'production' && !valid && console !== undefined) {
|
|
869
|
-
console.error("Warning: ".concat(message));
|
|
870
|
-
}
|
|
871
|
-
}
|
|
872
|
-
function warning(valid, message) {
|
|
873
|
-
warn(valid, "[@ant-design/icons-vue] ".concat(message));
|
|
874
|
-
} // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
|
|
875
|
-
|
|
876
|
-
function isIconDefinition(target) {
|
|
877
|
-
return typeof target === 'object' && typeof target.name === 'string' && typeof target.theme === 'string' && (typeof target.icon === 'object' || typeof target.icon === 'function');
|
|
878
|
-
}
|
|
879
|
-
function generate(node, key, rootProps) {
|
|
880
|
-
if (!rootProps) {
|
|
881
|
-
return vue.h(node.tag, _objectSpread$8({
|
|
882
|
-
key: key
|
|
883
|
-
}, node.attrs), (node.children || []).map(function (child, index) {
|
|
884
|
-
return generate(child, "".concat(key, "-").concat(node.tag, "-").concat(index));
|
|
885
|
-
}));
|
|
886
|
-
}
|
|
887
|
-
|
|
888
|
-
return vue.h(node.tag, _objectSpread$8({
|
|
889
|
-
key: key
|
|
890
|
-
}, rootProps, node.attrs), (node.children || []).map(function (child, index) {
|
|
891
|
-
return generate(child, "".concat(key, "-").concat(node.tag, "-").concat(index));
|
|
892
|
-
}));
|
|
893
|
-
}
|
|
894
|
-
function getSecondaryColor(primaryColor) {
|
|
895
|
-
// choose the second color
|
|
896
|
-
return generate$1(primaryColor)[0];
|
|
897
|
-
}
|
|
898
|
-
function normalizeTwoToneColors(twoToneColor) {
|
|
899
|
-
if (!twoToneColor) {
|
|
900
|
-
return [];
|
|
901
|
-
}
|
|
902
|
-
|
|
903
|
-
return Array.isArray(twoToneColor) ? twoToneColor : [twoToneColor];
|
|
904
|
-
} // These props make sure that the SVG behaviours like general text.
|
|
905
|
-
var iconStyles = "\n.anticon {\n display: inline-block;\n color: inherit;\n font-style: normal;\n line-height: 0;\n text-align: center;\n text-transform: none;\n vertical-align: -0.125em;\n text-rendering: optimizeLegibility;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\n.anticon > * {\n line-height: 1;\n}\n\n.anticon svg {\n display: inline-block;\n}\n\n.anticon::before {\n display: none;\n}\n\n.anticon .anticon-icon {\n display: block;\n}\n\n.anticon[tabindex] {\n cursor: pointer;\n}\n\n.anticon-spin::before,\n.anticon-spin {\n display: inline-block;\n -webkit-animation: loadingCircle 1s infinite linear;\n animation: loadingCircle 1s infinite linear;\n}\n\n@-webkit-keyframes loadingCircle {\n 100% {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg);\n }\n}\n\n@keyframes loadingCircle {\n 100% {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg);\n }\n}\n";
|
|
906
|
-
var cssInjectedFlag = false;
|
|
907
|
-
var useInsertStyles = function useInsertStyles() {
|
|
908
|
-
var styleStr = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : iconStyles;
|
|
909
|
-
vue.nextTick(function () {
|
|
910
|
-
if (!cssInjectedFlag) {
|
|
911
|
-
if (typeof window !== 'undefined' && window.document && window.document.documentElement) {
|
|
912
|
-
insertCss(styleStr, {
|
|
913
|
-
prepend: true
|
|
914
|
-
});
|
|
915
|
-
}
|
|
916
|
-
|
|
917
|
-
cssInjectedFlag = true;
|
|
918
|
-
}
|
|
919
|
-
});
|
|
920
|
-
};
|
|
921
|
-
|
|
922
|
-
var _excluded$1 = ["icon", "primaryColor", "secondaryColor"];
|
|
923
|
-
|
|
924
|
-
function _objectWithoutProperties$1(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose$1(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
925
|
-
|
|
926
|
-
function _objectWithoutPropertiesLoose$1(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
927
|
-
|
|
928
|
-
function _objectSpread$7(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? Object(arguments[i]) : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty$7(target, key, source[key]); }); } return target; }
|
|
929
|
-
|
|
930
|
-
function _defineProperty$7(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
931
|
-
var twoToneColorPalette = {
|
|
932
|
-
primaryColor: '#333',
|
|
933
|
-
secondaryColor: '#E6E6E6',
|
|
934
|
-
calculated: false
|
|
935
|
-
};
|
|
936
|
-
|
|
937
|
-
function setTwoToneColors(_ref) {
|
|
938
|
-
var primaryColor = _ref.primaryColor,
|
|
939
|
-
secondaryColor = _ref.secondaryColor;
|
|
940
|
-
twoToneColorPalette.primaryColor = primaryColor;
|
|
941
|
-
twoToneColorPalette.secondaryColor = secondaryColor || getSecondaryColor(primaryColor);
|
|
942
|
-
twoToneColorPalette.calculated = !!secondaryColor;
|
|
943
|
-
}
|
|
944
|
-
|
|
945
|
-
function getTwoToneColors() {
|
|
946
|
-
return _objectSpread$7({}, twoToneColorPalette);
|
|
947
|
-
}
|
|
948
|
-
|
|
949
|
-
var IconBase = function IconBase(props, context) {
|
|
950
|
-
var _props$context$attrs = _objectSpread$7({}, props, context.attrs),
|
|
951
|
-
icon = _props$context$attrs.icon,
|
|
952
|
-
primaryColor = _props$context$attrs.primaryColor,
|
|
953
|
-
secondaryColor = _props$context$attrs.secondaryColor,
|
|
954
|
-
restProps = _objectWithoutProperties$1(_props$context$attrs, _excluded$1);
|
|
955
|
-
|
|
956
|
-
var colors = twoToneColorPalette;
|
|
957
|
-
|
|
958
|
-
if (primaryColor) {
|
|
959
|
-
colors = {
|
|
960
|
-
primaryColor: primaryColor,
|
|
961
|
-
secondaryColor: secondaryColor || getSecondaryColor(primaryColor)
|
|
962
|
-
};
|
|
963
|
-
}
|
|
964
|
-
|
|
965
|
-
useInsertStyles();
|
|
966
|
-
warning(isIconDefinition(icon), "icon should be icon definiton, but got ".concat(icon));
|
|
967
|
-
|
|
968
|
-
if (!isIconDefinition(icon)) {
|
|
969
|
-
return null;
|
|
970
|
-
}
|
|
971
|
-
|
|
972
|
-
var target = icon;
|
|
973
|
-
|
|
974
|
-
if (target && typeof target.icon === 'function') {
|
|
975
|
-
target = _objectSpread$7({}, target, {
|
|
976
|
-
icon: target.icon(colors.primaryColor, colors.secondaryColor)
|
|
977
|
-
});
|
|
978
|
-
}
|
|
979
|
-
|
|
980
|
-
return generate(target.icon, "svg-".concat(target.name), _objectSpread$7({}, restProps, {
|
|
981
|
-
'data-icon': target.name,
|
|
982
|
-
width: '1em',
|
|
983
|
-
height: '1em',
|
|
984
|
-
fill: 'currentColor',
|
|
985
|
-
'aria-hidden': 'true'
|
|
986
|
-
})); // },
|
|
987
|
-
};
|
|
988
|
-
|
|
989
|
-
IconBase.props = {
|
|
990
|
-
icon: Object,
|
|
991
|
-
primaryColor: String,
|
|
992
|
-
secondaryColor: String,
|
|
993
|
-
focusable: String
|
|
994
|
-
};
|
|
995
|
-
IconBase.inheritAttrs = false;
|
|
996
|
-
IconBase.displayName = 'IconBase';
|
|
997
|
-
IconBase.getTwoToneColors = getTwoToneColors;
|
|
998
|
-
IconBase.setTwoToneColors = setTwoToneColors;
|
|
999
|
-
var VueIcon = IconBase;
|
|
1000
|
-
|
|
1001
|
-
function _slicedToArray$1(arr, i) { return _arrayWithHoles$1(arr) || _iterableToArrayLimit$1(arr, i) || _unsupportedIterableToArray$1(arr, i) || _nonIterableRest$1(); }
|
|
1002
|
-
|
|
1003
|
-
function _nonIterableRest$1() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
1004
|
-
|
|
1005
|
-
function _unsupportedIterableToArray$1(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$1(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray$1(o, minLen); }
|
|
1006
|
-
|
|
1007
|
-
function _arrayLikeToArray$1(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
|
|
1008
|
-
|
|
1009
|
-
function _iterableToArrayLimit$1(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
|
1010
|
-
|
|
1011
|
-
function _arrayWithHoles$1(arr) { if (Array.isArray(arr)) return arr; }
|
|
1012
|
-
function setTwoToneColor(twoToneColor) {
|
|
1013
|
-
var _normalizeTwoToneColo = normalizeTwoToneColors(twoToneColor),
|
|
1014
|
-
_normalizeTwoToneColo2 = _slicedToArray$1(_normalizeTwoToneColo, 2),
|
|
1015
|
-
primaryColor = _normalizeTwoToneColo2[0],
|
|
1016
|
-
secondaryColor = _normalizeTwoToneColo2[1];
|
|
1017
|
-
|
|
1018
|
-
return VueIcon.setTwoToneColors({
|
|
1019
|
-
primaryColor: primaryColor,
|
|
1020
|
-
secondaryColor: secondaryColor
|
|
1021
|
-
});
|
|
1022
|
-
}
|
|
1023
|
-
function getTwoToneColor() {
|
|
1024
|
-
var colors = VueIcon.getTwoToneColors();
|
|
1025
|
-
|
|
1026
|
-
if (!colors.calculated) {
|
|
1027
|
-
return colors.primaryColor;
|
|
1028
|
-
}
|
|
1029
|
-
|
|
1030
|
-
return [colors.primaryColor, colors.secondaryColor];
|
|
1031
|
-
}
|
|
1032
|
-
|
|
1033
|
-
var _excluded = ["class", "icon", "spin", "rotate", "tabindex", "twoToneColor", "onClick"];
|
|
1034
|
-
|
|
1035
|
-
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
1036
|
-
|
|
1037
|
-
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
1038
|
-
|
|
1039
|
-
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
1040
|
-
|
|
1041
|
-
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
|
|
1042
|
-
|
|
1043
|
-
function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
|
1044
|
-
|
|
1045
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
1046
|
-
|
|
1047
|
-
function _objectSpread$6(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? Object(arguments[i]) : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty$6(target, key, source[key]); }); } return target; }
|
|
1048
|
-
|
|
1049
|
-
function _defineProperty$6(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
1050
|
-
|
|
1051
|
-
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
1052
|
-
|
|
1053
|
-
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
1054
|
-
|
|
1055
|
-
setTwoToneColor('#1890ff');
|
|
1056
|
-
|
|
1057
|
-
var Icon = function Icon(props, context) {
|
|
1058
|
-
var _classObj;
|
|
1059
|
-
|
|
1060
|
-
var _props$context$attrs = _objectSpread$6({}, props, context.attrs),
|
|
1061
|
-
cls = _props$context$attrs["class"],
|
|
1062
|
-
icon = _props$context$attrs.icon,
|
|
1063
|
-
spin = _props$context$attrs.spin,
|
|
1064
|
-
rotate = _props$context$attrs.rotate,
|
|
1065
|
-
tabindex = _props$context$attrs.tabindex,
|
|
1066
|
-
twoToneColor = _props$context$attrs.twoToneColor,
|
|
1067
|
-
onClick = _props$context$attrs.onClick,
|
|
1068
|
-
restProps = _objectWithoutProperties(_props$context$attrs, _excluded);
|
|
1069
|
-
|
|
1070
|
-
var classObj = (_classObj = {
|
|
1071
|
-
anticon: true
|
|
1072
|
-
}, _defineProperty$6(_classObj, "anticon-".concat(icon.name), Boolean(icon.name)), _defineProperty$6(_classObj, cls, cls), _classObj);
|
|
1073
|
-
var svgClassString = spin === '' || !!spin || icon.name === 'loading' ? 'anticon-spin' : '';
|
|
1074
|
-
var iconTabIndex = tabindex;
|
|
1075
|
-
|
|
1076
|
-
if (iconTabIndex === undefined && onClick) {
|
|
1077
|
-
iconTabIndex = -1;
|
|
1078
|
-
restProps.tabindex = iconTabIndex;
|
|
1079
|
-
}
|
|
1080
|
-
|
|
1081
|
-
var svgStyle = rotate ? {
|
|
1082
|
-
msTransform: "rotate(".concat(rotate, "deg)"),
|
|
1083
|
-
transform: "rotate(".concat(rotate, "deg)")
|
|
1084
|
-
} : undefined;
|
|
1085
|
-
|
|
1086
|
-
var _normalizeTwoToneColo = normalizeTwoToneColors(twoToneColor),
|
|
1087
|
-
_normalizeTwoToneColo2 = _slicedToArray(_normalizeTwoToneColo, 2),
|
|
1088
|
-
primaryColor = _normalizeTwoToneColo2[0],
|
|
1089
|
-
secondaryColor = _normalizeTwoToneColo2[1];
|
|
1090
|
-
|
|
1091
|
-
return vue.createVNode("span", _objectSpread$6({
|
|
1092
|
-
"role": "img",
|
|
1093
|
-
"aria-label": icon.name
|
|
1094
|
-
}, restProps, {
|
|
1095
|
-
"onClick": onClick,
|
|
1096
|
-
"class": classObj
|
|
1097
|
-
}), [vue.createVNode(VueIcon, {
|
|
1098
|
-
"class": svgClassString,
|
|
1099
|
-
"icon": icon,
|
|
1100
|
-
"primaryColor": primaryColor,
|
|
1101
|
-
"secondaryColor": secondaryColor,
|
|
1102
|
-
"style": svgStyle
|
|
1103
|
-
}, null)]);
|
|
1104
|
-
};
|
|
1105
|
-
|
|
1106
|
-
Icon.props = {
|
|
1107
|
-
spin: Boolean,
|
|
1108
|
-
rotate: Number,
|
|
1109
|
-
icon: Object,
|
|
1110
|
-
twoToneColor: String
|
|
1111
|
-
};
|
|
1112
|
-
Icon.displayName = 'AntdIcon';
|
|
1113
|
-
Icon.inheritAttrs = false;
|
|
1114
|
-
Icon.getTwoToneColor = getTwoToneColor;
|
|
1115
|
-
Icon.setTwoToneColor = setTwoToneColor;
|
|
1116
|
-
var AntdIcon = Icon;
|
|
1117
|
-
|
|
1118
|
-
// This icon file is generated automatically.
|
|
1119
|
-
var CloseCircleFilled$2 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z" } }] }, "name": "close-circle", "theme": "filled" };
|
|
1120
|
-
var CloseCircleFilledSvg = CloseCircleFilled$2;
|
|
1121
|
-
|
|
1122
|
-
function _objectSpread$5(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? Object(arguments[i]) : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty$5(target, key, source[key]); }); } return target; }
|
|
1123
|
-
|
|
1124
|
-
function _defineProperty$5(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
1125
|
-
|
|
1126
|
-
var CloseCircleFilled = function CloseCircleFilled(props, context) {
|
|
1127
|
-
var p = _objectSpread$5({}, props, context.attrs);
|
|
1128
|
-
|
|
1129
|
-
return vue.createVNode(AntdIcon, _objectSpread$5({}, p, {
|
|
1130
|
-
"icon": CloseCircleFilledSvg
|
|
1131
|
-
}), null);
|
|
1132
|
-
};
|
|
1133
|
-
|
|
1134
|
-
CloseCircleFilled.displayName = 'CloseCircleFilled';
|
|
1135
|
-
CloseCircleFilled.inheritAttrs = false;
|
|
1136
|
-
var CloseCircleFilled$1 = CloseCircleFilled;
|
|
1137
|
-
|
|
1138
|
-
// This icon file is generated automatically.
|
|
1139
|
-
var CloseOutlined$2 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z" } }] }, "name": "close", "theme": "outlined" };
|
|
1140
|
-
var CloseOutlinedSvg = CloseOutlined$2;
|
|
1141
|
-
|
|
1142
|
-
function _objectSpread$4(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? Object(arguments[i]) : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty$4(target, key, source[key]); }); } return target; }
|
|
1143
|
-
|
|
1144
|
-
function _defineProperty$4(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
1145
|
-
|
|
1146
|
-
var CloseOutlined = function CloseOutlined(props, context) {
|
|
1147
|
-
var p = _objectSpread$4({}, props, context.attrs);
|
|
1148
|
-
|
|
1149
|
-
return vue.createVNode(AntdIcon, _objectSpread$4({}, p, {
|
|
1150
|
-
"icon": CloseOutlinedSvg
|
|
1151
|
-
}), null);
|
|
1152
|
-
};
|
|
1153
|
-
|
|
1154
|
-
CloseOutlined.displayName = 'CloseOutlined';
|
|
1155
|
-
CloseOutlined.inheritAttrs = false;
|
|
1156
|
-
var CloseOutlined$1 = CloseOutlined;
|
|
1157
|
-
|
|
1158
|
-
// This icon file is generated automatically.
|
|
1159
|
-
var DownOutlined$2 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z" } }] }, "name": "down", "theme": "outlined" };
|
|
1160
|
-
var DownOutlinedSvg = DownOutlined$2;
|
|
1161
|
-
|
|
1162
|
-
function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? Object(arguments[i]) : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty$3(target, key, source[key]); }); } return target; }
|
|
1163
|
-
|
|
1164
|
-
function _defineProperty$3(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
1165
|
-
|
|
1166
|
-
var DownOutlined = function DownOutlined(props, context) {
|
|
1167
|
-
var p = _objectSpread$3({}, props, context.attrs);
|
|
1168
|
-
|
|
1169
|
-
return vue.createVNode(AntdIcon, _objectSpread$3({}, p, {
|
|
1170
|
-
"icon": DownOutlinedSvg
|
|
1171
|
-
}), null);
|
|
1172
|
-
};
|
|
1173
|
-
|
|
1174
|
-
DownOutlined.displayName = 'DownOutlined';
|
|
1175
|
-
DownOutlined.inheritAttrs = false;
|
|
1176
|
-
var DownOutlined$1 = DownOutlined;
|
|
1177
|
-
|
|
1178
|
-
// This icon file is generated automatically.
|
|
1179
|
-
var RightOutlined$2 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z" } }] }, "name": "right", "theme": "outlined" };
|
|
1180
|
-
var RightOutlinedSvg = RightOutlined$2;
|
|
1181
|
-
|
|
1182
|
-
function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? Object(arguments[i]) : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty$2(target, key, source[key]); }); } return target; }
|
|
1183
|
-
|
|
1184
|
-
function _defineProperty$2(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
1185
|
-
|
|
1186
|
-
var RightOutlined = function RightOutlined(props, context) {
|
|
1187
|
-
var p = _objectSpread$2({}, props, context.attrs);
|
|
1188
|
-
|
|
1189
|
-
return vue.createVNode(AntdIcon, _objectSpread$2({}, p, {
|
|
1190
|
-
"icon": RightOutlinedSvg
|
|
1191
|
-
}), null);
|
|
1192
|
-
};
|
|
1193
|
-
|
|
1194
|
-
RightOutlined.displayName = 'RightOutlined';
|
|
1195
|
-
RightOutlined.inheritAttrs = false;
|
|
1196
|
-
var RightOutlined$1 = RightOutlined;
|
|
1197
|
-
|
|
1198
|
-
// This icon file is generated automatically.
|
|
1199
|
-
var SearchOutlined$2 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M909.6 854.5L649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.4-87.9-212.1-56.6-56.7-132-87.9-212.1-87.9s-155.5 31.3-212.1 87.9C143.2 256.5 112 331.8 112 412c0 80.1 31.3 155.5 87.9 212.1C256.5 680.8 331.8 712 412 712c67 0 130.6-21.8 182.7-62l259.7 259.6a8.2 8.2 0 0011.6 0l43.6-43.5a8.2 8.2 0 000-11.6zM570.4 570.4C528 612.7 471.8 636 412 636s-116-23.3-158.4-65.6C211.3 528 188 471.8 188 412s23.3-116.1 65.6-158.4C296 211.3 352.2 188 412 188s116.1 23.2 158.4 65.6S636 352.2 636 412s-23.3 116.1-65.6 158.4z" } }] }, "name": "search", "theme": "outlined" };
|
|
1200
|
-
var SearchOutlinedSvg = SearchOutlined$2;
|
|
1201
|
-
|
|
1202
|
-
function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? Object(arguments[i]) : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty$1(target, key, source[key]); }); } return target; }
|
|
1203
|
-
|
|
1204
|
-
function _defineProperty$1(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
1205
|
-
|
|
1206
|
-
var SearchOutlined = function SearchOutlined(props, context) {
|
|
1207
|
-
var p = _objectSpread$1({}, props, context.attrs);
|
|
1208
|
-
|
|
1209
|
-
return vue.createVNode(AntdIcon, _objectSpread$1({}, p, {
|
|
1210
|
-
"icon": SearchOutlinedSvg
|
|
1211
|
-
}), null);
|
|
1212
|
-
};
|
|
1213
|
-
|
|
1214
|
-
SearchOutlined.displayName = 'SearchOutlined';
|
|
1215
|
-
SearchOutlined.inheritAttrs = false;
|
|
1216
|
-
var SearchOutlined$1 = SearchOutlined;
|
|
1217
|
-
|
|
1218
|
-
// This icon file is generated automatically.
|
|
1219
|
-
var UpOutlined$2 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 00140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z" } }] }, "name": "up", "theme": "outlined" };
|
|
1220
|
-
var UpOutlinedSvg = UpOutlined$2;
|
|
1221
|
-
|
|
1222
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? Object(arguments[i]) : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; }
|
|
1223
|
-
|
|
1224
|
-
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
1225
|
-
|
|
1226
|
-
var UpOutlined = function UpOutlined(props, context) {
|
|
1227
|
-
var p = _objectSpread({}, props, context.attrs);
|
|
1228
|
-
|
|
1229
|
-
return vue.createVNode(AntdIcon, _objectSpread({}, p, {
|
|
1230
|
-
"icon": UpOutlinedSvg
|
|
1231
|
-
}), null);
|
|
1232
|
-
};
|
|
1233
|
-
|
|
1234
|
-
UpOutlined.displayName = 'UpOutlined';
|
|
1235
|
-
UpOutlined.inheritAttrs = false;
|
|
1236
|
-
var UpOutlined$1 = UpOutlined;
|
|
1237
|
-
|
|
1238
14
|
const searchResetBtnProps = {
|
|
1239
15
|
showExpandBtn: {
|
|
1240
16
|
type: Boolean,
|
|
@@ -1244,24 +20,6 @@ const searchResetBtnProps = {
|
|
|
1244
20
|
type: Boolean,
|
|
1245
21
|
default: false,
|
|
1246
22
|
},
|
|
1247
|
-
expandPlacement: {
|
|
1248
|
-
type: String,
|
|
1249
|
-
default: 'left',
|
|
1250
|
-
},
|
|
1251
|
-
expandText: {
|
|
1252
|
-
type: String,
|
|
1253
|
-
default: '展开',
|
|
1254
|
-
},
|
|
1255
|
-
collapseText: {
|
|
1256
|
-
type: String,
|
|
1257
|
-
default: '收起',
|
|
1258
|
-
},
|
|
1259
|
-
gutter: {
|
|
1260
|
-
type: Array,
|
|
1261
|
-
default() {
|
|
1262
|
-
return [24, 16];
|
|
1263
|
-
},
|
|
1264
|
-
},
|
|
1265
23
|
};
|
|
1266
24
|
const searchFilterProps = Object.assign({ userRule: {
|
|
1267
25
|
type: Array,
|
|
@@ -1285,6 +43,11 @@ const searchFilterProps = Object.assign({ userRule: {
|
|
|
1285
43
|
default() {
|
|
1286
44
|
return {};
|
|
1287
45
|
},
|
|
46
|
+
}, gutter: {
|
|
47
|
+
type: Array,
|
|
48
|
+
default() {
|
|
49
|
+
return [24, 16];
|
|
50
|
+
},
|
|
1288
51
|
}, fixedCount: {
|
|
1289
52
|
type: Number,
|
|
1290
53
|
default: 999999,
|
|
@@ -1293,6 +56,9 @@ const searchFilterProps = Object.assign({ userRule: {
|
|
|
1293
56
|
default() {
|
|
1294
57
|
return [];
|
|
1295
58
|
},
|
|
59
|
+
}, expandPlacement: {
|
|
60
|
+
type: String,
|
|
61
|
+
default: 'left',
|
|
1296
62
|
} }, searchResetBtnProps);
|
|
1297
63
|
|
|
1298
64
|
var _export_sfc = (sfc, props) => {
|
|
@@ -1303,19 +69,17 @@ var _export_sfc = (sfc, props) => {
|
|
|
1303
69
|
return target;
|
|
1304
70
|
};
|
|
1305
71
|
|
|
1306
|
-
const _hoisted_1$1 = { class: "bm-search-filter-
|
|
1307
|
-
const _hoisted_2$1 =
|
|
1308
|
-
const _hoisted_3$1 = /* @__PURE__ */ vue.createTextVNode("\
|
|
72
|
+
const _hoisted_1$1 = { class: "bm-search-filter-btn" };
|
|
73
|
+
const _hoisted_2$1 = { class: "bm-search-filter-actions" };
|
|
74
|
+
const _hoisted_3$1 = /* @__PURE__ */ vue.createTextVNode("\u91CD\u7F6E");
|
|
75
|
+
const _hoisted_4$1 = /* @__PURE__ */ vue.createTextVNode("\u67E5\u8BE2");
|
|
1309
76
|
const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
|
|
77
|
+
__name: "search-reset-btn",
|
|
1310
78
|
props: searchResetBtnProps,
|
|
1311
79
|
emits: ["submit", "reset", "expand"],
|
|
1312
80
|
setup(__props, { emit: emits }) {
|
|
1313
81
|
const props = __props;
|
|
1314
82
|
const isExpand = vue.ref(false);
|
|
1315
|
-
const wrapperStyle = vue.computed(() => {
|
|
1316
|
-
let gutter = props.gutter?.[0] || 24;
|
|
1317
|
-
return { paddingLeft: gutter / 2 + "px", paddingRight: gutter / 2 + "px" };
|
|
1318
|
-
});
|
|
1319
83
|
function handleExpandBtnChange() {
|
|
1320
84
|
isExpand.value = !isExpand.value;
|
|
1321
85
|
emits("expand", isExpand.value);
|
|
@@ -1328,22 +92,19 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
|
|
|
1328
92
|
}
|
|
1329
93
|
return (_ctx, _cache) => {
|
|
1330
94
|
const _component_a_button = vue.resolveComponent("a-button");
|
|
1331
|
-
return vue.openBlock(), vue.createElementBlock("div",
|
|
1332
|
-
class: "bm-search-filter-btn",
|
|
1333
|
-
style: vue.normalizeStyle(vue.unref(wrapperStyle))
|
|
1334
|
-
}, [
|
|
95
|
+
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1, [
|
|
1335
96
|
props.showExpandBtn ? (vue.openBlock(), vue.createElementBlock("span", {
|
|
1336
97
|
key: 0,
|
|
1337
98
|
class: "bm-search-filter-expand",
|
|
1338
99
|
onClick: handleExpandBtnChange
|
|
1339
100
|
}, [
|
|
1340
|
-
vue.createTextVNode(vue.toDisplayString(isExpand.value ?
|
|
1341
|
-
isExpand.value ? (vue.openBlock(), vue.createBlock(vue.unref(UpOutlined
|
|
101
|
+
vue.createTextVNode(vue.toDisplayString(isExpand.value ? "\u6536\u8D77" : "\u5C55\u5F00"), 1),
|
|
102
|
+
isExpand.value ? (vue.openBlock(), vue.createBlock(vue.unref(iconsVue.UpOutlined), { key: 0 })) : (vue.openBlock(), vue.createBlock(vue.unref(iconsVue.DownOutlined), { key: 1 }))
|
|
1342
103
|
])) : vue.createCommentVNode("v-if", true),
|
|
1343
|
-
vue.createElementVNode("span",
|
|
104
|
+
vue.createElementVNode("span", _hoisted_2$1, [
|
|
1344
105
|
vue.createVNode(_component_a_button, { onClick: handleReset }, {
|
|
1345
106
|
default: vue.withCtx(() => [
|
|
1346
|
-
|
|
107
|
+
_hoisted_3$1
|
|
1347
108
|
]),
|
|
1348
109
|
_: 1
|
|
1349
110
|
}),
|
|
@@ -1352,13 +113,13 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
|
|
|
1352
113
|
onClick: handleSubmit
|
|
1353
114
|
}, {
|
|
1354
115
|
default: vue.withCtx(() => [
|
|
1355
|
-
props.showSearchIcon ? (vue.openBlock(), vue.createBlock(vue.unref(SearchOutlined
|
|
1356
|
-
|
|
116
|
+
props.showSearchIcon ? (vue.openBlock(), vue.createBlock(vue.unref(iconsVue.SearchOutlined), { key: 0 })) : vue.createCommentVNode("v-if", true),
|
|
117
|
+
_hoisted_4$1
|
|
1357
118
|
]),
|
|
1358
119
|
_: 1
|
|
1359
120
|
})
|
|
1360
121
|
])
|
|
1361
|
-
]
|
|
122
|
+
]);
|
|
1362
123
|
};
|
|
1363
124
|
}
|
|
1364
125
|
});
|
|
@@ -1518,7 +279,9 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
|
|
|
1518
279
|
tempRes.push({ checked: true });
|
|
1519
280
|
} else {
|
|
1520
281
|
let tempRes2 = tempChildren[j];
|
|
1521
|
-
let tempIndex2 = props.modelValue.indexOf(
|
|
282
|
+
let tempIndex2 = props.modelValue.indexOf(
|
|
283
|
+
tempRes2[props.optionValueName]
|
|
284
|
+
);
|
|
1522
285
|
if (tempIndex2 !== -1) {
|
|
1523
286
|
tempRes.push({ checked: true });
|
|
1524
287
|
} else {
|
|
@@ -1544,7 +307,9 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
|
|
|
1544
307
|
if (tempChildren) {
|
|
1545
308
|
for (let j = 0; j < tempChildren.length; j++) {
|
|
1546
309
|
let tempRes2 = tempChildren[j];
|
|
1547
|
-
let tempIndex2 = props.modelValue.indexOf(
|
|
310
|
+
let tempIndex2 = props.modelValue.indexOf(
|
|
311
|
+
tempRes2[props.optionValueName]
|
|
312
|
+
);
|
|
1548
313
|
if (path.value[i] && tempRes2[props.optionValueName] === path.value[i][props.optionValueName] && tempIndex2 !== -1) {
|
|
1549
314
|
parentChecked = true;
|
|
1550
315
|
break;
|
|
@@ -1626,7 +391,9 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
|
|
|
1626
391
|
checked.push(tempOption?.[props.optionValueName]);
|
|
1627
392
|
if (tempOption?.children) {
|
|
1628
393
|
let allSonValues = getAllSonValues(tempOption.children);
|
|
1629
|
-
allSonValues = allSonValues.filter(
|
|
394
|
+
allSonValues = allSonValues.filter(
|
|
395
|
+
(item) => item !== tempOption?.[props.optionValueName]
|
|
396
|
+
);
|
|
1630
397
|
unChecked = unChecked.concat(allSonValues);
|
|
1631
398
|
}
|
|
1632
399
|
for (let i = level; i > 0; i--) {
|
|
@@ -1641,7 +408,9 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
|
|
|
1641
408
|
checked.push(tempOption2[props.optionValueName]);
|
|
1642
409
|
if (tempOption2.children) {
|
|
1643
410
|
let allSonValues = getAllSonValues(tempOption2.children);
|
|
1644
|
-
allSonValues = allSonValues.filter(
|
|
411
|
+
allSonValues = allSonValues.filter(
|
|
412
|
+
(item) => item !== tempOption2[props.optionValueName]
|
|
413
|
+
);
|
|
1645
414
|
unChecked = unChecked.concat(allSonValues);
|
|
1646
415
|
}
|
|
1647
416
|
}
|
|
@@ -1667,7 +436,9 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
|
|
|
1667
436
|
if (tempStatus.checked) {
|
|
1668
437
|
checked = [];
|
|
1669
438
|
} else {
|
|
1670
|
-
checked = modulersOptions.value[level].children?.map(
|
|
439
|
+
checked = modulersOptions.value[level].children?.map(
|
|
440
|
+
(item) => item[props.optionValueName]
|
|
441
|
+
) || [];
|
|
1671
442
|
}
|
|
1672
443
|
} else {
|
|
1673
444
|
if (tempStatus.checked) {
|
|
@@ -1690,7 +461,9 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
|
|
|
1690
461
|
checked.push(tempOption[props.optionValueName]);
|
|
1691
462
|
if (tempOption.children) {
|
|
1692
463
|
let allSonValues = getAllSonValues(tempOption.children);
|
|
1693
|
-
allSonValues = allSonValues.filter(
|
|
464
|
+
allSonValues = allSonValues.filter(
|
|
465
|
+
(item) => item !== tempOption[props.optionValueName]
|
|
466
|
+
);
|
|
1694
467
|
unChecked = unChecked.concat(allSonValues);
|
|
1695
468
|
}
|
|
1696
469
|
for (let i = level; i > 0; i--) {
|
|
@@ -1705,7 +478,9 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
|
|
|
1705
478
|
checked.push(tempOption2[props.optionValueName]);
|
|
1706
479
|
if (tempOption2.children) {
|
|
1707
480
|
let allSonValues = getAllSonValues(tempOption2.children);
|
|
1708
|
-
allSonValues = allSonValues.filter(
|
|
481
|
+
allSonValues = allSonValues.filter(
|
|
482
|
+
(item) => item !== tempOption2[props.optionValueName]
|
|
483
|
+
);
|
|
1709
484
|
unChecked = unChecked.concat(allSonValues);
|
|
1710
485
|
}
|
|
1711
486
|
}
|
|
@@ -1791,7 +566,9 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
|
|
|
1791
566
|
return vue.openBlock(), vue.createElementBlock("div", {
|
|
1792
567
|
key: index,
|
|
1793
568
|
class: vue.normalizeClass(["bm-multi-cascader-item", {
|
|
1794
|
-
"is-active": path.value.find(
|
|
569
|
+
"is-active": path.value.find(
|
|
570
|
+
(item) => option[props.optionValueName] === item[props.optionValueName]
|
|
571
|
+
)
|
|
1795
572
|
}]),
|
|
1796
573
|
onClick: ($event) => handleClick(option, level, index)
|
|
1797
574
|
}, [
|
|
@@ -1810,7 +587,7 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
|
|
|
1810
587
|
}, 1024),
|
|
1811
588
|
vue.createElementVNode("span", _hoisted_16, [
|
|
1812
589
|
vue.createElementVNode("span", _hoisted_17, vue.toDisplayString(option[props.optionLabelName]), 1),
|
|
1813
|
-
option.children ? (vue.openBlock(), vue.createBlock(vue.unref(RightOutlined
|
|
590
|
+
option.children ? (vue.openBlock(), vue.createBlock(vue.unref(iconsVue.RightOutlined), {
|
|
1814
591
|
key: 0,
|
|
1815
592
|
class: "bm-multi-cascader-item-caret"
|
|
1816
593
|
})) : vue.createCommentVNode("v-if", true)
|
|
@@ -1846,7 +623,7 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
|
|
|
1846
623
|
class: "bm-multi-cascader-tag-close",
|
|
1847
624
|
onClick: vue.withModifiers(($event) => removeItem(item[props.optionValueName]), ["stop"])
|
|
1848
625
|
}, [
|
|
1849
|
-
vue.createVNode(vue.unref(CloseOutlined
|
|
626
|
+
vue.createVNode(vue.unref(iconsVue.CloseOutlined), { class: "bm-multi-cascader-tag-close-inner" })
|
|
1850
627
|
], 8, _hoisted_6)
|
|
1851
628
|
]);
|
|
1852
629
|
}), 128)),
|
|
@@ -1858,12 +635,12 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
|
|
|
1858
635
|
]),
|
|
1859
636
|
vue.createElementVNode("div", _hoisted_10, [
|
|
1860
637
|
props.allowClear && props.modelValue.length > 0 ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
|
|
1861
|
-
vue.createVNode(vue.unref(DownOutlined
|
|
1862
|
-
vue.createVNode(vue.unref(CloseCircleFilled
|
|
638
|
+
vue.createVNode(vue.unref(iconsVue.DownOutlined), { class: "bm-multi-cascader-icon bm-multi-cascader-caret" }),
|
|
639
|
+
vue.createVNode(vue.unref(iconsVue.CloseCircleFilled), {
|
|
1863
640
|
class: "bm-multi-cascader-icon bm-multi-cascader-remove-all",
|
|
1864
641
|
onClick: vue.withModifiers(removeAll, ["stop"])
|
|
1865
642
|
}, null, 8, ["onClick"])
|
|
1866
|
-
], 64)) : (vue.openBlock(), vue.createBlock(vue.unref(DownOutlined
|
|
643
|
+
], 64)) : (vue.openBlock(), vue.createBlock(vue.unref(iconsVue.DownOutlined), { key: 1 }))
|
|
1867
644
|
])
|
|
1868
645
|
])
|
|
1869
646
|
]),
|
|
@@ -1895,10 +672,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
1895
672
|
type: "SearchResetBtn",
|
|
1896
673
|
props: {
|
|
1897
674
|
showExpandBtn: props.showExpandBtn,
|
|
1898
|
-
showSearchIcon: props.showSearchIcon
|
|
1899
|
-
expandText: props.expandText,
|
|
1900
|
-
collapseText: props.collapseText,
|
|
1901
|
-
gutter: props.gutter
|
|
675
|
+
showSearchIcon: props.showSearchIcon
|
|
1902
676
|
},
|
|
1903
677
|
on: {
|
|
1904
678
|
submit() {
|
|
@@ -1964,11 +738,15 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
1964
738
|
vue.onBeforeUnmount(() => {
|
|
1965
739
|
window.removeEventListener("resize", handleResize);
|
|
1966
740
|
});
|
|
1967
|
-
vue.watch(
|
|
1968
|
-
|
|
1969
|
-
|
|
1970
|
-
|
|
1971
|
-
|
|
741
|
+
vue.watch(
|
|
742
|
+
() => props.showExpandBtn,
|
|
743
|
+
(val) => {
|
|
744
|
+
handleShowExpandBtn(val);
|
|
745
|
+
},
|
|
746
|
+
{
|
|
747
|
+
immediate: true
|
|
748
|
+
}
|
|
749
|
+
);
|
|
1972
750
|
const expandRule = vue.computed(() => {
|
|
1973
751
|
const fixedCount = props.fixedCount && props.fixedCount >= 0 ? props.fixedCount : 0;
|
|
1974
752
|
const fixedFields = props.fixedFields?.length ? props.fixedFields : [];
|
|
@@ -1987,13 +765,15 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
1987
765
|
});
|
|
1988
766
|
}
|
|
1989
767
|
}
|
|
1990
|
-
vue.watch(
|
|
1991
|
-
|
|
768
|
+
vue.watch(
|
|
769
|
+
isExpand,
|
|
770
|
+
(val) => {
|
|
1992
771
|
handleChangeExpand(val);
|
|
1993
|
-
},
|
|
1994
|
-
|
|
1995
|
-
|
|
1996
|
-
|
|
772
|
+
},
|
|
773
|
+
{
|
|
774
|
+
immediate: true
|
|
775
|
+
}
|
|
776
|
+
);
|
|
1997
777
|
expose({
|
|
1998
778
|
fApi
|
|
1999
779
|
});
|
|
@@ -2007,7 +787,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
2007
787
|
"onUpdate:api": _cache[0] || (_cache[0] = ($event) => fApi.value = $event),
|
|
2008
788
|
"model-value": props.value,
|
|
2009
789
|
rule: vue.unref(rule),
|
|
2010
|
-
option
|
|
790
|
+
option,
|
|
2011
791
|
onChange: handleChange
|
|
2012
792
|
}, null, 8, ["api", "model-value", "rule", "option"])
|
|
2013
793
|
], 2);
|