tntd 2.8.53 → 2.8.54
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/alert/alert.js +59 -0
- package/es/alert/alert.js.map +1 -0
- package/es/alert/alert.less +128 -0
- package/es/cascader/cascader.js +27 -0
- package/es/cascader/cascader.js.map +1 -0
- package/es/cascader/cascader.less +16 -0
- package/es/checkbox/check.png +0 -0
- package/es/checkbox/checkbox.js +36 -0
- package/es/checkbox/checkbox.js.map +1 -0
- package/es/checkbox/checkbox.less +69 -0
- package/es/date-picker/DatePicker.js +53 -0
- package/es/date-picker/DatePicker.js.map +1 -0
- package/es/date-picker/index.less +294 -0
- package/es/input-number/inputNumber.js +29 -0
- package/es/input-number/inputNumber.js.map +1 -0
- package/es/input-number/inputNumber.less +12 -0
- package/es/modal/index.less +36 -0
- package/es/page-loading/loading.gif +0 -0
- package/es/popconfirm/index.less +32 -0
- package/es/popconfirm/popconfirm.js +31 -0
- package/es/popconfirm/popconfirm.js.map +1 -0
- package/es/popover/index.less +57 -0
- package/es/popover/popover.js +28 -0
- package/es/popover/popover.js.map +1 -0
- package/es/progress/progress.js +88 -0
- package/es/progress/progress.js.map +1 -0
- package/es/progress/progress.less +82 -0
- package/es/query-form-backup/Field/Composition/FieldPopover.less +35 -0
- package/es/query-form-backup/Field/Composition/index.less +114 -0
- package/es/query-form-backup/index.less +90 -0
- package/es/radio/radio.js +45 -0
- package/es/radio/radio.js.map +1 -0
- package/es/radio/radio.less +43 -0
- package/es/spin/spin.js +31 -0
- package/es/spin/spin.js.map +1 -0
- package/es/spin/spin.less +9 -0
- package/es/steps/assets/background_left.svg +12 -0
- package/es/steps/assets/background_right.svg +12 -0
- package/es/steps/assets/horizontal_line.svg +3 -0
- package/es/steps/assets/vertical_line.svg +3 -0
- package/es/steps/stepStyle/icon.less +51 -0
- package/es/steps/stepStyle/progress-dot.less +10 -0
- package/es/steps/stepStyle/variables.less +8 -0
- package/es/steps/stepStyle/vertical.less +41 -0
- package/es/switch/index.less +45 -0
- package/es/tabs/tabs.less +125 -0
- package/es/time-picker/TimePicker.js +28 -0
- package/es/time-picker/TimePicker.js.map +1 -0
- package/es/time-picker/index.less +38 -0
- package/es/tntd-action/index.less +114 -0
- package/es/tntd-select/index.less +7 -0
- package/lib/alert/alert.d.ts +12 -0
- package/lib/alert/alert.d.ts.map +1 -0
- package/lib/alert/alert.js +91 -0
- package/lib/alert/alert.js.map +1 -0
- package/lib/alert/alert.less +128 -0
- package/lib/cascader/cascader.d.ts +10 -0
- package/lib/cascader/cascader.d.ts.map +1 -0
- package/lib/cascader/cascader.js +58 -0
- package/lib/cascader/cascader.js.map +1 -0
- package/lib/cascader/cascader.less +16 -0
- package/lib/checkbox/check.png +0 -0
- package/lib/checkbox/checkbox.d.ts +16 -0
- package/lib/checkbox/checkbox.d.ts.map +1 -0
- package/lib/checkbox/checkbox.js +67 -0
- package/lib/checkbox/checkbox.js.map +1 -0
- package/lib/checkbox/checkbox.less +69 -0
- package/lib/date-picker/DatePicker.d.ts +21 -0
- package/lib/date-picker/DatePicker.d.ts.map +1 -0
- package/lib/date-picker/DatePicker.js +77 -0
- package/lib/date-picker/DatePicker.js.map +1 -0
- package/lib/date-picker/index.less +294 -0
- package/lib/input-number/inputNumber.d.ts +10 -0
- package/lib/input-number/inputNumber.d.ts.map +1 -0
- package/lib/input-number/inputNumber.js +60 -0
- package/lib/input-number/inputNumber.js.map +1 -0
- package/lib/input-number/inputNumber.less +12 -0
- package/lib/modal/index.less +36 -0
- package/lib/page-loading/loading.gif +0 -0
- package/lib/popconfirm/index.less +32 -0
- package/lib/popconfirm/popconfirm.d.ts +8 -0
- package/lib/popconfirm/popconfirm.d.ts.map +1 -0
- package/lib/popconfirm/popconfirm.js +50 -0
- package/lib/popconfirm/popconfirm.js.map +1 -0
- package/lib/popover/index.less +57 -0
- package/lib/popover/popover.d.ts +14 -0
- package/lib/popover/popover.d.ts.map +1 -0
- package/lib/popover/popover.js +47 -0
- package/lib/popover/popover.js.map +1 -0
- package/lib/progress/progress.d.ts +12 -0
- package/lib/progress/progress.d.ts.map +1 -0
- package/lib/progress/progress.js +107 -0
- package/lib/progress/progress.js.map +1 -0
- package/lib/progress/progress.less +82 -0
- package/lib/query-form-backup/Field/Composition/FieldPopover.less +35 -0
- package/lib/query-form-backup/Field/Composition/index.less +114 -0
- package/lib/query-form-backup/index.less +90 -0
- package/lib/radio/radio.d.ts +17 -0
- package/lib/radio/radio.d.ts.map +1 -0
- package/lib/radio/radio.js +76 -0
- package/lib/radio/radio.js.map +1 -0
- package/lib/radio/radio.less +43 -0
- package/lib/spin/spin.d.ts +9 -0
- package/lib/spin/spin.d.ts.map +1 -0
- package/lib/spin/spin.js +60 -0
- package/lib/spin/spin.js.map +1 -0
- package/lib/spin/spin.less +9 -0
- package/lib/steps/assets/background_left.svg +12 -0
- package/lib/steps/assets/background_right.svg +12 -0
- package/lib/steps/assets/horizontal_line.svg +3 -0
- package/lib/steps/assets/vertical_line.svg +3 -0
- package/lib/steps/stepStyle/icon.less +51 -0
- package/lib/steps/stepStyle/progress-dot.less +10 -0
- package/lib/steps/stepStyle/variables.less +8 -0
- package/lib/steps/stepStyle/vertical.less +41 -0
- package/lib/switch/index.less +45 -0
- package/lib/tabs/tabs.less +125 -0
- package/lib/time-picker/TimePicker.d.ts +9 -0
- package/lib/time-picker/TimePicker.d.ts.map +1 -0
- package/lib/time-picker/TimePicker.js +47 -0
- package/lib/time-picker/TimePicker.js.map +1 -0
- package/lib/time-picker/index.less +38 -0
- package/lib/tntd-action/index.less +114 -0
- package/lib/tntd-select/index.less +7 -0
- package/package.json +1 -1
|
@@ -0,0 +1,59 @@
|
|
|
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)
|
|
4
|
+
t[p] = s[p];
|
|
5
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
6
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
8
|
+
t[p[i]] = s[p[i]];
|
|
9
|
+
}
|
|
10
|
+
return t;
|
|
11
|
+
};
|
|
12
|
+
/*
|
|
13
|
+
* @Author: 周泽飞 zefei.zhou@tongdun.net
|
|
14
|
+
* @Date: 2024-03-21 19:43:36
|
|
15
|
+
* @LastEditors: 周泽飞 zefei.zhou@tongdun.net
|
|
16
|
+
* @LastEditTime: 2024-03-21 19:46:23
|
|
17
|
+
* @FilePath: /tntd/packages/tntd/src/alert/alert.tsx
|
|
18
|
+
* @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
|
|
19
|
+
*/
|
|
20
|
+
import React, { forwardRef } from 'react';
|
|
21
|
+
import Icon from 'antd/es/icon';
|
|
22
|
+
import { ConfigConsumer } from 'antd/es/config-provider';
|
|
23
|
+
import { default as AntdAlert } from 'antd/es/alert';
|
|
24
|
+
import classname from 'classnames';
|
|
25
|
+
export * from 'antd/es/alert';
|
|
26
|
+
const prefix = 'tnt-alert';
|
|
27
|
+
export const Alert = forwardRef((_a, ref) => {
|
|
28
|
+
var { action, message, icon } = _a, rest = __rest(_a, ["action", "message", "icon"]);
|
|
29
|
+
const fragment = (React.createElement(React.Fragment, null,
|
|
30
|
+
message,
|
|
31
|
+
!!action && React.createElement("span", { className: "action-btn" }, action)));
|
|
32
|
+
const iconTheme = 'filled';
|
|
33
|
+
let iconType = 'default';
|
|
34
|
+
switch (rest === null || rest === void 0 ? void 0 : rest.type) {
|
|
35
|
+
case 'success':
|
|
36
|
+
iconType = 'check-circle';
|
|
37
|
+
break;
|
|
38
|
+
case 'info':
|
|
39
|
+
iconType = 'info-circle';
|
|
40
|
+
break;
|
|
41
|
+
case 'error':
|
|
42
|
+
iconType = 'close-circle';
|
|
43
|
+
break;
|
|
44
|
+
case 'warning':
|
|
45
|
+
iconType = 'exclamation-circle';
|
|
46
|
+
break;
|
|
47
|
+
default:
|
|
48
|
+
iconType = 'default';
|
|
49
|
+
}
|
|
50
|
+
const iconNode = icon ||
|
|
51
|
+
(rest.type ? React.createElement(Icon, { className: `${prefix}-icon`, type: iconType, theme: iconTheme }) : null);
|
|
52
|
+
return (React.createElement(ConfigConsumer, null, ({ getPrefixCls }) => {
|
|
53
|
+
return (React.createElement(AntdAlert, Object.assign({ ref: ref }, rest, { message: fragment, icon: iconNode, className: classname(rest === null || rest === void 0 ? void 0 : rest.className, 'tnt-alert', {
|
|
54
|
+
[`${prefix}-with-action`]: action,
|
|
55
|
+
}) })));
|
|
56
|
+
}));
|
|
57
|
+
});
|
|
58
|
+
export default Alert;
|
|
59
|
+
//# sourceMappingURL=alert.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"alert.js","sourceRoot":"","sources":["../../src/alert/alert.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA;;;;;;;GAOG;AACH,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAGzC,OAAO,IAAI,MAAM,cAAc,CAAA;AAC/B,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,eAAe,CAAA;AACpD,OAAO,SAAS,MAAM,YAAY,CAAA;AAClC,cAAc,eAAe,CAAA;AAS7B,MAAM,MAAM,GAAG,WAAW,CAAA;AAE1B,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAC7B,CAAC,EAAkC,EAAE,GAAG,EAAE,EAAE;QAA3C,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,OAAW,EAAN,IAAI,cAAhC,6BAAkC,CAAF;IAC/B,MAAM,QAAQ,GAAG,CACf;QACG,OAAO;QACP,CAAC,CAAC,MAAM,IAAI,8BAAM,SAAS,EAAC,YAAY,IAAE,MAAM,CAAQ,CACxD,CACJ,CAAA;IAED,MAAM,SAAS,GAAc,QAAQ,CAAA;IACrC,IAAI,QAAQ,GAAG,SAAS,CAAA;IAExB,QAAQ,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,EAAE;QAClB,KAAK,SAAS;YACZ,QAAQ,GAAG,cAAc,CAAA;YACzB,MAAK;QACP,KAAK,MAAM;YACT,QAAQ,GAAG,aAAa,CAAA;YACxB,MAAK;QACP,KAAK,OAAO;YACV,QAAQ,GAAG,cAAc,CAAA;YACzB,MAAK;QACP,KAAK,SAAS;YACZ,QAAQ,GAAG,oBAAoB,CAAA;YAC/B,MAAK;QACP;YACE,QAAQ,GAAG,SAAS,CAAA;KACvB;IAED,MAAM,QAAQ,GACZ,IAAI;QACJ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,oBAAC,IAAI,IAAC,SAAS,EAAE,GAAG,MAAM,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,GAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAA;IAE9F,OAAO,CACL,oBAAC,cAAc,QACZ,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE;QACpB,OAAO,CACL,oBAAC,SAAS,kBACR,GAAG,EAAE,GAAG,IACJ,IAAI,IACR,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,QAAQ,EACd,SAAS,EAAE,SAAS,CAAC,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,SAAS,EAAE,WAAW,EAAE;gBACjD,CAAC,GAAG,MAAM,cAAc,CAAC,EAAE,MAAM;aAClC,CAAC,IACF,CACH,CAAA;IACH,CAAC,CACc,CAClB,CAAA;AACH,CAAC,CACgB,CAAA;AAEnB,eAAe,KAAK,CAAA","sourcesContent":["/*\n * @Author: 周泽飞 zefei.zhou@tongdun.net\n * @Date: 2024-03-21 19:43:36\n * @LastEditors: 周泽飞 zefei.zhou@tongdun.net\n * @LastEditTime: 2024-03-21 19:46:23\n * @FilePath: /tntd/packages/tntd/src/alert/alert.tsx\n * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE\n */\nimport React, { forwardRef } from 'react'\nimport type { AlertProps as AntdAlertProps } from 'antd/es/alert'\nimport type { ThemeType } from 'antd/es/icon'\nimport Icon from 'antd/es/icon'\nimport { ConfigConsumer } from 'antd/es/config-provider'\nimport { default as AntdAlert } from 'antd/es/alert'\nimport classname from 'classnames'\nexport * from 'antd/es/alert'\n\nexport interface AlertProps extends AntdAlertProps {\n action: React.ReactNode\n}\n\ninterface AlertComponent\n extends React.ForwardRefExoticComponent<AntdAlertProps & React.RefAttributes<AntdAlert>> {}\n\nconst prefix = 'tnt-alert'\n\nexport const Alert = forwardRef<AntdAlert, AlertProps>(\n ({ action, message, icon, ...rest }, ref) => {\n const fragment = (\n <>\n {message}\n {!!action && <span className=\"action-btn\">{action}</span>}\n </>\n )\n\n const iconTheme: ThemeType = 'filled'\n let iconType = 'default'\n\n switch (rest?.type) {\n case 'success':\n iconType = 'check-circle'\n break\n case 'info':\n iconType = 'info-circle'\n break\n case 'error':\n iconType = 'close-circle'\n break\n case 'warning':\n iconType = 'exclamation-circle'\n break\n default:\n iconType = 'default'\n }\n\n const iconNode =\n icon ||\n (rest.type ? <Icon className={`${prefix}-icon`} type={iconType} theme={iconTheme} /> : null)\n\n return (\n <ConfigConsumer>\n {({ getPrefixCls }) => {\n return (\n <AntdAlert\n ref={ref}\n {...rest}\n message={fragment}\n icon={iconNode}\n className={classname(rest?.className, 'tnt-alert', {\n [`${prefix}-with-action`]: action,\n })}\n />\n )\n }}\n </ConfigConsumer>\n )\n }\n) as AlertComponent\n\nexport default Alert\n"]}
|
|
@@ -0,0 +1,128 @@
|
|
|
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
|
+
}
|
|
@@ -0,0 +1,27 @@
|
|
|
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)
|
|
4
|
+
t[p] = s[p];
|
|
5
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
6
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
8
|
+
t[p[i]] = s[p[i]];
|
|
9
|
+
}
|
|
10
|
+
return t;
|
|
11
|
+
};
|
|
12
|
+
import AntdCascader from 'antd/es/cascader';
|
|
13
|
+
import { ConfigConsumer } from 'antd/es/config-provider';
|
|
14
|
+
import classNames from 'classnames';
|
|
15
|
+
import React, { forwardRef } from 'react';
|
|
16
|
+
import { connectReadonlyComponent } from '../connect';
|
|
17
|
+
import { PreviewText } from '../preview-text';
|
|
18
|
+
export * from 'antd/es/cascader';
|
|
19
|
+
const tntPrefixCls = 'tnt-cascader';
|
|
20
|
+
const Cascader = forwardRef((_a, ref) => {
|
|
21
|
+
var { className, children } = _a, rest = __rest(_a, ["className", "children"]);
|
|
22
|
+
return (React.createElement(ConfigConsumer, null, () => {
|
|
23
|
+
return (React.createElement(AntdCascader, Object.assign({}, rest, { ref: ref, className: classNames(className, tntPrefixCls) }), children));
|
|
24
|
+
}));
|
|
25
|
+
});
|
|
26
|
+
export default connectReadonlyComponent(Cascader, PreviewText.Cascader);
|
|
27
|
+
//# sourceMappingURL=cascader.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"cascader.js","sourceRoot":"","sources":["../../src/cascader/cascader.tsx"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,YAAY,MAAM,kBAAkB,CAAA;AAC3C,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AACxD,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,wBAAwB,EAAE,MAAM,YAAY,CAAA;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAE7C,cAAc,kBAAkB,CAAA;AAShC,MAAM,YAAY,GAAG,cAAc,CAAA;AAEnC,MAAM,QAAQ,GAAG,UAAU,CACzB,CAAC,EAAgC,EAAE,GAAG,EAAE,EAAE;QAAzC,EAAE,SAAS,EAAE,QAAQ,OAAW,EAAN,IAAI,cAA9B,yBAAgC,CAAF;IAC7B,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,KAC7E,QAAQ,CACI,CAChB,CAAA;IACH,CAAC,CACc,CAClB,CAAA;AACH,CAAC,CACmB,CAAA;AAEtB,eAAe,wBAAwB,CAAC,QAAQ,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAA","sourcesContent":["import type { CascaderProps as AntdCascaderProps } from 'antd/es/cascader'\nimport AntdCascader from 'antd/es/cascader'\nimport { ConfigConsumer } from 'antd/es/config-provider'\nimport classNames from 'classnames'\nimport React, { forwardRef } from 'react'\nimport { connectReadonlyComponent } from '../connect'\nimport { PreviewText } from '../preview-text'\n\nexport * from 'antd/es/cascader'\n\nexport type CascaderProps = AntdCascaderProps & {\n readonly?: boolean\n}\n\ninterface CascaderComponent\n extends React.ForwardRefExoticComponent<AntdCascaderProps & React.RefAttributes<AntdCascader>> {}\n\nconst tntPrefixCls = 'tnt-cascader'\n\nconst Cascader = forwardRef<AntdCascader, AntdCascaderProps>(\n ({ className, children, ...rest }, ref) => {\n return (\n <ConfigConsumer>\n {() => {\n return (\n <AntdCascader {...rest} ref={ref} className={classNames(className, tntPrefixCls)}>\n {children}\n </AntdCascader>\n )\n }}\n </ConfigConsumer>\n )\n }\n) as CascaderComponent\n\nexport default connectReadonlyComponent(Cascader, PreviewText.Cascader)\n"]}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
@cascader-prefix-cls: ~'@{ant-prefix}-cascader';
|
|
2
|
+
|
|
3
|
+
.tnt-cascader {
|
|
4
|
+
.@{cascader-prefix-cls}-picker {
|
|
5
|
+
&-clear {
|
|
6
|
+
width: 16px;
|
|
7
|
+
height: 16px;
|
|
8
|
+
font-size: initial;
|
|
9
|
+
margin-top: -8px;
|
|
10
|
+
}
|
|
11
|
+
&-arrow {
|
|
12
|
+
width: 16px;
|
|
13
|
+
height: 16px;
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
}
|
|
Binary file
|
|
@@ -0,0 +1,36 @@
|
|
|
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)
|
|
4
|
+
t[p] = s[p];
|
|
5
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
6
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
8
|
+
t[p[i]] = s[p[i]];
|
|
9
|
+
}
|
|
10
|
+
return t;
|
|
11
|
+
};
|
|
12
|
+
import AntdCheckbox from 'antd/es/checkbox';
|
|
13
|
+
import { ConfigConsumer } from 'antd/es/config-provider';
|
|
14
|
+
import classNames from 'classnames';
|
|
15
|
+
import React, { forwardRef } from 'react';
|
|
16
|
+
import { connectReadonlyComponent } from '../connect';
|
|
17
|
+
import { PreviewText } from '../preview-text';
|
|
18
|
+
export * from 'antd/es/checkbox';
|
|
19
|
+
const tntPrefixCls = 'tnt-checkbox';
|
|
20
|
+
const Checkbox = forwardRef((_a, ref) => {
|
|
21
|
+
var { className, children, desc } = _a, rest = __rest(_a, ["className", "children", "desc"]);
|
|
22
|
+
return (React.createElement(ConfigConsumer, null, () => {
|
|
23
|
+
return (React.createElement(AntdCheckbox, Object.assign({}, rest, { ref: ref, className: classNames(className, tntPrefixCls) }), children ? (React.createElement("span", { className: `${tntPrefixCls}-children` },
|
|
24
|
+
React.createElement("span", null, children),
|
|
25
|
+
!!desc && React.createElement("span", { className: `${tntPrefixCls}-desc` }, desc))) : undefined));
|
|
26
|
+
}));
|
|
27
|
+
});
|
|
28
|
+
const CheckboxGroup = forwardRef((_a, ref) => {
|
|
29
|
+
var { className } = _a, rest = __rest(_a, ["className"]);
|
|
30
|
+
return (React.createElement(ConfigConsumer, null, () => {
|
|
31
|
+
return (React.createElement(AntdCheckbox.Group, Object.assign({}, rest, { ref: ref, className: classNames(className, `${tntPrefixCls}-group`) })));
|
|
32
|
+
}));
|
|
33
|
+
});
|
|
34
|
+
Checkbox.Group = connectReadonlyComponent(CheckboxGroup, PreviewText.Select);
|
|
35
|
+
export default Checkbox;
|
|
36
|
+
//# sourceMappingURL=checkbox.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../src/checkbox/checkbox.tsx"],"names":[],"mappings":";;;;;;;;;;;AAIA,OAAO,YAAY,MAAM,kBAAkB,CAAA;AAE3C,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AACxD,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,wBAAwB,EAAE,MAAM,YAAY,CAAA;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAE7C,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,KAC7E,QAAQ,CAAC,CAAC,CAAC,CACV,8BAAM,SAAS,EAAE,GAAG,YAAY,WAAW;YACzC,kCAAO,QAAQ,CAAQ;YACtB,CAAC,CAAC,IAAI,IAAI,8BAAM,SAAS,EAAE,GAAG,YAAY,OAAO,IAAG,IAAI,CAAQ,CAC5D,CACR,CAAC,CAAC,CAAC,SAAS,CACA,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 type {\n CheckboxGroupProps as AntdCheckboxGroupProps,\n CheckboxProps as AntdCheckboxProps,\n} from 'antd/es/checkbox'\nimport AntdCheckbox from 'antd/es/checkbox'\nimport type AntdCheckboxGroup from 'antd/es/checkbox/Group'\nimport { ConfigConsumer } from 'antd/es/config-provider'\nimport classNames from 'classnames'\nimport React, { forwardRef } from 'react'\nimport { connectReadonlyComponent } from '../connect'\nimport { PreviewText } from '../preview-text'\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 {children ? (\n <span className={`${tntPrefixCls}-children`}>\n <span>{children}</span>\n {!!desc && <span className={`${tntPrefixCls}-desc`}>{desc}</span>}\n </span>\n ) : undefined}\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"]}
|
|
@@ -0,0 +1,69 @@
|
|
|
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
|
+
}
|
|
@@ -0,0 +1,53 @@
|
|
|
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)
|
|
4
|
+
t[p] = s[p];
|
|
5
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
6
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
8
|
+
t[p[i]] = s[p[i]];
|
|
9
|
+
}
|
|
10
|
+
return t;
|
|
11
|
+
};
|
|
12
|
+
import React from 'react';
|
|
13
|
+
import Icon from '../icon';
|
|
14
|
+
import { ConfigConsumer } from 'antd/es/config-provider';
|
|
15
|
+
import AntdDatePicker from 'antd/es/date-picker';
|
|
16
|
+
import classNames from 'classnames';
|
|
17
|
+
export * from 'antd/es/date-picker';
|
|
18
|
+
export * from 'antd/es/date-picker/interface';
|
|
19
|
+
const { MonthPicker, WeekPicker, RangePicker } = AntdDatePicker;
|
|
20
|
+
export const TntDatePicker = (props) => {
|
|
21
|
+
//theme样式类型 outline | fill 默认 outline
|
|
22
|
+
const { theme = 'outline', className, suffixIcon } = props, restProps = __rest(props, ["theme", "className", "suffixIcon"]);
|
|
23
|
+
const defaultIcon = React.createElement(Icon, { type: "calendar-3" });
|
|
24
|
+
return (React.createElement(ConfigConsumer, null, ({ getPrefixCls }) => {
|
|
25
|
+
const prefixCls = getPrefixCls('date-picker');
|
|
26
|
+
return (React.createElement(AntdDatePicker, Object.assign({ suffixIcon: suffixIcon || defaultIcon, className: classNames(className, `${prefixCls}-${theme}`) }, restProps)));
|
|
27
|
+
}));
|
|
28
|
+
};
|
|
29
|
+
export const TntMonthPicker = (props) => {
|
|
30
|
+
const { theme = 'outline', className, suffixIcon } = props, restProps = __rest(props, ["theme", "className", "suffixIcon"]);
|
|
31
|
+
const defaultIcon = React.createElement(Icon, { type: "calendar-3" });
|
|
32
|
+
return (React.createElement(ConfigConsumer, null, ({ getPrefixCls }) => {
|
|
33
|
+
const prefixCls = getPrefixCls('date-picker');
|
|
34
|
+
return (React.createElement(MonthPicker, Object.assign({ suffixIcon: suffixIcon || defaultIcon, className: classNames(className, `${prefixCls}-${theme}`) }, restProps)));
|
|
35
|
+
}));
|
|
36
|
+
};
|
|
37
|
+
export const TntWeekPicker = (props) => {
|
|
38
|
+
const { theme = 'outline', className, suffixIcon } = props, restProps = __rest(props, ["theme", "className", "suffixIcon"]);
|
|
39
|
+
const defaultIcon = React.createElement(Icon, { type: "calendar-3" });
|
|
40
|
+
return (React.createElement(ConfigConsumer, null, ({ getPrefixCls }) => {
|
|
41
|
+
const prefixCls = getPrefixCls('date-picker');
|
|
42
|
+
return (React.createElement(WeekPicker, Object.assign({ suffixIcon: suffixIcon || defaultIcon, className: classNames(className, `${prefixCls}-${theme}`) }, restProps)));
|
|
43
|
+
}));
|
|
44
|
+
};
|
|
45
|
+
export const TntRangePicker = (props) => {
|
|
46
|
+
const { theme = 'outline', className, suffixIcon } = props, restProps = __rest(props, ["theme", "className", "suffixIcon"]);
|
|
47
|
+
const defaultIcon = React.createElement(Icon, { type: "calendar-3" });
|
|
48
|
+
return (React.createElement(ConfigConsumer, null, ({ getPrefixCls }) => {
|
|
49
|
+
const prefixCls = getPrefixCls('date-picker');
|
|
50
|
+
return (React.createElement(RangePicker, Object.assign({ suffixIcon: suffixIcon || defaultIcon, className: classNames(className, `${prefixCls}-${theme}`) }, restProps)));
|
|
51
|
+
}));
|
|
52
|
+
};
|
|
53
|
+
//# sourceMappingURL=DatePicker.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../src/date-picker/DatePicker.tsx"],"names":[],"mappings":"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","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"]}
|