tntd 2.8.18 → 2.8.19
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/tntd-virtual-tree/index.less +2 -2
- package/es/tntd-virtual-tree-select/index.js +4 -2
- package/es/tntd-virtual-tree-select/index.js.map +1 -1
- package/lib/tntd-virtual-tree/index.less +2 -2
- package/lib/tntd-virtual-tree-select/index.d.ts +2 -1
- package/lib/tntd-virtual-tree-select/index.d.ts.map +1 -1
- package/lib/tntd-virtual-tree-select/index.js +6 -3
- package/lib/tntd-virtual-tree-select/index.js.map +1 -1
- package/package.json +1 -1
- package/es/alert/alert.less +0 -128
- package/es/cascader/cascader.less +0 -16
- package/es/checkbox/check.png +0 -0
- package/es/checkbox/checkbox.less +0 -69
- package/es/date-picker/index.less +0 -294
- package/es/input-number/inputNumber.less +0 -12
- package/es/modal/index.less +0 -36
- package/es/popconfirm/index.less +0 -32
- package/es/popover/index.less +0 -57
- package/es/progress/progress.less +0 -82
- package/es/query-form-backup/Field/Composition/FieldPopover.less +0 -35
- package/es/query-form-backup/Field/Composition/index.less +0 -114
- package/es/query-form-backup/index.less +0 -90
- package/es/radio/radio.less +0 -43
- package/es/spin/spin.less +0 -9
- package/es/steps/assets/background_left.svg +0 -12
- package/es/steps/assets/background_right.svg +0 -12
- package/es/steps/assets/horizontal_line.svg +0 -3
- package/es/steps/assets/vertical_line.svg +0 -3
- package/es/steps/stepStyle/icon.less +0 -51
- package/es/steps/stepStyle/progress-dot.less +0 -10
- package/es/steps/stepStyle/variables.less +0 -8
- package/es/steps/stepStyle/vertical.less +0 -41
- package/es/switch/index.less +0 -45
- package/es/tabs/tabs.less +0 -125
- package/es/time-picker/index.less +0 -38
- package/es/tntd-action/index.less +0 -59
- package/es/tntd-select/index.less +0 -7
- package/lib/alert/alert.less +0 -128
- package/lib/cascader/cascader.less +0 -16
- package/lib/checkbox/check.png +0 -0
- package/lib/checkbox/checkbox.less +0 -69
- package/lib/date-picker/index.less +0 -294
- package/lib/input-number/inputNumber.less +0 -12
- package/lib/modal/index.less +0 -36
- package/lib/popconfirm/index.less +0 -32
- package/lib/popover/index.less +0 -57
- package/lib/progress/progress.less +0 -82
- package/lib/query-form-backup/Field/Composition/FieldPopover.less +0 -35
- package/lib/query-form-backup/Field/Composition/index.less +0 -114
- package/lib/query-form-backup/index.less +0 -90
- package/lib/radio/radio.less +0 -43
- package/lib/spin/spin.less +0 -9
- package/lib/steps/assets/background_left.svg +0 -12
- package/lib/steps/assets/background_right.svg +0 -12
- package/lib/steps/assets/horizontal_line.svg +0 -3
- package/lib/steps/assets/vertical_line.svg +0 -3
- package/lib/steps/stepStyle/icon.less +0 -51
- package/lib/steps/stepStyle/progress-dot.less +0 -10
- package/lib/steps/stepStyle/variables.less +0 -8
- package/lib/steps/stepStyle/vertical.less +0 -41
- package/lib/switch/index.less +0 -45
- package/lib/tabs/tabs.less +0 -125
- package/lib/time-picker/index.less +0 -38
- package/lib/tntd-action/index.less +0 -59
- package/lib/tntd-select/index.less +0 -7
|
@@ -70,9 +70,9 @@
|
|
|
70
70
|
.org-functional-departemt-marker{
|
|
71
71
|
border-radius: 2px;
|
|
72
72
|
background: #F4F3FF;
|
|
73
|
-
line-height:
|
|
73
|
+
line-height: 21px;
|
|
74
74
|
text-align: center;
|
|
75
|
-
padding:
|
|
75
|
+
padding: 0px 8px;
|
|
76
76
|
color: #6E54D4;
|
|
77
77
|
margin-left: 8px;
|
|
78
78
|
display: inline-block;
|
|
@@ -11,7 +11,7 @@ var __rest = this && this.__rest || function (s, e) {
|
|
|
11
11
|
* @Author: 郑泳健
|
|
12
12
|
* @Date: 2024-08-05 10:50:17
|
|
13
13
|
* @LastEditors: 郑泳健
|
|
14
|
-
* @LastEditTime: 2024-10-
|
|
14
|
+
* @LastEditTime: 2024-10-28 16:09:09
|
|
15
15
|
*/
|
|
16
16
|
import React, { useState, useRef, useMemo } from 'react';
|
|
17
17
|
import RcSelect from '../tntd-rc-select';
|
|
@@ -20,6 +20,7 @@ import { filterLastestNode, flatWithParents, getLableByValue, flatTreeData } fro
|
|
|
20
20
|
import './index.less';
|
|
21
21
|
const TntdVirtualTreeSelect = _a => {
|
|
22
22
|
var {
|
|
23
|
+
itemHeight = 32,
|
|
23
24
|
isOrg = false,
|
|
24
25
|
showPrefixIcon = false,
|
|
25
26
|
dropdownClassName,
|
|
@@ -39,7 +40,7 @@ const TntdVirtualTreeSelect = _a => {
|
|
|
39
40
|
onTreeExpand,
|
|
40
41
|
treeTitleRender
|
|
41
42
|
} = _a,
|
|
42
|
-
restProps = __rest(_a, ["isOrg", "showPrefixIcon", "dropdownClassName", "value", "onChange", "treeData", "showSearch", "fieldNames", "dropdownMatchSelectWidth", "dropdownStyle", "showCheckedStrategy", "treeCheckable", "treeCheckStrictly", "treeDefaultExpandAll", "treeExpandedKeys", "onTreeCheck", "onTreeExpand", "treeTitleRender"]);
|
|
43
|
+
restProps = __rest(_a, ["itemHeight", "isOrg", "showPrefixIcon", "dropdownClassName", "value", "onChange", "treeData", "showSearch", "fieldNames", "dropdownMatchSelectWidth", "dropdownStyle", "showCheckedStrategy", "treeCheckable", "treeCheckStrictly", "treeDefaultExpandAll", "treeExpandedKeys", "onTreeCheck", "onTreeExpand", "treeTitleRender"]);
|
|
43
44
|
const selectRef = useRef(null);
|
|
44
45
|
const [filterKey, setFilterKey] = useState(undefined);
|
|
45
46
|
const mergeDropdownStyle = useMemo(() => {
|
|
@@ -118,6 +119,7 @@ const TntdVirtualTreeSelect = _a => {
|
|
|
118
119
|
}, mergeDropdownStyle),
|
|
119
120
|
dropdownRender: () => {
|
|
120
121
|
let obj = {
|
|
122
|
+
itemHeight,
|
|
121
123
|
isOrg,
|
|
122
124
|
showPrefixIcon,
|
|
123
125
|
height: (restProps === null || restProps === void 0 ? void 0 : restProps.height) || 300,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/tntd-virtual-tree-select/index.jsx"],"names":[],"mappings":";;;;;;;;;;;AAAA;;;;;;GAMG;AACH,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,QAAQ,MAAM,mBAAmB,CAAC;AACzC,OAAO,eAAe,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAC9F,OAAO,cAAc,CAAC;AAEtB,MAAM,qBAAqB,GAAG,CAAC,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/tntd-virtual-tree-select/index.jsx"],"names":[],"mappings":"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","sourcesContent":["/*\n * @Descripttion: 用select包裹虚拟树\n * @Author: 郑泳健\n * @Date: 2024-08-05 10:50:17\n * @LastEditors: 郑泳健\n * @LastEditTime: 2024-10-28 16:09:09\n */\nimport React, { useState, useRef, useMemo } from 'react';\nimport RcSelect from '../tntd-rc-select';\nimport TntdVirtualTree from '../tntd-virtual-tree';\nimport { filterLastestNode, flatWithParents, getLableByValue, flatTreeData } from './utils.js'\nimport './index.less';\n\nconst TntdVirtualTreeSelect = ({\n itemHeight = 32,\n isOrg = false,\n showPrefixIcon= false,\n dropdownClassName,\n value,\n onChange,\n treeData,\n showSearch,\n fieldNames,\n dropdownMatchSelectWidth,\n dropdownStyle,\n showCheckedStrategy,\n treeCheckable,\n treeCheckStrictly,\n treeDefaultExpandAll,\n treeExpandedKeys,\n onTreeCheck,\n onTreeExpand,\n treeTitleRender,\n ...restProps\n}) => {\n const selectRef = useRef(null);\n const [filterKey, setFilterKey] = useState(undefined);\n\n const mergeDropdownStyle = useMemo(() => {\n return Array.isArray(treeData) && treeData.length ? dropdownStyle : {};\n }, [dropdownStyle, treeData]);\n\n const mergeDropdownMatchSelectWidth = useMemo(() => {\n return Array.isArray(treeData) && treeData.length ? dropdownMatchSelectWidth : true;\n }, [dropdownMatchSelectWidth, treeData]);\n\n const treeNodeWithParents = useMemo(() => {\n return flatWithParents(treeData, fieldNames)\n }, [treeData, fieldNames])\n\n const treeList = useMemo(() => {\n return flatTreeData(treeData, fieldNames)\n }, [treeData, fieldNames])\n\n\n const selectValue = useMemo(() => {\n if(!treeCheckable) {\n return getLableByValue(treeList, value)\n }\n\n if(Array.isArray(value)) {\n if(showCheckedStrategy === TntdVirtualTreeSelect.SHOW_ALL) {\n return value.map(i => getLableByValue(treeList, i))\n }\n // 过滤掉有子节点,\n const filterList = value.filter(i => {\n return filterLastestNode(treeNodeWithParents, i, value)\n })\n return filterList.map(i => getLableByValue(treeList, i))\n }\n return undefined\n\n }, [treeCheckable, treeNodeWithParents, value, showCheckedStrategy, treeList])\n\n const mergeMode = useMemo(() => {\n if(treeCheckable) {\n return {\n multiple: true,\n mode: 'tags'\n }\n }\n return {}\n }, [treeCheckable])\n\n const handleRender = ({ showSearch, ...rest }) => {\n return (\n <div className=\"virtual-tree-options\">\n <TntdVirtualTree {...rest} />\n </div>\n );\n };\n\n const handleChange = (val) => {\n onChange(val);\n };\n\n const handleSearch = (val) => {\n setFilterKey(val);\n };\n\n const handleSelect = (val) => {\n const item = Array.isArray(treeList) ? treeList.find(i => i.value === val) : {}\n onChange?.(val, item);\n if (selectRef.current) {\n // 主动触发下拉框消失\n selectRef.current?.blur();\n }\n };\n\n return (\n <RcSelect\n ref={selectRef}\n value={selectValue}\n onChange={handleChange}\n showSearch={showSearch}\n onSearch={handleSearch}\n {...mergeMode}\n {...restProps}\n dropdownClassName={`${dropdownClassName} tntd-virtual-tree-select-dropdown`}\n dropdownMatchSelectWidth={mergeDropdownMatchSelectWidth}\n dropdownStyle={{ maxHeight: '100vh', overflow: 'auto', ...mergeDropdownStyle }}\n dropdownRender={() => {\n let obj = {\n itemHeight,\n isOrg,\n showPrefixIcon,\n height: restProps?.height || 300,\n treeData,\n filterKey,\n defaultExpandAll: treeDefaultExpandAll,\n expandedKeys: treeExpandedKeys,\n fieldNames,\n onExpand: onTreeExpand,\n titleRender: treeTitleRender,\n onSelect: handleSelect\n };\n if (treeCheckable) {\n obj = { ...obj, checkedKeys: value, checkStrictly: treeCheckStrictly, checkable: treeCheckable, onCheck: onTreeCheck };\n } else {\n obj = { ...obj, value };\n }\n return handleRender(obj);\n }}\n />\n );\n};\n\nTntdVirtualTreeSelect.SHOW_CHILD = 'SHOW_CHILD'\nTntdVirtualTreeSelect.SHOW_ALL = 'SHOW_ALL'\n\nexport default TntdVirtualTreeSelect;\n"]}
|
|
@@ -70,9 +70,9 @@
|
|
|
70
70
|
.org-functional-departemt-marker{
|
|
71
71
|
border-radius: 2px;
|
|
72
72
|
background: #F4F3FF;
|
|
73
|
-
line-height:
|
|
73
|
+
line-height: 21px;
|
|
74
74
|
text-align: center;
|
|
75
|
-
padding:
|
|
75
|
+
padding: 0px 8px;
|
|
76
76
|
color: #6E54D4;
|
|
77
77
|
margin-left: 8px;
|
|
78
78
|
display: inline-block;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
export default TntdVirtualTreeSelect;
|
|
2
|
-
declare function TntdVirtualTreeSelect({ isOrg, showPrefixIcon, dropdownClassName, value, onChange, treeData, showSearch, fieldNames, dropdownMatchSelectWidth, dropdownStyle, showCheckedStrategy, treeCheckable, treeCheckStrictly, treeDefaultExpandAll, treeExpandedKeys, onTreeCheck, onTreeExpand, treeTitleRender, ...restProps }: {
|
|
2
|
+
declare function TntdVirtualTreeSelect({ itemHeight, isOrg, showPrefixIcon, dropdownClassName, value, onChange, treeData, showSearch, fieldNames, dropdownMatchSelectWidth, dropdownStyle, showCheckedStrategy, treeCheckable, treeCheckStrictly, treeDefaultExpandAll, treeExpandedKeys, onTreeCheck, onTreeExpand, treeTitleRender, ...restProps }: {
|
|
3
3
|
[x: string]: any;
|
|
4
|
+
itemHeight?: number | undefined;
|
|
4
5
|
isOrg?: boolean | undefined;
|
|
5
6
|
showPrefixIcon?: boolean | undefined;
|
|
6
7
|
dropdownClassName: any;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/tntd-virtual-tree-select/index.jsx"],"names":[],"mappings":";AAaA
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/tntd-virtual-tree-select/index.jsx"],"names":[],"mappings":";AAaA;;;;;;;;;;;;;;;;;;;;;sBAoIC"}
|
|
@@ -32,11 +32,13 @@ var __rest = void 0 && (void 0).__rest || function (s, e) {
|
|
|
32
32
|
* @Author: 郑泳健
|
|
33
33
|
* @Date: 2024-08-05 10:50:17
|
|
34
34
|
* @LastEditors: 郑泳健
|
|
35
|
-
* @LastEditTime: 2024-10-
|
|
35
|
+
* @LastEditTime: 2024-10-28 16:09:09
|
|
36
36
|
*/
|
|
37
37
|
|
|
38
38
|
var _TntdVirtualTreeSelect = function TntdVirtualTreeSelect(_a) {
|
|
39
|
-
var _a$
|
|
39
|
+
var _a$itemHeight = _a.itemHeight,
|
|
40
|
+
itemHeight = _a$itemHeight === void 0 ? 32 : _a$itemHeight,
|
|
41
|
+
_a$isOrg = _a.isOrg,
|
|
40
42
|
isOrg = _a$isOrg === void 0 ? false : _a$isOrg,
|
|
41
43
|
_a$showPrefixIcon = _a.showPrefixIcon,
|
|
42
44
|
showPrefixIcon = _a$showPrefixIcon === void 0 ? false : _a$showPrefixIcon,
|
|
@@ -56,7 +58,7 @@ var _TntdVirtualTreeSelect = function TntdVirtualTreeSelect(_a) {
|
|
|
56
58
|
onTreeCheck = _a.onTreeCheck,
|
|
57
59
|
onTreeExpand = _a.onTreeExpand,
|
|
58
60
|
treeTitleRender = _a.treeTitleRender,
|
|
59
|
-
restProps = __rest(_a, ["isOrg", "showPrefixIcon", "dropdownClassName", "value", "onChange", "treeData", "showSearch", "fieldNames", "dropdownMatchSelectWidth", "dropdownStyle", "showCheckedStrategy", "treeCheckable", "treeCheckStrictly", "treeDefaultExpandAll", "treeExpandedKeys", "onTreeCheck", "onTreeExpand", "treeTitleRender"]);
|
|
61
|
+
restProps = __rest(_a, ["itemHeight", "isOrg", "showPrefixIcon", "dropdownClassName", "value", "onChange", "treeData", "showSearch", "fieldNames", "dropdownMatchSelectWidth", "dropdownStyle", "showCheckedStrategy", "treeCheckable", "treeCheckStrictly", "treeDefaultExpandAll", "treeExpandedKeys", "onTreeCheck", "onTreeExpand", "treeTitleRender"]);
|
|
60
62
|
var selectRef = (0, _react.useRef)(null);
|
|
61
63
|
var _useState = (0, _react.useState)(undefined),
|
|
62
64
|
_useState2 = _slicedToArray(_useState, 2),
|
|
@@ -142,6 +144,7 @@ var _TntdVirtualTreeSelect = function TntdVirtualTreeSelect(_a) {
|
|
|
142
144
|
}, mergeDropdownStyle),
|
|
143
145
|
dropdownRender: function dropdownRender() {
|
|
144
146
|
var obj = {
|
|
147
|
+
itemHeight: itemHeight,
|
|
145
148
|
isOrg: isOrg,
|
|
146
149
|
showPrefixIcon: showPrefixIcon,
|
|
147
150
|
height: (restProps === null || restProps === void 0 ? void 0 : restProps.height) || 300,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/tntd-virtual-tree-select/index.jsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;GAMG;AACH,+CAAyD;AACzD,uEAAyC;AACzC,6EAAmD;AACnD,yCAA8F;AAC9F,wBAAsB;AAEtB,MAAM,qBAAqB,GAAG,CAAC,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/tntd-virtual-tree-select/index.jsx"],"names":[],"mappings":"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","sourcesContent":["/*\n * @Descripttion: 用select包裹虚拟树\n * @Author: 郑泳健\n * @Date: 2024-08-05 10:50:17\n * @LastEditors: 郑泳健\n * @LastEditTime: 2024-10-28 16:09:09\n */\nimport React, { useState, useRef, useMemo } from 'react';\nimport RcSelect from '../tntd-rc-select';\nimport TntdVirtualTree from '../tntd-virtual-tree';\nimport { filterLastestNode, flatWithParents, getLableByValue, flatTreeData } from './utils.js'\nimport './index.less';\n\nconst TntdVirtualTreeSelect = ({\n itemHeight = 32,\n isOrg = false,\n showPrefixIcon= false,\n dropdownClassName,\n value,\n onChange,\n treeData,\n showSearch,\n fieldNames,\n dropdownMatchSelectWidth,\n dropdownStyle,\n showCheckedStrategy,\n treeCheckable,\n treeCheckStrictly,\n treeDefaultExpandAll,\n treeExpandedKeys,\n onTreeCheck,\n onTreeExpand,\n treeTitleRender,\n ...restProps\n}) => {\n const selectRef = useRef(null);\n const [filterKey, setFilterKey] = useState(undefined);\n\n const mergeDropdownStyle = useMemo(() => {\n return Array.isArray(treeData) && treeData.length ? dropdownStyle : {};\n }, [dropdownStyle, treeData]);\n\n const mergeDropdownMatchSelectWidth = useMemo(() => {\n return Array.isArray(treeData) && treeData.length ? dropdownMatchSelectWidth : true;\n }, [dropdownMatchSelectWidth, treeData]);\n\n const treeNodeWithParents = useMemo(() => {\n return flatWithParents(treeData, fieldNames)\n }, [treeData, fieldNames])\n\n const treeList = useMemo(() => {\n return flatTreeData(treeData, fieldNames)\n }, [treeData, fieldNames])\n\n\n const selectValue = useMemo(() => {\n if(!treeCheckable) {\n return getLableByValue(treeList, value)\n }\n\n if(Array.isArray(value)) {\n if(showCheckedStrategy === TntdVirtualTreeSelect.SHOW_ALL) {\n return value.map(i => getLableByValue(treeList, i))\n }\n // 过滤掉有子节点,\n const filterList = value.filter(i => {\n return filterLastestNode(treeNodeWithParents, i, value)\n })\n return filterList.map(i => getLableByValue(treeList, i))\n }\n return undefined\n\n }, [treeCheckable, treeNodeWithParents, value, showCheckedStrategy, treeList])\n\n const mergeMode = useMemo(() => {\n if(treeCheckable) {\n return {\n multiple: true,\n mode: 'tags'\n }\n }\n return {}\n }, [treeCheckable])\n\n const handleRender = ({ showSearch, ...rest }) => {\n return (\n <div className=\"virtual-tree-options\">\n <TntdVirtualTree {...rest} />\n </div>\n );\n };\n\n const handleChange = (val) => {\n onChange(val);\n };\n\n const handleSearch = (val) => {\n setFilterKey(val);\n };\n\n const handleSelect = (val) => {\n const item = Array.isArray(treeList) ? treeList.find(i => i.value === val) : {}\n onChange?.(val, item);\n if (selectRef.current) {\n // 主动触发下拉框消失\n selectRef.current?.blur();\n }\n };\n\n return (\n <RcSelect\n ref={selectRef}\n value={selectValue}\n onChange={handleChange}\n showSearch={showSearch}\n onSearch={handleSearch}\n {...mergeMode}\n {...restProps}\n dropdownClassName={`${dropdownClassName} tntd-virtual-tree-select-dropdown`}\n dropdownMatchSelectWidth={mergeDropdownMatchSelectWidth}\n dropdownStyle={{ maxHeight: '100vh', overflow: 'auto', ...mergeDropdownStyle }}\n dropdownRender={() => {\n let obj = {\n itemHeight,\n isOrg,\n showPrefixIcon,\n height: restProps?.height || 300,\n treeData,\n filterKey,\n defaultExpandAll: treeDefaultExpandAll,\n expandedKeys: treeExpandedKeys,\n fieldNames,\n onExpand: onTreeExpand,\n titleRender: treeTitleRender,\n onSelect: handleSelect\n };\n if (treeCheckable) {\n obj = { ...obj, checkedKeys: value, checkStrictly: treeCheckStrictly, checkable: treeCheckable, onCheck: onTreeCheck };\n } else {\n obj = { ...obj, value };\n }\n return handleRender(obj);\n }}\n />\n );\n};\n\nTntdVirtualTreeSelect.SHOW_CHILD = 'SHOW_CHILD'\nTntdVirtualTreeSelect.SHOW_ALL = 'SHOW_ALL'\n\nexport default TntdVirtualTreeSelect;\n"]}
|
package/package.json
CHANGED
package/es/alert/alert.less
DELETED
|
@@ -1,128 +0,0 @@
|
|
|
1
|
-
@alert-prefix-cls: ~'@{ant-prefix}-alert';
|
|
2
|
-
@alert-description-color: @text-color-secondary;
|
|
3
|
-
@tnt-alert-prefix-cls: ~'tnt-alert';
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
.@{tnt-alert-prefix-cls} {
|
|
7
|
-
|
|
8
|
-
&.@{alert-prefix-cls}.@{alert-prefix-cls}-no-icon.@{alert-prefix-cls}-closable {
|
|
9
|
-
padding-right: 30px;
|
|
10
|
-
}
|
|
11
|
-
|
|
12
|
-
&.@{tnt-alert-prefix-cls}-with-action {
|
|
13
|
-
.@{alert-prefix-cls}-message {
|
|
14
|
-
display: flex;
|
|
15
|
-
justify-content: space-between;
|
|
16
|
-
> .action-btn {
|
|
17
|
-
flex: none;
|
|
18
|
-
margin-left: 36px;
|
|
19
|
-
margin-right: 12px;
|
|
20
|
-
font-size: @font-size-base;
|
|
21
|
-
}
|
|
22
|
-
}
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
&.@{alert-prefix-cls} {
|
|
26
|
-
border-radius: @border-radius-lg;
|
|
27
|
-
padding: 8px 15px 8px 44px;
|
|
28
|
-
& .anticon {
|
|
29
|
-
left: 20px;
|
|
30
|
-
top: 11px; // 与文字对齐
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
-
.@{alert-prefix-cls}-message {
|
|
36
|
-
font-weight: 500;
|
|
37
|
-
color: @alert-description-color;
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
& .@{alert-prefix-cls}-close-icon {
|
|
41
|
-
font-size: @font-size-lg;
|
|
42
|
-
}
|
|
43
|
-
|
|
44
|
-
&.@{alert-prefix-cls}-with-description {
|
|
45
|
-
padding: 16px 20px 16px 48px;
|
|
46
|
-
}
|
|
47
|
-
|
|
48
|
-
&.@{alert-prefix-cls}.@{alert-prefix-cls}-no-icon {
|
|
49
|
-
padding: 8px 20px;
|
|
50
|
-
}
|
|
51
|
-
|
|
52
|
-
&.@{alert-prefix-cls}-with-description.@{alert-prefix-cls}-no-icon {
|
|
53
|
-
padding: 16px 20px;
|
|
54
|
-
}
|
|
55
|
-
|
|
56
|
-
&.@{alert-prefix-cls}-with-description i.@{alert-prefix-cls}-icon {
|
|
57
|
-
top: 18px;
|
|
58
|
-
font-size: @font-size-xl;
|
|
59
|
-
}
|
|
60
|
-
}
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
.@{alert-prefix-cls}-success {
|
|
64
|
-
.action-btn {
|
|
65
|
-
background-color: @alert-success-bg-color;
|
|
66
|
-
color: @green-6;
|
|
67
|
-
a {
|
|
68
|
-
color: @green-6;
|
|
69
|
-
}
|
|
70
|
-
}
|
|
71
|
-
.@{alert-prefix-cls}-close-icon {
|
|
72
|
-
.@{iconfont-css-prefix}-close {
|
|
73
|
-
color: @alert-success-icon-color;
|
|
74
|
-
}
|
|
75
|
-
}
|
|
76
|
-
}
|
|
77
|
-
|
|
78
|
-
.@{alert-prefix-cls}-info {
|
|
79
|
-
.action-btn {
|
|
80
|
-
background-color: @alert-info-bg-color;
|
|
81
|
-
color: @alert-info-icon-color;
|
|
82
|
-
a {
|
|
83
|
-
color: @alert-info-icon-color;
|
|
84
|
-
}
|
|
85
|
-
}
|
|
86
|
-
.@{alert-prefix-cls}-close-icon {
|
|
87
|
-
.@{iconfont-css-prefix}-close {
|
|
88
|
-
color: @alert-info-icon-color;
|
|
89
|
-
}
|
|
90
|
-
}
|
|
91
|
-
}
|
|
92
|
-
|
|
93
|
-
.@{alert-prefix-cls}-warning {
|
|
94
|
-
.action-btn {
|
|
95
|
-
background-color: @alert-warning-bg-color;
|
|
96
|
-
color: @gold-7;
|
|
97
|
-
a {
|
|
98
|
-
color: @gold-7;
|
|
99
|
-
}
|
|
100
|
-
}
|
|
101
|
-
.@{alert-prefix-cls}-close-icon {
|
|
102
|
-
.@{iconfont-css-prefix}-close {
|
|
103
|
-
color: @alert-warning-icon-color;
|
|
104
|
-
}
|
|
105
|
-
}
|
|
106
|
-
}
|
|
107
|
-
|
|
108
|
-
.@{alert-prefix-cls}-error {
|
|
109
|
-
.action-btn {
|
|
110
|
-
background-color: @alert-error-bg-color;
|
|
111
|
-
color: @red-6;
|
|
112
|
-
a {
|
|
113
|
-
color: @red-6;
|
|
114
|
-
}
|
|
115
|
-
}
|
|
116
|
-
.@{alert-prefix-cls}-close-icon {
|
|
117
|
-
.@{iconfont-css-prefix}-close {
|
|
118
|
-
color: @alert-error-icon-color;
|
|
119
|
-
}
|
|
120
|
-
}
|
|
121
|
-
}
|
|
122
|
-
|
|
123
|
-
.@{alert-prefix-cls} {
|
|
124
|
-
>
|
|
125
|
-
.@{alert-prefix-cls}-icon {
|
|
126
|
-
font-size: @font-size-lg;
|
|
127
|
-
}
|
|
128
|
-
}
|
|
@@ -1,16 +0,0 @@
|
|
|
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
|
-
}
|
package/es/checkbox/check.png
DELETED
|
Binary file
|
|
@@ -1,69 +0,0 @@
|
|
|
1
|
-
@checkbox-prefix-cls: ~'@{ant-prefix}-checkbox';
|
|
2
|
-
@checkbox-inner-prefix-cls: ~'@{checkbox-prefix-cls}-inner';
|
|
3
|
-
|
|
4
|
-
.tnt-checkbox,
|
|
5
|
-
.tnt-checkbox-group {
|
|
6
|
-
.@{checkbox-prefix-cls}-indeterminate {
|
|
7
|
-
.@{checkbox-inner-prefix-cls} {
|
|
8
|
-
background-color: @checkbox-color;
|
|
9
|
-
border-color: @checkbox-color;
|
|
10
|
-
}
|
|
11
|
-
.@{checkbox-inner-prefix-cls}::after {
|
|
12
|
-
@indeterminate-width: calc(@checkbox-size - 8px);
|
|
13
|
-
@indeterminate-height: 1.4px;
|
|
14
|
-
|
|
15
|
-
width: @indeterminate-width;
|
|
16
|
-
height: @indeterminate-height;
|
|
17
|
-
background-color: @component-background;
|
|
18
|
-
border-radius: 2px;
|
|
19
|
-
transition: none;
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
&.@{checkbox-prefix-cls}-disabled {
|
|
23
|
-
.@{checkbox-inner-prefix-cls} {
|
|
24
|
-
background: @checkbox-check-disabled-color;
|
|
25
|
-
border-color: @checkbox-check-disabled-color !important;
|
|
26
|
-
|
|
27
|
-
&::after {
|
|
28
|
-
background-color: #fff;
|
|
29
|
-
}
|
|
30
|
-
}
|
|
31
|
-
}
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
.@{checkbox-prefix-cls}-checked {
|
|
35
|
-
&.@{checkbox-prefix-cls}-disabled {
|
|
36
|
-
.@{checkbox-inner-prefix-cls} {
|
|
37
|
-
background: @checkbox-check-disabled-color;
|
|
38
|
-
border-color: @checkbox-check-disabled-color !important;
|
|
39
|
-
&::after {
|
|
40
|
-
border-color: #fff;
|
|
41
|
-
}
|
|
42
|
-
}
|
|
43
|
-
}
|
|
44
|
-
|
|
45
|
-
.@{checkbox-inner-prefix-cls}::after {
|
|
46
|
-
width: 16px;
|
|
47
|
-
height: 16px;
|
|
48
|
-
border-width: 0;
|
|
49
|
-
background-image: url(./check.png);
|
|
50
|
-
background-size: contain;
|
|
51
|
-
transform: translate(-25%, -50%);
|
|
52
|
-
transition: none;
|
|
53
|
-
}
|
|
54
|
-
}
|
|
55
|
-
}
|
|
56
|
-
|
|
57
|
-
.tnt-checkbox {
|
|
58
|
-
& > span:nth-of-type(2) {
|
|
59
|
-
display: inline-block;
|
|
60
|
-
}
|
|
61
|
-
&-children {
|
|
62
|
-
display: flex;
|
|
63
|
-
flex-direction: column;
|
|
64
|
-
}
|
|
65
|
-
&-desc {
|
|
66
|
-
font-size: @font-size-sm;
|
|
67
|
-
color: @bg-color-spotilight-tint-50;
|
|
68
|
-
}
|
|
69
|
-
}
|