tntd 2.8.0-beta.5 → 2.8.0-beta.7
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/es/check-card/index.js +2 -3
- package/es/check-card/index.js.map +1 -1
- package/es/color-picker/ColorPicker.js +4 -6
- package/es/color-picker/ColorPicker.js.map +1 -1
- package/es/index.js +2 -0
- package/es/index.js.map +1 -1
- package/es/locale/en_US.js +3 -0
- package/es/locale/en_US.js.map +1 -1
- package/es/locale/zh_CN.js +3 -0
- package/es/locale/zh_CN.js.map +1 -1
- package/es/page-container/index.js +13 -0
- package/es/page-container/index.js.map +1 -0
- package/es/page-container/index.less +38 -0
- package/es/page-loading/index.js +25 -0
- package/es/page-loading/index.js.map +1 -0
- package/es/page-loading/index.less +22 -0
- package/es/page-loading/loading.gif +0 -0
- package/es/table/table.js +1 -2
- package/es/table/table.js.map +1 -1
- package/es/table-container/index.less +1 -0
- package/es/tabs/tabs.js +4 -2
- package/es/tabs/tabs.js.map +1 -1
- package/es/tntd-cascader/AntdCascader/component/getIcons.js +7 -8
- package/es/tntd-cascader/AntdCascader/component/getIcons.js.map +1 -1
- package/es/tntd-cascader/AntdCascader/index.js +4 -5
- package/es/tntd-cascader/AntdCascader/index.js.map +1 -1
- package/es/tntd-rc-select/_util/getIcons.js +7 -8
- package/es/tntd-rc-select/_util/getIcons.js.map +1 -1
- package/lib/check-card/index.js +1 -2
- package/lib/check-card/index.js.map +1 -1
- package/lib/color-picker/ColorPicker.d.ts.map +1 -1
- package/lib/color-picker/ColorPicker.js +2 -4
- package/lib/color-picker/ColorPicker.js.map +1 -1
- package/lib/index.d.ts +2 -0
- package/lib/index.d.ts.map +1 -1
- package/lib/index.js +14 -0
- package/lib/index.js.map +1 -1
- package/lib/locale/default.d.ts +3 -0
- package/lib/locale/default.d.ts.map +1 -1
- package/lib/locale/en_US.d.ts +3 -0
- package/lib/locale/en_US.d.ts.map +1 -1
- package/lib/locale/en_US.js +3 -0
- package/lib/locale/en_US.js.map +1 -1
- package/lib/locale/zh_CN.d.ts +3 -0
- package/lib/locale/zh_CN.d.ts.map +1 -1
- package/lib/locale/zh_CN.js +3 -0
- package/lib/locale/zh_CN.js.map +1 -1
- package/lib/page-container/index.d.ts +4 -0
- package/lib/page-container/index.d.ts.map +1 -0
- package/lib/page-container/index.js +22 -0
- package/lib/page-container/index.js.map +1 -0
- package/lib/page-container/index.less +38 -0
- package/lib/{query-form/Field/Composition/Select.d.ts → page-loading/index.d.ts} +1 -1
- package/lib/page-loading/index.d.ts.map +1 -0
- package/lib/page-loading/index.js +30 -0
- package/lib/page-loading/index.js.map +1 -0
- package/lib/page-loading/index.less +22 -0
- package/lib/page-loading/loading.gif +0 -0
- package/lib/table/table.d.ts.map +1 -1
- package/lib/table/table.js +2 -3
- package/lib/table/table.js.map +1 -1
- package/lib/table-container/index.less +1 -0
- package/lib/tabs/tabs.d.ts.map +1 -1
- package/lib/tabs/tabs.js +3 -1
- package/lib/tabs/tabs.js.map +1 -1
- package/lib/tntd-cascader/AntdCascader/component/getIcons.js +2 -3
- package/lib/tntd-cascader/AntdCascader/component/getIcons.js.map +1 -1
- package/lib/tntd-cascader/AntdCascader/index.d.ts.map +1 -1
- package/lib/tntd-cascader/AntdCascader/index.js +1 -2
- package/lib/tntd-cascader/AntdCascader/index.js.map +1 -1
- package/lib/tntd-rc-select/_util/getIcons.js +2 -3
- package/lib/tntd-rc-select/_util/getIcons.js.map +1 -1
- package/package.json +2 -2
- package/es/alert/alert.js +0 -70
- package/es/alert/alert.js.map +0 -1
- package/es/alert/alert.less +0 -128
- package/es/button/button.less +0 -72
- package/es/checkbox/check.png +0 -0
- package/es/checkbox/checkbox.js +0 -48
- package/es/checkbox/checkbox.js.map +0 -1
- package/es/checkbox/checkbox.less +0 -69
- package/es/date-picker/DatePicker.js +0 -101
- package/es/date-picker/DatePicker.js.map +0 -1
- package/es/date-picker/index.less +0 -294
- package/es/drawer/index.less +0 -154
- package/es/form/form.less +0 -36
- package/es/grid/RowContext.js +0 -3
- package/es/grid/RowContext.js.map +0 -1
- package/es/grid/col.js +0 -103
- package/es/grid/col.js.map +0 -1
- package/es/grid/hooks/useBreakpoint.js +0 -18
- package/es/grid/hooks/useBreakpoint.js.map +0 -1
- package/es/grid/row.js +0 -154
- package/es/grid/row.js.map +0 -1
- package/es/grid/style/rtl.less +0 -69
- package/es/input-number/inputNumber.js +0 -29
- package/es/input-number/inputNumber.js.map +0 -1
- package/es/input-number/inputNumber.less +0 -12
- package/es/modal/index.less +0 -36
- package/es/notification/assets/index.js +0 -2
- package/es/notification/assets/index.js.map +0 -1
- package/es/notification/assets/svg-error-tip.js +0 -145
- package/es/notification/assets/svg-error-tip.js.map +0 -1
- package/es/notification/assets/svg-success-tip.js +0 -162
- package/es/notification/assets/svg-success-tip.js.map +0 -1
- package/es/notification/notification.js +0 -80
- package/es/notification/notification.js.map +0 -1
- package/es/notification/notification.less +0 -59
- package/es/popconfirm/index.less +0 -32
- package/es/popconfirm/popconfirm.js +0 -43
- package/es/popconfirm/popconfirm.js.map +0 -1
- package/es/popover/index.less +0 -57
- package/es/popover/popover.js +0 -34
- package/es/popover/popover.js.map +0 -1
- package/es/progress/progress.js +0 -132
- package/es/progress/progress.js.map +0 -1
- package/es/progress/progress.less +0 -82
- package/es/query-form/Field/Composition/FieldPopover.js +0 -284
- package/es/query-form/Field/Composition/FieldPopover.js.map +0 -1
- package/es/query-form/Field/Composition/FieldPopover.less +0 -35
- package/es/query-form/Field/Composition/Select.js +0 -108
- package/es/query-form/Field/Composition/Select.js.map +0 -1
- package/es/query-form/Field/Composition/index.js +0 -275
- package/es/query-form/Field/Composition/index.js.map +0 -1
- package/es/query-form/Field/Composition/index.less +0 -106
- package/es/query-form/Field/Composition/utils.js +0 -19
- package/es/query-form/Field/Composition/utils.js.map +0 -1
- package/es/radio/radio.js +0 -57
- package/es/radio/radio.js.map +0 -1
- package/es/radio/radio.less +0 -43
- package/es/steps/assets/background_left.svg +0 -12
- package/es/steps/assets/background_right.svg +0 -12
- package/es/steps/assets/horizontal_line.svg +0 -3
- package/es/steps/assets/vertical_line.svg +0 -3
- package/es/steps/stepStyle/icon.less +0 -51
- package/es/steps/stepStyle/progress-dot.less +0 -10
- package/es/steps/stepStyle/variables.less +0 -8
- package/es/steps/stepStyle/vertical.less +0 -41
- package/es/switch/index.less +0 -46
- package/es/tabs/tabs.less +0 -116
- package/es/tag/color.less +0 -43
- package/es/tag/tag.js +0 -171
- package/es/tag/tag.js.map +0 -1
- package/es/tag/tag.less +0 -193
- package/es/time-picker/TimePicker.js +0 -36
- package/es/time-picker/TimePicker.js.map +0 -1
- package/es/time-picker/index.less +0 -38
- package/es/tntd-action/Action.js +0 -66
- package/es/tntd-action/Action.js.map +0 -1
- package/es/tntd-action/index.less +0 -53
- package/es/tooltip/index.less +0 -29
- package/es/tooltip/tooltip.js +0 -33
- package/es/tooltip/tooltip.js.map +0 -1
- package/lib/alert/alert.d.ts +0 -12
- package/lib/alert/alert.d.ts.map +0 -1
- package/lib/alert/alert.js +0 -92
- package/lib/alert/alert.js.map +0 -1
- package/lib/alert/alert.less +0 -128
- package/lib/button/button.less +0 -72
- package/lib/checkbox/check.png +0 -0
- package/lib/checkbox/checkbox.d.ts +0 -16
- package/lib/checkbox/checkbox.d.ts.map +0 -1
- package/lib/checkbox/checkbox.js +0 -65
- package/lib/checkbox/checkbox.js.map +0 -1
- package/lib/checkbox/checkbox.less +0 -69
- package/lib/date-picker/DatePicker.d.ts +0 -21
- package/lib/date-picker/DatePicker.d.ts.map +0 -1
- package/lib/date-picker/DatePicker.js +0 -128
- package/lib/date-picker/DatePicker.js.map +0 -1
- package/lib/date-picker/index.less +0 -294
- package/lib/drawer/index.less +0 -154
- package/lib/form/form.less +0 -36
- package/lib/grid/RowContext.d.ts +0 -9
- package/lib/grid/RowContext.d.ts.map +0 -1
- package/lib/grid/RowContext.js +0 -9
- package/lib/grid/RowContext.js.map +0 -1
- package/lib/grid/col.d.ts +0 -29
- package/lib/grid/col.d.ts.map +0 -1
- package/lib/grid/col.js +0 -100
- package/lib/grid/col.js.map +0 -1
- package/lib/grid/hooks/useBreakpoint.d.ts +0 -4
- package/lib/grid/hooks/useBreakpoint.d.ts.map +0 -1
- package/lib/grid/hooks/useBreakpoint.js +0 -28
- package/lib/grid/hooks/useBreakpoint.js.map +0 -1
- package/lib/grid/row.d.ts +0 -21
- package/lib/grid/row.d.ts.map +0 -1
- package/lib/grid/row.js +0 -183
- package/lib/grid/row.js.map +0 -1
- package/lib/grid/style/rtl.less +0 -69
- package/lib/input-number/inputNumber.d.ts +0 -10
- package/lib/input-number/inputNumber.d.ts.map +0 -1
- package/lib/input-number/inputNumber.js +0 -48
- package/lib/input-number/inputNumber.js.map +0 -1
- package/lib/input-number/inputNumber.less +0 -12
- package/lib/modal/index.less +0 -36
- package/lib/notification/assets/index.d.ts +0 -3
- package/lib/notification/assets/index.d.ts.map +0 -1
- package/lib/notification/assets/index.js +0 -20
- package/lib/notification/assets/index.js.map +0 -1
- package/lib/notification/assets/svg-error-tip.d.ts +0 -4
- package/lib/notification/assets/svg-error-tip.d.ts.map +0 -1
- package/lib/notification/assets/svg-error-tip.js +0 -154
- package/lib/notification/assets/svg-error-tip.js.map +0 -1
- package/lib/notification/assets/svg-success-tip.d.ts +0 -4
- package/lib/notification/assets/svg-success-tip.d.ts.map +0 -1
- package/lib/notification/assets/svg-success-tip.js +0 -171
- package/lib/notification/assets/svg-success-tip.js.map +0 -1
- package/lib/notification/notification.d.ts +0 -9
- package/lib/notification/notification.d.ts.map +0 -1
- package/lib/notification/notification.js +0 -105
- package/lib/notification/notification.js.map +0 -1
- package/lib/notification/notification.less +0 -59
- package/lib/popconfirm/index.less +0 -32
- package/lib/popconfirm/popconfirm.d.ts +0 -8
- package/lib/popconfirm/popconfirm.d.ts.map +0 -1
- package/lib/popconfirm/popconfirm.js +0 -61
- package/lib/popconfirm/popconfirm.js.map +0 -1
- package/lib/popover/index.less +0 -57
- package/lib/popover/popover.d.ts +0 -14
- package/lib/popover/popover.d.ts.map +0 -1
- package/lib/popover/popover.js +0 -55
- package/lib/popover/popover.js.map +0 -1
- package/lib/progress/progress.d.ts +0 -12
- package/lib/progress/progress.d.ts.map +0 -1
- package/lib/progress/progress.js +0 -148
- package/lib/progress/progress.js.map +0 -1
- package/lib/progress/progress.less +0 -82
- package/lib/query-form/Field/Composition/FieldPopover.d.ts +0 -17
- package/lib/query-form/Field/Composition/FieldPopover.d.ts.map +0 -1
- package/lib/query-form/Field/Composition/FieldPopover.js +0 -319
- package/lib/query-form/Field/Composition/FieldPopover.js.map +0 -1
- package/lib/query-form/Field/Composition/FieldPopover.less +0 -35
- package/lib/query-form/Field/Composition/Select.d.ts.map +0 -1
- package/lib/query-form/Field/Composition/Select.js +0 -132
- package/lib/query-form/Field/Composition/Select.js.map +0 -1
- package/lib/query-form/Field/Composition/index.d.ts +0 -14
- package/lib/query-form/Field/Composition/index.d.ts.map +0 -1
- package/lib/query-form/Field/Composition/index.js +0 -330
- package/lib/query-form/Field/Composition/index.js.map +0 -1
- package/lib/query-form/Field/Composition/index.less +0 -106
- package/lib/query-form/Field/Composition/utils.d.ts +0 -6
- package/lib/query-form/Field/Composition/utils.d.ts.map +0 -1
- package/lib/query-form/Field/Composition/utils.js +0 -27
- package/lib/query-form/Field/Composition/utils.js.map +0 -1
- package/lib/radio/radio.d.ts +0 -17
- package/lib/radio/radio.d.ts.map +0 -1
- package/lib/radio/radio.js +0 -75
- package/lib/radio/radio.js.map +0 -1
- package/lib/radio/radio.less +0 -43
- package/lib/steps/assets/background_left.svg +0 -12
- package/lib/steps/assets/background_right.svg +0 -12
- package/lib/steps/assets/horizontal_line.svg +0 -3
- package/lib/steps/assets/vertical_line.svg +0 -3
- package/lib/steps/stepStyle/icon.less +0 -51
- package/lib/steps/stepStyle/progress-dot.less +0 -10
- package/lib/steps/stepStyle/variables.less +0 -8
- package/lib/steps/stepStyle/vertical.less +0 -41
- package/lib/switch/index.less +0 -46
- package/lib/tabs/tabs.less +0 -116
- package/lib/tag/color.less +0 -43
- package/lib/tag/tag.d.ts +0 -41
- package/lib/tag/tag.d.ts.map +0 -1
- package/lib/tag/tag.js +0 -183
- package/lib/tag/tag.js.map +0 -1
- package/lib/tag/tag.less +0 -193
- package/lib/time-picker/TimePicker.d.ts +0 -9
- package/lib/time-picker/TimePicker.d.ts.map +0 -1
- package/lib/time-picker/TimePicker.js +0 -55
- package/lib/time-picker/TimePicker.js.map +0 -1
- package/lib/time-picker/index.less +0 -38
- package/lib/tntd-action/Action.d.ts +0 -6
- package/lib/tntd-action/Action.d.ts.map +0 -1
- package/lib/tntd-action/Action.js +0 -86
- package/lib/tntd-action/Action.js.map +0 -1
- package/lib/tntd-action/index.less +0 -53
- package/lib/tooltip/index.less +0 -29
- package/lib/tooltip/tooltip.d.ts +0 -9
- package/lib/tooltip/tooltip.d.ts.map +0 -1
- package/lib/tooltip/tooltip.js +0 -53
- package/lib/tooltip/tooltip.js.map +0 -1
package/es/alert/alert.less
DELETED
|
@@ -1,128 +0,0 @@
|
|
|
1
|
-
@alert-prefix-cls: ~'@{ant-prefix}-alert';
|
|
2
|
-
@alert-description-color: @text-color-secondary;
|
|
3
|
-
@tnt-alert-prefix-cls: ~'tnt-alert';
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
.@{tnt-alert-prefix-cls} {
|
|
7
|
-
|
|
8
|
-
&.@{alert-prefix-cls}.@{alert-prefix-cls}-no-icon.@{alert-prefix-cls}-closable {
|
|
9
|
-
padding-right: 30px;
|
|
10
|
-
}
|
|
11
|
-
|
|
12
|
-
&.@{tnt-alert-prefix-cls}-with-action {
|
|
13
|
-
.@{alert-prefix-cls}-message {
|
|
14
|
-
display: flex;
|
|
15
|
-
justify-content: space-between;
|
|
16
|
-
> .action-btn {
|
|
17
|
-
flex: none;
|
|
18
|
-
margin-left: 36px;
|
|
19
|
-
margin-right: 12px;
|
|
20
|
-
font-size: @font-size-base;
|
|
21
|
-
}
|
|
22
|
-
}
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
&.@{alert-prefix-cls} {
|
|
26
|
-
border-radius: @border-radius-lg;
|
|
27
|
-
padding: 8px 15px 8px 44px;
|
|
28
|
-
& .anticon {
|
|
29
|
-
left: 20px;
|
|
30
|
-
top: 11px; // 与文字对齐
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
-
.@{alert-prefix-cls}-message {
|
|
36
|
-
font-weight: 500;
|
|
37
|
-
color: @alert-description-color;
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
& .@{alert-prefix-cls}-close-icon {
|
|
41
|
-
font-size: @font-size-lg;
|
|
42
|
-
}
|
|
43
|
-
|
|
44
|
-
&.@{alert-prefix-cls}-with-description {
|
|
45
|
-
padding: 16px 20px 16px 48px;
|
|
46
|
-
}
|
|
47
|
-
|
|
48
|
-
&.@{alert-prefix-cls}.@{alert-prefix-cls}-no-icon {
|
|
49
|
-
padding: 8px 20px;
|
|
50
|
-
}
|
|
51
|
-
|
|
52
|
-
&.@{alert-prefix-cls}-with-description.@{alert-prefix-cls}-no-icon {
|
|
53
|
-
padding: 16px 20px;
|
|
54
|
-
}
|
|
55
|
-
|
|
56
|
-
&.@{alert-prefix-cls}-with-description i.@{alert-prefix-cls}-icon {
|
|
57
|
-
top: 18px;
|
|
58
|
-
font-size: @font-size-xl;
|
|
59
|
-
}
|
|
60
|
-
}
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
.@{alert-prefix-cls}-success {
|
|
64
|
-
.action-btn {
|
|
65
|
-
background-color: @alert-success-bg-color;
|
|
66
|
-
color: @green-6;
|
|
67
|
-
a {
|
|
68
|
-
color: @green-6;
|
|
69
|
-
}
|
|
70
|
-
}
|
|
71
|
-
.@{alert-prefix-cls}-close-icon {
|
|
72
|
-
.@{iconfont-css-prefix}-close {
|
|
73
|
-
color: @alert-success-icon-color;
|
|
74
|
-
}
|
|
75
|
-
}
|
|
76
|
-
}
|
|
77
|
-
|
|
78
|
-
.@{alert-prefix-cls}-info {
|
|
79
|
-
.action-btn {
|
|
80
|
-
background-color: @alert-info-bg-color;
|
|
81
|
-
color: @alert-info-icon-color;
|
|
82
|
-
a {
|
|
83
|
-
color: @alert-info-icon-color;
|
|
84
|
-
}
|
|
85
|
-
}
|
|
86
|
-
.@{alert-prefix-cls}-close-icon {
|
|
87
|
-
.@{iconfont-css-prefix}-close {
|
|
88
|
-
color: @alert-info-icon-color;
|
|
89
|
-
}
|
|
90
|
-
}
|
|
91
|
-
}
|
|
92
|
-
|
|
93
|
-
.@{alert-prefix-cls}-warning {
|
|
94
|
-
.action-btn {
|
|
95
|
-
background-color: @alert-warning-bg-color;
|
|
96
|
-
color: @gold-7;
|
|
97
|
-
a {
|
|
98
|
-
color: @gold-7;
|
|
99
|
-
}
|
|
100
|
-
}
|
|
101
|
-
.@{alert-prefix-cls}-close-icon {
|
|
102
|
-
.@{iconfont-css-prefix}-close {
|
|
103
|
-
color: @alert-warning-icon-color;
|
|
104
|
-
}
|
|
105
|
-
}
|
|
106
|
-
}
|
|
107
|
-
|
|
108
|
-
.@{alert-prefix-cls}-error {
|
|
109
|
-
.action-btn {
|
|
110
|
-
background-color: @alert-error-bg-color;
|
|
111
|
-
color: @red-6;
|
|
112
|
-
a {
|
|
113
|
-
color: @red-6;
|
|
114
|
-
}
|
|
115
|
-
}
|
|
116
|
-
.@{alert-prefix-cls}-close-icon {
|
|
117
|
-
.@{iconfont-css-prefix}-close {
|
|
118
|
-
color: @alert-error-icon-color;
|
|
119
|
-
}
|
|
120
|
-
}
|
|
121
|
-
}
|
|
122
|
-
|
|
123
|
-
.@{alert-prefix-cls} {
|
|
124
|
-
>
|
|
125
|
-
.@{alert-prefix-cls}-icon {
|
|
126
|
-
font-size: @font-size-lg;
|
|
127
|
-
}
|
|
128
|
-
}
|
package/es/button/button.less
DELETED
|
@@ -1,72 +0,0 @@
|
|
|
1
|
-
@import './style/mixin.less';
|
|
2
|
-
@import '../style/mixins/size.less';
|
|
3
|
-
|
|
4
|
-
@btn-prefix-cls: ~'@{ant-prefix}-btn';
|
|
5
|
-
|
|
6
|
-
.tnt-btn {
|
|
7
|
-
&-tertiary {
|
|
8
|
-
.button-variant-tertiary(@btn-default-color, @primary-color, @btn-tertiary-bg);
|
|
9
|
-
}
|
|
10
|
-
&.@{btn-prefix-cls}-primary {
|
|
11
|
-
.button-disabled(@btn-primary-color, @blue-3, @blue-3);
|
|
12
|
-
}
|
|
13
|
-
&.@{btn-prefix-cls}-danger {
|
|
14
|
-
.button-disabled(@btn-primary-color, @red-3, @red-3);
|
|
15
|
-
}
|
|
16
|
-
&.@{btn-prefix-cls}-link {
|
|
17
|
-
.button-disabled(@blue-3, transparent, transparent);
|
|
18
|
-
}
|
|
19
|
-
&.tnt-btn-mini {
|
|
20
|
-
.button-size(@btn-height-mini; @btn-padding-mini; @btn-font-size-mini; @btn-border-radius-sm);
|
|
21
|
-
&.@{btn-prefix-cls}-icon-only {
|
|
22
|
-
.square(@btn-height-mini);
|
|
23
|
-
padding-right: 0;
|
|
24
|
-
padding-left: 0;
|
|
25
|
-
}
|
|
26
|
-
&.@{btn-prefix-cls}-circle {
|
|
27
|
-
min-width: @btn-height-mini;
|
|
28
|
-
border-radius: 50%;
|
|
29
|
-
}
|
|
30
|
-
&.@{btn-prefix-cls}-round {
|
|
31
|
-
.button-size(@btn-circle-size-mini; 0 @btn-circle-size-mini / 2; @btn-font-size-mini; @btn-circle-size-mini);
|
|
32
|
-
&.@{btn-prefix-cls}-icon-only {
|
|
33
|
-
width: auto;
|
|
34
|
-
}
|
|
35
|
-
}
|
|
36
|
-
}
|
|
37
|
-
&-group-mini {
|
|
38
|
-
& > .@{btn-prefix-cls},
|
|
39
|
-
& > span > .@{btn-prefix-cls} {
|
|
40
|
-
.button-size(@btn-height-mini; @btn-padding-mini; @btn-font-size-mini; 0);
|
|
41
|
-
line-height: calc(@btn-height-mini - 2px);
|
|
42
|
-
}
|
|
43
|
-
& > .@{btn-prefix-cls}.@{btn-prefix-cls}-icon-only {
|
|
44
|
-
.square(@btn-height-mini);
|
|
45
|
-
padding-right: 0;
|
|
46
|
-
padding-left: 0;
|
|
47
|
-
}
|
|
48
|
-
}
|
|
49
|
-
}
|
|
50
|
-
|
|
51
|
-
.button-variant-tertiary(@color; @hover-color; @background) {
|
|
52
|
-
.button-color(@color; @background; @background);
|
|
53
|
-
|
|
54
|
-
text-shadow: @btn-text-shadow;
|
|
55
|
-
box-shadow: @btn-primary-shadow;
|
|
56
|
-
|
|
57
|
-
&:hover,
|
|
58
|
-
&:focus {
|
|
59
|
-
.button-color(
|
|
60
|
-
@hover-color; ~`colorPalette('@{background}', 5) `; ~`colorPalette('@{background}', 5) `
|
|
61
|
-
);
|
|
62
|
-
}
|
|
63
|
-
|
|
64
|
-
&:active,
|
|
65
|
-
&.active {
|
|
66
|
-
.button-color(
|
|
67
|
-
@hover-color; ~`colorPalette('@{background}', 6) `; ~`colorPalette('@{background}', 6) `
|
|
68
|
-
);
|
|
69
|
-
}
|
|
70
|
-
|
|
71
|
-
.button-disabled(@btn-disable-color; @btn-disable-bg; transparent);
|
|
72
|
-
}
|
package/es/checkbox/check.png
DELETED
|
Binary file
|
package/es/checkbox/checkbox.js
DELETED
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
var __rest = this && this.__rest || function (s, e) {
|
|
2
|
-
var t = {};
|
|
3
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
|
4
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
5
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
|
|
6
|
-
}
|
|
7
|
-
return t;
|
|
8
|
-
};
|
|
9
|
-
import React, { forwardRef } from 'react';
|
|
10
|
-
import { ConfigConsumer } from 'antd/es/config-provider';
|
|
11
|
-
import AntdCheckbox from 'antd/es/checkbox';
|
|
12
|
-
import { connectReadonlyComponent } from '../connect';
|
|
13
|
-
import { PreviewText } from '../preview-text';
|
|
14
|
-
import classNames from 'classnames';
|
|
15
|
-
export * from 'antd/es/checkbox';
|
|
16
|
-
const tntPrefixCls = 'tnt-checkbox';
|
|
17
|
-
const Checkbox = forwardRef((_a, ref) => {
|
|
18
|
-
var {
|
|
19
|
-
className,
|
|
20
|
-
children,
|
|
21
|
-
desc
|
|
22
|
-
} = _a,
|
|
23
|
-
rest = __rest(_a, ["className", "children", "desc"]);
|
|
24
|
-
return React.createElement(ConfigConsumer, null, () => {
|
|
25
|
-
return React.createElement(AntdCheckbox, Object.assign({}, rest, {
|
|
26
|
-
ref: ref,
|
|
27
|
-
className: classNames(className, tntPrefixCls)
|
|
28
|
-
}), React.createElement("span", {
|
|
29
|
-
className: `${tntPrefixCls}-children`
|
|
30
|
-
}, React.createElement("span", null, children), !!desc && React.createElement("span", {
|
|
31
|
-
className: `${tntPrefixCls}-desc`
|
|
32
|
-
}, desc)));
|
|
33
|
-
});
|
|
34
|
-
});
|
|
35
|
-
const CheckboxGroup = forwardRef((_a, ref) => {
|
|
36
|
-
var {
|
|
37
|
-
className
|
|
38
|
-
} = _a,
|
|
39
|
-
rest = __rest(_a, ["className"]);
|
|
40
|
-
return React.createElement(ConfigConsumer, null, () => {
|
|
41
|
-
return React.createElement(AntdCheckbox.Group, Object.assign({}, rest, {
|
|
42
|
-
ref: ref,
|
|
43
|
-
className: classNames(className, `${tntPrefixCls}-group`)
|
|
44
|
-
}));
|
|
45
|
-
});
|
|
46
|
-
});
|
|
47
|
-
Checkbox.Group = connectReadonlyComponent(CheckboxGroup, PreviewText.Select);
|
|
48
|
-
export default Checkbox;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../src/checkbox/checkbox.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAKzC,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AACxD,OAAO,YAAY,MAAM,kBAAkB,CAAA;AAE3C,OAAO,EAAE,wBAAwB,EAAE,MAAM,YAAY,CAAA;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAC7C,OAAO,UAAU,MAAM,YAAY,CAAA;AAEnC,cAAc,kBAAkB,CAAA;AAchC,MAAM,YAAY,GAAG,cAAc,CAAA;AAEnC,MAAM,QAAQ,GAAG,UAAU,CACzB,CAAC,EAAsC,EAAE,GAAG,EAAE,EAAE;QAA/C,EAAE,SAAS,EAAE,QAAQ,EAAE,IAAI,OAAW,EAAN,IAAI,cAApC,iCAAsC,CAAF;IACnC,OAAO,CACL,oBAAC,cAAc,QACZ,GAAG,EAAE;QACJ,OAAO,CACL,oBAAC,YAAY,oBAAK,IAAI,IAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE,YAAY,CAAC;YAC9E,8BAAM,SAAS,EAAE,GAAG,YAAY,WAAW;gBACzC,kCAAO,QAAQ,CAAQ;gBACtB,CAAC,CAAC,IAAI,IAAI,8BAAM,SAAS,EAAE,GAAG,YAAY,OAAO,IAAG,IAAI,CAAQ,CAC5D,CACM,CAChB,CAAA;IACH,CAAC,CACc,CAClB,CAAA;AACH,CAAC,CACmB,CAAA;AAEtB,MAAM,aAAa,GAAG,UAAU,CAC9B,CAAC,EAAsB,EAAE,GAAG,EAAE,EAAE;QAA/B,EAAE,SAAS,OAAW,EAAN,IAAI,cAApB,aAAsB,CAAF;IACnB,OAAO,CACL,oBAAC,cAAc,QACZ,GAAG,EAAE;QACJ,OAAO,CACL,oBAAC,YAAY,CAAC,KAAK,oBACb,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE,GAAG,YAAY,QAAQ,CAAC,IACzD,CACH,CAAA;IACH,CAAC,CACc,CAClB,CAAA;AACH,CAAC,CACF,CAAA;AAED,QAAQ,CAAC,KAAK,GAAG,wBAAwB,CAAC,aAAa,EAAE,WAAW,CAAC,MAAM,CAAC,CAAA;AAE5E,eAAe,QAAQ,CAAA","sourcesContent":["import React, { forwardRef } from 'react'\nimport type {\n CheckboxProps as AntdCheckboxProps,\n CheckboxGroupProps as AntdCheckboxGroupProps,\n} from 'antd/es/checkbox'\nimport { ConfigConsumer } from 'antd/es/config-provider'\nimport AntdCheckbox from 'antd/es/checkbox'\nimport type AntdCheckboxGroup from 'antd/es/checkbox/Group'\nimport { connectReadonlyComponent } from '../connect'\nimport { PreviewText } from '../preview-text'\nimport classNames from 'classnames'\n\nexport * from 'antd/es/checkbox'\n\nexport type CheckboxProps = AntdCheckboxProps & {\n desc?: string | React.ReactNode\n}\nexport type CheckboxGroupProps = AntdCheckboxGroupProps & {\n readonly?: boolean\n}\n\ninterface CheckboxComponent\n extends React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<AntdCheckbox>> {\n Group: React.FC<CheckboxGroupProps>\n}\n\nconst tntPrefixCls = 'tnt-checkbox'\n\nconst Checkbox = forwardRef<AntdCheckbox, CheckboxProps>(\n ({ className, children, desc, ...rest }, ref) => {\n return (\n <ConfigConsumer>\n {() => {\n return (\n <AntdCheckbox {...rest} ref={ref} className={classNames(className, tntPrefixCls)}>\n <span className={`${tntPrefixCls}-children`}>\n <span>{children}</span>\n {!!desc && <span className={`${tntPrefixCls}-desc`}>{desc}</span>}\n </span>\n </AntdCheckbox>\n )\n }}\n </ConfigConsumer>\n )\n }\n) as CheckboxComponent\n\nconst CheckboxGroup = forwardRef<AntdCheckboxGroup, CheckboxGroupProps>(\n ({ className, ...rest }, ref) => {\n return (\n <ConfigConsumer>\n {() => {\n return (\n <AntdCheckbox.Group\n {...rest}\n ref={ref}\n className={classNames(className, `${tntPrefixCls}-group`)}\n />\n )\n }}\n </ConfigConsumer>\n )\n }\n)\n\nCheckbox.Group = connectReadonlyComponent(CheckboxGroup, PreviewText.Select)\n\nexport default Checkbox\n"]}
|
|
@@ -1,69 +0,0 @@
|
|
|
1
|
-
@checkbox-prefix-cls: ~'@{ant-prefix}-checkbox';
|
|
2
|
-
@checkbox-inner-prefix-cls: ~'@{checkbox-prefix-cls}-inner';
|
|
3
|
-
|
|
4
|
-
.tnt-checkbox,
|
|
5
|
-
.tnt-checkbox-group {
|
|
6
|
-
.@{checkbox-prefix-cls}-indeterminate {
|
|
7
|
-
.@{checkbox-inner-prefix-cls} {
|
|
8
|
-
background-color: @checkbox-color;
|
|
9
|
-
border-color: @checkbox-color;
|
|
10
|
-
}
|
|
11
|
-
.@{checkbox-inner-prefix-cls}::after {
|
|
12
|
-
@indeterminate-width: calc(@checkbox-size - 8px);
|
|
13
|
-
@indeterminate-height: 1.4px;
|
|
14
|
-
|
|
15
|
-
width: @indeterminate-width;
|
|
16
|
-
height: @indeterminate-height;
|
|
17
|
-
background-color: @component-background;
|
|
18
|
-
border-radius: 2px;
|
|
19
|
-
transition: none;
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
&.@{checkbox-prefix-cls}-disabled {
|
|
23
|
-
.@{checkbox-inner-prefix-cls} {
|
|
24
|
-
background: @checkbox-check-disabled-color;
|
|
25
|
-
border-color: @checkbox-check-disabled-color !important;
|
|
26
|
-
|
|
27
|
-
&::after {
|
|
28
|
-
background-color: #fff;
|
|
29
|
-
}
|
|
30
|
-
}
|
|
31
|
-
}
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
.@{checkbox-prefix-cls}-checked {
|
|
35
|
-
&.@{checkbox-prefix-cls}-disabled {
|
|
36
|
-
.@{checkbox-inner-prefix-cls} {
|
|
37
|
-
background: @checkbox-check-disabled-color;
|
|
38
|
-
border-color: @checkbox-check-disabled-color !important;
|
|
39
|
-
&::after {
|
|
40
|
-
border-color: #fff;
|
|
41
|
-
}
|
|
42
|
-
}
|
|
43
|
-
}
|
|
44
|
-
|
|
45
|
-
.@{checkbox-inner-prefix-cls}::after {
|
|
46
|
-
width: 16px;
|
|
47
|
-
height: 16px;
|
|
48
|
-
border-width: 0;
|
|
49
|
-
background-image: url(./check.png);
|
|
50
|
-
background-size: contain;
|
|
51
|
-
transform: translate(-25%, -50%);
|
|
52
|
-
transition: none;
|
|
53
|
-
}
|
|
54
|
-
}
|
|
55
|
-
}
|
|
56
|
-
|
|
57
|
-
.tnt-checkbox {
|
|
58
|
-
& > span:nth-of-type(2) {
|
|
59
|
-
display: inline-block;
|
|
60
|
-
}
|
|
61
|
-
&-children {
|
|
62
|
-
display: flex;
|
|
63
|
-
flex-direction: column;
|
|
64
|
-
}
|
|
65
|
-
&-desc {
|
|
66
|
-
font-size: @font-size-sm;
|
|
67
|
-
color: @bg-color-spotilight-tint-50;
|
|
68
|
-
}
|
|
69
|
-
}
|
|
@@ -1,101 +0,0 @@
|
|
|
1
|
-
var __rest = this && this.__rest || function (s, e) {
|
|
2
|
-
var t = {};
|
|
3
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
|
4
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
5
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
|
|
6
|
-
}
|
|
7
|
-
return t;
|
|
8
|
-
};
|
|
9
|
-
import React from 'react';
|
|
10
|
-
import Icon from '../icon';
|
|
11
|
-
import { ConfigConsumer } from 'antd/es/config-provider';
|
|
12
|
-
import AntdDatePicker from 'antd/es/date-picker';
|
|
13
|
-
import classNames from 'classnames';
|
|
14
|
-
export * from 'antd/es/date-picker';
|
|
15
|
-
export * from 'antd/es/date-picker/interface';
|
|
16
|
-
const {
|
|
17
|
-
MonthPicker,
|
|
18
|
-
WeekPicker,
|
|
19
|
-
RangePicker
|
|
20
|
-
} = AntdDatePicker;
|
|
21
|
-
export const TntDatePicker = props => {
|
|
22
|
-
//theme样式类型 outline | fill 默认 outline
|
|
23
|
-
const {
|
|
24
|
-
theme = 'outline',
|
|
25
|
-
className,
|
|
26
|
-
suffixIcon
|
|
27
|
-
} = props,
|
|
28
|
-
restProps = __rest(props, ["theme", "className", "suffixIcon"]);
|
|
29
|
-
const defaultIcon = React.createElement(Icon, {
|
|
30
|
-
type: "calendar-3"
|
|
31
|
-
});
|
|
32
|
-
return React.createElement(ConfigConsumer, null, ({
|
|
33
|
-
getPrefixCls
|
|
34
|
-
}) => {
|
|
35
|
-
const prefixCls = getPrefixCls('date-picker');
|
|
36
|
-
return React.createElement(AntdDatePicker, Object.assign({
|
|
37
|
-
suffixIcon: suffixIcon || defaultIcon,
|
|
38
|
-
className: classNames(className, `${prefixCls}-${theme}`)
|
|
39
|
-
}, restProps));
|
|
40
|
-
});
|
|
41
|
-
};
|
|
42
|
-
export const TntMonthPicker = props => {
|
|
43
|
-
const {
|
|
44
|
-
theme = 'outline',
|
|
45
|
-
className,
|
|
46
|
-
suffixIcon
|
|
47
|
-
} = props,
|
|
48
|
-
restProps = __rest(props, ["theme", "className", "suffixIcon"]);
|
|
49
|
-
const defaultIcon = React.createElement(Icon, {
|
|
50
|
-
type: "calendar-3"
|
|
51
|
-
});
|
|
52
|
-
return React.createElement(ConfigConsumer, null, ({
|
|
53
|
-
getPrefixCls
|
|
54
|
-
}) => {
|
|
55
|
-
const prefixCls = getPrefixCls('date-picker');
|
|
56
|
-
return React.createElement(MonthPicker, Object.assign({
|
|
57
|
-
suffixIcon: suffixIcon || defaultIcon,
|
|
58
|
-
className: classNames(className, `${prefixCls}-${theme}`)
|
|
59
|
-
}, restProps));
|
|
60
|
-
});
|
|
61
|
-
};
|
|
62
|
-
export const TntWeekPicker = props => {
|
|
63
|
-
const {
|
|
64
|
-
theme = 'outline',
|
|
65
|
-
className,
|
|
66
|
-
suffixIcon
|
|
67
|
-
} = props,
|
|
68
|
-
restProps = __rest(props, ["theme", "className", "suffixIcon"]);
|
|
69
|
-
const defaultIcon = React.createElement(Icon, {
|
|
70
|
-
type: "calendar-3"
|
|
71
|
-
});
|
|
72
|
-
return React.createElement(ConfigConsumer, null, ({
|
|
73
|
-
getPrefixCls
|
|
74
|
-
}) => {
|
|
75
|
-
const prefixCls = getPrefixCls('date-picker');
|
|
76
|
-
return React.createElement(WeekPicker, Object.assign({
|
|
77
|
-
suffixIcon: suffixIcon || defaultIcon,
|
|
78
|
-
className: classNames(className, `${prefixCls}-${theme}`)
|
|
79
|
-
}, restProps));
|
|
80
|
-
});
|
|
81
|
-
};
|
|
82
|
-
export const TntRangePicker = props => {
|
|
83
|
-
const {
|
|
84
|
-
theme = 'outline',
|
|
85
|
-
className,
|
|
86
|
-
suffixIcon
|
|
87
|
-
} = props,
|
|
88
|
-
restProps = __rest(props, ["theme", "className", "suffixIcon"]);
|
|
89
|
-
const defaultIcon = React.createElement(Icon, {
|
|
90
|
-
type: "calendar-3"
|
|
91
|
-
});
|
|
92
|
-
return React.createElement(ConfigConsumer, null, ({
|
|
93
|
-
getPrefixCls
|
|
94
|
-
}) => {
|
|
95
|
-
const prefixCls = getPrefixCls('date-picker');
|
|
96
|
-
return React.createElement(RangePicker, Object.assign({
|
|
97
|
-
suffixIcon: suffixIcon || defaultIcon,
|
|
98
|
-
className: classNames(className, `${prefixCls}-${theme}`)
|
|
99
|
-
}, restProps));
|
|
100
|
-
});
|
|
101
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../src/date-picker/DatePicker.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AACvC,OAAO,IAAI,MAAM,SAAS,CAAA;AAO1B,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AACxD,OAAO,cAAc,MAAM,qBAAqB,CAAA;AAChD,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,cAAc,qBAAqB,CAAA;AACnC,cAAc,+BAA+B,CAAA;AAC7C,MAAM,EAAE,WAAW,EAAE,UAAU,EAAE,WAAW,EAAE,GAAG,cAAc,CAAA;AAE/D,MAAM,CAAC,MAAM,aAAa,GAEtB,CAAC,KAAK,EAAE,EAAE;IACZ,sCAAsC;IACtC,MAAM,EAAE,KAAK,GAAG,SAAS,EAAE,SAAS,EAAE,UAAU,KAAmB,KAAK,EAAnB,SAAS,UAAK,KAAK,EAAlE,oCAA0D,CAAQ,CAAA;IACxE,MAAM,WAAW,GAAG,oBAAC,IAAI,IAAC,IAAI,EAAC,YAAY,GAAG,CAAA;IAE9C,OAAO,CACL,oBAAC,cAAc,QACZ,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE;QACpB,MAAM,SAAS,GAAG,YAAY,CAAC,aAAa,CAAC,CAAA;QAC7C,OAAO,CACL,oBAAC,cAAc,kBACb,UAAU,EAAE,UAAU,IAAI,WAAW,EACrC,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE,GAAG,SAAS,IAAI,KAAK,EAAE,CAAC,IACrD,SAAS,EACb,CACH,CAAA;IACH,CAAC,CACc,CAClB,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,cAAc,GAEvB,CAAC,KAAK,EAAE,EAAE;IACZ,MAAM,EAAE,KAAK,GAAG,SAAS,EAAE,SAAS,EAAE,UAAU,KAAmB,KAAK,EAAnB,SAAS,UAAK,KAAK,EAAlE,oCAA0D,CAAQ,CAAA;IACxE,MAAM,WAAW,GAAG,oBAAC,IAAI,IAAC,IAAI,EAAC,YAAY,GAAG,CAAA;IAE9C,OAAO,CACL,oBAAC,cAAc,QACZ,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE;QACpB,MAAM,SAAS,GAAG,YAAY,CAAC,aAAa,CAAC,CAAA;QAC7C,OAAO,CACL,oBAAC,WAAW,kBACV,UAAU,EAAE,UAAU,IAAI,WAAW,EACrC,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE,GAAG,SAAS,IAAI,KAAK,EAAE,CAAC,IACrD,SAAS,EACb,CACH,CAAA;IACH,CAAC,CACc,CAClB,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,aAAa,GAEtB,CAAC,KAAK,EAAE,EAAE;IACZ,MAAM,EAAE,KAAK,GAAG,SAAS,EAAE,SAAS,EAAE,UAAU,KAAmB,KAAK,EAAnB,SAAS,UAAK,KAAK,EAAlE,oCAA0D,CAAQ,CAAA;IACxE,MAAM,WAAW,GAAG,oBAAC,IAAI,IAAC,IAAI,EAAC,YAAY,GAAG,CAAA;IAE9C,OAAO,CACL,oBAAC,cAAc,QACZ,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE;QACpB,MAAM,SAAS,GAAG,YAAY,CAAC,aAAa,CAAC,CAAA;QAC7C,OAAO,CACL,oBAAC,UAAU,kBACT,UAAU,EAAE,UAAU,IAAI,WAAW,EACrC,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE,GAAG,SAAS,IAAI,KAAK,EAAE,CAAC,IACrD,SAAS,EACb,CACH,CAAA;IACH,CAAC,CACc,CAClB,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,cAAc,GAEvB,CAAC,KAAK,EAAE,EAAE;IACZ,MAAM,EAAE,KAAK,GAAG,SAAS,EAAE,SAAS,EAAE,UAAU,KAAmB,KAAK,EAAnB,SAAS,UAAK,KAAK,EAAlE,oCAA0D,CAAQ,CAAA;IACxE,MAAM,WAAW,GAAG,oBAAC,IAAI,IAAC,IAAI,EAAC,YAAY,GAAG,CAAA;IAE9C,OAAO,CACL,oBAAC,cAAc,QACZ,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE;QACpB,MAAM,SAAS,GAAG,YAAY,CAAC,aAAa,CAAC,CAAA;QAC7C,OAAO,CACL,oBAAC,WAAW,kBACV,UAAU,EAAE,UAAU,IAAI,WAAW,EACrC,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE,GAAG,SAAS,IAAI,KAAK,EAAE,CAAC,IACrD,SAAS,EACb,CACH,CAAA;IACH,CAAC,CACc,CAClB,CAAA;AACH,CAAC,CAAA","sourcesContent":["import React, { useState } from 'react'\nimport Icon from '../icon'\nimport type {\n DatePickerProps as AntdDatePickerProps,\n MonthPickerProps as AntMonthPickerProps,\n RangePickerProps as AntRangePickerProps,\n WeekPickerProps as AntWeekPickerProps,\n} from 'antd/es/date-picker/interface'\nimport { ConfigConsumer } from 'antd/es/config-provider'\nimport AntdDatePicker from 'antd/es/date-picker'\nimport classNames from 'classnames'\nexport * from 'antd/es/date-picker'\nexport * from 'antd/es/date-picker/interface'\nconst { MonthPicker, WeekPicker, RangePicker } = AntdDatePicker\n\nexport const TntDatePicker: React.FC<\n AntdDatePickerProps & { theme?: string; readonly?: boolean }\n> = (props) => {\n //theme样式类型 outline | fill 默认 outline\n const { theme = 'outline', className, suffixIcon, ...restProps } = props\n const defaultIcon = <Icon type=\"calendar-3\" />\n\n return (\n <ConfigConsumer>\n {({ getPrefixCls }) => {\n const prefixCls = getPrefixCls('date-picker')\n return (\n <AntdDatePicker\n suffixIcon={suffixIcon || defaultIcon}\n className={classNames(className, `${prefixCls}-${theme}`)}\n {...restProps}\n />\n )\n }}\n </ConfigConsumer>\n )\n}\n\nexport const TntMonthPicker: React.FC<\n AntMonthPickerProps & { theme?: string; readonly?: boolean }\n> = (props) => {\n const { theme = 'outline', className, suffixIcon, ...restProps } = props\n const defaultIcon = <Icon type=\"calendar-3\" />\n\n return (\n <ConfigConsumer>\n {({ getPrefixCls }) => {\n const prefixCls = getPrefixCls('date-picker')\n return (\n <MonthPicker\n suffixIcon={suffixIcon || defaultIcon}\n className={classNames(className, `${prefixCls}-${theme}`)}\n {...restProps}\n />\n )\n }}\n </ConfigConsumer>\n )\n}\n\nexport const TntWeekPicker: React.FC<\n AntWeekPickerProps & { theme?: string; readonly?: boolean }\n> = (props) => {\n const { theme = 'outline', className, suffixIcon, ...restProps } = props\n const defaultIcon = <Icon type=\"calendar-3\" />\n\n return (\n <ConfigConsumer>\n {({ getPrefixCls }) => {\n const prefixCls = getPrefixCls('date-picker')\n return (\n <WeekPicker\n suffixIcon={suffixIcon || defaultIcon}\n className={classNames(className, `${prefixCls}-${theme}`)}\n {...restProps}\n />\n )\n }}\n </ConfigConsumer>\n )\n}\n\nexport const TntRangePicker: React.FC<\n AntRangePickerProps & { theme?: string; readonly?: boolean }\n> = (props) => {\n const { theme = 'outline', className, suffixIcon, ...restProps } = props\n const defaultIcon = <Icon type=\"calendar-3\" />\n\n return (\n <ConfigConsumer>\n {({ getPrefixCls }) => {\n const prefixCls = getPrefixCls('date-picker')\n return (\n <RangePicker\n suffixIcon={suffixIcon || defaultIcon}\n className={classNames(className, `${prefixCls}-${theme}`)}\n {...restProps}\n />\n )\n }}\n </ConfigConsumer>\n )\n}\n"]}
|