tntd 3.0.70 → 3.0.73
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/array-input/index.js +3 -0
- package/es/array-input/index.js.map +1 -1
- package/es/button/button.js +2 -2
- package/es/button/button.js.map +1 -1
- package/es/button/button.less +175 -0
- package/es/button/style/index.less +7 -0
- package/es/button/style/mixin.less +119 -66
- package/es/checkbox/checkbox-group.js +12 -0
- package/es/checkbox/checkbox-group.js.map +1 -0
- package/es/prev-locale.js +4 -0
- package/es/prev-locale.js.map +1 -1
- package/es/radio/radio-group.js +12 -0
- package/es/radio/radio-group.js.map +1 -0
- package/es/steps/stepStyle/small.less +5 -0
- package/es/style/themes/default.less +2 -4
- package/es/table/style/size.less +4 -2
- package/es/table/total-shower.js +16 -0
- package/es/table/total-shower.js.map +1 -0
- package/es/tntd-action/index.js +61 -7
- package/es/tntd-action/index.js.map +1 -1
- package/es/tntd-action/index.less +35 -0
- package/es/utils/simple-template.js +19 -0
- package/es/utils/simple-template.js.map +1 -0
- package/lib/array-input/index.d.ts.map +1 -1
- package/lib/array-input/index.js +3 -0
- package/lib/array-input/index.js.map +1 -1
- package/lib/button/button.d.ts +2 -2
- package/lib/button/button.d.ts.map +1 -1
- package/lib/button/button.js +2 -2
- package/lib/button/button.js.map +1 -1
- package/lib/button/button.less +175 -0
- package/lib/button/style/index.less +7 -0
- package/lib/button/style/mixin.less +119 -66
- package/lib/checkbox/checkbox-group.d.ts +8 -0
- package/lib/checkbox/checkbox-group.d.ts.map +1 -0
- package/lib/checkbox/checkbox-group.js +16 -0
- package/lib/checkbox/checkbox-group.js.map +1 -0
- package/lib/prev-locale.d.ts +3 -0
- package/lib/prev-locale.d.ts.map +1 -1
- package/lib/prev-locale.js +4 -0
- package/lib/prev-locale.js.map +1 -1
- package/lib/radio/radio-group.d.ts +8 -0
- package/lib/radio/radio-group.d.ts.map +1 -0
- package/lib/radio/radio-group.js +16 -0
- package/lib/radio/radio-group.js.map +1 -0
- package/lib/steps/stepStyle/small.less +5 -0
- package/lib/style/themes/default.less +2 -4
- package/lib/table/style/size.less +4 -2
- package/lib/table/total-shower.d.ts +9 -0
- package/lib/table/total-shower.d.ts.map +1 -0
- package/lib/table/total-shower.js +20 -0
- package/lib/table/total-shower.js.map +1 -0
- package/lib/tntd-action/index.d.ts +1 -2
- package/lib/tntd-action/index.d.ts.map +1 -1
- package/lib/tntd-action/index.js +61 -7
- package/lib/tntd-action/index.js.map +1 -1
- package/lib/tntd-action/index.less +35 -0
- package/lib/utils/simple-template.d.ts +9 -0
- package/lib/utils/simple-template.d.ts.map +1 -0
- package/lib/utils/simple-template.js +19 -0
- package/lib/utils/simple-template.js.map +1 -0
- package/package.json +115 -114
- package/themes/default/variables.less +8 -0
- package/themes/default/variablesVar.less +9 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/tntd-action/index.js"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/tntd-action/index.js"],"names":[],"mappings":"AA6DA;;;QAqDC"}
|
package/lib/tntd-action/index.js
CHANGED
|
@@ -14,8 +14,13 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
14
14
|
});
|
|
15
15
|
exports["default"] = _default;
|
|
16
16
|
var _react = _interopRequireWildcard(require("react"));
|
|
17
|
-
var _Action = _interopRequireDefault(require("./Action"));
|
|
18
17
|
var _tooltip = _interopRequireDefault(require("../tooltip"));
|
|
18
|
+
var _popconfirm = _interopRequireDefault(require("../popconfirm"));
|
|
19
|
+
var _dropdown = _interopRequireDefault(require("../dropdown"));
|
|
20
|
+
var _button = _interopRequireDefault(require("../button"));
|
|
21
|
+
var _icon = _interopRequireDefault(require("../icon"));
|
|
22
|
+
var _menu = _interopRequireDefault(require("../menu"));
|
|
23
|
+
var _prevLocale = require("../prev-locale");
|
|
19
24
|
require("./index.less");
|
|
20
25
|
function _interopRequireDefault(e) {
|
|
21
26
|
return e && e.__esModule ? e : {
|
|
@@ -103,16 +108,29 @@ var __rest = void 0 && (void 0).__rest || function (s, e) {
|
|
|
103
108
|
}
|
|
104
109
|
return t;
|
|
105
110
|
};
|
|
111
|
+
|
|
112
|
+
// import Action from './Action'
|
|
113
|
+
|
|
106
114
|
var _checkShowChild = function checkShowChild(child) {
|
|
107
115
|
var _ref = child.props || {},
|
|
108
116
|
disabled = _ref.disabled,
|
|
109
117
|
children = _ref.children,
|
|
110
118
|
check = _ref.check,
|
|
111
119
|
text = _ref.text;
|
|
112
|
-
if (check && !disabled) {
|
|
120
|
+
// if (check && !disabled) {
|
|
121
|
+
if (check) {
|
|
113
122
|
return _react["default"].cloneElement(child, text ? {
|
|
114
|
-
children:
|
|
115
|
-
|
|
123
|
+
// children: (
|
|
124
|
+
// <>
|
|
125
|
+
// {children}
|
|
126
|
+
// <span>{text}</span>
|
|
127
|
+
// </>
|
|
128
|
+
// ),
|
|
129
|
+
children: text,
|
|
130
|
+
type: 'link'
|
|
131
|
+
} : {
|
|
132
|
+
type: 'link'
|
|
133
|
+
});
|
|
116
134
|
} else if (children) {
|
|
117
135
|
var newChild = _react["default"].Children.map(children, function (child) {
|
|
118
136
|
return _checkShowChild(child);
|
|
@@ -125,12 +143,30 @@ var _checkShowChild = function checkShowChild(child) {
|
|
|
125
143
|
};
|
|
126
144
|
if (child.type === _tooltip["default"]) {
|
|
127
145
|
newProps.visible = false;
|
|
146
|
+
} else if (child.type === _popconfirm["default"]) {
|
|
147
|
+
newProps.hiddenArrow = true;
|
|
128
148
|
}
|
|
129
149
|
return _react["default"].cloneElement(child, newProps);
|
|
130
150
|
}
|
|
131
151
|
}
|
|
132
152
|
return false;
|
|
133
153
|
};
|
|
154
|
+
var _checkIsDisabled = function checkIsDisabled(child) {
|
|
155
|
+
var _ref2 = child.props || {},
|
|
156
|
+
disabled = _ref2.disabled,
|
|
157
|
+
children = _ref2.children,
|
|
158
|
+
check = _ref2.check;
|
|
159
|
+
if (check) {
|
|
160
|
+
return disabled;
|
|
161
|
+
} else if (children) {
|
|
162
|
+
return _react["default"].Children.map(children, function (child) {
|
|
163
|
+
return _checkIsDisabled(child);
|
|
164
|
+
}).filter(function (i) {
|
|
165
|
+
return !!i;
|
|
166
|
+
}).length > 0;
|
|
167
|
+
}
|
|
168
|
+
return false;
|
|
169
|
+
};
|
|
134
170
|
function _default(_a) {
|
|
135
171
|
var children = _a.children,
|
|
136
172
|
other = __rest(_a, ["children"]);
|
|
@@ -157,7 +193,25 @@ function _default(_a) {
|
|
|
157
193
|
_useMemo2 = _slicedToArray(_useMemo, 2),
|
|
158
194
|
thisChild = _useMemo2[0],
|
|
159
195
|
popChild = _useMemo2[1];
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
196
|
+
var createMenu = function createMenu(list) {
|
|
197
|
+
return _react["default"].createElement(_menu["default"], null, list.map(function (it, i) {
|
|
198
|
+
return _react["default"].createElement(_menu["default"].Item, {
|
|
199
|
+
key: i,
|
|
200
|
+
disabled: _checkIsDisabled(it)
|
|
201
|
+
}, it);
|
|
202
|
+
}));
|
|
203
|
+
};
|
|
204
|
+
if (popChild.length <= 1) {
|
|
205
|
+
// 如果只有一个,直接返回
|
|
206
|
+
return children;
|
|
207
|
+
}
|
|
208
|
+
var batchOperation = (0, _prevLocale.getText)('batchOperation', (0, _prevLocale.getLanguage)());
|
|
209
|
+
return _react["default"].createElement(_react["default"].Fragment, null, thisChild, _react["default"].createElement(_dropdown["default"], {
|
|
210
|
+
overlay: createMenu(popChild),
|
|
211
|
+
overlayClassName: "tnt-action-dropdown"
|
|
212
|
+
}, _react["default"].createElement(_button["default"], {
|
|
213
|
+
className: "tnt-action-dropdown-btn"
|
|
214
|
+
}, batchOperation, " ", _react["default"].createElement(_icon["default"], {
|
|
215
|
+
type: "down"
|
|
216
|
+
}))));
|
|
163
217
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/tntd-action/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAsC;AACtC,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/tntd-action/index.js"],"names":[],"mappings":"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","sourcesContent":["import React, { useMemo } from 'react'\n// import Action from './Action'\nimport Tooltip from '../tooltip'\nimport Popconfirm from '../popconfirm'\nimport Dropdown from '../dropdown'\nimport Button from '../button'\nimport Icon from '../icon'\nimport Menu from '../menu'\nimport { getLanguage, getText } from '../prev-locale'\nimport './index.less'\n\nconst checkShowChild = (child) => {\n const { disabled, children, check, text } = child.props || {}\n // if (check && !disabled) {\n if (check) {\n return React.cloneElement(\n child,\n text\n ? {\n // children: (\n // <>\n // {children}\n // <span>{text}</span>\n // </>\n // ),\n children: text,\n type: 'link',\n }\n : { type: 'link' }\n )\n } else if (children) {\n const newChild = React.Children.map(children, (child) => {\n return checkShowChild(child)\n }).filter((i) => !!i)\n if (newChild.length > 0) {\n const newProps = { children: newChild }\n if (child.type === Tooltip) {\n newProps.visible = false\n } else if (child.type === Popconfirm) {\n newProps.hiddenArrow = true\n }\n return React.cloneElement(child, newProps)\n }\n }\n return false\n}\n\nconst checkIsDisabled = (child) => {\n const { disabled, children, check } = child.props || {}\n if (check) {\n return disabled\n } else if (children) {\n return (\n React.Children.map(children, (child) => {\n return checkIsDisabled(child)\n }).filter((i) => !!i).length > 0\n )\n }\n return false\n}\n\nexport default function ({ children, ...other }) {\n const [thisChild, popChild] = useMemo(() => {\n const thisChild = []\n const popChild = []\n React.Children.forEach(children, (child) => {\n if (child && child.props) {\n const { exclude } = child.props\n if (exclude) {\n thisChild.push(React.cloneElement(child, { exclude: undefined }))\n } else {\n const showChild = checkShowChild(child)\n if (showChild) {\n popChild.push(showChild)\n }\n }\n }\n })\n return [thisChild, popChild]\n }, [children])\n\n const createMenu = (list) => {\n return (\n <Menu>\n {list.map((it, i) => {\n return (\n <Menu.Item key={i} disabled={checkIsDisabled(it)}>\n {it}\n </Menu.Item>\n )\n })}\n </Menu>\n )\n }\n\n if (popChild.length <= 1) {\n // 如果只有一个,直接返回\n return children\n }\n\n const batchOperation = getText('batchOperation', getLanguage())\n\n return (\n <>\n {thisChild}\n\n {/* <Action data={popChild} {...other} /> */}\n <Dropdown overlay={createMenu(popChild)} overlayClassName=\"tnt-action-dropdown\">\n <Button className=\"tnt-action-dropdown-btn\">\n {batchOperation} <Icon type=\"down\" />\n </Button>\n </Dropdown>\n </>\n )\n}\n"]}
|
|
@@ -58,4 +58,39 @@
|
|
|
58
58
|
}
|
|
59
59
|
}
|
|
60
60
|
}
|
|
61
|
+
&-dropdown {
|
|
62
|
+
&-btn {
|
|
63
|
+
margin-left: 8px !important;
|
|
64
|
+
border-radius: @border-radius-base !important;
|
|
65
|
+
}
|
|
66
|
+
.ant-dropdown-menu-item {
|
|
67
|
+
.ant-btn {
|
|
68
|
+
display: inline;
|
|
69
|
+
padding: 0;
|
|
70
|
+
height: auto;
|
|
71
|
+
border: none;
|
|
72
|
+
background-color: transparent;
|
|
73
|
+
color: inherit;
|
|
74
|
+
&:hover,
|
|
75
|
+
&:active {
|
|
76
|
+
color: inherit;
|
|
77
|
+
}
|
|
78
|
+
&[disabled] {
|
|
79
|
+
color: @disabled-color;
|
|
80
|
+
&:hover,
|
|
81
|
+
&:active {
|
|
82
|
+
color: @disabled-color;
|
|
83
|
+
}
|
|
84
|
+
}
|
|
85
|
+
}
|
|
86
|
+
}
|
|
87
|
+
}
|
|
88
|
+
}
|
|
89
|
+
|
|
90
|
+
// 全局设置
|
|
91
|
+
.ant-btn-group:has(.tnt-action-dropdown-btn) {
|
|
92
|
+
& > .ant-btn:nth-last-child(2) {
|
|
93
|
+
border-top-right-radius: @border-radius-base;
|
|
94
|
+
border-bottom-right-radius: @border-radius-base;
|
|
95
|
+
}
|
|
61
96
|
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"simple-template.d.ts","sourceRoot":"","sources":["../../src/utils/simple-template.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,wBAAgB,cAAc,CAAC,QAAQ,CAAC,EAAE,MAAM,EAAE,IAAI,GAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAM,sBAE3F"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.simpleTemplate = simpleTemplate;
|
|
7
|
+
/**
|
|
8
|
+
* 简单的模板替换
|
|
9
|
+
*
|
|
10
|
+
* @param template
|
|
11
|
+
* @param data
|
|
12
|
+
* @returns
|
|
13
|
+
*/
|
|
14
|
+
function simpleTemplate(template) {
|
|
15
|
+
var data = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
|
|
16
|
+
return template === null || template === void 0 ? void 0 : template.replace(/\${(.*?)}/g, function (match, key) {
|
|
17
|
+
return data[key.trim()].toString();
|
|
18
|
+
});
|
|
19
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"simple-template.js","sourceRoot":"","sources":["../../src/utils/simple-template.ts"],"names":[],"mappings":";;;AAAA;;;;;;GAMG;AACH,SAAgB,cAAc,CAAC,QAAiB,EAAE,OAAwC,EAAE;IAC1F,OAAO,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,OAAO,CAAC,YAAY,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAA;AACrF,CAAC;AAFD,wCAEC","sourcesContent":["/**\n * 简单的模板替换\n *\n * @param template\n * @param data\n * @returns\n */\nexport function simpleTemplate(template?: string, data: Record<string, string | number> = {}) {\n return template?.replace(/\\${(.*?)}/g, (match, key) => data[key.trim()].toString())\n}\n"]}
|
package/package.json
CHANGED
|
@@ -1,116 +1,117 @@
|
|
|
1
1
|
{
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
2
|
+
"name": "tntd",
|
|
3
|
+
"version": "3.0.73",
|
|
4
|
+
"license": "MIT",
|
|
5
|
+
"dependencies": {
|
|
6
|
+
"@dnd-kit/core": "~6.1.0",
|
|
7
|
+
"@dnd-kit/modifiers": "~7.0.0",
|
|
8
|
+
"@dnd-kit/sortable": "~8.0.0",
|
|
9
|
+
"@dnd-kit/utilities": "~3.2.2",
|
|
10
|
+
"@icon-park/react": "^1.3.5",
|
|
11
|
+
"@stellaris/hooks": "~0.4.6",
|
|
12
|
+
"classnames": "^2.2.6",
|
|
13
|
+
"@tntx/logo-icon": "~1.0.4",
|
|
14
|
+
"delete-all-cookies": "~0.3.0",
|
|
15
|
+
"styled-components": "^5.3.0",
|
|
16
|
+
"rc-util": "^5.25.2",
|
|
17
|
+
"rc-motion": "^2.6.1",
|
|
18
|
+
"array-tree-filter": "^2.1.0",
|
|
19
|
+
"rc-select": "~14.2.0",
|
|
20
|
+
"rc-tree": "~5.7.0",
|
|
21
|
+
"rc-overflow": "^1.0.0",
|
|
22
|
+
"rc-trigger": "^5.0.4",
|
|
23
|
+
"rc-notification": "~3.3.1",
|
|
24
|
+
"rc-virtual-list": "~3.16.1",
|
|
25
|
+
"rc-align": "^4.0.0",
|
|
26
|
+
"react-color": "^2.17.2",
|
|
27
|
+
"lodash": "~4.17.21",
|
|
28
|
+
"color-alpha": "~1.1.3",
|
|
29
|
+
"rc-segmented": "~2.2.2",
|
|
30
|
+
"rc-field-form": "~1.34.0",
|
|
31
|
+
"scroll-into-view-if-needed": "^2.2.25",
|
|
32
|
+
"@tntd/icons": "^1.0.10",
|
|
33
|
+
"@ant-design/colors": "^3.1.0",
|
|
34
|
+
"rc-resize-observer": "~1.4.0",
|
|
35
|
+
"react-resizable": "~3.0.4",
|
|
36
|
+
"@types/react-resizable": "~3.0.8"
|
|
37
|
+
},
|
|
38
|
+
"devDependencies": {
|
|
39
|
+
"@react-types/shared": "^3.10.1",
|
|
40
|
+
"@types/react": "~16.14.23",
|
|
41
|
+
"@types/react-dom": "~16.9.14",
|
|
42
|
+
"@types/styled-components": "~5.1.26",
|
|
43
|
+
"@rushstack/eslint-config": "~2.5.1",
|
|
44
|
+
"@rushstack/heft": "~0.44.2",
|
|
45
|
+
"@rushstack/heft-storybook-plugin": "~0.1.91",
|
|
46
|
+
"@types/jest": "~28.1.6",
|
|
47
|
+
"@tntd/heft-rig": "0.1.0",
|
|
48
|
+
"@tntd/storybook-react-storykit": "0.0.0",
|
|
49
|
+
"antd": "^3.26.19",
|
|
50
|
+
"react": "~16.14.0",
|
|
51
|
+
"react-dom": "~16.14.0",
|
|
52
|
+
"jest": "~28.1.0",
|
|
53
|
+
"eslint-plugin-react-hooks": "~4.3.0",
|
|
54
|
+
"eslint": "~8.11.0",
|
|
55
|
+
"eslint-plugin-import": "~2.25.4",
|
|
56
|
+
"typescript": "~4.6.2",
|
|
57
|
+
"@types/lodash-es": "~4.17.6",
|
|
58
|
+
"@types/lodash": "~4.14.191",
|
|
59
|
+
"babel-plugin-lodash": "~3.3.4",
|
|
60
|
+
"@babel/cli": "~7.21.0",
|
|
61
|
+
"@babel/core": "~7.21.0",
|
|
62
|
+
"@babel/preset-env": "~7.20.2",
|
|
63
|
+
"moment": "~2.29.4"
|
|
64
|
+
},
|
|
65
|
+
"peerDependencies": {
|
|
66
|
+
"antd": "^3.0.0 || ^4.0.0",
|
|
67
|
+
"react": "^16.0.0 || ^17.0.0",
|
|
68
|
+
"react-dom": "^16.0.0 || ^17.0.0"
|
|
69
|
+
},
|
|
70
|
+
"svgr": {
|
|
71
|
+
"typescript": true,
|
|
72
|
+
"memo": true,
|
|
73
|
+
"dimensions": false,
|
|
74
|
+
"filenameCase": "kebab",
|
|
75
|
+
"replaceAttrValues": {
|
|
76
|
+
"#126bfb": "currentColor"
|
|
16
77
|
},
|
|
17
|
-
"
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
"
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
"@rushstack/heft-storybook-plugin": "~0.1.91",
|
|
58
|
-
"@types/jest": "~28.1.6",
|
|
59
|
-
"@tntd/heft-rig": "workspace:*",
|
|
60
|
-
"@tntd/storybook-react-storykit": "workspace:*",
|
|
61
|
-
"antd": "^3.26.19",
|
|
62
|
-
"react": "~16.14.0",
|
|
63
|
-
"react-dom": "~16.14.0",
|
|
64
|
-
"jest": "~28.1.0",
|
|
65
|
-
"eslint-plugin-react-hooks": "~4.3.0",
|
|
66
|
-
"eslint": "~8.11.0",
|
|
67
|
-
"eslint-plugin-import": "~2.25.4",
|
|
68
|
-
"typescript": "~4.6.2",
|
|
69
|
-
"@types/lodash-es": "~4.17.6",
|
|
70
|
-
"@types/lodash": "~4.14.191",
|
|
71
|
-
"babel-plugin-lodash": "~3.3.4",
|
|
72
|
-
"@babel/cli": "~7.21.0",
|
|
73
|
-
"@babel/core": "~7.21.0",
|
|
74
|
-
"@babel/preset-env": "~7.20.2",
|
|
75
|
-
"moment": "~2.29.4"
|
|
76
|
-
},
|
|
77
|
-
"peerDependencies": {
|
|
78
|
-
"antd": "^3.0.0 || ^4.0.0",
|
|
79
|
-
"react": "^16.0.0 || ^17.0.0",
|
|
80
|
-
"react-dom": "^16.0.0 || ^17.0.0"
|
|
81
|
-
},
|
|
82
|
-
"svgr": {
|
|
83
|
-
"typescript": true,
|
|
84
|
-
"memo": true,
|
|
85
|
-
"dimensions": false,
|
|
86
|
-
"filenameCase": "kebab",
|
|
87
|
-
"replaceAttrValues": {
|
|
88
|
-
"#126bfb": "currentColor"
|
|
89
|
-
},
|
|
90
|
-
"ref": true
|
|
91
|
-
},
|
|
92
|
-
"repository": {
|
|
93
|
-
"type": "git",
|
|
94
|
-
"url": "git@gitlab.tongdun.cn:app/tntd.git"
|
|
95
|
-
},
|
|
96
|
-
"keywords": [
|
|
97
|
-
"react",
|
|
98
|
-
"component",
|
|
99
|
-
"components",
|
|
100
|
-
"framework",
|
|
101
|
-
"frontend",
|
|
102
|
-
"react-component",
|
|
103
|
-
"react-ui",
|
|
104
|
-
"tntd"
|
|
105
|
-
],
|
|
106
|
-
"files": [
|
|
107
|
-
"lib",
|
|
108
|
-
"es",
|
|
109
|
-
"themes",
|
|
110
|
-
"LICENSE",
|
|
111
|
-
"README.md"
|
|
112
|
-
],
|
|
113
|
-
"main": "lib/index.js",
|
|
114
|
-
"module": "es/index.js",
|
|
115
|
-
"typings": "lib/index.d.ts"
|
|
116
|
-
}
|
|
78
|
+
"ref": true
|
|
79
|
+
},
|
|
80
|
+
"repository": {
|
|
81
|
+
"type": "git",
|
|
82
|
+
"url": "git@gitlab.tongdun.cn:app/tntd.git"
|
|
83
|
+
},
|
|
84
|
+
"keywords": [
|
|
85
|
+
"react",
|
|
86
|
+
"component",
|
|
87
|
+
"components",
|
|
88
|
+
"framework",
|
|
89
|
+
"frontend",
|
|
90
|
+
"react-component",
|
|
91
|
+
"react-ui",
|
|
92
|
+
"tntd"
|
|
93
|
+
],
|
|
94
|
+
"files": [
|
|
95
|
+
"lib",
|
|
96
|
+
"es",
|
|
97
|
+
"themes",
|
|
98
|
+
"LICENSE",
|
|
99
|
+
"README.md"
|
|
100
|
+
],
|
|
101
|
+
"main": "lib/index.js",
|
|
102
|
+
"module": "es/index.js",
|
|
103
|
+
"typings": "lib/index.d.ts",
|
|
104
|
+
"scripts": {
|
|
105
|
+
"start": "heft start --storybook",
|
|
106
|
+
"build": "heft build --clean && npm run build:es && npm run build:cjs && npm run post:build",
|
|
107
|
+
"build:es": "ES_MODULE=true babel es --presets @babel/preset-env --out-dir es",
|
|
108
|
+
"build:cjs": "babel es --presets @babel/preset-env --out-dir lib",
|
|
109
|
+
"post:build": "node ./scripts/postbuild.js",
|
|
110
|
+
"build:watch": "heft build --clean --watch",
|
|
111
|
+
"watch": "rush build:watch --changed-projects-only --to-except tntd",
|
|
112
|
+
"svgr": "npx svgr ./svg --out-dir ./src/svg-components",
|
|
113
|
+
"test": "heft test",
|
|
114
|
+
"test:watch": "heft test --watch --clean"
|
|
115
|
+
},
|
|
116
|
+
"readme": "# 组件介绍\ntntd是基于 TNT Design 设计体系的 React UI 组件库,主要用于研发企业级中后台产品。\n\n\n## 如何从 `tntd v1.0` 迁移到 `tntd v2.0` \n\n### 安装 `tntd` 最新版本\n\n```\nnpm install tntd\n```\n\n### 更改配置\n\n1. 添加 .babelrc 中的 import 插件配置,实现按需引入\n\n```diff title=\".babelrc\"\n+ [\n+ \"import\",\n+ {\n+ \"libraryName\": \"tntd\",\n+ libraryDirectory: 'es',\n+ },\n+ \"tntd\"\n+ ],\n```\n\n2. 更改 webpack.config.js 中的主题配置\n\n```diff title=\"webpack.config.js\"\n{\n loader: \"less-loader\",\n options: {\n javascriptEnabled: true,\n ...\n modifyVars: {\n- hack: \"true; @import \\\"~@tntd/antd-cover/tnt.less\\\";\"\n+ hack: \"true; @import \\\"~tntd/themes/default/variables.less\\\";\"\n }\n }\n}\n```\n\n3. 修改导入名称\n\nLayout, Icon, Select 等 tntd 1.0 组件和 antd 组件名称存在冲突,请按下方例子进行重命名:\n\n```diff\n- import { Layout, Icon, Select } from 'tntd'\n+ import { TntdLayout, TntdIcon, TntdSelect } from 'tntd'\n```\n\n4. 更改配置\n\n```jsx\n// 使用全新的空状态插画\nimport { renderEmpty } from 'tntd'\n// 使用内置语言包替换 antd\n// 英文语言包\nconst enUS = import 'tntd/es/locale/en_US'\n// 中文语言包\nconst zhCN = import 'tntd/es/locale/zh_CN'\n\nexport const App = () => {\n return (\n // 使用空状态插画及语言包\n <ConfigProvider locale={zhCN} renderEmpty={renderEmpty}>\n ...\n </ConfigProvider>\n )\n}\n```\n"
|
|
117
|
+
}
|
|
@@ -160,6 +160,14 @@
|
|
|
160
160
|
|
|
161
161
|
@btn-tertiary-bg: #f8f9fb;
|
|
162
162
|
|
|
163
|
+
@btn-ai-bg: linear-gradient(128deg, #bf5fff 6.08%, #2e69ff 96.35%);
|
|
164
|
+
@btn-disable-bg-ai: linear-gradient(
|
|
165
|
+
0deg,
|
|
166
|
+
rgba(255, 255, 255, 0.7) 0%,
|
|
167
|
+
rgba(255, 255, 255, 0.7) 100%
|
|
168
|
+
),
|
|
169
|
+
linear-gradient(128deg, #bf5fff 6.08%, #2e69ff 96.35%);
|
|
170
|
+
|
|
163
171
|
@btn-danger-color: #fff;
|
|
164
172
|
@btn-danger-bg: @red-6;
|
|
165
173
|
@btn-danger-border: @red-6;
|
|
@@ -161,6 +161,14 @@
|
|
|
161
161
|
|
|
162
162
|
@btn-tertiary-bg: #f8f9fb;
|
|
163
163
|
|
|
164
|
+
@btn-ai-bg: linear-gradient(128deg, #bf5fff 6.08%, #2e69ff 96.35%);
|
|
165
|
+
@btn-disable-bg-ai: linear-gradient(
|
|
166
|
+
0deg,
|
|
167
|
+
rgba(255, 255, 255, 0.7) 0%,
|
|
168
|
+
rgba(255, 255, 255, 0.7) 100%
|
|
169
|
+
),
|
|
170
|
+
linear-gradient(128deg, #bf5fff 6.08%, #2e69ff 96.35%);
|
|
171
|
+
|
|
164
172
|
@btn-danger-color: #fff;
|
|
165
173
|
@btn-danger-bg: @red-6;
|
|
166
174
|
@btn-danger-border: @red-6;
|
|
@@ -686,6 +694,7 @@
|
|
|
686
694
|
|
|
687
695
|
// 新增less变量
|
|
688
696
|
@text-color-tertiary: var(--text-color-tertiary);
|
|
697
|
+
@text-color-tertiary: var(--text-color-tertiary);
|
|
689
698
|
@border-color: var(--border-color);
|
|
690
699
|
@border-color-secondary: var(--border-color-secondary);
|
|
691
700
|
@fill-color: var(--fill-color);
|