vxe-pc-ui 4.4.26 → 4.5.1

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 (121) hide show
  1. package/es/col/style.css +0 -105
  2. package/es/col/style.min.css +0 -1
  3. package/es/components.js +6 -0
  4. package/es/icon/style.css +1 -1
  5. package/es/modal/src/modal.js +2 -4
  6. package/es/row/style.css +106 -0
  7. package/es/row/style.min.css +1 -1
  8. package/es/split/index.js +12 -0
  9. package/es/split/src/split-item.js +93 -0
  10. package/es/split/src/split.js +302 -0
  11. package/es/split/src/util.js +17 -0
  12. package/es/split/style.css +91 -0
  13. package/es/split/style.min.css +1 -0
  14. package/es/split-item/index.js +12 -0
  15. package/es/split-item/style.css +0 -0
  16. package/es/split-item/style.min.css +0 -0
  17. package/es/style.css +1 -1
  18. package/es/style.min.css +1 -1
  19. package/es/ui/index.js +8 -1
  20. package/es/ui/src/log.js +1 -1
  21. package/es/ui/src/utils.js +6 -0
  22. package/es/vxe-col/style.css +0 -105
  23. package/es/vxe-col/style.min.css +0 -1
  24. package/es/vxe-row/style.css +106 -0
  25. package/es/vxe-row/style.min.css +1 -1
  26. package/es/vxe-split/index.js +3 -0
  27. package/es/vxe-split/style.css +91 -0
  28. package/es/vxe-split/style.min.css +1 -0
  29. package/es/vxe-split-item/index.js +3 -0
  30. package/es/vxe-split-item/style.css +0 -0
  31. package/es/vxe-split-item/style.min.css +0 -0
  32. package/lib/col/style/style.css +0 -105
  33. package/lib/col/style/style.min.css +0 -1
  34. package/lib/components.js +25 -1
  35. package/lib/components.min.js +1 -1
  36. package/lib/icon/style/style.css +1 -1
  37. package/lib/icon/style/style.min.css +1 -1
  38. package/lib/index.umd.js +491 -7
  39. package/lib/index.umd.min.js +1 -1
  40. package/lib/modal/src/modal.js +2 -4
  41. package/lib/modal/src/modal.min.js +1 -1
  42. package/lib/row/style/style.css +106 -0
  43. package/lib/row/style/style.min.css +1 -1
  44. package/lib/split/index.js +19 -0
  45. package/lib/split/index.min.js +1 -0
  46. package/lib/split/src/split-item.js +105 -0
  47. package/lib/split/src/split-item.min.js +1 -0
  48. package/lib/split/src/split.js +323 -0
  49. package/lib/split/src/split.min.js +1 -0
  50. package/lib/split/src/util.js +25 -0
  51. package/lib/split/src/util.min.js +1 -0
  52. package/lib/split/style/index.js +1 -0
  53. package/lib/split/style/style.css +91 -0
  54. package/lib/split/style/style.min.css +1 -0
  55. package/lib/split-item/index.js +19 -0
  56. package/lib/split-item/index.min.js +1 -0
  57. package/lib/split-item/style/index.js +1 -0
  58. package/lib/split-item/style/style.css +0 -0
  59. package/lib/split-item/style/style.min.css +0 -0
  60. package/lib/style.css +1 -1
  61. package/lib/style.min.css +1 -1
  62. package/lib/ui/index.js +8 -1
  63. package/lib/ui/index.min.js +1 -1
  64. package/lib/ui/src/log.js +1 -1
  65. package/lib/ui/src/log.min.js +1 -1
  66. package/lib/ui/src/utils.js +7 -0
  67. package/lib/ui/src/utils.min.js +1 -1
  68. package/lib/vxe-col/style/style.css +0 -105
  69. package/lib/vxe-col/style/style.min.css +0 -1
  70. package/lib/vxe-row/style/style.css +106 -0
  71. package/lib/vxe-row/style/style.min.css +1 -1
  72. package/lib/vxe-split/index.js +22 -0
  73. package/lib/vxe-split/index.min.js +1 -0
  74. package/lib/vxe-split/style/index.js +1 -0
  75. package/lib/vxe-split/style/style.css +91 -0
  76. package/lib/vxe-split/style/style.min.css +1 -0
  77. package/lib/vxe-split-item/index.js +22 -0
  78. package/lib/vxe-split-item/index.min.js +1 -0
  79. package/lib/vxe-split-item/style/index.js +1 -0
  80. package/lib/vxe-split-item/style/style.css +0 -0
  81. package/lib/vxe-split-item/style/style.min.css +0 -0
  82. package/package.json +2 -2
  83. package/packages/components.ts +6 -0
  84. package/packages/modal/src/modal.ts +2 -4
  85. package/packages/row/src/col.ts +5 -5
  86. package/packages/split/index.ts +16 -0
  87. package/packages/split/src/split-item.ts +125 -0
  88. package/packages/split/src/split.ts +325 -0
  89. package/packages/split/src/util.ts +21 -0
  90. package/packages/split-item/index.ts +16 -0
  91. package/packages/ui/index.ts +7 -0
  92. package/packages/ui/src/utils.ts +7 -0
  93. package/styles/all.scss +2 -0
  94. package/styles/components/col.scss +0 -61
  95. package/styles/components/row.scss +59 -0
  96. package/styles/components/split-item.scss +0 -0
  97. package/styles/components/split.scss +106 -0
  98. package/styles/helpers/baseVar.scss +4 -0
  99. package/styles/theme/base.scss +5 -1
  100. package/styles/theme/dark.scss +3 -0
  101. package/styles/theme/light.scss +3 -0
  102. package/styles/variable.scss +4 -0
  103. package/types/all.d.ts +6 -0
  104. package/types/components/col.d.ts +11 -1
  105. package/types/components/split-item.d.ts +89 -0
  106. package/types/components/split.d.ts +100 -0
  107. package/types/components/table-plugins/extend-cell-area.d.ts +54 -0
  108. package/types/components/table.d.ts +131 -11
  109. package/types/ui/global-config.d.ts +4 -0
  110. /package/es/icon/{iconfont.1742955913094.ttf → iconfont.1743051559265.ttf} +0 -0
  111. /package/es/icon/{iconfont.1742955913094.woff → iconfont.1743051559265.woff} +0 -0
  112. /package/es/icon/{iconfont.1742955913094.woff2 → iconfont.1743051559265.woff2} +0 -0
  113. /package/es/{iconfont.1742955913094.ttf → iconfont.1743051559265.ttf} +0 -0
  114. /package/es/{iconfont.1742955913094.woff → iconfont.1743051559265.woff} +0 -0
  115. /package/es/{iconfont.1742955913094.woff2 → iconfont.1743051559265.woff2} +0 -0
  116. /package/lib/icon/style/{iconfont.1742955913094.ttf → iconfont.1743051559265.ttf} +0 -0
  117. /package/lib/icon/style/{iconfont.1742955913094.woff → iconfont.1743051559265.woff} +0 -0
  118. /package/lib/icon/style/{iconfont.1742955913094.woff2 → iconfont.1743051559265.woff2} +0 -0
  119. /package/lib/{iconfont.1742955913094.ttf → iconfont.1743051559265.ttf} +0 -0
  120. /package/lib/{iconfont.1742955913094.woff → iconfont.1743051559265.woff} +0 -0
  121. /package/lib/{iconfont.1742955913094.woff2 → iconfont.1743051559265.woff2} +0 -0
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.4.26";
4
+ export const version = "4.5.1";
5
5
  VxeUI.uiVersion = version;
6
6
  VxeUI.dynamicApp = dynamicApp;
7
7
  export function config(options) {
@@ -268,6 +268,13 @@ setConfig({
268
268
  oSize: 2
269
269
  }
270
270
  },
271
+ split: {
272
+ itemConfig: {
273
+ minWidth: 40,
274
+ minHeight: 40
275
+ }
276
+ },
277
+ splitItem: {},
271
278
  slider: {
272
279
  max: 100,
273
280
  min: 0
package/es/ui/src/log.js CHANGED
@@ -1,4 +1,4 @@
1
1
  import { log } from '@vxe-ui/core';
2
- const version = `ui v${"4.4.26"}`;
2
+ const version = `ui v${"4.5.1"}`;
3
3
  export const warnLog = log.create('warn', version);
4
4
  export const errLog = log.create('error', version);
@@ -10,6 +10,12 @@ export function nextZIndex() {
10
10
  export function getLastZIndex() {
11
11
  return DomZIndex.getCurrent();
12
12
  }
13
+ export function getGlobalDefaultConfig(value, globalValue) {
14
+ if (XEUtils.eqNull(value)) {
15
+ return globalValue;
16
+ }
17
+ return value;
18
+ }
13
19
  export function getFuncText(content, args) {
14
20
  if (content) {
15
21
  const translate = getConfig().translate;
@@ -1,105 +0,0 @@
1
- .vxe-col {
2
- display: block;
3
- }
4
- .vxe-col.is--ellipsis {
5
- overflow: hidden;
6
- text-overflow: ellipsis;
7
- white-space: nowrap;
8
- }
9
- .vxe-col.is--fill {
10
- flex-grow: 1;
11
- }
12
- .vxe-col:not(.is--fill) {
13
- flex-shrink: 0;
14
- }
15
- .vxe-col.align--left {
16
- text-align: left;
17
- }
18
- .vxe-col.align--center {
19
- text-align: center;
20
- }
21
- .vxe-col.align--right {
22
- text-align: right;
23
- }
24
- .vxe-col.span1 {
25
- width: 4.16667%;
26
- }
27
- .vxe-col.span2 {
28
- width: 8.33333%;
29
- }
30
- .vxe-col.span3 {
31
- width: 12.5%;
32
- }
33
- .vxe-col.span4 {
34
- width: 16.66667%;
35
- }
36
- .vxe-col.span5 {
37
- width: 20.83333%;
38
- }
39
- .vxe-col.span6 {
40
- width: 25%;
41
- }
42
- .vxe-col.span7 {
43
- width: 29.16667%;
44
- }
45
- .vxe-col.span8 {
46
- width: 33.33333%;
47
- }
48
- .vxe-col.span9 {
49
- width: 37.5%;
50
- }
51
- .vxe-col.span10 {
52
- width: 41.66667%;
53
- }
54
- .vxe-col.span11 {
55
- width: 45.83333%;
56
- }
57
- .vxe-col.span12 {
58
- width: 50%;
59
- }
60
- .vxe-col.span13 {
61
- width: 54.16667%;
62
- }
63
- .vxe-col.span14 {
64
- width: 58.33333%;
65
- }
66
- .vxe-col.span15 {
67
- width: 62.5%;
68
- }
69
- .vxe-col.span16 {
70
- width: 66.66667%;
71
- }
72
- .vxe-col.span17 {
73
- width: 70.83333%;
74
- }
75
- .vxe-col.span18 {
76
- width: 75%;
77
- }
78
- .vxe-col.span19 {
79
- width: 79.16667%;
80
- }
81
- .vxe-col.span20 {
82
- width: 83.33333%;
83
- }
84
- .vxe-col.span21 {
85
- width: 87.5%;
86
- }
87
- .vxe-col.span22 {
88
- width: 91.66667%;
89
- }
90
- .vxe-col.span23 {
91
- width: 95.83333%;
92
- }
93
- .vxe-col.span24 {
94
- width: 100%;
95
- }
96
-
97
- .vxe-col--inner {
98
- display: flex;
99
- flex-direction: column;
100
- width: 100%;
101
- }
102
-
103
- .vxe-col.is--span > .vxe-col--inner > .vxe-default-textarea, .vxe-col.is--span > .vxe-col--inner > .vxe-default-select, .vxe-col.is--span > .vxe-col--inner > .vxe-input, .vxe-col.is--span > .vxe-col--inner > .vxe-number-input, .vxe-col.is--span > .vxe-col--inner > .vxe-password-input, .vxe-col.is--span > .vxe-col--inner > .vxe-date-picker, .vxe-col.is--span > .vxe-col--inner > .vxe-textarea, .vxe-col.is--span > .vxe-col--inner > .vxe-select, .vxe-col.is--span > .vxe-col--inner > .vxe-tree-select, .vxe-col.is--span > .vxe-col--inner > .vxe-table-select, .vxe-col.is--span > .vxe-col--inner > .vxe-ico-picker, .vxe-col.is--width > .vxe-col--inner > .vxe-default-textarea, .vxe-col.is--width > .vxe-col--inner > .vxe-default-select, .vxe-col.is--width > .vxe-col--inner > .vxe-input, .vxe-col.is--width > .vxe-col--inner > .vxe-number-input, .vxe-col.is--width > .vxe-col--inner > .vxe-password-input, .vxe-col.is--width > .vxe-col--inner > .vxe-date-picker, .vxe-col.is--width > .vxe-col--inner > .vxe-textarea, .vxe-col.is--width > .vxe-col--inner > .vxe-select, .vxe-col.is--width > .vxe-col--inner > .vxe-tree-select, .vxe-col.is--width > .vxe-col--inner > .vxe-table-select, .vxe-col.is--width > .vxe-col--inner > .vxe-ico-picker {
104
- width: 100%;
105
- }
@@ -1 +0,0 @@
1
- .vxe-col{display:block}.vxe-col.is--ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-col.is--fill{flex-grow:1}.vxe-col:not(.is--fill){flex-shrink:0}.vxe-col.align--left{text-align:left}.vxe-col.align--center{text-align:center}.vxe-col.align--right{text-align:right}.vxe-col.span1{width:4.16667%}.vxe-col.span2{width:8.33333%}.vxe-col.span3{width:12.5%}.vxe-col.span4{width:16.66667%}.vxe-col.span5{width:20.83333%}.vxe-col.span6{width:25%}.vxe-col.span7{width:29.16667%}.vxe-col.span8{width:33.33333%}.vxe-col.span9{width:37.5%}.vxe-col.span10{width:41.66667%}.vxe-col.span11{width:45.83333%}.vxe-col.span12{width:50%}.vxe-col.span13{width:54.16667%}.vxe-col.span14{width:58.33333%}.vxe-col.span15{width:62.5%}.vxe-col.span16{width:66.66667%}.vxe-col.span17{width:70.83333%}.vxe-col.span18{width:75%}.vxe-col.span19{width:79.16667%}.vxe-col.span20{width:83.33333%}.vxe-col.span21{width:87.5%}.vxe-col.span22{width:91.66667%}.vxe-col.span23{width:95.83333%}.vxe-col.span24{width:100%}.vxe-col--inner{display:flex;flex-direction:column;width:100%}.vxe-col.is--span>.vxe-col--inner>.vxe-date-picker,.vxe-col.is--span>.vxe-col--inner>.vxe-default-select,.vxe-col.is--span>.vxe-col--inner>.vxe-default-textarea,.vxe-col.is--span>.vxe-col--inner>.vxe-ico-picker,.vxe-col.is--span>.vxe-col--inner>.vxe-input,.vxe-col.is--span>.vxe-col--inner>.vxe-number-input,.vxe-col.is--span>.vxe-col--inner>.vxe-password-input,.vxe-col.is--span>.vxe-col--inner>.vxe-select,.vxe-col.is--span>.vxe-col--inner>.vxe-table-select,.vxe-col.is--span>.vxe-col--inner>.vxe-textarea,.vxe-col.is--span>.vxe-col--inner>.vxe-tree-select,.vxe-col.is--width>.vxe-col--inner>.vxe-date-picker,.vxe-col.is--width>.vxe-col--inner>.vxe-default-select,.vxe-col.is--width>.vxe-col--inner>.vxe-default-textarea,.vxe-col.is--width>.vxe-col--inner>.vxe-ico-picker,.vxe-col.is--width>.vxe-col--inner>.vxe-input,.vxe-col.is--width>.vxe-col--inner>.vxe-number-input,.vxe-col.is--width>.vxe-col--inner>.vxe-password-input,.vxe-col.is--width>.vxe-col--inner>.vxe-select,.vxe-col.is--width>.vxe-col--inner>.vxe-table-select,.vxe-col.is--width>.vxe-col--inner>.vxe-textarea,.vxe-col.is--width>.vxe-col--inner>.vxe-tree-select{width:100%}
@@ -9,4 +9,110 @@
9
9
  }
10
10
  .vxe-row.is--wrap {
11
11
  flex-wrap: wrap;
12
+ }
13
+
14
+ .vxe-col {
15
+ display: block;
16
+ }
17
+ .vxe-col.is--ellipsis {
18
+ overflow: hidden;
19
+ text-overflow: ellipsis;
20
+ white-space: nowrap;
21
+ }
22
+ .vxe-col.is--fill {
23
+ flex-grow: 1;
24
+ }
25
+ .vxe-col:not(.is--fill) {
26
+ flex-shrink: 0;
27
+ }
28
+ .vxe-col.align--left {
29
+ text-align: left;
30
+ }
31
+ .vxe-col.align--center {
32
+ text-align: center;
33
+ }
34
+ .vxe-col.align--right {
35
+ text-align: right;
36
+ }
37
+ .vxe-col.span1 {
38
+ width: 4.16667%;
39
+ }
40
+ .vxe-col.span2 {
41
+ width: 8.33333%;
42
+ }
43
+ .vxe-col.span3 {
44
+ width: 12.5%;
45
+ }
46
+ .vxe-col.span4 {
47
+ width: 16.66667%;
48
+ }
49
+ .vxe-col.span5 {
50
+ width: 20.83333%;
51
+ }
52
+ .vxe-col.span6 {
53
+ width: 25%;
54
+ }
55
+ .vxe-col.span7 {
56
+ width: 29.16667%;
57
+ }
58
+ .vxe-col.span8 {
59
+ width: 33.33333%;
60
+ }
61
+ .vxe-col.span9 {
62
+ width: 37.5%;
63
+ }
64
+ .vxe-col.span10 {
65
+ width: 41.66667%;
66
+ }
67
+ .vxe-col.span11 {
68
+ width: 45.83333%;
69
+ }
70
+ .vxe-col.span12 {
71
+ width: 50%;
72
+ }
73
+ .vxe-col.span13 {
74
+ width: 54.16667%;
75
+ }
76
+ .vxe-col.span14 {
77
+ width: 58.33333%;
78
+ }
79
+ .vxe-col.span15 {
80
+ width: 62.5%;
81
+ }
82
+ .vxe-col.span16 {
83
+ width: 66.66667%;
84
+ }
85
+ .vxe-col.span17 {
86
+ width: 70.83333%;
87
+ }
88
+ .vxe-col.span18 {
89
+ width: 75%;
90
+ }
91
+ .vxe-col.span19 {
92
+ width: 79.16667%;
93
+ }
94
+ .vxe-col.span20 {
95
+ width: 83.33333%;
96
+ }
97
+ .vxe-col.span21 {
98
+ width: 87.5%;
99
+ }
100
+ .vxe-col.span22 {
101
+ width: 91.66667%;
102
+ }
103
+ .vxe-col.span23 {
104
+ width: 95.83333%;
105
+ }
106
+ .vxe-col.span24 {
107
+ width: 100%;
108
+ }
109
+
110
+ .vxe-col--inner {
111
+ display: flex;
112
+ flex-direction: column;
113
+ width: 100%;
114
+ }
115
+
116
+ .vxe-col.is--span > .vxe-col--inner > .vxe-default-textarea, .vxe-col.is--span > .vxe-col--inner > .vxe-default-select, .vxe-col.is--span > .vxe-col--inner > .vxe-input, .vxe-col.is--span > .vxe-col--inner > .vxe-number-input, .vxe-col.is--span > .vxe-col--inner > .vxe-password-input, .vxe-col.is--span > .vxe-col--inner > .vxe-date-picker, .vxe-col.is--span > .vxe-col--inner > .vxe-textarea, .vxe-col.is--span > .vxe-col--inner > .vxe-select, .vxe-col.is--span > .vxe-col--inner > .vxe-tree-select, .vxe-col.is--span > .vxe-col--inner > .vxe-table-select, .vxe-col.is--span > .vxe-col--inner > .vxe-ico-picker, .vxe-col.is--width > .vxe-col--inner > .vxe-default-textarea, .vxe-col.is--width > .vxe-col--inner > .vxe-default-select, .vxe-col.is--width > .vxe-col--inner > .vxe-input, .vxe-col.is--width > .vxe-col--inner > .vxe-number-input, .vxe-col.is--width > .vxe-col--inner > .vxe-password-input, .vxe-col.is--width > .vxe-col--inner > .vxe-date-picker, .vxe-col.is--width > .vxe-col--inner > .vxe-textarea, .vxe-col.is--width > .vxe-col--inner > .vxe-select, .vxe-col.is--width > .vxe-col--inner > .vxe-tree-select, .vxe-col.is--width > .vxe-col--inner > .vxe-table-select, .vxe-col.is--width > .vxe-col--inner > .vxe-ico-picker {
117
+ width: 100%;
12
118
  }
@@ -1 +1 @@
1
- .vxe-row{position:relative;display:flex;flex-direction:row;flex-grow:1}.vxe-row.is--vertical{flex-direction:column}.vxe-row.is--wrap{flex-wrap:wrap}
1
+ .vxe-row{position:relative;display:flex;flex-direction:row;flex-grow:1}.vxe-row.is--vertical{flex-direction:column}.vxe-row.is--wrap{flex-wrap:wrap}.vxe-col{display:block}.vxe-col.is--ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-col.is--fill{flex-grow:1}.vxe-col:not(.is--fill){flex-shrink:0}.vxe-col.align--left{text-align:left}.vxe-col.align--center{text-align:center}.vxe-col.align--right{text-align:right}.vxe-col.span1{width:4.16667%}.vxe-col.span2{width:8.33333%}.vxe-col.span3{width:12.5%}.vxe-col.span4{width:16.66667%}.vxe-col.span5{width:20.83333%}.vxe-col.span6{width:25%}.vxe-col.span7{width:29.16667%}.vxe-col.span8{width:33.33333%}.vxe-col.span9{width:37.5%}.vxe-col.span10{width:41.66667%}.vxe-col.span11{width:45.83333%}.vxe-col.span12{width:50%}.vxe-col.span13{width:54.16667%}.vxe-col.span14{width:58.33333%}.vxe-col.span15{width:62.5%}.vxe-col.span16{width:66.66667%}.vxe-col.span17{width:70.83333%}.vxe-col.span18{width:75%}.vxe-col.span19{width:79.16667%}.vxe-col.span20{width:83.33333%}.vxe-col.span21{width:87.5%}.vxe-col.span22{width:91.66667%}.vxe-col.span23{width:95.83333%}.vxe-col.span24{width:100%}.vxe-col--inner{display:flex;flex-direction:column;width:100%}.vxe-col.is--span>.vxe-col--inner>.vxe-date-picker,.vxe-col.is--span>.vxe-col--inner>.vxe-default-select,.vxe-col.is--span>.vxe-col--inner>.vxe-default-textarea,.vxe-col.is--span>.vxe-col--inner>.vxe-ico-picker,.vxe-col.is--span>.vxe-col--inner>.vxe-input,.vxe-col.is--span>.vxe-col--inner>.vxe-number-input,.vxe-col.is--span>.vxe-col--inner>.vxe-password-input,.vxe-col.is--span>.vxe-col--inner>.vxe-select,.vxe-col.is--span>.vxe-col--inner>.vxe-table-select,.vxe-col.is--span>.vxe-col--inner>.vxe-textarea,.vxe-col.is--span>.vxe-col--inner>.vxe-tree-select,.vxe-col.is--width>.vxe-col--inner>.vxe-date-picker,.vxe-col.is--width>.vxe-col--inner>.vxe-default-select,.vxe-col.is--width>.vxe-col--inner>.vxe-default-textarea,.vxe-col.is--width>.vxe-col--inner>.vxe-ico-picker,.vxe-col.is--width>.vxe-col--inner>.vxe-input,.vxe-col.is--width>.vxe-col--inner>.vxe-number-input,.vxe-col.is--width>.vxe-col--inner>.vxe-password-input,.vxe-col.is--width>.vxe-col--inner>.vxe-select,.vxe-col.is--width>.vxe-col--inner>.vxe-table-select,.vxe-col.is--width>.vxe-col--inner>.vxe-textarea,.vxe-col.is--width>.vxe-col--inner>.vxe-tree-select{width:100%}
@@ -0,0 +1,3 @@
1
+ import VxeSplit from '../split';
2
+ export * from '../split';
3
+ export default VxeSplit;
@@ -0,0 +1,91 @@
1
+ .vxe-split.is--vertical > .vxe-split-wrapper {
2
+ flex-direction: column;
3
+ }
4
+ .vxe-split.is--vertical > .vxe-split-wrapper > .vxe-split-item {
5
+ width: 100%;
6
+ }
7
+ .vxe-split.is--drag {
8
+ -webkit-user-select: none;
9
+ -moz-user-select: none;
10
+ user-select: none;
11
+ }
12
+ .vxe-split.is--drag > .vxe-split-wrapper > .vxe-split-item > .vxe-split-item--wrapper::after {
13
+ content: "";
14
+ position: absolute;
15
+ top: 0;
16
+ left: 0;
17
+ width: 100%;
18
+ height: 100%;
19
+ z-index: 1;
20
+ background: transparent;
21
+ }
22
+
23
+ .vxe-split-wrapper {
24
+ height: 100%;
25
+ display: flex;
26
+ flex-direction: row;
27
+ overflow: hidden;
28
+ }
29
+
30
+ .vxe-split-slots {
31
+ display: none;
32
+ }
33
+
34
+ .vxe-split-item-handle {
35
+ flex-shrink: 0;
36
+ background-color: var(--vxe-split-handle-bar-background-color);
37
+ -webkit-user-select: none;
38
+ -moz-user-select: none;
39
+ user-select: none;
40
+ }
41
+ .vxe-split-item-handle:hover {
42
+ background-color: var(--vxe-ui-font-primary-lighten-color);
43
+ }
44
+ .vxe-split-item-handle:active {
45
+ background-color: var(--vxe-ui-font-primary-darken-color);
46
+ }
47
+
48
+ .vxe-split-item--wrapper {
49
+ position: relative;
50
+ word-break: break-word;
51
+ overflow: auto;
52
+ flex-grow: 1;
53
+ }
54
+ .vxe-split-item--wrapper > .vxe-split {
55
+ height: 100%;
56
+ }
57
+
58
+ .vxe-split-item {
59
+ display: flex;
60
+ position: relative;
61
+ overflow: auto;
62
+ }
63
+ .vxe-split-item.is--fill {
64
+ flex-grow: 1;
65
+ }
66
+ .vxe-split-item.is--width, .vxe-split-item.is--height {
67
+ flex-shrink: 0;
68
+ }
69
+ .vxe-split-item.is--border > .vxe-split-item--wrapper, .vxe-split-item.is--border > .vxe-split-item-handle {
70
+ border: 1px solid var(--vxe-ui-base-popup-border-color);
71
+ }
72
+ .vxe-split-item.is--horizontal {
73
+ flex-direction: row;
74
+ }
75
+ .vxe-split-item.is--horizontal > .vxe-split-item-handle {
76
+ width: var(--vxe-split-handle-bar-width);
77
+ cursor: w-resize;
78
+ }
79
+ .vxe-split-item.is--horizontal.is--border > .vxe-split-item-handle {
80
+ border-width: 1px 0 1px 0;
81
+ }
82
+ .vxe-split-item.is--vertical {
83
+ flex-direction: column;
84
+ }
85
+ .vxe-split-item.is--vertical > .vxe-split-item-handle {
86
+ height: var(--vxe-split-handle-bar-height);
87
+ cursor: n-resize;
88
+ }
89
+ .vxe-split-item.is--vertical.is--border > .vxe-split-item-handle {
90
+ border-width: 0 1px 0 1px;
91
+ }
@@ -0,0 +1 @@
1
+ .vxe-split.is--vertical>.vxe-split-wrapper{flex-direction:column}.vxe-split.is--vertical>.vxe-split-wrapper>.vxe-split-item{width:100%}.vxe-split.is--drag{-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-split.is--drag>.vxe-split-wrapper>.vxe-split-item>.vxe-split-item--wrapper::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background:0 0}.vxe-split-wrapper{height:100%;display:flex;flex-direction:row;overflow:hidden}.vxe-split-slots{display:none}.vxe-split-item-handle{flex-shrink:0;background-color:var(--vxe-split-handle-bar-background-color);-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-split-item-handle:hover{background-color:var(--vxe-ui-font-primary-lighten-color)}.vxe-split-item-handle:active{background-color:var(--vxe-ui-font-primary-darken-color)}.vxe-split-item--wrapper{position:relative;word-break:break-word;overflow:auto;flex-grow:1}.vxe-split-item--wrapper>.vxe-split{height:100%}.vxe-split-item{display:flex;position:relative;overflow:auto}.vxe-split-item.is--fill{flex-grow:1}.vxe-split-item.is--height,.vxe-split-item.is--width{flex-shrink:0}.vxe-split-item.is--border>.vxe-split-item--wrapper,.vxe-split-item.is--border>.vxe-split-item-handle{border:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-split-item.is--horizontal{flex-direction:row}.vxe-split-item.is--horizontal>.vxe-split-item-handle{width:var(--vxe-split-handle-bar-width);cursor:w-resize}.vxe-split-item.is--horizontal.is--border>.vxe-split-item-handle{border-width:1px 0 1px 0}.vxe-split-item.is--vertical{flex-direction:column}.vxe-split-item.is--vertical>.vxe-split-item-handle{height:var(--vxe-split-handle-bar-height);cursor:n-resize}.vxe-split-item.is--vertical.is--border>.vxe-split-item-handle{border-width:0 1px 0 1px}
@@ -0,0 +1,3 @@
1
+ import VxeSplitItem from '../split-item';
2
+ export * from '../split-item';
3
+ export default VxeSplitItem;
File without changes
File without changes
@@ -1,105 +0,0 @@
1
- .vxe-col {
2
- display: block;
3
- }
4
- .vxe-col.is--ellipsis {
5
- overflow: hidden;
6
- text-overflow: ellipsis;
7
- white-space: nowrap;
8
- }
9
- .vxe-col.is--fill {
10
- flex-grow: 1;
11
- }
12
- .vxe-col:not(.is--fill) {
13
- flex-shrink: 0;
14
- }
15
- .vxe-col.align--left {
16
- text-align: left;
17
- }
18
- .vxe-col.align--center {
19
- text-align: center;
20
- }
21
- .vxe-col.align--right {
22
- text-align: right;
23
- }
24
- .vxe-col.span1 {
25
- width: 4.16667%;
26
- }
27
- .vxe-col.span2 {
28
- width: 8.33333%;
29
- }
30
- .vxe-col.span3 {
31
- width: 12.5%;
32
- }
33
- .vxe-col.span4 {
34
- width: 16.66667%;
35
- }
36
- .vxe-col.span5 {
37
- width: 20.83333%;
38
- }
39
- .vxe-col.span6 {
40
- width: 25%;
41
- }
42
- .vxe-col.span7 {
43
- width: 29.16667%;
44
- }
45
- .vxe-col.span8 {
46
- width: 33.33333%;
47
- }
48
- .vxe-col.span9 {
49
- width: 37.5%;
50
- }
51
- .vxe-col.span10 {
52
- width: 41.66667%;
53
- }
54
- .vxe-col.span11 {
55
- width: 45.83333%;
56
- }
57
- .vxe-col.span12 {
58
- width: 50%;
59
- }
60
- .vxe-col.span13 {
61
- width: 54.16667%;
62
- }
63
- .vxe-col.span14 {
64
- width: 58.33333%;
65
- }
66
- .vxe-col.span15 {
67
- width: 62.5%;
68
- }
69
- .vxe-col.span16 {
70
- width: 66.66667%;
71
- }
72
- .vxe-col.span17 {
73
- width: 70.83333%;
74
- }
75
- .vxe-col.span18 {
76
- width: 75%;
77
- }
78
- .vxe-col.span19 {
79
- width: 79.16667%;
80
- }
81
- .vxe-col.span20 {
82
- width: 83.33333%;
83
- }
84
- .vxe-col.span21 {
85
- width: 87.5%;
86
- }
87
- .vxe-col.span22 {
88
- width: 91.66667%;
89
- }
90
- .vxe-col.span23 {
91
- width: 95.83333%;
92
- }
93
- .vxe-col.span24 {
94
- width: 100%;
95
- }
96
-
97
- .vxe-col--inner {
98
- display: flex;
99
- flex-direction: column;
100
- width: 100%;
101
- }
102
-
103
- .vxe-col.is--span > .vxe-col--inner > .vxe-default-textarea, .vxe-col.is--span > .vxe-col--inner > .vxe-default-select, .vxe-col.is--span > .vxe-col--inner > .vxe-input, .vxe-col.is--span > .vxe-col--inner > .vxe-number-input, .vxe-col.is--span > .vxe-col--inner > .vxe-password-input, .vxe-col.is--span > .vxe-col--inner > .vxe-date-picker, .vxe-col.is--span > .vxe-col--inner > .vxe-textarea, .vxe-col.is--span > .vxe-col--inner > .vxe-select, .vxe-col.is--span > .vxe-col--inner > .vxe-tree-select, .vxe-col.is--span > .vxe-col--inner > .vxe-table-select, .vxe-col.is--span > .vxe-col--inner > .vxe-ico-picker, .vxe-col.is--width > .vxe-col--inner > .vxe-default-textarea, .vxe-col.is--width > .vxe-col--inner > .vxe-default-select, .vxe-col.is--width > .vxe-col--inner > .vxe-input, .vxe-col.is--width > .vxe-col--inner > .vxe-number-input, .vxe-col.is--width > .vxe-col--inner > .vxe-password-input, .vxe-col.is--width > .vxe-col--inner > .vxe-date-picker, .vxe-col.is--width > .vxe-col--inner > .vxe-textarea, .vxe-col.is--width > .vxe-col--inner > .vxe-select, .vxe-col.is--width > .vxe-col--inner > .vxe-tree-select, .vxe-col.is--width > .vxe-col--inner > .vxe-table-select, .vxe-col.is--width > .vxe-col--inner > .vxe-ico-picker {
104
- width: 100%;
105
- }
@@ -1 +0,0 @@
1
- .vxe-col{display:block}.vxe-col.is--ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-col.is--fill{flex-grow:1}.vxe-col:not(.is--fill){flex-shrink:0}.vxe-col.align--left{text-align:left}.vxe-col.align--center{text-align:center}.vxe-col.align--right{text-align:right}.vxe-col.span1{width:4.16667%}.vxe-col.span2{width:8.33333%}.vxe-col.span3{width:12.5%}.vxe-col.span4{width:16.66667%}.vxe-col.span5{width:20.83333%}.vxe-col.span6{width:25%}.vxe-col.span7{width:29.16667%}.vxe-col.span8{width:33.33333%}.vxe-col.span9{width:37.5%}.vxe-col.span10{width:41.66667%}.vxe-col.span11{width:45.83333%}.vxe-col.span12{width:50%}.vxe-col.span13{width:54.16667%}.vxe-col.span14{width:58.33333%}.vxe-col.span15{width:62.5%}.vxe-col.span16{width:66.66667%}.vxe-col.span17{width:70.83333%}.vxe-col.span18{width:75%}.vxe-col.span19{width:79.16667%}.vxe-col.span20{width:83.33333%}.vxe-col.span21{width:87.5%}.vxe-col.span22{width:91.66667%}.vxe-col.span23{width:95.83333%}.vxe-col.span24{width:100%}.vxe-col--inner{display:flex;flex-direction:column;width:100%}.vxe-col.is--span>.vxe-col--inner>.vxe-date-picker,.vxe-col.is--span>.vxe-col--inner>.vxe-default-select,.vxe-col.is--span>.vxe-col--inner>.vxe-default-textarea,.vxe-col.is--span>.vxe-col--inner>.vxe-ico-picker,.vxe-col.is--span>.vxe-col--inner>.vxe-input,.vxe-col.is--span>.vxe-col--inner>.vxe-number-input,.vxe-col.is--span>.vxe-col--inner>.vxe-password-input,.vxe-col.is--span>.vxe-col--inner>.vxe-select,.vxe-col.is--span>.vxe-col--inner>.vxe-table-select,.vxe-col.is--span>.vxe-col--inner>.vxe-textarea,.vxe-col.is--span>.vxe-col--inner>.vxe-tree-select,.vxe-col.is--width>.vxe-col--inner>.vxe-date-picker,.vxe-col.is--width>.vxe-col--inner>.vxe-default-select,.vxe-col.is--width>.vxe-col--inner>.vxe-default-textarea,.vxe-col.is--width>.vxe-col--inner>.vxe-ico-picker,.vxe-col.is--width>.vxe-col--inner>.vxe-input,.vxe-col.is--width>.vxe-col--inner>.vxe-number-input,.vxe-col.is--width>.vxe-col--inner>.vxe-password-input,.vxe-col.is--width>.vxe-col--inner>.vxe-select,.vxe-col.is--width>.vxe-col--inner>.vxe-table-select,.vxe-col.is--width>.vxe-col--inner>.vxe-textarea,.vxe-col.is--width>.vxe-col--inner>.vxe-tree-select{width:100%}
package/lib/components.js CHANGED
@@ -774,6 +774,30 @@ Object.keys(_select).forEach(function (key) {
774
774
  }
775
775
  });
776
776
  });
777
+ var _split = _interopRequireWildcard(require("./split"));
778
+ Object.keys(_split).forEach(function (key) {
779
+ if (key === "default" || key === "__esModule") return;
780
+ if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
781
+ if (key in exports && exports[key] === _split[key]) return;
782
+ Object.defineProperty(exports, key, {
783
+ enumerable: true,
784
+ get: function () {
785
+ return _split[key];
786
+ }
787
+ });
788
+ });
789
+ var _splitItem = _interopRequireWildcard(require("./split-item"));
790
+ Object.keys(_splitItem).forEach(function (key) {
791
+ if (key === "default" || key === "__esModule") return;
792
+ if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
793
+ if (key in exports && exports[key] === _splitItem[key]) return;
794
+ Object.defineProperty(exports, key, {
795
+ enumerable: true,
796
+ get: function () {
797
+ return _splitItem[key];
798
+ }
799
+ });
800
+ });
777
801
  var _slider = _interopRequireWildcard(require("./slider"));
778
802
  Object.keys(_slider).forEach(function (key) {
779
803
  if (key === "default" || key === "__esModule") return;
@@ -984,7 +1008,7 @@ Object.keys(_textEllipsis2).forEach(function (key) {
984
1008
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
985
1009
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
986
1010
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
987
- const components = [_alert.default, _anchor.default, _anchorLink.default, _avatar.default, _badge.default, _breadcrumb.default, _breadcrumbItem.default, _button.default, _buttonGroup.default, _calendar.default, _card.default, _carousel.default, _carouselItem.default, _checkbox.default, _checkboxGroup.default, _col.default, _collapse.default, _collapsePane.default, _colorPicker.default, _countdown.default, _datePicker.default, _drawer.default, _empty.default, _form.default, _formDesign.default, _formGather.default, _formGroup.default, _formItem.default, _formView.default, _icon.default, _iconPicker.default, _image.default, _imageGroup.default, _imagePreview.default, _input.default, _layoutAside.default, _layoutBody.default, _layoutContainer.default, _layoutFooter.default, _layoutHeader.default, _link.default, _listDesign.default, _listView.default, _list.default, _loading.default, _menu.default, _modal.default, _noticeBar.default, _numberInput.default, _optgroup.default, _option.default, _pager.default, _passwordInput.default, _printPageBreak.default, _print.default, _pulldown.default, _radio.default, _radioButton.default, _radioGroup.default, _rate.default, _result.default, _row.default, _select.default, _slider.default, _steps.default, _switch.default, _tabPane.default, _tableSelect.default, _tabs.default, _tag.default, _textEllipsis.default, _text.default, _textarea.default, _tip.default, _tooltip.default, _tree.default, _treeSelect.default, _upload.default, _watermark.default];
1011
+ const components = [_alert.default, _anchor.default, _anchorLink.default, _avatar.default, _badge.default, _breadcrumb.default, _breadcrumbItem.default, _button.default, _buttonGroup.default, _calendar.default, _card.default, _carousel.default, _carouselItem.default, _checkbox.default, _checkboxGroup.default, _col.default, _collapse.default, _collapsePane.default, _colorPicker.default, _countdown.default, _datePicker.default, _drawer.default, _empty.default, _form.default, _formDesign.default, _formGather.default, _formGroup.default, _formItem.default, _formView.default, _icon.default, _iconPicker.default, _image.default, _imageGroup.default, _imagePreview.default, _input.default, _layoutAside.default, _layoutBody.default, _layoutContainer.default, _layoutFooter.default, _layoutHeader.default, _link.default, _listDesign.default, _listView.default, _list.default, _loading.default, _menu.default, _modal.default, _noticeBar.default, _numberInput.default, _optgroup.default, _option.default, _pager.default, _passwordInput.default, _printPageBreak.default, _print.default, _pulldown.default, _radio.default, _radioButton.default, _radioGroup.default, _rate.default, _result.default, _row.default, _select.default, _split.default, _splitItem.default, _slider.default, _steps.default, _switch.default, _tabPane.default, _tableSelect.default, _tabs.default, _tag.default, _textEllipsis.default, _text.default, _textarea.default, _tip.default, _tooltip.default, _tree.default, _treeSelect.default, _upload.default, _watermark.default];
988
1012
  function install(app, options) {
989
1013
  (0, _core.setConfig)(options);
990
1014
  components.forEach(component => app.use(component));