vxe-pc-ui 4.17.20 → 4.17.21

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 (59) hide show
  1. package/dist/all.esm.js +202 -87
  2. package/dist/style.css +1 -1
  3. package/dist/style.min.css +1 -1
  4. package/es/icon/style.css +1 -1
  5. package/es/slider/src/slider.js +167 -72
  6. package/es/slider/style.css +8 -15
  7. package/es/slider/style.min.css +1 -1
  8. package/es/space/src/space.js +31 -11
  9. package/es/space/style.css +1 -0
  10. package/es/space/style.min.css +1 -1
  11. package/es/style.css +1 -1
  12. package/es/style.min.css +1 -1
  13. package/es/ui/index.js +1 -1
  14. package/es/ui/src/log.js +1 -1
  15. package/es/vxe-slider/style.css +8 -15
  16. package/es/vxe-slider/style.min.css +1 -1
  17. package/es/vxe-space/style.css +1 -0
  18. package/es/vxe-space/style.min.css +1 -1
  19. package/lib/icon/style/style.css +1 -1
  20. package/lib/icon/style/style.min.css +1 -1
  21. package/lib/index.umd.js +210 -92
  22. package/lib/index.umd.min.js +1 -1
  23. package/lib/slider/src/slider.js +170 -78
  24. package/lib/slider/src/slider.min.js +1 -1
  25. package/lib/slider/style/style.css +8 -15
  26. package/lib/slider/style/style.min.css +1 -1
  27. package/lib/space/src/space.js +36 -11
  28. package/lib/space/src/space.min.js +1 -1
  29. package/lib/space/style/style.css +1 -0
  30. package/lib/space/style/style.min.css +1 -1
  31. package/lib/style.css +1 -1
  32. package/lib/style.min.css +1 -1
  33. package/lib/ui/index.js +1 -1
  34. package/lib/ui/index.min.js +1 -1
  35. package/lib/ui/src/log.js +1 -1
  36. package/lib/ui/src/log.min.js +1 -1
  37. package/lib/vxe-slider/style/style.css +8 -15
  38. package/lib/vxe-slider/style/style.min.css +1 -1
  39. package/lib/vxe-space/style/style.css +1 -0
  40. package/lib/vxe-space/style/style.min.css +1 -1
  41. package/package.json +4 -3
  42. package/packages/slider/src/slider.ts +165 -72
  43. package/packages/space/src/space.ts +37 -12
  44. package/styles/components/slider.scss +8 -13
  45. package/styles/components/space.scss +1 -0
  46. package/types/components/slider.d.ts +9 -2
  47. package/types/components/space.d.ts +2 -0
  48. /package/es/icon/{iconfont.1787911536008.ttf → iconfont.1787994747472.ttf} +0 -0
  49. /package/es/icon/{iconfont.1787911536008.woff → iconfont.1787994747472.woff} +0 -0
  50. /package/es/icon/{iconfont.1787911536008.woff2 → iconfont.1787994747472.woff2} +0 -0
  51. /package/es/{iconfont.1787911536008.ttf → iconfont.1787994747472.ttf} +0 -0
  52. /package/es/{iconfont.1787911536008.woff → iconfont.1787994747472.woff} +0 -0
  53. /package/es/{iconfont.1787911536008.woff2 → iconfont.1787994747472.woff2} +0 -0
  54. /package/lib/icon/style/{iconfont.1787911536008.ttf → iconfont.1787994747472.ttf} +0 -0
  55. /package/lib/icon/style/{iconfont.1787911536008.woff → iconfont.1787994747472.woff} +0 -0
  56. /package/lib/icon/style/{iconfont.1787911536008.woff2 → iconfont.1787994747472.woff2} +0 -0
  57. /package/lib/{iconfont.1787911536008.ttf → iconfont.1787994747472.ttf} +0 -0
  58. /package/lib/{iconfont.1787911536008.woff → iconfont.1787994747472.woff} +0 -0
  59. /package/lib/{iconfont.1787911536008.woff2 → iconfont.1787994747472.woff2} +0 -0
package/es/space/src/space.js CHANGED
@@ -34,6 +34,10 @@ export default defineVxeComponent({
34
34
  separator: {
35
35
  type: String,
36
36
  default: () => getConfig().space.separator
37
+ },
38
+ align: {
39
+ type: String,
40
+ default: () => getConfig().space.align
37
41
  }
38
42
  },
39
43
  emits: [],
@@ -49,7 +53,7 @@ export default defineVxeComponent({
49
53
  refElem
50
54
  };
51
55
  const computeWrapperStyle = computed(() => {
52
- const { gap } = props;
56
+ const { align, gap } = props;
53
57
  const stys = {};
54
58
  let rowGap = '';
55
59
  let columGap = '';
@@ -67,6 +71,9 @@ export default defineVxeComponent({
67
71
  columGap = gap.columGap || '';
68
72
  }
69
73
  }
74
+ if (align) {
75
+ stys['align-items'] = align;
76
+ }
70
77
  if (!eqEmptyValue(rowGap)) {
71
78
  stys['--vxe-ui-space-current-row-gap'] = toCssUnit(rowGap);
72
79
  }
@@ -92,11 +99,31 @@ export default defineVxeComponent({
92
99
  };
93
100
  const spacePrivateMethods = {};
94
101
  Object.assign($xeSpace, spaceMethods, spacePrivateMethods);
102
+ const renderItems = () => {
103
+ const { separator, itemClassName } = props;
104
+ const itemVNs = [];
105
+ const defaultSlot = slots.default;
106
+ const separatorSlot = slots.separator;
107
+ if (defaultSlot) {
108
+ XEUtils.each(defaultSlot({}), (itemVN, index, items) => {
109
+ itemVNs.push(h('div', {
110
+ key: 'i' + index,
111
+ class: ['vxe-space--item', getPropClass(itemClassName, { index })]
112
+ }, [itemVN]));
113
+ if ((separator || separatorSlot) && index < items.length - 1) {
114
+ itemVNs.push(h('div', {
115
+ key: 's' + index,
116
+ class: 'vxe-space--separator'
117
+ }, separatorSlot ? separatorSlot({}) : ('' + separator)));
118
+ }
119
+ });
120
+ }
121
+ return itemVNs;
122
+ };
95
123
  const renderVN = () => {
96
- const { vertical, wrap, className, itemClassName } = props;
124
+ const { vertical, wrap, className } = props;
97
125
  const wrapperStyle = computeWrapperStyle.value;
98
126
  const vSize = computeSize.value;
99
- const defaultSlot = slots.default;
100
127
  return h('div', {
101
128
  ref: refElem,
102
129
  class: ['vxe-space', getPropClass(className, {}), {
@@ -105,14 +132,7 @@ export default defineVxeComponent({
105
132
  'is--vertical': vertical
106
133
  }],
107
134
  style: wrapperStyle
108
- }, defaultSlot
109
- ? (defaultSlot({}) || []).map((itemVN, index) => {
110
- return h('div', {
111
- key: index,
112
- class: ['vxe-space--item', getPropClass(itemClassName, { index })]
113
- }, [itemVN]);
114
- })
115
- : []);
135
+ }, renderItems());
116
136
  };
117
137
  $xeSpace.renderVN = renderVN;
118
138
  return $xeSpace;
package/es/space/style.css CHANGED
@@ -26,6 +26,7 @@
26
26
  .vxe-space {
27
27
  display: inline-flex;
28
28
  flex-direction: row;
29
+ align-items: center;
29
30
  gap: var(--vxe-ui-space-current-row-gap) var(--vxe-ui-space-current-column-gap);
30
31
  }
31
32
  .vxe-space.is--wrap {
package/es/space/style.min.css CHANGED
@@ -1 +1 @@
1
- .vxe-space{--vxe-ui-space-current-row-gap:var(--vxe-ui-space-row-gap-default);--vxe-ui-space-current-column-gap:var(--vxe-ui-space-column-gap-default)}.vxe-space.size--xlarge{--vxe-ui-space-current-row-gap:var(--vxe-ui-space-row-gap-xlarge);--vxe-ui-space-current-column-gap:var(--vxe-ui-space-column-gap-xlarge)}.vxe-space.size--large{--vxe-ui-space-current-row-gap:var(--vxe-ui-space-row-gap-large);--vxe-ui-space-current-column-gap:var(--vxe-ui-space-column-gap-large)}.vxe-space.size--medium{--vxe-ui-space-current-row-gap:var(--vxe-ui-space-row-gap-medium);--vxe-ui-space-current-column-gap:var(--vxe-ui-space-column-gap-medium)}.vxe-space.size--small{--vxe-ui-space-current-row-gap:var(--vxe-ui-space-row-gap-small);--vxe-ui-space-current-column-gap:var(--vxe-ui-space-column-gap-small)}.vxe-space.size--mini{--vxe-ui-space-current-row-gap:var(--vxe-ui-space-row-gap-mini);--vxe-ui-space-current-column-gap:var(--vxe-ui-space-column-gap-mini)}.vxe-space{display:inline-flex;flex-direction:row;gap:var(--vxe-ui-space-current-row-gap) var(--vxe-ui-space-current-column-gap)}.vxe-space.is--wrap{flex-wrap:wrap}.vxe-space.is--vertical{flex-direction:column}
1
+ .vxe-space{--vxe-ui-space-current-row-gap:var(--vxe-ui-space-row-gap-default);--vxe-ui-space-current-column-gap:var(--vxe-ui-space-column-gap-default)}.vxe-space.size--xlarge{--vxe-ui-space-current-row-gap:var(--vxe-ui-space-row-gap-xlarge);--vxe-ui-space-current-column-gap:var(--vxe-ui-space-column-gap-xlarge)}.vxe-space.size--large{--vxe-ui-space-current-row-gap:var(--vxe-ui-space-row-gap-large);--vxe-ui-space-current-column-gap:var(--vxe-ui-space-column-gap-large)}.vxe-space.size--medium{--vxe-ui-space-current-row-gap:var(--vxe-ui-space-row-gap-medium);--vxe-ui-space-current-column-gap:var(--vxe-ui-space-column-gap-medium)}.vxe-space.size--small{--vxe-ui-space-current-row-gap:var(--vxe-ui-space-row-gap-small);--vxe-ui-space-current-column-gap:var(--vxe-ui-space-column-gap-small)}.vxe-space.size--mini{--vxe-ui-space-current-row-gap:var(--vxe-ui-space-row-gap-mini);--vxe-ui-space-current-column-gap:var(--vxe-ui-space-column-gap-mini)}.vxe-space{display:inline-flex;flex-direction:row;align-items:center;gap:var(--vxe-ui-space-current-row-gap) var(--vxe-ui-space-current-column-gap)}.vxe-space.is--wrap{flex-wrap:wrap}.vxe-space.is--vertical{flex-direction:column}