tntd 3.0.7 → 3.0.9

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 (91) hide show
  1. package/es/array-input/index.js +96 -9
  2. package/es/array-input/index.js.map +1 -1
  3. package/es/array-input/index.less +5 -0
  4. package/es/form/style/index.less +6 -0
  5. package/es/index.js +1 -0
  6. package/es/index.js.map +1 -1
  7. package/es/input/input.js +12 -8
  8. package/es/input/input.js.map +1 -1
  9. package/es/input-number/inputNumber.js +8 -3
  10. package/es/input-number/inputNumber.js.map +1 -1
  11. package/es/modal/index.less +1 -4
  12. package/es/modal/modal.less +18 -0
  13. package/es/prev-locale.js +10 -2
  14. package/es/prev-locale.js.map +1 -1
  15. package/es/query-list-scene/index.less +6 -0
  16. package/es/select/select.js +3 -1
  17. package/es/select/select.js.map +1 -1
  18. package/es/select/style/index.less +1 -1
  19. package/es/svg-components/illustration-offline.js +138 -84
  20. package/es/svg-components/illustration-offline.js.map +1 -1
  21. package/es/title/index.less +1 -1
  22. package/es/tntd-cascader/rc-cascader/Cascader.js +5 -1
  23. package/es/tntd-cascader/rc-cascader/Cascader.js.map +1 -1
  24. package/es/tntd-rc-select/index.js +4 -1
  25. package/es/tntd-rc-select/index.js.map +1 -1
  26. package/es/tntd-rc-select/style/index.less +4 -0
  27. package/es/tntd-select/index.js +3 -1
  28. package/es/tntd-select/index.js.map +1 -1
  29. package/es/tntd-virtual-tree-select/VirtualTree.js +125 -0
  30. package/es/tntd-virtual-tree-select/VirtualTree.js.map +1 -0
  31. package/es/tntd-virtual-tree-select/index.js +63 -0
  32. package/es/tntd-virtual-tree-select/index.js.map +1 -0
  33. package/es/tntd-virtual-tree-select/index.less +3 -0
  34. package/es/tntd-virtual-tree-select/tree.less +29 -0
  35. package/es/tntd-virtual-tree-select/utils.js +135 -0
  36. package/es/tntd-virtual-tree-select/utils.js.map +1 -0
  37. package/lib/array-input/index.d.ts.map +1 -1
  38. package/lib/array-input/index.js +107 -13
  39. package/lib/array-input/index.js.map +1 -1
  40. package/lib/array-input/index.less +5 -0
  41. package/lib/form/style/index.less +6 -0
  42. package/lib/index.d.ts +1 -0
  43. package/lib/index.d.ts.map +1 -1
  44. package/lib/index.js +7 -0
  45. package/lib/index.js.map +1 -1
  46. package/lib/input/input.d.ts.map +1 -1
  47. package/lib/input/input.js +14 -6
  48. package/lib/input/input.js.map +1 -1
  49. package/lib/input-number/inputNumber.d.ts.map +1 -1
  50. package/lib/input-number/inputNumber.js +8 -2
  51. package/lib/input-number/inputNumber.js.map +1 -1
  52. package/lib/modal/index.less +1 -4
  53. package/lib/modal/modal.less +18 -0
  54. package/lib/prev-locale.d.ts +6 -0
  55. package/lib/prev-locale.d.ts.map +1 -1
  56. package/lib/prev-locale.js +10 -2
  57. package/lib/prev-locale.js.map +1 -1
  58. package/lib/query-list-scene/index.less +6 -0
  59. package/lib/select/select.d.ts.map +1 -1
  60. package/lib/select/select.js +4 -1
  61. package/lib/select/select.js.map +1 -1
  62. package/lib/select/style/index.less +1 -1
  63. package/lib/svg-components/illustration-offline.d.ts.map +1 -1
  64. package/lib/svg-components/illustration-offline.js +138 -84
  65. package/lib/svg-components/illustration-offline.js.map +1 -1
  66. package/lib/title/index.less +1 -1
  67. package/lib/tntd-cascader/rc-cascader/Cascader.d.ts.map +1 -1
  68. package/lib/tntd-cascader/rc-cascader/Cascader.js +5 -1
  69. package/lib/tntd-cascader/rc-cascader/Cascader.js.map +1 -1
  70. package/lib/tntd-rc-select/index.d.ts.map +1 -1
  71. package/lib/tntd-rc-select/index.js +4 -1
  72. package/lib/tntd-rc-select/index.js.map +1 -1
  73. package/lib/tntd-rc-select/style/index.less +4 -0
  74. package/lib/tntd-select/index.d.ts.map +1 -1
  75. package/lib/tntd-select/index.js +4 -1
  76. package/lib/tntd-select/index.js.map +1 -1
  77. package/lib/tntd-virtual-tree-select/VirtualTree.d.ts +13 -0
  78. package/lib/tntd-virtual-tree-select/VirtualTree.d.ts.map +1 -0
  79. package/lib/tntd-virtual-tree-select/VirtualTree.js +155 -0
  80. package/lib/tntd-virtual-tree-select/VirtualTree.js.map +1 -0
  81. package/lib/tntd-virtual-tree-select/index.d.ts +16 -0
  82. package/lib/tntd-virtual-tree-select/index.d.ts.map +1 -0
  83. package/lib/tntd-virtual-tree-select/index.js +74 -0
  84. package/lib/tntd-virtual-tree-select/index.js.map +1 -0
  85. package/lib/tntd-virtual-tree-select/index.less +3 -0
  86. package/lib/tntd-virtual-tree-select/tree.less +29 -0
  87. package/lib/tntd-virtual-tree-select/utils.d.ts +10 -0
  88. package/lib/tntd-virtual-tree-select/utils.d.ts.map +1 -0
  89. package/lib/tntd-virtual-tree-select/utils.js +167 -0
  90. package/lib/tntd-virtual-tree-select/utils.js.map +1 -0
  91. package/package.json +7 -2
@@ -0,0 +1 @@
1
+ {"version":3,"file":"VirtualTree.js","sourceRoot":"","sources":["../../src/tntd-virtual-tree-select/VirtualTree.jsx"],"names":[],"mappings":"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","sourcesContent":["/*\n * @Descripttion: 最简单的tree下拉框,增加了虚拟滚动\n * @Author: 郑泳健\n * @Date: 2024-07-31 14:46:55\n * @LastEditors: 郑泳健\n * @LastEditTime: 2024-08-05 15:58:47\n */\nimport React, { useState, useMemo, useEffect } from 'react';\nimport List from 'rc-virtual-list';\nimport Icon from '../icon'\nimport Ellipsis from '../ellipsis';\nimport Empty from '../empty';\nimport Input from '../input';\nimport { flatTreeData, getFullExpandedKeys, addTreeNodeKeys } from './utils';\nimport './tree.less'\n\nconst VirtualTree = ({ value, onChange, treeDefaultExpandAll, fieldNames, treeExpandedKeys, showSearch, treeData, renderItem }) => {\n const ref = React.useRef(null)\n // 展开的节点列表\n const [expandedKeys, setExpandedKeys] = useState([])\n const [choosedValue, setChoosedValue] = useState([])\n const [filterKey, setFilterKey] = useState(undefined)\n\n useEffect(() => {\n if(!['', null, undefined].includes(value)) {\n setChoosedValue(value)\n }else {\n setChoosedValue(undefined)\n }\n }, [value])\n\n /** 给每个节点增加属性keys,值为其下面所有节点的集合 */\n const treeDataWithKeys = useMemo(() => {\n return addTreeNodeKeys(treeData, fieldNames)\n }, [treeData, fieldNames])\n\n const mergeTreeDefaultExpandAll = useMemo(() => {\n if(Array.isArray(treeExpandedKeys) && treeExpandedKeys.length) {\n return false\n }\n\n return treeDefaultExpandAll\n }, [treeDefaultExpandAll, treeExpandedKeys])\n\n /** 获取到所有展开的节点,因为treeDataWithKeys可能传入的是最后一级 */\n useEffect(() => {\n let transTreeExpandedKeys = Array.isArray(treeExpandedKeys) ? treeExpandedKeys : []\n if(value) {\n transTreeExpandedKeys = [...treeExpandedKeys, value]\n }\n const _expandedKeys = getFullExpandedKeys(treeDataWithKeys, transTreeExpandedKeys, mergeTreeDefaultExpandAll)\n setExpandedKeys(_expandedKeys)\n }, [treeDataWithKeys, treeExpandedKeys, mergeTreeDefaultExpandAll, value])\n\n /** 最终渲染的数据 */\n const renderData = useMemo(() => {\n return flatTreeData(treeDataWithKeys, filterKey, expandedKeys)\n }, [treeDataWithKeys, filterKey, expandedKeys])\n\n /** 切换展开/收起 */\n const handleToggle = (item) => {\n const { value } = item || {}\n const bool = Array.isArray(expandedKeys) ? expandedKeys.includes(value) : false;\n if(bool) {\n const list = Array.isArray(expandedKeys) ? expandedKeys.filter(i => i !== value) : []\n setExpandedKeys(list)\n }else {\n setExpandedKeys([...expandedKeys, value])\n }\n }\n\n const defaultRenderItem = (item, expandedKeys) => {\n return <Ellipsis title={item.title} widthLimit={'100%'} />\n }\n\n const handleChange = (_value) => {\n setChoosedValue(_value)\n onChange?.(_value)\n }\n\n const handleInput = (e) => {\n const _filterValue = e.target.value\n\n setFilterKey(_filterValue)\n }\n\n return (\n <div className='tntd-tree-select'>\n {showSearch && Array.isArray(treeData) && !!treeData.length ? <Input onChange={handleInput} allowClear /> : ''}\n {\n !Array.isArray(renderData) || !renderData.length ? \n <Empty size='small' /> :\n <List\n ref={ref}\n height={300}\n itemHeight={44}\n data={renderData}\n >\n {\n (item) => { \n const { level, children } = item;\n const bool = expandedKeys.includes(item.value)\n return (\n <div className=\"tntd-tree-select-item\"\n style={{ paddingLeft: level * 18 }}>\n <div style={{ width: 18, paddingLeft: 3 }}>\n {Array.isArray(children) && !!children.length ? <Icon type={bool ? 'caret-down' : 'caret-right'} onClick={() => handleToggle(item)} /> : <Icon />}\n </div>\n \n <div \n className={`tntd-tree-select-item-title ${choosedValue === item.value ? 'tntd-tree-select-item-title_active' : '' }`}\n onClick={() => handleChange(item.value)}\n >\n {renderItem ? renderItem(item, expandedKeys) : defaultRenderItem(item, expandedKeys)}\n </div>\n </div>\n )\n }\n }\n </List>\n }\n </div>\n );\n};\n\nexport default VirtualTree\n"]}
@@ -0,0 +1,16 @@
1
+ export default TntdVirtualTreeSelect;
2
+ declare function TntdVirtualTreeSelect({ value, onChange, renderItem, treeData, showSearch, treeDefaultExpandAll, treeExpandedKeys, fieldNames, dropdownMatchSelectWidth, dropdownStyle, ...restProps }: {
3
+ [x: string]: any;
4
+ value: any;
5
+ onChange: any;
6
+ renderItem: any;
7
+ treeData: any;
8
+ showSearch: any;
9
+ treeDefaultExpandAll: any;
10
+ treeExpandedKeys: any;
11
+ fieldNames: any;
12
+ dropdownMatchSelectWidth: any;
13
+ dropdownStyle: any;
14
+ }): React.JSX.Element;
15
+ import React from "react";
16
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/tntd-virtual-tree-select/index.jsx"],"names":[],"mappings":";AAYA;;;;;;;;;;;;sBA0BC"}
@@ -0,0 +1,74 @@
1
+ "use strict";
2
+
3
+ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
4
+ Object.defineProperty(exports, "__esModule", {
5
+ value: true
6
+ });
7
+ exports["default"] = void 0;
8
+ var _react = _interopRequireWildcard(require("react"));
9
+ var _tntdRcSelect = _interopRequireDefault(require("../tntd-rc-select"));
10
+ var _VirtualTree = _interopRequireDefault(require("./VirtualTree"));
11
+ require("./index.less");
12
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
13
+ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
14
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
15
+ var __rest = void 0 && (void 0).__rest || function (s, e) {
16
+ var t = {};
17
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
18
+ if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
19
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
20
+ }
21
+ return t;
22
+ };
23
+ /*
24
+ * @Descripttion: 用select包裹虚拟树
25
+ * @Author: 郑泳健
26
+ * @Date: 2024-08-05 10:50:17
27
+ * @LastEditors: 郑泳健
28
+ * @LastEditTime: 2024-08-05 15:00:41
29
+ */
30
+
31
+ var TntdVirtualTreeSelect = function TntdVirtualTreeSelect(_a) {
32
+ var value = _a.value,
33
+ onChange = _a.onChange,
34
+ renderItem = _a.renderItem,
35
+ treeData = _a.treeData,
36
+ showSearch = _a.showSearch,
37
+ treeDefaultExpandAll = _a.treeDefaultExpandAll,
38
+ treeExpandedKeys = _a.treeExpandedKeys,
39
+ fieldNames = _a.fieldNames,
40
+ dropdownMatchSelectWidth = _a.dropdownMatchSelectWidth,
41
+ dropdownStyle = _a.dropdownStyle,
42
+ restProps = __rest(_a, ["value", "onChange", "renderItem", "treeData", "showSearch", "treeDefaultExpandAll", "treeExpandedKeys", "fieldNames", "dropdownMatchSelectWidth", "dropdownStyle"]);
43
+ var mergeDropdownStyle = (0, _react.useMemo)(function () {
44
+ return Array.isArray(treeData) && treeData.length ? dropdownStyle : {};
45
+ }, [dropdownStyle, treeData]);
46
+ var mergeDropdownMatchSelectWidth = (0, _react.useMemo)(function () {
47
+ return Array.isArray(treeData) && treeData.length ? dropdownMatchSelectWidth : true;
48
+ }, [dropdownMatchSelectWidth, treeData]);
49
+ var handleRender = function handleRender(rest) {
50
+ return _react["default"].createElement("div", {
51
+ className: 'virtual-tree-options'
52
+ }, _react["default"].createElement(_VirtualTree["default"], Object.assign({}, rest)));
53
+ };
54
+ return _react["default"].createElement(_tntdRcSelect["default"], Object.assign({}, restProps, {
55
+ dropdownMatchSelectWidth: mergeDropdownMatchSelectWidth,
56
+ dropdownStyle: Object.assign({
57
+ maxHeight: '100vh',
58
+ overflow: 'auto'
59
+ }, mergeDropdownStyle),
60
+ dropdownRender: function dropdownRender() {
61
+ return handleRender({
62
+ value: value,
63
+ onChange: onChange,
64
+ renderItem: renderItem,
65
+ treeData: treeData,
66
+ showSearch: showSearch,
67
+ treeDefaultExpandAll: treeDefaultExpandAll,
68
+ treeExpandedKeys: treeExpandedKeys,
69
+ fieldNames: fieldNames
70
+ });
71
+ }
72
+ }));
73
+ };
74
+ var _default = exports["default"] = TntdVirtualTreeSelect;
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/tntd-virtual-tree-select/index.jsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;GAMG;AACH,+CAAiD;AACjD,uEAAwC;AACxC,gEAAwC;AACxC,wBAAsB;AAEtB,MAAM,qBAAqB,GAAG,CAAC,EAAgK,EAAE,EAAE;QAApK,EAAE,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,UAAU,EAAE,wBAAwB,EAAE,aAAa,OAAgB,EAAX,SAAS,cAA9J,oKAAgK,CAAF;IAE3L,MAAM,kBAAkB,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACtC,OAAO,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAE,aAAa,CAAC,CAAC,CAAC,EAAE,CAAA;IACzE,CAAC,EAAE,CAAC,aAAa,EAAE,QAAQ,CAAC,CAAC,CAAA;IAE7B,MAAM,6BAA6B,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACjD,OAAO,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAE,wBAAwB,CAAC,CAAC,CAAC,IAAI,CAAA;IACtF,CAAC,EAAE,CAAC,wBAAwB,EAAE,QAAQ,CAAC,CAAC,CAAA;IAExC,MAAM,YAAY,GAAG,CAAC,IAAI,EAAE,EAAE;QAC5B,OAAO,CACL,uCAAK,SAAS,EAAC,sBAAsB;YACnC,8BAAC,qBAAW,oBAAK,IAAI,EAAI,CACrB,CACP,CAAA;IACH,CAAC,CAAA;IAED,OAAO,CACL,8BAAC,wBAAQ,oBACH,SAAS,IACb,wBAAwB,EAAE,6BAA6B,EACvD,aAAa,kBAAI,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,IAAK,kBAAkB,GAC5E,cAAc,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,UAAU,EAAE,CAAC,IAC7I,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,qBAAqB,CAAA","sourcesContent":["/*\n * @Descripttion: 用select包裹虚拟树\n * @Author: 郑泳健\n * @Date: 2024-08-05 10:50:17\n * @LastEditors: 郑泳健\n * @LastEditTime: 2024-08-05 15:00:41\n */\nimport React, { useState, useMemo } from 'react';\nimport RcSelect from '../tntd-rc-select'\nimport VirtualTree from './VirtualTree';\nimport './index.less';\n\nconst TntdVirtualTreeSelect = ({ value, onChange, renderItem, treeData, showSearch, treeDefaultExpandAll, treeExpandedKeys, fieldNames, dropdownMatchSelectWidth, dropdownStyle, ...restProps }) => {\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 handleRender = (rest) => {\n return (\n <div className='virtual-tree-options'>\n <VirtualTree {...rest} />\n </div>\n )\n }\n\n return (\n <RcSelect\n {...restProps}\n dropdownMatchSelectWidth={mergeDropdownMatchSelectWidth}\n dropdownStyle={{ maxHeight: '100vh', overflow: 'auto', ...mergeDropdownStyle }}\n dropdownRender={() => handleRender({ value, onChange, renderItem, treeData, showSearch, treeDefaultExpandAll, treeExpandedKeys, fieldNames })}\n />\n );\n};\n\nexport default TntdVirtualTreeSelect\n"]}
@@ -0,0 +1,3 @@
1
+ .virtual-tree-options{
2
+ padding: 10px;
3
+ }
@@ -0,0 +1,29 @@
1
+ .tntd-tree-select{
2
+ padding: 0;
3
+ white-space: nowrap;
4
+ .tntd-tree-select-item{
5
+ display: flex;
6
+ border-radius: var(--border-radius-sm);
7
+ color: #17233d;
8
+ text-decoration: none;
9
+ cursor: pointer;
10
+ line-height: 30px;
11
+ font-size: 14px;
12
+
13
+ .anticon-caret-down,.anticon-caret-right {
14
+ vertical-align: middle;
15
+ font-size: 12px;
16
+ }
17
+
18
+ .tntd-tree-select-item-title{
19
+ padding: 3px 5px;
20
+ flex: 1;
21
+ overflow: hidden;
22
+
23
+ &_active{
24
+ background-color: var(--blue-2);
25
+ }
26
+ }
27
+ }
28
+ }
29
+
@@ -0,0 +1,10 @@
1
+ export function addTreeNodeKeys(treeData: any, fieldNames?: {
2
+ title: string;
3
+ value: string;
4
+ children: string;
5
+ }): any[];
6
+ export function getNodeStr(node: any, key: any, result?: any[]): any[];
7
+ export function getNodeKeys(node: any, widthSelf?: any, result?: any): any;
8
+ export function flatTreeData(treeData: any, filterKey?: string, expandedKeys?: any, treeDefaultExpandAll?: any, level?: any, result?: any): any;
9
+ export function getFullExpandedKeys(treeDataWithKeys: any, treeExpandedKeys: any, treeDefaultExpandAll: any, result?: any): any;
10
+ //# sourceMappingURL=utils.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/tntd-virtual-tree-select/utils.js"],"names":[],"mappings":"AAKO;;;;UAqBN;AAEM,uEAUN;AASM,2EAYN;AAWM,gJAuBN;AASM,gIAkBN"}
@@ -0,0 +1,167 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.getNodeStr = exports.getNodeKeys = exports.getFullExpandedKeys = exports.flatTreeData = exports.addTreeNodeKeys = void 0;
7
+ function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
8
+ function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
9
+ function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
10
+ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
11
+ function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
12
+ function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
13
+ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
14
+ var __rest = void 0 && (void 0).__rest || function (s, e) {
15
+ var t = {};
16
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
17
+ if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
18
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
19
+ }
20
+ return t;
21
+ };
22
+ /**
23
+ * 初始化给树的每个节点增加一个keys字段(数组),keys的值是当前节点下的所有子节点的value和
24
+ * 用于判断后续展开/收起
25
+ * @param {*} treeData
26
+ */
27
+ var addTreeNodeKeys = exports.addTreeNodeKeys = function addTreeNodeKeys(treeData) {
28
+ var fieldNames = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
29
+ title: 'title',
30
+ value: 'value',
31
+ children: 'children'
32
+ };
33
+ if (Array.isArray(treeData) && !!treeData.length) {
34
+ return treeData.map(function (item) {
35
+ item.children = item[fieldNames['children']];
36
+ item.title = item[fieldNames['title']];
37
+ item.value = item[fieldNames['value']];
38
+ var children = item.children,
39
+ query = __rest(item, ["children"]);
40
+ if (Array.isArray(children) && !!children.length) {
41
+ query.children = addTreeNodeKeys(children, fieldNames);
42
+ }
43
+ return Object.assign(Object.assign({}, query), {
44
+ title: query[fieldNames['title']],
45
+ value: query[fieldNames['value']],
46
+ keys: getNodeKeys(query),
47
+ titleTotal: getNodeStr(query, fieldNames['title'])
48
+ });
49
+ });
50
+ }
51
+ return [];
52
+ };
53
+ var getNodeStr = exports.getNodeStr = function getNodeStr(node, key) {
54
+ var result = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
55
+ result.push(node[key]);
56
+ if (Array.isArray(node.children) && !!node.children.length) {
57
+ node.children.forEach(function (element) {
58
+ result = [].concat(_toConsumableArray(result), _toConsumableArray(getNodeStr(element, key)));
59
+ });
60
+ }
61
+ return result;
62
+ };
63
+ /**
64
+ * 获取每个节点下面所有子节点的value值
65
+ * @param {*} node
66
+ * @param {*} widthSelf 是否包含自己
67
+ * @param {*} result
68
+ * @returns []
69
+ */
70
+ var getNodeKeys = exports.getNodeKeys = function getNodeKeys(node) {
71
+ var widthSelf = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
72
+ var result = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
73
+ if (widthSelf) {
74
+ result.push(node.value);
75
+ }
76
+ if (Array.isArray(node.children) && !!node.children.length) {
77
+ node.children.forEach(function (element) {
78
+ result = [].concat(_toConsumableArray(result), _toConsumableArray(getNodeKeys(element)));
79
+ });
80
+ }
81
+ return result;
82
+ };
83
+ /**
84
+ * 扁平树
85
+ * @param {*} treeData
86
+ * @param {*} expandedKeys 展开的节点
87
+ * @param {*} treeDefaultExpandAll
88
+ * @param {*} level
89
+ * @param {*} result
90
+ * @returns
91
+ */
92
+ var flatTreeData = exports.flatTreeData = function flatTreeData(treeData) {
93
+ var filterKey = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
94
+ var expandedKeys = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
95
+ var treeDefaultExpandAll = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
96
+ var level = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 0;
97
+ var result = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : [];
98
+ if (Array.isArray(treeData)) {
99
+ var _iterator = _createForOfIteratorHelper(treeData),
100
+ _step;
101
+ try {
102
+ for (_iterator.s(); !(_step = _iterator.n()).done;) {
103
+ var i = _step.value;
104
+ var value = i.value,
105
+ children = i.children,
106
+ titleTotal = i.titleTotal,
107
+ title = i.title,
108
+ rest = __rest(i, ["value", "children", "titleTotal", "title"]);
109
+ // 判断是否命中过滤
110
+ var bingo = true;
111
+ var transFilterKey = !['', null, undefined].includes(filterKey);
112
+ if (transFilterKey) {
113
+ bingo = Array.isArray(titleTotal) ? titleTotal.some(function (i) {
114
+ return i.includes(filterKey);
115
+ }) : false;
116
+ }
117
+ if (bingo) {
118
+ result.push({
119
+ value: value,
120
+ children: children,
121
+ title: title,
122
+ level: level,
123
+ titleTotal: titleTotal
124
+ });
125
+ }
126
+ var selfIn = Array.isArray(expandedKeys) ? expandedKeys.includes(value) : false;
127
+ if ((treeDefaultExpandAll || selfIn || transFilterKey && bingo) && Array.isArray(children) && !!children.length) {
128
+ result = [].concat(_toConsumableArray(result), _toConsumableArray(flatTreeData(children, filterKey, expandedKeys, treeDefaultExpandAll, level + 1)));
129
+ }
130
+ }
131
+ } catch (err) {
132
+ _iterator.e(err);
133
+ } finally {
134
+ _iterator.f();
135
+ }
136
+ }
137
+ return result;
138
+ };
139
+ /**
140
+ * 获取所有展开的节点 (组件传入最后一层,需要将其上层全部加入到expandedKeys)
141
+ * @param {*} treeDataWithKeys
142
+ * @param {*} treeExpandedKeys
143
+ * @param {*} result
144
+ * @returns
145
+ */
146
+ var getFullExpandedKeys = exports.getFullExpandedKeys = function getFullExpandedKeys(treeDataWithKeys) {
147
+ var treeExpandedKeys = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
148
+ var treeDefaultExpandAll = arguments.length > 2 ? arguments[2] : undefined;
149
+ var result = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : [];
150
+ if (!treeDefaultExpandAll && (!Array.isArray(treeDataWithKeys) || !treeDataWithKeys.length || !Array.isArray(treeExpandedKeys) || !treeExpandedKeys.length)) {
151
+ return [];
152
+ }
153
+ treeDataWithKeys.forEach(function (i) {
154
+ var keys = i.keys,
155
+ value = i.value,
156
+ children = i.children;
157
+ if (treeDefaultExpandAll || Array.isArray(keys) && keys.some(function (el) {
158
+ return treeExpandedKeys.includes(el);
159
+ })) {
160
+ result.push(value);
161
+ if (Array.isArray(children) && !!children.length) {
162
+ result = [].concat(_toConsumableArray(result), _toConsumableArray(getFullExpandedKeys(children, treeExpandedKeys, treeDefaultExpandAll)));
163
+ }
164
+ }
165
+ });
166
+ return result;
167
+ };
@@ -0,0 +1 @@
1
+ {"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/tntd-virtual-tree-select/utils.js"],"names":[],"mappings":"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","sourcesContent":["/**\n * 初始化给树的每个节点增加一个keys字段(数组),keys的值是当前节点下的所有子节点的value和\n * 用于判断后续展开/收起\n * @param {*} treeData \n */\nexport const addTreeNodeKeys = (treeData, fieldNames = { title: 'title', value: 'value', children: 'children' }) => {\n if(Array.isArray(treeData) && !!treeData.length) {\n return treeData.map((item) => {\n item.children = item[fieldNames['children']]\n item.title = item[fieldNames['title']]\n item.value = item[fieldNames['value']]\n const { children, ...query } = item;\n if(Array.isArray(children) && !!children.length) {\n query.children = addTreeNodeKeys(children, fieldNames)\n } \n return {\n ...query,\n title: query[fieldNames['title']],\n value: query[fieldNames['value']],\n keys: getNodeKeys(query),\n titleTotal: getNodeStr(query, fieldNames['title'])\n }\n })\n }\n\n return []\n}\n\nexport const getNodeStr = (node, key, result = []) => {\n result.push(node[key]);\n\n if(Array.isArray(node.children) && !!node.children.length) {\n node.children.forEach(element => {\n result = [...result, ...getNodeStr(element, key)]\n });\n }\n\n return result\n}\n\n/**\n * 获取每个节点下面所有子节点的value值\n * @param {*} node \n * @param {*} widthSelf 是否包含自己\n * @param {*} result \n * @returns []\n */\nexport const getNodeKeys = (node, widthSelf = true, result = []) => {\n if(widthSelf) {\n result.push(node.value);\n }\n\n if(Array.isArray(node.children) && !!node.children.length) {\n node.children.forEach(element => {\n result = [...result, ...getNodeKeys(element)]\n });\n }\n\n return result;\n}\n\n/**\n * 扁平树\n * @param {*} treeData \n * @param {*} expandedKeys 展开的节点\n * @param {*} treeDefaultExpandAll\n * @param {*} level \n * @param {*} result \n * @returns \n */\nexport const flatTreeData = (treeData, filterKey = '', expandedKeys = [], treeDefaultExpandAll = false, level = 0, result = []) => {\n if(Array.isArray(treeData)) {\n for(const i of treeData){\n const { value, children, titleTotal, title, ...rest } = i;\n\n // 判断是否命中过滤\n let bingo = true\n const transFilterKey = !['', null, undefined].includes(filterKey)\n if(transFilterKey) {\n bingo = Array.isArray(titleTotal) ? titleTotal.some(i => i.includes(filterKey)) : false\n }\n\n if(bingo) {\n result.push({ value, children, title, level, titleTotal })\n }\n\n const selfIn = Array.isArray(expandedKeys) ? expandedKeys.includes(value) : false;\n if((treeDefaultExpandAll || selfIn || (transFilterKey && bingo)) && Array.isArray(children) && !!children.length){\n result = [...result, ...flatTreeData(children, filterKey, expandedKeys, treeDefaultExpandAll, level+1)]\n }\n }\n }\n return result\n}\n\n/**\n * 获取所有展开的节点 (组件传入最后一层,需要将其上层全部加入到expandedKeys)\n * @param {*} treeDataWithKeys \n * @param {*} treeExpandedKeys \n * @param {*} result \n * @returns \n */\nexport const getFullExpandedKeys = (treeDataWithKeys, treeExpandedKeys = [], treeDefaultExpandAll, result = []) => {\n if(!treeDefaultExpandAll && (!Array.isArray(treeDataWithKeys) || !treeDataWithKeys.length || !Array.isArray(treeExpandedKeys) || !treeExpandedKeys.length)) {\n return []\n }\n \n treeDataWithKeys.forEach(i => {\n const { keys, value, children } = i;\n\n if(treeDefaultExpandAll || (Array.isArray(keys) && keys.some(el => treeExpandedKeys.includes(el)))) {\n result.push(value)\n\n if(Array.isArray(children) && !!children.length) {\n result = [...result, ...getFullExpandedKeys(children, treeExpandedKeys, treeDefaultExpandAll)]\n }\n }\n })\n\n return result;\n}\n\n\n"]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "tntd",
3
- "version": "3.0.7",
3
+ "version": "3.0.9",
4
4
  "license": "MIT",
5
5
  "scripts": {
6
6
  "start": "heft start --storybook",
@@ -15,6 +15,11 @@
15
15
  "test:watch": "heft test --watch --clean"
16
16
  },
17
17
  "dependencies": {
18
+ "@dnd-kit/core": "~6.1.0",
19
+ "@dnd-kit/modifiers": "~7.0.0",
20
+ "@dnd-kit/sortable": "~8.0.0",
21
+ "@dnd-kit/utilities": "~3.2.2",
22
+ "@icon-park/react": "^1.3.5",
18
23
  "@stellaris/hooks": "~0.4.6",
19
24
  "classnames": "^2.2.6",
20
25
  "@tntx/logo-icon": "~1.0.4",
@@ -36,7 +41,7 @@
36
41
  "rc-segmented": "~2.2.2",
37
42
  "rc-field-form": "~1.34.0",
38
43
  "scroll-into-view-if-needed": "^2.2.25",
39
- "@tntd/icons": "^1.0.9",
44
+ "@tntd/icons": "^1.0.10",
40
45
  "@ant-design/colors": "^3.1.0",
41
46
  "rc-resize-observer": "~1.4.0"
42
47
  },