@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.
- package/dist/cjs/Anchor/style/index.less +3 -3
- package/dist/cjs/Button/demo/icon.js +1 -1
- package/dist/cjs/Button/style/index.less +72 -52
- package/dist/cjs/DatePicker/style/mobile.less +1 -1
- package/dist/cjs/Descriptions/style/index.less +6 -6
- package/dist/cjs/FloatButton/style/index.less +2 -2
- package/dist/cjs/Form/style/index.less +21 -21
- package/dist/cjs/ImageViewer/style/index.less +13 -13
- package/dist/cjs/Input/style/index.less +1 -1
- package/dist/cjs/InputNumber/style/index.less +9 -9
- package/dist/cjs/Menu/style/index.less +1 -1
- package/dist/cjs/PickerPanel/style/index.less +5 -5
- package/dist/cjs/RangePicker/style/index.less +53 -52
- package/dist/cjs/Rate/style/index.less +1 -1
- package/dist/cjs/Search/style/index.less +10 -10
- package/dist/cjs/Segmented/style/index.less +2 -2
- package/dist/cjs/Selector/selector.js +1 -1
- package/dist/cjs/Selector/style/index.less +1 -1
- package/dist/cjs/Table/demo/resizable.d.ts +3 -0
- package/dist/cjs/Table/demo/resizable.js +143 -0
- package/dist/cjs/Table/hooks/useColumnResize.d.ts +30 -0
- package/dist/cjs/Table/hooks/useColumnResize.js +217 -0
- package/dist/cjs/Table/hooks/useColumns.d.ts +3 -1
- package/dist/cjs/Table/hooks/useColumns.js +14 -3
- package/dist/cjs/Table/interface.d.ts +49 -0
- package/dist/cjs/Table/style/index.less +43 -1
- package/dist/cjs/Table/table.js +62 -9
- package/dist/cjs/Table/theader/cell.js +46 -4
- package/dist/cjs/Table/util/index.d.ts +19 -1
- package/dist/cjs/Table/util/index.js +22 -0
- package/dist/cjs/Tabs/interface.d.ts +1 -1
- package/dist/cjs/Tabs/style/index.less +9 -9
- package/dist/cjs/Tabs/tab-header/index.js +5 -1
- package/dist/cjs/Tour/demo/indicators.js +1 -1
- package/dist/cjs/Tour/demo/placement.js +1 -1
- package/dist/cjs/Transfer/style/index.less +1 -1
- package/dist/cjs/Tree/style/index.less +3 -3
- package/dist/cjs/TreeSelect/style/index.less +1 -1
- package/dist/cjs/Upload/style/index.less +11 -12
- package/dist/cjs/WheelPicker/style/index.less +3 -3
- package/dist/cjs/locale/interface.d.ts +1 -0
- package/dist/cjs/locale/lang/en_US.js +2 -1
- package/dist/cjs/locale/lang/ja_JP.js +2 -1
- package/dist/cjs/locale/lang/zh_CN.js +2 -1
- package/dist/cjs/locale/lang/zh_TW.js +2 -1
- package/dist/cjs/message/style/index.less +4 -4
- package/dist/cjs/style/color.blue.css +254 -290
- package/dist/cjs/style/color.crimson.css +434 -471
- package/dist/cjs/style/color.css +736 -508
- package/dist/cjs/style/color.dark.css +464 -501
- package/dist/cjs/style/color.gemini.css +134 -0
- package/dist/cjs/style/color.green.css +459 -495
- package/dist/cjs/style/color.jam.css +463 -500
- package/dist/cjs/style/color.navy.css +466 -503
- package/dist/cjs/style/color.peach.css +464 -501
- package/dist/cjs/style/color.pine.css +462 -500
- package/dist/cjs/style/color.pitaya.css +465 -502
- package/dist/cjs/style/color.pumpkin.css +464 -501
- package/dist/cjs/style/color.ruby.css +466 -503
- package/dist/cjs/style/size.css +144 -2
- package/dist/cjs/style/themes.css +4999 -5268
- package/dist/cjs/style/variables.css +882 -512
- package/dist/cjs/version.d.ts +1 -1
- package/dist/cjs/version.js +1 -1
- package/dist/esm/Anchor/style/index.less +3 -3
- package/dist/esm/Button/demo/icon.js +7 -4
- package/dist/esm/Button/style/index.less +72 -52
- package/dist/esm/DatePicker/style/mobile.less +1 -1
- package/dist/esm/Descriptions/style/index.less +6 -6
- package/dist/esm/FloatButton/style/index.less +2 -2
- package/dist/esm/Form/style/index.less +21 -21
- package/dist/esm/ImageViewer/style/index.less +13 -13
- package/dist/esm/Input/style/index.less +1 -1
- package/dist/esm/InputNumber/style/index.less +9 -9
- package/dist/esm/Menu/style/index.less +1 -1
- package/dist/esm/PickerPanel/style/index.less +5 -5
- package/dist/esm/RangePicker/style/index.less +53 -52
- package/dist/esm/Rate/style/index.less +1 -1
- package/dist/esm/Search/style/index.less +10 -10
- package/dist/esm/Segmented/style/index.less +2 -2
- package/dist/esm/Selector/selector.js +1 -1
- package/dist/esm/Selector/style/index.less +1 -1
- package/dist/esm/Table/demo/resizable.d.ts +3 -0
- package/dist/esm/Table/demo/resizable.js +110 -0
- package/dist/esm/Table/hooks/useColumnResize.d.ts +30 -0
- package/dist/esm/Table/hooks/useColumnResize.js +206 -0
- package/dist/esm/Table/hooks/useColumns.d.ts +3 -1
- package/dist/esm/Table/hooks/useColumns.js +9 -4
- package/dist/esm/Table/interface.d.ts +49 -0
- package/dist/esm/Table/style/index.less +43 -1
- package/dist/esm/Table/table.js +83 -13
- package/dist/esm/Table/theader/cell.js +38 -3
- package/dist/esm/Table/util/index.d.ts +19 -1
- package/dist/esm/Table/util/index.js +37 -0
- package/dist/esm/Tabs/interface.d.ts +1 -1
- package/dist/esm/Tabs/style/index.less +9 -9
- package/dist/esm/Tabs/tab-header/index.js +7 -2
- package/dist/esm/Tour/demo/indicators.js +1 -1
- package/dist/esm/Tour/demo/placement.js +1 -1
- package/dist/esm/Transfer/style/index.less +1 -1
- package/dist/esm/Tree/style/index.less +3 -3
- package/dist/esm/TreeSelect/style/index.less +1 -1
- package/dist/esm/Upload/style/index.less +11 -12
- package/dist/esm/WheelPicker/style/index.less +3 -3
- package/dist/esm/index.js +1 -0
- package/dist/esm/locale/interface.d.ts +1 -0
- package/dist/esm/locale/lang/en_US.js +2 -1
- package/dist/esm/locale/lang/ja_JP.js +2 -1
- package/dist/esm/locale/lang/zh_CN.js +2 -1
- package/dist/esm/locale/lang/zh_TW.js +2 -1
- package/dist/esm/message/style/index.less +4 -4
- package/dist/esm/style/color.blue.css +254 -290
- package/dist/esm/style/color.crimson.css +434 -471
- package/dist/esm/style/color.css +736 -508
- package/dist/esm/style/color.dark.css +464 -501
- package/dist/esm/style/color.gemini.css +134 -0
- package/dist/esm/style/color.green.css +459 -495
- package/dist/esm/style/color.jam.css +463 -500
- package/dist/esm/style/color.navy.css +466 -503
- package/dist/esm/style/color.peach.css +464 -501
- package/dist/esm/style/color.pine.css +462 -500
- package/dist/esm/style/color.pitaya.css +465 -502
- package/dist/esm/style/color.pumpkin.css +464 -501
- package/dist/esm/style/color.ruby.css +466 -503
- package/dist/esm/style/size.css +144 -2
- package/dist/esm/style/themes.css +4999 -5268
- package/dist/esm/style/variables.css +882 -512
- package/dist/esm/version.d.ts +1 -1
- package/dist/esm/version.js +1 -1
- package/dist/umd/yee-c.min.css +80 -22
- package/dist/umd/yee-c.min.js +1 -1
- package/package.json +4 -2
- package/src/Anchor/style/index.less +3 -3
- package/src/Button/demo/icon.tsx +5 -3
- package/src/Button/style/index.less +72 -52
- package/src/DatePicker/style/mobile.less +1 -1
- package/src/Descriptions/style/index.less +6 -6
- package/src/FloatButton/style/index.less +2 -2
- package/src/Form/style/index.less +21 -21
- package/src/ImageViewer/style/index.less +13 -13
- package/src/Input/style/index.less +1 -1
- package/src/InputNumber/style/index.less +9 -9
- package/src/Menu/style/index.less +1 -1
- package/src/PickerPanel/style/index.less +5 -5
- package/src/RangePicker/style/index.less +53 -52
- package/src/Rate/style/index.less +1 -1
- package/src/Search/style/index.less +10 -10
- package/src/Segmented/style/index.less +2 -2
- package/src/Selector/selector.tsx +1 -1
- package/src/Selector/style/index.less +1 -1
- package/src/Table/demo/resizable.tsx +106 -0
- package/src/Table/hooks/useColumnResize.ts +224 -0
- package/src/Table/hooks/useColumns.ts +18 -3
- package/src/Table/index.en-US.md +7 -0
- package/src/Table/index.zh-CN.md +7 -0
- package/src/Table/interface.ts +52 -0
- package/src/Table/style/index.less +43 -1
- package/src/Table/table-resize.test.tsx +234 -0
- package/src/Table/table.tsx +90 -13
- package/src/Table/theader/cell.tsx +52 -2
- package/src/Table/util/index.ts +44 -1
- package/src/Tabs/interface.ts +1 -1
- package/src/Tabs/style/index.less +9 -9
- package/src/Tabs/tab-header/index.tsx +5 -1
- package/src/Tour/demo/indicators.tsx +2 -2
- package/src/Tour/demo/placement.tsx +1 -1
- package/src/Transfer/style/index.less +1 -1
- package/src/Tree/style/index.less +3 -3
- package/src/TreeSelect/style/index.less +1 -1
- package/src/Upload/style/index.less +11 -12
- package/src/WheelPicker/style/index.less +3 -3
- package/src/index.ts +1 -0
- package/src/locale/interface.ts +1 -0
- package/src/locale/lang/en_US.ts +1 -0
- package/src/locale/lang/ja_JP.ts +1 -0
- package/src/locale/lang/zh_CN.ts +1 -0
- package/src/locale/lang/zh_TW.ts +1 -0
- package/src/message/style/index.less +4 -4
- package/src/style/color.blue.css +254 -290
- package/src/style/color.crimson.css +434 -471
- package/src/style/color.css +736 -508
- package/src/style/color.dark.css +464 -501
- package/src/style/color.gemini.css +134 -0
- package/src/style/color.green.css +459 -495
- package/src/style/color.jam.css +463 -500
- package/src/style/color.navy.css +466 -503
- package/src/style/color.peach.css +464 -501
- package/src/style/color.pine.css +462 -500
- package/src/style/color.pitaya.css +465 -502
- package/src/style/color.pumpkin.css +464 -501
- package/src/style/color.ruby.css +466 -503
- package/src/style/size.css +144 -2
- package/src/version.ts +1 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import type { DataAttributeProps } from '../utils/types';
|
|
3
|
-
type SemanticDOM = 'header' | 'content' | 'track' | 'list' | 'activeBar';
|
|
3
|
+
type SemanticDOM = 'header' | 'content' | 'track' | 'list' | 'activeBar' | 'more';
|
|
4
4
|
export type TabItemType = {
|
|
5
5
|
/**
|
|
6
6
|
* Unique key corresponding to activeKey
|
|
@@ -169,7 +169,7 @@
|
|
|
169
169
|
user-select: none;
|
|
170
170
|
|
|
171
171
|
&.disabled {
|
|
172
|
-
color: var(--yee-
|
|
172
|
+
color: var(--yee-tabs-tab-title-disabled-color);
|
|
173
173
|
cursor: not-allowed;
|
|
174
174
|
|
|
175
175
|
& > * {
|
|
@@ -178,7 +178,7 @@
|
|
|
178
178
|
}
|
|
179
179
|
|
|
180
180
|
&.active {
|
|
181
|
-
color: var(--yee-
|
|
181
|
+
color: var(--yee-tabs-tab-title-active-hover-color);
|
|
182
182
|
}
|
|
183
183
|
|
|
184
184
|
&:not(.disabled):not(.active):hover {
|
|
@@ -253,8 +253,8 @@
|
|
|
253
253
|
|
|
254
254
|
@{pls}-tab.active {
|
|
255
255
|
z-index: 2;
|
|
256
|
-
color: var(--yee-
|
|
257
|
-
border-color: var(--yee-
|
|
256
|
+
color: var(--yee-tabs-tab-active-hover-pills-color);
|
|
257
|
+
border-color: var(--yee-tabs-tab-active-pills-border-color);
|
|
258
258
|
}
|
|
259
259
|
|
|
260
260
|
@{pls}-active {
|
|
@@ -461,16 +461,16 @@
|
|
|
461
461
|
cursor: pointer;
|
|
462
462
|
|
|
463
463
|
&:hover {
|
|
464
|
-
background-color: var(--yee-
|
|
464
|
+
background-color: var(--yee-tabs-tab-dropdown-title-hover-bg-color);
|
|
465
465
|
|
|
466
466
|
@{pls}-tab-title {
|
|
467
|
-
color: var(--yee-
|
|
467
|
+
color: var(--yee-tabs-tab-dropdown-title-hover-color);
|
|
468
468
|
}
|
|
469
469
|
}
|
|
470
470
|
|
|
471
471
|
&:active {
|
|
472
|
-
color: var(--yee-
|
|
473
|
-
background-color: var(--yee-
|
|
472
|
+
color: var(--yee-tabs-tab-dropdown-title-active-color);
|
|
473
|
+
background-color: var(--yee-tabs-tab-dropdown-title-active-bg-color);
|
|
474
474
|
}
|
|
475
475
|
}
|
|
476
476
|
}
|
|
@@ -491,7 +491,7 @@
|
|
|
491
491
|
user-select: none;
|
|
492
492
|
|
|
493
493
|
&:hover {
|
|
494
|
-
color: var(--yee-
|
|
494
|
+
color: var(--yee-tabs-tab-title-active-hover-color);
|
|
495
495
|
}
|
|
496
496
|
}
|
|
497
497
|
}
|
|
@@ -141,6 +141,9 @@ var TabHeader = (props) => {
|
|
|
141
141
|
const cls = (0, import_clsx.default)(
|
|
142
142
|
`${prefixCls}-nav-wrapper`,
|
|
143
143
|
`${prefixCls}-nav-wrapper-${position}`,
|
|
144
|
+
{
|
|
145
|
+
[`${prefixCls}-nav-wrapper-with-more`]: moreOpen
|
|
146
|
+
},
|
|
144
147
|
classNames == null ? void 0 : classNames.header
|
|
145
148
|
);
|
|
146
149
|
const contextValue = {
|
|
@@ -203,7 +206,8 @@ var TabHeader = (props) => {
|
|
|
203
206
|
), moreOpen && /* @__PURE__ */ import_react.default.createElement(import_dropdown_tabs.default, { visible: moreOpen, items: items || [], range }, /* @__PURE__ */ import_react.default.createElement(
|
|
204
207
|
import_Button.default,
|
|
205
208
|
{
|
|
206
|
-
className: `${prefixCls}-nav-more`,
|
|
209
|
+
className: (0, import_clsx.default)(`${prefixCls}-nav-more`, classNames == null ? void 0 : classNames.more),
|
|
210
|
+
style: styles == null ? void 0 : styles.more,
|
|
207
211
|
size: "small",
|
|
208
212
|
icon: /* @__PURE__ */ import_react.default.createElement(import_lucide_react.Ellipsis, { size: 14, strokeWidth: 1.5 }),
|
|
209
213
|
type: "text",
|
|
@@ -54,7 +54,7 @@ var indicators_default = () => {
|
|
|
54
54
|
height: 8,
|
|
55
55
|
marginInlineEnd: 4,
|
|
56
56
|
borderRadius: "50%",
|
|
57
|
-
background: i === current ? "var(--yee-primary
|
|
57
|
+
background: i === current ? "var(--yee-color-primary)" : "var(--yee-color-border)",
|
|
58
58
|
transition: "background 0.2s"
|
|
59
59
|
}
|
|
60
60
|
}
|
|
@@ -17,15 +17,15 @@
|
|
|
17
17
|
}
|
|
18
18
|
|
|
19
19
|
&-drag-over-before {
|
|
20
|
-
box-shadow: inset 0 2px 0 0 var(--yee-primary
|
|
20
|
+
box-shadow: inset 0 2px 0 0 var(--yee-color-primary);
|
|
21
21
|
}
|
|
22
22
|
|
|
23
23
|
&-drag-over-after {
|
|
24
|
-
box-shadow: inset 0 -2px 0 0 var(--yee-primary
|
|
24
|
+
box-shadow: inset 0 -2px 0 0 var(--yee-color-primary);
|
|
25
25
|
}
|
|
26
26
|
|
|
27
27
|
&-drag-over-inside {
|
|
28
|
-
background: color-mix(in srgb, var(--yee-primary
|
|
28
|
+
background: color-mix(in srgb, var(--yee-color-primary) 12%, transparent);
|
|
29
29
|
}
|
|
30
30
|
|
|
31
31
|
&-switcher {
|
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
display: flex;
|
|
9
9
|
|
|
10
10
|
&:focus-within {
|
|
11
|
-
outline: 2px solid var(--yee-primary
|
|
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
|
|
56
|
+
border-color: var(--yee-color-primary);
|
|
57
57
|
}
|
|
58
58
|
|
|
59
59
|
&-hover {
|
|
60
|
-
border-color: var(--yee-primary
|
|
61
|
-
background-color: var(--yee-primary-
|
|
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
|
|
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
|
|
91
|
-
color: var(--yee-primary
|
|
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
|
|
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
|
|
272
|
+
color: var(--yee-color-primary);
|
|
274
273
|
}
|
|
275
274
|
|
|
276
275
|
&-error {
|
|
277
|
-
color: var(--yee-error
|
|
276
|
+
color: var(--yee-color-error);
|
|
278
277
|
}
|
|
279
278
|
|
|
280
279
|
&-success {
|
|
281
|
-
color: var(--yee-success
|
|
280
|
+
color: var(--yee-color-success);
|
|
282
281
|
}
|
|
283
282
|
}
|
|
284
283
|
|
|
@@ -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
|
|
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
|
|
79
|
-
border-bottom: 1px solid var(--yee-border
|
|
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;
|
|
@@ -115,7 +115,8 @@ var locale = {
|
|
|
115
115
|
selectionNone: "Clear Selection on Page",
|
|
116
116
|
sortAscending: "Click to sort ascending",
|
|
117
117
|
sortDescending: "Click to sort descending",
|
|
118
|
-
sortCancel: "Click to cancel sorting"
|
|
118
|
+
sortCancel: "Click to cancel sorting",
|
|
119
|
+
resizeColumn: "Drag to resize column"
|
|
119
120
|
},
|
|
120
121
|
pagination: {
|
|
121
122
|
total: "Total {total} items",
|
|
@@ -115,7 +115,8 @@ var locale = {
|
|
|
115
115
|
selectionNone: "ページ内選択をクリア",
|
|
116
116
|
sortAscending: "クリックで昇順に並べ替え",
|
|
117
117
|
sortDescending: "クリックで降順に並べ替え",
|
|
118
|
-
sortCancel: "クリックで並べ替えを解除"
|
|
118
|
+
sortCancel: "クリックで並べ替えを解除",
|
|
119
|
+
resizeColumn: "ドラッグで列幅を変更"
|
|
119
120
|
},
|
|
120
121
|
pagination: {
|
|
121
122
|
total: "合計 {total} 件",
|
|
@@ -37,25 +37,25 @@
|
|
|
37
37
|
// status
|
|
38
38
|
&-success {
|
|
39
39
|
@{pls}-icon {
|
|
40
|
-
color: var(--yee-success
|
|
40
|
+
color: var(--yee-color-success);
|
|
41
41
|
}
|
|
42
42
|
}
|
|
43
43
|
|
|
44
44
|
&-info {
|
|
45
45
|
@{pls}-icon {
|
|
46
|
-
color: var(--yee-info
|
|
46
|
+
color: var(--yee-color-info);
|
|
47
47
|
}
|
|
48
48
|
}
|
|
49
49
|
|
|
50
50
|
&-error {
|
|
51
51
|
@{pls}-icon {
|
|
52
|
-
color: var(--yee-error
|
|
52
|
+
color: var(--yee-color-error);
|
|
53
53
|
}
|
|
54
54
|
}
|
|
55
55
|
|
|
56
56
|
&-warning {
|
|
57
57
|
@{pls}-icon {
|
|
58
|
-
color: var(--yee-warning
|
|
58
|
+
color: var(--yee-color-warning);
|
|
59
59
|
}
|
|
60
60
|
}
|
|
61
61
|
}
|