vxe-pc-ui 4.20.14 → 4.20.16

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.
Files changed (92) hide show
  1. package/dist/all.esm.js +1589 -1480
  2. package/dist/style.css +1 -1
  3. package/dist/style.min.css +1 -1
  4. package/es/alert/src/alert.js +2 -1
  5. package/es/badge/src/badge.js +21 -4
  6. package/es/badge/style.css +24 -14
  7. package/es/badge/style.min.css +1 -1
  8. package/es/drawer/src/drawer.js +2 -1
  9. package/es/form/src/form.js +3 -2
  10. package/es/icon/style.css +1 -1
  11. package/es/list/src/list.js +2 -2
  12. package/es/modal/src/modal.js +2 -1
  13. package/es/pager/src/pager.js +3 -2
  14. package/es/select/src/select.js +59 -6
  15. package/es/select/style.css +18 -0
  16. package/es/select/style.min.css +1 -1
  17. package/es/style.css +1 -1
  18. package/es/style.min.css +1 -1
  19. package/es/table-select/src/table-select.js +48 -14
  20. package/es/tree/src/tree.js +2 -2
  21. package/es/ui/index.js +1 -1
  22. package/es/ui/src/log.js +1 -1
  23. package/es/vxe-badge/style.css +24 -14
  24. package/es/vxe-badge/style.min.css +1 -1
  25. package/es/vxe-select/style.css +18 -0
  26. package/es/vxe-select/style.min.css +1 -1
  27. package/lib/alert/src/alert.js +14 -8
  28. package/lib/alert/src/alert.min.js +1 -1
  29. package/lib/badge/src/badge.js +24 -4
  30. package/lib/badge/src/badge.min.js +1 -1
  31. package/lib/badge/style/style.css +24 -14
  32. package/lib/badge/style/style.min.css +1 -1
  33. package/lib/drawer/src/drawer.js +61 -51
  34. package/lib/drawer/src/drawer.min.js +1 -1
  35. package/lib/form/src/form.js +34 -26
  36. package/lib/form/src/form.min.js +1 -1
  37. package/lib/icon/style/style.css +1 -1
  38. package/lib/icon/style/style.min.css +1 -1
  39. package/lib/index.umd.js +454 -276
  40. package/lib/index.umd.min.js +1 -1
  41. package/lib/list/src/list.js +14 -12
  42. package/lib/list/src/list.min.js +1 -1
  43. package/lib/modal/src/modal.js +84 -74
  44. package/lib/modal/src/modal.min.js +1 -1
  45. package/lib/pager/src/pager.js +45 -36
  46. package/lib/pager/src/pager.min.js +1 -1
  47. package/lib/select/src/select.js +67 -8
  48. package/lib/select/src/select.min.js +1 -1
  49. package/lib/select/style/style.css +18 -0
  50. package/lib/select/style/style.min.css +1 -1
  51. package/lib/style.css +1 -1
  52. package/lib/style.min.css +1 -1
  53. package/lib/table-select/src/table-select.js +80 -32
  54. package/lib/table-select/src/table-select.min.js +1 -1
  55. package/lib/tree/src/tree.js +29 -23
  56. package/lib/tree/src/tree.min.js +1 -1
  57. package/lib/ui/index.js +1 -1
  58. package/lib/ui/index.min.js +1 -1
  59. package/lib/ui/src/log.js +1 -1
  60. package/lib/ui/src/log.min.js +1 -1
  61. package/lib/vxe-badge/style/style.css +24 -14
  62. package/lib/vxe-badge/style/style.min.css +1 -1
  63. package/lib/vxe-select/style/style.css +18 -0
  64. package/lib/vxe-select/style/style.min.css +1 -1
  65. package/package.json +1 -1
  66. package/packages/alert/src/alert.ts +3 -1
  67. package/packages/badge/src/badge.ts +22 -4
  68. package/packages/drawer/src/drawer.ts +3 -1
  69. package/packages/form/src/form.ts +4 -2
  70. package/packages/list/src/list.ts +2 -2
  71. package/packages/modal/src/modal.ts +3 -1
  72. package/packages/pager/src/pager.ts +4 -2
  73. package/packages/select/src/select.ts +60 -6
  74. package/packages/table-select/src/table-select.ts +51 -16
  75. package/packages/tree/src/tree.ts +2 -2
  76. package/styles/components/badge.scss +25 -16
  77. package/styles/components/select.scss +21 -0
  78. package/styles/theme/base.scss +4 -0
  79. package/types/components/badge.d.ts +4 -0
  80. package/types/components/select.d.ts +20 -0
  81. /package/es/icon/{iconfont.1792653813073.ttf → iconfont.1792671792434.ttf} +0 -0
  82. /package/es/icon/{iconfont.1792653813073.woff → iconfont.1792671792434.woff} +0 -0
  83. /package/es/icon/{iconfont.1792653813073.woff2 → iconfont.1792671792434.woff2} +0 -0
  84. /package/es/{iconfont.1792653813073.ttf → iconfont.1792671792434.ttf} +0 -0
  85. /package/es/{iconfont.1792653813073.woff → iconfont.1792671792434.woff} +0 -0
  86. /package/es/{iconfont.1792653813073.woff2 → iconfont.1792671792434.woff2} +0 -0
  87. /package/lib/icon/style/{iconfont.1792653813073.ttf → iconfont.1792671792434.ttf} +0 -0
  88. /package/lib/icon/style/{iconfont.1792653813073.woff → iconfont.1792671792434.woff} +0 -0
  89. /package/lib/icon/style/{iconfont.1792653813073.woff2 → iconfont.1792671792434.woff2} +0 -0
  90. /package/lib/{iconfont.1792653813073.ttf → iconfont.1792671792434.ttf} +0 -0
  91. /package/lib/{iconfont.1792653813073.woff → iconfont.1792671792434.woff} +0 -0
  92. /package/lib/{iconfont.1792653813073.woff2 → iconfont.1792671792434.woff2} +0 -0
package/es/table-select/src/table-select.js CHANGED
@@ -1,12 +1,13 @@
1
1
  import { ref, h, computed, inject, watch, provide, nextTick, Teleport, onMounted, onUnmounted, reactive } from 'vue';
2
2
  import { defineVxeComponent } from '../../ui/src/comp';
3
3
  import XEUtils from 'xe-utils';
4
- import { VxeUI, getConfig, getIcon, globalEvents, getI18n, createEvent, useSize, renderEmptyElement } from '../../ui';
4
+ import { VxeUI } from '../../ui';
5
5
  import { getEventTargetNode, updatePanelPlacement, toCssUnit, getPopupContainer } from '../../ui/src/dom';
6
6
  import { getOnName } from '../../ui/src/vn';
7
7
  import { getLastZIndex, nextZIndex } from '../../ui/src/utils';
8
8
  import { createComponentLog } from '../../ui/src/log';
9
9
  import VxeInputComponent from '../../input/src/input';
10
+ const { getConfig, getIcon, globalEvents, getI18n, createEvent, useFns, renderEmptyElement } = VxeUI;
10
11
  const { errLog } = createComponentLog('table-select');
11
12
  export function getRowUniqueId() {
12
13
  return XEUtils.uniqueId('row_');
@@ -98,7 +99,7 @@ export default defineVxeComponent({
98
99
  const $xeForm = inject('$xeForm', null);
99
100
  const formItemInfo = inject('xeFormItemInfo', null);
100
101
  const xID = XEUtils.uniqueId();
101
- const { computeSize } = useSize(props);
102
+ const { computeSize } = useFns.useSize(props);
102
103
  const refElem = ref();
103
104
  const refInput = ref();
104
105
  const refGridWrapper = ref();
@@ -149,11 +150,21 @@ export default defineVxeComponent({
149
150
  const computePropsOpts = computed(() => {
150
151
  return props.optionProps || {};
151
152
  });
153
+ const computeCheckboxOpts = computed(() => {
154
+ const { multiple } = props;
155
+ const gridOpts = computeGridOpts.value;
156
+ return Object.assign({
157
+ reserve: multiple,
158
+ showReserveStatus: multiple
159
+ }, getConfig().table.checkboxConfig, gridOpts.checkboxConfig);
160
+ });
152
161
  const computeRowOpts = computed(() => {
162
+ const { multiple } = props;
153
163
  const gridOpts = computeGridOpts.value;
154
- return Object.assign({}, gridOpts.rowConfig, {
164
+ const valueField = computeValueField.value;
165
+ return Object.assign({
155
166
  isCurrent: true
156
- });
167
+ }, multiple ? { keyField: valueField } : {}, getConfig().table.rowConfig, gridOpts.rowConfig);
157
168
  });
158
169
  const computeRowKeyField = computed(() => {
159
170
  const rowOpts = computeRowOpts.value;
@@ -177,6 +188,7 @@ export default defineVxeComponent({
177
188
  });
178
189
  const computeSelectGridOpts = computed(() => {
179
190
  const gridOpts = computeGridOpts.value;
191
+ const checkboxOpts = computeCheckboxOpts.value;
180
192
  const { pagerConfig, proxyConfig } = gridOpts;
181
193
  if (proxyConfig) {
182
194
  const proxyAjax = proxyConfig.ajax;
@@ -203,10 +215,10 @@ export default defineVxeComponent({
203
215
  }
204
216
  });
205
217
  }
206
- return Object.assign({}, gridOpts, { proxyConfig: newProxyConfig });
218
+ return Object.assign({}, gridOpts, { checkboxConfig: checkboxOpts, proxyConfig: newProxyConfig });
207
219
  }
208
220
  }
209
- return gridOpts;
221
+ return Object.assign({}, gridOpts, { checkboxConfig: checkboxOpts });
210
222
  });
211
223
  const computeSelectLabel = computed(() => {
212
224
  const { modelValue, lazyOptions } = props;
@@ -275,20 +287,38 @@ export default defineVxeComponent({
275
287
  };
276
288
  const tableSelectPrivateMethods = {};
277
289
  const getRowid = (option) => {
278
- const nodeKeyField = computeRowKeyField.value;
279
- const rowid = option[nodeKeyField];
290
+ const rowKeyField = computeRowKeyField.value;
291
+ const rowid = option[rowKeyField];
280
292
  return rowid ? encodeURIComponent(rowid) : '';
281
293
  };
282
294
  const getRowsByValue = (modelValue) => {
283
295
  const { fullRowMaps } = internalData;
296
+ const checkboxOpts = computeCheckboxOpts.value;
297
+ const rowKeyField = computeRowKeyField.value;
298
+ const valueField = computeValueField.value;
299
+ const labelField = computeLabelField.value;
284
300
  const rows = [];
285
301
  const vals = XEUtils.eqNull(modelValue) ? [] : (XEUtils.isArray(modelValue) ? modelValue : [modelValue]);
286
- vals.forEach(val => {
287
- const cacheItem = fullRowMaps[val];
288
- if (cacheItem) {
289
- rows.push(cacheItem.item);
290
- }
291
- });
302
+ if (checkboxOpts.reserve) {
303
+ vals.forEach(val => {
304
+ const cacheItem = fullRowMaps[val];
305
+ rows.push(cacheItem
306
+ ? cacheItem.item
307
+ : {
308
+ [rowKeyField]: val,
309
+ [valueField]: val,
310
+ [labelField]: val
311
+ });
312
+ });
313
+ }
314
+ else {
315
+ vals.forEach(val => {
316
+ const cacheItem = fullRowMaps[val];
317
+ if (cacheItem) {
318
+ rows.push(cacheItem.item);
319
+ }
320
+ });
321
+ }
292
322
  return rows;
293
323
  };
294
324
  const updateModel = (modelValue) => {
@@ -553,9 +583,13 @@ export default defineVxeComponent({
553
583
  };
554
584
  const checkboxChangeEvent = (params) => {
555
585
  const { $grid, $event, row } = params;
586
+ const checkboxOpts = computeCheckboxOpts.value;
556
587
  const valueField = computeValueField.value;
557
588
  if ($grid) {
558
589
  const checkboxRecords = $grid.getCheckboxRecords();
590
+ if (checkboxOpts.reserve) {
591
+ checkboxRecords.push(...$grid.getCheckboxReserveRecords());
592
+ }
559
593
  const value = checkboxRecords.map(row => {
560
594
  return row[valueField];
561
595
  });
package/es/tree/src/tree.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { ref, h, reactive, computed, watch, onBeforeUnmount, nextTick, onMounted, provide } from 'vue';
2
2
  import { defineVxeComponent } from '../../ui/src/comp';
3
- import { VxeUI, domUtils, createEvent, useFns, globalEvents, globalResize, renderEmptyElement } from '../../ui';
3
+ import { VxeUI } from '../../ui';
4
4
  import { calcTreeLine, getItemCacheObj } from './util';
5
5
  import { createComponentLog } from '../../ui/src/log';
6
6
  import { getCrossTreeDragNodeInfo } from './store';
@@ -12,7 +12,7 @@ import { moveRowAnimateToTb, clearRowAnimate } from '../../ui/src/anime';
12
12
  import VxeLoadingComponent from '../../loading';
13
13
  import VxeTooltipComponent from '../../tooltip';
14
14
  const { warnLog, errLog } = createComponentLog('tree');
15
- const { menus, getConfig, getI18n, getIcon, baseUtils } = VxeUI;
15
+ const { menus, getConfig, getI18n, getIcon, baseUtils, domUtils, createEvent, useFns, globalEvents, globalResize, renderEmptyElement } = VxeUI;
16
16
  const { getDefVal } = baseUtils;
17
17
  /**
18
18
  * 生成节点的唯一主键
package/es/ui/index.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { VxeUI, setConfig, setIcon } from '@vxe-ui/core';
2
2
  import { dynamicApp } from '../dynamics';
3
3
  import { warnLog } from './src/log';
4
- export const version = "4.20.14";
4
+ export const version = "4.20.16";
5
5
  VxeUI.uiVersion = version;
6
6
  VxeUI.dynamicApp = dynamicApp;
7
7
  export function config(options) {
package/es/ui/src/log.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { VxeUI } from '@vxe-ui/core';
2
2
  const { log } = VxeUI;
3
- const uiVersion = `ui v${"4.20.14"}`;
3
+ const uiVersion = `ui v${"4.20.16"}`;
4
4
  export function createComponentLog(name) {
5
5
  const tableVersion = VxeUI.tableVersion ? `table v${VxeUI.tableVersion}` : '';
6
6
  const ganttVersion = VxeUI.ganttVersion ? `gantt v${VxeUI.ganttVersion}` : '';
package/es/vxe-badge/style.css CHANGED
@@ -1,7 +1,27 @@
1
+ .vxe-badge {
2
+ --vxe-ui-badge-current-font-size: var(--vxe-ui-font-size-default);
3
+ }
4
+ .vxe-badge.size--xlarge {
5
+ --vxe-ui-badge-current-font-size: var(--vxe-ui-font-size-xlarge);
6
+ }
7
+ .vxe-badge.size--large {
8
+ --vxe-ui-badge-current-font-size: var(--vxe-ui-font-size-large);
9
+ }
10
+ .vxe-badge.size--medium {
11
+ --vxe-ui-badge-current-font-size: var(--vxe-ui-font-size-medium);
12
+ }
13
+ .vxe-badge.size--small {
14
+ --vxe-ui-badge-current-font-size: var(--vxe-ui-font-size-small);
15
+ }
16
+ .vxe-badge.size--mini {
17
+ --vxe-ui-badge-current-font-size: var(--vxe-ui-font-size-mini);
18
+ }
19
+
1
20
  .vxe-badge {
2
21
  position: relative;
3
22
  display: inline-block;
4
23
  vertical-align: middle;
24
+ font-size: var(--vxe-ui-badge-current-font-size);
5
25
  }
6
26
  .vxe-badge.is--dot::before {
7
27
  content: "";
@@ -12,11 +32,11 @@
12
32
  width: 0.5em;
13
33
  height: 0.5em;
14
34
  border-radius: 50%;
15
- background-color: #ff4d4f;
35
+ background-color: var(--vxe-ui-badge-label-background-color);
16
36
  z-index: 1;
17
37
  }
18
38
 
19
- .vxe-badge--count {
39
+ .vxe-badge--label {
20
40
  position: absolute;
21
41
  top: -0.8em;
22
42
  right: -0.8em;
@@ -26,17 +46,7 @@
26
46
  padding: 0 0.4em;
27
47
  border-radius: 0.8em;
28
48
  font-size: 0.8em;
29
- background-color: #ff4d4f;
30
- color: #fff;
49
+ background-color: var(--vxe-ui-badge-label-background-color);
50
+ color: var(--vxe-ui-badge-label-font-color);
31
51
  z-index: 1;
32
- }
33
-
34
- .vxe-badge.size--medium {
35
- font-size: var(--vxe-ui-font-size-medium);
36
- }
37
- .vxe-badge.size--small {
38
- font-size: var(--vxe-ui-font-size-small);
39
- }
40
- .vxe-badge.size--mini {
41
- font-size: var(--vxe-ui-font-size-mini);
42
52
  }
package/es/vxe-badge/style.min.css CHANGED
@@ -1 +1 @@
1
- .vxe-badge{position:relative;display:inline-block;vertical-align:middle}.vxe-badge.is--dot::before{content:"";position:absolute;top:-.25em;right:-.25em;text-align:center;width:.5em;height:.5em;border-radius:50%;background-color:#ff4d4f;z-index:1}.vxe-badge--count{position:absolute;top:-.8em;right:-.8em;text-align:center;min-width:1.5em;height:1.5em;padding:0 .4em;border-radius:.8em;font-size:.8em;background-color:#ff4d4f;color:#fff;z-index:1}.vxe-badge.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-badge.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-badge.size--mini{font-size:var(--vxe-ui-font-size-mini)}
1
+ .vxe-badge{--vxe-ui-badge-current-font-size:var(--vxe-ui-font-size-default)}.vxe-badge.size--xlarge{--vxe-ui-badge-current-font-size:var(--vxe-ui-font-size-xlarge)}.vxe-badge.size--large{--vxe-ui-badge-current-font-size:var(--vxe-ui-font-size-large)}.vxe-badge.size--medium{--vxe-ui-badge-current-font-size:var(--vxe-ui-font-size-medium)}.vxe-badge.size--small{--vxe-ui-badge-current-font-size:var(--vxe-ui-font-size-small)}.vxe-badge.size--mini{--vxe-ui-badge-current-font-size:var(--vxe-ui-font-size-mini)}.vxe-badge{position:relative;display:inline-block;vertical-align:middle;font-size:var(--vxe-ui-badge-current-font-size)}.vxe-badge.is--dot::before{content:"";position:absolute;top:-.25em;right:-.25em;text-align:center;width:.5em;height:.5em;border-radius:50%;background-color:var(--vxe-ui-badge-label-background-color);z-index:1}.vxe-badge--label{position:absolute;top:-.8em;right:-.8em;text-align:center;min-width:1.5em;height:1.5em;padding:0 .4em;border-radius:.8em;font-size:.8em;background-color:var(--vxe-ui-badge-label-background-color);color:var(--vxe-ui-badge-label-font-color);z-index:1}
package/es/vxe-select/style.css CHANGED
@@ -72,6 +72,24 @@
72
72
  display: inline-flex;
73
73
  }
74
74
 
75
+ .vxe-select.is--badge,
76
+ .vxe-select--readonly.is--badge {
77
+ position: relative;
78
+ }
79
+ .vxe-select.is--badge-dot::before,
80
+ .vxe-select--readonly.is--badge-dot::before {
81
+ content: "";
82
+ position: absolute;
83
+ top: -0.25em;
84
+ right: -0.25em;
85
+ text-align: center;
86
+ width: 0.5em;
87
+ height: 0.5em;
88
+ border-radius: 50%;
89
+ background-color: var(--vxe-ui-badge-label-background-color);
90
+ z-index: 1;
91
+ }
92
+
75
93
  .vxe-select-slots {
76
94
  display: none;
77
95
  }
package/es/vxe-select/style.min.css CHANGED
@@ -1 +1 @@
1
- .vxe-select,.vxe-select--panel{--vxe-ui-select-current-font-size:var(--vxe-ui-font-size-default);--vxe-ui-select-current-option-height:var(--vxe-ui-select-option-height-default)}.vxe-select--panel.size--xlarge,.vxe-select.size--xlarge{--vxe-ui-select-current-font-size:var(--vxe-ui-font-size-xlarge);--vxe-ui-select-current-option-height:var(--vxe-ui-select-option-height-xlarge)}.vxe-select--panel.size--large,.vxe-select.size--large{--vxe-ui-select-current-font-size:var(--vxe-ui-font-size-large);--vxe-ui-select-current-option-height:var(--vxe-ui-select-option-height-large)}.vxe-select--panel.size--medium,.vxe-select.size--medium{--vxe-ui-select-current-font-size:var(--vxe-ui-font-size-medium);--vxe-ui-select-current-option-height:var(--vxe-ui-select-option-height-medium)}.vxe-select--panel.size--small,.vxe-select.size--small{--vxe-ui-select-current-font-size:var(--vxe-ui-font-size-small);--vxe-ui-select-current-option-height:var(--vxe-ui-select-option-height-small)}.vxe-select--panel.size--mini,.vxe-select.size--mini{--vxe-ui-select-current-font-size:var(--vxe-ui-font-size-mini);--vxe-ui-select-current-option-height:var(--vxe-ui-select-option-height-mini)}.vxe-select,.vxe-select--panel{--vxe-ui-select-current-padding:var(--vxe-ui-layout-padding-default)}.vxe-select--panel.size--mini,.vxe-select--panel.size--small,.vxe-select.size--mini,.vxe-select.size--small{--vxe-ui-select-current-padding:var(--vxe-ui-layout-padding-half)}.vxe-select{position:relative;display:inline-block;width:180px;font-size:var(--vxe-ui-select-current-font-size);color:var(--vxe-ui-font-color);text-align:left}.vxe-select>.vxe-input .vxe-input--inner{cursor:pointer}.vxe-select.is--disabled>.vxe-input .vxe-input--inner{cursor:no-drop}.vxe-select.is--loading>.vxe-input .vxe-input--inner{cursor:progress}.vxe-select>.vxe-input{width:100%}.vxe-select>.vxe-input .vxe-input--suffix-icon>i{display:inline-block;transition:transform .2s ease-in-out}.vxe-select.is--active:not(.is--filter)>.vxe-input{border-color:var(--vxe-ui-font-primary-color)}.vxe-select--readonly{color:var(--vxe-ui-font-color);display:inline-flex}.vxe-select-slots{display:none}.vxe-select--panel{font-size:var(--vxe-ui-select-current-font-size);display:none;position:absolute;left:0;padding:4px 0;color:var(--vxe-ui-font-color);text-align:left}.vxe-select--panel:not(.is--transfer){min-width:100%}.vxe-select--panel.is--transfer{position:fixed}.vxe-select--panel.ani--leave{display:block;opacity:0;transform:scaleY(.5);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transform-origin:center top;backface-visibility:hidden}.vxe-select--panel.ani--leave[placement=top]{transform-origin:center bottom}.vxe-select--panel.ani--enter{opacity:1;transform:scaleY(1)}.vxe-select--panel.ani--enter>div::after{display:none}.vxe-select--panel>div::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-select--panel-search{display:block;flex-shrink:0;padding:var(--vxe-ui-layout-padding-default)}.vxe-select--panel-search .vxe-select-search--input{width:100%}.vxe-select--panel-wrapper{display:flex;flex-direction:column;position:relative;max-height:18em;border-radius:var(--vxe-ui-base-border-radius);border:1px solid var(--vxe-ui-base-popup-border-color);box-shadow:var(--vxe-ui-base-popup-box-shadow);background-color:var(--vxe-ui-layout-background-color)}.vxe-select--panel-body{position:relative;display:flex;flex-direction:row;flex-grow:1;overflow:hidden}.vxe-select--header-button{display:flex;flex-direction:row}.vxe-select--footer-button,.vxe-select--header-button{display:flex;flex-direction:row;white-space:nowrap;align-items:center;min-height:2em}.vxe-select--total-btns{padding-left:var(--vxe-ui-select-current-padding);flex-grow:1}.vxe-select--oper-btns,.vxe-select--total-btns{display:flex;flex-direction:row;align-items:center}.vxe-select--oper-btns{flex-shrink:0}.vxe-select--footer-button{display:flex;flex-direction:row}.vxe-select--panel-header{border-bottom:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-select--panel-footer{border-top:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-select--panel-footer,.vxe-select--panel-header{flex-shrink:0;padding:4px 0}.vxe-select-option--wrapper{flex-grow:1;position:relative;overflow-x:hidden;overflow-y:auto}.vxe-select--y-space{width:0;float:left}.vxe-select--body,.vxe-select-option--wrapper{padding:0;margin:0;border:0;outline:0}.vxe-select-option{position:relative;flex-direction:row;display:flex;padding:0 .6em;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer}.vxe-select-option.is--add{padding-right:2em}.vxe-select-option.is--add:hover .vxe-select-option--add-icon{color:var(--vxe-ui-font-primary-color)}.vxe-select-option.is--add .vxe-select-option--add-icon{display:block}.vxe-select-option.is--selected{color:var(--vxe-ui-font-primary-color)}.vxe-select-option:not(.is--disabled).is--hover{background-color:var(--vxe-ui-select-option-hover-background-color)}.vxe-select-option.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:no-drop}.vxe-select-optgroup{color:var(--vxe-ui-select-title-color);font-size:12px;cursor:default}.vxe-select-option--label{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-select-option--add-icon{display:none;position:absolute;top:0;right:.6em}.vxe-select-option--checkbox{padding-right:.4em}.vxe-select-option--checkbox{cursor:pointer}.vxe-select-option--checkbox .vxe-checkbox--icon{font-size:1.22em;transition:all .2s ease-in-out}.vxe-select-option--checkbox .vxe-checkbox--icon{color:var(--vxe-ui-input-border-color);vertical-align:middle;font-weight:700;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-select-option--checkbox.is--checked,.vxe-select-option--checkbox.is--indeterminate{color:var(--vxe-ui-font-primary-color)}.vxe-select-option--checkbox.is--checked .vxe-checkbox--icon,.vxe-select-option--checkbox.is--indeterminate .vxe-checkbox--icon{color:var(--vxe-ui-font-primary-color)}.vxe-select-option--checkbox:not(.is--disabled):hover .vxe-checkbox--icon{color:var(--vxe-ui-font-primary-color)}.vxe-select-option--checkbox.is--hidden{cursor:default}.vxe-select-option--checkbox.is--readonly{cursor:auto}.vxe-select-option--checkbox.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:not-allowed}.vxe-select-option--checkbox.is--disabled .vxe-checkbox--icon{color:var(--vxe-ui-input-disabled-color)}.vxe-select-option--checkbox .vxe-checkbox--label{padding-left:.4em;vertical-align:middle}.vxe-select-option--radio{padding-right:.4em}.vxe-select-option--radio{cursor:pointer}.vxe-select-option--radio .vxe-radio--icon{font-size:1.26em;transition:all .2s ease-in-out}.vxe-select-option--radio .vxe-radio--icon{color:var(--vxe-ui-input-border-color);border-radius:50%;vertical-align:middle;font-weight:700;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-select-option--radio.is--checked{color:var(--vxe-ui-font-primary-color)}.vxe-select-option--radio.is--checked .vxe-radio--icon{color:var(--vxe-ui-font-primary-color)}.vxe-select-option--radio:not(.is--disabled):hover .vxe-radio--icon{color:var(--vxe-ui-font-primary-color)}.vxe-select-option--radio.is--readonly{cursor:auto}.vxe-select-option--radio.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:not-allowed}.vxe-select-option--radio.is--disabled .vxe-radio--icon{color:var(--vxe-ui-input-disabled-color)}.vxe-select-option--radio .vxe-radio--label{padding-left:.4em;vertical-align:middle}.vxe-select--search-icon{margin-right:.5em}.vxe-select--empty-placeholder,.vxe-select--search-loading{padding:0 .6em;text-align:center;color:var(--vxe-ui-select-empty-color)}.vxe-select-option{height:var(--vxe-ui-select-current-option-height)}.vxe-select--empty-placeholder,.vxe-select--search-loading,.vxe-select-option{line-height:var(--vxe-ui-select-current-option-height)}.vxe-select--panel-body.ov-padding.overflow-x.sx-pos--top{padding-top:var(--vxe-ui-scrollbar-x-height)}.vxe-select--panel-body.ov-padding.overflow-x.sx-pos--bottom{padding-bottom:var(--vxe-ui-scrollbar-x-height)}.vxe-select--panel-body.ov-padding.overflow-y.sy-pos--left{padding-left:var(--vxe-ui-scrollbar-y-width)}.vxe-select--panel-body.ov-padding.overflow-y.sy-pos--right{padding-right:var(--vxe-ui-scrollbar-y-width)}.vxe-select--panel-body.ov-x--hidden>.vxe-select-option--wrapper{overflow-x:hidden}.vxe-select--panel-body.ov-y--hidden>.vxe-select-option--wrapper{overflow-y:hidden}.vxe-select--panel-body.is--virtual-scrollbar.ov-x--auto-hide:hover>.vxe-scrollbar>.vxe-scrollbar--track-x{opacity:1}.vxe-select--panel-body.is--virtual-scrollbar.ov-x--auto-hide>.vxe-scrollbar>.vxe-scrollbar--track-x{opacity:0;transition:opacity .8s ease-in-out}.vxe-select--panel-body.is--virtual-scrollbar.ov-y--auto-hide:hover>.vxe-scrollbar>.vxe-scrollbar--track-y{opacity:1}.vxe-select--panel-body.is--virtual-scrollbar.ov-y--auto-hide>.vxe-scrollbar>.vxe-scrollbar--track-y{opacity:0;transition:opacity .8s ease-in-out}.vxe-select--panel-body>.vxe-scrollbar{position:unset}.vxe-select--panel-body.is--virtual-scrollbar>.vxe-select-option--wrapper{scrollbar-width:none;-ms-overflow-style:none}.vxe-select--panel-body.is--virtual-scrollbar>.vxe-select-option--wrapper::-webkit-scrollbar{display:none}
1
+ .vxe-select,.vxe-select--panel{--vxe-ui-select-current-font-size:var(--vxe-ui-font-size-default);--vxe-ui-select-current-option-height:var(--vxe-ui-select-option-height-default)}.vxe-select--panel.size--xlarge,.vxe-select.size--xlarge{--vxe-ui-select-current-font-size:var(--vxe-ui-font-size-xlarge);--vxe-ui-select-current-option-height:var(--vxe-ui-select-option-height-xlarge)}.vxe-select--panel.size--large,.vxe-select.size--large{--vxe-ui-select-current-font-size:var(--vxe-ui-font-size-large);--vxe-ui-select-current-option-height:var(--vxe-ui-select-option-height-large)}.vxe-select--panel.size--medium,.vxe-select.size--medium{--vxe-ui-select-current-font-size:var(--vxe-ui-font-size-medium);--vxe-ui-select-current-option-height:var(--vxe-ui-select-option-height-medium)}.vxe-select--panel.size--small,.vxe-select.size--small{--vxe-ui-select-current-font-size:var(--vxe-ui-font-size-small);--vxe-ui-select-current-option-height:var(--vxe-ui-select-option-height-small)}.vxe-select--panel.size--mini,.vxe-select.size--mini{--vxe-ui-select-current-font-size:var(--vxe-ui-font-size-mini);--vxe-ui-select-current-option-height:var(--vxe-ui-select-option-height-mini)}.vxe-select,.vxe-select--panel{--vxe-ui-select-current-padding:var(--vxe-ui-layout-padding-default)}.vxe-select--panel.size--mini,.vxe-select--panel.size--small,.vxe-select.size--mini,.vxe-select.size--small{--vxe-ui-select-current-padding:var(--vxe-ui-layout-padding-half)}.vxe-select{position:relative;display:inline-block;width:180px;font-size:var(--vxe-ui-select-current-font-size);color:var(--vxe-ui-font-color);text-align:left}.vxe-select>.vxe-input .vxe-input--inner{cursor:pointer}.vxe-select.is--disabled>.vxe-input .vxe-input--inner{cursor:no-drop}.vxe-select.is--loading>.vxe-input .vxe-input--inner{cursor:progress}.vxe-select>.vxe-input{width:100%}.vxe-select>.vxe-input .vxe-input--suffix-icon>i{display:inline-block;transition:transform .2s ease-in-out}.vxe-select.is--active:not(.is--filter)>.vxe-input{border-color:var(--vxe-ui-font-primary-color)}.vxe-select--readonly{color:var(--vxe-ui-font-color);display:inline-flex}.vxe-select--readonly.is--badge,.vxe-select.is--badge{position:relative}.vxe-select--readonly.is--badge-dot::before,.vxe-select.is--badge-dot::before{content:"";position:absolute;top:-.25em;right:-.25em;text-align:center;width:.5em;height:.5em;border-radius:50%;background-color:var(--vxe-ui-badge-label-background-color);z-index:1}.vxe-select-slots{display:none}.vxe-select--panel{font-size:var(--vxe-ui-select-current-font-size);display:none;position:absolute;left:0;padding:4px 0;color:var(--vxe-ui-font-color);text-align:left}.vxe-select--panel:not(.is--transfer){min-width:100%}.vxe-select--panel.is--transfer{position:fixed}.vxe-select--panel.ani--leave{display:block;opacity:0;transform:scaleY(.5);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transform-origin:center top;backface-visibility:hidden}.vxe-select--panel.ani--leave[placement=top]{transform-origin:center bottom}.vxe-select--panel.ani--enter{opacity:1;transform:scaleY(1)}.vxe-select--panel.ani--enter>div::after{display:none}.vxe-select--panel>div::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-select--panel-search{display:block;flex-shrink:0;padding:var(--vxe-ui-layout-padding-default)}.vxe-select--panel-search .vxe-select-search--input{width:100%}.vxe-select--panel-wrapper{display:flex;flex-direction:column;position:relative;max-height:18em;border-radius:var(--vxe-ui-base-border-radius);border:1px solid var(--vxe-ui-base-popup-border-color);box-shadow:var(--vxe-ui-base-popup-box-shadow);background-color:var(--vxe-ui-layout-background-color)}.vxe-select--panel-body{position:relative;display:flex;flex-direction:row;flex-grow:1;overflow:hidden}.vxe-select--header-button{display:flex;flex-direction:row}.vxe-select--footer-button,.vxe-select--header-button{display:flex;flex-direction:row;white-space:nowrap;align-items:center;min-height:2em}.vxe-select--total-btns{padding-left:var(--vxe-ui-select-current-padding);flex-grow:1}.vxe-select--oper-btns,.vxe-select--total-btns{display:flex;flex-direction:row;align-items:center}.vxe-select--oper-btns{flex-shrink:0}.vxe-select--footer-button{display:flex;flex-direction:row}.vxe-select--panel-header{border-bottom:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-select--panel-footer{border-top:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-select--panel-footer,.vxe-select--panel-header{flex-shrink:0;padding:4px 0}.vxe-select-option--wrapper{flex-grow:1;position:relative;overflow-x:hidden;overflow-y:auto}.vxe-select--y-space{width:0;float:left}.vxe-select--body,.vxe-select-option--wrapper{padding:0;margin:0;border:0;outline:0}.vxe-select-option{position:relative;flex-direction:row;display:flex;padding:0 .6em;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer}.vxe-select-option.is--add{padding-right:2em}.vxe-select-option.is--add:hover .vxe-select-option--add-icon{color:var(--vxe-ui-font-primary-color)}.vxe-select-option.is--add .vxe-select-option--add-icon{display:block}.vxe-select-option.is--selected{color:var(--vxe-ui-font-primary-color)}.vxe-select-option:not(.is--disabled).is--hover{background-color:var(--vxe-ui-select-option-hover-background-color)}.vxe-select-option.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:no-drop}.vxe-select-optgroup{color:var(--vxe-ui-select-title-color);font-size:12px;cursor:default}.vxe-select-option--label{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-select-option--add-icon{display:none;position:absolute;top:0;right:.6em}.vxe-select-option--checkbox{padding-right:.4em}.vxe-select-option--checkbox{cursor:pointer}.vxe-select-option--checkbox .vxe-checkbox--icon{font-size:1.22em;transition:all .2s ease-in-out}.vxe-select-option--checkbox .vxe-checkbox--icon{color:var(--vxe-ui-input-border-color);vertical-align:middle;font-weight:700;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-select-option--checkbox.is--checked,.vxe-select-option--checkbox.is--indeterminate{color:var(--vxe-ui-font-primary-color)}.vxe-select-option--checkbox.is--checked .vxe-checkbox--icon,.vxe-select-option--checkbox.is--indeterminate .vxe-checkbox--icon{color:var(--vxe-ui-font-primary-color)}.vxe-select-option--checkbox:not(.is--disabled):hover .vxe-checkbox--icon{color:var(--vxe-ui-font-primary-color)}.vxe-select-option--checkbox.is--hidden{cursor:default}.vxe-select-option--checkbox.is--readonly{cursor:auto}.vxe-select-option--checkbox.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:not-allowed}.vxe-select-option--checkbox.is--disabled .vxe-checkbox--icon{color:var(--vxe-ui-input-disabled-color)}.vxe-select-option--checkbox .vxe-checkbox--label{padding-left:.4em;vertical-align:middle}.vxe-select-option--radio{padding-right:.4em}.vxe-select-option--radio{cursor:pointer}.vxe-select-option--radio .vxe-radio--icon{font-size:1.26em;transition:all .2s ease-in-out}.vxe-select-option--radio .vxe-radio--icon{color:var(--vxe-ui-input-border-color);border-radius:50%;vertical-align:middle;font-weight:700;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-select-option--radio.is--checked{color:var(--vxe-ui-font-primary-color)}.vxe-select-option--radio.is--checked .vxe-radio--icon{color:var(--vxe-ui-font-primary-color)}.vxe-select-option--radio:not(.is--disabled):hover .vxe-radio--icon{color:var(--vxe-ui-font-primary-color)}.vxe-select-option--radio.is--readonly{cursor:auto}.vxe-select-option--radio.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:not-allowed}.vxe-select-option--radio.is--disabled .vxe-radio--icon{color:var(--vxe-ui-input-disabled-color)}.vxe-select-option--radio .vxe-radio--label{padding-left:.4em;vertical-align:middle}.vxe-select--search-icon{margin-right:.5em}.vxe-select--empty-placeholder,.vxe-select--search-loading{padding:0 .6em;text-align:center;color:var(--vxe-ui-select-empty-color)}.vxe-select-option{height:var(--vxe-ui-select-current-option-height)}.vxe-select--empty-placeholder,.vxe-select--search-loading,.vxe-select-option{line-height:var(--vxe-ui-select-current-option-height)}.vxe-select--panel-body.ov-padding.overflow-x.sx-pos--top{padding-top:var(--vxe-ui-scrollbar-x-height)}.vxe-select--panel-body.ov-padding.overflow-x.sx-pos--bottom{padding-bottom:var(--vxe-ui-scrollbar-x-height)}.vxe-select--panel-body.ov-padding.overflow-y.sy-pos--left{padding-left:var(--vxe-ui-scrollbar-y-width)}.vxe-select--panel-body.ov-padding.overflow-y.sy-pos--right{padding-right:var(--vxe-ui-scrollbar-y-width)}.vxe-select--panel-body.ov-x--hidden>.vxe-select-option--wrapper{overflow-x:hidden}.vxe-select--panel-body.ov-y--hidden>.vxe-select-option--wrapper{overflow-y:hidden}.vxe-select--panel-body.is--virtual-scrollbar.ov-x--auto-hide:hover>.vxe-scrollbar>.vxe-scrollbar--track-x{opacity:1}.vxe-select--panel-body.is--virtual-scrollbar.ov-x--auto-hide>.vxe-scrollbar>.vxe-scrollbar--track-x{opacity:0;transition:opacity .8s ease-in-out}.vxe-select--panel-body.is--virtual-scrollbar.ov-y--auto-hide:hover>.vxe-scrollbar>.vxe-scrollbar--track-y{opacity:1}.vxe-select--panel-body.is--virtual-scrollbar.ov-y--auto-hide>.vxe-scrollbar>.vxe-scrollbar--track-y{opacity:0;transition:opacity .8s ease-in-out}.vxe-select--panel-body>.vxe-scrollbar{position:unset}.vxe-select--panel-body.is--virtual-scrollbar>.vxe-select-option--wrapper{scrollbar-width:none;-ms-overflow-style:none}.vxe-select--panel-body.is--virtual-scrollbar>.vxe-select-option--wrapper::-webkit-scrollbar{display:none}
package/lib/alert/src/alert.js CHANGED
@@ -10,12 +10,18 @@ var _xeUtils = _interopRequireDefault(require("xe-utils"));
10
10
  var _ui = require("../../ui");
11
11
  var _vn = require("../../ui/src/vn");
12
12
  function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
13
+ const {
14
+ getConfig,
15
+ getIcon,
16
+ createEvent,
17
+ renderEmptyElement
18
+ } = _ui.VxeUI;
13
19
  var _default = exports.default = (0, _comp.defineVxeComponent)({
14
20
  name: 'VxeAlert',
15
21
  props: {
16
22
  title: {
17
23
  type: [String, Number],
18
- default: () => (0, _ui.getConfig)().alert.title
24
+ default: () => getConfig().alert.title
19
25
  },
20
26
  content: [String, Number],
21
27
  status: String,
@@ -23,7 +29,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
23
29
  showClose: Boolean,
24
30
  icon: {
25
31
  type: String,
26
- default: () => (0, _ui.getConfig)().alert.icon
32
+ default: () => getConfig().alert.icon
27
33
  }
28
34
  },
29
35
  emits: ['close'],
@@ -49,7 +55,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
49
55
  };
50
56
  const alertMethods = {
51
57
  dispatchEvent(type, params, evnt) {
52
- emit(type, (0, _ui.createEvent)(evnt, {
58
+ emit(type, createEvent(evnt, {
53
59
  $alert: $xeAlert
54
60
  }, params));
55
61
  }
@@ -79,19 +85,19 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
79
85
  }, [iconSlot || showIcon && status || icon ? (0, _vue.h)('div', {
80
86
  class: 'vxe-alert--icon'
81
87
  }, iconSlot ? (0, _vn.getSlotVNs)(iconSlot({})) : [(0, _vue.h)('i', {
82
- class: icon || (0, _ui.getIcon)()[`ALERT_${status === null || status === void 0 ? void 0 : status.toUpperCase()}`]
83
- })]) : (0, _ui.renderEmptyElement)($xeAlert), (0, _vue.h)('div', {
88
+ class: icon || getIcon()[`ALERT_${status === null || status === void 0 ? void 0 : status.toUpperCase()}`]
89
+ })]) : renderEmptyElement($xeAlert), (0, _vue.h)('div', {
84
90
  class: 'vxe-alert--body'
85
91
  }, [titleSlot || title ? (0, _vue.h)('div', {
86
92
  class: 'vxe-alert--title'
87
- }, titleSlot ? (0, _vn.getSlotVNs)(titleSlot({})) : _xeUtils.default.toValueString(title)) : (0, _ui.renderEmptyElement)($xeAlert), (0, _vue.h)('div', {
93
+ }, titleSlot ? (0, _vn.getSlotVNs)(titleSlot({})) : _xeUtils.default.toValueString(title)) : renderEmptyElement($xeAlert), (0, _vue.h)('div', {
88
94
  class: 'vxe-alert--content'
89
95
  }, defaultSlot ? (0, _vn.getSlotVNs)(defaultSlot({})) : _xeUtils.default.toValueString(content))]), showClose ? (0, _vue.h)('div', {
90
96
  class: 'vxe-alert--close-btn',
91
97
  onClick: closeEvent
92
98
  }, [(0, _vue.h)('i', {
93
- class: (0, _ui.getIcon)().ALERT_CLOSE
94
- })]) : (0, _ui.renderEmptyElement)($xeAlert)]);
99
+ class: getIcon().ALERT_CLOSE
100
+ })]) : renderEmptyElement($xeAlert)]);
95
101
  };
96
102
  $xeAlert.renderVN = renderVN;
97
103
  return $xeAlert;
package/lib/alert/src/alert.min.js CHANGED
@@ -1 +1 @@
1
- Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_vn=require("../../ui/src/vn");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeAlert",props:{title:{type:[String,Number],default:()=>(0,_ui.getConfig)().alert.title},content:[String,Number],status:String,showIcon:Boolean,showClose:Boolean,icon:{type:String,default:()=>(0,_ui.getConfig)().alert.icon}},emits:["close"],setup(a,e){let{emit:i,slots:v}=e;var t=_xeUtils.default.uniqueId();let _=(0,_vue.ref)();var r=(0,_vue.reactive)({});let l={refElem:_},u={},c={xID:t,props:a,context:e,reactData:r,getRefMaps:()=>l,getComputeMaps:()=>u},n={dispatchEvent(e,t,r){i(e,(0,_ui.createEvent)(r,{$alert:c},t))}},d=e=>{n.dispatchEvent("close",{},e)};Object.assign(c,n,{});return c.renderVN=()=>{var{status:e,content:t,icon:r,title:i,showIcon:l,showClose:u}=a,n=v.default,s=v.title,o=v.icon;return(0,_vue.h)("div",{ref:_,class:["vxe-alert",{["theme--"+e]:e}]},[o||l&&e||r?(0,_vue.h)("div",{class:"vxe-alert--icon"},o?(0,_vn.getSlotVNs)(o({})):[(0,_vue.h)("i",{class:r||(0,_ui.getIcon)()["ALERT_"+(null==e?void 0:e.toUpperCase())]})]):(0,_ui.renderEmptyElement)(c),(0,_vue.h)("div",{class:"vxe-alert--body"},[s||i?(0,_vue.h)("div",{class:"vxe-alert--title"},s?(0,_vn.getSlotVNs)(s({})):_xeUtils.default.toValueString(i)):(0,_ui.renderEmptyElement)(c),(0,_vue.h)("div",{class:"vxe-alert--content"},n?(0,_vn.getSlotVNs)(n({})):_xeUtils.default.toValueString(t))]),u?(0,_vue.h)("div",{class:"vxe-alert--close-btn",onClick:d},[(0,_vue.h)("i",{class:(0,_ui.getIcon)().ALERT_CLOSE})]):(0,_ui.renderEmptyElement)(c)])},c},render(){return this.renderVN()}});
1
+ Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_vn=require("../../ui/src/vn");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let{getConfig,getIcon,createEvent,renderEmptyElement}=_ui.VxeUI;var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeAlert",props:{title:{type:[String,Number],default:()=>getConfig().alert.title},content:[String,Number],status:String,showIcon:Boolean,showClose:Boolean,icon:{type:String,default:()=>getConfig().alert.icon}},emits:["close"],setup(a,e){let{emit:l,slots:v}=e;var t=_xeUtils.default.uniqueId();let c=(0,_vue.ref)();var r=(0,_vue.reactive)({});let n={refElem:c},i={},d={xID:t,props:a,context:e,reactData:r,getRefMaps:()=>n,getComputeMaps:()=>i},o={dispatchEvent(e,t,r){l(e,createEvent(r,{$alert:d},t))}},_=e=>{o.dispatchEvent("close",{},e)};Object.assign(d,o,{});return d.renderVN=()=>{var{status:e,content:t,icon:r,title:l,showIcon:n,showClose:i}=a,o=v.default,s=v.title,u=v.icon;return(0,_vue.h)("div",{ref:c,class:["vxe-alert",{["theme--"+e]:e}]},[u||n&&e||r?(0,_vue.h)("div",{class:"vxe-alert--icon"},u?(0,_vn.getSlotVNs)(u({})):[(0,_vue.h)("i",{class:r||getIcon()["ALERT_"+(null==e?void 0:e.toUpperCase())]})]):renderEmptyElement(d),(0,_vue.h)("div",{class:"vxe-alert--body"},[s||l?(0,_vue.h)("div",{class:"vxe-alert--title"},s?(0,_vn.getSlotVNs)(s({})):_xeUtils.default.toValueString(l)):renderEmptyElement(d),(0,_vue.h)("div",{class:"vxe-alert--content"},o?(0,_vn.getSlotVNs)(o({})):_xeUtils.default.toValueString(t))]),i?(0,_vue.h)("div",{class:"vxe-alert--close-btn",onClick:_},[(0,_vue.h)("i",{class:getIcon().ALERT_CLOSE})]):renderEmptyElement(d)])},d},render(){return this.renderVN()}});
package/lib/badge/src/badge.js CHANGED
@@ -13,8 +13,13 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
13
13
  name: 'VxeBadge',
14
14
  props: {
15
15
  count: [String, Number],
16
+ text: [String, Number],
16
17
  dot: Boolean,
17
18
  content: [String, Number],
19
+ max: {
20
+ type: [String, Number],
21
+ default: () => (0, _ui.getConfig)().badge.max
22
+ },
18
23
  size: {
19
24
  type: String,
20
25
  default: () => (0, _ui.getConfig)().badge.size || (0, _ui.getConfig)().size
@@ -41,6 +46,21 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
41
46
  } = props;
42
47
  return count ? _xeUtils.default.toNumber(count) : 0;
43
48
  });
49
+ const computeLabel = (0, _vue.computed)(() => {
50
+ const {
51
+ text,
52
+ max
53
+ } = props;
54
+ if (text) {
55
+ return `${text}`;
56
+ }
57
+ const countNum = computeCountNum.value;
58
+ if (countNum) {
59
+ const maxNum = max ? _xeUtils.default.toNumber(max) : 99;
60
+ return countNum > maxNum ? `${maxNum}+` : `${countNum}`;
61
+ }
62
+ return '';
63
+ });
44
64
  const computeMaps = {};
45
65
  const $xeBadge = {
46
66
  xID,
@@ -66,7 +86,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
66
86
  content
67
87
  } = props;
68
88
  const vSize = computeSize.value;
69
- const countNum = computeCountNum.value;
89
+ const label = computeLabel.value;
70
90
  const defaultSlot = slots.default;
71
91
  return (0, _vue.h)('div', {
72
92
  ref: refElem,
@@ -76,9 +96,9 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
76
96
  }]
77
97
  }, [defaultSlot || content ? (0, _vue.h)('div', {
78
98
  class: 'vxe-badge--content'
79
- }, defaultSlot ? defaultSlot({}) : `${content || ''}`) : [], countNum ? (0, _vue.h)('span', {
80
- class: 'vxe-badge--count'
81
- }, countNum > 99 ? '99+' : `${countNum}`) : (0, _ui.renderEmptyElement)($xeBadge)]);
99
+ }, defaultSlot ? defaultSlot({}) : `${content || ''}`) : [], label ? (0, _vue.h)('span', {
100
+ class: 'vxe-badge--label'
101
+ }, label) : (0, _ui.renderEmptyElement)($xeBadge)]);
82
102
  };
83
103
  $xeBadge.renderVN = renderVN;
84
104
  return $xeBadge;
package/lib/badge/src/badge.min.js CHANGED
@@ -1 +1 @@
1
- Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeBadge",props:{count:[String,Number],dot:Boolean,content:[String,Number],size:{type:String,default:()=>(0,_ui.getConfig)().badge.size||(0,_ui.getConfig)().size}},emits:[],setup(a,e){let{emit:r,slots:n}=e;var t=_xeUtils.default.uniqueId();let o=(0,_vue.ref)(),s=(0,_ui.useSize)(a).computeSize;var u=(0,_vue.reactive)({});let i={refElem:o},d=(0,_vue.computed)(()=>{var e=a.count;return e?_xeUtils.default.toNumber(e):0}),l={},v={xID:t,props:a,context:e,reactData:u,getRefMaps:()=>i,getComputeMaps:()=>l};Object.assign(v,{dispatchEvent:(e,t,u)=>{r(e,(0,_ui.createEvent)(u,{$badge:v},t))}},{});return v.renderVN=()=>{var{dot:e,content:t}=a,u=s.value,r=d.value,i=n.default;return(0,_vue.h)("div",{ref:o,class:["vxe-badge",{["size--"+u]:u,"is--dot":e}]},[i||t?(0,_vue.h)("div",{class:"vxe-badge--content"},i?i({}):""+(t||"")):[],r?(0,_vue.h)("span",{class:"vxe-badge--count"},99<r?"99+":""+r):(0,_ui.renderEmptyElement)(v)])},v},render(){return this.renderVN()}});
1
+ Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeBadge",props:{count:[String,Number],text:[String,Number],dot:Boolean,content:[String,Number],max:{type:[String,Number],default:()=>(0,_ui.getConfig)().badge.max},size:{type:String,default:()=>(0,_ui.getConfig)().badge.size||(0,_ui.getConfig)().size}},emits:[],setup(a,e){let{emit:r,slots:n}=e;var t=_xeUtils.default.uniqueId();let o=(0,_vue.ref)(),s=(0,_ui.useSize)(a).computeSize;var u=(0,_vue.reactive)({});let i={refElem:o},d=(0,_vue.computed)(()=>{var e=a.count;return e?_xeUtils.default.toNumber(e):0}),l=(0,_vue.computed)(()=>{var{text:e,max:t}=a;return e?""+e:(e=d.value)?(t=t?_xeUtils.default.toNumber(t):99)<e?t+"+":""+e:""}),v={},_={xID:t,props:a,context:e,reactData:u,getRefMaps:()=>i,getComputeMaps:()=>v};Object.assign(_,{dispatchEvent:(e,t,u)=>{r(e,(0,_ui.createEvent)(u,{$badge:_},t))}},{});return _.renderVN=()=>{var{dot:e,content:t}=a,u=s.value,r=l.value,i=n.default;return(0,_vue.h)("div",{ref:o,class:["vxe-badge",{["size--"+u]:u,"is--dot":e}]},[i||t?(0,_vue.h)("div",{class:"vxe-badge--content"},i?i({}):""+(t||"")):[],r?(0,_vue.h)("span",{class:"vxe-badge--label"},r):(0,_ui.renderEmptyElement)(_)])},_},render(){return this.renderVN()}});
package/lib/badge/style/style.css CHANGED
@@ -1,7 +1,27 @@
1
+ .vxe-badge {
2
+ --vxe-ui-badge-current-font-size: var(--vxe-ui-font-size-default);
3
+ }
4
+ .vxe-badge.size--xlarge {
5
+ --vxe-ui-badge-current-font-size: var(--vxe-ui-font-size-xlarge);
6
+ }
7
+ .vxe-badge.size--large {
8
+ --vxe-ui-badge-current-font-size: var(--vxe-ui-font-size-large);
9
+ }
10
+ .vxe-badge.size--medium {
11
+ --vxe-ui-badge-current-font-size: var(--vxe-ui-font-size-medium);
12
+ }
13
+ .vxe-badge.size--small {
14
+ --vxe-ui-badge-current-font-size: var(--vxe-ui-font-size-small);
15
+ }
16
+ .vxe-badge.size--mini {
17
+ --vxe-ui-badge-current-font-size: var(--vxe-ui-font-size-mini);
18
+ }
19
+
1
20
  .vxe-badge {
2
21
  position: relative;
3
22
  display: inline-block;
4
23
  vertical-align: middle;
24
+ font-size: var(--vxe-ui-badge-current-font-size);
5
25
  }
6
26
  .vxe-badge.is--dot::before {
7
27
  content: "";
@@ -12,11 +32,11 @@
12
32
  width: 0.5em;
13
33
  height: 0.5em;
14
34
  border-radius: 50%;
15
- background-color: #ff4d4f;
35
+ background-color: var(--vxe-ui-badge-label-background-color);
16
36
  z-index: 1;
17
37
  }
18
38
 
19
- .vxe-badge--count {
39
+ .vxe-badge--label {
20
40
  position: absolute;
21
41
  top: -0.8em;
22
42
  right: -0.8em;
@@ -26,17 +46,7 @@
26
46
  padding: 0 0.4em;
27
47
  border-radius: 0.8em;
28
48
  font-size: 0.8em;
29
- background-color: #ff4d4f;
30
- color: #fff;
49
+ background-color: var(--vxe-ui-badge-label-background-color);
50
+ color: var(--vxe-ui-badge-label-font-color);
31
51
  z-index: 1;
32
- }
33
-
34
- .vxe-badge.size--medium {
35
- font-size: var(--vxe-ui-font-size-medium);
36
- }
37
- .vxe-badge.size--small {
38
- font-size: var(--vxe-ui-font-size-small);
39
- }
40
- .vxe-badge.size--mini {
41
- font-size: var(--vxe-ui-font-size-mini);
42
52
  }
package/lib/badge/style/style.min.css CHANGED
@@ -1 +1 @@
1
- .vxe-badge{position:relative;display:inline-block;vertical-align:middle}.vxe-badge.is--dot::before{content:"";position:absolute;top:-.25em;right:-.25em;text-align:center;width:.5em;height:.5em;border-radius:50%;background-color:#ff4d4f;z-index:1}.vxe-badge--count{position:absolute;top:-.8em;right:-.8em;text-align:center;min-width:1.5em;height:1.5em;padding:0 .4em;border-radius:.8em;font-size:.8em;background-color:#ff4d4f;color:#fff;z-index:1}.vxe-badge.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-badge.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-badge.size--mini{font-size:var(--vxe-ui-font-size-mini)}
1
+ .vxe-badge{--vxe-ui-badge-current-font-size:var(--vxe-ui-font-size-default)}.vxe-badge.size--xlarge{--vxe-ui-badge-current-font-size:var(--vxe-ui-font-size-xlarge)}.vxe-badge.size--large{--vxe-ui-badge-current-font-size:var(--vxe-ui-font-size-large)}.vxe-badge.size--medium{--vxe-ui-badge-current-font-size:var(--vxe-ui-font-size-medium)}.vxe-badge.size--small{--vxe-ui-badge-current-font-size:var(--vxe-ui-font-size-small)}.vxe-badge.size--mini{--vxe-ui-badge-current-font-size:var(--vxe-ui-font-size-mini)}.vxe-badge{position:relative;display:inline-block;vertical-align:middle;font-size:var(--vxe-ui-badge-current-font-size)}.vxe-badge.is--dot::before{content:"";position:absolute;top:-.25em;right:-.25em;text-align:center;width:.5em;height:.5em;border-radius:50%;background-color:var(--vxe-ui-badge-label-background-color);z-index:1}.vxe-badge--label{position:absolute;top:-.8em;right:-.8em;text-align:center;min-width:1.5em;height:1.5em;padding:0 .4em;border-radius:.8em;font-size:.8em;background-color:var(--vxe-ui-badge-label-background-color);color:var(--vxe-ui-badge-label-font-color);z-index:1}