@rainbow-oh/yee-c 0.10.0 → 0.12.0

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 (193) hide show
  1. package/dist/cjs/Anchor/style/index.less +3 -3
  2. package/dist/cjs/Button/demo/icon.js +1 -1
  3. package/dist/cjs/Button/style/index.less +72 -52
  4. package/dist/cjs/DatePicker/style/mobile.less +1 -1
  5. package/dist/cjs/Descriptions/style/index.less +6 -6
  6. package/dist/cjs/FloatButton/style/index.less +2 -2
  7. package/dist/cjs/Form/style/index.less +21 -21
  8. package/dist/cjs/ImageViewer/style/index.less +13 -13
  9. package/dist/cjs/Input/style/index.less +1 -1
  10. package/dist/cjs/InputNumber/style/index.less +9 -9
  11. package/dist/cjs/Menu/style/index.less +1 -1
  12. package/dist/cjs/PickerPanel/style/index.less +5 -5
  13. package/dist/cjs/RangePicker/style/index.less +53 -52
  14. package/dist/cjs/Rate/style/index.less +1 -1
  15. package/dist/cjs/Search/style/index.less +10 -10
  16. package/dist/cjs/Segmented/style/index.less +2 -2
  17. package/dist/cjs/Selector/selector.js +1 -1
  18. package/dist/cjs/Selector/style/index.less +1 -1
  19. package/dist/cjs/Table/demo/resizable.d.ts +3 -0
  20. package/dist/cjs/Table/demo/resizable.js +143 -0
  21. package/dist/cjs/Table/hooks/useColumnResize.d.ts +30 -0
  22. package/dist/cjs/Table/hooks/useColumnResize.js +217 -0
  23. package/dist/cjs/Table/hooks/useColumns.d.ts +3 -1
  24. package/dist/cjs/Table/hooks/useColumns.js +14 -3
  25. package/dist/cjs/Table/interface.d.ts +49 -0
  26. package/dist/cjs/Table/style/index.less +43 -1
  27. package/dist/cjs/Table/table.js +62 -9
  28. package/dist/cjs/Table/theader/cell.js +46 -4
  29. package/dist/cjs/Table/util/index.d.ts +19 -1
  30. package/dist/cjs/Table/util/index.js +22 -0
  31. package/dist/cjs/Tabs/interface.d.ts +1 -1
  32. package/dist/cjs/Tabs/style/index.less +9 -9
  33. package/dist/cjs/Tabs/tab-header/index.js +5 -1
  34. package/dist/cjs/Tour/demo/indicators.js +1 -1
  35. package/dist/cjs/Tour/demo/placement.js +1 -1
  36. package/dist/cjs/Transfer/style/index.less +1 -1
  37. package/dist/cjs/Tree/style/index.less +3 -3
  38. package/dist/cjs/TreeSelect/style/index.less +1 -1
  39. package/dist/cjs/Upload/style/index.less +11 -12
  40. package/dist/cjs/WheelPicker/style/index.less +3 -3
  41. package/dist/cjs/locale/interface.d.ts +1 -0
  42. package/dist/cjs/locale/lang/en_US.js +2 -1
  43. package/dist/cjs/locale/lang/ja_JP.js +2 -1
  44. package/dist/cjs/locale/lang/zh_CN.js +2 -1
  45. package/dist/cjs/locale/lang/zh_TW.js +2 -1
  46. package/dist/cjs/message/style/index.less +4 -4
  47. package/dist/cjs/style/color.blue.css +254 -290
  48. package/dist/cjs/style/color.crimson.css +434 -471
  49. package/dist/cjs/style/color.css +736 -508
  50. package/dist/cjs/style/color.dark.css +464 -501
  51. package/dist/cjs/style/color.gemini.css +134 -0
  52. package/dist/cjs/style/color.green.css +459 -495
  53. package/dist/cjs/style/color.jam.css +463 -500
  54. package/dist/cjs/style/color.navy.css +466 -503
  55. package/dist/cjs/style/color.peach.css +464 -501
  56. package/dist/cjs/style/color.pine.css +462 -500
  57. package/dist/cjs/style/color.pitaya.css +465 -502
  58. package/dist/cjs/style/color.pumpkin.css +464 -501
  59. package/dist/cjs/style/color.ruby.css +466 -503
  60. package/dist/cjs/style/size.css +144 -2
  61. package/dist/cjs/style/themes.css +4999 -5268
  62. package/dist/cjs/style/variables.css +882 -512
  63. package/dist/cjs/version.d.ts +1 -1
  64. package/dist/cjs/version.js +1 -1
  65. package/dist/esm/Anchor/style/index.less +3 -3
  66. package/dist/esm/Button/demo/icon.js +7 -4
  67. package/dist/esm/Button/style/index.less +72 -52
  68. package/dist/esm/DatePicker/style/mobile.less +1 -1
  69. package/dist/esm/Descriptions/style/index.less +6 -6
  70. package/dist/esm/FloatButton/style/index.less +2 -2
  71. package/dist/esm/Form/style/index.less +21 -21
  72. package/dist/esm/ImageViewer/style/index.less +13 -13
  73. package/dist/esm/Input/style/index.less +1 -1
  74. package/dist/esm/InputNumber/style/index.less +9 -9
  75. package/dist/esm/Menu/style/index.less +1 -1
  76. package/dist/esm/PickerPanel/style/index.less +5 -5
  77. package/dist/esm/RangePicker/style/index.less +53 -52
  78. package/dist/esm/Rate/style/index.less +1 -1
  79. package/dist/esm/Search/style/index.less +10 -10
  80. package/dist/esm/Segmented/style/index.less +2 -2
  81. package/dist/esm/Selector/selector.js +1 -1
  82. package/dist/esm/Selector/style/index.less +1 -1
  83. package/dist/esm/Table/demo/resizable.d.ts +3 -0
  84. package/dist/esm/Table/demo/resizable.js +110 -0
  85. package/dist/esm/Table/hooks/useColumnResize.d.ts +30 -0
  86. package/dist/esm/Table/hooks/useColumnResize.js +206 -0
  87. package/dist/esm/Table/hooks/useColumns.d.ts +3 -1
  88. package/dist/esm/Table/hooks/useColumns.js +9 -4
  89. package/dist/esm/Table/interface.d.ts +49 -0
  90. package/dist/esm/Table/style/index.less +43 -1
  91. package/dist/esm/Table/table.js +83 -13
  92. package/dist/esm/Table/theader/cell.js +38 -3
  93. package/dist/esm/Table/util/index.d.ts +19 -1
  94. package/dist/esm/Table/util/index.js +37 -0
  95. package/dist/esm/Tabs/interface.d.ts +1 -1
  96. package/dist/esm/Tabs/style/index.less +9 -9
  97. package/dist/esm/Tabs/tab-header/index.js +7 -2
  98. package/dist/esm/Tour/demo/indicators.js +1 -1
  99. package/dist/esm/Tour/demo/placement.js +1 -1
  100. package/dist/esm/Transfer/style/index.less +1 -1
  101. package/dist/esm/Tree/style/index.less +3 -3
  102. package/dist/esm/TreeSelect/style/index.less +1 -1
  103. package/dist/esm/Upload/style/index.less +11 -12
  104. package/dist/esm/WheelPicker/style/index.less +3 -3
  105. package/dist/esm/index.js +1 -0
  106. package/dist/esm/locale/interface.d.ts +1 -0
  107. package/dist/esm/locale/lang/en_US.js +2 -1
  108. package/dist/esm/locale/lang/ja_JP.js +2 -1
  109. package/dist/esm/locale/lang/zh_CN.js +2 -1
  110. package/dist/esm/locale/lang/zh_TW.js +2 -1
  111. package/dist/esm/message/style/index.less +4 -4
  112. package/dist/esm/style/color.blue.css +254 -290
  113. package/dist/esm/style/color.crimson.css +434 -471
  114. package/dist/esm/style/color.css +736 -508
  115. package/dist/esm/style/color.dark.css +464 -501
  116. package/dist/esm/style/color.gemini.css +134 -0
  117. package/dist/esm/style/color.green.css +459 -495
  118. package/dist/esm/style/color.jam.css +463 -500
  119. package/dist/esm/style/color.navy.css +466 -503
  120. package/dist/esm/style/color.peach.css +464 -501
  121. package/dist/esm/style/color.pine.css +462 -500
  122. package/dist/esm/style/color.pitaya.css +465 -502
  123. package/dist/esm/style/color.pumpkin.css +464 -501
  124. package/dist/esm/style/color.ruby.css +466 -503
  125. package/dist/esm/style/size.css +144 -2
  126. package/dist/esm/style/themes.css +4999 -5268
  127. package/dist/esm/style/variables.css +882 -512
  128. package/dist/esm/version.d.ts +1 -1
  129. package/dist/esm/version.js +1 -1
  130. package/dist/umd/yee-c.min.css +80 -22
  131. package/dist/umd/yee-c.min.js +1 -1
  132. package/package.json +4 -2
  133. package/src/Anchor/style/index.less +3 -3
  134. package/src/Button/demo/icon.tsx +5 -3
  135. package/src/Button/style/index.less +72 -52
  136. package/src/DatePicker/style/mobile.less +1 -1
  137. package/src/Descriptions/style/index.less +6 -6
  138. package/src/FloatButton/style/index.less +2 -2
  139. package/src/Form/style/index.less +21 -21
  140. package/src/ImageViewer/style/index.less +13 -13
  141. package/src/Input/style/index.less +1 -1
  142. package/src/InputNumber/style/index.less +9 -9
  143. package/src/Menu/style/index.less +1 -1
  144. package/src/PickerPanel/style/index.less +5 -5
  145. package/src/RangePicker/style/index.less +53 -52
  146. package/src/Rate/style/index.less +1 -1
  147. package/src/Search/style/index.less +10 -10
  148. package/src/Segmented/style/index.less +2 -2
  149. package/src/Selector/selector.tsx +1 -1
  150. package/src/Selector/style/index.less +1 -1
  151. package/src/Table/demo/resizable.tsx +106 -0
  152. package/src/Table/hooks/useColumnResize.ts +224 -0
  153. package/src/Table/hooks/useColumns.ts +18 -3
  154. package/src/Table/index.en-US.md +7 -0
  155. package/src/Table/index.zh-CN.md +7 -0
  156. package/src/Table/interface.ts +52 -0
  157. package/src/Table/style/index.less +43 -1
  158. package/src/Table/table-resize.test.tsx +234 -0
  159. package/src/Table/table.tsx +90 -13
  160. package/src/Table/theader/cell.tsx +52 -2
  161. package/src/Table/util/index.ts +44 -1
  162. package/src/Tabs/interface.ts +1 -1
  163. package/src/Tabs/style/index.less +9 -9
  164. package/src/Tabs/tab-header/index.tsx +5 -1
  165. package/src/Tour/demo/indicators.tsx +2 -2
  166. package/src/Tour/demo/placement.tsx +1 -1
  167. package/src/Transfer/style/index.less +1 -1
  168. package/src/Tree/style/index.less +3 -3
  169. package/src/TreeSelect/style/index.less +1 -1
  170. package/src/Upload/style/index.less +11 -12
  171. package/src/WheelPicker/style/index.less +3 -3
  172. package/src/index.ts +1 -0
  173. package/src/locale/interface.ts +1 -0
  174. package/src/locale/lang/en_US.ts +1 -0
  175. package/src/locale/lang/ja_JP.ts +1 -0
  176. package/src/locale/lang/zh_CN.ts +1 -0
  177. package/src/locale/lang/zh_TW.ts +1 -0
  178. package/src/message/style/index.less +4 -4
  179. package/src/style/color.blue.css +254 -290
  180. package/src/style/color.crimson.css +434 -471
  181. package/src/style/color.css +736 -508
  182. package/src/style/color.dark.css +464 -501
  183. package/src/style/color.gemini.css +134 -0
  184. package/src/style/color.green.css +459 -495
  185. package/src/style/color.jam.css +463 -500
  186. package/src/style/color.navy.css +466 -503
  187. package/src/style/color.peach.css +464 -501
  188. package/src/style/color.pine.css +462 -500
  189. package/src/style/color.pitaya.css +465 -502
  190. package/src/style/color.pumpkin.css +464 -501
  191. package/src/style/color.ruby.css +466 -503
  192. package/src/style/size.css +144 -2
  193. package/src/version.ts +1 -1
package/src/Upload/style/index.less CHANGED
@@ -8,7 +8,7 @@
8
8
  display: flex;
9
9
 
10
10
  &:focus-within {
11
- outline: 2px solid var(--yee-primary-color);
11
+ outline: 2px solid var(--yee-color-primary);
12
12
  outline-offset: 2px;
13
13
  border-radius: var(--yee-radius);
14
14
  }
@@ -53,12 +53,12 @@
53
53
  }
54
54
 
55
55
  &:hover {
56
- border-color: var(--yee-primary-color);
56
+ border-color: var(--yee-color-primary);
57
57
  }
58
58
 
59
59
  &-hover {
60
- border-color: var(--yee-primary-color);
61
- background-color: var(--yee-primary-color-bg);
60
+ border-color: var(--yee-color-primary);
61
+ background-color: var(--yee-color-primary-bg);
62
62
  }
63
63
  }
64
64
 
@@ -77,7 +77,7 @@
77
77
  &-trigger {
78
78
  width: 100px;
79
79
  height: 100px;
80
- border: 1px dashed var(--yee-border-color);
80
+ border: 1px dashed var(--yee-color-border);
81
81
  border-radius: var(--yee-radius-lg, 4px);
82
82
  display: flex;
83
83
  align-items: center;
@@ -87,8 +87,8 @@
87
87
  background-color: var(--yee-color-bg-container);
88
88
 
89
89
  &:hover {
90
- border-color: var(--yee-primary-color);
91
- color: var(--yee-primary-color);
90
+ border-color: var(--yee-color-primary);
91
+ color: var(--yee-color-primary);
92
92
  }
93
93
  }
94
94
 
@@ -125,7 +125,7 @@
125
125
  align-items: center;
126
126
  justify-content: center;
127
127
  padding: 8px;
128
- color: var(--yee-error-color);
128
+ color: var(--yee-color-error);
129
129
  }
130
130
 
131
131
  &-operate {
@@ -236,7 +236,6 @@
236
236
  }
237
237
 
238
238
  &-item {
239
-
240
239
  &-label {
241
240
  display: flex;
242
241
  align-items: center;
@@ -270,15 +269,15 @@
270
269
  // 上传状态样式
271
270
  &-state {
272
271
  &-uploading {
273
- color: var(--yee-primary-color);
272
+ color: var(--yee-color-primary);
274
273
  }
275
274
 
276
275
  &-error {
277
- color: var(--yee-error-color);
276
+ color: var(--yee-color-error);
278
277
  }
279
278
 
280
279
  &-success {
281
- color: var(--yee-success-color);
280
+ color: var(--yee-color-success);
282
281
  }
283
282
  }
284
283
 
package/src/WheelPicker/style/index.less CHANGED
@@ -59,7 +59,7 @@
59
59
  scroll-snap-align: center;
60
60
  text-align: center;
61
61
  font-size: 16px;
62
- color: var(--yee-text-color, #333);
62
+ color: var(--yee-color-text, #333);
63
63
  cursor: pointer;
64
64
  white-space: nowrap;
65
65
  overflow: hidden;
@@ -75,8 +75,8 @@
75
75
  left: 8px;
76
76
  right: 8px;
77
77
  pointer-events: none;
78
- border-top: 1px solid var(--yee-border-color, #e8e8e8);
79
- border-bottom: 1px solid var(--yee-border-color, #e8e8e8);
78
+ border-top: 1px solid var(--yee-color-border, #e8e8e8);
79
+ border-bottom: 1px solid var(--yee-color-border, #e8e8e8);
80
80
  border-radius: 4px;
81
81
  background: var(--yee-wheel-picker-indicator-bg, rgba(0, 0, 0, 4%));
82
82
  z-index: 1;
package/src/index.ts CHANGED
@@ -195,6 +195,7 @@ import './style/zindex.css';
195
195
  // import './style/color.blue.css';
196
196
  // import './style/color.crimson.css';
197
197
  // import './style/color.dark.css';
198
+ // import './style/color.gemini.css';
198
199
  // import './style/color.green.css';
199
200
  // import './style/color.jam.css';
200
201
  // import './style/color.navy.css';
package/src/locale/interface.ts CHANGED
@@ -79,6 +79,7 @@ export interface LocaleTable {
79
79
  sortAscending?: string; // "Click to sort ascending"
80
80
  sortDescending?: string; // "Click to sort descending"
81
81
  sortCancel?: string; // "Click to cancel sorting"
82
+ resizeColumn?: string; // "Drag to resize column"
82
83
  }
83
84
 
84
85
  // Pagination component
package/src/locale/lang/en_US.ts CHANGED
@@ -105,6 +105,7 @@ const locale: Locale = {
105
105
  sortAscending: 'Click to sort ascending',
106
106
  sortDescending: 'Click to sort descending',
107
107
  sortCancel: 'Click to cancel sorting',
108
+ resizeColumn: 'Drag to resize column',
108
109
  },
109
110
 
110
111
  pagination: {
package/src/locale/lang/ja_JP.ts CHANGED
@@ -105,6 +105,7 @@ const locale: Locale = {
105
105
  sortAscending: 'クリックで昇順に並べ替え',
106
106
  sortDescending: 'クリックで降順に並べ替え',
107
107
  sortCancel: 'クリックで並べ替えを解除',
108
+ resizeColumn: 'ドラッグで列幅を変更',
108
109
  },
109
110
 
110
111
  pagination: {
package/src/locale/lang/zh_CN.ts CHANGED
@@ -96,6 +96,7 @@ const locale: Locale = {
96
96
  sortAscending: '点击升序排列',
97
97
  sortDescending: '点击降序排列',
98
98
  sortCancel: '点击取消排序',
99
+ resizeColumn: '拖动调整列宽',
99
100
  },
100
101
 
101
102
  pagination: {
package/src/locale/lang/zh_TW.ts CHANGED
@@ -96,6 +96,7 @@ const locale: Locale = {
96
96
  sortAscending: '點擊升序排列',
97
97
  sortDescending: '點擊降序排列',
98
98
  sortCancel: '點擊取消排序',
99
+ resizeColumn: '拖動調整欄寬',
99
100
  },
100
101
 
101
102
  pagination: {
package/src/message/style/index.less CHANGED
@@ -37,25 +37,25 @@
37
37
  // status
38
38
  &-success {
39
39
  @{pls}-icon {
40
- color: var(--yee-success-color);
40
+ color: var(--yee-color-success);
41
41
  }
42
42
  }
43
43
 
44
44
  &-info {
45
45
  @{pls}-icon {
46
- color: var(--yee-info-color);
46
+ color: var(--yee-color-info);
47
47
  }
48
48
  }
49
49
 
50
50
  &-error {
51
51
  @{pls}-icon {
52
- color: var(--yee-error-color);
52
+ color: var(--yee-color-error);
53
53
  }
54
54
  }
55
55
 
56
56
  &-warning {
57
57
  @{pls}-icon {
58
- color: var(--yee-warning-color);
58
+ color: var(--yee-color-warning);
59
59
  }
60
60
  }
61
61
  }