@sheinx/base 3.6.0-beta.18 → 3.6.0-beta.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/cjs/checkbox/checkbox.type.d.ts +4 -0
- package/cjs/checkbox/checkbox.type.d.ts.map +1 -1
- package/cjs/checkbox/simple-checkbox.d.ts.map +1 -1
- package/cjs/checkbox/simple-checkbox.js +2 -1
- package/cjs/empty/empty.d.ts.map +1 -1
- package/cjs/empty/empty.js +1 -0
- package/cjs/icons/config.d.ts +2 -0
- package/cjs/icons/config.d.ts.map +1 -1
- package/cjs/icons/config.js +3 -1
- package/cjs/icons/icons.d.ts +1 -0
- package/cjs/icons/icons.d.ts.map +1 -1
- package/cjs/icons/icons.js +4 -0
- package/cjs/table/table.d.ts.map +1 -1
- package/cjs/table/table.js +26 -12
- package/cjs/table/table.type.d.ts +15 -0
- package/cjs/table/table.type.d.ts.map +1 -1
- package/cjs/table/tbody-empty.d.ts +7 -0
- package/cjs/table/tbody-empty.d.ts.map +1 -0
- package/cjs/table/tbody-empty.js +23 -0
- package/cjs/table/thead-filter.d.ts +12 -0
- package/cjs/table/thead-filter.d.ts.map +1 -0
- package/cjs/table/thead-filter.js +267 -0
- package/cjs/table/thead.d.ts.map +1 -1
- package/cjs/table/thead.js +35 -5
- package/cjs/table/thead.type.d.ts +2 -2
- package/cjs/table/thead.type.d.ts.map +1 -1
- package/cjs/tree/tree-checkbox.d.ts +1 -2
- package/cjs/tree/tree-checkbox.d.ts.map +1 -1
- package/cjs/tree/tree-checkbox.js +3 -16
- package/cjs/tree/tree-checkbox.type.d.ts +3 -4
- package/cjs/tree/tree-checkbox.type.d.ts.map +1 -1
- package/cjs/tree/tree-content.d.ts.map +1 -1
- package/cjs/tree/tree-content.js +47 -23
- package/cjs/tree/tree-content.type.d.ts +6 -4
- package/cjs/tree/tree-content.type.d.ts.map +1 -1
- package/cjs/tree/tree-list.d.ts.map +1 -1
- package/cjs/tree/tree-list.js +4 -2
- package/cjs/tree/tree-list.type.d.ts +2 -2
- package/cjs/tree/tree-list.type.d.ts.map +1 -1
- package/cjs/tree/tree-node.d.ts.map +1 -1
- package/cjs/tree/tree-node.js +1 -0
- package/cjs/tree/tree-node.type.d.ts +3 -3
- package/cjs/tree/tree-node.type.d.ts.map +1 -1
- package/cjs/tree/tree-root.d.ts.map +1 -1
- package/cjs/tree/tree-root.js +12 -1
- package/cjs/tree/tree-root.type.d.ts +2 -2
- package/cjs/tree/tree-root.type.d.ts.map +1 -1
- package/cjs/tree/tree-simple-node.d.ts.map +1 -1
- package/cjs/tree/tree-simple-node.js +7 -3
- package/cjs/tree/tree-virtual-node.d.ts.map +1 -1
- package/cjs/tree/tree-virtual-node.js +7 -4
- package/cjs/tree/tree.d.ts.map +1 -1
- package/cjs/tree/tree.js +6 -3
- package/cjs/tree/tree.type.d.ts +12 -0
- package/cjs/tree/tree.type.d.ts.map +1 -1
- package/cjs/tree-select/tree-select.d.ts.map +1 -1
- package/cjs/tree-select/tree-select.js +2 -1
- package/cjs/tree-select/tree-select.type.d.ts +2 -2
- package/cjs/tree-select/tree-select.type.d.ts.map +1 -1
- package/esm/checkbox/checkbox.type.d.ts +4 -0
- package/esm/checkbox/checkbox.type.d.ts.map +1 -1
- package/esm/checkbox/simple-checkbox.d.ts.map +1 -1
- package/esm/checkbox/simple-checkbox.js +2 -1
- package/esm/empty/empty.d.ts.map +1 -1
- package/esm/empty/empty.js +1 -0
- package/esm/icons/config.d.ts +2 -0
- package/esm/icons/config.d.ts.map +1 -1
- package/esm/icons/config.js +3 -1
- package/esm/icons/icons.d.ts +1 -0
- package/esm/icons/icons.d.ts.map +1 -1
- package/esm/icons/icons.js +4 -0
- package/esm/table/table.d.ts.map +1 -1
- package/esm/table/table.js +27 -13
- package/esm/table/table.type.d.ts +15 -0
- package/esm/table/table.type.d.ts.map +1 -1
- package/esm/table/tbody-empty.d.ts +7 -0
- package/esm/table/tbody-empty.d.ts.map +1 -0
- package/esm/table/tbody-empty.js +16 -0
- package/esm/table/thead-filter.d.ts +12 -0
- package/esm/table/thead-filter.d.ts.map +1 -0
- package/esm/table/thead-filter.js +259 -0
- package/esm/table/thead.d.ts.map +1 -1
- package/esm/table/thead.js +35 -5
- package/esm/table/thead.type.d.ts +2 -2
- package/esm/table/thead.type.d.ts.map +1 -1
- package/esm/tree/tree-checkbox.d.ts +1 -2
- package/esm/tree/tree-checkbox.d.ts.map +1 -1
- package/esm/tree/tree-checkbox.js +3 -16
- package/esm/tree/tree-checkbox.type.d.ts +3 -4
- package/esm/tree/tree-checkbox.type.d.ts.map +1 -1
- package/esm/tree/tree-content.d.ts.map +1 -1
- package/esm/tree/tree-content.js +47 -23
- package/esm/tree/tree-content.type.d.ts +6 -4
- package/esm/tree/tree-content.type.d.ts.map +1 -1
- package/esm/tree/tree-list.d.ts.map +1 -1
- package/esm/tree/tree-list.js +4 -2
- package/esm/tree/tree-list.type.d.ts +2 -2
- package/esm/tree/tree-list.type.d.ts.map +1 -1
- package/esm/tree/tree-node.d.ts.map +1 -1
- package/esm/tree/tree-node.js +1 -0
- package/esm/tree/tree-node.type.d.ts +3 -3
- package/esm/tree/tree-node.type.d.ts.map +1 -1
- package/esm/tree/tree-root.d.ts.map +1 -1
- package/esm/tree/tree-root.js +12 -1
- package/esm/tree/tree-root.type.d.ts +2 -2
- package/esm/tree/tree-root.type.d.ts.map +1 -1
- package/esm/tree/tree-simple-node.d.ts.map +1 -1
- package/esm/tree/tree-simple-node.js +7 -3
- package/esm/tree/tree-virtual-node.d.ts.map +1 -1
- package/esm/tree/tree-virtual-node.js +6 -3
- package/esm/tree/tree.d.ts.map +1 -1
- package/esm/tree/tree.js +6 -3
- package/esm/tree/tree.type.d.ts +12 -0
- package/esm/tree/tree.type.d.ts.map +1 -1
- package/esm/tree-select/tree-select.d.ts.map +1 -1
- package/esm/tree-select/tree-select.js +2 -1
- package/esm/tree-select/tree-select.type.d.ts +2 -2
- package/esm/tree-select/tree-select.type.d.ts.map +1 -1
- package/package.json +2 -2
- package/cjs/tree/tree-virtual-content.d.ts +0 -5
- package/cjs/tree/tree-virtual-content.d.ts.map +0 -1
- package/cjs/tree/tree-virtual-content.js +0 -202
- package/esm/tree/tree-virtual-content.d.ts +0 -5
- package/esm/tree/tree-virtual-content.d.ts.map +0 -1
- package/esm/tree/tree-virtual-content.js +0 -196
package/cjs/table/thead.js
CHANGED
|
@@ -10,6 +10,7 @@ var _icons = _interopRequireDefault(require("../icons"));
|
|
|
10
10
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
11
11
|
var _checkbox = _interopRequireDefault(require("../checkbox"));
|
|
12
12
|
var _config = require("../config");
|
|
13
|
+
var _theadFilter = require("./thead-filter");
|
|
13
14
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
14
15
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
16
|
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); }
|
|
@@ -118,6 +119,34 @@ var _default = exports.default = function _default(props) {
|
|
|
118
119
|
})
|
|
119
120
|
});
|
|
120
121
|
};
|
|
122
|
+
var renderFilter = function renderFilter(column, columnIndex) {
|
|
123
|
+
if (!column.filter) {
|
|
124
|
+
return null;
|
|
125
|
+
}
|
|
126
|
+
var mode = column.filter.mode;
|
|
127
|
+
var columnKey = typeof column.render === 'string' ? column.render : String(columnIndex);
|
|
128
|
+
if (mode === 'search') {
|
|
129
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_theadFilter.FilterSearch, {
|
|
130
|
+
tableClasses: tableClasses,
|
|
131
|
+
jssStyle: props.jssStyle,
|
|
132
|
+
filter: column.filter,
|
|
133
|
+
filterInfo: props.filterInfo,
|
|
134
|
+
onFilterChange: props.onFilterChange,
|
|
135
|
+
columnKey: columnKey
|
|
136
|
+
});
|
|
137
|
+
}
|
|
138
|
+
if (mode === 'select') {
|
|
139
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_theadFilter.FilterSelect, {
|
|
140
|
+
tableClasses: tableClasses,
|
|
141
|
+
jssStyle: props.jssStyle,
|
|
142
|
+
filter: column.filter,
|
|
143
|
+
filterInfo: props.filterInfo,
|
|
144
|
+
onFilterChange: props.onFilterChange,
|
|
145
|
+
columnKey: columnKey
|
|
146
|
+
});
|
|
147
|
+
}
|
|
148
|
+
return null;
|
|
149
|
+
};
|
|
121
150
|
var renderDrag = function renderDrag(index) {
|
|
122
151
|
if (!props.columnResizable) return null;
|
|
123
152
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
@@ -171,7 +200,7 @@ var _default = exports.default = function _default(props) {
|
|
|
171
200
|
position: 'sticky'
|
|
172
201
|
};
|
|
173
202
|
};
|
|
174
|
-
var createTh = function createTh(trs, col, level, isLast) {
|
|
203
|
+
var createTh = function createTh(trs, col, level, isLast, columnIndex) {
|
|
175
204
|
var colTemp = col;
|
|
176
205
|
var colTemp2 = col;
|
|
177
206
|
var fixedStyle = getFixedStyle(col.fixed, col.index, colTemp2.colSpan || 1, level);
|
|
@@ -179,14 +208,15 @@ var _default = exports.default = function _default(props) {
|
|
|
179
208
|
var isExpand = colTemp.type === 'expand' || colTemp.type === 'row-expand';
|
|
180
209
|
if (colTemp.title || isExpand) {
|
|
181
210
|
var sorter = renderSort(colTemp);
|
|
211
|
+
var filter = renderFilter(colTemp, columnIndex);
|
|
182
212
|
trs[level].push( /*#__PURE__*/(0, _jsxRuntime.jsx)("th", {
|
|
183
213
|
className: cellClassName,
|
|
184
214
|
rowSpan: columnLevel - level + 1,
|
|
185
215
|
style: fixedStyle,
|
|
186
216
|
dir: config.direction,
|
|
187
217
|
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
188
|
-
className: (0, _classnames.default)(sorter && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.hasSorter)),
|
|
189
|
-
children: [renderTitle(colTemp.title),
|
|
218
|
+
className: (0, _classnames.default)(sorter && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.hasSorter), filter && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.hasFilter)),
|
|
219
|
+
children: [renderTitle(colTemp.title), sorter, filter, colTemp.columnResizable !== false && renderDrag(colTemp.index)]
|
|
190
220
|
})
|
|
191
221
|
}, col.key));
|
|
192
222
|
return;
|
|
@@ -236,7 +266,7 @@ var _default = exports.default = function _default(props) {
|
|
|
236
266
|
}, colTemp2.key));
|
|
237
267
|
if (colTemp2.columns) {
|
|
238
268
|
colTemp2.columns.forEach(function (c, index) {
|
|
239
|
-
return createTh(trs, c, level + 1, isLast && colTemp2.columns.length - 1 === index);
|
|
269
|
+
return createTh(trs, c, level + 1, isLast && colTemp2.columns.length - 1 === index, index);
|
|
240
270
|
});
|
|
241
271
|
}
|
|
242
272
|
};
|
|
@@ -248,7 +278,7 @@ var _default = exports.default = function _default(props) {
|
|
|
248
278
|
});
|
|
249
279
|
groupColumns.forEach(function (col, index) {
|
|
250
280
|
var isLast = index === groupColumns.length - 1;
|
|
251
|
-
createTh(trs, col, 0, isLast);
|
|
281
|
+
createTh(trs, col, 0, isLast, index);
|
|
252
282
|
});
|
|
253
283
|
return trs.map(function (tr, i) {
|
|
254
284
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)("tr", {
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { TableProps, ListDatum } from './table.type';
|
|
2
|
-
import { useTableSort, useTableLayout } from '@sheinx/hooks';
|
|
2
|
+
import { useTableSort, useTableFilter, useTableLayout } from '@sheinx/hooks';
|
|
3
3
|
import type { TableFormatColumn, OptionalToRequired } from '@sheinx/hooks';
|
|
4
4
|
export type UseTableLayoutResultFunc = ReturnType<typeof useTableLayout>['func'];
|
|
5
|
-
export interface TheadProps extends Pick<OptionalToRequired<TableProps<any, any>>, 'data' | 'jssStyle' | 'onColumnResize' | 'columnResizable' | 'showSelectAll' | 'renderSorter' | 'radio' | 'disabled' | 'treeCheckAll' | 'sortDirections'>, Pick<ReturnType<typeof useTableSort<any>>, 'sortInfo' | 'onSorterChange'>, Pick<UseTableLayoutResultFunc, 'dragCol' | 'resizeCol'> {
|
|
5
|
+
export interface TheadProps extends Pick<OptionalToRequired<TableProps<any, any>>, 'data' | 'jssStyle' | 'onColumnResize' | 'columnResizable' | 'showSelectAll' | 'renderSorter' | 'radio' | 'disabled' | 'treeCheckAll' | 'sortDirections'>, Pick<ReturnType<typeof useTableSort<any>>, 'sortInfo' | 'onSorterChange'>, Pick<ReturnType<typeof useTableFilter<any>>, 'filterInfo' | 'onFilterChange'>, Pick<UseTableLayoutResultFunc, 'dragCol' | 'resizeCol'> {
|
|
6
6
|
columns: TableFormatColumn<any>[];
|
|
7
7
|
isScrollY?: boolean;
|
|
8
8
|
bordered?: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"thead.type.d.ts","sourceRoot":"","sources":["thead.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"thead.type.d.ts","sourceRoot":"","sources":["thead.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC7E,OAAO,KAAK,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAE3E,MAAM,MAAM,wBAAwB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAC;AAEjF,MAAM,WAAW,UACf,SAAQ,IAAI,CACR,kBAAkB,CAAC,UAAU,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,EACtC,MAAM,GACN,UAAU,GACV,gBAAgB,GAChB,iBAAiB,GACjB,eAAe,GACf,cAAc,GACd,OAAO,GACP,UAAU,GACV,cAAc,GACd,gBAAgB,CACnB,EACD,IAAI,CAAC,UAAU,CAAC,OAAO,YAAY,CAAC,GAAG,CAAC,CAAC,EAAE,UAAU,GAAG,gBAAgB,CAAC,EACzE,IAAI,CAAC,UAAU,CAAC,OAAO,cAAc,CAAC,GAAG,CAAC,CAAC,EAAE,YAAY,GAAG,gBAAgB,CAAC,EAC7E,IAAI,CAAC,wBAAwB,EAAE,SAAS,GAAG,WAAW,CAAC;IACzD,OAAO,EAAE,iBAAiB,CAAC,GAAG,CAAC,EAAE,CAAC;IAClC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC,EAAE,CAAC;IAC1C,KAAK,EAAE,SAAS,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,EAAE,MAAM,GAAG,SAAS,CAAC;CACrC"}
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { TreeCheckboxProps } from './tree-checkbox.type';
|
|
2
|
-
|
|
3
|
-
declare const TreeCheckbox: <Value extends KeygenResult[]>(props: TreeCheckboxProps<Value>) => import("react/jsx-runtime").JSX.Element;
|
|
2
|
+
declare const TreeCheckbox: (props: TreeCheckboxProps) => import("react/jsx-runtime").JSX.Element;
|
|
4
3
|
export default TreeCheckbox;
|
|
5
4
|
//# sourceMappingURL=tree-checkbox.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tree-checkbox.d.ts","sourceRoot":"","sources":["tree-checkbox.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;
|
|
1
|
+
{"version":3,"file":"tree-checkbox.d.ts","sourceRoot":"","sources":["tree-checkbox.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAIzD,QAAA,MAAM,YAAY,UAAW,iBAAiB,4CAsB7C,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
|
@@ -14,22 +14,9 @@ var TreeCheckbox = function TreeCheckbox(props) {
|
|
|
14
14
|
id = props.id,
|
|
15
15
|
onChange = props.onChange,
|
|
16
16
|
disabled = props.disabled,
|
|
17
|
-
|
|
17
|
+
checked = props.checked;
|
|
18
18
|
var _useTreeContext = (0, _treeContext.useTreeContext)(),
|
|
19
|
-
getValue = _useTreeContext.getValue,
|
|
20
|
-
set = _useTreeContext.set,
|
|
21
|
-
getChecked = _useTreeContext.getChecked,
|
|
22
19
|
unBindUpdate = _useTreeContext.unBindUpdate;
|
|
23
|
-
var handleChange = function handleChange(_, checked) {
|
|
24
|
-
set(id, checked ? 1 : 0);
|
|
25
|
-
if (onChange) {
|
|
26
|
-
onChange(getValue(), id);
|
|
27
|
-
}
|
|
28
|
-
};
|
|
29
|
-
var handleClick = function handleClick(e) {
|
|
30
|
-
onClick === null || onClick === void 0 || onClick(e);
|
|
31
|
-
};
|
|
32
|
-
var checked = getChecked(id);
|
|
33
20
|
(0, _react.useEffect)(function () {
|
|
34
21
|
return function () {
|
|
35
22
|
unBindUpdate(id);
|
|
@@ -43,8 +30,8 @@ var TreeCheckbox = function TreeCheckbox(props) {
|
|
|
43
30
|
jssStyle: jssStyle,
|
|
44
31
|
checked: checked,
|
|
45
32
|
disabled: disabled,
|
|
46
|
-
onChange:
|
|
47
|
-
|
|
33
|
+
onChange: onChange,
|
|
34
|
+
needStopPropagation: true
|
|
48
35
|
});
|
|
49
36
|
};
|
|
50
37
|
var _default = exports.default = TreeCheckbox;
|
|
@@ -1,12 +1,11 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import { KeygenResult } from '@sheinx/hooks';
|
|
3
2
|
import { CommonType } from '../common/type';
|
|
4
3
|
import { JsstyleType } from './tree.type';
|
|
5
|
-
export interface TreeCheckboxProps
|
|
4
|
+
export interface TreeCheckboxProps extends Pick<CommonType, 'className'> {
|
|
6
5
|
jssStyle?: JsstyleType;
|
|
7
6
|
id: KeygenResult;
|
|
8
7
|
disabled?: boolean;
|
|
9
|
-
|
|
10
|
-
onChange?: (
|
|
8
|
+
checked: boolean | "indeterminate";
|
|
9
|
+
onChange?: (_: any, checked: boolean) => void;
|
|
11
10
|
}
|
|
12
11
|
//# sourceMappingURL=tree-checkbox.type.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tree-checkbox.type.d.ts","sourceRoot":"","sources":["tree-checkbox.type.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"tree-checkbox.type.d.ts","sourceRoot":"","sources":["tree-checkbox.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE1C,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,UAAU,EAAE,WAAW,CAAC;IACtE,QAAQ,CAAC,EAAE,WAAW,CAAC;IACvB,EAAE,EAAE,YAAY,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,OAAO,GAAG,eAAe,CAAC;IACnC,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;CAC/C"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tree-content.d.ts","sourceRoot":"","sources":["tree-content.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAmB,MAAM,eAAe,CAAC;AAE9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAOvD,QAAA,MAAM,WAAW,+
|
|
1
|
+
{"version":3,"file":"tree-content.d.ts","sourceRoot":"","sources":["tree-content.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAmB,MAAM,eAAe,CAAC;AAE9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAOvD,QAAA,MAAM,WAAW,+HAkOhB,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
package/cjs/tree/tree-content.js
CHANGED
|
@@ -22,6 +22,9 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
|
|
|
22
22
|
var NodeContent = function NodeContent(props) {
|
|
23
23
|
var jssStyle = props.jssStyle,
|
|
24
24
|
id = props.id,
|
|
25
|
+
virtual = props.virtual,
|
|
26
|
+
_props$level = props.level,
|
|
27
|
+
level = _props$level === void 0 ? 0 : _props$level,
|
|
25
28
|
active = props.active,
|
|
26
29
|
data = props.data,
|
|
27
30
|
line = props.line,
|
|
@@ -42,7 +45,8 @@ var NodeContent = function NodeContent(props) {
|
|
|
42
45
|
onChange = props.onChange,
|
|
43
46
|
onToggle = props.onToggle,
|
|
44
47
|
onDragOver = props.onDragOver,
|
|
45
|
-
onNodeClick = props.onNodeClick
|
|
48
|
+
onNodeClick = props.onNodeClick,
|
|
49
|
+
actionOnClick = props.actionOnClick;
|
|
46
50
|
var forceUpdate = (0, _hooks.useRender)();
|
|
47
51
|
var _useTreeContext = (0, _treeContext.useTreeContext)(),
|
|
48
52
|
isDisabled = _useTreeContext.isDisabled,
|
|
@@ -53,8 +57,7 @@ var NodeContent = function NodeContent(props) {
|
|
|
53
57
|
var contentStyle = (jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.tree()) || {};
|
|
54
58
|
var rootClass = (0, _classnames.default)(contentStyle.contentWrapper, _defineProperty(_defineProperty(_defineProperty({}, contentStyle.childnode, data[childrenKey] && data[childrenKey].length > 0), contentStyle.inlineContent, inlineNode), contentStyle.contentDisabled, disabled));
|
|
55
59
|
var contentClass = (0, _classnames.default)(contentStyle.content, _hooks.util.isString(contentClassProp) && contentClassProp, _hooks.util.isFunc(contentClassProp) && contentClassProp(data));
|
|
56
|
-
|
|
57
|
-
var textClass = (0, _classnames.default)(contentStyle.text);
|
|
60
|
+
var textClass = (0, _classnames.default)(contentStyle.text, _defineProperty({}, contentStyle.textClickable, actionOnClick && !_hooks.util.isEmpty(actionOnClick) || parentClickExpand || doubleClickExpand));
|
|
58
61
|
var hasExpandIcons = expandIcons !== undefined;
|
|
59
62
|
var children = data[childrenKey];
|
|
60
63
|
var hasChildren = children && children.length > 0;
|
|
@@ -68,7 +71,7 @@ var NodeContent = function NodeContent(props) {
|
|
|
68
71
|
// }
|
|
69
72
|
return dataProps;
|
|
70
73
|
};
|
|
71
|
-
var
|
|
74
|
+
var handleNodeExpand = function handleNodeExpand() {
|
|
72
75
|
onToggle === null || onToggle === void 0 || onToggle(id);
|
|
73
76
|
if (data[childrenKey] !== undefined) return;
|
|
74
77
|
if (loader) {
|
|
@@ -81,20 +84,43 @@ var NodeContent = function NodeContent(props) {
|
|
|
81
84
|
}
|
|
82
85
|
}
|
|
83
86
|
};
|
|
87
|
+
var _useTreeContext2 = (0, _treeContext.useTreeContext)(),
|
|
88
|
+
getValue = _useTreeContext2.getValue,
|
|
89
|
+
set = _useTreeContext2.set,
|
|
90
|
+
getChecked = _useTreeContext2.getChecked;
|
|
91
|
+
// 选中节点前的复选框
|
|
92
|
+
var handleNodeCheck = function handleNodeCheck(_, checked) {
|
|
93
|
+
set(id, checked ? 1 : 0);
|
|
94
|
+
if (onChange) {
|
|
95
|
+
onChange(getValue());
|
|
96
|
+
}
|
|
97
|
+
};
|
|
98
|
+
var checked = getChecked(id);
|
|
84
99
|
var handleNodeClick = function handleNodeClick() {
|
|
85
|
-
// if (disabled) return;
|
|
86
100
|
if (parentClickExpand && hasChildren) {
|
|
87
|
-
|
|
101
|
+
handleNodeExpand();
|
|
88
102
|
} else {
|
|
89
103
|
onNodeClick(data, id);
|
|
90
104
|
}
|
|
105
|
+
if (!actionOnClick) return;
|
|
106
|
+
if (actionOnClick.indexOf('expand') > -1) {
|
|
107
|
+
handleNodeExpand();
|
|
108
|
+
}
|
|
109
|
+
if (actionOnClick.indexOf('check') > -1) {
|
|
110
|
+
handleNodeCheck(null, !checked);
|
|
111
|
+
}
|
|
91
112
|
};
|
|
92
|
-
|
|
113
|
+
|
|
114
|
+
// 双击节点展开子节点
|
|
115
|
+
var onNodeDoubleClick = function onNodeDoubleClick() {
|
|
93
116
|
if (!doubleClickExpand) return;
|
|
94
|
-
if (hasChildren)
|
|
117
|
+
if (hasChildren) handleNodeExpand();
|
|
95
118
|
};
|
|
96
119
|
var renderLoading = function renderLoading() {
|
|
97
120
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
121
|
+
style: virtual ? {
|
|
122
|
+
left: (level - 1) * 24
|
|
123
|
+
} : undefined,
|
|
98
124
|
className: contentStyle.iconWrapper,
|
|
99
125
|
"data-expanded": expanded,
|
|
100
126
|
"data-icon": hasExpandIcons,
|
|
@@ -119,20 +145,23 @@ var NodeContent = function NodeContent(props) {
|
|
|
119
145
|
dir: config.direction,
|
|
120
146
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
121
147
|
className: (0, _classnames.default)(contentStyle.icon, iconClass),
|
|
122
|
-
onClick:
|
|
148
|
+
onClick: handleNodeExpand,
|
|
123
149
|
dir: config.direction,
|
|
124
150
|
children: _hooks.util.isFunc(icon) ? icon(data) : icon
|
|
125
151
|
})
|
|
126
152
|
});
|
|
127
153
|
} else {
|
|
128
154
|
indicator = /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
155
|
+
style: virtual ? {
|
|
156
|
+
left: (level - 1) * 24
|
|
157
|
+
} : undefined,
|
|
129
158
|
className: contentStyle.iconWrapper,
|
|
130
159
|
"data-expanded": expanded,
|
|
131
160
|
"data-icon": hasExpandIcons,
|
|
132
161
|
dir: config.direction,
|
|
133
162
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
134
163
|
className: (0, _classnames.default)(contentStyle.icon, iconClass),
|
|
135
|
-
onClick:
|
|
164
|
+
onClick: handleNodeExpand,
|
|
136
165
|
dir: config.direction,
|
|
137
166
|
children: _hooks.util.isFunc(icon) ? icon(data) : hasExpandIcons ? icon : _icons.default.tree.Expand
|
|
138
167
|
})
|
|
@@ -150,7 +179,8 @@ var NodeContent = function NodeContent(props) {
|
|
|
150
179
|
id: id,
|
|
151
180
|
disabled: disabled,
|
|
152
181
|
className: contentStyle.checkbox,
|
|
153
|
-
|
|
182
|
+
checked: checked,
|
|
183
|
+
onChange: handleNodeCheck
|
|
154
184
|
});
|
|
155
185
|
};
|
|
156
186
|
var renderNode = function renderNode() {
|
|
@@ -159,29 +189,23 @@ var NodeContent = function NodeContent(props) {
|
|
|
159
189
|
};
|
|
160
190
|
return render(data, expanded, active, id);
|
|
161
191
|
};
|
|
162
|
-
var contentEvent = {
|
|
163
|
-
onClick: inlineNode ? undefined : handleNodeClick
|
|
164
|
-
};
|
|
165
|
-
var textEvent = {
|
|
166
|
-
onClick: inlineNode ? handleNodeClick : undefined
|
|
167
|
-
};
|
|
168
192
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
169
193
|
className: rootClass,
|
|
170
194
|
onDragOver: onDragOver,
|
|
171
195
|
dir: config.direction,
|
|
172
|
-
children: [renderIndicator(), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread(
|
|
196
|
+
children: [renderIndicator(), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread({
|
|
173
197
|
dir: config.direction,
|
|
174
198
|
"data-expanded": expanded,
|
|
175
199
|
ref: bindContent,
|
|
176
200
|
className: contentClass
|
|
177
|
-
}, contentDataProps()),
|
|
178
|
-
children: [onChange && renderCheckbox(), /*#__PURE__*/(0, _jsxRuntime.jsx)("div",
|
|
201
|
+
}, contentDataProps()), {}, {
|
|
202
|
+
children: [onChange && renderCheckbox(), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
179
203
|
dir: config.direction,
|
|
180
204
|
className: textClass,
|
|
181
|
-
onDoubleClick:
|
|
182
|
-
|
|
205
|
+
onDoubleClick: onNodeDoubleClick,
|
|
206
|
+
onClick: handleNodeClick,
|
|
183
207
|
children: renderNode()
|
|
184
|
-
})
|
|
208
|
+
})]
|
|
185
209
|
}))]
|
|
186
210
|
});
|
|
187
211
|
};
|
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { BaseTreeProps, KeygenResult, UpdateFunc } from '@sheinx/hooks';
|
|
3
|
-
import { JsstyleType, TreeRenderItemType } from './tree.type';
|
|
4
|
-
export interface TreeContextProps<DataItem, Value extends KeygenResult[]> extends Omit<BaseTreeProps<DataItem>, 'data' | 'childrenKey' | 'expanded' | 'active'> {
|
|
3
|
+
import { JsstyleType, TreeRenderItemType, TreeProps } from './tree.type';
|
|
4
|
+
export interface TreeContextProps<DataItem, Value extends KeygenResult[]> extends Omit<BaseTreeProps<DataItem>, 'data' | 'childrenKey' | 'expanded' | 'active'>, Pick<TreeProps<DataItem, Value>, 'actionOnClick'> {
|
|
5
5
|
jssStyle?: JsstyleType;
|
|
6
6
|
id: KeygenResult;
|
|
7
|
+
virtual?: boolean;
|
|
8
|
+
level?: number;
|
|
7
9
|
parentClickExpand?: boolean;
|
|
8
10
|
doubleClickExpand?: boolean;
|
|
9
11
|
data: DataItem;
|
|
@@ -17,7 +19,7 @@ export interface TreeContextProps<DataItem, Value extends KeygenResult[]> extend
|
|
|
17
19
|
childrenKey: keyof DataItem;
|
|
18
20
|
renderItem: TreeRenderItemType<DataItem>;
|
|
19
21
|
childrenClass?: ((data: DataItem) => string) | string;
|
|
20
|
-
bindNode
|
|
22
|
+
bindNode?: (id: KeygenResult, update: UpdateFunc, data: DataItem) => {
|
|
21
23
|
expanded: boolean;
|
|
22
24
|
active: boolean;
|
|
23
25
|
};
|
|
@@ -29,7 +31,7 @@ export interface TreeContextProps<DataItem, Value extends KeygenResult[]> extend
|
|
|
29
31
|
setFetching: (value: boolean) => void;
|
|
30
32
|
onToggle?: (id: KeygenResult, expanded?: boolean) => void;
|
|
31
33
|
onFetch: () => void;
|
|
32
|
-
onDragOver
|
|
34
|
+
onDragOver?: (e: React.DragEvent) => void;
|
|
33
35
|
onNodeClick: (data: DataItem, id: KeygenResult) => void;
|
|
34
36
|
onChange?: (value: Value) => void;
|
|
35
37
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tree-content.type.d.ts","sourceRoot":"","sources":["tree-content.type.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AACxE,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"tree-content.type.d.ts","sourceRoot":"","sources":["tree-content.type.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tree-list.d.ts","sourceRoot":"","sources":["tree-list.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAG7C,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD,QAAA,MAAM,IAAI,
|
|
1
|
+
{"version":3,"file":"tree-list.d.ts","sourceRoot":"","sources":["tree-list.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAG7C,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD,QAAA,MAAM,IAAI,mIAqHT,CAAC;AAEF,eAAe,IAAI,CAAC"}
|
package/cjs/tree/tree-list.js
CHANGED
|
@@ -54,7 +54,8 @@ var List = function List(props) {
|
|
|
54
54
|
childrenClass = props.childrenClass,
|
|
55
55
|
childrenClassName = props.childrenClassName,
|
|
56
56
|
parentClickExpand = props.parentClickExpand,
|
|
57
|
-
doubleClickExpand = props.doubleClickExpand
|
|
57
|
+
doubleClickExpand = props.doubleClickExpand,
|
|
58
|
+
actionOnClick = props.actionOnClick;
|
|
58
59
|
var listClass = (jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.tree()) || {};
|
|
59
60
|
var rootClass = (0, _classnames.default)(className || listClass.children, childrenClassName);
|
|
60
61
|
var getKey = function getKey(data, index) {
|
|
@@ -105,7 +106,8 @@ var List = function List(props) {
|
|
|
105
106
|
onDragOver: onDragOver,
|
|
106
107
|
onDragStart: onDragStart,
|
|
107
108
|
onDragEnd: onDragEnd,
|
|
108
|
-
onDragLeave: onDragLeave
|
|
109
|
+
onDragLeave: onDragLeave,
|
|
110
|
+
actionOnClick: actionOnClick
|
|
109
111
|
}, id);
|
|
110
112
|
};
|
|
111
113
|
if (!expanded && !hasExpanded.current) return null;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { BaseTreeProps, KeygenResult, UpdateFunc } from '@sheinx/hooks';
|
|
3
3
|
import { CommonType } from '../common/type';
|
|
4
|
-
import { JsstyleType, TreeRenderItemType } from './tree.type';
|
|
5
|
-
export interface TreeListProps<DataItem, Value extends KeygenResult[]> extends Omit<BaseTreeProps<DataItem>, 'childrenKey' | 'expanded'>, Pick<CommonType, 'className' | 'style'> {
|
|
4
|
+
import { JsstyleType, TreeRenderItemType, TreeProps } from './tree.type';
|
|
5
|
+
export interface TreeListProps<DataItem, Value extends KeygenResult[]> extends Omit<BaseTreeProps<DataItem>, 'childrenKey' | 'expanded'>, Pick<CommonType, 'className' | 'style'>, Pick<TreeProps<DataItem, Value>, 'actionOnClick'> {
|
|
6
6
|
jssStyle?: JsstyleType;
|
|
7
7
|
id?: KeygenResult;
|
|
8
8
|
line: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tree-list.type.d.ts","sourceRoot":"","sources":["tree-list.type.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AACxE,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"tree-list.type.d.ts","sourceRoot":"","sources":["tree-list.type.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tree-node.d.ts","sourceRoot":"","sources":["tree-node.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAE7C,QAAA,MAAM,QAAQ,
|
|
1
|
+
{"version":3,"file":"tree-node.d.ts","sourceRoot":"","sources":["tree-node.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAE7C,QAAA,MAAM,QAAQ,4HAWb,CAAC;AAEF,eAAe,QAAQ,CAAC"}
|
package/cjs/tree/tree-node.js
CHANGED
|
@@ -16,6 +16,7 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
|
|
|
16
16
|
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
|
|
17
17
|
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
18
18
|
var TreeNode = function TreeNode(props) {
|
|
19
|
+
// TODO: 外部没有传递 virtual 属性的用法,考虑删除
|
|
19
20
|
var virtual = props.virtual;
|
|
20
21
|
if (virtual) {
|
|
21
22
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_treeVirtualNode.default, _objectSpread(_objectSpread({}, props), {}, {
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { CommonType } from '../common/type';
|
|
3
3
|
import { BaseTreeProps, KeygenResult, UpdateFunc } from '@sheinx/hooks';
|
|
4
|
-
import { JsstyleType, TreeRenderItemType } from './tree.type';
|
|
4
|
+
import { JsstyleType, TreeRenderItemType, TreeProps } from './tree.type';
|
|
5
5
|
import { TreeListProps } from './tree-list.type';
|
|
6
|
-
export interface TreeSimpleNodeProps<DataItem, Value extends KeygenResult[]> extends Omit<BaseTreeProps<DataItem>, 'data' | 'childrenKey' | 'expanded'>, Pick<CommonType, 'className'> {
|
|
6
|
+
export interface TreeSimpleNodeProps<DataItem, Value extends KeygenResult[]> extends Omit<BaseTreeProps<DataItem>, 'data' | 'childrenKey' | 'expanded'>, Pick<CommonType, 'className'>, Pick<TreeProps<DataItem, Value>, 'actionOnClick'> {
|
|
7
7
|
jssStyle?: JsstyleType;
|
|
8
8
|
id: KeygenResult;
|
|
9
9
|
data: DataItem;
|
|
@@ -41,7 +41,7 @@ export interface TreeSimpleNodeProps<DataItem, Value extends KeygenResult[]> ext
|
|
|
41
41
|
onDragOver?: (e: React.DragEvent, data: DataItem) => void;
|
|
42
42
|
onDragLeave?: (e: React.DragEvent, data: DataItem) => void;
|
|
43
43
|
}
|
|
44
|
-
export interface TreeVirtualNodeProps<DataItem, Value extends KeygenResult[]> extends Omit<BaseTreeProps<DataItem>, 'data' | 'childrenKey'>, Pick<CommonType, 'className'> {
|
|
44
|
+
export interface TreeVirtualNodeProps<DataItem, Value extends KeygenResult[]> extends Omit<BaseTreeProps<DataItem>, 'data' | 'childrenKey'>, Pick<CommonType, 'className'>, Pick<TreeProps<DataItem, Value>, 'actionOnClick'> {
|
|
45
45
|
jssStyle?: JsstyleType;
|
|
46
46
|
id: KeygenResult;
|
|
47
47
|
data: DataItem;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tree-node.type.d.ts","sourceRoot":"","sources":["tree-node.type.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AACxE,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"tree-node.type.d.ts","sourceRoot":"","sources":["tree-node.type.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tree-root.d.ts","sourceRoot":"","sources":["tree-root.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"tree-root.d.ts","sourceRoot":"","sources":["tree-root.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAIjD,QAAA,MAAM,IAAI,4HAyBT,CAAC;AAEF,eAAe,IAAI,CAAC"}
|
package/cjs/tree/tree-root.js
CHANGED
|
@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
7
|
exports.default = void 0;
|
|
8
|
+
var _react = require("react");
|
|
8
9
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
9
10
|
var _treeList = _interopRequireDefault(require("./tree-list"));
|
|
10
11
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
@@ -23,7 +24,17 @@ var Root = function Root(props) {
|
|
|
23
24
|
rootStyle = _props$rootStyle === void 0 ? {} : _props$rootStyle,
|
|
24
25
|
rest = _objectWithoutProperties(props, _excluded);
|
|
25
26
|
var treeStyle = (jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.tree()) || {};
|
|
26
|
-
var
|
|
27
|
+
var notTree = (0, _react.useMemo)(function () {
|
|
28
|
+
if (!props.data) return true;
|
|
29
|
+
return props.data.every(function (item) {
|
|
30
|
+
if (!item) return true;
|
|
31
|
+
if (!item[props.childrenKey]) return !props.loader;
|
|
32
|
+
if (item[props.childrenKey] === null) return true;
|
|
33
|
+
if (Array.isArray(item[props.childrenKey]) && item[props.childrenKey].length === 0) return true;
|
|
34
|
+
return false;
|
|
35
|
+
});
|
|
36
|
+
}, [props.data]);
|
|
37
|
+
var rootClass = (0, _classnames.default)(treeStyle.root, notTree && treeStyle.notTree);
|
|
27
38
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_treeList.default, _objectSpread(_objectSpread({}, rest), {}, {
|
|
28
39
|
expanded: true,
|
|
29
40
|
className: rootClass,
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { JsstyleType, TreeRenderItemType } from './tree.type';
|
|
2
|
+
import { JsstyleType, TreeRenderItemType, TreeProps } from './tree.type';
|
|
3
3
|
import { BaseTreeProps, KeygenResult, UpdateFunc, ObjectKey } from '@sheinx/hooks';
|
|
4
|
-
export interface TreeRootProps<DataItem, Value extends KeygenResult[]> extends Omit<BaseTreeProps<DataItem>, 'chilrdrenKey'> {
|
|
4
|
+
export interface TreeRootProps<DataItem, Value extends KeygenResult[]> extends Omit<BaseTreeProps<DataItem>, 'chilrdrenKey'>, Pick<TreeProps<DataItem, Value>, 'actionOnClick'> {
|
|
5
5
|
jssStyle?: JsstyleType;
|
|
6
6
|
line: boolean;
|
|
7
7
|
childrenClass?: ((data: DataItem) => string) | string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tree-root.type.d.ts","sourceRoot":"","sources":["tree-root.type.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"tree-root.type.d.ts","sourceRoot":"","sources":["tree-root.type.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tree-simple-node.d.ts","sourceRoot":"","sources":["tree-simple-node.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,EAAiC,YAAY,EAAE,MAAM,eAAe,CAAC;AAkB5E,QAAA,MAAM,IAAI,
|
|
1
|
+
{"version":3,"file":"tree-simple-node.d.ts","sourceRoot":"","sources":["tree-simple-node.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,EAAiC,YAAY,EAAE,MAAM,eAAe,CAAC;AAkB5E,QAAA,MAAM,IAAI,kIA4ST,CAAC;AAEF,eAAe,IAAI,CAAC"}
|
|
@@ -68,7 +68,8 @@ var Node = function Node(props) {
|
|
|
68
68
|
onDragLeave = props.onDragLeave,
|
|
69
69
|
onDragStart = props.onDragStart,
|
|
70
70
|
onDragEnd = props.onDragEnd,
|
|
71
|
-
List = props.listComponent
|
|
71
|
+
List = props.listComponent,
|
|
72
|
+
actionOnClick = props.actionOnClick;
|
|
72
73
|
initPlaceElement();
|
|
73
74
|
var config = (0, _config.useConfig)();
|
|
74
75
|
var element = (0, _react.useRef)(null);
|
|
@@ -233,7 +234,8 @@ var Node = function Node(props) {
|
|
|
233
234
|
dragSibling: dragSibling,
|
|
234
235
|
dragHoverExpand: dragHoverExpand,
|
|
235
236
|
dragImageStyle: dragImageStyle,
|
|
236
|
-
dragImageSelector: dragImageSelector
|
|
237
|
+
dragImageSelector: dragImageSelector,
|
|
238
|
+
actionOnClick: actionOnClick
|
|
237
239
|
};
|
|
238
240
|
};
|
|
239
241
|
var getDropProps = function getDropProps() {
|
|
@@ -253,6 +255,7 @@ var Node = function Node(props) {
|
|
|
253
255
|
className: rootClass,
|
|
254
256
|
dir: config.direction,
|
|
255
257
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_treeContent.default, {
|
|
258
|
+
virtual: false,
|
|
256
259
|
jssStyle: jssStyle,
|
|
257
260
|
isControlled: isControlled,
|
|
258
261
|
id: id,
|
|
@@ -281,7 +284,8 @@ var Node = function Node(props) {
|
|
|
281
284
|
onFetch: handleFetch,
|
|
282
285
|
onNodeClick: onNodeClick,
|
|
283
286
|
onDragOver: handleDragOver,
|
|
284
|
-
onToggle: handleToggle
|
|
287
|
+
onToggle: handleToggle,
|
|
288
|
+
actionOnClick: actionOnClick
|
|
285
289
|
}), hasChildren && /*#__PURE__*/(0, _react.createElement)(List, getChildrenListProps())]
|
|
286
290
|
}));
|
|
287
291
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tree-virtual-node.d.ts","sourceRoot":"","sources":["tree-virtual-node.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAExD,OAAO,EAA4B,YAAY,EAAE,MAAM,eAAe,CAAC;AAKvE,QAAA,MAAM,WAAW,
|
|
1
|
+
{"version":3,"file":"tree-virtual-node.d.ts","sourceRoot":"","sources":["tree-virtual-node.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAExD,OAAO,EAA4B,YAAY,EAAE,MAAM,eAAe,CAAC;AAKvE,QAAA,MAAM,WAAW,mIA4HhB,CAAC;AAEF,eAAe,WAAW,CAAC"}
|