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.
Files changed (125) hide show
  1. package/es/alert/alert.js +59 -0
  2. package/es/alert/alert.js.map +1 -0
  3. package/es/alert/alert.less +128 -0
  4. package/es/cascader/cascader.js +27 -0
  5. package/es/cascader/cascader.js.map +1 -0
  6. package/es/cascader/cascader.less +16 -0
  7. package/es/checkbox/check.png +0 -0
  8. package/es/checkbox/checkbox.js +36 -0
  9. package/es/checkbox/checkbox.js.map +1 -0
  10. package/es/checkbox/checkbox.less +69 -0
  11. package/es/date-picker/DatePicker.js +53 -0
  12. package/es/date-picker/DatePicker.js.map +1 -0
  13. package/es/date-picker/index.less +294 -0
  14. package/es/input-number/inputNumber.js +29 -0
  15. package/es/input-number/inputNumber.js.map +1 -0
  16. package/es/input-number/inputNumber.less +12 -0
  17. package/es/modal/index.less +36 -0
  18. package/es/page-loading/loading.gif +0 -0
  19. package/es/popconfirm/index.less +32 -0
  20. package/es/popconfirm/popconfirm.js +31 -0
  21. package/es/popconfirm/popconfirm.js.map +1 -0
  22. package/es/popover/index.less +57 -0
  23. package/es/popover/popover.js +28 -0
  24. package/es/popover/popover.js.map +1 -0
  25. package/es/progress/progress.js +88 -0
  26. package/es/progress/progress.js.map +1 -0
  27. package/es/progress/progress.less +82 -0
  28. package/es/query-form-backup/Field/Composition/FieldPopover.less +35 -0
  29. package/es/query-form-backup/Field/Composition/index.less +114 -0
  30. package/es/query-form-backup/index.less +90 -0
  31. package/es/radio/radio.js +45 -0
  32. package/es/radio/radio.js.map +1 -0
  33. package/es/radio/radio.less +43 -0
  34. package/es/spin/spin.js +31 -0
  35. package/es/spin/spin.js.map +1 -0
  36. package/es/spin/spin.less +9 -0
  37. package/es/steps/assets/background_left.svg +12 -0
  38. package/es/steps/assets/background_right.svg +12 -0
  39. package/es/steps/assets/horizontal_line.svg +3 -0
  40. package/es/steps/assets/vertical_line.svg +3 -0
  41. package/es/steps/stepStyle/icon.less +51 -0
  42. package/es/steps/stepStyle/progress-dot.less +10 -0
  43. package/es/steps/stepStyle/variables.less +8 -0
  44. package/es/steps/stepStyle/vertical.less +41 -0
  45. package/es/switch/index.less +45 -0
  46. package/es/tabs/tabs.less +125 -0
  47. package/es/time-picker/TimePicker.js +28 -0
  48. package/es/time-picker/TimePicker.js.map +1 -0
  49. package/es/time-picker/index.less +38 -0
  50. package/es/tntd-action/index.less +114 -0
  51. package/es/tntd-select/index.less +7 -0
  52. package/lib/alert/alert.d.ts +12 -0
  53. package/lib/alert/alert.d.ts.map +1 -0
  54. package/lib/alert/alert.js +91 -0
  55. package/lib/alert/alert.js.map +1 -0
  56. package/lib/alert/alert.less +128 -0
  57. package/lib/cascader/cascader.d.ts +10 -0
  58. package/lib/cascader/cascader.d.ts.map +1 -0
  59. package/lib/cascader/cascader.js +58 -0
  60. package/lib/cascader/cascader.js.map +1 -0
  61. package/lib/cascader/cascader.less +16 -0
  62. package/lib/checkbox/check.png +0 -0
  63. package/lib/checkbox/checkbox.d.ts +16 -0
  64. package/lib/checkbox/checkbox.d.ts.map +1 -0
  65. package/lib/checkbox/checkbox.js +67 -0
  66. package/lib/checkbox/checkbox.js.map +1 -0
  67. package/lib/checkbox/checkbox.less +69 -0
  68. package/lib/date-picker/DatePicker.d.ts +21 -0
  69. package/lib/date-picker/DatePicker.d.ts.map +1 -0
  70. package/lib/date-picker/DatePicker.js +77 -0
  71. package/lib/date-picker/DatePicker.js.map +1 -0
  72. package/lib/date-picker/index.less +294 -0
  73. package/lib/input-number/inputNumber.d.ts +10 -0
  74. package/lib/input-number/inputNumber.d.ts.map +1 -0
  75. package/lib/input-number/inputNumber.js +60 -0
  76. package/lib/input-number/inputNumber.js.map +1 -0
  77. package/lib/input-number/inputNumber.less +12 -0
  78. package/lib/modal/index.less +36 -0
  79. package/lib/page-loading/loading.gif +0 -0
  80. package/lib/popconfirm/index.less +32 -0
  81. package/lib/popconfirm/popconfirm.d.ts +8 -0
  82. package/lib/popconfirm/popconfirm.d.ts.map +1 -0
  83. package/lib/popconfirm/popconfirm.js +50 -0
  84. package/lib/popconfirm/popconfirm.js.map +1 -0
  85. package/lib/popover/index.less +57 -0
  86. package/lib/popover/popover.d.ts +14 -0
  87. package/lib/popover/popover.d.ts.map +1 -0
  88. package/lib/popover/popover.js +47 -0
  89. package/lib/popover/popover.js.map +1 -0
  90. package/lib/progress/progress.d.ts +12 -0
  91. package/lib/progress/progress.d.ts.map +1 -0
  92. package/lib/progress/progress.js +107 -0
  93. package/lib/progress/progress.js.map +1 -0
  94. package/lib/progress/progress.less +82 -0
  95. package/lib/query-form-backup/Field/Composition/FieldPopover.less +35 -0
  96. package/lib/query-form-backup/Field/Composition/index.less +114 -0
  97. package/lib/query-form-backup/index.less +90 -0
  98. package/lib/radio/radio.d.ts +17 -0
  99. package/lib/radio/radio.d.ts.map +1 -0
  100. package/lib/radio/radio.js +76 -0
  101. package/lib/radio/radio.js.map +1 -0
  102. package/lib/radio/radio.less +43 -0
  103. package/lib/spin/spin.d.ts +9 -0
  104. package/lib/spin/spin.d.ts.map +1 -0
  105. package/lib/spin/spin.js +60 -0
  106. package/lib/spin/spin.js.map +1 -0
  107. package/lib/spin/spin.less +9 -0
  108. package/lib/steps/assets/background_left.svg +12 -0
  109. package/lib/steps/assets/background_right.svg +12 -0
  110. package/lib/steps/assets/horizontal_line.svg +3 -0
  111. package/lib/steps/assets/vertical_line.svg +3 -0
  112. package/lib/steps/stepStyle/icon.less +51 -0
  113. package/lib/steps/stepStyle/progress-dot.less +10 -0
  114. package/lib/steps/stepStyle/variables.less +8 -0
  115. package/lib/steps/stepStyle/vertical.less +41 -0
  116. package/lib/switch/index.less +45 -0
  117. package/lib/tabs/tabs.less +125 -0
  118. package/lib/time-picker/TimePicker.d.ts +9 -0
  119. package/lib/time-picker/TimePicker.d.ts.map +1 -0
  120. package/lib/time-picker/TimePicker.js +47 -0
  121. package/lib/time-picker/TimePicker.js.map +1 -0
  122. package/lib/time-picker/index.less +38 -0
  123. package/lib/tntd-action/index.less +114 -0
  124. package/lib/tntd-select/index.less +7 -0
  125. 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"]}