@teamix/pro 1.5.16 → 1.5.18-beta
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/dist/fonts/txddinmedium.woff +0 -0
- package/dist/pro.all.min.css +1 -0
- package/dist/pro.css +1 -0
- package/dist/pro.js +114772 -0
- package/dist/pro.min.css +1 -0
- package/dist/pro.min.js +2 -0
- package/dist/pro.min.js.LICENSE.txt +47 -0
- package/dist/pro.xconsole.min.css +1 -0
- package/es/actions/dialog-component.js +1 -4
- package/es/actions/dialog-form.js +4 -3
- package/es/actions/dialog.js +2 -1
- package/es/actions/index.js +35 -22
- package/es/actions/quick.js +1 -4
- package/es/card/card-container.js +12 -5
- package/es/card/divider.js +2 -4
- package/es/card/index.js +18 -7
- package/es/card/selectable.js +2 -4
- package/es/card/tab.js +2 -4
- package/es/form/Components/Editable/index.js +1 -1
- package/es/form/Components/FormGroup/index.js +4 -3
- package/es/form/Components/LightFilter/index.js +11 -2
- package/es/form/Components/ProField/index.js +2 -4
- package/es/form/Components/Text/index.js +2 -4
- package/es/form/Filter/AdvancedFilter.js +16 -14
- package/es/form/Filter/LightFilter.js +13 -9
- package/es/form/Filter/SimpleFilter.js +8 -5
- package/es/form/Filter/index.js +24 -7
- package/es/form/Filter/index.scss +1 -0
- package/es/form/Filter/index2.js +22 -17
- package/es/form/Filter/index2.scss +1 -0
- package/es/form/Filter/useBindUrl.js +3 -0
- package/es/form/Filter/useSpecialProps.js +1 -0
- package/es/form/ProForm/index.js +5 -2
- package/es/form/ProForm/useAutoLayout.js +4 -0
- package/es/form/ProForm/useFormDisplayValues.js +1 -0
- package/es/form/SchemaForm/adapterComponent.js +1 -0
- package/es/form/SchemaForm/adapterDecorator.js +1 -0
- package/es/form/SchemaForm/adapterType.js +1 -0
- package/es/form/SchemaForm/index.js +13 -0
- package/es/form/SchemaForm/initializeFormButton.js +2 -0
- package/es/form/SchemaForm/initializeReactions.js +1 -0
- package/es/form/SchemaForm/initializeSelectTable.js +1 -0
- package/es/form/SchemaForm/reactions.js +5 -0
- package/es/form/index.js +4 -0
- package/es/form/utils.js +12 -0
- package/es/form/warning.js +2 -0
- package/es/index.js +3 -1
- package/es/info/components/InfoGroup/index.js +2 -4
- package/es/info/components/InfoValueItem/index.js +32 -20
- package/es/info/components/ProInfoItem/index.js +1 -0
- package/es/info/components/baseInfo/index.js +3 -0
- package/es/info/components/tableInfo/index.js +6 -4
- package/es/info/index.js +11 -5
- package/es/info/utils/index.js +3 -0
- package/es/layout/index.js +2 -0
- package/es/nocode/index.js +2 -0
- package/es/nocode/pages/index.js +3 -0
- package/es/nocode/pages/playground.js +3 -5
- package/es/nocode/pages/renderer.js +4 -6
- package/es/nocode/playground.js +2 -4
- package/es/page-header/index.js +12 -7
- package/es/sidebar/components/sidebar-container/index.js +10 -7
- package/es/sidebar/components/tree/index.js +22 -4
- package/es/sidebar/components/tree-node/components/HoverTooltip/index.js +3 -4
- package/es/sidebar/components/tree-node/components/IconAction/index.js +4 -2
- package/es/sidebar/components/tree-node/components/IconSwitch/index.js +1 -0
- package/es/sidebar/components/tree-node/index.js +29 -16
- package/es/sidebar/index.js +15 -4
- package/es/sidebar/utils/index.js +19 -11
- package/es/table/components/CardView/index.js +29 -13
- package/es/table/components/Filter/index.js +11 -0
- package/es/table/components/Layout/index.js +13 -8
- package/es/table/components/LoadMore/index.js +3 -0
- package/es/table/components/Pagination/index.js +12 -10
- package/es/table/components/QuickAction/index.js +3 -2
- package/es/table/components/ToolBar/CardSwitch.js +2 -0
- package/es/table/components/ToolBar/DensityIcon.js +7 -2
- package/es/table/components/ToolBar/FilterColumnIcon.js +9 -0
- package/es/table/components/ToolBar/FullScreenIcon.js +1 -0
- package/es/table/components/ToolBar/Fullscreen.js +3 -0
- package/es/table/components/ToolBar/RefreshIcon.js +11 -0
- package/es/table/components/ToolBar/index.js +13 -10
- package/es/table/index.js +138 -51
- package/es/table/index.scss +26 -0
- package/es/table/utils/columnRender.js +78 -27
- package/es/table/utils/genAutoWidthColumns.js +340 -0
- package/es/table/utils/index.js +6 -0
- package/es/table/utils/pureColumnRender.js +9 -1
- package/es/templates/List/index.js +4 -6
- package/es/templates/index.js +2 -1
- package/es/timeline/ProTimeLineItem/index.js +8 -4
- package/es/timeline/index.js +5 -5
- package/es/utils/message.js +3 -5
- package/es/xconsole.scss +23 -0
- package/lib/form/Filter/index.scss +1 -0
- package/lib/form/Filter/index2.scss +1 -0
- package/lib/index.d.ts +1 -1
- package/lib/index.js +1 -1
- package/lib/table/components/CardView/index.js +5 -10
- package/lib/table/components/ToolBar/index.js +10 -7
- package/lib/table/index.js +72 -25
- package/lib/table/index.scss +26 -0
- package/lib/table/typing.d.ts +11 -1
- package/lib/table/utils/columnRender.d.ts +1 -0
- package/lib/table/utils/columnRender.js +51 -4
- package/lib/table/utils/genAutoWidthColumns.d.ts +35 -0
- package/lib/table/utils/genAutoWidthColumns.js +345 -0
- package/lib/xconsole.scss +23 -0
- package/package.json +1 -1
- package/es/actions/base.d.ts +0 -24
- package/es/actions/confirm.d.ts +0 -7
- package/es/actions/danger-confirm.d.ts +0 -7
- package/es/actions/danger-pop-confirm.d.ts +0 -5
- package/es/actions/dialog-component.d.ts +0 -10
- package/es/actions/dialog-form.d.ts +0 -29
- package/es/actions/dialog-info.d.ts +0 -9
- package/es/actions/dialog-table.d.ts +0 -9
- package/es/actions/dialog.d.ts +0 -40
- package/es/actions/drawer-form.d.ts +0 -6
- package/es/actions/drawer-info.d.ts +0 -6
- package/es/actions/drawer-table.d.ts +0 -6
- package/es/actions/drawer.d.ts +0 -6
- package/es/actions/error.d.ts +0 -7
- package/es/actions/index.d.ts +0 -114
- package/es/actions/link.d.ts +0 -8
- package/es/actions/notice.d.ts +0 -7
- package/es/actions/pop-confirm.d.ts +0 -9
- package/es/actions/quick.d.ts +0 -2
- package/es/actions/request.d.ts +0 -9
- package/es/actions/utils.d.ts +0 -1
- package/es/card/card-container.d.ts +0 -18
- package/es/card/divider.d.ts +0 -6
- package/es/card/index.d.ts +0 -109
- package/es/card/selectable.d.ts +0 -13
- package/es/card/tab.d.ts +0 -6
- package/es/card/utils.d.ts +0 -9
- package/es/field/index.d.ts +0 -3
- package/es/form/Components/Editable/index.d.ts +0 -20
- package/es/form/Components/FormGroup/index.d.ts +0 -14
- package/es/form/Components/LightFilter/componentMap.d.ts +0 -3
- package/es/form/Components/LightFilter/index.d.ts +0 -17
- package/es/form/Components/ProField/index.d.ts +0 -2
- package/es/form/Components/ProField/mapDateFormat.d.ts +0 -3
- package/es/form/Components/Text/index.d.ts +0 -8
- package/es/form/Filter/AdvancedFilter.d.ts +0 -7
- package/es/form/Filter/Layout.d.ts +0 -5
- package/es/form/Filter/LightFilter.d.ts +0 -7
- package/es/form/Filter/SimpleFilter.d.ts +0 -7
- package/es/form/Filter/index.d.ts +0 -9
- package/es/form/Filter/index2.d.ts +0 -13
- package/es/form/Filter/useBindUrl.d.ts +0 -2
- package/es/form/Filter/useSpecialProps.d.ts +0 -6
- package/es/form/ProForm/addCascadeEffect.d.ts +0 -2
- package/es/form/ProForm/customComponent.d.ts +0 -3
- package/es/form/ProForm/index.d.ts +0 -5
- package/es/form/ProForm/useAutoLayout.d.ts +0 -9
- package/es/form/ProForm/useAutoSubmit.d.ts +0 -6
- package/es/form/ProForm/useFieldRequest.d.ts +0 -5
- package/es/form/ProForm/useFormDisplayValues.d.ts +0 -4
- package/es/form/ProForm/useInitialRequest.d.ts +0 -6
- package/es/form/SchemaForm/adapterComponent.d.ts +0 -5
- package/es/form/SchemaForm/adapterDecorator.d.ts +0 -6
- package/es/form/SchemaForm/adapterType.d.ts +0 -5
- package/es/form/SchemaForm/index.d.ts +0 -4
- package/es/form/SchemaForm/initializeArrayCards.d.ts +0 -3
- package/es/form/SchemaForm/initializeArrayCollapse.d.ts +0 -3
- package/es/form/SchemaForm/initializeArrayItems.d.ts +0 -3
- package/es/form/SchemaForm/initializeArrayTable.d.ts +0 -3
- package/es/form/SchemaForm/initializeDataSource.d.ts +0 -15
- package/es/form/SchemaForm/initializeFormButton.d.ts +0 -3
- package/es/form/SchemaForm/initializeFormCollapse.d.ts +0 -3
- package/es/form/SchemaForm/initializeFormGroup.d.ts +0 -3
- package/es/form/SchemaForm/initializeFormStep.d.ts +0 -5
- package/es/form/SchemaForm/initializeFormTab.d.ts +0 -3
- package/es/form/SchemaForm/initializeReactions.d.ts +0 -2
- package/es/form/SchemaForm/initializeRequest.d.ts +0 -11
- package/es/form/SchemaForm/initializeRules.d.ts +0 -11
- package/es/form/SchemaForm/initializeSelectTable.d.ts +0 -3
- package/es/form/SchemaForm/reactions.d.ts +0 -6
- package/es/form/docs/ActionResponse.d.ts +0 -8
- package/es/form/fieldTypeMap.d.ts +0 -7
- package/es/form/index.d.ts +0 -125
- package/es/form/locales/validate.d.ts +0 -159
- package/es/form/schemaNameMap.d.ts +0 -5
- package/es/form/typing.d.ts +0 -194
- package/es/form/utils.d.ts +0 -55
- package/es/form/warning.d.ts +0 -3
- package/es/hooks/index.d.ts +0 -2
- package/es/index-without-icon.d.ts +0 -32
- package/es/index.d.ts +0 -32
- package/es/info/components/InfoGroup/index.d.ts +0 -5
- package/es/info/components/InfoValueItem/index.d.ts +0 -5
- package/es/info/components/ProInfoItem/index.d.ts +0 -5
- package/es/info/components/baseInfo/index.d.ts +0 -8
- package/es/info/components/headerInfo/index.d.ts +0 -8
- package/es/info/components/tableInfo/index.d.ts +0 -7
- package/es/info/index.d.ts +0 -10
- package/es/info/typing.d.ts +0 -220
- package/es/info/utils/index.d.ts +0 -20
- package/es/info/utils/layout.d.ts +0 -2
- package/es/info/utils/utils.d.ts +0 -1
- package/es/layout/index.d.ts +0 -2
- package/es/nocode/configurators/Card.d.ts +0 -3
- package/es/nocode/configurators/PageHeader.d.ts +0 -3
- package/es/nocode/configurators/ProTable.d.ts +0 -3
- package/es/nocode/configurators/common.d.ts +0 -280
- package/es/nocode/configurators/index.d.ts +0 -15
- package/es/nocode/configurators/map.d.ts +0 -2
- package/es/nocode/index.d.ts +0 -8
- package/es/nocode/pages/editor.d.ts +0 -12
- package/es/nocode/pages/index.d.ts +0 -14
- package/es/nocode/pages/playground.d.ts +0 -11
- package/es/nocode/pages/renderer.d.ts +0 -10
- package/es/nocode/playground.d.ts +0 -14
- package/es/page-container/index.d.ts +0 -3
- package/es/page-header/index.d.ts +0 -74
- package/es/sidebar/components/sidebar-container/index.d.ts +0 -5
- package/es/sidebar/components/tree/index.d.ts +0 -6
- package/es/sidebar/components/tree-node/components/HoverTooltip/index.d.ts +0 -15
- package/es/sidebar/components/tree-node/components/IconAction/index.d.ts +0 -12
- package/es/sidebar/components/tree-node/components/IconSwitch/index.d.ts +0 -23
- package/es/sidebar/components/tree-node/index.d.ts +0 -7
- package/es/sidebar/index.d.ts +0 -9
- package/es/sidebar/typing.d.ts +0 -141
- package/es/sidebar/utils/action-ref.d.ts +0 -3
- package/es/sidebar/utils/index.d.ts +0 -364
- package/es/skeleton/index.d.ts +0 -3
- package/es/table/components/CardView/index.d.ts +0 -5
- package/es/table/components/EmptyContent/index.d.ts +0 -2
- package/es/table/components/Filter/index.d.ts +0 -12
- package/es/table/components/Layout/index.d.ts +0 -5
- package/es/table/components/LoadMore/index.d.ts +0 -20
- package/es/table/components/Pagination/index.d.ts +0 -7
- package/es/table/components/QuickAction/index.d.ts +0 -11
- package/es/table/components/ToolBar/CardSwitch.d.ts +0 -8
- package/es/table/components/ToolBar/DensityIcon.d.ts +0 -4
- package/es/table/components/ToolBar/FilterColumnIcon.d.ts +0 -4
- package/es/table/components/ToolBar/FullScreenIcon.d.ts +0 -4
- package/es/table/components/ToolBar/Fullscreen.d.ts +0 -10
- package/es/table/components/ToolBar/RefreshIcon.d.ts +0 -4
- package/es/table/components/ToolBar/index.d.ts +0 -5
- package/es/table/index.d.ts +0 -5
- package/es/table/typing.d.ts +0 -418
- package/es/table/utils/columnRender.d.ts +0 -13
- package/es/table/utils/genProColumnToColumn.d.ts +0 -13
- package/es/table/utils/getTableProps.d.ts +0 -2
- package/es/table/utils/getTableSortIcons.d.ts +0 -3
- package/es/table/utils/index.d.ts +0 -19
- package/es/table/utils/pureColumnRender.d.ts +0 -9
- package/es/table/utils/pureGenProColumnToColumn.d.ts +0 -7
- package/es/table/utils/useTableSelection.d.ts +0 -3
- package/es/table/utils/util.d.ts +0 -5
- package/es/templates/Detail/index.d.ts +0 -2
- package/es/templates/Form/index.d.ts +0 -2
- package/es/templates/List/index.d.ts +0 -9
- package/es/templates/index.d.ts +0 -3
- package/es/timeline/ProTimeLineItem/index.d.ts +0 -5
- package/es/timeline/index.d.ts +0 -10
- package/es/timeline/typing.d.ts +0 -107
- package/es/utils/index.d.ts +0 -3
- package/es/utils/message.d.ts +0 -3
@@ -3,9 +3,7 @@ function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableTo
|
|
3
3
|
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."); }
|
4
4
|
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
|
5
5
|
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
|
6
|
-
function
|
7
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
8
|
-
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
6
|
+
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); }
|
9
7
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
10
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."); }
|
11
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); }
|
@@ -53,11 +51,13 @@ var ProSidebarContainer = function ProSidebarContainer(props) {
|
|
53
51
|
_useState2 = _slicedToArray(_useState, 2),
|
54
52
|
treeHeight = _useState2[0],
|
55
53
|
setTreeHeight = _useState2[1];
|
54
|
+
|
56
55
|
// 展开全部状态
|
57
56
|
var _useState3 = useState(false),
|
58
57
|
_useState4 = _slicedToArray(_useState3, 2),
|
59
58
|
expandAllState = _useState4[0],
|
60
59
|
setExpandAllState = _useState4[1];
|
60
|
+
|
61
61
|
// 展开层级状态
|
62
62
|
var _useState5 = useState(1),
|
63
63
|
_useState6 = _slicedToArray(_useState5, 2),
|
@@ -85,12 +85,13 @@ var ProSidebarContainer = function ProSidebarContainer(props) {
|
|
85
85
|
onExpandAllChange === null || onExpandAllChange === void 0 ? void 0 : onExpandAllChange(expandAllStateProp);
|
86
86
|
});
|
87
87
|
}, [expandAllStateProp]);
|
88
|
+
|
88
89
|
// 渲染搜索区域
|
89
90
|
var renderSearch = function renderSearch() {
|
90
91
|
if (customSearch || showSearch) {
|
91
92
|
return /*#__PURE__*/React.createElement("div", {
|
92
93
|
className: cls('search')
|
93
|
-
}, !!customSearch && customSearch, showSearch && /*#__PURE__*/React.createElement(ProField,
|
94
|
+
}, !!customSearch && customSearch, showSearch && /*#__PURE__*/React.createElement(ProField, _extends({
|
94
95
|
mode: "edit",
|
95
96
|
type: "text",
|
96
97
|
placeholder: searchPlaceholder,
|
@@ -100,15 +101,16 @@ var ProSidebarContainer = function ProSidebarContainer(props) {
|
|
100
101
|
}
|
101
102
|
return null;
|
102
103
|
};
|
104
|
+
|
103
105
|
// 渲染通知区域
|
104
106
|
var renderNotice = function renderNotice() {
|
105
107
|
if (message || customMessage) {
|
106
108
|
return /*#__PURE__*/React.createElement("div", {
|
107
109
|
className: cls('notice')
|
108
|
-
}, message && /*#__PURE__*/React.createElement(Message,
|
110
|
+
}, message && /*#__PURE__*/React.createElement(Message, _extends({
|
109
111
|
type: "notice",
|
110
112
|
closeable: true
|
111
|
-
}, messageProps
|
113
|
+
}, messageProps, {
|
112
114
|
onClose: function onClose() {
|
113
115
|
var _ref$current$offsetTo2, _ref$current2;
|
114
116
|
var remainHeight = (_ref$current$offsetTo2 = ref === null || ref === void 0 ? void 0 : (_ref$current2 = ref.current) === null || _ref$current2 === void 0 ? void 0 : _ref$current2.offsetTop) !== null && _ref$current$offsetTo2 !== void 0 ? _ref$current$offsetTo2 : 0 + 40;
|
@@ -118,6 +120,7 @@ var ProSidebarContainer = function ProSidebarContainer(props) {
|
|
118
120
|
}
|
119
121
|
return null;
|
120
122
|
};
|
123
|
+
|
121
124
|
// 渲染折叠区
|
122
125
|
var renderFold = function renderFold() {
|
123
126
|
if (showExpandAll || showExpandLevel) {
|
@@ -153,7 +156,7 @@ var ProSidebarContainer = function ProSidebarContainer(props) {
|
|
153
156
|
'': true,
|
154
157
|
'not-is-tree': !isTree
|
155
158
|
})
|
156
|
-
}, /*#__PURE__*/React.createElement(ProCard,
|
159
|
+
}, /*#__PURE__*/React.createElement(ProCard, _extends({
|
157
160
|
bordered: false,
|
158
161
|
compacted: true
|
159
162
|
}, others), renderSearch(), renderNotice(), renderFold(), /*#__PURE__*/React.createElement("div", {
|
@@ -1,7 +1,5 @@
|
|
1
1
|
var _excluded = ["dataSource", "selectedKeys", "checkedKeys", "defaultExpandedKeys", "defaultExpandAll", "expandedKeys", "onSelect", "onCheck", "isNodeBlock", "searchKey", "actionRef", "onBeforeRenderNodeEvent", "beforeRenderNode", "className", "expandAll", "onDataSourceChange", "expandLevel"];
|
2
|
-
function
|
3
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
4
|
-
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
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); }
|
5
3
|
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
6
4
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
7
5
|
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."); }
|
@@ -48,6 +46,7 @@ var ProSidebarTree = function ProSidebarTree(props) {
|
|
48
46
|
_props$expandLevel = props.expandLevel,
|
49
47
|
expandLevel = _props$expandLevel === void 0 ? 1 : _props$expandLevel,
|
50
48
|
others = _objectWithoutProperties(props, _excluded);
|
49
|
+
|
51
50
|
// 使用 beforeRenderNode 处理 dataSource
|
52
51
|
var processDataSource = function processDataSource(dataSource) {
|
53
52
|
var newDataSource = cloneDeep(dataSource);
|
@@ -63,6 +62,7 @@ var ProSidebarTree = function ProSidebarTree(props) {
|
|
63
62
|
}
|
64
63
|
return newDataSource;
|
65
64
|
};
|
65
|
+
|
66
66
|
// 自动展开父节点。过滤时用
|
67
67
|
var _useState = useState(false),
|
68
68
|
_useState2 = _slicedToArray(_useState, 2),
|
@@ -91,22 +91,27 @@ var ProSidebarTree = function ProSidebarTree(props) {
|
|
91
91
|
useEffect(function () {
|
92
92
|
setDefaultExpandedKeys();
|
93
93
|
}, []);
|
94
|
+
|
94
95
|
// 监听 selectedKeys,用于受控
|
95
96
|
useEffect(function () {
|
96
97
|
setSelectedKeys(selectedKeysProp);
|
97
98
|
}, [selectedKeysProp]);
|
99
|
+
|
98
100
|
// 更新外部传入的 dataSource
|
99
101
|
useUpdateEffect(function () {
|
100
102
|
setDataSource(processDataSource(dataSourceProp !== null && dataSourceProp !== void 0 ? dataSourceProp : []));
|
101
103
|
}, [dataSourceProp]);
|
104
|
+
|
102
105
|
// 监听展开全部事件
|
103
106
|
useUpdateEffect(function () {
|
104
107
|
onChangeExpandAll();
|
105
108
|
}, [expandAll]);
|
109
|
+
|
106
110
|
// 监听展开层级事件
|
107
111
|
useUpdateEffect(function () {
|
108
112
|
onChangeExpandLevel();
|
109
113
|
}, [expandLevel]);
|
114
|
+
|
110
115
|
// 监听 DataSource 变化事件
|
111
116
|
useEffect(function () {
|
112
117
|
onDataSourceChange === null || onDataSourceChange === void 0 ? void 0 : onDataSourceChange(dataSource);
|
@@ -118,6 +123,7 @@ var ProSidebarTree = function ProSidebarTree(props) {
|
|
118
123
|
onChangeExpandLevel();
|
119
124
|
}
|
120
125
|
}, [dataSource]);
|
126
|
+
|
121
127
|
// 展开全部事件
|
122
128
|
var onChangeExpandAll = function onChangeExpandAll() {
|
123
129
|
if (expandAll) {
|
@@ -126,11 +132,13 @@ var ProSidebarTree = function ProSidebarTree(props) {
|
|
126
132
|
setExpandedKeys([]);
|
127
133
|
}
|
128
134
|
};
|
135
|
+
|
129
136
|
// 展开层级事件
|
130
137
|
var onChangeExpandLevel = function onChangeExpandLevel() {
|
131
138
|
var keys = getTreeLevelKey(dataSource, expandLevel - 1);
|
132
139
|
setExpandedKeys(keys);
|
133
140
|
};
|
141
|
+
|
134
142
|
// 绑定actionRef
|
135
143
|
useActionType(actionRef, {
|
136
144
|
setTreeNode: function setTreeNode(treeNode) {
|
@@ -149,6 +157,7 @@ var ProSidebarTree = function ProSidebarTree(props) {
|
|
149
157
|
setDataSource(newDataSource);
|
150
158
|
}
|
151
159
|
});
|
160
|
+
|
152
161
|
// dataSource 是否为一层结构
|
153
162
|
var hasChildren = useMemo(function () {
|
154
163
|
var flag = false;
|
@@ -160,15 +169,18 @@ var ProSidebarTree = function ProSidebarTree(props) {
|
|
160
169
|
});
|
161
170
|
return flag;
|
162
171
|
}, [dataSource]);
|
172
|
+
|
163
173
|
// 组件第一次加载时不执行过滤
|
164
174
|
useUpdateEffect(function () {
|
165
175
|
filterDataSource(searchKey !== null && searchKey !== void 0 ? searchKey : '');
|
166
176
|
}, [searchKey]);
|
177
|
+
|
167
178
|
// expandedKeys 更新
|
168
179
|
useUpdateEffect(function () {
|
169
180
|
var _ref4;
|
170
181
|
setExpandedKeys((_ref4 = expandedKeysProp !== null && expandedKeysProp !== void 0 ? expandedKeysProp : defaultExpandedKeys) !== null && _ref4 !== void 0 ? _ref4 : []);
|
171
182
|
}, [expandedKeysProp, defaultExpandedKeys]);
|
183
|
+
|
172
184
|
// 设置默认节点展开
|
173
185
|
var setDefaultExpandedKeys = function setDefaultExpandedKeys() {
|
174
186
|
if (defaultExpandAll) {
|
@@ -178,6 +190,7 @@ var ProSidebarTree = function ProSidebarTree(props) {
|
|
178
190
|
setExpandedKeys((_ref5 = expandedKeysProp !== null && expandedKeysProp !== void 0 ? expandedKeysProp : defaultExpandedKeys) !== null && _ref5 !== void 0 ? _ref5 : []);
|
179
191
|
}
|
180
192
|
};
|
193
|
+
|
181
194
|
// 是否占满节点
|
182
195
|
var getIsNodeBlock = function getIsNodeBlock() {
|
183
196
|
if (isNodeBlock && typeof isNodeBlock === 'boolean') {
|
@@ -191,6 +204,7 @@ var ProSidebarTree = function ProSidebarTree(props) {
|
|
191
204
|
}
|
192
205
|
return false;
|
193
206
|
};
|
207
|
+
|
194
208
|
// 过滤
|
195
209
|
var filterDataSource = function filterDataSource(value) {
|
196
210
|
var searchDataSource = processDataSource(dataSourceProp !== null && dataSourceProp !== void 0 ? dataSourceProp : []);
|
@@ -219,6 +233,7 @@ var ProSidebarTree = function ProSidebarTree(props) {
|
|
219
233
|
var filterTreeNode = function filterTreeNode(node) {
|
220
234
|
return matchedKeys && matchedKeys.indexOf(node.props.eventKey) > -1;
|
221
235
|
};
|
236
|
+
|
222
237
|
/** 节点是否包含搜索项 */
|
223
238
|
var hasSearchValue = function hasSearchValue(key, item) {
|
224
239
|
var _item$label;
|
@@ -231,6 +246,7 @@ var ProSidebarTree = function ProSidebarTree(props) {
|
|
231
246
|
}
|
232
247
|
return false;
|
233
248
|
};
|
249
|
+
|
234
250
|
// 树节点点击回调
|
235
251
|
var onSelectChange = function onSelectChange(value, extra) {
|
236
252
|
var _extra$event, _extra$event$target, _extra$event$target$c;
|
@@ -240,11 +256,13 @@ var ProSidebarTree = function ProSidebarTree(props) {
|
|
240
256
|
setSelectedKeys(value);
|
241
257
|
onSelect === null || onSelect === void 0 ? void 0 : onSelect(value, extra);
|
242
258
|
};
|
259
|
+
|
243
260
|
// 树节点选中回调
|
244
261
|
var onCheckChange = function onCheckChange(value, extra) {
|
245
262
|
setCheckedKeys(value);
|
246
263
|
onCheck === null || onCheck === void 0 ? void 0 : onCheck(value, extra);
|
247
264
|
};
|
265
|
+
|
248
266
|
// 节点展开回调
|
249
267
|
var handleExpand = function handleExpand(key) {
|
250
268
|
setExpandedKeys(key);
|
@@ -255,7 +273,7 @@ var ProSidebarTree = function ProSidebarTree(props) {
|
|
255
273
|
'': true,
|
256
274
|
'is-list': !hasChildren
|
257
275
|
})
|
258
|
-
}, /*#__PURE__*/React.createElement(Tree,
|
276
|
+
}, /*#__PURE__*/React.createElement(Tree, _extends({
|
259
277
|
isLabelBlock: true,
|
260
278
|
checkedKeys: checkedKeys,
|
261
279
|
selectedKeys: selectedKeys,
|
@@ -1,6 +1,4 @@
|
|
1
|
-
function
|
2
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
3
|
-
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
1
|
+
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); }
|
4
2
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
5
3
|
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."); }
|
6
4
|
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); }
|
@@ -27,10 +25,11 @@ var ProHoverTooltip = function ProHoverTooltip(props) {
|
|
27
25
|
useEffect(function () {
|
28
26
|
setVisible(visibleProp !== null && visibleProp !== void 0 ? visibleProp : false);
|
29
27
|
}, [visibleProp]);
|
28
|
+
|
30
29
|
// 渲染触发器
|
31
30
|
var renderTrigger = function renderTrigger() {
|
32
31
|
if (tooltip) {
|
33
|
-
return /*#__PURE__*/React.createElement(Balloon.Tooltip,
|
32
|
+
return /*#__PURE__*/React.createElement(Balloon.Tooltip, _extends({
|
34
33
|
align: "t",
|
35
34
|
trigger: /*#__PURE__*/React.createElement("span", null, trigger)
|
36
35
|
}, tooltipProps), tooltip);
|
@@ -1,3 +1,4 @@
|
|
1
|
+
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); }
|
1
2
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
2
3
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
3
4
|
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
@@ -29,6 +30,7 @@ var ProIconAction = function ProIconAction(props) {
|
|
29
30
|
var wrapperClassName = (_popupProps$wrapperCl = popupProps === null || popupProps === void 0 ? void 0 : popupProps.wrapperClassName) !== null && _popupProps$wrapperCl !== void 0 ? _popupProps$wrapperCl : '';
|
30
31
|
var _beforeOpen = popupProps === null || popupProps === void 0 ? void 0 : popupProps.beforeOpen;
|
31
32
|
var _beforeClose = popupProps === null || popupProps === void 0 ? void 0 : popupProps.beforeClose;
|
33
|
+
|
32
34
|
// 获取浮层类单独特殊配置
|
33
35
|
var getPopProps = function getPopProps() {
|
34
36
|
if (!action.type || action.type.includes('pop-confirm')) {
|
@@ -62,13 +64,13 @@ var ProIconAction = function ProIconAction(props) {
|
|
62
64
|
}, action), getPopProps()));
|
63
65
|
var getTrigger = function getTrigger() {
|
64
66
|
if (icon && typeof icon === 'string') {
|
65
|
-
return /*#__PURE__*/React.createElement(TeamixIcon,
|
67
|
+
return /*#__PURE__*/React.createElement(TeamixIcon, _extends({
|
66
68
|
className: cls(),
|
67
69
|
size: "small",
|
68
70
|
type: icon
|
69
71
|
}, processAction));
|
70
72
|
}
|
71
|
-
return /*#__PURE__*/React.createElement("span",
|
73
|
+
return /*#__PURE__*/React.createElement("span", processAction, icon !== null && icon !== void 0 ? icon : trigger);
|
72
74
|
};
|
73
75
|
return /*#__PURE__*/React.createElement(ProHoverTooltip, {
|
74
76
|
trigger: getTrigger(),
|
@@ -26,6 +26,7 @@ var ProIconSwitch = function ProIconSwitch(props) {
|
|
26
26
|
useEffect(function () {
|
27
27
|
setVisible(visibleProp !== null && visibleProp !== void 0 ? visibleProp : true);
|
28
28
|
}, [visibleProp]);
|
29
|
+
|
29
30
|
// 点击操作
|
30
31
|
var clickHandle = function clickHandle(e, state) {
|
31
32
|
e.stopPropagation();
|
@@ -1,10 +1,11 @@
|
|
1
1
|
var _excluded = ["type", "action", "props"];
|
2
2
|
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
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
3
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
6
4
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
7
5
|
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
6
|
+
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; }
|
7
|
+
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; }
|
8
|
+
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); }
|
8
9
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
9
10
|
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."); }
|
10
11
|
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); }
|
@@ -33,6 +34,7 @@ var ProSideBarTreeNode = function ProSideBarTreeNode(props) {
|
|
33
34
|
_useState2 = _slicedToArray(_useState, 2),
|
34
35
|
extraVisible = _useState2[0],
|
35
36
|
setExtraVisible = _useState2[1];
|
37
|
+
|
36
38
|
// 获取 extra 区域渲染组件
|
37
39
|
var getExtraComponent = function getExtraComponent(type, action, props, others) {
|
38
40
|
var _ref = others !== null && others !== void 0 ? others : {},
|
@@ -41,19 +43,19 @@ var ProSideBarTreeNode = function ProSideBarTreeNode(props) {
|
|
41
43
|
if (type === 'action') {
|
42
44
|
return /*#__PURE__*/React.createElement(ProHoverTooltip, {
|
43
45
|
visible: !hover || extraVisible,
|
44
|
-
trigger: /*#__PURE__*/React.createElement(ProActionGroup,
|
46
|
+
trigger: /*#__PURE__*/React.createElement(ProActionGroup, _extends({
|
45
47
|
type: "text",
|
46
48
|
actions: action
|
47
49
|
}, props))
|
48
50
|
});
|
49
51
|
}
|
50
52
|
if (type === 'iconSwitch') {
|
51
|
-
return /*#__PURE__*/React.createElement(ProIconSwitch,
|
53
|
+
return /*#__PURE__*/React.createElement(ProIconSwitch, _extends({
|
52
54
|
tooltipVisible: !hover || extraVisible
|
53
55
|
}, props));
|
54
56
|
}
|
55
57
|
if (type === 'iconAction') {
|
56
|
-
return /*#__PURE__*/React.createElement(ProIconAction,
|
58
|
+
return /*#__PURE__*/React.createElement(ProIconAction, _extends({
|
57
59
|
visible: !hover || extraVisible,
|
58
60
|
action: action
|
59
61
|
}, props));
|
@@ -66,11 +68,14 @@ var ProSideBarTreeNode = function ProSideBarTreeNode(props) {
|
|
66
68
|
});
|
67
69
|
}
|
68
70
|
};
|
71
|
+
|
69
72
|
// 渲染 extra 区域
|
70
73
|
var renderExtra = function renderExtra() {
|
71
74
|
var result = /*#__PURE__*/React.createElement(React.Fragment, null);
|
75
|
+
|
72
76
|
// extra 是否是 action 配置
|
73
77
|
var isActionGroupProps = Array.isArray(extra) && ! /*#__PURE__*/isValidElement(extra === null || extra === void 0 ? void 0 : extra[0]) && Array.isArray(extra === null || extra === void 0 ? void 0 : extra[0]);
|
78
|
+
|
74
79
|
// 直接渲染 action
|
75
80
|
if (isActionGroupProps) {
|
76
81
|
result = /*#__PURE__*/React.createElement(ProActionGroup, {
|
@@ -78,6 +83,7 @@ var ProSideBarTreeNode = function ProSideBarTreeNode(props) {
|
|
78
83
|
type: "text"
|
79
84
|
});
|
80
85
|
}
|
86
|
+
|
81
87
|
// 大杂烩
|
82
88
|
if (extra && Array.isArray(extra)) {
|
83
89
|
result = /*#__PURE__*/React.createElement(React.Fragment, null, extra.map(function (item, index) {
|
@@ -87,12 +93,13 @@ var ProSideBarTreeNode = function ProSideBarTreeNode(props) {
|
|
87
93
|
className: cls('item-content-extra-item')
|
88
94
|
}, item);
|
89
95
|
}
|
90
|
-
var
|
91
|
-
|
92
|
-
action =
|
93
|
-
|
94
|
-
props =
|
95
|
-
|
96
|
+
var _ref2 = item,
|
97
|
+
type = _ref2.type,
|
98
|
+
_ref2$action = _ref2.action,
|
99
|
+
action = _ref2$action === void 0 ? {} : _ref2$action,
|
100
|
+
_ref2$props = _ref2.props,
|
101
|
+
props = _ref2$props === void 0 ? {} : _ref2$props,
|
102
|
+
others = _objectWithoutProperties(_ref2, _excluded);
|
96
103
|
return /*#__PURE__*/React.createElement("span", {
|
97
104
|
key: index,
|
98
105
|
className: cls('item-content-extra-item')
|
@@ -101,6 +108,7 @@ var ProSideBarTreeNode = function ProSideBarTreeNode(props) {
|
|
101
108
|
}
|
102
109
|
return result;
|
103
110
|
};
|
111
|
+
|
104
112
|
// 鼠标移入
|
105
113
|
var onMouseEnter = function onMouseEnter(e) {
|
106
114
|
var _e$target, _e$target$closest;
|
@@ -109,6 +117,7 @@ var ProSideBarTreeNode = function ProSideBarTreeNode(props) {
|
|
109
117
|
}
|
110
118
|
setExtraVisible(true);
|
111
119
|
};
|
120
|
+
|
112
121
|
// 鼠标移出
|
113
122
|
var onMouseLeave = function onMouseLeave(e) {
|
114
123
|
var _e$target2, _e$target2$closest;
|
@@ -117,6 +126,7 @@ var ProSideBarTreeNode = function ProSideBarTreeNode(props) {
|
|
117
126
|
}
|
118
127
|
setExtraVisible(false);
|
119
128
|
};
|
129
|
+
|
120
130
|
// 获取 ProFieldRender
|
121
131
|
var getFieldRender = function getFieldRender() {
|
122
132
|
if (typeof render === 'function') {
|
@@ -127,6 +137,7 @@ var ProSideBarTreeNode = function ProSideBarTreeNode(props) {
|
|
127
137
|
emptyText: '-'
|
128
138
|
}, render);
|
129
139
|
};
|
140
|
+
|
130
141
|
// 获取 tag 参数
|
131
142
|
var getTags = function getTags(tags) {
|
132
143
|
if ( /*#__PURE__*/isValidElement(tags)) {
|
@@ -151,7 +162,7 @@ var ProSideBarTreeNode = function ProSideBarTreeNode(props) {
|
|
151
162
|
onMouseLeave: onMouseLeave
|
152
163
|
}, /*#__PURE__*/React.createElement("div", {
|
153
164
|
className: cls('item-context-front')
|
154
|
-
}, /*#__PURE__*/React.createElement(ProField,
|
165
|
+
}, /*#__PURE__*/React.createElement(ProField, _extends({
|
155
166
|
value: label,
|
156
167
|
type: valueType,
|
157
168
|
render: getFieldRender()
|
@@ -161,18 +172,20 @@ var ProSideBarTreeNode = function ProSideBarTreeNode(props) {
|
|
161
172
|
className: cls('item-content-extra')
|
162
173
|
}, renderExtra()));
|
163
174
|
};
|
175
|
+
|
164
176
|
// 渲染树节点
|
165
177
|
export function renderTreeNode(data) {
|
166
178
|
return data.map(function (item) {
|
167
179
|
var _getTreeNodeProps = getTreeNodeProps(item),
|
168
180
|
nodeProps = _getTreeNodeProps.nodeProps,
|
169
181
|
labelProps = _getTreeNodeProps.labelProps;
|
170
|
-
return /*#__PURE__*/React.createElement(Tree.Node,
|
182
|
+
return /*#__PURE__*/React.createElement(Tree.Node, _extends({
|
171
183
|
key: item.value,
|
172
|
-
label: /*#__PURE__*/React.createElement(ProSideBarTreeNode,
|
184
|
+
label: /*#__PURE__*/React.createElement(ProSideBarTreeNode, labelProps)
|
173
185
|
}, nodeProps), item.children && item.children.length > 0 && renderTreeNode(item.children));
|
174
186
|
});
|
175
187
|
}
|
188
|
+
|
176
189
|
// 渲染树节点 依赖 value
|
177
190
|
export function renderTreeNodeDependenceValue(data, onBeforeRenderNodeEvent, checkedKeys, selectedKeys, allData) {
|
178
191
|
return data.map(function (item) {
|
@@ -183,9 +196,9 @@ export function renderTreeNodeDependenceValue(data, onBeforeRenderNodeEvent, che
|
|
183
196
|
var _getTreeNodeProps2 = getTreeNodeProps(newProps),
|
184
197
|
nodeProps = _getTreeNodeProps2.nodeProps,
|
185
198
|
labelProps = _getTreeNodeProps2.labelProps;
|
186
|
-
return /*#__PURE__*/React.createElement(Tree.Node,
|
199
|
+
return /*#__PURE__*/React.createElement(Tree.Node, _extends({
|
187
200
|
key: item.value,
|
188
|
-
label: /*#__PURE__*/React.createElement(ProSideBarTreeNode,
|
201
|
+
label: /*#__PURE__*/React.createElement(ProSideBarTreeNode, labelProps)
|
189
202
|
}, nodeProps), item.children && item.children.length > 0 && renderTreeNodeDependenceValue(item.children, onBeforeRenderNodeEvent, checkedKeys, selectedKeys, allData !== null && allData !== void 0 ? allData : data));
|
190
203
|
});
|
191
204
|
}
|
package/es/sidebar/index.js
CHANGED
@@ -1,6 +1,5 @@
|
|
1
1
|
var _excluded = ["selectedKeys", "checkedKeys", "dataSource", "className", "style", "searchOnChange", "showSearch", "onSelect", "onCheck", "treeProps", "cardProps", "actionRef", "onBeforeRenderNodeEvent", "beforeRenderNode", "url", "method", "params", "data", "extendParams", "beforeRequest", "successMsg", "errorMsg", "formatParams", "formatResult", "onSuccess", "onError", "link", "scrollArea", "onExpandAllChange", "onExpandLevelChange"];
|
2
|
-
function
|
3
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
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); }
|
4
3
|
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
5
4
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
6
5
|
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."); }
|
@@ -59,38 +58,46 @@ var ProSidebar = function ProSidebar(props) {
|
|
59
58
|
onExpandAllChangeProp = props.onExpandAllChange,
|
60
59
|
onExpandLevelChangeProp = props.onExpandLevelChange,
|
61
60
|
others = _objectWithoutProperties(props, _excluded);
|
61
|
+
|
62
62
|
// 搜索的关键词
|
63
63
|
var _useState = useState(),
|
64
64
|
_useState2 = _slicedToArray(_useState, 2),
|
65
65
|
searchKey = _useState2[0],
|
66
66
|
setSearchKey = _useState2[1];
|
67
|
+
|
67
68
|
// loading 状态
|
68
69
|
var _useState3 = useState(true),
|
69
70
|
_useState4 = _slicedToArray(_useState3, 2),
|
70
71
|
loading = _useState4[0],
|
71
72
|
setLoading = _useState4[1];
|
73
|
+
|
72
74
|
// 数据源
|
73
75
|
var _useState5 = useState(dataSourceProp !== null && dataSourceProp !== void 0 ? dataSourceProp : []),
|
74
76
|
_useState6 = _slicedToArray(_useState5, 2),
|
75
77
|
dataSource = _useState6[0],
|
76
78
|
setDataSource = _useState6[1];
|
79
|
+
|
77
80
|
// 展开全部状态
|
78
81
|
var _useState7 = useState(false),
|
79
82
|
_useState8 = _slicedToArray(_useState7, 2),
|
80
83
|
expandAllState = _useState8[0],
|
81
84
|
setExpandAllState = _useState8[1];
|
85
|
+
|
82
86
|
// 展开层级状态
|
83
87
|
var _useState9 = useState(0),
|
84
88
|
_useState10 = _slicedToArray(_useState9, 2),
|
85
89
|
expandLevelState = _useState10[0],
|
86
90
|
setExpandLevelState = _useState10[1];
|
91
|
+
|
87
92
|
// 树层级
|
88
93
|
var _useState11 = useState(0),
|
89
94
|
_useState12 = _slicedToArray(_useState11, 2),
|
90
95
|
expandLevel = _useState12[0],
|
91
96
|
setExpandLevel = _useState12[1];
|
92
97
|
var actionRef = useRef();
|
98
|
+
|
93
99
|
// const requestDataKey = method.toLowerCase() === 'get' ? 'params' : 'data';
|
100
|
+
|
94
101
|
var requestConfig = {
|
95
102
|
url: url,
|
96
103
|
method: method,
|
@@ -116,6 +123,7 @@ var ProSidebar = function ProSidebar(props) {
|
|
116
123
|
useEffect(function () {
|
117
124
|
setDataSource(dataSourceProp !== null && dataSourceProp !== void 0 ? dataSourceProp : []);
|
118
125
|
}, [dataSourceProp]);
|
126
|
+
|
119
127
|
// 请求数据
|
120
128
|
var request = function request() {
|
121
129
|
setLoading(true);
|
@@ -130,16 +138,19 @@ var ProSidebar = function ProSidebar(props) {
|
|
130
138
|
request();
|
131
139
|
}
|
132
140
|
});
|
141
|
+
|
133
142
|
// 展开全部变化回调
|
134
143
|
var onExpandAllChange = function onExpandAllChange(status) {
|
135
144
|
setExpandAllState(status);
|
136
145
|
onExpandAllChangeProp === null || onExpandAllChangeProp === void 0 ? void 0 : onExpandAllChangeProp(status);
|
137
146
|
};
|
147
|
+
|
138
148
|
// 展开层级回调
|
139
149
|
var onExpandLevelChange = function onExpandLevelChange(level) {
|
140
150
|
setExpandLevelState(level);
|
141
151
|
onExpandLevelChangeProp === null || onExpandLevelChangeProp === void 0 ? void 0 : onExpandLevelChangeProp(level);
|
142
152
|
};
|
153
|
+
|
143
154
|
// DataSource 变化回调。用于更新层级
|
144
155
|
var onDataSourceChange = function onDataSourceChange(dataSource) {
|
145
156
|
var level = getTreeLevel(dataSource);
|
@@ -151,7 +162,7 @@ var ProSidebar = function ProSidebar(props) {
|
|
151
162
|
'scroll-tree': scrollArea === 'tree'
|
152
163
|
}, "deep-".concat(expandLevel), true)), " ").concat(className),
|
153
164
|
style: style
|
154
|
-
}, /*#__PURE__*/React.createElement(ProSidebarContainer,
|
165
|
+
}, /*#__PURE__*/React.createElement(ProSidebarContainer, _extends({
|
155
166
|
searchOnChange: debounce(function (value) {
|
156
167
|
if (showSearch) {
|
157
168
|
searchOnChange === null || searchOnChange === void 0 ? void 0 : searchOnChange(value);
|
@@ -164,7 +175,7 @@ var ProSidebar = function ProSidebar(props) {
|
|
164
175
|
scrollArea: scrollArea,
|
165
176
|
expandLevel: expandLevel,
|
166
177
|
isTree: getTreeLevel(dataSource) > 1 ? true : false
|
167
|
-
}, others
|
178
|
+
}, others, cardProps), loading && /*#__PURE__*/React.createElement(ProSkeletonRaw.SideBar, null), !loading && /*#__PURE__*/React.createElement(ProSidebarTree, _extends({
|
168
179
|
dataSource: dataSource,
|
169
180
|
searchKey: searchKey,
|
170
181
|
onSelect: onSelect,
|