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,12 @@
1
+ @import './style/index.less';
2
+
3
+ @input-prefix-cls: ~'@{ant-prefix}-input-number';
4
+
5
+ .tnt-input-number,
6
+ .@{input-prefix-cls} {
7
+ border-color: @border-color-secondary;
8
+
9
+ &.@{input-prefix-cls}-focused {
10
+ .active();
11
+ }
12
+ }
@@ -0,0 +1,36 @@
1
+ @modal-prefix-cls: ~'@{ant-prefix}-modal';
2
+ @confirm-prefix-cls: ~'@{ant-prefix}-modal-confirm';
3
+
4
+
5
+ .@{modal-prefix-cls}{
6
+ &-header{
7
+ font-size: @font-size-lg;
8
+ font-weight: 500;
9
+ }
10
+ &-close-x{
11
+ font-size: 20px;
12
+ }
13
+
14
+ &-title{
15
+ line-height: @line-height-lg;
16
+ }
17
+ }
18
+
19
+ .@{confirm-prefix-cls}{
20
+ &-body{
21
+ .anticon {
22
+ font-size: 22px !important;
23
+ margin-top: 1px;
24
+ }
25
+ }
26
+
27
+ &-body &-content{
28
+ margin-top: @margin-xs;
29
+ }
30
+
31
+ .@{confirm-prefix-cls}-btns {
32
+ button {
33
+ border-radius: @border-radius-base;
34
+ }
35
+ }
36
+ }
Binary file
@@ -0,0 +1,32 @@
1
+ @popover-prefix-cls: ~'@{ant-prefix}-popover';
2
+
3
+ .@{popover-prefix-cls} {
4
+ &-inner-content {
5
+ padding: @padding-base;
6
+ }
7
+
8
+ &-message {
9
+ padding: 0 0 @padding-xs;
10
+
11
+ &>.anticon {
12
+ font-size: @font-size-lg;
13
+ top: 7px;
14
+ }
15
+ }
16
+
17
+ &-message-title {
18
+ padding-top: @padding-xxs;
19
+ padding-bottom: @padding-xxs;
20
+ line-height: @line-height-base;
21
+ }
22
+
23
+ &-buttons {
24
+ margin-bottom: 0;
25
+ }
26
+ }
27
+
28
+ .@{popover-prefix-cls}-arrow-hidden {
29
+ .@{popover-prefix-cls}-arrow {
30
+ display: none;
31
+ }
32
+ }
@@ -0,0 +1,8 @@
1
+ import React from 'react';
2
+ import type { PopconfirmProps } from 'antd/es/popconfirm';
3
+ export * from 'antd/es/popconfirm';
4
+ declare const Popconfirm: React.FC<PopconfirmProps & {
5
+ hiddenArrow?: boolean;
6
+ }>;
7
+ export default Popconfirm;
8
+ //# sourceMappingURL=popconfirm.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"popconfirm.d.ts","sourceRoot":"","sources":["../../src/popconfirm/popconfirm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAMzD,cAAc,oBAAoB,CAAA;AAElC,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,GAAG;IAAE,WAAW,CAAC,EAAE,OAAO,CAAA;CAAE,CAqCrE,CAAA;AAED,eAAe,UAAU,CAAA"}
@@ -0,0 +1,50 @@
1
+ "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ var desc = Object.getOwnPropertyDescriptor(m, k);
5
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
+ desc = { enumerable: true, get: function() { return m[k]; } };
7
+ }
8
+ Object.defineProperty(o, k2, desc);
9
+ }) : (function(o, m, k, k2) {
10
+ if (k2 === undefined) k2 = k;
11
+ o[k2] = m[k];
12
+ }));
13
+ var __exportStar = (this && this.__exportStar) || function(m, exports) {
14
+ for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
15
+ };
16
+ var __rest = (this && this.__rest) || function (s, e) {
17
+ var t = {};
18
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
19
+ t[p] = s[p];
20
+ if (s != null && typeof Object.getOwnPropertySymbols === "function")
21
+ for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
22
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
23
+ t[p[i]] = s[p[i]];
24
+ }
25
+ return t;
26
+ };
27
+ var __importDefault = (this && this.__importDefault) || function (mod) {
28
+ return (mod && mod.__esModule) ? mod : { "default": mod };
29
+ };
30
+ Object.defineProperty(exports, "__esModule", { value: true });
31
+ const react_1 = __importDefault(require("react"));
32
+ const config_provider_1 = require("antd/es/config-provider");
33
+ const popconfirm_1 = __importDefault(require("antd/es/popconfirm"));
34
+ const classnames_1 = __importDefault(require("classnames"));
35
+ __exportStar(require("antd/es/popconfirm"), exports);
36
+ const Popconfirm = (_a) => {
37
+ var { cancelButtonProps, okButtonProps, hiddenArrow } = _a, props = __rest(_a, ["cancelButtonProps", "okButtonProps", "hiddenArrow"]);
38
+ return (react_1.default.createElement(config_provider_1.ConfigConsumer, null, ({ getPrefixCls }) => {
39
+ const prefixCls = getPrefixCls('popover');
40
+ return (react_1.default.createElement(popconfirm_1.default, Object.assign({ cancelButtonProps: Object.assign({ type: 'tertiary', className: (0, classnames_1.default)('tnt-btn', {
41
+ 'tnt-btn-tertiary': (cancelButtonProps === null || cancelButtonProps === void 0 ? void 0 : cancelButtonProps.type) === 'tertiary' || !(cancelButtonProps === null || cancelButtonProps === void 0 ? void 0 : cancelButtonProps.type),
42
+ 'tnt-btn-mini': (cancelButtonProps === null || cancelButtonProps === void 0 ? void 0 : cancelButtonProps.size) === 'mini',
43
+ }) }, cancelButtonProps), okButtonProps: Object.assign({ className: (0, classnames_1.default)('tnt-btn', {
44
+ 'tnt-btn-tertiary': (okButtonProps === null || okButtonProps === void 0 ? void 0 : okButtonProps.type) === 'tertiary',
45
+ 'tnt-btn-mini': (okButtonProps === null || okButtonProps === void 0 ? void 0 : okButtonProps.size) === 'mini',
46
+ }) }, okButtonProps), overlayClassName: (0, classnames_1.default)(hiddenArrow ? prefixCls + '-arrow-hidden' : '') }, props)));
47
+ }));
48
+ };
49
+ exports.default = Popconfirm;
50
+ //# sourceMappingURL=popconfirm.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"popconfirm.js","sourceRoot":"","sources":["../../src/popconfirm/popconfirm.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAAyB;AAGzB,6DAAwD;AACxD,oEAA+C;AAC/C,4DAAmC;AAEnC,qDAAkC;AAElC,MAAM,UAAU,GAA0D,CAAC,EAK1E,EAAE,EAAE;QALsE,EACzE,iBAAiB,EACjB,aAAa,EACb,WAAW,OAEZ,EADI,KAAK,cAJiE,qDAK1E,CADS;IAER,OAAO,CACL,8BAAC,gCAAc,QACZ,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE;QACpB,MAAM,SAAS,GAAG,YAAY,CAAC,SAAS,CAAC,CAAA;QACzC,OAAO,CACL,8BAAC,oBAAc,kBACb,iBAAiB,EACf,gBACE,IAAI,EAAE,UAAU,EAChB,SAAS,EAAE,IAAA,oBAAU,EAAC,SAAS,EAAE;oBAC/B,kBAAkB,EAChB,CAAC,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,IAAe,MAAK,UAAU,IAAI,CAAC,CAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,IAAI,CAAA;oBAChF,cAAc,EAAE,CAAC,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,IAAe,MAAK,MAAM;iBAC/D,CAAC,IACC,iBAAiB,CACA,EAExB,aAAa,kBACX,SAAS,EAAE,IAAA,oBAAU,EAAC,SAAS,EAAE;oBAC/B,kBAAkB,EAAE,CAAC,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,IAAe,MAAK,UAAU;oBAClE,cAAc,EAAE,CAAC,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,IAAe,MAAK,MAAM;iBAC3D,CAAC,IACC,aAAa,GAElB,gBAAgB,EAAE,IAAA,oBAAU,EAAC,WAAW,CAAC,CAAC,CAAC,SAAS,GAAG,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC,IACxE,KAAK,EACT,CACH,CAAA;IACH,CAAC,CACc,CAClB,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,UAAU,CAAA","sourcesContent":["import React from 'react'\nimport type { PopconfirmProps } from 'antd/es/popconfirm'\nimport type { NativeButtonProps } from 'antd/es/button/button'\nimport { ConfigConsumer } from 'antd/es/config-provider'\nimport AntdPopconfirm from 'antd/es/popconfirm'\nimport classNames from 'classnames'\n\nexport * from 'antd/es/popconfirm'\n\nconst Popconfirm: React.FC<PopconfirmProps & { hiddenArrow?: boolean }> = ({\n cancelButtonProps,\n okButtonProps,\n hiddenArrow,\n ...props\n}) => {\n return (\n <ConfigConsumer>\n {({ getPrefixCls }) => {\n const prefixCls = getPrefixCls('popover')\n return (\n <AntdPopconfirm\n cancelButtonProps={\n {\n type: 'tertiary',\n className: classNames('tnt-btn', {\n 'tnt-btn-tertiary':\n (cancelButtonProps?.type as string) === 'tertiary' || !cancelButtonProps?.type,\n 'tnt-btn-mini': (cancelButtonProps?.size as string) === 'mini',\n }),\n ...cancelButtonProps,\n } as NativeButtonProps\n }\n okButtonProps={{\n className: classNames('tnt-btn', {\n 'tnt-btn-tertiary': (okButtonProps?.type as string) === 'tertiary',\n 'tnt-btn-mini': (okButtonProps?.size as string) === 'mini',\n }),\n ...okButtonProps,\n }}\n overlayClassName={classNames(hiddenArrow ? prefixCls + '-arrow-hidden' : '')}\n {...props}\n />\n )\n }}\n </ConfigConsumer>\n )\n}\n\nexport default Popconfirm\n"]}
@@ -0,0 +1,57 @@
1
+ @popover-prefix-cls: ~'@{ant-prefix}-popover';
2
+
3
+ // Base class
4
+ .tnt-popover.@{popover-prefix-cls} {
5
+
6
+ &-dark,
7
+ &-light {
8
+ .@{popover-prefix-cls}-title {
9
+ border-bottom: 0px !important;
10
+ padding: 10px 12px 4px !important;
11
+ border-bottom: 0px !important;
12
+
13
+ }
14
+
15
+ .@{popover-prefix-cls}-inner {
16
+ &-content {
17
+ padding: 0px 12px 12px 12px;
18
+ }
19
+ }
20
+ }
21
+
22
+ &-dark {
23
+ .@{popover-prefix-cls}-title {
24
+ color: @popover-color-dark;
25
+ }
26
+
27
+ .@{popover-prefix-cls}-inner {
28
+ background-color: @popover-bg-dark;
29
+
30
+ &-content {
31
+ color: @popover-color-dark;
32
+ }
33
+ }
34
+
35
+ .@{popover-prefix-cls}-arrow {
36
+ border-color: @popover-arrow-color-dark !important;
37
+
38
+ &::before {
39
+ background-color: @popover-bg-dark;
40
+
41
+ }
42
+ }
43
+ }
44
+
45
+
46
+ // Arrows
47
+ &-arrow {
48
+ border-radius: 1px;
49
+ }
50
+ }
51
+
52
+
53
+ .@{popover-prefix-cls}-arrow-hidden {
54
+ .@{popover-prefix-cls}-arrow {
55
+ display: none;
56
+ }
57
+ }
@@ -0,0 +1,14 @@
1
+ import React from 'react';
2
+ import type { PopoverProps } from 'antd/es/popover';
3
+ export * from 'antd/es/popover';
4
+ interface CurProps extends PopoverProps {
5
+ theme?: string;
6
+ titleDivider?: boolean;
7
+ }
8
+ declare const Popover: React.FC<CurProps & {
9
+ theme?: string;
10
+ titleDivider?: boolean;
11
+ hiddenArrow?: boolean;
12
+ }>;
13
+ export default Popover;
14
+ //# sourceMappingURL=popover.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../src/popover/popover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAKnD,cAAc,iBAAiB,CAAA;AAI/B,UAAU,QAAS,SAAQ,YAAY;IACrC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,OAAO,CAAA;CACvB;AAED,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CACrB,QAAQ,GAAG;IAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,YAAY,CAAC,EAAE,OAAO,CAAC;IAAC,WAAW,CAAC,EAAE,OAAO,CAAA;CAAE,CA8B7E,CAAA;AAED,eAAe,OAAO,CAAA"}
@@ -0,0 +1,47 @@
1
+ "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ var desc = Object.getOwnPropertyDescriptor(m, k);
5
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
+ desc = { enumerable: true, get: function() { return m[k]; } };
7
+ }
8
+ Object.defineProperty(o, k2, desc);
9
+ }) : (function(o, m, k, k2) {
10
+ if (k2 === undefined) k2 = k;
11
+ o[k2] = m[k];
12
+ }));
13
+ var __exportStar = (this && this.__exportStar) || function(m, exports) {
14
+ for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
15
+ };
16
+ var __rest = (this && this.__rest) || function (s, e) {
17
+ var t = {};
18
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
19
+ t[p] = s[p];
20
+ if (s != null && typeof Object.getOwnPropertySymbols === "function")
21
+ for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
22
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
23
+ t[p[i]] = s[p[i]];
24
+ }
25
+ return t;
26
+ };
27
+ var __importDefault = (this && this.__importDefault) || function (mod) {
28
+ return (mod && mod.__esModule) ? mod : { "default": mod };
29
+ };
30
+ Object.defineProperty(exports, "__esModule", { value: true });
31
+ const react_1 = __importDefault(require("react"));
32
+ const config_provider_1 = require("antd/es/config-provider");
33
+ const popover_1 = __importDefault(require("antd/es/popover"));
34
+ const classnames_1 = __importDefault(require("classnames"));
35
+ __exportStar(require("antd/es/popover"), exports);
36
+ const themeMap = (prefixCls, themeColor) => {
37
+ return `${prefixCls}-${themeColor}`;
38
+ };
39
+ const Popover = (props) => {
40
+ const { overlayClassName, theme = '', titleDivider = false, hiddenArrow = false } = props, restProps = __rest(props, ["overlayClassName", "theme", "titleDivider", "hiddenArrow"]);
41
+ return (react_1.default.createElement(config_provider_1.ConfigConsumer, null, ({ getPrefixCls }) => {
42
+ const prefixCls = getPrefixCls('popover');
43
+ return (react_1.default.createElement(popover_1.default, Object.assign({ overlayClassName: (0, classnames_1.default)(prefixCls, 'tnt-popover', themeMap(prefixCls, theme), hiddenArrow ? prefixCls + '-arrow-hidden' : '', overlayClassName) }, restProps)));
44
+ }));
45
+ };
46
+ exports.default = Popover;
47
+ //# sourceMappingURL=popover.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"popover.js","sourceRoot":"","sources":["../../src/popover/popover.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAAyB;AAEzB,6DAAwD;AACxD,8DAAyC;AACzC,4DAAmC;AAEnC,kDAA+B;AAC/B,MAAM,QAAQ,GAAG,CAAC,SAAiB,EAAE,UAAmB,EAAE,EAAE;IAC1D,OAAO,GAAG,SAAS,IAAI,UAAU,EAAE,CAAA;AACrC,CAAC,CAAA;AAMD,MAAM,OAAO,GAET,CAAC,KAAK,EAAE,EAAE;IACZ,MAAM,EACJ,gBAAgB,EAChB,KAAK,GAAG,EAAE,EACV,YAAY,GAAG,KAAK,EACpB,WAAW,GAAG,KAAK,KAEjB,KAAK,EADJ,SAAS,UACV,KAAK,EANH,4DAML,CAAQ,CAAA;IAET,OAAO,CACL,8BAAC,gCAAc,QACZ,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE;QACpB,MAAM,SAAS,GAAG,YAAY,CAAC,SAAS,CAAC,CAAA;QAEzC,OAAO,CACL,8BAAC,iBAAW,kBACV,gBAAgB,EAAE,IAAA,oBAAU,EAC1B,SAAS,EACT,aAAa,EACb,QAAQ,CAAC,SAAS,EAAE,KAAK,CAAC,EAC1B,WAAW,CAAC,CAAC,CAAC,SAAS,GAAG,eAAe,CAAC,CAAC,CAAC,EAAE,EAC9C,gBAAgB,CACjB,IACG,SAAS,EACb,CACH,CAAA;IACH,CAAC,CACc,CAClB,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,OAAO,CAAA","sourcesContent":["import React from 'react'\nimport type { PopoverProps } from 'antd/es/popover'\nimport { ConfigConsumer } from 'antd/es/config-provider'\nimport AntdPopover from 'antd/es/popover'\nimport classNames from 'classnames'\n\nexport * from 'antd/es/popover'\nconst themeMap = (prefixCls: string, themeColor?: string) => {\n return `${prefixCls}-${themeColor}`\n}\ninterface CurProps extends PopoverProps {\n theme?: string\n titleDivider?: boolean\n}\n\nconst Popover: React.FC<\n CurProps & { theme?: string; titleDivider?: boolean; hiddenArrow?: boolean }\n> = (props) => {\n const {\n overlayClassName,\n theme = '',\n titleDivider = false,\n hiddenArrow = false,\n ...restProps\n } = props\n\n return (\n <ConfigConsumer>\n {({ getPrefixCls }) => {\n const prefixCls = getPrefixCls('popover')\n\n return (\n <AntdPopover\n overlayClassName={classNames(\n prefixCls,\n 'tnt-popover',\n themeMap(prefixCls, theme),\n hiddenArrow ? prefixCls + '-arrow-hidden' : '',\n overlayClassName\n )}\n {...restProps}\n />\n )\n }}\n </ConfigConsumer>\n )\n}\n\nexport default Popover\n"]}
@@ -0,0 +1,12 @@
1
+ import React from 'react';
2
+ import type { ProgressProps } from 'antd/es/progress';
3
+ import './progress.less';
4
+ export * from 'antd/es/tooltip';
5
+ interface ExtendsProgress {
6
+ percentPosition?: 'bottom' | 'right';
7
+ label?: React.ReactNode;
8
+ halfCircle?: boolean;
9
+ }
10
+ declare const Progress: React.FC<ProgressProps & ExtendsProgress>;
11
+ export default Progress;
12
+ //# sourceMappingURL=progress.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"progress.d.ts","sourceRoot":"","sources":["../../src/progress/progress.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAOrD,OAAO,iBAAiB,CAAA;AACxB,cAAc,iBAAiB,CAAA;AAE/B,UAAU,eAAe;IACvB,eAAe,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAA;IACpC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB;AAwBD,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,GAAG,eAAe,CAoHvD,CAAA;AAED,eAAe,QAAQ,CAAA"}
@@ -0,0 +1,107 @@
1
+ "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ var desc = Object.getOwnPropertyDescriptor(m, k);
5
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
+ desc = { enumerable: true, get: function() { return m[k]; } };
7
+ }
8
+ Object.defineProperty(o, k2, desc);
9
+ }) : (function(o, m, k, k2) {
10
+ if (k2 === undefined) k2 = k;
11
+ o[k2] = m[k];
12
+ }));
13
+ var __exportStar = (this && this.__exportStar) || function(m, exports) {
14
+ for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
15
+ };
16
+ var __importDefault = (this && this.__importDefault) || function (mod) {
17
+ return (mod && mod.__esModule) ? mod : { "default": mod };
18
+ };
19
+ Object.defineProperty(exports, "__esModule", { value: true });
20
+ const react_1 = __importDefault(require("react"));
21
+ const config_provider_1 = require("antd/es/config-provider");
22
+ const progress_1 = __importDefault(require("antd/es/progress"));
23
+ const classnames_1 = __importDefault(require("classnames"));
24
+ const ellipsis_1 = __importDefault(require("../ellipsis"));
25
+ const icon_1 = __importDefault(require("../icon"));
26
+ require("./progress.less");
27
+ __exportStar(require("antd/es/tooltip"), exports);
28
+ const iconMap = {
29
+ line: {
30
+ success: 'check-circle',
31
+ exception: 'close-circle',
32
+ },
33
+ circle: {
34
+ success: 'check',
35
+ exception: 'close',
36
+ },
37
+ };
38
+ const ifPercentBottom = (type, percentPosition) => {
39
+ return type === 'line' && percentPosition === 'bottom';
40
+ };
41
+ const percentTransform = (percent) => {
42
+ return percent >= 100 ? 100 : percent <= 0 ? 0 : percent;
43
+ };
44
+ const themeStrokeColor = (status, strokeColor, percent) => {
45
+ return status !== 'success' && status !== 'exception' && !strokeColor && percent !== 100
46
+ ? 'var(--blue-5)'
47
+ : '';
48
+ };
49
+ const Progress = (props) => {
50
+ const { className, type = 'line', percentPosition = 'right', percent = 0, format, size, label, width = 132, status, halfCircle, gapDegree = props.halfCircle ? 135 : props.gapDegree, strokeColor, strokeWidth = 7, } = props;
51
+ const _percent = percentTransform(percent);
52
+ const _strokeColor = themeStrokeColor(status, strokeColor, _percent);
53
+ return (react_1.default.createElement(config_provider_1.ConfigConsumer, null, ({ getPrefixCls }) => {
54
+ const prefixCls = getPrefixCls('progress');
55
+ const CusLabelOrPercent = (props) => {
56
+ const { type, theme } = props;
57
+ const labelPercentClassName = (0, classnames_1.default)(`${prefixCls}-percent-bottom`, {
58
+ [`${prefixCls}-percent-bottom-${size}`]: size === 'small',
59
+ [`${prefixCls}-percent-bottom-${type}`]: type === 'line',
60
+ });
61
+ const showIcon = (status) => (react_1.default.createElement(icon_1.default, { type: `${iconMap[type][status]}`, theme: theme, className: (0, classnames_1.default)({
62
+ [`${labelPercentClassName} ${labelPercentClassName}-${status || 'success'}`]: type === 'line',
63
+ }) }));
64
+ const showPercent = (react_1.default.createElement("div", { className: labelPercentClassName }, format ? format === null || format === void 0 ? void 0 : format(_percent) : _percent + '%'));
65
+ let displayContent;
66
+ if (status === 'success' || status === 'exception') {
67
+ displayContent = showIcon(status);
68
+ }
69
+ else if (status === 'normal' || status === 'active') {
70
+ displayContent = showPercent;
71
+ }
72
+ else {
73
+ // 如果状态为空
74
+ displayContent = _percent === 100 ? showIcon('success') : showPercent;
75
+ }
76
+ return displayContent;
77
+ };
78
+ const CusCircleAndDashboardFormat = (props) => {
79
+ const { widthNum } = props;
80
+ return (react_1.default.createElement("div", { className: `${prefixCls}-cus-format` },
81
+ !!label && (react_1.default.createElement(ellipsis_1.default, { className: `${prefixCls}-cus-format-label`, title: label, widthLimit: widthNum <= 64 ? widthNum : 'calc(100% - 50px)', placement: widthNum <= 64 ? 'bottom' : 'top' })),
82
+ react_1.default.createElement(CusLabelOrPercent, { type: "circle", theme: "outlined" })));
83
+ };
84
+ //line
85
+ const LineProgress = () => (react_1.default.createElement(progress_1.default, Object.assign({ strokeColor: _strokeColor }, props, { className: (0, classnames_1.default)('tnt-progress', className, {
86
+ [`${prefixCls}-percent-bottom`]: percentPosition === 'bottom',
87
+ }) })));
88
+ //circle,dashboard (额外新增label和半圆选项)
89
+ const CircleAndDashboardProgress = () => {
90
+ const widthNum = Number(String(width).split('px').shift());
91
+ return (react_1.default.createElement(progress_1.default, Object.assign({ gapDegree: gapDegree, strokeColor: _strokeColor, strokeWidth: strokeWidth }, props, { type: halfCircle ? 'dashboard' : type, className: (0, classnames_1.default)('tnt-progress', `${prefixCls}-circle-progress`, className, {
92
+ [`${prefixCls}-small-circle`]: widthNum <= 64 && label,
93
+ [`${prefixCls}-large-circle`]: widthNum > 64 && label,
94
+ [`${prefixCls}-small-half-circle`]: halfCircle && widthNum <= 64 && label,
95
+ [`${prefixCls}-large-half-circle`]: halfCircle && widthNum > 64 && label,
96
+ }), format: () => react_1.default.createElement(CusCircleAndDashboardFormat, { widthNum: widthNum }) })));
97
+ };
98
+ const progressMap = {
99
+ line: react_1.default.createElement(LineProgress, null),
100
+ circle: react_1.default.createElement(CircleAndDashboardProgress, null),
101
+ dashboard: react_1.default.createElement(CircleAndDashboardProgress, null),
102
+ };
103
+ return progressMap[type];
104
+ }));
105
+ };
106
+ exports.default = Progress;
107
+ //# sourceMappingURL=progress.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"progress.js","sourceRoot":"","sources":["../../src/progress/progress.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react'\nimport type { ProgressProps } from 'antd/es/progress'\nimport type { ThemeType } from 'antd/es/icon'\nimport { ConfigConsumer } from 'antd/es/config-provider'\nimport AntdProgress from 'antd/es/progress'\nimport classNames from 'classnames'\nimport Ellipsis from '../ellipsis'\nimport Icon from '../icon'\nimport './progress.less'\nexport * from 'antd/es/tooltip'\n\ninterface ExtendsProgress {\n percentPosition?: 'bottom' | 'right'\n label?: React.ReactNode\n halfCircle?: boolean\n}\nconst iconMap = {\n line: {\n success: 'check-circle',\n exception: 'close-circle',\n },\n circle: {\n success: 'check',\n exception: 'close',\n },\n}\nconst ifPercentBottom = (type: string, percentPosition: string) => {\n return type === 'line' && percentPosition === 'bottom'\n}\nconst percentTransform = (percent: number) => {\n return percent >= 100 ? 100 : percent <= 0 ? 0 : percent\n}\n\nconst themeStrokeColor = (status?: string, strokeColor?: string | object, percent?: number) => {\n return status !== 'success' && status !== 'exception' && !strokeColor && percent !== 100\n ? 'var(--blue-5)'\n : ''\n}\n\nconst Progress: React.FC<ProgressProps & ExtendsProgress> = (props) => {\n const {\n className,\n type = 'line',\n percentPosition = 'right',\n percent = 0,\n format,\n size,\n label,\n width = 132,\n status,\n halfCircle,\n gapDegree = props.halfCircle ? 135 : props.gapDegree,\n strokeColor,\n strokeWidth = 7,\n } = props\n const _percent = percentTransform(percent)\n const _strokeColor = themeStrokeColor(status, strokeColor, _percent)\n return (\n <ConfigConsumer>\n {({ getPrefixCls }) => {\n const prefixCls = getPrefixCls('progress')\n\n const CusLabelOrPercent = (props: { type: 'line' | 'circle'; theme?: ThemeType }) => {\n const { type, theme } = props\n const labelPercentClassName = classNames(`${prefixCls}-percent-bottom`, {\n [`${prefixCls}-percent-bottom-${size}`]: size === 'small',\n [`${prefixCls}-percent-bottom-${type}`]: type === 'line',\n })\n\n const showIcon = (status: 'success' | 'exception') => (\n <Icon\n type={`${iconMap[type][status]}`}\n theme={theme}\n className={classNames({\n [`${labelPercentClassName} ${labelPercentClassName}-${status || 'success'}`]:\n type === 'line',\n })}\n />\n )\n const showPercent = (\n <div className={labelPercentClassName}>\n {format ? format?.(_percent) : _percent + '%'}\n </div>\n )\n\n let displayContent\n if (status === 'success' || status === 'exception') {\n displayContent = showIcon(status)\n } else if (status === 'normal' || status === 'active') {\n displayContent = showPercent\n } else {\n // 如果状态为空\n displayContent = _percent === 100 ? showIcon('success') : showPercent\n }\n return displayContent\n }\n\n const CusCircleAndDashboardFormat = (props: { widthNum: number }) => {\n const { widthNum } = props\n return (\n <div className={`${prefixCls}-cus-format`}>\n {!!label && (\n <Ellipsis\n className={`${prefixCls}-cus-format-label`}\n title={label}\n widthLimit={widthNum <= 64 ? widthNum : 'calc(100% - 50px)'}\n placement={widthNum <= 64 ? 'bottom' : 'top'}\n />\n )}\n <CusLabelOrPercent type=\"circle\" theme=\"outlined\" />\n </div>\n )\n }\n\n //line\n const LineProgress: React.FC = () => (\n <AntdProgress\n strokeColor={_strokeColor}\n {...props}\n className={classNames('tnt-progress', className, {\n [`${prefixCls}-percent-bottom`]: percentPosition === 'bottom',\n })}\n />\n )\n\n //circle,dashboard (额外新增label和半圆选项)\n const CircleAndDashboardProgress: React.FC = () => {\n const widthNum = Number(String(width).split('px').shift())\n return (\n <AntdProgress\n gapDegree={gapDegree}\n strokeColor={_strokeColor}\n strokeWidth={strokeWidth}\n {...props}\n type={halfCircle ? 'dashboard' : type}\n className={classNames('tnt-progress', `${prefixCls}-circle-progress`, className, {\n [`${prefixCls}-small-circle`]: widthNum <= 64 && label,\n [`${prefixCls}-large-circle`]: widthNum > 64 && label,\n [`${prefixCls}-small-half-circle`]: halfCircle && widthNum <= 64 && label,\n [`${prefixCls}-large-half-circle`]: halfCircle && widthNum > 64 && label,\n })}\n format={() => <CusCircleAndDashboardFormat widthNum={widthNum} />}\n />\n )\n }\n\n const progressMap = {\n line: <LineProgress />,\n circle: <CircleAndDashboardProgress />,\n dashboard: <CircleAndDashboardProgress />,\n }\n return progressMap[type]\n }}\n </ConfigConsumer>\n )\n}\n\nexport default Progress\n"]}
@@ -0,0 +1,82 @@
1
+ @import '../style/themes/index.less';
2
+ @import '../style/mixins/index';
3
+ @progress-prefix-cls: ~'@{ant-prefix}-progress';
4
+ .tnt-progress.@{progress-prefix-cls} {
5
+ .ant-progress-text{
6
+ // font-family: PingFang SC;
7
+ font-weight: 500;
8
+ }
9
+ .ant-progress-cus-format-label{
10
+ .ant-progress-cus-format-label{
11
+ padding-bottom: 4px;
12
+ }
13
+ }
14
+ &-percent-bottom{
15
+ .ant-progress-outer{
16
+ padding-right: 0;
17
+ }
18
+ .ant-progress-text{
19
+ width: 100%;
20
+ display: block;
21
+ text-align: right;
22
+ margin-left: 0;
23
+ }
24
+ }
25
+ &-circle-progress{
26
+ .@{progress-prefix-cls}-cus-format{
27
+ height: 100%;
28
+ display: flex;
29
+ flex-direction: column;
30
+ justify-content: center;
31
+ align-items: center;
32
+ }
33
+ }
34
+ &-small-circle{
35
+ .ant-progress-text{
36
+ height: 100%;
37
+ }
38
+ .ant-progress-inner{
39
+ overflow:visible;
40
+ }
41
+ .tntd-ellipsis{
42
+ position: absolute;
43
+ bottom: -1.8em;
44
+ font-size: 0.75em;
45
+ // margin-bottom: 2px;
46
+ // color: #8B919E;
47
+ color:tint(@text-color, 50%);
48
+ font-family: Inter;
49
+ font-weight: 500;
50
+ text-align: center;
51
+ }
52
+ }
53
+ &-large-circle{
54
+ .ant-progress-text{
55
+ height: 100%;
56
+ }
57
+ .tntd-ellipsis{
58
+ font-size: 0.55em;
59
+ // margin-bottom: 2px;
60
+ color:tint(@text-color, 50%);
61
+ font-family: Inter;
62
+ font-weight: 500;
63
+ text-align: center;
64
+ }
65
+ }
66
+ &-small-half-circle{
67
+ .ant-progress-text{
68
+ height: 40%;
69
+ }
70
+ .tntd-ellipsis{
71
+ bottom: -1.5em;
72
+ }
73
+ }
74
+ &-large-half-circle{
75
+ .ant-progress-inner{
76
+ .ant-progress-text{
77
+ top: 42%
78
+ }
79
+ }
80
+ }
81
+ }
82
+
@@ -0,0 +1,35 @@
1
+ .tnt-queryform-field-popover {
2
+ min-width: 280px;
3
+ .ant-popover-inner-content {
4
+ padding: @padding-sm 0;
5
+ }
6
+ .ant-calendar-picker {
7
+ margin: @margin-xxs 0;
8
+ }
9
+ label {
10
+ color: tint(@text-color, 50%);
11
+ margin-bottom: @margin-xs;
12
+ display: block;
13
+ padding: 0 @padding-sm;
14
+ }
15
+ .ant-select-dropdown-menu {
16
+ &-item {
17
+ padding: @padding-xxs @padding-sm;
18
+ &:hover {
19
+ background-color: @bg-color-quaternary;
20
+ }
21
+ }
22
+ }
23
+ &-content {
24
+ padding: @padding-xxs @padding-sm;
25
+ }
26
+ .ant-select-selected-icon {
27
+ position: absolute;
28
+ right: @margin-base;
29
+ top: @margin-xs;
30
+ color: @blue-6;
31
+ }
32
+ .tnt-highlight {
33
+ color: @blue-6;
34
+ }
35
+ }