yootd 0.0.23 → 0.0.24
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.
@@ -1,10 +1,20 @@
|
|
1
|
-
var _excluded = ["depth", "areaType", "areaSubType"];
|
1
|
+
var _excluded = ["depth", "areaType", "areaSubType", "treeCheckable", "selectable", "treeDefaultExpandedLevel"];
|
2
2
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
3
|
+
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
4
|
+
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."); }
|
5
|
+
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
|
6
|
+
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
|
7
|
+
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
8
|
+
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
9
|
+
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); }
|
10
|
+
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; }
|
11
|
+
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
12
|
+
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
3
13
|
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
4
14
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
5
15
|
import { useQuery } from '@tanstack/react-query';
|
6
16
|
import { TreeSelect } from 'antd';
|
7
|
-
import React, { useMemo } from 'react';
|
17
|
+
import React, { useMemo, useState } from 'react';
|
8
18
|
import { useRequest } from "../hooks/useRequest";
|
9
19
|
var SHOW_PARENT = TreeSelect.SHOW_PARENT;
|
10
20
|
export var AreasTreeSelect = function AreasTreeSelect(_ref) {
|
@@ -12,8 +22,18 @@ export var AreasTreeSelect = function AreasTreeSelect(_ref) {
|
|
12
22
|
depth = _ref$depth === void 0 ? 5 : _ref$depth,
|
13
23
|
areaType = _ref.areaType,
|
14
24
|
areaSubType = _ref.areaSubType,
|
25
|
+
_ref$treeCheckable = _ref.treeCheckable,
|
26
|
+
treeCheckable = _ref$treeCheckable === void 0 ? true : _ref$treeCheckable,
|
27
|
+
_ref$selectable = _ref.selectable,
|
28
|
+
selectable = _ref$selectable === void 0 ? false : _ref$selectable,
|
29
|
+
treeDefaultExpandedLevel = _ref.treeDefaultExpandedLevel,
|
15
30
|
rest = _objectWithoutProperties(_ref, _excluded);
|
16
31
|
var request = useRequest();
|
32
|
+
// 存储要求默认展开的层级下的id
|
33
|
+
var _useState = useState([]),
|
34
|
+
_useState2 = _slicedToArray(_useState, 2),
|
35
|
+
defaultExpandedKeys = _useState2[0],
|
36
|
+
setDefaultExpandedKeys = _useState2[1];
|
17
37
|
// 查询空间树数据
|
18
38
|
var _useQuery = useQuery({
|
19
39
|
queryKey: ['getAreasTreeData', depth],
|
@@ -32,11 +52,19 @@ export var AreasTreeSelect = function AreasTreeSelect(_ref) {
|
|
32
52
|
// 处理空间树递归函数
|
33
53
|
var handleAreasTree = function handleAreasTree(data) {
|
34
54
|
return data === null || data === void 0 ? void 0 : data.map(function (item) {
|
55
|
+
if (treeDefaultExpandedLevel != null) {
|
56
|
+
if (item.areaLevel === treeDefaultExpandedLevel) {
|
57
|
+
setDefaultExpandedKeys(function (prev) {
|
58
|
+
return [].concat(_toConsumableArray(prev), [item.areaId]);
|
59
|
+
});
|
60
|
+
}
|
61
|
+
}
|
35
62
|
return {
|
36
63
|
title: item.areaName,
|
37
64
|
value: item.areaId,
|
38
65
|
key: item.areaId,
|
39
|
-
children: item.children != null ? handleAreasTree(item.children) : undefined
|
66
|
+
children: item.children != null ? handleAreasTree(item.children) : undefined,
|
67
|
+
selectable: selectable ? item.children != null ? false : true : undefined
|
40
68
|
};
|
41
69
|
});
|
42
70
|
};
|
@@ -46,13 +74,16 @@ export var AreasTreeSelect = function AreasTreeSelect(_ref) {
|
|
46
74
|
}, [areasTreeData]);
|
47
75
|
var tProps = {
|
48
76
|
treeData: areasTreeOptions,
|
49
|
-
treeCheckable:
|
50
|
-
showCheckedStrategy: SHOW_PARENT,
|
77
|
+
treeCheckable: treeCheckable,
|
78
|
+
showCheckedStrategy: treeCheckable ? SHOW_PARENT : undefined,
|
51
79
|
placeholder: '请选择位置',
|
52
80
|
style: {
|
53
81
|
width: '100%'
|
54
82
|
},
|
55
83
|
treeNodeFilterProp: 'title'
|
56
84
|
};
|
57
|
-
|
85
|
+
console.log('defaultExpandedKeys', defaultExpandedKeys);
|
86
|
+
return /*#__PURE__*/React.createElement(TreeSelect, _extends({}, tProps, rest, {
|
87
|
+
treeDefaultExpandedKeys: defaultExpandedKeys
|
88
|
+
}));
|
58
89
|
};
|
@@ -33,4 +33,7 @@ export interface AreasTreeSelectProps extends TreeSelectProps {
|
|
33
33
|
areaType?: number; // 筛选楼类型
|
34
34
|
areaSubType?: number; // 筛选楼类型
|
35
35
|
showSearch?: boolean; // 是否开启搜索
|
36
|
+
treeCheckable?: boolean; // 是否开启多选
|
37
|
+
selectable?: boolean; // 是否强制要求选到最底层
|
38
|
+
treeDefaultExpandedLevel?: number; // 默认展开的层级
|
36
39
|
}
|