@sheinx/hooks 3.0.0-alpha.1 → 3.0.0-alpha.11
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/common/type.d.ts +2 -0
- package/cjs/common/type.d.ts.map +1 -1
- package/cjs/common/use-drag-mock/index.d.ts +3 -11
- package/cjs/common/use-drag-mock/index.d.ts.map +1 -1
- package/cjs/common/use-drag-mock/index.js +27 -56
- package/cjs/common/use-drag-mock/use-drag-mock.d.ts +11 -0
- package/cjs/common/use-drag-mock/use-drag-mock.d.ts.map +1 -0
- package/cjs/common/use-drag-mock/use-drag-mock.js +61 -0
- package/cjs/common/use-drag-mock/use-drag-move.d.ts +11 -0
- package/cjs/common/use-drag-mock/use-drag-move.d.ts.map +1 -0
- package/cjs/common/use-drag-mock/use-drag-move.js +73 -0
- package/cjs/common/use-drag-mock/use-drag-resize.d.ts +15 -0
- package/cjs/common/use-drag-mock/use-drag-resize.d.ts.map +1 -0
- package/cjs/common/use-drag-mock/use-drag-resize.js +89 -0
- package/cjs/common/use-filter/index.d.ts +2 -0
- package/cjs/common/use-filter/index.d.ts.map +1 -0
- package/cjs/common/use-filter/index.js +19 -0
- package/cjs/common/use-filter/use-filter.d.ts +21 -0
- package/cjs/common/use-filter/use-filter.d.ts.map +1 -0
- package/cjs/common/use-filter/use-filter.js +163 -0
- package/cjs/common/use-filter/use-filter.type.d.ts +18 -0
- package/cjs/common/use-filter/use-filter.type.d.ts.map +1 -0
- package/cjs/common/use-fork-ref/setRef.d.ts +0 -1
- package/cjs/common/use-fork-ref/setRef.d.ts.map +1 -1
- package/cjs/common/use-fork-ref/setRef.js +0 -1
- package/cjs/common/use-position-style/index.d.ts.map +1 -1
- package/cjs/common/use-position-style/index.js +5 -0
- package/cjs/components/use-button/use-button.d.ts +1 -1
- package/cjs/components/use-button/use-button.d.ts.map +1 -1
- package/cjs/components/use-button/use-button.js +2 -2
- package/cjs/components/use-button/use-button.type.d.ts +55 -0
- package/cjs/components/use-button/use-button.type.d.ts.map +1 -1
- package/cjs/components/use-cascader/index.d.ts +3 -0
- package/cjs/components/use-cascader/index.d.ts.map +1 -0
- package/cjs/components/use-cascader/index.js +19 -0
- package/cjs/components/use-cascader/use-cascader.d.ts +36 -0
- package/cjs/components/use-cascader/use-cascader.d.ts.map +1 -0
- package/cjs/components/use-cascader/use-cascader.js +47 -0
- package/cjs/components/use-cascader/use-cascader.type.d.ts +16 -0
- package/cjs/components/use-cascader/use-cascader.type.d.ts.map +1 -0
- package/cjs/components/use-check/use-check.type.d.ts +25 -0
- package/cjs/components/use-check/use-check.type.d.ts.map +1 -1
- package/cjs/components/use-collapse/index.d.ts +5 -0
- package/cjs/components/use-collapse/index.d.ts.map +1 -0
- package/cjs/components/use-collapse/index.js +26 -0
- package/cjs/components/use-collapse/use-collapse-item.d.ts +22 -0
- package/cjs/components/use-collapse/use-collapse-item.d.ts.map +1 -0
- package/cjs/components/use-collapse/use-collapse-item.js +72 -0
- package/cjs/components/use-collapse/use-collapse-item.type.d.ts +29 -0
- package/cjs/components/use-collapse/use-collapse-item.type.d.ts.map +1 -0
- package/cjs/components/use-collapse/use-collapse-item.type.js +5 -0
- package/cjs/components/use-collapse/use-collapse.d.ts +8 -0
- package/cjs/components/use-collapse/use-collapse.d.ts.map +1 -0
- package/cjs/components/use-collapse/use-collapse.js +51 -0
- package/cjs/components/use-collapse/use-collapse.type.d.ts +21 -0
- package/cjs/components/use-collapse/use-collapse.type.d.ts.map +1 -0
- package/cjs/components/use-collapse/use-collapse.type.js +5 -0
- package/cjs/components/use-datepicker/use-datepicker-format.js +1 -1
- package/cjs/components/use-datepicker/use-time.js +1 -1
- package/cjs/components/use-descriptions/index.d.ts +3 -0
- package/cjs/components/use-descriptions/index.d.ts.map +1 -0
- package/cjs/components/use-descriptions/index.js +19 -0
- package/cjs/components/use-descriptions/use-descriptions.d.ts +6 -0
- package/cjs/components/use-descriptions/use-descriptions.d.ts.map +1 -0
- package/cjs/components/use-descriptions/use-descriptions.js +77 -0
- package/cjs/components/use-descriptions/use-descriptions.type.d.ts +65 -0
- package/cjs/components/use-descriptions/use-descriptions.type.d.ts.map +1 -0
- package/cjs/components/use-descriptions/use-descriptions.type.js +5 -0
- package/cjs/components/use-image/use-image.type.d.ts +76 -0
- package/cjs/components/use-image/use-image.type.d.ts.map +1 -1
- package/cjs/components/use-input/use-input-format.type.d.ts +25 -5
- package/cjs/components/use-input/use-input-format.type.d.ts.map +1 -1
- package/cjs/components/use-input/use-input-number.type.d.ts +17 -0
- package/cjs/components/use-input/use-input-number.type.d.ts.map +1 -1
- package/cjs/components/use-input/use-input-password.type.d.ts +21 -0
- package/cjs/components/use-input/use-input-password.type.d.ts.map +1 -1
- package/cjs/components/use-input/use-input.js +1 -1
- package/cjs/components/use-input/use-input.type.d.ts +43 -0
- package/cjs/components/use-input/use-input.type.d.ts.map +1 -1
- package/cjs/components/use-select/index.d.ts +1 -0
- package/cjs/components/use-select/index.d.ts.map +1 -1
- package/cjs/components/use-select/index.js +8 -1
- package/cjs/components/use-select/use-select-group.d.ts +7 -0
- package/cjs/components/use-select/use-select-group.d.ts.map +1 -0
- package/cjs/components/use-select/use-select-group.js +51 -0
- package/cjs/components/use-select/use-select-group.type.d.ts +5 -0
- package/cjs/components/use-select/use-select-group.type.d.ts.map +1 -0
- package/cjs/components/use-select/use-select-group.type.js +5 -0
- package/cjs/components/use-select/use-select.d.ts.map +1 -1
- package/cjs/components/use-select/use-select.js +4 -4
- package/cjs/components/use-select/use-select.type.d.ts +41 -1
- package/cjs/components/use-select/use-select.type.d.ts.map +1 -1
- package/cjs/components/use-slider/use-slider.d.ts +2 -2
- package/cjs/components/use-slider/use-slider.js +4 -4
- package/cjs/components/use-table/use-table-virtual.d.ts.map +1 -1
- package/cjs/components/use-table/use-table-virtual.js +12 -2
- package/cjs/components/use-tabs/context.type.d.ts +25 -0
- package/cjs/components/use-tabs/context.type.d.ts.map +1 -1
- package/cjs/components/use-tabs/use-tabs.type.d.ts +8 -0
- package/cjs/components/use-tabs/use-tabs.type.d.ts.map +1 -1
- package/cjs/components/use-textarea/use-textarea.type.d.ts +29 -0
- package/cjs/components/use-textarea/use-textarea.type.d.ts.map +1 -1
- package/cjs/components/use-transfer/use-transfer.type.d.ts +53 -0
- package/cjs/components/use-transfer/use-transfer.type.d.ts.map +1 -1
- package/cjs/components/use-tree/index.d.ts +1 -2
- package/cjs/components/use-tree/index.d.ts.map +1 -1
- package/cjs/components/use-tree/index.js +1 -8
- package/cjs/components/use-tree/use-tree-node.d.ts +2 -1
- package/cjs/components/use-tree/use-tree-node.d.ts.map +1 -1
- package/cjs/components/use-tree/use-tree-node.js +7 -7
- package/cjs/components/use-tree/use-tree-node.type.d.ts +2 -2
- package/cjs/components/use-tree/use-tree-node.type.d.ts.map +1 -1
- package/cjs/components/use-tree/use-tree.d.ts +25 -2
- package/cjs/components/use-tree/use-tree.d.ts.map +1 -1
- package/cjs/components/use-tree/use-tree.js +96 -44
- package/cjs/components/use-tree/use-tree.type.d.ts +69 -4
- package/cjs/components/use-tree/use-tree.type.d.ts.map +1 -1
- package/cjs/components/use-treeselect/index.d.ts +4 -0
- package/cjs/components/use-treeselect/index.d.ts.map +1 -0
- package/cjs/components/use-treeselect/index.js +26 -0
- package/cjs/components/use-treeselect/use-tiled.d.ts +13 -0
- package/cjs/components/use-treeselect/use-tiled.d.ts.map +1 -0
- package/cjs/components/use-treeselect/use-tiled.js +99 -0
- package/cjs/components/use-treeselect/use-tiled.type.d.ts +15 -0
- package/cjs/components/use-treeselect/use-tiled.type.d.ts.map +1 -0
- package/cjs/components/use-treeselect/use-tiled.type.js +5 -0
- package/cjs/components/use-treeselect/use-treeselect.d.ts +7 -0
- package/cjs/components/use-treeselect/use-treeselect.d.ts.map +1 -0
- package/cjs/components/use-treeselect/use-treeselect.js +29 -0
- package/cjs/components/use-treeselect/use-treeselect.type.d.ts +9 -0
- package/cjs/components/use-treeselect/use-treeselect.type.d.ts.map +1 -0
- package/cjs/components/use-treeselect/use-treeselect.type.js +5 -0
- package/cjs/components/use-upload/use-upload.js +5 -5
- package/cjs/components/use-upload/use-upload.type.d.ts +5 -1
- package/cjs/components/use-upload/use-upload.type.d.ts.map +1 -1
- package/cjs/index.d.ts +5 -0
- package/cjs/index.d.ts.map +1 -1
- package/cjs/index.js +60 -0
- package/cjs/utils/dom/element.d.ts +2 -1
- package/cjs/utils/dom/element.d.ts.map +1 -1
- package/cjs/utils/dom/element.js +9 -1
- package/cjs/utils/dom/index.d.ts +3 -0
- package/cjs/utils/dom/index.d.ts.map +1 -1
- package/cjs/utils/dom/index.js +32 -10
- package/cjs/utils/dom/responsiveObserve.d.ts +13 -0
- package/cjs/utils/dom/responsiveObserve.d.ts.map +1 -0
- package/cjs/utils/dom/responsiveObserve.js +89 -0
- package/cjs/utils/dom/responsiveObserve.type.d.ts +5 -0
- package/cjs/utils/dom/responsiveObserve.type.d.ts.map +1 -0
- package/cjs/utils/dom/responsiveObserve.type.js +5 -0
- package/cjs/utils/index.d.ts +1 -0
- package/cjs/utils/index.d.ts.map +1 -1
- package/cjs/utils/index.js +12 -0
- package/cjs/utils/is.d.ts +1 -0
- package/cjs/utils/is.d.ts.map +1 -1
- package/cjs/utils/is.js +5 -1
- package/cjs/utils/react-render.d.ts.map +1 -1
- package/cjs/utils/react-render.js +1 -2
- package/cjs/utils/render.d.ts.map +1 -1
- package/cjs/utils/tree.d.ts +14 -0
- package/cjs/utils/tree.d.ts.map +1 -0
- package/cjs/utils/tree.js +93 -0
- package/esm/common/type.d.ts +2 -0
- package/esm/common/type.d.ts.map +1 -1
- package/esm/common/use-drag-mock/index.d.ts +3 -11
- package/esm/common/use-drag-mock/index.d.ts.map +1 -1
- package/esm/common/use-drag-mock/index.js +27 -56
- package/esm/common/use-drag-mock/use-drag-mock.d.ts +11 -0
- package/esm/common/use-drag-mock/use-drag-mock.d.ts.map +1 -0
- package/esm/common/use-drag-mock/use-drag-mock.js +61 -0
- package/esm/common/use-drag-mock/use-drag-move.d.ts +11 -0
- package/esm/common/use-drag-mock/use-drag-move.d.ts.map +1 -0
- package/esm/common/use-drag-mock/use-drag-move.js +73 -0
- package/esm/common/use-drag-mock/use-drag-resize.d.ts +15 -0
- package/esm/common/use-drag-mock/use-drag-resize.d.ts.map +1 -0
- package/esm/common/use-drag-mock/use-drag-resize.js +89 -0
- package/esm/common/use-filter/index.d.ts +2 -0
- package/esm/common/use-filter/index.d.ts.map +1 -0
- package/esm/common/use-filter/index.js +19 -0
- package/esm/common/use-filter/use-filter.d.ts +21 -0
- package/esm/common/use-filter/use-filter.d.ts.map +1 -0
- package/esm/common/use-filter/use-filter.js +163 -0
- package/esm/common/use-filter/use-filter.type.d.ts +18 -0
- package/esm/common/use-filter/use-filter.type.d.ts.map +1 -0
- package/esm/common/use-filter/use-filter.type.js +5 -0
- package/esm/common/use-fork-ref/setRef.d.ts +0 -1
- package/esm/common/use-fork-ref/setRef.d.ts.map +1 -1
- package/esm/common/use-fork-ref/setRef.js +0 -1
- package/esm/common/use-position-style/index.d.ts.map +1 -1
- package/esm/common/use-position-style/index.js +5 -0
- package/esm/components/use-button/use-button.d.ts +1 -1
- package/esm/components/use-button/use-button.d.ts.map +1 -1
- package/esm/components/use-button/use-button.js +2 -2
- package/esm/components/use-button/use-button.type.d.ts +55 -0
- package/esm/components/use-button/use-button.type.d.ts.map +1 -1
- package/esm/components/use-cascader/index.d.ts +3 -0
- package/esm/components/use-cascader/index.d.ts.map +1 -0
- package/esm/components/use-cascader/index.js +19 -0
- package/esm/components/use-cascader/use-cascader.d.ts +36 -0
- package/esm/components/use-cascader/use-cascader.d.ts.map +1 -0
- package/esm/components/use-cascader/use-cascader.js +47 -0
- package/esm/components/use-cascader/use-cascader.type.d.ts +16 -0
- package/esm/components/use-cascader/use-cascader.type.d.ts.map +1 -0
- package/esm/components/use-cascader/use-cascader.type.js +5 -0
- package/esm/components/use-check/use-check.type.d.ts +25 -0
- package/esm/components/use-check/use-check.type.d.ts.map +1 -1
- package/esm/components/use-collapse/index.d.ts +5 -0
- package/esm/components/use-collapse/index.d.ts.map +1 -0
- package/esm/components/use-collapse/index.js +26 -0
- package/esm/components/use-collapse/use-collapse-item.d.ts +22 -0
- package/esm/components/use-collapse/use-collapse-item.d.ts.map +1 -0
- package/esm/components/use-collapse/use-collapse-item.js +72 -0
- package/esm/components/use-collapse/use-collapse-item.type.d.ts +29 -0
- package/esm/components/use-collapse/use-collapse-item.type.d.ts.map +1 -0
- package/esm/components/use-collapse/use-collapse-item.type.js +5 -0
- package/esm/components/use-collapse/use-collapse.d.ts +8 -0
- package/esm/components/use-collapse/use-collapse.d.ts.map +1 -0
- package/esm/components/use-collapse/use-collapse.js +51 -0
- package/esm/components/use-collapse/use-collapse.type.d.ts +21 -0
- package/esm/components/use-collapse/use-collapse.type.d.ts.map +1 -0
- package/esm/components/use-collapse/use-collapse.type.js +5 -0
- package/esm/components/use-datepicker/use-datepicker-format.js +1 -1
- package/esm/components/use-datepicker/use-time.js +1 -1
- package/esm/components/use-descriptions/index.d.ts +3 -0
- package/esm/components/use-descriptions/index.d.ts.map +1 -0
- package/esm/components/use-descriptions/index.js +19 -0
- package/esm/components/use-descriptions/use-descriptions.d.ts +6 -0
- package/esm/components/use-descriptions/use-descriptions.d.ts.map +1 -0
- package/esm/components/use-descriptions/use-descriptions.js +77 -0
- package/esm/components/use-descriptions/use-descriptions.type.d.ts +65 -0
- package/esm/components/use-descriptions/use-descriptions.type.d.ts.map +1 -0
- package/esm/components/use-descriptions/use-descriptions.type.js +5 -0
- package/esm/components/use-image/use-image.type.d.ts +76 -0
- package/esm/components/use-image/use-image.type.d.ts.map +1 -1
- package/esm/components/use-input/use-input-format.type.d.ts +25 -5
- package/esm/components/use-input/use-input-format.type.d.ts.map +1 -1
- package/esm/components/use-input/use-input-number.type.d.ts +17 -0
- package/esm/components/use-input/use-input-number.type.d.ts.map +1 -1
- package/esm/components/use-input/use-input-password.type.d.ts +21 -0
- package/esm/components/use-input/use-input-password.type.d.ts.map +1 -1
- package/esm/components/use-input/use-input.js +1 -1
- package/esm/components/use-input/use-input.type.d.ts +43 -0
- package/esm/components/use-input/use-input.type.d.ts.map +1 -1
- package/esm/components/use-select/index.d.ts +1 -0
- package/esm/components/use-select/index.d.ts.map +1 -1
- package/esm/components/use-select/index.js +8 -1
- package/esm/components/use-select/use-select-group.d.ts +7 -0
- package/esm/components/use-select/use-select-group.d.ts.map +1 -0
- package/esm/components/use-select/use-select-group.js +51 -0
- package/esm/components/use-select/use-select-group.type.d.ts +5 -0
- package/esm/components/use-select/use-select-group.type.d.ts.map +1 -0
- package/esm/components/use-select/use-select-group.type.js +5 -0
- package/esm/components/use-select/use-select.d.ts.map +1 -1
- package/esm/components/use-select/use-select.js +4 -4
- package/esm/components/use-select/use-select.type.d.ts +41 -1
- package/esm/components/use-select/use-select.type.d.ts.map +1 -1
- package/esm/components/use-slider/use-slider.d.ts +2 -2
- package/esm/components/use-slider/use-slider.js +4 -4
- package/esm/components/use-table/use-table-virtual.d.ts.map +1 -1
- package/esm/components/use-table/use-table-virtual.js +12 -2
- package/esm/components/use-tabs/context.type.d.ts +25 -0
- package/esm/components/use-tabs/context.type.d.ts.map +1 -1
- package/esm/components/use-tabs/use-tabs.type.d.ts +8 -0
- package/esm/components/use-tabs/use-tabs.type.d.ts.map +1 -1
- package/esm/components/use-textarea/use-textarea.type.d.ts +29 -0
- package/esm/components/use-textarea/use-textarea.type.d.ts.map +1 -1
- package/esm/components/use-transfer/use-transfer.type.d.ts +53 -0
- package/esm/components/use-transfer/use-transfer.type.d.ts.map +1 -1
- package/esm/components/use-tree/index.d.ts +1 -2
- package/esm/components/use-tree/index.d.ts.map +1 -1
- package/esm/components/use-tree/index.js +1 -8
- package/esm/components/use-tree/use-tree-node.d.ts +2 -1
- package/esm/components/use-tree/use-tree-node.d.ts.map +1 -1
- package/esm/components/use-tree/use-tree-node.js +7 -7
- package/esm/components/use-tree/use-tree-node.type.d.ts +2 -2
- package/esm/components/use-tree/use-tree-node.type.d.ts.map +1 -1
- package/esm/components/use-tree/use-tree.d.ts +25 -2
- package/esm/components/use-tree/use-tree.d.ts.map +1 -1
- package/esm/components/use-tree/use-tree.js +96 -44
- package/esm/components/use-tree/use-tree.type.d.ts +69 -4
- package/esm/components/use-tree/use-tree.type.d.ts.map +1 -1
- package/esm/components/use-treeselect/index.d.ts +4 -0
- package/esm/components/use-treeselect/index.d.ts.map +1 -0
- package/esm/components/use-treeselect/index.js +26 -0
- package/esm/components/use-treeselect/use-tiled.d.ts +13 -0
- package/esm/components/use-treeselect/use-tiled.d.ts.map +1 -0
- package/esm/components/use-treeselect/use-tiled.js +99 -0
- package/esm/components/use-treeselect/use-tiled.type.d.ts +15 -0
- package/esm/components/use-treeselect/use-tiled.type.d.ts.map +1 -0
- package/esm/components/use-treeselect/use-tiled.type.js +5 -0
- package/esm/components/use-treeselect/use-treeselect.d.ts +7 -0
- package/esm/components/use-treeselect/use-treeselect.d.ts.map +1 -0
- package/esm/components/use-treeselect/use-treeselect.js +29 -0
- package/esm/components/use-treeselect/use-treeselect.type.d.ts +9 -0
- package/esm/components/use-treeselect/use-treeselect.type.d.ts.map +1 -0
- package/esm/components/use-treeselect/use-treeselect.type.js +5 -0
- package/esm/components/use-upload/use-upload.js +5 -5
- package/esm/components/use-upload/use-upload.type.d.ts +5 -1
- package/esm/components/use-upload/use-upload.type.d.ts.map +1 -1
- package/esm/index.d.ts +5 -0
- package/esm/index.d.ts.map +1 -1
- package/esm/index.js +60 -0
- package/esm/utils/dom/element.d.ts +2 -1
- package/esm/utils/dom/element.d.ts.map +1 -1
- package/esm/utils/dom/element.js +9 -1
- package/esm/utils/dom/index.d.ts +3 -0
- package/esm/utils/dom/index.d.ts.map +1 -1
- package/esm/utils/dom/index.js +32 -10
- package/esm/utils/dom/responsiveObserve.d.ts +13 -0
- package/esm/utils/dom/responsiveObserve.d.ts.map +1 -0
- package/esm/utils/dom/responsiveObserve.js +89 -0
- package/esm/utils/dom/responsiveObserve.type.d.ts +5 -0
- package/esm/utils/dom/responsiveObserve.type.d.ts.map +1 -0
- package/esm/utils/dom/responsiveObserve.type.js +5 -0
- package/esm/utils/index.d.ts +1 -0
- package/esm/utils/index.d.ts.map +1 -1
- package/esm/utils/index.js +12 -0
- package/esm/utils/is.d.ts +1 -0
- package/esm/utils/is.d.ts.map +1 -1
- package/esm/utils/is.js +5 -1
- package/esm/utils/react-render.d.ts.map +1 -1
- package/esm/utils/react-render.js +1 -2
- package/esm/utils/render.d.ts.map +1 -1
- package/esm/utils/tree.d.ts +14 -0
- package/esm/utils/tree.d.ts.map +1 -0
- package/esm/utils/tree.js +93 -0
- package/package.json +7 -6
- package/cjs/components/use-tree/use-placement.d.ts +0 -6
- package/cjs/components/use-tree/use-placement.d.ts.map +0 -1
- package/cjs/components/use-tree/use-placement.js +0 -25
- package/cjs/components/use-tree/use-placement.type.d.ts +0 -4
- package/cjs/components/use-tree/use-placement.type.d.ts.map +0 -1
- package/esm/components/use-tree/use-placement.d.ts +0 -6
- package/esm/components/use-tree/use-placement.d.ts.map +0 -1
- package/esm/components/use-tree/use-placement.js +0 -25
- package/esm/components/use-tree/use-placement.type.d.ts +0 -4
- package/esm/components/use-tree/use-placement.type.d.ts.map +0 -1
- /package/cjs/{components/use-tree/use-placement.type.js → common/use-filter/use-filter.type.js} +0 -0
- /package/{esm/components/use-tree/use-placement.type.js → cjs/components/use-cascader/use-cascader.type.js} +0 -0
@@ -11,11 +11,12 @@ require("core-js/modules/es.map.js");
|
|
11
11
|
require("core-js/modules/web.dom-collections.iterator.js");
|
12
12
|
require("core-js/modules/es.array.index-of.js");
|
13
13
|
require("core-js/modules/web.dom-collections.for-each.js");
|
14
|
+
require("core-js/modules/es.array.map.js");
|
14
15
|
require("core-js/modules/es.array.concat.js");
|
15
16
|
require("core-js/modules/es.array.filter.js");
|
16
|
-
require("core-js/modules/es.set.js");
|
17
17
|
var _react = require("react");
|
18
18
|
var _useLatestObj = _interopRequireDefault(require("../../common/use-latest-obj"));
|
19
|
+
var _useInputAble2 = require("../../common/use-input-able");
|
19
20
|
var _is = require("../../utils/is");
|
20
21
|
var MODE = {
|
21
22
|
/**
|
@@ -51,17 +52,31 @@ var useTree = function useTree(props) {
|
|
51
52
|
keygen = props.keygen,
|
52
53
|
mode = props.mode,
|
53
54
|
activeProp = props.active,
|
54
|
-
|
55
|
-
|
55
|
+
expandedProp = props.expanded,
|
56
|
+
_props$defaultExpande = props.defaultExpanded,
|
57
|
+
defaultExpanded = _props$defaultExpande === void 0 ? [] : _props$defaultExpande,
|
56
58
|
defaultExpandAll = props.defaultExpandAll,
|
57
|
-
disabledProps = props.disabled
|
59
|
+
disabledProps = props.disabled,
|
60
|
+
unmatch = props.unmatch,
|
61
|
+
isControlled = props.isControlled,
|
62
|
+
onExpandProp = props.onExpand;
|
63
|
+
var _useInputAble = (0, _useInputAble2.useInputAble)({
|
64
|
+
value: expandedProp,
|
65
|
+
defaultValue: defaultExpanded,
|
66
|
+
control: isControlled,
|
67
|
+
onChange: onExpandProp,
|
68
|
+
beforeChange: undefined
|
69
|
+
}),
|
70
|
+
expanded = _useInputAble.value,
|
71
|
+
onExpand = _useInputAble.onChange;
|
58
72
|
var _useRef = (0, _react.useRef)({
|
59
73
|
pathMap: new Map(),
|
60
74
|
dataMap: new Map(),
|
61
75
|
valueMap: new Map(),
|
62
76
|
updateMap: new Map(),
|
77
|
+
unmatchedValueMap: new Map(),
|
63
78
|
disabled: false,
|
64
|
-
value:
|
79
|
+
value: undefined,
|
65
80
|
data: [],
|
66
81
|
cachedValue: []
|
67
82
|
}),
|
@@ -84,9 +99,9 @@ var useTree = function useTree(props) {
|
|
84
99
|
expanded: !!(expandeds && expandeds.indexOf(id) >= 0)
|
85
100
|
};
|
86
101
|
};
|
87
|
-
function get(id) {
|
102
|
+
var get = function get(id) {
|
88
103
|
return context.valueMap.get(id);
|
89
|
-
}
|
104
|
+
};
|
90
105
|
var getKey = function getKey(item) {
|
91
106
|
var id = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
|
92
107
|
var index = arguments.length > 2 ? arguments[2] : undefined;
|
@@ -133,6 +148,10 @@ var useTree = function useTree(props) {
|
|
133
148
|
default:
|
134
149
|
}
|
135
150
|
});
|
151
|
+
context.unmatchedValueMap.forEach(function (unmatch, id) {
|
152
|
+
if (unmatch) values.push(id);
|
153
|
+
});
|
154
|
+
context.cachedValue = values;
|
136
155
|
return values;
|
137
156
|
};
|
138
157
|
var getPath = function getPath(id) {
|
@@ -152,15 +171,33 @@ var useTree = function useTree(props) {
|
|
152
171
|
if (value === 2) checked = 'indeterminate';
|
153
172
|
return checked;
|
154
173
|
};
|
155
|
-
|
156
|
-
|
157
|
-
|
158
|
-
|
159
|
-
|
160
|
-
|
174
|
+
var getDataById = function getDataById(id) {
|
175
|
+
var oroginData = context.dataMap.get(id);
|
176
|
+
if (oroginData) return oroginData;
|
177
|
+
if (!unmatch) return null;
|
178
|
+
return {
|
179
|
+
IS_NOT_MATCHED_VALUE: true,
|
180
|
+
value: id
|
181
|
+
};
|
182
|
+
};
|
183
|
+
var getDataByValues = function getDataByValues(values) {
|
184
|
+
if ((0, _is.isArray)(values)) {
|
185
|
+
return values.map(getDataById);
|
186
|
+
}
|
187
|
+
return getDataById(values);
|
188
|
+
};
|
161
189
|
var setValueMap = function setValueMap(id, checked) {
|
162
190
|
context.valueMap.set(id, checked);
|
163
191
|
};
|
192
|
+
var setUnmatedValue = function setUnmatedValue() {
|
193
|
+
context.unmatchedValueMap = new Map();
|
194
|
+
if (!context.value || !context.data) return;
|
195
|
+
context.value.forEach(function (v) {
|
196
|
+
var data = getDataById(v);
|
197
|
+
var unmatched = (0, _is.isUnMatchedData)(data);
|
198
|
+
if (unmatched) context.unmatchedValueMap.set(v, true);else context.unmatchedValueMap.delete(v);
|
199
|
+
});
|
200
|
+
};
|
164
201
|
var initData = function initData(data, path, disabled) {
|
165
202
|
var index = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : [];
|
166
203
|
var ids = [];
|
@@ -169,6 +206,7 @@ var useTree = function useTree(props) {
|
|
169
206
|
var id = getKey(item, path[path.length - 1], i);
|
170
207
|
// 重复 id 警告
|
171
208
|
if (context.dataMap.get(id)) {
|
209
|
+
console.error("There is already a key \"".concat(id, "\" exists. The key must be unique."));
|
172
210
|
return;
|
173
211
|
}
|
174
212
|
// 制作 data mapping
|
@@ -177,32 +215,32 @@ var useTree = function useTree(props) {
|
|
177
215
|
if (_isDisabled === false && (0, _is.isFunc)(context.disabled)) {
|
178
216
|
_isDisabled = context.disabled(item);
|
179
217
|
}
|
180
|
-
ids.push(id);
|
181
218
|
var indexPath = [].concat((0, _toConsumableArray2.default)(index), [i]);
|
219
|
+
ids.push(id);
|
182
220
|
var children = [];
|
183
221
|
if (Array.isArray(item[childrenKey])) {
|
184
222
|
var _children = initData(item[childrenKey], [].concat((0, _toConsumableArray2.default)(path), [id]), mode === MODE.MODE_4 ? disabled : _isDisabled, indexPath);
|
185
223
|
if (_children) children = _children;
|
186
224
|
}
|
187
225
|
context.pathMap.set(id, {
|
188
|
-
index: i,
|
189
|
-
path: path,
|
190
226
|
children: children,
|
227
|
+
path: path,
|
191
228
|
isDisabled: _isDisabled,
|
192
|
-
indexPath: indexPath
|
229
|
+
indexPath: indexPath,
|
230
|
+
index: i
|
193
231
|
});
|
194
232
|
}
|
195
233
|
return ids;
|
196
234
|
};
|
197
235
|
var initValue = function initValue(ids_outer, forceCheck) {
|
198
236
|
var ids = ids_outer;
|
199
|
-
if (!data || !value) {
|
237
|
+
if (!context.data || !context.value) {
|
200
238
|
return undefined;
|
201
239
|
}
|
202
240
|
if (!ids) {
|
203
241
|
ids = [];
|
204
|
-
context.pathMap.forEach(function (
|
205
|
-
if (
|
242
|
+
context.pathMap.forEach(function (item, index) {
|
243
|
+
if (item.path.length === 0) {
|
206
244
|
ids.push(index);
|
207
245
|
}
|
208
246
|
});
|
@@ -219,13 +257,13 @@ var useTree = function useTree(props) {
|
|
219
257
|
if (forceCheck) {
|
220
258
|
setValueMap(item, 1);
|
221
259
|
initValue(children, forceCheck);
|
222
|
-
|
260
|
+
continue;
|
223
261
|
}
|
224
|
-
var childChecked = value.indexOf(item) >= 0 ? 1 : 0;
|
262
|
+
var childChecked = context.value.indexOf(item) >= 0 ? 1 : 0;
|
225
263
|
|
226
264
|
// 选中且非 mode 1 和 mode 4,则需要将其子选项统统强制选中
|
227
265
|
if (childChecked === 1 && mode !== MODE.MODE_1 && mode !== MODE.MODE_4) {
|
228
|
-
|
266
|
+
initValue(children, true);
|
229
267
|
}
|
230
268
|
// mode 2 mode 3 mode 的情况下,需要根据 children 内容来决定是否选中
|
231
269
|
else if (children.length > 0) {
|
@@ -234,7 +272,7 @@ var useTree = function useTree(props) {
|
|
234
272
|
}
|
235
273
|
// 没有子节点的情况下,需要根据 value 来决定是否选中
|
236
274
|
else {
|
237
|
-
childChecked = value.indexOf(item) >= 0 ? 1 : 0;
|
275
|
+
childChecked = context.value.indexOf(item) >= 0 ? 1 : 0;
|
238
276
|
}
|
239
277
|
|
240
278
|
// 同步状态至 map 中
|
@@ -254,6 +292,7 @@ var useTree = function useTree(props) {
|
|
254
292
|
if (value && value !== context.cachedValue) {
|
255
293
|
initValue();
|
256
294
|
}
|
295
|
+
setUnmatedValue();
|
257
296
|
};
|
258
297
|
var isDisabled = function isDisabled(id) {
|
259
298
|
var node = context.pathMap.get(id);
|
@@ -277,6 +316,7 @@ var useTree = function useTree(props) {
|
|
277
316
|
context.pathMap = new Map();
|
278
317
|
context.dataMap = new Map();
|
279
318
|
context.valueMap = new Map();
|
319
|
+
context.unmatchedValueMap = new Map();
|
280
320
|
context.disabled = getDisabled();
|
281
321
|
context.data = data;
|
282
322
|
if (!data) return;
|
@@ -288,9 +328,11 @@ var useTree = function useTree(props) {
|
|
288
328
|
if (!isDisabled(id)) {
|
289
329
|
setValueMap(id, checked);
|
290
330
|
}
|
291
|
-
|
292
|
-
|
293
|
-
|
331
|
+
var data = getDataById(id);
|
332
|
+
if (data && data['IS_NOT_MATCHED_VALUE']) {
|
333
|
+
if (checked) context.unmatchedValueMap.set(id, true);else context.unmatchedValueMap.delete(id);
|
334
|
+
return null;
|
335
|
+
}
|
294
336
|
if (mode === MODE.MODE_4) {
|
295
337
|
return 0;
|
296
338
|
}
|
@@ -322,34 +364,44 @@ var useTree = function useTree(props) {
|
|
322
364
|
}
|
323
365
|
return current;
|
324
366
|
};
|
325
|
-
|
326
|
-
var temp = new Set(expanded);
|
327
|
-
context.updateMap.forEach(function (update, id) {
|
328
|
-
update('expanded', temp.has(id));
|
329
|
-
});
|
330
|
-
};
|
331
|
-
(0, _react.useEffect)(function () {
|
367
|
+
if (firstRender.current) {
|
332
368
|
setValue(value);
|
333
369
|
setData(data);
|
334
|
-
|
335
|
-
|
336
|
-
});
|
337
|
-
}, [data]);
|
370
|
+
firstRender.current = false;
|
371
|
+
}
|
338
372
|
(0, _react.useEffect)(function () {
|
339
|
-
if (
|
340
|
-
|
341
|
-
|
342
|
-
|
373
|
+
if (defaultExpandAll) {
|
374
|
+
var nextExpanded = [];
|
375
|
+
context.dataMap.forEach(function (item, k) {
|
376
|
+
if (item[childrenKey]) {
|
377
|
+
nextExpanded.push(k);
|
378
|
+
}
|
379
|
+
});
|
380
|
+
onExpand(nextExpanded);
|
381
|
+
}
|
382
|
+
}, []);
|
383
|
+
var datum = (0, _useLatestObj.default)({
|
343
384
|
get: get,
|
344
385
|
set: set,
|
386
|
+
childrenKey: childrenKey,
|
387
|
+
data: data,
|
345
388
|
getPath: getPath,
|
346
389
|
getValue: getValue,
|
347
390
|
getChecked: getChecked,
|
391
|
+
getKey: getKey,
|
392
|
+
getDataByValues: getDataByValues,
|
393
|
+
setValue: setValue,
|
394
|
+
setData: setData,
|
348
395
|
isDisabled: isDisabled,
|
349
|
-
bindNode: bindNode
|
396
|
+
bindNode: bindNode,
|
397
|
+
getDataById: getDataById
|
350
398
|
});
|
351
399
|
return {
|
352
|
-
|
400
|
+
datum: datum,
|
401
|
+
getKey: getKey,
|
402
|
+
getDataById: getDataById,
|
403
|
+
expanded: expanded,
|
404
|
+
onExpand: onExpand,
|
353
405
|
pathMap: context.pathMap,
|
354
406
|
dataMap: context.dataMap,
|
355
407
|
valueMap: context.valueMap,
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import {
|
1
|
+
import { StructKeygenStringType, KeygenResult, ObjectKey } from '../../common/type';
|
2
2
|
export declare type CheckedStatusType = 0 | 1 | 2;
|
3
3
|
export declare type TreeModeType = 0 | 1 | 2 | 3 | 4;
|
4
4
|
export declare type UpdateFunc = (name: string, active: boolean) => void;
|
@@ -6,6 +6,7 @@ export interface TreeContext<DataItem> {
|
|
6
6
|
pathMap: Map<KeygenResult, TreePathType>;
|
7
7
|
dataMap: Map<KeygenResult, DataItem>;
|
8
8
|
valueMap: Map<KeygenResult, CheckedStatusType>;
|
9
|
+
unmatchedValueMap: Map<any, any>;
|
9
10
|
updateMap: Map<KeygenResult, UpdateFunc>;
|
10
11
|
disabled: boolean | ((item: DataItem) => boolean);
|
11
12
|
value?: KeygenResult[];
|
@@ -14,23 +15,87 @@ export interface TreeContext<DataItem> {
|
|
14
15
|
}
|
15
16
|
export interface TreePathType {
|
16
17
|
children: KeygenResult[];
|
17
|
-
path:
|
18
|
+
path: KeygenResult[];
|
18
19
|
isDisabled: boolean;
|
19
20
|
indexPath: number[];
|
20
21
|
index: number;
|
21
22
|
}
|
22
|
-
export interface BaseTreeProps<DataItem
|
23
|
+
export interface BaseTreeProps<DataItem> {
|
24
|
+
/**
|
25
|
+
* @private 内部属性
|
26
|
+
*/
|
27
|
+
isControlled: boolean;
|
23
28
|
active?: KeygenResult;
|
29
|
+
/**
|
30
|
+
* @en Selected key (controlled)
|
31
|
+
* @cn 选中的 key (受控)
|
32
|
+
*/
|
24
33
|
value?: KeygenResult[];
|
34
|
+
/**
|
35
|
+
* @en Default selected key (not controlled)
|
36
|
+
* @cn 默认选中的 key (非受控)
|
37
|
+
*/
|
25
38
|
defaultValue?: KeygenResult[];
|
39
|
+
/**
|
40
|
+
* @en Data, children is children, if children is null or length is 0, it is considered as a leaf node
|
41
|
+
* @cn 数据,子节点为 children,如果 children 值为 null 或 长度为 0 时,视为叶子节点
|
42
|
+
*/
|
26
43
|
data: DataItem[];
|
44
|
+
/**
|
45
|
+
* @en Expanded node
|
46
|
+
* @cn 展开的节点 key(受控)
|
47
|
+
*/
|
27
48
|
expanded?: KeygenResult[];
|
49
|
+
/**
|
50
|
+
* @en Default expanded nodes
|
51
|
+
* @cn 默认展开的节点 key(非受控)
|
52
|
+
*/
|
28
53
|
defaultExpanded?: KeygenResult[];
|
54
|
+
/**
|
55
|
+
* @en Expanded all nodes
|
56
|
+
* @cn 默认展开所有节点
|
57
|
+
* @default false
|
58
|
+
*/
|
29
59
|
defaultExpandAll?: boolean;
|
60
|
+
/**
|
61
|
+
* @en Control whether the node can be chosen
|
62
|
+
* @cn 显示选择框时有效,为 true 时,所有节点禁用选择,为函数时,根据函数返回结果确定是否禁用
|
63
|
+
* @default false
|
64
|
+
*/
|
30
65
|
disabled?: boolean | ((item: DataItem) => boolean);
|
66
|
+
/**
|
67
|
+
* @en Auxiliary method for generating key. When it is a function, use the return value of this function. When it is a string, use the data value corresponding to this string. For example, "id" is the same thing as (d) => d.id
|
68
|
+
* @cn 生成 key 的辅助方法, 为函数时,使用此函数返回值, 为 string 时,使用这个 string 对应的数据值。如 "id",相当于 (d) => d.id
|
69
|
+
* @default index
|
70
|
+
*/
|
31
71
|
keygen: StructKeygenStringType<DataItem>;
|
32
|
-
|
72
|
+
/**
|
73
|
+
* @en Specify the name of the subdata
|
74
|
+
* @cn 指定子数据的属性名
|
75
|
+
* @default 'children'
|
76
|
+
*/
|
77
|
+
childrenKey?: ObjectKey<DataItem>;
|
78
|
+
/**
|
79
|
+
* @en Mode 0: Returns only the fully selected node including the parent node. 1: Returns all selected nodes and semi-selected nodes. 2: Return only the selected child nodes. 3: If the parent node is full selected, only return the parent node. 4: What you choose is what you get
|
80
|
+
* @cn 选中值模式,未设置值为单选 0: 只返回完全选中的节点,包含父节点 1: 返回全部选中的节点和半选中的父节点 2: 只返回选中的子节点 3: 如果父节点选中,只返回父节点 4: 所选即所得
|
81
|
+
* @default 1
|
82
|
+
*/
|
33
83
|
mode?: TreeModeType;
|
84
|
+
/**
|
85
|
+
* @en Whether to monitor data changes to update data
|
86
|
+
* @cn 是否监听 data 变化更新数据
|
87
|
+
* @default true
|
88
|
+
*/
|
34
89
|
dataUpdate?: boolean;
|
90
|
+
/**
|
91
|
+
* @en Whether to enable unmatch mode
|
92
|
+
* @cn 是否开启不匹配模式
|
93
|
+
*/
|
94
|
+
unmatch?: boolean;
|
95
|
+
/**
|
96
|
+
* @en Expand event
|
97
|
+
* @cn 节点展开回调,参数为当前展开节点 key 数组
|
98
|
+
*/
|
99
|
+
onExpand?: (value: KeygenResult[]) => void;
|
35
100
|
}
|
36
101
|
//# sourceMappingURL=use-tree.type.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"use-tree.type.d.ts","sourceRoot":"","sources":["use-tree.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,
|
1
|
+
{"version":3,"file":"use-tree.type.d.ts","sourceRoot":"","sources":["use-tree.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAEpF,oBAAY,iBAAiB,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAE1C,oBAAY,YAAY,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAE7C,oBAAY,UAAU,GAAG,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;AAEjE,MAAM,WAAW,WAAW,CAAC,QAAQ;IACnC,OAAO,EAAE,GAAG,CAAC,YAAY,EAAE,YAAY,CAAC,CAAC;IACzC,OAAO,EAAE,GAAG,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC;IACrC,QAAQ,EAAE,GAAG,CAAC,YAAY,EAAE,iBAAiB,CAAC,CAAC;IAC/C,iBAAiB,EAAE,GAAG,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;IACjC,SAAS,EAAE,GAAG,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC;IACzC,QAAQ,EAAE,OAAO,GAAG,CAAC,CAAC,IAAI,EAAE,QAAQ,KAAK,OAAO,CAAC,CAAC;IAClD,KAAK,CAAC,EAAE,YAAY,EAAE,CAAC;IACvB,WAAW,EAAE,YAAY,EAAE,CAAC;IAC5B,IAAI,CAAC,EAAE,QAAQ,EAAE,CAAC;CACnB;AAED,MAAM,WAAW,YAAY;IAC3B,QAAQ,EAAE,YAAY,EAAE,CAAC;IACzB,IAAI,EAAE,YAAY,EAAE,CAAC;IACrB,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,MAAM,EAAE,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,aAAa,CAAC,QAAQ;IACrC;;OAEG;IACH,YAAY,EAAE,OAAO,CAAC;IACtB,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB;;;OAGG;IACH,KAAK,CAAC,EAAE,YAAY,EAAE,CAAC;IACvB;;;OAGG;IACH,YAAY,CAAC,EAAE,YAAY,EAAE,CAAC;IAC9B;;;OAGG;IACH,IAAI,EAAE,QAAQ,EAAE,CAAC;IACjB;;;OAGG;IACH,QAAQ,CAAC,EAAE,YAAY,EAAE,CAAC;IAC1B;;;OAGG;IACH,eAAe,CAAC,EAAE,YAAY,EAAE,CAAC;IACjC;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,CAAC,CAAC,IAAI,EAAE,QAAQ,KAAK,OAAO,CAAC,CAAC;IACnD;;;;OAIG;IACH,MAAM,EAAE,sBAAsB,CAAC,QAAQ,CAAC,CAAC;IACzC;;;;OAIG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAC;IAClC;;;;OAIG;IACH,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,EAAE,KAAK,IAAI,CAAC;CAC5C"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,aAAa,CAAC;AAClD,YAAY,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC"}
|
@@ -0,0 +1,26 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
5
|
+
value: true
|
6
|
+
});
|
7
|
+
Object.defineProperty(exports, "default", {
|
8
|
+
enumerable: true,
|
9
|
+
get: function get() {
|
10
|
+
return _useTreeselect.default;
|
11
|
+
}
|
12
|
+
});
|
13
|
+
Object.defineProperty(exports, "useTiled", {
|
14
|
+
enumerable: true,
|
15
|
+
get: function get() {
|
16
|
+
return _useTiled.default;
|
17
|
+
}
|
18
|
+
});
|
19
|
+
Object.defineProperty(exports, "useTreeSelect", {
|
20
|
+
enumerable: true,
|
21
|
+
get: function get() {
|
22
|
+
return _useTreeselect.default;
|
23
|
+
}
|
24
|
+
});
|
25
|
+
var _useTreeselect = _interopRequireDefault(require("./use-treeselect"));
|
26
|
+
var _useTiled = _interopRequireDefault(require("./use-tiled"));
|
@@ -0,0 +1,13 @@
|
|
1
|
+
/// <reference types="react" />
|
2
|
+
import { UseTiledProps } from './use-tiled.type';
|
3
|
+
declare const useTiled: <DataItem>(props: UseTiledProps<DataItem>) => {
|
4
|
+
data: DataItem[];
|
5
|
+
onFilter: ((text: string) => void) | undefined;
|
6
|
+
expandIcons?: undefined;
|
7
|
+
} | {
|
8
|
+
data: any[];
|
9
|
+
onFilter: (text: string) => void;
|
10
|
+
expandIcons: ((item: DataItem) => string | number | boolean | import("react").ReactFragment | JSX.Element | null | undefined)[];
|
11
|
+
};
|
12
|
+
export default useTiled;
|
13
|
+
//# sourceMappingURL=use-tiled.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"use-tiled.d.ts","sourceRoot":"","sources":["use-tiled.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAGjD,QAAA,MAAM,QAAQ;;;;;;qBAiCgB,MAAM;;CAoDnC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
|
@@ -0,0 +1,99 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
5
|
+
value: true
|
6
|
+
});
|
7
|
+
exports.default = void 0;
|
8
|
+
require("core-js/modules/es.array.index-of.js");
|
9
|
+
require("core-js/modules/es.array.splice.js");
|
10
|
+
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
11
|
+
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
12
|
+
var _react = require("react");
|
13
|
+
var _useTree3 = require("../use-tree");
|
14
|
+
var _tree = require("../../utils/tree");
|
15
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
16
|
+
var useTiled = function useTiled(props) {
|
17
|
+
var data = props.data,
|
18
|
+
keygen = props.keygen,
|
19
|
+
_props$childrenKey = props.childrenKey,
|
20
|
+
childrenKey = _props$childrenKey === void 0 ? 'children' : _props$childrenKey,
|
21
|
+
_props$expanded = props.expanded,
|
22
|
+
expanded = _props$expanded === void 0 ? [] : _props$expanded,
|
23
|
+
rawData = props.rawData,
|
24
|
+
onFilter = props.onFilter,
|
25
|
+
filterText = props.filterText,
|
26
|
+
originIcon = props.originIcon,
|
27
|
+
moreIcon = props.moreIcon,
|
28
|
+
onAdvancedFilter = props.onAdvancedFilter;
|
29
|
+
var _useState = (0, _react.useState)([]),
|
30
|
+
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
31
|
+
tileds = _useState2[0],
|
32
|
+
setTileds = _useState2[1];
|
33
|
+
var _useTree = (0, _useTree3.useTree)({
|
34
|
+
data: data,
|
35
|
+
childrenKey: childrenKey,
|
36
|
+
keygen: keygen,
|
37
|
+
isControlled: false
|
38
|
+
}),
|
39
|
+
datum = _useTree.datum;
|
40
|
+
var _useTree2 = (0, _useTree3.useTree)({
|
41
|
+
data: rawData,
|
42
|
+
childrenKey: childrenKey,
|
43
|
+
keygen: keygen,
|
44
|
+
isControlled: false
|
45
|
+
}),
|
46
|
+
rawDatum = _useTree2.datum,
|
47
|
+
getRawKey = _useTree2.getKey,
|
48
|
+
getRawDataById = _useTree2.getDataById;
|
49
|
+
var handleToggle = function handleToggle(e, key) {
|
50
|
+
e.stopPropagation();
|
51
|
+
var nextTileds = (0, _toConsumableArray2.default)(tileds);
|
52
|
+
var index = nextTileds.indexOf(key);
|
53
|
+
if (index >= 0) nextTileds.splice(index, 1);else nextTileds.push(key);
|
54
|
+
setTileds(nextTileds);
|
55
|
+
};
|
56
|
+
var handleFilter = function handleFilter(text) {
|
57
|
+
if (!text) setTileds([]);
|
58
|
+
if (onFilter) onFilter(text);
|
59
|
+
};
|
60
|
+
var getIcon = function getIcon(item) {
|
61
|
+
var key = getRawKey(item);
|
62
|
+
var rawDataItem = getRawDataById(key);
|
63
|
+
if (!item || !rawDataItem) return originIcon;
|
64
|
+
|
65
|
+
// const sameCount =
|
66
|
+
// item[childrenKey] &&
|
67
|
+
// rawDataItem[childrenKey] &&
|
68
|
+
// (item[childrenKey] as DataItem[]).length === (rawDataItem[childrenKey] as DataItem[]).length;
|
69
|
+
if (expanded.indexOf(key) === -1) return originIcon;
|
70
|
+
var handleClick = function handleClick(e) {
|
71
|
+
handleToggle(e, key);
|
72
|
+
};
|
73
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
74
|
+
style: {
|
75
|
+
display: 'inline-flex',
|
76
|
+
alignItems: 'center',
|
77
|
+
justifyContent: 'center',
|
78
|
+
width: '100%',
|
79
|
+
height: '100%'
|
80
|
+
},
|
81
|
+
onClick: handleClick,
|
82
|
+
children: moreIcon()
|
83
|
+
});
|
84
|
+
};
|
85
|
+
if (!filterText || !onAdvancedFilter) {
|
86
|
+
return {
|
87
|
+
data: data,
|
88
|
+
onFilter: onFilter
|
89
|
+
};
|
90
|
+
}
|
91
|
+
var nextData = (0, _tree.mergeFilteredTree)(datum, rawDatum, tileds);
|
92
|
+
return {
|
93
|
+
data: nextData,
|
94
|
+
onFilter: handleFilter,
|
95
|
+
expandIcons: [getIcon, getIcon]
|
96
|
+
};
|
97
|
+
};
|
98
|
+
var _default = useTiled;
|
99
|
+
exports.default = _default;
|
@@ -0,0 +1,15 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import { TreeKeygenType, KeygenResult } from '../../common/type';
|
3
|
+
export interface UseTiledProps<DataItem> {
|
4
|
+
data: DataItem[];
|
5
|
+
rawData: DataItem[];
|
6
|
+
onFilter?: (text: string) => void;
|
7
|
+
keygen: TreeKeygenType<DataItem>;
|
8
|
+
childrenKey?: keyof DataItem & string;
|
9
|
+
expanded?: KeygenResult[];
|
10
|
+
filterText?: string;
|
11
|
+
originIcon: React.ReactNode;
|
12
|
+
moreIcon: () => React.ReactNode;
|
13
|
+
onAdvancedFilter?: (text: string) => (data: DataItem) => boolean;
|
14
|
+
}
|
15
|
+
//# sourceMappingURL=use-tiled.type.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"use-tiled.type.d.ts","sourceRoot":"","sources":["use-tiled.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjE,MAAM,WAAW,aAAa,CAAC,QAAQ;IACrC,IAAI,EAAE,QAAQ,EAAE,CAAC;IACjB,OAAO,EAAE,QAAQ,EAAE,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,MAAM,EAAE,cAAc,CAAC,QAAQ,CAAC,CAAC;IACjC,WAAW,CAAC,EAAE,MAAM,QAAQ,GAAG,MAAM,CAAC;IACtC,QAAQ,CAAC,EAAE,YAAY,EAAE,CAAC;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,QAAQ,EAAE,MAAM,KAAK,CAAC,SAAS,CAAC;IAChC,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,CAAC,IAAI,EAAE,QAAQ,KAAK,OAAO,CAAC;CAClE"}
|
@@ -0,0 +1,7 @@
|
|
1
|
+
import { BaseTreeSelectProps } from './use-treeselect.type';
|
2
|
+
declare const useTreeSelect: <DataItem, Value>(props: BaseTreeSelectProps<DataItem, Value>) => {
|
3
|
+
value: Value | undefined;
|
4
|
+
onChange: (value: Value, selected?: DataItem | undefined, path?: (string | number)[] | undefined) => void;
|
5
|
+
};
|
6
|
+
export default useTreeSelect;
|
7
|
+
//# sourceMappingURL=use-treeselect.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"use-treeselect.d.ts","sourceRoot":"","sources":["use-treeselect.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAG5D,QAAA,MAAM,aAAa;;;CAelB,CAAC;AAEF,eAAe,aAAa,CAAC"}
|
@@ -0,0 +1,29 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.default = void 0;
|
7
|
+
var _useInputAble2 = require("../../common/use-input-able");
|
8
|
+
var useTreeSelect = function useTreeSelect(props) {
|
9
|
+
var valueProp = props.value,
|
10
|
+
defaultValue = props.defaultValue,
|
11
|
+
control = props.control,
|
12
|
+
beforeChange = props.beforeChange,
|
13
|
+
onChangeProp = props.onChange;
|
14
|
+
var _useInputAble = (0, _useInputAble2.useInputAble)({
|
15
|
+
value: valueProp,
|
16
|
+
control: control,
|
17
|
+
defaultValue: defaultValue,
|
18
|
+
beforeChange: beforeChange,
|
19
|
+
onChange: onChangeProp
|
20
|
+
}),
|
21
|
+
value = _useInputAble.value,
|
22
|
+
onChange = _useInputAble.onChange;
|
23
|
+
return {
|
24
|
+
value: value,
|
25
|
+
onChange: onChange
|
26
|
+
};
|
27
|
+
};
|
28
|
+
var _default = useTreeSelect;
|
29
|
+
exports.default = _default;
|
@@ -0,0 +1,9 @@
|
|
1
|
+
export interface BaseTreeSelectProps<DataItem, Value> {
|
2
|
+
data?: DataItem[];
|
3
|
+
value?: Value;
|
4
|
+
defaultValue?: Value;
|
5
|
+
control: boolean;
|
6
|
+
beforeChange?: (value: Value) => any;
|
7
|
+
onChange?: (value: Value, selected?: DataItem, path?: (string | number)[]) => void;
|
8
|
+
}
|
9
|
+
//# sourceMappingURL=use-treeselect.type.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"use-treeselect.type.d.ts","sourceRoot":"","sources":["use-treeselect.type.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,mBAAmB,CAAC,QAAQ,EAAE,KAAK;IAClD,IAAI,CAAC,EAAE,QAAQ,EAAE,CAAC;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,OAAO,EAAE,OAAO,CAAC;IACjB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,GAAG,CAAC;IACrC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,KAAK,IAAI,CAAC;CACpF"}
|