tntd 3.0.10 → 3.0.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/es/array-input/index.js +10 -3
- package/es/array-input/index.js.map +1 -1
- package/es/index.js +1 -0
- package/es/index.js.map +1 -1
- package/es/locale/en_US.js +16 -0
- package/es/locale/en_US.js.map +1 -1
- package/es/locale/zh_CN.js +16 -0
- package/es/locale/zh_CN.js.map +1 -1
- package/es/prev-locale.js +32 -2
- package/es/prev-locale.js.map +1 -1
- package/es/query-list-scene/index.less +4 -0
- package/es/table/index.js +2 -2
- package/es/table/index.js.map +1 -1
- package/es/table/resizableTable/index.js +87 -0
- package/es/table/resizableTable/index.js.map +1 -0
- package/es/table/resizableTable/index.less +36 -0
- package/es/table/table-hoc.js +26 -0
- package/es/table/table-hoc.js.map +1 -0
- package/es/tabs/tabs.less +23 -0
- package/es/title/index.less +4 -1
- package/es/tntd-reference/AHref/index.js +39 -0
- package/es/tntd-reference/AHref/index.js.map +1 -0
- package/es/tntd-reference/ReferenceBatchCheck/index.js +153 -0
- package/es/tntd-reference/ReferenceBatchCheck/index.js.map +1 -0
- package/es/tntd-reference/ReferenceBatchCheck/index.less +21 -0
- package/es/tntd-reference/ReferenceBatchDrawer/index.js +102 -0
- package/es/tntd-reference/ReferenceBatchDrawer/index.js.map +1 -0
- package/es/tntd-reference/ReferenceBatchDrawer/index.less +0 -0
- package/es/tntd-reference/ReferenceCheck/index.js +117 -0
- package/es/tntd-reference/ReferenceCheck/index.js.map +1 -0
- package/es/tntd-reference/ReferenceCheck/index.less +10 -0
- package/es/tntd-reference/ReferenceDrawer/index.js +69 -0
- package/es/tntd-reference/ReferenceDrawer/index.js.map +1 -0
- package/es/tntd-reference/ReferenceDrawer/index.less +0 -0
- package/es/tntd-reference/ReferenceInfo/index.js +150 -0
- package/es/tntd-reference/ReferenceInfo/index.js.map +1 -0
- package/es/tntd-reference/ReferenceInfo/index.less +31 -0
- package/es/tntd-reference/index.js +13 -0
- package/es/tntd-reference/index.js.map +1 -0
- package/es/tntd-virtual-tree/index.js +14 -3
- package/es/tntd-virtual-tree/index.js.map +1 -1
- package/es/tntd-virtual-tree/index.less +2 -42
- package/es/tntd-virtual-tree-select/index.js +95 -21
- package/es/tntd-virtual-tree-select/index.js.map +1 -1
- package/es/tntd-virtual-tree-select/utils.js +20 -124
- package/es/tntd-virtual-tree-select/utils.js.map +1 -1
- package/lib/_util/context.js +1 -1
- package/lib/_util/defaultRenderEmpty.js +1 -1
- package/lib/_util/hooks/useFlexGapSupport.js +4 -4
- package/lib/_util/hooks/useForceUpdate.js +4 -4
- package/lib/_util/responsiveObserve.js +1 -1
- package/lib/_util/styleChecker.js +1 -1
- package/lib/actions/index.js +1 -1
- package/lib/alert/alert.js +2 -2
- package/lib/alert/index.js +1 -1
- package/lib/array-input/index.d.ts.map +1 -1
- package/lib/array-input/index.js +22 -13
- package/lib/array-input/index.js.map +1 -1
- package/lib/button/button.js +2 -2
- package/lib/cascader/cascader.js +1 -1
- package/lib/check-card/group.js +8 -8
- package/lib/check-card/index.js +6 -6
- package/lib/checkbox/checkbox.js +1 -1
- package/lib/color-picker/ColorPicker.js +6 -6
- package/lib/color-picker/index.js +1 -1
- package/lib/columns/index.js +1 -1
- package/lib/config-provider/config-provider.js +1 -1
- package/lib/date-picker/DatePicker.js +1 -1
- package/lib/descriptions/descriptions.js +5 -5
- package/lib/development-login/LoginModal.js +6 -6
- package/lib/development-login/index.js +4 -4
- package/lib/drawer/drawer.js +2 -2
- package/lib/ellipsis/Svg/CopySVG.js +1 -1
- package/lib/ellipsis/Svg/TickSVG.js +1 -1
- package/lib/ellipsis/index.js +5 -5
- package/lib/empty/empty.js +2 -2
- package/lib/empty/empty.stories.js +2 -2
- package/lib/exception/exception.js +1 -1
- package/lib/form/form.js +2 -2
- package/lib/grid-v4/col.js +2 -2
- package/lib/grid-v4/hooks/useBreakpoint.js +1 -1
- package/lib/grid-v4/index.js +1 -1
- package/lib/grid-v4/row.js +6 -6
- package/lib/handle/index.js +1 -1
- package/lib/handle-icon/index.js +11 -11
- package/lib/icon/IconFont.js +1 -1
- package/lib/icon/components/Icon.js +9 -9
- package/lib/icon/components/index.js +1 -1
- package/lib/icon/components/utils.js +3 -3
- package/lib/icon/index.js +7 -7
- package/lib/icon/twoTonePrimaryColor.js +1 -1
- package/lib/icon/utils.js +1 -1
- package/lib/img/Contain.js +1 -1
- package/lib/img/Cover.js +5 -5
- package/lib/img/index.js +5 -5
- package/lib/index.d.ts +1 -0
- package/lib/index.d.ts.map +1 -1
- package/lib/index.js +8 -1
- package/lib/index.js.map +1 -1
- package/lib/input/input.js +2 -2
- package/lib/input-number/inputNumber.js +1 -1
- package/lib/label/index.js +2 -2
- package/lib/loading-button/index.js +5 -5
- package/lib/locale/default.d.ts +16 -0
- package/lib/locale/default.d.ts.map +1 -1
- package/lib/locale/default.js +1 -1
- package/lib/locale/en_US.d.ts +16 -0
- package/lib/locale/en_US.d.ts.map +1 -1
- package/lib/locale/en_US.js +17 -1
- package/lib/locale/en_US.js.map +1 -1
- package/lib/locale/zh_CN.d.ts +16 -0
- package/lib/locale/zh_CN.d.ts.map +1 -1
- package/lib/locale/zh_CN.js +17 -1
- package/lib/locale/zh_CN.js.map +1 -1
- package/lib/modal/modal.js +1 -1
- package/lib/notification/assets/index.js +1 -1
- package/lib/notification/index.js +1 -1
- package/lib/notification/notification.js +1 -1
- package/lib/page/Box.js +1 -1
- package/lib/page/index.js +7 -7
- package/lib/page-container/index.js +1 -1
- package/lib/page-loading/index.js +1 -1
- package/lib/popconfirm/popconfirm.js +1 -1
- package/lib/popover/popover.js +1 -1
- package/lib/prev-locale.d.ts +42 -0
- package/lib/prev-locale.d.ts.map +1 -1
- package/lib/prev-locale.js +32 -2
- package/lib/prev-locale.js.map +1 -1
- package/lib/preview-text/index.js +7 -7
- package/lib/progress/progress.js +2 -2
- package/lib/query-form/Field/Checkbox.js +1 -1
- package/lib/query-form/Field/Select.js +6 -6
- package/lib/query-form/Field/SelectInput.js +6 -6
- package/lib/query-form/Field/fieldsMap.js +1 -1
- package/lib/query-form/Field/index.js +10 -10
- package/lib/query-form/createActions.js +1 -1
- package/lib/query-form/index.js +10 -10
- package/lib/query-form/useForm.js +1 -1
- package/lib/query-list-scene/List.js +13 -13
- package/lib/query-list-scene/QueryForm.js +9 -9
- package/lib/query-list-scene/QueryListScene.js +10 -10
- package/lib/query-list-scene/Title.js +1 -1
- package/lib/query-list-scene/Toolbar.js +2 -2
- package/lib/query-list-scene/createActions.js +1 -1
- package/lib/query-list-scene/index.js +1 -1
- package/lib/query-list-scene/index.less +4 -0
- package/lib/query-list-scene/useActions.js +1 -1
- package/lib/radio/radio.js +1 -1
- package/lib/render-empty/render-empty.js +1 -1
- package/lib/segmented/index.d.ts +1 -1
- package/lib/segmented/index.js +2 -2
- package/lib/select/select.js +2 -2
- package/lib/spin/spin.js +1 -1
- package/lib/steps/steps.js +2 -2
- package/lib/svg-components/index.js +1 -1
- package/lib/table/hooks/use-column-setting.js +4 -4
- package/lib/table/hooks/use-expand-fixed.js +6 -6
- package/lib/table/index.d.ts +2 -2
- package/lib/table/index.d.ts.map +1 -1
- package/lib/table/index.js +7 -7
- package/lib/table/index.js.map +1 -1
- package/lib/table/resizableTable/index.d.ts +12 -0
- package/lib/table/resizableTable/index.d.ts.map +1 -0
- package/lib/table/resizableTable/index.js +110 -0
- package/lib/table/resizableTable/index.js.map +1 -0
- package/lib/table/resizableTable/index.less +36 -0
- package/lib/table/table-hoc.d.ts +7 -0
- package/lib/table/table-hoc.d.ts.map +1 -0
- package/lib/table/table-hoc.js +34 -0
- package/lib/table/table-hoc.js.map +1 -0
- package/lib/table/table.js +9 -9
- package/lib/table/table.stories.d.ts +1 -1
- package/lib/table/table.stories.js +2 -2
- package/lib/table/total-shower.js +1 -1
- package/lib/table/utils.js +1 -1
- package/lib/table-container/index.js +1 -1
- package/lib/tabs/tabs.js +2 -2
- package/lib/tabs/tabs.less +23 -0
- package/lib/tabs-container/index.js +1 -1
- package/lib/tag/tag.js +2 -2
- package/lib/time-picker/TimePicker.js +1 -1
- package/lib/time-picker/index.js +1 -1
- package/lib/title/index.js +1 -1
- package/lib/title/index.less +4 -1
- package/lib/tntd-action/Action.js +9 -9
- package/lib/tntd-action/index.js +8 -8
- package/lib/tntd-cascader/AntdCascader/component/context.js +1 -1
- package/lib/tntd-cascader/AntdCascader/component/defaultRenderEmpty.js +1 -1
- package/lib/tntd-cascader/AntdCascader/component/getIcons.js +1 -1
- package/lib/tntd-cascader/AntdCascader/component/useCompactItemContext.js +2 -2
- package/lib/tntd-cascader/AntdCascader/config/utils.js +2 -2
- package/lib/tntd-cascader/AntdCascader/index.js +7 -7
- package/lib/tntd-cascader/index.js +1 -1
- package/lib/tntd-cascader/rc-cascader/Cascader.js +8 -8
- package/lib/tntd-cascader/rc-cascader/OptionList/Checkbox.js +2 -2
- package/lib/tntd-cascader/rc-cascader/OptionList/Column.js +7 -7
- package/lib/tntd-cascader/rc-cascader/OptionList/index.js +9 -9
- package/lib/tntd-cascader/rc-cascader/OptionList/useActive.js +5 -5
- package/lib/tntd-cascader/rc-cascader/OptionList/useKeyboard.js +8 -8
- package/lib/tntd-cascader/rc-cascader/hooks/useDisplayValues.js +5 -5
- package/lib/tntd-cascader/rc-cascader/hooks/useSearchConfig.js +1 -1
- package/lib/tntd-cascader/rc-cascader/hooks/useSearchOptions.js +6 -6
- package/lib/tntd-cascader/rc-cascader/index.js +1 -1
- package/lib/tntd-cascader/rc-cascader/utils/warningPropsUtil.js +4 -4
- package/lib/tntd-form/ErrorList.js +7 -7
- package/lib/tntd-form/Form.js +6 -6
- package/lib/tntd-form/FormItem/ItemHolder.js +6 -6
- package/lib/tntd-form/FormItem/index.js +8 -8
- package/lib/tntd-form/FormItemInput.js +1 -1
- package/lib/tntd-form/FormItemLabel.js +2 -2
- package/lib/tntd-form/FormList.js +1 -1
- package/lib/tntd-form/context.js +1 -1
- package/lib/tntd-form/hooks/useDebounce.js +4 -4
- package/lib/tntd-form/hooks/useForm.js +5 -5
- package/lib/tntd-form/hooks/useFormItemStatus.js +1 -1
- package/lib/tntd-form/hooks/useFrameState.js +5 -5
- package/lib/tntd-form/index.js +1 -1
- package/lib/tntd-icon/index.js +1 -1
- package/lib/tntd-layout/AppList.js +6 -6
- package/lib/tntd-layout/Application.js +6 -6
- package/lib/tntd-layout/Avatar.js +2 -2
- package/lib/tntd-layout/CompatibleLanguage.js +6 -6
- package/lib/tntd-layout/EnterpriseLayout/Avatar.js +2 -2
- package/lib/tntd-layout/EnterpriseLayout/Language.js +6 -6
- package/lib/tntd-layout/EnterpriseLayout/Theme.js +6 -6
- package/lib/tntd-layout/EnterpriseLayout/index.js +1 -1
- package/lib/tntd-layout/GlobalNavigation/NavigationPopup.js +6 -6
- package/lib/tntd-layout/GlobalNavigation/index.js +9 -9
- package/lib/tntd-layout/Header.js +2 -2
- package/lib/tntd-layout/HeaderActions.js +2 -2
- package/lib/tntd-layout/HeaderNavs.js +6 -6
- package/lib/tntd-layout/HeaderTabs.js +7 -7
- package/lib/tntd-layout/Iconfont.js +1 -1
- package/lib/tntd-layout/Language.js +6 -6
- package/lib/tntd-layout/Layout.js +6 -6
- package/lib/tntd-layout/Logo.js +2 -2
- package/lib/tntd-layout/OrgAppList.js +6 -6
- package/lib/tntd-layout/SideMenu.js +6 -6
- package/lib/tntd-layout/Theme.js +6 -6
- package/lib/tntd-layout/createActions.js +1 -1
- package/lib/tntd-layout/images/index.js +1 -1
- package/lib/tntd-layout/index.js +1 -1
- package/lib/tntd-layout/paaslayout/CompactSideMenu.js +6 -6
- package/lib/tntd-layout/paaslayout/Header.js +2 -2
- package/lib/tntd-layout/paaslayout/Logo.js +2 -2
- package/lib/tntd-layout/paaslayout/SideMenu.js +6 -6
- package/lib/tntd-layout/paaslayout/index.js +6 -6
- package/lib/tntd-layout/storage.js +1 -1
- package/lib/tntd-modal/index.js +6 -6
- package/lib/tntd-rc-select/_util/PurePanel.js +5 -5
- package/lib/tntd-rc-select/_util/context.js +1 -1
- package/lib/tntd-rc-select/_util/defaultRenderEmpty.js +1 -1
- package/lib/tntd-rc-select/_util/getIcons.js +1 -1
- package/lib/tntd-rc-select/_util/useCompactItemContext.js +2 -2
- package/lib/tntd-rc-select/index.js +2 -2
- package/lib/{query-form-v3/Field/Composition/Select.d.ts → tntd-reference/AHref/index.d.ts} +1 -1
- package/lib/tntd-reference/AHref/index.d.ts.map +1 -0
- package/lib/tntd-reference/AHref/index.js +44 -0
- package/lib/tntd-reference/AHref/index.js.map +1 -0
- package/lib/tntd-reference/ReferenceBatchCheck/index.d.ts +3 -0
- package/lib/tntd-reference/ReferenceBatchCheck/index.d.ts.map +1 -0
- package/lib/tntd-reference/ReferenceBatchCheck/index.js +165 -0
- package/lib/tntd-reference/ReferenceBatchCheck/index.js.map +1 -0
- package/lib/tntd-reference/ReferenceBatchCheck/index.less +21 -0
- package/lib/{query-form-v3/Field/Select.d.ts → tntd-reference/ReferenceBatchDrawer/index.d.ts} +1 -1
- package/lib/tntd-reference/ReferenceBatchDrawer/index.d.ts.map +1 -0
- package/lib/tntd-reference/ReferenceBatchDrawer/index.js +126 -0
- package/lib/tntd-reference/ReferenceBatchDrawer/index.js.map +1 -0
- package/lib/tntd-reference/ReferenceBatchDrawer/index.less +0 -0
- package/lib/tntd-reference/ReferenceCheck/index.d.ts +3 -0
- package/lib/tntd-reference/ReferenceCheck/index.d.ts.map +1 -0
- package/lib/tntd-reference/ReferenceCheck/index.js +126 -0
- package/lib/tntd-reference/ReferenceCheck/index.js.map +1 -0
- package/lib/tntd-reference/ReferenceCheck/index.less +10 -0
- package/lib/{query-form-v3/Field/SelectInput.d.ts → tntd-reference/ReferenceDrawer/index.d.ts} +1 -1
- package/lib/tntd-reference/ReferenceDrawer/index.d.ts.map +1 -0
- package/lib/tntd-reference/ReferenceDrawer/index.js +93 -0
- package/lib/tntd-reference/ReferenceDrawer/index.js.map +1 -0
- package/lib/tntd-reference/ReferenceDrawer/index.less +0 -0
- package/lib/tntd-reference/ReferenceInfo/index.d.ts +4 -0
- package/lib/tntd-reference/ReferenceInfo/index.d.ts.map +1 -0
- package/lib/tntd-reference/ReferenceInfo/index.js +164 -0
- package/lib/tntd-reference/ReferenceInfo/index.js.map +1 -0
- package/lib/tntd-reference/ReferenceInfo/index.less +31 -0
- package/lib/tntd-reference/index.d.ts +15 -0
- package/lib/tntd-reference/index.d.ts.map +1 -0
- package/lib/tntd-reference/index.js +20 -0
- package/lib/tntd-reference/index.js.map +1 -0
- package/lib/tntd-second-page/index.js +1 -1
- package/lib/tntd-select/DropDownWrap.js +8 -8
- package/lib/tntd-select/index.js +10 -9
- package/lib/tntd-virtual-tree/index.d.ts +3 -1
- package/lib/tntd-virtual-tree/index.d.ts.map +1 -1
- package/lib/tntd-virtual-tree/index.js +23 -12
- package/lib/tntd-virtual-tree/index.js.map +1 -1
- package/lib/tntd-virtual-tree/index.less +2 -42
- package/lib/tntd-virtual-tree/utils.js +28 -28
- package/lib/tntd-virtual-tree-select/index.d.ts +12 -4
- package/lib/tntd-virtual-tree-select/index.d.ts.map +1 -1
- package/lib/tntd-virtual-tree-select/index.js +99 -20
- package/lib/tntd-virtual-tree-select/index.js.map +1 -1
- package/lib/tntd-virtual-tree-select/utils.d.ts +2 -9
- package/lib/tntd-virtual-tree-select/utils.d.ts.map +1 -1
- package/lib/tntd-virtual-tree-select/utils.js +28 -147
- package/lib/tntd-virtual-tree-select/utils.js.map +1 -1
- package/lib/tooltip/tooltip.js +1 -1
- package/lib/upload/index.js +1 -1
- package/lib/utils/checkAuth.js +4 -4
- package/lib/utils/index.js +9 -9
- package/lib/utils/lang.js +3 -3
- package/lib/water-mark/index.js +5 -5
- package/package.json +4 -2
- package/es/query-form-v3/Field/Checkbox.js +0 -23
- package/es/query-form-v3/Field/Checkbox.js.map +0 -1
- package/es/query-form-v3/Field/Composition/FieldPopover.js +0 -330
- package/es/query-form-v3/Field/Composition/FieldPopover.js.map +0 -1
- package/es/query-form-v3/Field/Composition/FieldPopover.less +0 -35
- package/es/query-form-v3/Field/Composition/Select.js +0 -107
- package/es/query-form-v3/Field/Composition/Select.js.map +0 -1
- package/es/query-form-v3/Field/Composition/index.js +0 -208
- package/es/query-form-v3/Field/Composition/index.js.map +0 -1
- package/es/query-form-v3/Field/Composition/index.less +0 -118
- package/es/query-form-v3/Field/Composition/utils.js +0 -132
- package/es/query-form-v3/Field/Composition/utils.js.map +0 -1
- package/es/query-form-v3/Field/Select.js +0 -59
- package/es/query-form-v3/Field/Select.js.map +0 -1
- package/es/query-form-v3/Field/SelectInput.js +0 -87
- package/es/query-form-v3/Field/SelectInput.js.map +0 -1
- package/es/query-form-v3/Field/fieldsMap.js +0 -28
- package/es/query-form-v3/Field/fieldsMap.js.map +0 -1
- package/es/query-form-v3/Field/index.js +0 -117
- package/es/query-form-v3/Field/index.js.map +0 -1
- package/es/query-form-v3/createActions.js +0 -47
- package/es/query-form-v3/createActions.js.map +0 -1
- package/es/query-form-v3/index.js +0 -175
- package/es/query-form-v3/index.js.map +0 -1
- package/es/query-form-v3/index.less +0 -91
- package/es/query-form-v3/useForm.js +0 -6
- package/es/query-form-v3/useForm.js.map +0 -1
- package/es/tntd-virtual-tree-select/VirtualTree.js +0 -125
- package/es/tntd-virtual-tree-select/VirtualTree.js.map +0 -1
- package/es/tntd-virtual-tree-select/tree.less +0 -29
- package/lib/query-form-v3/Field/Checkbox.d.ts +0 -8
- package/lib/query-form-v3/Field/Checkbox.d.ts.map +0 -1
- package/lib/query-form-v3/Field/Checkbox.js +0 -28
- package/lib/query-form-v3/Field/Checkbox.js.map +0 -1
- package/lib/query-form-v3/Field/Composition/FieldPopover.d.ts +0 -19
- package/lib/query-form-v3/Field/Composition/FieldPopover.d.ts.map +0 -1
- package/lib/query-form-v3/Field/Composition/FieldPopover.js +0 -370
- package/lib/query-form-v3/Field/Composition/FieldPopover.js.map +0 -1
- package/lib/query-form-v3/Field/Composition/FieldPopover.less +0 -35
- package/lib/query-form-v3/Field/Composition/Select.d.ts.map +0 -1
- package/lib/query-form-v3/Field/Composition/Select.js +0 -131
- package/lib/query-form-v3/Field/Composition/Select.js.map +0 -1
- package/lib/query-form-v3/Field/Composition/index.d.ts +0 -10
- package/lib/query-form-v3/Field/Composition/index.d.ts.map +0 -1
- package/lib/query-form-v3/Field/Composition/index.js +0 -255
- package/lib/query-form-v3/Field/Composition/index.js.map +0 -1
- package/lib/query-form-v3/Field/Composition/index.less +0 -118
- package/lib/query-form-v3/Field/Composition/utils.d.ts +0 -22
- package/lib/query-form-v3/Field/Composition/utils.d.ts.map +0 -1
- package/lib/query-form-v3/Field/Composition/utils.js +0 -147
- package/lib/query-form-v3/Field/Composition/utils.js.map +0 -1
- package/lib/query-form-v3/Field/Select.d.ts.map +0 -1
- package/lib/query-form-v3/Field/Select.js +0 -80
- package/lib/query-form-v3/Field/Select.js.map +0 -1
- package/lib/query-form-v3/Field/SelectInput.d.ts.map +0 -1
- package/lib/query-form-v3/Field/SelectInput.js +0 -100
- package/lib/query-form-v3/Field/SelectInput.js.map +0 -1
- package/lib/query-form-v3/Field/fieldsMap.d.ts +0 -27
- package/lib/query-form-v3/Field/fieldsMap.d.ts.map +0 -1
- package/lib/query-form-v3/Field/fieldsMap.js +0 -35
- package/lib/query-form-v3/Field/fieldsMap.js.map +0 -1
- package/lib/query-form-v3/Field/index.d.ts +0 -14
- package/lib/query-form-v3/Field/index.d.ts.map +0 -1
- package/lib/query-form-v3/Field/index.js +0 -147
- package/lib/query-form-v3/Field/index.js.map +0 -1
- package/lib/query-form-v3/createActions.d.ts +0 -14
- package/lib/query-form-v3/createActions.d.ts.map +0 -1
- package/lib/query-form-v3/createActions.js +0 -54
- package/lib/query-form-v3/createActions.js.map +0 -1
- package/lib/query-form-v3/index.d.ts +0 -27
- package/lib/query-form-v3/index.d.ts.map +0 -1
- package/lib/query-form-v3/index.js +0 -206
- package/lib/query-form-v3/index.js.map +0 -1
- package/lib/query-form-v3/index.less +0 -91
- package/lib/query-form-v3/useForm.d.ts +0 -13
- package/lib/query-form-v3/useForm.d.ts.map +0 -1
- package/lib/query-form-v3/useForm.js +0 -13
- package/lib/query-form-v3/useForm.js.map +0 -1
- package/lib/tntd-virtual-tree-select/VirtualTree.d.ts +0 -13
- package/lib/tntd-virtual-tree-select/VirtualTree.d.ts.map +0 -1
- package/lib/tntd-virtual-tree-select/VirtualTree.js +0 -155
- package/lib/tntd-virtual-tree-select/VirtualTree.js.map +0 -1
- package/lib/tntd-virtual-tree-select/tree.less +0 -29
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import CheckboxField from './Checkbox';
|
|
2
|
-
import SelectField from './Select';
|
|
3
|
-
import SelectInput from './SelectInput';
|
|
4
|
-
import DatePicker from '../../date-picker';
|
|
5
|
-
import Input from '../../input';
|
|
6
|
-
import InputNumber from '../../input-number';
|
|
7
|
-
export const defaultFieldWidth = '200px';
|
|
8
|
-
export const getFieldWidth = type => {
|
|
9
|
-
if (type === 'dateRange') {
|
|
10
|
-
return '340px';
|
|
11
|
-
}
|
|
12
|
-
return {
|
|
13
|
-
dateRange: '340px',
|
|
14
|
-
selectInput: '320px'
|
|
15
|
-
}[type] || defaultFieldWidth;
|
|
16
|
-
};
|
|
17
|
-
export default {
|
|
18
|
-
string: Input.Search,
|
|
19
|
-
input: Input.Search,
|
|
20
|
-
search: Input.Search,
|
|
21
|
-
inputNumber: InputNumber,
|
|
22
|
-
number: InputNumber,
|
|
23
|
-
select: SelectField,
|
|
24
|
-
checkbox: CheckboxField,
|
|
25
|
-
date: DatePicker,
|
|
26
|
-
dateRange: DatePicker.RangePicker,
|
|
27
|
-
selectInput: SelectInput
|
|
28
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"fieldsMap.js","sourceRoot":"","sources":["../../../src/query-form-v3/Field/fieldsMap.js"],"names":[],"mappings":"AAAA,OAAO,aAAa,MAAM,YAAY,CAAA;AACtC,OAAO,WAAW,MAAM,UAAU,CAAA;AAClC,OAAO,WAAW,MAAM,eAAe,CAAA;AACvC,OAAO,UAAU,MAAM,mBAAmB,CAAA;AAC1C,OAAO,KAAK,MAAM,aAAa,CAAA;AAC/B,OAAO,WAAW,MAAM,oBAAoB,CAAA;AAE5C,MAAM,CAAC,MAAM,iBAAiB,GAAG,OAAO,CAAA;AAExC,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,IAAI,EAAE,EAAE;IACpC,IAAI,IAAI,KAAK,WAAW,EAAE;QACxB,OAAO,OAAO,CAAA;KACf;IAED,OAAO,CACL;QACE,SAAS,EAAE,OAAO;QAClB,WAAW,EAAE,OAAO;KACrB,CAAC,IAAI,CAAC,IAAI,iBAAiB,CAC7B,CAAA;AACH,CAAC,CAAA;AAED,eAAe;IACb,MAAM,EAAE,KAAK,CAAC,MAAM;IACpB,KAAK,EAAE,KAAK,CAAC,MAAM;IACnB,MAAM,EAAE,KAAK,CAAC,MAAM;IACpB,WAAW,EAAE,WAAW;IACxB,MAAM,EAAE,WAAW;IACnB,MAAM,EAAE,WAAW;IACnB,QAAQ,EAAE,aAAa;IACvB,IAAI,EAAE,UAAU;IAChB,SAAS,EAAE,UAAU,CAAC,WAAW;IACjC,WAAW,EAAE,WAAW;CACzB,CAAA","sourcesContent":["import CheckboxField from './Checkbox'\nimport SelectField from './Select'\nimport SelectInput from './SelectInput'\nimport DatePicker from '../../date-picker'\nimport Input from '../../input'\nimport InputNumber from '../../input-number'\n\nexport const defaultFieldWidth = '200px'\n\nexport const getFieldWidth = (type) => {\n if (type === 'dateRange') {\n return '340px'\n }\n\n return (\n {\n dateRange: '340px',\n selectInput: '320px',\n }[type] || defaultFieldWidth\n )\n}\n\nexport default {\n string: Input.Search,\n input: Input.Search,\n search: Input.Search,\n inputNumber: InputNumber,\n number: InputNumber,\n select: SelectField,\n checkbox: CheckboxField,\n date: DatePicker,\n dateRange: DatePicker.RangePicker,\n selectInput: SelectInput,\n}\n"]}
|
|
@@ -1,117 +0,0 @@
|
|
|
1
|
-
import _get from "lodash/get";
|
|
2
|
-
import React, { PureComponent } from 'react';
|
|
3
|
-
import fieldsMap, { getFieldWidth } from './fieldsMap';
|
|
4
|
-
import Form from '../../form';
|
|
5
|
-
const FormItem = Form.Item;
|
|
6
|
-
const isInput = type => ['input', 'string', 'search', 'aloneSearch'].includes(type);
|
|
7
|
-
export default class Field extends PureComponent {
|
|
8
|
-
constructor(props) {
|
|
9
|
-
super(props);
|
|
10
|
-
Object.defineProperty(this, "updateValue", {
|
|
11
|
-
enumerable: true,
|
|
12
|
-
configurable: true,
|
|
13
|
-
writable: true,
|
|
14
|
-
value: (name, value) => {
|
|
15
|
-
if (name === this.props.name) {
|
|
16
|
-
this.setState({
|
|
17
|
-
value
|
|
18
|
-
});
|
|
19
|
-
this.props.onChange(name, value);
|
|
20
|
-
}
|
|
21
|
-
}
|
|
22
|
-
});
|
|
23
|
-
Object.defineProperty(this, "onChange", {
|
|
24
|
-
enumerable: true,
|
|
25
|
-
configurable: true,
|
|
26
|
-
writable: true,
|
|
27
|
-
value: (...args) => {
|
|
28
|
-
const {
|
|
29
|
-
name,
|
|
30
|
-
type = 'input',
|
|
31
|
-
component,
|
|
32
|
-
props: fieldProps
|
|
33
|
-
} = this.props;
|
|
34
|
-
const {
|
|
35
|
-
onChange
|
|
36
|
-
} = fieldProps || {};
|
|
37
|
-
onChange && onChange(...args);
|
|
38
|
-
// Input onChange第一个参数为Event对象,取值特殊处理
|
|
39
|
-
if (!component && isInput(type)) {
|
|
40
|
-
args[0] = _get(args[0], 'target.value');
|
|
41
|
-
}
|
|
42
|
-
this.setState({
|
|
43
|
-
value: args[0]
|
|
44
|
-
});
|
|
45
|
-
this.props.onChange(name, args[0]);
|
|
46
|
-
}
|
|
47
|
-
});
|
|
48
|
-
Object.defineProperty(this, "onFormChange", {
|
|
49
|
-
enumerable: true,
|
|
50
|
-
configurable: true,
|
|
51
|
-
writable: true,
|
|
52
|
-
value: formData => {
|
|
53
|
-
this.setState({
|
|
54
|
-
value: _get(formData, this.props.name)
|
|
55
|
-
});
|
|
56
|
-
}
|
|
57
|
-
});
|
|
58
|
-
this.state = {
|
|
59
|
-
value: props.initialValue
|
|
60
|
-
};
|
|
61
|
-
}
|
|
62
|
-
render() {
|
|
63
|
-
var _a;
|
|
64
|
-
const {
|
|
65
|
-
type = 'input',
|
|
66
|
-
title,
|
|
67
|
-
name,
|
|
68
|
-
isFieldInDrawer = false,
|
|
69
|
-
className = '',
|
|
70
|
-
component,
|
|
71
|
-
form,
|
|
72
|
-
props: fieldProps
|
|
73
|
-
} = this.props;
|
|
74
|
-
const {
|
|
75
|
-
value
|
|
76
|
-
} = this.state;
|
|
77
|
-
const Field = component || fieldsMap[type];
|
|
78
|
-
return React.createElement(FormItem, {
|
|
79
|
-
label: title,
|
|
80
|
-
className: className
|
|
81
|
-
}, React.createElement(Field, Object.assign({
|
|
82
|
-
form: form,
|
|
83
|
-
value: value
|
|
84
|
-
}, isInput(type) ? {
|
|
85
|
-
onPressEnter: evt => {
|
|
86
|
-
var _a;
|
|
87
|
-
return form.emit('search', {
|
|
88
|
-
[name]: (_a = evt === null || evt === void 0 ? void 0 : evt.target) === null || _a === void 0 ? void 0 : _a.value,
|
|
89
|
-
current: 1
|
|
90
|
-
});
|
|
91
|
-
},
|
|
92
|
-
onSearch: value => form.emit('search', {
|
|
93
|
-
[name]: value,
|
|
94
|
-
current: 1
|
|
95
|
-
})
|
|
96
|
-
} : {}, fieldProps, {
|
|
97
|
-
style: Object.assign(Object.assign({}, fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.style), {
|
|
98
|
-
width: isFieldInDrawer ? '100%' : ((_a = fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.style) === null || _a === void 0 ? void 0 : _a.width) || getFieldWidth(type)
|
|
99
|
-
}),
|
|
100
|
-
onChange: this.onChange
|
|
101
|
-
})));
|
|
102
|
-
}
|
|
103
|
-
componentDidMount() {
|
|
104
|
-
const {
|
|
105
|
-
form
|
|
106
|
-
} = this.props;
|
|
107
|
-
form.on('setValue', this.updateValue);
|
|
108
|
-
form.on('setValues', this.onFormChange);
|
|
109
|
-
}
|
|
110
|
-
componentWillUnmount() {
|
|
111
|
-
const {
|
|
112
|
-
form
|
|
113
|
-
} = this.props;
|
|
114
|
-
form.off('setValue', this.updateValue);
|
|
115
|
-
form.off('setValues', this.onFormChange);
|
|
116
|
-
}
|
|
117
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/query-form-v3/Field/index.js"],"names":[],"mappings":"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","sourcesContent":["import React, { PureComponent } from 'react'\nimport { get } from 'lodash'\nimport fieldsMap, { getFieldWidth } from './fieldsMap'\n\nimport Form from '../../form'\n\nconst FormItem = Form.Item\n\nconst isInput = (type) => ['input', 'string', 'search', 'aloneSearch'].includes(type)\n\nexport default class Field extends PureComponent {\n constructor(props) {\n super(props)\n\n this.state = {\n value: props.initialValue,\n }\n }\n\n render () {\n const {\n type = 'input',\n title,\n name,\n isFieldInDrawer = false,\n className = '',\n component,\n form,\n props: fieldProps,\n } = this.props\n const { value } = this.state\n const Field = component || fieldsMap[type]\n\n return (\n <FormItem label={title} className={className}>\n <Field\n form={form}\n value={value}\n {...(isInput(type)\n ? {\n onPressEnter: (evt) =>\n form.emit('search', { [name]: evt?.target?.value, current: 1 }),\n onSearch: (value) => form.emit('search', { [name]: value, current: 1 })\n }\n : {})}\n {...fieldProps}\n style={{\n ...fieldProps?.style,\n width: isFieldInDrawer ? '100%' : fieldProps?.style?.width || getFieldWidth(type),\n }}\n onChange={this.onChange}\n />\n </FormItem>\n )\n }\n\n updateValue = (name, value) => {\n if (name === this.props.name) {\n this.setState({ value })\n this.props.onChange(name, value)\n }\n }\n\n onChange = (...args) => {\n const { name, type = 'input', component, props: fieldProps } = this.props\n const { onChange } = fieldProps || {}\n\n onChange && onChange(...args)\n\n // Input onChange第一个参数为Event对象,取值特殊处理\n if (!component && isInput(type)) {\n args[0] = get(args[0], 'target.value')\n }\n\n this.setState({ value: args[0] })\n this.props.onChange(name, args[0])\n }\n\n onFormChange = (formData) => {\n this.setState({\n value: get(formData, this.props.name),\n })\n }\n\n componentDidMount () {\n const { form } = this.props\n\n form.on('setValue', this.updateValue)\n form.on('setValues', this.onFormChange)\n }\n\n componentWillUnmount () {\n const { form } = this.props\n\n form.off('setValue', this.updateValue)\n form.off('setValues', this.onFormChange)\n }\n}\n"]}
|
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
import _set from "lodash/set";
|
|
2
|
-
import _get from "lodash/get";
|
|
3
|
-
import EventEmitter from 'eventemitter3';
|
|
4
|
-
export default (() => {
|
|
5
|
-
const eventEmitter = new EventEmitter();
|
|
6
|
-
const data = {
|
|
7
|
-
initialValues: {},
|
|
8
|
-
values: {}
|
|
9
|
-
};
|
|
10
|
-
return {
|
|
11
|
-
setData(key, value) {
|
|
12
|
-
_set(data, key, value);
|
|
13
|
-
},
|
|
14
|
-
getData(key) {
|
|
15
|
-
_get(data, key);
|
|
16
|
-
},
|
|
17
|
-
setValues(values) {
|
|
18
|
-
data.values = values;
|
|
19
|
-
eventEmitter.emit('setValues', values);
|
|
20
|
-
},
|
|
21
|
-
getValues() {
|
|
22
|
-
return data.values;
|
|
23
|
-
},
|
|
24
|
-
resetValues() {
|
|
25
|
-
data.values = Object.assign({}, data.initialValues);
|
|
26
|
-
eventEmitter.emit('setValues', data.values);
|
|
27
|
-
},
|
|
28
|
-
setValue(name, value) {
|
|
29
|
-
data.values = data.values || {};
|
|
30
|
-
data.values[name] = value;
|
|
31
|
-
eventEmitter.emit('setValue', name, value);
|
|
32
|
-
},
|
|
33
|
-
getValue(name) {
|
|
34
|
-
var _a;
|
|
35
|
-
return (_a = data.values) === null || _a === void 0 ? void 0 : _a[name];
|
|
36
|
-
},
|
|
37
|
-
on: (eventName, callback) => {
|
|
38
|
-
eventEmitter.on(eventName, callback);
|
|
39
|
-
},
|
|
40
|
-
emit: (...args) => {
|
|
41
|
-
eventEmitter.emit(...args);
|
|
42
|
-
},
|
|
43
|
-
off: (...args) => {
|
|
44
|
-
eventEmitter.removeListener(...args);
|
|
45
|
-
}
|
|
46
|
-
};
|
|
47
|
-
});
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"createActions.js","sourceRoot":"","sources":["../../src/query-form-v3/createActions.js"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,eAAe,CAAA;AACxC,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAEjC,eAAe,GAAG,EAAE;IAClB,MAAM,YAAY,GAAG,IAAI,YAAY,EAAE,CAAA;IACvC,MAAM,IAAI,GAAG;QACX,aAAa,EAAE,EAAE;QACjB,MAAM,EAAE,EAAE;KACX,CAAA;IAED,OAAO;QACL,OAAO,CAAC,GAAG,EAAE,KAAK;YAChB,GAAG,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,CAAC,CAAA;QACvB,CAAC;QACD,OAAO,CAAC,GAAG;YACT,GAAG,CAAC,IAAI,EAAE,GAAG,CAAC,CAAA;QAChB,CAAC;QAED,SAAS,CAAC,MAAM;YACd,IAAI,CAAC,MAAM,GAAG,MAAM,CAAA;YACpB,YAAY,CAAC,IAAI,CAAC,WAAW,EAAE,MAAM,CAAC,CAAA;QACxC,CAAC;QACD,SAAS;YACP,OAAO,IAAI,CAAC,MAAM,CAAA;QACpB,CAAC;QACD,WAAW;YACT,IAAI,CAAC,MAAM,qBAAQ,IAAI,CAAC,aAAa,CAAE,CAAA;YACvC,YAAY,CAAC,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,MAAM,CAAC,CAAA;QAC7C,CAAC;QACD,QAAQ,CAAC,IAAI,EAAE,KAAK;YAClB,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,IAAI,EAAE,CAAA;YAC/B,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,KAAK,CAAA;YACzB,YAAY,CAAC,IAAI,CAAC,UAAU,EAAE,IAAI,EAAE,KAAK,CAAC,CAAA;QAC5C,CAAC;QACD,QAAQ,CAAC,IAAI;;YACX,OAAO,MAAA,IAAI,CAAC,MAAM,0CAAG,IAAI,CAAC,CAAA;QAC5B,CAAC;QAED,EAAE,EAAE,CAAC,SAAS,EAAE,QAAQ,EAAE,EAAE;YAC1B,YAAY,CAAC,EAAE,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAA;QACtC,CAAC;QAED,IAAI,EAAE,CAAC,GAAG,IAAI,EAAE,EAAE;YAChB,YAAY,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,CAAA;QAC5B,CAAC;QAED,GAAG,EAAE,CAAC,GAAG,IAAI,EAAE,EAAE;YACf,YAAY,CAAC,cAAc,CAAC,GAAG,IAAI,CAAC,CAAA;QACtC,CAAC;KACF,CAAA;AACH,CAAC,CAAA","sourcesContent":["import EventEmitter from 'eventemitter3'\nimport { get, set } from 'lodash'\n\nexport default () => {\n const eventEmitter = new EventEmitter()\n const data = {\n initialValues: {},\n values: {},\n }\n\n return {\n setData(key, value) {\n set(data, key, value)\n },\n getData(key) {\n get(data, key)\n },\n\n setValues(values) {\n data.values = values\n eventEmitter.emit('setValues', values)\n },\n getValues() {\n return data.values\n },\n resetValues() {\n data.values = { ...data.initialValues }\n eventEmitter.emit('setValues', data.values)\n },\n setValue(name, value) {\n data.values = data.values || {}\n data.values[name] = value\n eventEmitter.emit('setValue', name, value)\n },\n getValue(name) {\n return data.values?.[name]\n },\n\n on: (eventName, callback) => {\n eventEmitter.on(eventName, callback)\n },\n\n emit: (...args) => {\n eventEmitter.emit(...args)\n },\n\n off: (...args) => {\n eventEmitter.removeListener(...args)\n },\n }\n}\n"]}
|
|
@@ -1,175 +0,0 @@
|
|
|
1
|
-
import React, { useMemo, useRef, useEffect, useState } from 'react';
|
|
2
|
-
import cn from 'classnames';
|
|
3
|
-
import createActions from './createActions';
|
|
4
|
-
import Field from './Field';
|
|
5
|
-
import Composition from './Field/Composition';
|
|
6
|
-
import useForm from './useForm';
|
|
7
|
-
import Button from '../button';
|
|
8
|
-
import Form from '../form';
|
|
9
|
-
import { getLanguage, getText } from '../prev-locale';
|
|
10
|
-
import './index.less';
|
|
11
|
-
const clsPrefix = 'tnt-queryform';
|
|
12
|
-
function QueryForm({
|
|
13
|
-
form,
|
|
14
|
-
className = '',
|
|
15
|
-
initialValues: _initialValues,
|
|
16
|
-
language,
|
|
17
|
-
onSearch,
|
|
18
|
-
onReset,
|
|
19
|
-
onChange,
|
|
20
|
-
renderActions,
|
|
21
|
-
extraActions,
|
|
22
|
-
children,
|
|
23
|
-
showSearch = false,
|
|
24
|
-
showReset = false,
|
|
25
|
-
showFieldCount = 3,
|
|
26
|
-
minGroupCount = 3 // 最小聚合个数
|
|
27
|
-
}) {
|
|
28
|
-
const [initialValues, setInitialValues] = useState(_initialValues || {});
|
|
29
|
-
const formRef = useRef(form || createActions());
|
|
30
|
-
useEffect(() => {
|
|
31
|
-
const _search = (params = {}) => {
|
|
32
|
-
onSearch(Object.assign(Object.assign({}, formRef.current.getValues()), params));
|
|
33
|
-
};
|
|
34
|
-
formRef.current.setData('initialValues', initialValues);
|
|
35
|
-
formRef.current.setData('values', initialValues);
|
|
36
|
-
formRef.current.on('search', _search);
|
|
37
|
-
return () => {
|
|
38
|
-
formRef.current.off('search', _search);
|
|
39
|
-
};
|
|
40
|
-
}, []);
|
|
41
|
-
const _getText = key => {
|
|
42
|
-
return getText(key, language || getLanguage());
|
|
43
|
-
};
|
|
44
|
-
const _onSearch = () => {
|
|
45
|
-
onSearch === null || onSearch === void 0 ? void 0 : onSearch(formRef.current.getValues());
|
|
46
|
-
};
|
|
47
|
-
const _onReset = () => {
|
|
48
|
-
formRef.current.setValues(Object.assign({}, initialValues));
|
|
49
|
-
onReset === null || onReset === void 0 ? void 0 : onReset(initialValues);
|
|
50
|
-
setInitialValues(Object.assign({}, initialValues));
|
|
51
|
-
};
|
|
52
|
-
const _onFieldChange = (name, value, ...rest) => {
|
|
53
|
-
const values = formRef.current.getValues();
|
|
54
|
-
const newValues = Object.assign(Object.assign({}, values), {
|
|
55
|
-
[name]: value
|
|
56
|
-
});
|
|
57
|
-
const changedInfo = {
|
|
58
|
-
name,
|
|
59
|
-
value,
|
|
60
|
-
preValue: values === null || values === void 0 ? void 0 : values[name]
|
|
61
|
-
};
|
|
62
|
-
formRef.current.setData('values', newValues);
|
|
63
|
-
onChange && onChange(newValues, changedInfo, ...rest);
|
|
64
|
-
};
|
|
65
|
-
const _onCompositionFieldChange = (value, deleteKeys, needSearch) => {
|
|
66
|
-
var _a;
|
|
67
|
-
const values = formRef.current.getValues();
|
|
68
|
-
const newValues = Object.assign(Object.assign({}, values), value);
|
|
69
|
-
if (deleteKeys === null || deleteKeys === void 0 ? void 0 : deleteKeys.length) {
|
|
70
|
-
deleteKeys === null || deleteKeys === void 0 ? void 0 : deleteKeys.forEach(key => {
|
|
71
|
-
if (values === null || values === void 0 ? void 0 : values[key]) {
|
|
72
|
-
delete newValues[key];
|
|
73
|
-
}
|
|
74
|
-
});
|
|
75
|
-
}
|
|
76
|
-
formRef.current.setData('values', newValues);
|
|
77
|
-
if (onChange) {
|
|
78
|
-
(_a = Object.keys(values)) === null || _a === void 0 ? void 0 : _a.forEach(key => {
|
|
79
|
-
if (JSON.stringify(value[key]) !== JSON.stringify(values[key] || '')) {
|
|
80
|
-
const changedInfo = {
|
|
81
|
-
name: key,
|
|
82
|
-
value: value[key],
|
|
83
|
-
preValue: values === null || values === void 0 ? void 0 : values[key]
|
|
84
|
-
};
|
|
85
|
-
onChange(newValues, changedInfo);
|
|
86
|
-
}
|
|
87
|
-
});
|
|
88
|
-
if (needSearch) {
|
|
89
|
-
formRef.current.emit('search', newValues);
|
|
90
|
-
}
|
|
91
|
-
}
|
|
92
|
-
};
|
|
93
|
-
const [groupFields, outFields, rightChildren, compositionInitValues] = useMemo(() => {
|
|
94
|
-
var _a;
|
|
95
|
-
let groupFields = [];
|
|
96
|
-
let outFields = [];
|
|
97
|
-
let otherFields = [];
|
|
98
|
-
const rightChildren = [];
|
|
99
|
-
const compositionInitValues = {};
|
|
100
|
-
React.Children.map(children, child => {
|
|
101
|
-
var _a, _b;
|
|
102
|
-
if (child) {
|
|
103
|
-
if (((_a = child.props) === null || _a === void 0 ? void 0 : _a.align) === 'right') {
|
|
104
|
-
rightChildren.push(child);
|
|
105
|
-
return;
|
|
106
|
-
} else if (((_b = child.props) === null || _b === void 0 ? void 0 : _b.isGroup) === false) {
|
|
107
|
-
outFields.push(child);
|
|
108
|
-
} else {
|
|
109
|
-
groupFields.push(child);
|
|
110
|
-
}
|
|
111
|
-
otherFields.push(child);
|
|
112
|
-
}
|
|
113
|
-
});
|
|
114
|
-
if (groupFields.length <= minGroupCount) {
|
|
115
|
-
groupFields = [];
|
|
116
|
-
outFields = otherFields;
|
|
117
|
-
} else {
|
|
118
|
-
// 初始值
|
|
119
|
-
for (let i = 0; i < groupFields.length; i++) {
|
|
120
|
-
const name = (_a = groupFields[i].props) === null || _a === void 0 ? void 0 : _a.name;
|
|
121
|
-
if (initialValues[name] !== undefined) {
|
|
122
|
-
compositionInitValues[name] = initialValues[name];
|
|
123
|
-
}
|
|
124
|
-
}
|
|
125
|
-
}
|
|
126
|
-
return [groupFields, outFields, rightChildren, compositionInitValues];
|
|
127
|
-
}, [children, minGroupCount, initialValues]);
|
|
128
|
-
const isGroupMode = groupFields.length > 0;
|
|
129
|
-
const hasOutField = outFields.length > 0;
|
|
130
|
-
const showExtra = rightChildren.length > 0 || extraActions;
|
|
131
|
-
return React.createElement("div", {
|
|
132
|
-
className: cn(clsPrefix, {
|
|
133
|
-
[className]: className
|
|
134
|
-
})
|
|
135
|
-
}, React.createElement(Form, {
|
|
136
|
-
layout: "inline"
|
|
137
|
-
}, React.createElement("div", {
|
|
138
|
-
className: `${clsPrefix}-top`
|
|
139
|
-
}, React.createElement("div", {
|
|
140
|
-
className: `${clsPrefix}-top-body`
|
|
141
|
-
}, hasOutField ? outFields.map((child, i) => {
|
|
142
|
-
var _a;
|
|
143
|
-
return React.cloneElement(child, {
|
|
144
|
-
form: formRef.current,
|
|
145
|
-
initialValue: initialValues === null || initialValues === void 0 ? void 0 : initialValues[(_a = child.props) === null || _a === void 0 ? void 0 : _a.name],
|
|
146
|
-
onChange: _onFieldChange,
|
|
147
|
-
key: i
|
|
148
|
-
});
|
|
149
|
-
}) : isGroupMode ? React.createElement(Composition, {
|
|
150
|
-
clsPrefix: clsPrefix,
|
|
151
|
-
fieldItems: groupFields,
|
|
152
|
-
initialValues: compositionInitValues,
|
|
153
|
-
onChange: _onCompositionFieldChange,
|
|
154
|
-
form: formRef.current
|
|
155
|
-
}) : null, renderActions ? renderActions() : React.createElement(React.Fragment, null, showSearch && React.createElement(Button, {
|
|
156
|
-
type: "primary",
|
|
157
|
-
onClick: _onSearch
|
|
158
|
-
}, _getText('search')), showReset && React.createElement(Button, {
|
|
159
|
-
onClick: _onReset
|
|
160
|
-
}, _getText('reset')))), showExtra && React.createElement("div", {
|
|
161
|
-
className: `${clsPrefix}-extra`
|
|
162
|
-
}, rightChildren, extraActions)), isGroupMode && hasOutField && React.createElement("div", {
|
|
163
|
-
className: `${clsPrefix}-bottom`
|
|
164
|
-
}, React.createElement(Composition, {
|
|
165
|
-
clsPrefix: clsPrefix,
|
|
166
|
-
fieldItems: groupFields,
|
|
167
|
-
initialValues: compositionInitValues,
|
|
168
|
-
onChange: _onCompositionFieldChange,
|
|
169
|
-
form: formRef.current
|
|
170
|
-
}))));
|
|
171
|
-
}
|
|
172
|
-
QueryForm.Field = Field;
|
|
173
|
-
QueryForm.useForm = useForm;
|
|
174
|
-
QueryForm.createForm = createActions;
|
|
175
|
-
export default QueryForm;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/query-form-v3/index.js"],"names":[],"mappings":"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","sourcesContent":["import React, { useMemo, useRef, useEffect, useState } from 'react'\nimport cn from 'classnames'\nimport createActions from './createActions'\nimport Field from './Field'\nimport Composition from './Field/Composition'\nimport useForm from './useForm'\nimport Button from '../button'\nimport Form from '../form'\nimport { getLanguage, getText } from '../prev-locale'\n\nimport './index.less'\n\nconst clsPrefix = 'tnt-queryform'\n\nfunction QueryForm({\n form,\n className = '',\n initialValues: _initialValues,\n language,\n onSearch,\n onReset,\n onChange,\n renderActions,\n extraActions,\n children,\n showSearch = false,\n showReset = false,\n showFieldCount = 3,\n minGroupCount = 3, // 最小聚合个数\n}) {\n const [initialValues, setInitialValues] = useState(_initialValues || {})\n const formRef = useRef(form || createActions())\n\n useEffect(() => {\n const _search = (params = {}) => {\n onSearch({\n ...formRef.current.getValues(),\n ...params,\n })\n }\n formRef.current.setData('initialValues', initialValues)\n formRef.current.setData('values', initialValues)\n formRef.current.on('search', _search)\n return () => {\n formRef.current.off('search', _search)\n }\n }, [])\n\n const _getText = (key) => {\n return getText(key, language || getLanguage())\n }\n const _onSearch = () => {\n onSearch?.(formRef.current.getValues())\n }\n\n const _onReset = () => {\n formRef.current.setValues({ ...initialValues })\n onReset?.(initialValues)\n setInitialValues({ ...initialValues })\n }\n\n const _onFieldChange = (name, value, ...rest) => {\n const values = formRef.current.getValues()\n const newValues = {\n ...values,\n [name]: value,\n }\n const changedInfo = { name, value, preValue: values?.[name] }\n formRef.current.setData('values', newValues)\n onChange && onChange(newValues, changedInfo, ...rest)\n }\n\n const _onCompositionFieldChange = (value, deleteKeys, needSearch) => {\n const values = formRef.current.getValues()\n const newValues = {\n ...values,\n ...value,\n }\n if (deleteKeys?.length) {\n deleteKeys?.forEach((key) => {\n if (values?.[key]) {\n delete newValues[key]\n }\n })\n }\n formRef.current.setData('values', newValues)\n if (onChange) {\n Object.keys(values)?.forEach((key) => {\n if (JSON.stringify(value[key]) !== JSON.stringify(values[key] || '')) {\n const changedInfo = { name: key, value: value[key], preValue: values?.[key] }\n onChange(newValues, changedInfo)\n }\n })\n if(needSearch) {\n formRef.current.emit('search', newValues)\n }\n }\n }\n\n const [groupFields, outFields, rightChildren, compositionInitValues] = useMemo(() => {\n let groupFields = []\n let outFields = []\n let otherFields = []\n const rightChildren = []\n const compositionInitValues = {}\n React.Children.map(children, (child) => {\n if (child) {\n if (child.props?.align === 'right') {\n rightChildren.push(child)\n return\n } else if (child.props?.isGroup === false) {\n outFields.push(child)\n } else {\n groupFields.push(child)\n }\n otherFields.push(child)\n }\n })\n if (groupFields.length <= minGroupCount) {\n groupFields = []\n outFields = otherFields\n } else {\n // 初始值\n for (let i = 0; i < groupFields.length; i++) {\n const name = groupFields[i].props?.name\n if (initialValues[name] !== undefined) {\n compositionInitValues[name] = initialValues[name]\n }\n }\n }\n return [groupFields, outFields, rightChildren, compositionInitValues]\n }, [children, minGroupCount, initialValues])\n\n const isGroupMode = groupFields.length > 0\n const hasOutField = outFields.length > 0\n const showExtra = rightChildren.length > 0 || extraActions\n\n return (\n <div className={cn(clsPrefix, { [className]: className })}>\n <Form layout=\"inline\">\n <div className={`${clsPrefix}-top`}>\n <div className={`${clsPrefix}-top-body`}>\n {hasOutField ? (\n outFields.map((child, i) =>\n React.cloneElement(child, {\n form: formRef.current,\n initialValue: initialValues?.[child.props?.name],\n onChange: _onFieldChange,\n key: i,\n })\n )\n ) : isGroupMode ? (\n <Composition\n clsPrefix={clsPrefix}\n fieldItems={groupFields}\n initialValues={compositionInitValues}\n onChange={_onCompositionFieldChange}\n form={formRef.current}\n />\n ) : null}\n\n {renderActions ? (\n renderActions()\n ) : (\n <>\n {showSearch && (\n <Button type=\"primary\" onClick={_onSearch}>\n {_getText('search')}\n </Button>\n )}\n {showReset && <Button onClick={_onReset}>{_getText('reset')}</Button>}\n </>\n )}\n </div>\n {showExtra && (\n <div className={`${clsPrefix}-extra`}>\n {rightChildren}\n {extraActions}\n </div>\n )}\n </div>\n {isGroupMode && hasOutField && (\n <div className={`${clsPrefix}-bottom`}>\n <Composition\n clsPrefix={clsPrefix}\n fieldItems={groupFields}\n initialValues={compositionInitValues}\n onChange={_onCompositionFieldChange}\n form={formRef.current}\n />\n </div>\n )}\n </Form>\n </div>\n )\n}\n\nQueryForm.Field = Field\nQueryForm.useForm = useForm\nQueryForm.createForm = createActions\n\nexport default QueryForm\n"]}
|
|
@@ -1,91 +0,0 @@
|
|
|
1
|
-
.tnt-queryform {
|
|
2
|
-
&-top {
|
|
3
|
-
display: flex;
|
|
4
|
-
flex: 1;
|
|
5
|
-
&-body {
|
|
6
|
-
flex: 1;
|
|
7
|
-
.ant-btn {
|
|
8
|
-
margin-right: 10px;
|
|
9
|
-
}
|
|
10
|
-
}
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
&-extra {
|
|
14
|
-
& > * {
|
|
15
|
-
margin-left: 10px;
|
|
16
|
-
}
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
.ant-form {
|
|
20
|
-
// margin-bottom: @margin-sm;
|
|
21
|
-
&.ant-form-inline {
|
|
22
|
-
flex-wrap: unset;
|
|
23
|
-
position: relative;
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
&.ant-form-inline .ant-form-item {
|
|
27
|
-
margin-right: 10px;
|
|
28
|
-
margin-bottom: @margin-sm;
|
|
29
|
-
display: inline-block;
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
.ant-form-item-control {
|
|
33
|
-
// min-width: 160px;
|
|
34
|
-
line-height: unset;
|
|
35
|
-
.ant-calendar-picker-input {
|
|
36
|
-
padding: 0 @padding-sm;
|
|
37
|
-
}
|
|
38
|
-
.ant-form-item-children {
|
|
39
|
-
& > .ant-input,
|
|
40
|
-
& > .ant-input-affix-wrapper {
|
|
41
|
-
width: 160px;
|
|
42
|
-
// width: 200px;
|
|
43
|
-
}
|
|
44
|
-
}
|
|
45
|
-
}
|
|
46
|
-
}
|
|
47
|
-
|
|
48
|
-
&-drawer {
|
|
49
|
-
margin-top: @margin-xxl;
|
|
50
|
-
&.large-size {
|
|
51
|
-
margin-top: 60px;
|
|
52
|
-
}
|
|
53
|
-
|
|
54
|
-
&.ant-drawer.ant-drawer-open {
|
|
55
|
-
.ant-drawer-mask {
|
|
56
|
-
opacity: 0;
|
|
57
|
-
background: unset;
|
|
58
|
-
}
|
|
59
|
-
}
|
|
60
|
-
.ant-drawer-body {
|
|
61
|
-
.ant-form-item {
|
|
62
|
-
display: block;
|
|
63
|
-
margin-right: 0;
|
|
64
|
-
margin-bottom: @margin-md;
|
|
65
|
-
width: 100%;
|
|
66
|
-
}
|
|
67
|
-
.ant-form-item-label {
|
|
68
|
-
display: block;
|
|
69
|
-
text-align: left;
|
|
70
|
-
line-height: 22px;
|
|
71
|
-
margin-bottom: 10px;
|
|
72
|
-
}
|
|
73
|
-
.ant-form-item-control-wrapper,
|
|
74
|
-
.ant-form-item-control,
|
|
75
|
-
.ant-calendar-picker,
|
|
76
|
-
.ant-input {
|
|
77
|
-
min-width: 100%;
|
|
78
|
-
width: 100%;
|
|
79
|
-
}
|
|
80
|
-
|
|
81
|
-
& > .ant-btn {
|
|
82
|
-
display: block;
|
|
83
|
-
width: 100%;
|
|
84
|
-
margin-bottom: 10px;
|
|
85
|
-
&.ant-btn-primary {
|
|
86
|
-
margin-top: @margin-md;
|
|
87
|
-
}
|
|
88
|
-
}
|
|
89
|
-
}
|
|
90
|
-
}
|
|
91
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useForm.js","sourceRoot":"","sources":["../../src/query-form-v3/useForm.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAC9B,OAAO,aAAa,MAAM,iBAAiB,CAAA;AAE3C,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,MAAM,IAAI,GAAG,MAAM,CAAC,aAAa,EAAE,CAAC,CAAA;IAEpC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;AACvB,CAAC","sourcesContent":["import { useRef } from 'react'\nimport createActions from './createActions'\n\nexport default function useForm() {\n const form = useRef(createActions())\n\n return [form.current]\n}\n"]}
|
|
@@ -1,125 +0,0 @@
|
|
|
1
|
-
/*
|
|
2
|
-
* @Descripttion: 最简单的tree下拉框,增加了虚拟滚动
|
|
3
|
-
* @Author: 郑泳健
|
|
4
|
-
* @Date: 2024-07-31 14:46:55
|
|
5
|
-
* @LastEditors: 郑泳健
|
|
6
|
-
* @LastEditTime: 2024-08-05 15:58:47
|
|
7
|
-
*/
|
|
8
|
-
import React, { useState, useMemo, useEffect } from 'react';
|
|
9
|
-
import List from 'rc-virtual-list';
|
|
10
|
-
import Icon from '../icon';
|
|
11
|
-
import Ellipsis from '../ellipsis';
|
|
12
|
-
import Empty from '../empty';
|
|
13
|
-
import Input from '../input';
|
|
14
|
-
import { flatTreeData, getFullExpandedKeys, addTreeNodeKeys } from './utils';
|
|
15
|
-
import './tree.less';
|
|
16
|
-
const VirtualTree = ({
|
|
17
|
-
value,
|
|
18
|
-
onChange,
|
|
19
|
-
treeDefaultExpandAll,
|
|
20
|
-
fieldNames,
|
|
21
|
-
treeExpandedKeys,
|
|
22
|
-
showSearch,
|
|
23
|
-
treeData,
|
|
24
|
-
renderItem
|
|
25
|
-
}) => {
|
|
26
|
-
const ref = React.useRef(null);
|
|
27
|
-
// 展开的节点列表
|
|
28
|
-
const [expandedKeys, setExpandedKeys] = useState([]);
|
|
29
|
-
const [choosedValue, setChoosedValue] = useState([]);
|
|
30
|
-
const [filterKey, setFilterKey] = useState(undefined);
|
|
31
|
-
useEffect(() => {
|
|
32
|
-
if (!['', null, undefined].includes(value)) {
|
|
33
|
-
setChoosedValue(value);
|
|
34
|
-
} else {
|
|
35
|
-
setChoosedValue(undefined);
|
|
36
|
-
}
|
|
37
|
-
}, [value]);
|
|
38
|
-
/** 给每个节点增加属性keys,值为其下面所有节点的集合 */
|
|
39
|
-
const treeDataWithKeys = useMemo(() => {
|
|
40
|
-
return addTreeNodeKeys(treeData, fieldNames);
|
|
41
|
-
}, [treeData, fieldNames]);
|
|
42
|
-
const mergeTreeDefaultExpandAll = useMemo(() => {
|
|
43
|
-
if (Array.isArray(treeExpandedKeys) && treeExpandedKeys.length) {
|
|
44
|
-
return false;
|
|
45
|
-
}
|
|
46
|
-
return treeDefaultExpandAll;
|
|
47
|
-
}, [treeDefaultExpandAll, treeExpandedKeys]);
|
|
48
|
-
/** 获取到所有展开的节点,因为treeDataWithKeys可能传入的是最后一级 */
|
|
49
|
-
useEffect(() => {
|
|
50
|
-
let transTreeExpandedKeys = Array.isArray(treeExpandedKeys) ? treeExpandedKeys : [];
|
|
51
|
-
if (value) {
|
|
52
|
-
transTreeExpandedKeys = [...treeExpandedKeys, value];
|
|
53
|
-
}
|
|
54
|
-
const _expandedKeys = getFullExpandedKeys(treeDataWithKeys, transTreeExpandedKeys, mergeTreeDefaultExpandAll);
|
|
55
|
-
setExpandedKeys(_expandedKeys);
|
|
56
|
-
}, [treeDataWithKeys, treeExpandedKeys, mergeTreeDefaultExpandAll, value]);
|
|
57
|
-
/** 最终渲染的数据 */
|
|
58
|
-
const renderData = useMemo(() => {
|
|
59
|
-
return flatTreeData(treeDataWithKeys, filterKey, expandedKeys);
|
|
60
|
-
}, [treeDataWithKeys, filterKey, expandedKeys]);
|
|
61
|
-
/** 切换展开/收起 */
|
|
62
|
-
const handleToggle = item => {
|
|
63
|
-
const {
|
|
64
|
-
value
|
|
65
|
-
} = item || {};
|
|
66
|
-
const bool = Array.isArray(expandedKeys) ? expandedKeys.includes(value) : false;
|
|
67
|
-
if (bool) {
|
|
68
|
-
const list = Array.isArray(expandedKeys) ? expandedKeys.filter(i => i !== value) : [];
|
|
69
|
-
setExpandedKeys(list);
|
|
70
|
-
} else {
|
|
71
|
-
setExpandedKeys([...expandedKeys, value]);
|
|
72
|
-
}
|
|
73
|
-
};
|
|
74
|
-
const defaultRenderItem = (item, expandedKeys) => {
|
|
75
|
-
return React.createElement(Ellipsis, {
|
|
76
|
-
title: item.title,
|
|
77
|
-
widthLimit: '100%'
|
|
78
|
-
});
|
|
79
|
-
};
|
|
80
|
-
const handleChange = _value => {
|
|
81
|
-
setChoosedValue(_value);
|
|
82
|
-
onChange === null || onChange === void 0 ? void 0 : onChange(_value);
|
|
83
|
-
};
|
|
84
|
-
const handleInput = e => {
|
|
85
|
-
const _filterValue = e.target.value;
|
|
86
|
-
setFilterKey(_filterValue);
|
|
87
|
-
};
|
|
88
|
-
return React.createElement("div", {
|
|
89
|
-
className: 'tntd-tree-select'
|
|
90
|
-
}, showSearch && Array.isArray(treeData) && !!treeData.length ? React.createElement(Input, {
|
|
91
|
-
onChange: handleInput,
|
|
92
|
-
allowClear: true
|
|
93
|
-
}) : '', !Array.isArray(renderData) || !renderData.length ? React.createElement(Empty, {
|
|
94
|
-
size: 'small'
|
|
95
|
-
}) : React.createElement(List, {
|
|
96
|
-
ref: ref,
|
|
97
|
-
height: 300,
|
|
98
|
-
itemHeight: 44,
|
|
99
|
-
data: renderData
|
|
100
|
-
}, item => {
|
|
101
|
-
const {
|
|
102
|
-
level,
|
|
103
|
-
children
|
|
104
|
-
} = item;
|
|
105
|
-
const bool = expandedKeys.includes(item.value);
|
|
106
|
-
return React.createElement("div", {
|
|
107
|
-
className: "tntd-tree-select-item",
|
|
108
|
-
style: {
|
|
109
|
-
paddingLeft: level * 18
|
|
110
|
-
}
|
|
111
|
-
}, React.createElement("div", {
|
|
112
|
-
style: {
|
|
113
|
-
width: 18,
|
|
114
|
-
paddingLeft: 3
|
|
115
|
-
}
|
|
116
|
-
}, Array.isArray(children) && !!children.length ? React.createElement(Icon, {
|
|
117
|
-
type: bool ? 'caret-down' : 'caret-right',
|
|
118
|
-
onClick: () => handleToggle(item)
|
|
119
|
-
}) : React.createElement(Icon, null)), React.createElement("div", {
|
|
120
|
-
className: `tntd-tree-select-item-title ${choosedValue === item.value ? 'tntd-tree-select-item-title_active' : ''}`,
|
|
121
|
-
onClick: () => handleChange(item.value)
|
|
122
|
-
}, renderItem ? renderItem(item, expandedKeys) : defaultRenderItem(item, expandedKeys)));
|
|
123
|
-
}));
|
|
124
|
-
};
|
|
125
|
-
export default VirtualTree;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"VirtualTree.js","sourceRoot":"","sources":["../../src/tntd-virtual-tree-select/VirtualTree.jsx"],"names":[],"mappings":"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","sourcesContent":["/*\n * @Descripttion: 最简单的tree下拉框,增加了虚拟滚动\n * @Author: 郑泳健\n * @Date: 2024-07-31 14:46:55\n * @LastEditors: 郑泳健\n * @LastEditTime: 2024-08-05 15:58:47\n */\nimport React, { useState, useMemo, useEffect } from 'react';\nimport List from 'rc-virtual-list';\nimport Icon from '../icon'\nimport Ellipsis from '../ellipsis';\nimport Empty from '../empty';\nimport Input from '../input';\nimport { flatTreeData, getFullExpandedKeys, addTreeNodeKeys } from './utils';\nimport './tree.less'\n\nconst VirtualTree = ({ value, onChange, treeDefaultExpandAll, fieldNames, treeExpandedKeys, showSearch, treeData, renderItem }) => {\n const ref = React.useRef(null)\n // 展开的节点列表\n const [expandedKeys, setExpandedKeys] = useState([])\n const [choosedValue, setChoosedValue] = useState([])\n const [filterKey, setFilterKey] = useState(undefined)\n\n useEffect(() => {\n if(!['', null, undefined].includes(value)) {\n setChoosedValue(value)\n }else {\n setChoosedValue(undefined)\n }\n }, [value])\n\n /** 给每个节点增加属性keys,值为其下面所有节点的集合 */\n const treeDataWithKeys = useMemo(() => {\n return addTreeNodeKeys(treeData, fieldNames)\n }, [treeData, fieldNames])\n\n const mergeTreeDefaultExpandAll = useMemo(() => {\n if(Array.isArray(treeExpandedKeys) && treeExpandedKeys.length) {\n return false\n }\n\n return treeDefaultExpandAll\n }, [treeDefaultExpandAll, treeExpandedKeys])\n\n /** 获取到所有展开的节点,因为treeDataWithKeys可能传入的是最后一级 */\n useEffect(() => {\n let transTreeExpandedKeys = Array.isArray(treeExpandedKeys) ? treeExpandedKeys : []\n if(value) {\n transTreeExpandedKeys = [...treeExpandedKeys, value]\n }\n const _expandedKeys = getFullExpandedKeys(treeDataWithKeys, transTreeExpandedKeys, mergeTreeDefaultExpandAll)\n setExpandedKeys(_expandedKeys)\n }, [treeDataWithKeys, treeExpandedKeys, mergeTreeDefaultExpandAll, value])\n\n /** 最终渲染的数据 */\n const renderData = useMemo(() => {\n return flatTreeData(treeDataWithKeys, filterKey, expandedKeys)\n }, [treeDataWithKeys, filterKey, expandedKeys])\n\n /** 切换展开/收起 */\n const handleToggle = (item) => {\n const { value } = item || {}\n const bool = Array.isArray(expandedKeys) ? expandedKeys.includes(value) : false;\n if(bool) {\n const list = Array.isArray(expandedKeys) ? expandedKeys.filter(i => i !== value) : []\n setExpandedKeys(list)\n }else {\n setExpandedKeys([...expandedKeys, value])\n }\n }\n\n const defaultRenderItem = (item, expandedKeys) => {\n return <Ellipsis title={item.title} widthLimit={'100%'} />\n }\n\n const handleChange = (_value) => {\n setChoosedValue(_value)\n onChange?.(_value)\n }\n\n const handleInput = (e) => {\n const _filterValue = e.target.value\n\n setFilterKey(_filterValue)\n }\n\n return (\n <div className='tntd-tree-select'>\n {showSearch && Array.isArray(treeData) && !!treeData.length ? <Input onChange={handleInput} allowClear /> : ''}\n {\n !Array.isArray(renderData) || !renderData.length ? \n <Empty size='small' /> :\n <List\n ref={ref}\n height={300}\n itemHeight={44}\n data={renderData}\n >\n {\n (item) => { \n const { level, children } = item;\n const bool = expandedKeys.includes(item.value)\n return (\n <div className=\"tntd-tree-select-item\"\n style={{ paddingLeft: level * 18 }}>\n <div style={{ width: 18, paddingLeft: 3 }}>\n {Array.isArray(children) && !!children.length ? <Icon type={bool ? 'caret-down' : 'caret-right'} onClick={() => handleToggle(item)} /> : <Icon />}\n </div>\n \n <div \n className={`tntd-tree-select-item-title ${choosedValue === item.value ? 'tntd-tree-select-item-title_active' : '' }`}\n onClick={() => handleChange(item.value)}\n >\n {renderItem ? renderItem(item, expandedKeys) : defaultRenderItem(item, expandedKeys)}\n </div>\n </div>\n )\n }\n }\n </List>\n }\n </div>\n );\n};\n\nexport default VirtualTree\n"]}
|