yootd 0.0.22 → 0.0.23
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.
@@ -0,0 +1,58 @@
|
|
1
|
+
var _excluded = ["depth", "areaType", "areaSubType"];
|
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 _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
|
+
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
|
+
import { useQuery } from '@tanstack/react-query';
|
6
|
+
import { TreeSelect } from 'antd';
|
7
|
+
import React, { useMemo } from 'react';
|
8
|
+
import { useRequest } from "../hooks/useRequest";
|
9
|
+
var SHOW_PARENT = TreeSelect.SHOW_PARENT;
|
10
|
+
export var AreasTreeSelect = function AreasTreeSelect(_ref) {
|
11
|
+
var _ref$depth = _ref.depth,
|
12
|
+
depth = _ref$depth === void 0 ? 5 : _ref$depth,
|
13
|
+
areaType = _ref.areaType,
|
14
|
+
areaSubType = _ref.areaSubType,
|
15
|
+
rest = _objectWithoutProperties(_ref, _excluded);
|
16
|
+
var request = useRequest();
|
17
|
+
// 查询空间树数据
|
18
|
+
var _useQuery = useQuery({
|
19
|
+
queryKey: ['getAreasTreeData', depth],
|
20
|
+
queryFn: function queryFn() {
|
21
|
+
return request('/v1/areas', {
|
22
|
+
params: {
|
23
|
+
as_tree: true,
|
24
|
+
depth: depth,
|
25
|
+
area_type: areaType,
|
26
|
+
area_sub_type: areaSubType
|
27
|
+
}
|
28
|
+
});
|
29
|
+
}
|
30
|
+
}),
|
31
|
+
areasTreeData = _useQuery.data;
|
32
|
+
// 处理空间树递归函数
|
33
|
+
var handleAreasTree = function handleAreasTree(data) {
|
34
|
+
return data === null || data === void 0 ? void 0 : data.map(function (item) {
|
35
|
+
return {
|
36
|
+
title: item.areaName,
|
37
|
+
value: item.areaId,
|
38
|
+
key: item.areaId,
|
39
|
+
children: item.children != null ? handleAreasTree(item.children) : undefined
|
40
|
+
};
|
41
|
+
});
|
42
|
+
};
|
43
|
+
// 处理空间树数据
|
44
|
+
var areasTreeOptions = useMemo(function () {
|
45
|
+
return handleAreasTree((areasTreeData === null || areasTreeData === void 0 ? void 0 : areasTreeData.content) || []);
|
46
|
+
}, [areasTreeData]);
|
47
|
+
var tProps = {
|
48
|
+
treeData: areasTreeOptions,
|
49
|
+
treeCheckable: true,
|
50
|
+
showCheckedStrategy: SHOW_PARENT,
|
51
|
+
placeholder: '请选择位置',
|
52
|
+
style: {
|
53
|
+
width: '100%'
|
54
|
+
},
|
55
|
+
treeNodeFilterProp: 'title'
|
56
|
+
};
|
57
|
+
return /*#__PURE__*/React.createElement(TreeSelect, _extends({}, tProps, rest));
|
58
|
+
};
|
@@ -0,0 +1,36 @@
|
|
1
|
+
import { TreeSelectProps } from 'antd';
|
2
|
+
|
3
|
+
export interface PageData<T> {
|
4
|
+
content: T[];
|
5
|
+
page: {
|
6
|
+
number: number;
|
7
|
+
size: number;
|
8
|
+
totalElements: number;
|
9
|
+
totalPages: number;
|
10
|
+
};
|
11
|
+
}
|
12
|
+
|
13
|
+
// 查询位置树接口返回的数据类型
|
14
|
+
export interface AreasTreeData {
|
15
|
+
areaId: number;
|
16
|
+
areaLevel: number;
|
17
|
+
areaLevel1Id: number;
|
18
|
+
areaName: string;
|
19
|
+
areaSubType: number;
|
20
|
+
areaType: number;
|
21
|
+
children?: AreasTreeData[];
|
22
|
+
}
|
23
|
+
// 空间树所需数据类型
|
24
|
+
export interface AreasTreeOptions {
|
25
|
+
title: string;
|
26
|
+
value: number;
|
27
|
+
key: number;
|
28
|
+
children?: AreasTreeOptions[];
|
29
|
+
}
|
30
|
+
// 空间树选择器props
|
31
|
+
export interface AreasTreeSelectProps extends TreeSelectProps {
|
32
|
+
depth?: number; // 树节点深度,不传表示到第五级
|
33
|
+
areaType?: number; // 筛选楼类型
|
34
|
+
areaSubType?: number; // 筛选楼类型
|
35
|
+
showSearch?: boolean; // 是否开启搜索
|
36
|
+
}
|
package/dist/department/index.js
CHANGED
@@ -20,7 +20,6 @@ export var Department = function Department(_ref) {
|
|
20
20
|
}
|
21
21
|
}),
|
22
22
|
departmentData = _useQuery.data;
|
23
|
-
console.log('departmentData', departmentData);
|
24
23
|
// 递归处理树数据
|
25
24
|
var recursionTreeData = function recursionTreeData(data) {
|
26
25
|
return data === null || data === void 0 ? void 0 : data.map(function (item) {
|
package/dist/index.d.ts
CHANGED
@@ -5,6 +5,7 @@ export type { AsideProps } from './aside/types/types';
|
|
5
5
|
export { AutoComplete } from './auto-complete';
|
6
6
|
export type { AutoCompleteProps } from './auto-complete';
|
7
7
|
export { Areas } from './areas';
|
8
|
+
export { AreasTreeSelect } from './areas-treeSelect';
|
8
9
|
export { Breadcrumb } from './breadcrumb';
|
9
10
|
export type { BreadcrumbProps } from './breadcrumb';
|
10
11
|
export { Button } from './button';
|
package/dist/index.js
CHANGED
@@ -2,6 +2,7 @@ export { Anchor } from "./anchor";
|
|
2
2
|
export { Aside } from "./aside";
|
3
3
|
export { AutoComplete } from "./auto-complete";
|
4
4
|
export { Areas } from "./areas";
|
5
|
+
export { AreasTreeSelect } from "./areas-treeSelect";
|
5
6
|
export { Breadcrumb } from "./breadcrumb";
|
6
7
|
export { Button } from "./button";
|
7
8
|
export { Buildings } from "./buildings";
|