@sheinx/base 3.8.0-beta.8 → 3.8.0
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/absolute-list/absolute-list.js +2 -2
- package/cjs/absolute-list/use-container.d.ts +1 -0
- package/cjs/absolute-list/use-container.d.ts.map +1 -1
- package/cjs/absolute-list/use-container.js +3 -0
- package/cjs/alert/alert.d.ts.map +1 -1
- package/cjs/alert/alert.js +1 -1
- package/cjs/avatar/avatar.type.d.ts +5 -0
- package/cjs/avatar/avatar.type.d.ts.map +1 -1
- package/cjs/avatar/group.js +1 -1
- package/cjs/breadcrumb/breadcrumb-item.d.ts +11 -0
- package/cjs/breadcrumb/breadcrumb-item.d.ts.map +1 -0
- package/cjs/breadcrumb/breadcrumb-item.js +83 -0
- package/cjs/breadcrumb/breadcrumb.d.ts.map +1 -1
- package/cjs/breadcrumb/breadcrumb.js +34 -32
- package/cjs/breadcrumb/breadcrumb.type.d.ts +4 -0
- package/cjs/breadcrumb/breadcrumb.type.d.ts.map +1 -1
- package/cjs/button/button.type.d.ts +1 -1
- package/cjs/button/button.type.d.ts.map +1 -1
- package/cjs/cascader/cascader.d.ts.map +1 -1
- package/cjs/cascader/cascader.js +3 -5
- package/cjs/cascader/cascader.type.d.ts +8 -0
- package/cjs/cascader/cascader.type.d.ts.map +1 -1
- package/cjs/cascader/node.d.ts.map +1 -1
- package/cjs/cascader/node.js +7 -3
- package/cjs/config/index.d.ts +23 -0
- package/cjs/config/index.d.ts.map +1 -1
- package/cjs/config/index.js +7 -0
- package/cjs/config/locale/en_US.d.ts +3 -0
- package/cjs/config/locale/en_US.d.ts.map +1 -1
- package/cjs/config/locale/en_US.js +3 -0
- package/cjs/config/locale/zh-CN.d.ts +3 -0
- package/cjs/config/locale/zh-CN.d.ts.map +1 -1
- package/cjs/config/locale/zh-CN.js +3 -0
- package/cjs/date-picker/date-picker.js +1 -1
- package/cjs/date-picker/date-picker.type.d.ts +1 -1
- package/cjs/date-picker/date-picker.type.d.ts.map +1 -1
- package/cjs/date-picker/day.d.ts.map +1 -1
- package/cjs/date-picker/time.d.ts.map +1 -1
- package/cjs/date-picker/time.js +6 -2
- package/cjs/dropdown/Item.d.ts.map +1 -1
- package/cjs/dropdown/Item.js +3 -1
- package/cjs/empty/empty.d.ts.map +1 -1
- package/cjs/empty/empty.js +10 -5
- package/cjs/empty/empty.type.d.ts +4 -4
- package/cjs/form/form-field.d.ts.map +1 -1
- package/cjs/form/form-field.js +25 -2
- package/cjs/form/form-field.type.d.ts +12 -21
- package/cjs/form/form-field.type.d.ts.map +1 -1
- package/cjs/form/form-fieldset.d.ts.map +1 -1
- package/cjs/form/form-fieldset.js +55 -3
- package/cjs/form/form-fieldset.type.d.ts +35 -23
- package/cjs/form/form-fieldset.type.d.ts.map +1 -1
- package/cjs/form/form-flow.type.d.ts +11 -7
- package/cjs/form/form-flow.type.d.ts.map +1 -1
- package/cjs/form/form-item.d.ts.map +1 -1
- package/cjs/form/form-item.js +41 -16
- package/cjs/form/form-item.type.d.ts +1 -0
- package/cjs/form/form-item.type.d.ts.map +1 -1
- package/cjs/form/form.d.ts.map +1 -1
- package/cjs/form/form.js +2 -1
- package/cjs/form/form.type.d.ts +34 -24
- package/cjs/form/form.type.d.ts.map +1 -1
- package/cjs/form/form.type.js +4 -0
- package/cjs/form/index.d.ts +1 -1
- package/cjs/form/index.d.ts.map +1 -1
- package/cjs/icons/config.d.ts +3 -0
- package/cjs/icons/config.d.ts.map +1 -1
- package/cjs/icons/config.js +3 -0
- package/cjs/icons/icons.d.ts +1 -0
- package/cjs/icons/icons.d.ts.map +1 -1
- package/cjs/icons/icons.js +150 -1
- package/cjs/input/input-number.d.ts.map +1 -1
- package/cjs/input/input-number.js +4 -2
- package/cjs/input/use-input-common.d.ts +1 -1
- package/cjs/list/list.d.ts.map +1 -1
- package/cjs/list/list.js +54 -22
- package/cjs/list/list.type.d.ts +8 -1
- package/cjs/list/list.type.d.ts.map +1 -1
- package/cjs/modal/modal-content.d.ts.map +1 -1
- package/cjs/modal/modal-content.js +51 -14
- package/cjs/modal/modal.d.ts.map +1 -1
- package/cjs/modal/modal.js +2 -1
- package/cjs/modal/modal.type.d.ts +8 -2
- package/cjs/modal/modal.type.d.ts.map +1 -1
- package/cjs/pagination/pagination-size-list.d.ts.map +1 -1
- package/cjs/pagination/pagination-size-list.js +10 -9
- package/cjs/pagination/pagination-size-list.type.d.ts +1 -1
- package/cjs/pagination/pagination-size-list.type.d.ts.map +1 -1
- package/cjs/pagination/pagination.d.ts.map +1 -1
- package/cjs/pagination/pagination.js +10 -2
- package/cjs/pagination/pagination.type.d.ts +11 -11
- package/cjs/pagination/pagination.type.d.ts.map +1 -1
- package/cjs/popover/popover.d.ts.map +1 -1
- package/cjs/popover/popover.js +11 -2
- package/cjs/radio/group-context.d.ts.map +1 -1
- package/cjs/radio/group-context.js +1 -0
- package/cjs/radio/radio-group.d.ts.map +1 -1
- package/cjs/radio/radio-group.js +5 -1
- package/cjs/radio/radio.d.ts.map +1 -1
- package/cjs/radio/radio.js +9 -0
- package/cjs/radio/radio.type.d.ts +7 -1
- package/cjs/radio/radio.type.d.ts.map +1 -1
- package/cjs/radio/simple-radio.d.ts.map +1 -1
- package/cjs/radio/simple-radio.js +2 -1
- package/cjs/select/list-columns.d.ts.map +1 -1
- package/cjs/select/list-columns.js +6 -2
- package/cjs/select/list.d.ts.map +1 -1
- package/cjs/select/list.js +2 -0
- package/cjs/select/result-more.d.ts.map +1 -1
- package/cjs/select/result-more.js +5 -15
- package/cjs/select/result-more.type.d.ts +0 -1
- package/cjs/select/result-more.type.d.ts.map +1 -1
- package/cjs/select/result.d.ts.map +1 -1
- package/cjs/select/result.js +24 -8
- package/cjs/select/result.type.d.ts +1 -0
- package/cjs/select/result.type.d.ts.map +1 -1
- package/cjs/select/select.d.ts.map +1 -1
- package/cjs/select/select.js +25 -10
- package/cjs/select/select.type.d.ts +206 -127
- package/cjs/select/select.type.d.ts.map +1 -1
- package/cjs/sticky/sticky.d.ts.map +1 -1
- package/cjs/sticky/sticky.js +105 -22
- package/cjs/sticky/sticky.type.d.ts +6 -0
- package/cjs/sticky/sticky.type.d.ts.map +1 -1
- package/cjs/table/table.d.ts.map +1 -1
- package/cjs/table/table.js +45 -22
- package/cjs/table/table.type.d.ts +81 -82
- package/cjs/table/table.type.d.ts.map +1 -1
- package/cjs/table/tbody.d.ts.map +1 -1
- package/cjs/table/tbody.js +13 -1
- package/cjs/table/tbody.type.d.ts +5 -0
- package/cjs/table/tbody.type.d.ts.map +1 -1
- package/cjs/table/td.d.ts.map +1 -1
- package/cjs/table/td.js +5 -23
- package/cjs/table/tfoot.d.ts.map +1 -1
- package/cjs/table/tfoot.js +6 -2
- package/cjs/table/tfoot.type.d.ts +1 -0
- package/cjs/table/tfoot.type.d.ts.map +1 -1
- package/cjs/table/thead-filter.d.ts.map +1 -1
- package/cjs/table/thead-filter.js +17 -7
- package/cjs/table/tr.d.ts +1 -0
- package/cjs/table/tr.d.ts.map +1 -1
- package/cjs/table/tr.js +5 -4
- package/cjs/tabs/tabs-header.d.ts.map +1 -1
- package/cjs/tabs/tabs-header.js +41 -11
- package/cjs/textarea/simple-textarea.d.ts.map +1 -1
- package/cjs/textarea/simple-textarea.js +4 -1
- package/cjs/tooltip/tooltip.js +2 -1
- package/cjs/tree/tree-content.d.ts.map +1 -1
- package/cjs/tree/tree-content.js +2 -0
- package/cjs/tree/tree-content.type.d.ts +1 -0
- package/cjs/tree/tree-content.type.d.ts.map +1 -1
- package/cjs/tree/tree-node.type.d.ts +1 -0
- package/cjs/tree/tree-node.type.d.ts.map +1 -1
- package/cjs/tree/tree-simple-node.d.ts.map +1 -1
- package/cjs/tree/tree-simple-node.js +3 -1
- package/cjs/tree/tree-virtual-node.d.ts.map +1 -1
- package/cjs/tree/tree-virtual-node.js +15 -2
- package/cjs/tree/tree-virtual.d.ts.map +1 -1
- package/cjs/tree/tree-virtual.js +2 -1
- package/cjs/tree/tree.type.d.ts +2 -1
- package/cjs/tree/tree.type.d.ts.map +1 -1
- package/cjs/tree-select/tree-select.d.ts.map +1 -1
- package/cjs/tree-select/tree-select.js +1 -0
- package/cjs/tree-select/tree-select.type.d.ts +8 -0
- package/cjs/tree-select/tree-select.type.d.ts.map +1 -1
- package/cjs/upload/result.d.ts.map +1 -1
- package/cjs/upload/result.js +19 -5
- package/cjs/upload/useInputClick.d.ts +1 -0
- package/cjs/upload/useInputClick.d.ts.map +1 -1
- package/cjs/upload/useInputClick.js +4 -0
- package/cjs/virtual-scroll/scroll-table.d.ts.map +1 -1
- package/cjs/virtual-scroll/scroll-table.js +6 -2
- package/cjs/virtual-scroll/virtual-scroll-list.d.ts.map +1 -1
- package/cjs/virtual-scroll/virtual-scroll-list.js +8 -2
- package/cjs/virtual-scroll/virtual-scroll-list.type.d.ts +1 -0
- package/cjs/virtual-scroll/virtual-scroll-list.type.d.ts.map +1 -1
- package/esm/absolute-list/absolute-list.js +2 -2
- package/esm/absolute-list/use-container.d.ts +1 -0
- package/esm/absolute-list/use-container.d.ts.map +1 -1
- package/esm/absolute-list/use-container.js +3 -0
- package/esm/alert/alert.d.ts.map +1 -1
- package/esm/alert/alert.js +1 -1
- package/esm/avatar/avatar.type.d.ts +5 -0
- package/esm/avatar/avatar.type.d.ts.map +1 -1
- package/esm/avatar/group.js +1 -1
- package/esm/breadcrumb/breadcrumb-item.d.ts +11 -0
- package/esm/breadcrumb/breadcrumb-item.d.ts.map +1 -0
- package/esm/breadcrumb/breadcrumb-item.js +76 -0
- package/esm/breadcrumb/breadcrumb.d.ts.map +1 -1
- package/esm/breadcrumb/breadcrumb.js +34 -33
- package/esm/breadcrumb/breadcrumb.type.d.ts +4 -0
- package/esm/breadcrumb/breadcrumb.type.d.ts.map +1 -1
- package/esm/button/button.type.d.ts +1 -1
- package/esm/button/button.type.d.ts.map +1 -1
- package/esm/cascader/cascader.d.ts.map +1 -1
- package/esm/cascader/cascader.js +3 -5
- package/esm/cascader/cascader.type.d.ts +8 -0
- package/esm/cascader/cascader.type.d.ts.map +1 -1
- package/esm/cascader/node.d.ts.map +1 -1
- package/esm/cascader/node.js +7 -3
- package/esm/config/index.d.ts +23 -0
- package/esm/config/index.d.ts.map +1 -1
- package/esm/config/index.js +8 -0
- package/esm/config/locale/en_US.d.ts +3 -0
- package/esm/config/locale/en_US.d.ts.map +1 -1
- package/esm/config/locale/en_US.js +3 -0
- package/esm/config/locale/zh-CN.d.ts +3 -0
- package/esm/config/locale/zh-CN.d.ts.map +1 -1
- package/esm/config/locale/zh-CN.js +3 -0
- package/esm/date-picker/date-picker.js +1 -1
- package/esm/date-picker/date-picker.type.d.ts +1 -1
- package/esm/date-picker/date-picker.type.d.ts.map +1 -1
- package/esm/date-picker/day.d.ts.map +1 -1
- package/esm/date-picker/time.d.ts.map +1 -1
- package/esm/date-picker/time.js +6 -2
- package/esm/dropdown/Item.d.ts.map +1 -1
- package/esm/dropdown/Item.js +3 -1
- package/esm/empty/empty.d.ts.map +1 -1
- package/esm/empty/empty.js +10 -5
- package/esm/empty/empty.type.d.ts +4 -4
- package/esm/form/form-field.d.ts.map +1 -1
- package/esm/form/form-field.js +26 -3
- package/esm/form/form-field.type.d.ts +12 -21
- package/esm/form/form-field.type.d.ts.map +1 -1
- package/esm/form/form-fieldset.d.ts.map +1 -1
- package/esm/form/form-fieldset.js +55 -3
- package/esm/form/form-fieldset.type.d.ts +35 -23
- package/esm/form/form-fieldset.type.d.ts.map +1 -1
- package/esm/form/form-flow.type.d.ts +11 -7
- package/esm/form/form-flow.type.d.ts.map +1 -1
- package/esm/form/form-item.d.ts.map +1 -1
- package/esm/form/form-item.js +39 -16
- package/esm/form/form-item.type.d.ts +1 -0
- package/esm/form/form-item.type.d.ts.map +1 -1
- package/esm/form/form.d.ts.map +1 -1
- package/esm/form/form.js +2 -1
- package/esm/form/form.type.d.ts +34 -24
- package/esm/form/form.type.d.ts.map +1 -1
- package/esm/form/form.type.js +5 -0
- package/esm/form/index.d.ts +1 -1
- package/esm/form/index.d.ts.map +1 -1
- package/esm/icons/config.d.ts +3 -0
- package/esm/icons/config.d.ts.map +1 -1
- package/esm/icons/config.js +3 -0
- package/esm/icons/icons.d.ts +1 -0
- package/esm/icons/icons.d.ts.map +1 -1
- package/esm/icons/icons.js +150 -1
- package/esm/input/input-number.d.ts.map +1 -1
- package/esm/input/input-number.js +4 -2
- package/esm/input/use-input-common.d.ts +1 -1
- package/esm/list/list.d.ts.map +1 -1
- package/esm/list/list.js +55 -23
- package/esm/list/list.type.d.ts +8 -1
- package/esm/list/list.type.d.ts.map +1 -1
- package/esm/modal/modal-content.d.ts.map +1 -1
- package/esm/modal/modal-content.js +52 -15
- package/esm/modal/modal.d.ts.map +1 -1
- package/esm/modal/modal.js +2 -1
- package/esm/modal/modal.type.d.ts +8 -2
- package/esm/modal/modal.type.d.ts.map +1 -1
- package/esm/pagination/pagination-size-list.d.ts.map +1 -1
- package/esm/pagination/pagination-size-list.js +10 -9
- package/esm/pagination/pagination-size-list.type.d.ts +1 -1
- package/esm/pagination/pagination-size-list.type.d.ts.map +1 -1
- package/esm/pagination/pagination.d.ts.map +1 -1
- package/esm/pagination/pagination.js +11 -3
- package/esm/pagination/pagination.type.d.ts +11 -11
- package/esm/pagination/pagination.type.d.ts.map +1 -1
- package/esm/popover/popover.d.ts.map +1 -1
- package/esm/popover/popover.js +11 -2
- package/esm/radio/group-context.d.ts.map +1 -1
- package/esm/radio/group-context.js +1 -0
- package/esm/radio/radio-group.d.ts.map +1 -1
- package/esm/radio/radio-group.js +5 -2
- package/esm/radio/radio.d.ts.map +1 -1
- package/esm/radio/radio.js +9 -0
- package/esm/radio/radio.type.d.ts +7 -1
- package/esm/radio/radio.type.d.ts.map +1 -1
- package/esm/radio/simple-radio.d.ts.map +1 -1
- package/esm/radio/simple-radio.js +2 -1
- package/esm/select/list-columns.d.ts.map +1 -1
- package/esm/select/list-columns.js +6 -2
- package/esm/select/list.d.ts.map +1 -1
- package/esm/select/list.js +2 -0
- package/esm/select/result-more.d.ts.map +1 -1
- package/esm/select/result-more.js +5 -15
- package/esm/select/result-more.type.d.ts +0 -1
- package/esm/select/result-more.type.d.ts.map +1 -1
- package/esm/select/result.d.ts.map +1 -1
- package/esm/select/result.js +24 -8
- package/esm/select/result.type.d.ts +1 -0
- package/esm/select/result.type.d.ts.map +1 -1
- package/esm/select/select.d.ts.map +1 -1
- package/esm/select/select.js +25 -10
- package/esm/select/select.type.d.ts +206 -127
- package/esm/select/select.type.d.ts.map +1 -1
- package/esm/sticky/sticky.d.ts.map +1 -1
- package/esm/sticky/sticky.js +105 -22
- package/esm/sticky/sticky.type.d.ts +6 -0
- package/esm/sticky/sticky.type.d.ts.map +1 -1
- package/esm/table/table.d.ts.map +1 -1
- package/esm/table/table.js +46 -23
- package/esm/table/table.type.d.ts +81 -82
- package/esm/table/table.type.d.ts.map +1 -1
- package/esm/table/tbody.d.ts.map +1 -1
- package/esm/table/tbody.js +13 -1
- package/esm/table/tbody.type.d.ts +5 -0
- package/esm/table/tbody.type.d.ts.map +1 -1
- package/esm/table/td.d.ts.map +1 -1
- package/esm/table/td.js +4 -20
- package/esm/table/tfoot.d.ts.map +1 -1
- package/esm/table/tfoot.js +6 -2
- package/esm/table/tfoot.type.d.ts +1 -0
- package/esm/table/tfoot.type.d.ts.map +1 -1
- package/esm/table/thead-filter.d.ts.map +1 -1
- package/esm/table/thead-filter.js +17 -7
- package/esm/table/tr.d.ts +1 -0
- package/esm/table/tr.d.ts.map +1 -1
- package/esm/table/tr.js +5 -4
- package/esm/tabs/tabs-header.d.ts.map +1 -1
- package/esm/tabs/tabs-header.js +41 -11
- package/esm/textarea/simple-textarea.d.ts.map +1 -1
- package/esm/textarea/simple-textarea.js +4 -1
- package/esm/tooltip/tooltip.js +2 -1
- package/esm/tree/tree-content.d.ts.map +1 -1
- package/esm/tree/tree-content.js +2 -0
- package/esm/tree/tree-content.type.d.ts +1 -0
- package/esm/tree/tree-content.type.d.ts.map +1 -1
- package/esm/tree/tree-node.type.d.ts +1 -0
- package/esm/tree/tree-node.type.d.ts.map +1 -1
- package/esm/tree/tree-simple-node.d.ts.map +1 -1
- package/esm/tree/tree-simple-node.js +3 -1
- package/esm/tree/tree-virtual-node.d.ts.map +1 -1
- package/esm/tree/tree-virtual-node.js +15 -2
- package/esm/tree/tree-virtual.d.ts.map +1 -1
- package/esm/tree/tree-virtual.js +2 -1
- package/esm/tree/tree.type.d.ts +2 -1
- package/esm/tree/tree.type.d.ts.map +1 -1
- package/esm/tree-select/tree-select.d.ts.map +1 -1
- package/esm/tree-select/tree-select.js +1 -0
- package/esm/tree-select/tree-select.type.d.ts +8 -0
- package/esm/tree-select/tree-select.type.d.ts.map +1 -1
- package/esm/upload/result.d.ts.map +1 -1
- package/esm/upload/result.js +20 -6
- package/esm/upload/useInputClick.d.ts +1 -0
- package/esm/upload/useInputClick.d.ts.map +1 -1
- package/esm/upload/useInputClick.js +4 -0
- package/esm/virtual-scroll/scroll-table.d.ts.map +1 -1
- package/esm/virtual-scroll/scroll-table.js +6 -2
- package/esm/virtual-scroll/virtual-scroll-list.d.ts.map +1 -1
- package/esm/virtual-scroll/virtual-scroll-list.js +8 -2
- package/esm/virtual-scroll/virtual-scroll-list.type.d.ts +1 -0
- package/esm/virtual-scroll/virtual-scroll-list.type.d.ts.map +1 -1
- package/package.json +3 -3
- package/cjs/empty/empty-image.d.ts +0 -2
- package/cjs/empty/empty-image.d.ts.map +0 -1
- package/cjs/empty/empty-image.js +0 -157
- package/esm/empty/empty-image.d.ts +0 -2
- package/esm/empty/empty-image.d.ts.map +0 -1
- package/esm/empty/empty-image.js +0 -152
package/esm/list/list.js
CHANGED
|
@@ -9,7 +9,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
|
|
|
9
9
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
10
10
|
import { usePersistFn, util, usePaginationList, useListSelectMultiple, useInputAble } from '@sheinx/hooks';
|
|
11
11
|
import classNames from 'classnames';
|
|
12
|
-
import { useMemo } from 'react';
|
|
12
|
+
import { useMemo, useLayoutEffect, useRef } from 'react';
|
|
13
13
|
import React from 'react';
|
|
14
14
|
import { VirtualScrollList } from "../virtual-scroll";
|
|
15
15
|
import Pagination from "../pagination";
|
|
@@ -104,7 +104,7 @@ var List = function List(props) {
|
|
|
104
104
|
return /*#__PURE__*/_jsx("div", {
|
|
105
105
|
className: listClasses === null || listClasses === void 0 ? void 0 : listClasses.row,
|
|
106
106
|
style: {
|
|
107
|
-
height: props.fixed ? lineHeight : 'auto'
|
|
107
|
+
height: props.fixed && !props.dynamicHeight ? lineHeight : 'auto'
|
|
108
108
|
},
|
|
109
109
|
children: columnData.map(function (item, rowIndex) {
|
|
110
110
|
var index = rowIndex + columnIndex * colNum;
|
|
@@ -112,6 +112,35 @@ var List = function List(props) {
|
|
|
112
112
|
})
|
|
113
113
|
}, columnIndex);
|
|
114
114
|
});
|
|
115
|
+
var DynamicRow = function DynamicRow(_ref) {
|
|
116
|
+
var columnData = _ref.columnData,
|
|
117
|
+
columnIndex = _ref.columnIndex,
|
|
118
|
+
setRowHeight = _ref.setRowHeight;
|
|
119
|
+
var rowRef = useRef(null);
|
|
120
|
+
useLayoutEffect(function () {
|
|
121
|
+
if (rowRef.current && setRowHeight) {
|
|
122
|
+
var rect = rowRef.current.getBoundingClientRect();
|
|
123
|
+
if (rect.height > 0) {
|
|
124
|
+
setRowHeight(columnIndex, rect.height);
|
|
125
|
+
}
|
|
126
|
+
}
|
|
127
|
+
});
|
|
128
|
+
return /*#__PURE__*/_jsx("div", {
|
|
129
|
+
ref: rowRef,
|
|
130
|
+
className: listClasses === null || listClasses === void 0 ? void 0 : listClasses.row,
|
|
131
|
+
children: columnData.map(function (item, rowIndex) {
|
|
132
|
+
var index = rowIndex + columnIndex * colNum;
|
|
133
|
+
return renderItem(item, index);
|
|
134
|
+
})
|
|
135
|
+
});
|
|
136
|
+
};
|
|
137
|
+
var renderDynamicColumn = usePersistFn(function (columnData, columnIndex, _relativeIndex, setRowHeight) {
|
|
138
|
+
return /*#__PURE__*/_jsx(DynamicRow, {
|
|
139
|
+
columnData: columnData,
|
|
140
|
+
columnIndex: columnIndex,
|
|
141
|
+
setRowHeight: setRowHeight
|
|
142
|
+
}, columnIndex);
|
|
143
|
+
});
|
|
115
144
|
var loadingPosition = props.loadingPosition || 'center';
|
|
116
145
|
var renderCenterLoading = function renderCenterLoading() {
|
|
117
146
|
if (!props.loading || loadingPosition !== 'center') return null;
|
|
@@ -170,27 +199,30 @@ var List = function List(props) {
|
|
|
170
199
|
});
|
|
171
200
|
var renderList = function renderList() {
|
|
172
201
|
if (isEmpty) return null;
|
|
173
|
-
if (props.fixed)
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
202
|
+
if (props.fixed) {
|
|
203
|
+
return /*#__PURE__*/_jsxs(_Fragment, {
|
|
204
|
+
children: [/*#__PURE__*/_jsx(VirtualScrollList, {
|
|
205
|
+
data: columnData,
|
|
206
|
+
renderItem: props.dynamicHeight ? renderDynamicColumn : renderColumn,
|
|
207
|
+
lineHeight: lineHeight,
|
|
208
|
+
rowsInView: rowsInView,
|
|
209
|
+
onScroll: handleVirtualScroll,
|
|
210
|
+
height: 'auto',
|
|
211
|
+
style: {
|
|
212
|
+
flex: '1',
|
|
213
|
+
minHeight: '0',
|
|
214
|
+
display: 'flex'
|
|
215
|
+
},
|
|
216
|
+
scrollerStyle: {
|
|
217
|
+
flex: 1,
|
|
218
|
+
minHeight: 0,
|
|
219
|
+
minWidth: 0,
|
|
220
|
+
overflow: 'auto'
|
|
221
|
+
},
|
|
222
|
+
dynamicVirtual: props.dynamicHeight
|
|
223
|
+
}), renderFooter()]
|
|
224
|
+
});
|
|
225
|
+
}
|
|
194
226
|
return /*#__PURE__*/_jsxs("div", {
|
|
195
227
|
className: listClasses === null || listClasses === void 0 ? void 0 : listClasses.scrollContainer,
|
|
196
228
|
onScroll: handleListScroll,
|
package/esm/list/list.type.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import type { KeygenType, ObjectKey } from '@sheinx/hooks';
|
|
3
3
|
import { CommonType } from '../common/type';
|
|
4
4
|
import { PaginationProps, PaginationJssStyle } from '../pagination/pagination.type';
|
|
@@ -79,6 +79,13 @@ export interface ListProps<DataItem, Value> extends Pick<CommonType, 'className'
|
|
|
79
79
|
* @default false
|
|
80
80
|
*/
|
|
81
81
|
fixed?: boolean;
|
|
82
|
+
/**
|
|
83
|
+
* @en enable dynamic height virtual list (requires fixed=true)
|
|
84
|
+
* @cn 启用不定高虚拟列表 (需要设置 fixed=true)
|
|
85
|
+
* @default false
|
|
86
|
+
* @version 3.8.0
|
|
87
|
+
*/
|
|
88
|
+
dynamicHeight?: boolean;
|
|
82
89
|
/**
|
|
83
90
|
* @en list height
|
|
84
91
|
* @cn 列表高度
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"list.type.d.ts","sourceRoot":"","sources":["list.type.ts"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"list.type.d.ts","sourceRoot":"","sources":["list.type.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modal-content.d.ts","sourceRoot":"","sources":["modal-content.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"modal-content.d.ts","sourceRoot":"","sources":["modal-content.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AA0C9D,QAAA,MAAM,KAAK,UAAW,iBAAiB,mDA0YtC,CAAC;AAEF,eAAe,KAAK,CAAC"}
|
|
@@ -11,16 +11,32 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
|
|
|
11
11
|
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
12
12
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
13
13
|
import classNames from 'classnames';
|
|
14
|
-
import React, { useRef, useEffect, useState } from 'react';
|
|
14
|
+
import React, { useRef, useEffect, useState, useMemo } from 'react';
|
|
15
15
|
import AlertIcon, { AlertIconMap } from "../alert/alert-icon";
|
|
16
16
|
import Icons from "../icons";
|
|
17
17
|
import { util } from '@sheinx/hooks';
|
|
18
|
+
import { create } from '@shined/reactive';
|
|
18
19
|
import { useDragMove, useDragResize, usePersistFn, useRender } from '@sheinx/hooks';
|
|
19
20
|
import { FormFooterProvider } from "../form/form-footer-context";
|
|
20
21
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
21
22
|
import { Fragment as _Fragment } from "react/jsx-runtime";
|
|
22
23
|
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
23
24
|
var hasMask = false;
|
|
25
|
+
var config = {
|
|
26
|
+
instanceIds: []
|
|
27
|
+
};
|
|
28
|
+
var state = create(config);
|
|
29
|
+
var useModalConfig = function useModalConfig() {
|
|
30
|
+
return state.useSnapshot();
|
|
31
|
+
};
|
|
32
|
+
var addModalInstance = function addModalInstance(instanceId) {
|
|
33
|
+
state.mutate.instanceIds.push(instanceId);
|
|
34
|
+
};
|
|
35
|
+
var removeModalInstance = function removeModalInstance(instanceId) {
|
|
36
|
+
state.mutate.instanceIds = state.mutate.instanceIds.filter(function (id) {
|
|
37
|
+
return id !== instanceId;
|
|
38
|
+
});
|
|
39
|
+
};
|
|
24
40
|
var mousePosition = null;
|
|
25
41
|
var getClickPosition = function getClickPosition(e) {
|
|
26
42
|
mousePosition = {
|
|
@@ -63,12 +79,11 @@ var Modal = function Modal(props) {
|
|
|
63
79
|
mouseDownTarget: null,
|
|
64
80
|
mouseUpTarget: null,
|
|
65
81
|
content: null,
|
|
66
|
-
originDocumentStyle:
|
|
67
|
-
|
|
68
|
-
paddingRight: ''
|
|
69
|
-
}
|
|
82
|
+
originDocumentStyle: null,
|
|
83
|
+
instanceId: util.generateUUID()
|
|
70
84
|
}),
|
|
71
85
|
context = _useRef.current;
|
|
86
|
+
var config = useModalConfig();
|
|
72
87
|
var _useState3 = useState(props.visible || props.autoShow),
|
|
73
88
|
_useState4 = _slicedToArray(_useState3, 2),
|
|
74
89
|
animation = _useState4[0],
|
|
@@ -83,6 +98,10 @@ var Modal = function Modal(props) {
|
|
|
83
98
|
defaultHeight: height,
|
|
84
99
|
panelRef: panelRef
|
|
85
100
|
});
|
|
101
|
+
var showMask = useMemo(function () {
|
|
102
|
+
if (props.forceMask) return config.instanceIds.includes(context.instanceId);
|
|
103
|
+
return config.instanceIds[0] === context.instanceId;
|
|
104
|
+
}, [config.instanceIds, props.forceMask]);
|
|
86
105
|
var rerender = useRender();
|
|
87
106
|
var handleMaskVisible = function handleMaskVisible() {
|
|
88
107
|
// 多个moal 只有第一个显示的时候才显示遮罩
|
|
@@ -93,6 +112,15 @@ var Modal = function Modal(props) {
|
|
|
93
112
|
rerender();
|
|
94
113
|
}
|
|
95
114
|
};
|
|
115
|
+
useEffect(function () {
|
|
116
|
+
var index = config.instanceIds.indexOf(context.instanceId);
|
|
117
|
+
if (visible && index === -1) {
|
|
118
|
+
addModalInstance(context.instanceId);
|
|
119
|
+
}
|
|
120
|
+
if (!visible && index > -1 && !animation) {
|
|
121
|
+
removeModalInstance(context.instanceId);
|
|
122
|
+
}
|
|
123
|
+
}, [visible, animation, config.instanceIds]);
|
|
96
124
|
useEffect(handleMaskVisible, [visible]);
|
|
97
125
|
var updateOrigin = function updateOrigin() {
|
|
98
126
|
// 更新transform-origin
|
|
@@ -170,9 +198,11 @@ var Modal = function Modal(props) {
|
|
|
170
198
|
// 设置 document.body.style.overflow 和 document.body.style.paddingRight,并记录原始值到 context 中
|
|
171
199
|
var setDocumentOverflow = usePersistFn(function () {
|
|
172
200
|
var doc = document.body.parentNode;
|
|
173
|
-
if (context.isMask) {
|
|
174
|
-
context.originDocumentStyle
|
|
175
|
-
|
|
201
|
+
if (context.isMask && !context.originDocumentStyle) {
|
|
202
|
+
context.originDocumentStyle = {
|
|
203
|
+
overflow: doc.style.overflow,
|
|
204
|
+
paddingRight: doc.style.paddingRight
|
|
205
|
+
};
|
|
176
206
|
}
|
|
177
207
|
doc.style.overflow = 'hidden';
|
|
178
208
|
if (!doc.style.paddingRight) {
|
|
@@ -183,19 +213,21 @@ var Modal = function Modal(props) {
|
|
|
183
213
|
// 还原 document.body.style.overflow 和 document.body.style.paddingRight
|
|
184
214
|
var resetDocumentOverflow = usePersistFn(function () {
|
|
185
215
|
var doc = document.body.parentNode;
|
|
186
|
-
|
|
187
|
-
|
|
216
|
+
if (context.originDocumentStyle) {
|
|
217
|
+
doc.style.overflow = context.originDocumentStyle.overflow;
|
|
218
|
+
doc.style.paddingRight = context.originDocumentStyle.paddingRight;
|
|
219
|
+
}
|
|
188
220
|
});
|
|
189
221
|
useEffect(function () {
|
|
190
222
|
if (!props.hideMask) {
|
|
191
223
|
if (visible) {
|
|
192
224
|
setDocumentOverflow();
|
|
193
225
|
} else {
|
|
194
|
-
if (
|
|
226
|
+
if (config.instanceIds.length && config.instanceIds[config.instanceIds.length - 1] === context.instanceId) return;
|
|
195
227
|
resetDocumentOverflow();
|
|
196
228
|
}
|
|
197
229
|
}
|
|
198
|
-
}, [visible]);
|
|
230
|
+
}, [visible, config.instanceIds]);
|
|
199
231
|
var canDestroy = !visible && !animation;
|
|
200
232
|
useEffect(function () {
|
|
201
233
|
var _props$shouldDestroy;
|
|
@@ -206,6 +238,7 @@ var Modal = function Modal(props) {
|
|
|
206
238
|
// unmount
|
|
207
239
|
return function () {
|
|
208
240
|
var _props$shouldDestroy2;
|
|
241
|
+
removeModalInstance(context.instanceId);
|
|
209
242
|
if (context.isMask) {
|
|
210
243
|
resetDocumentOverflow();
|
|
211
244
|
}
|
|
@@ -219,7 +252,10 @@ var Modal = function Modal(props) {
|
|
|
219
252
|
}, []);
|
|
220
253
|
useEffect(function () {
|
|
221
254
|
if (props.setInnerClose) {
|
|
222
|
-
props.setInnerClose(
|
|
255
|
+
props.setInnerClose(function () {
|
|
256
|
+
setVisible(false);
|
|
257
|
+
setAnimation(true);
|
|
258
|
+
});
|
|
223
259
|
}
|
|
224
260
|
}, [props.setInnerClose]);
|
|
225
261
|
|
|
@@ -332,11 +368,12 @@ var Modal = function Modal(props) {
|
|
|
332
368
|
onClick: function onClick(e) {
|
|
333
369
|
e.stopPropagation();
|
|
334
370
|
},
|
|
335
|
-
className: classNames(props.rootClassName, modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.rootClass, modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.wrapper, animation && (modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.wrapperAnimation), visible ? modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.wrapperShow : modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.wrapperHide,
|
|
371
|
+
className: classNames(props.rootClassName, modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.rootClass, modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.wrapper, animation && (modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.wrapperAnimation), visible ? modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.wrapperShow : modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.wrapperHide, showMask && (modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.wrapperIsMask), props.fullScreen && (modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.wrapperFullScreen), props.moveable && (modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.wrapperMoveable), props.hideMask && (modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.wrapperHideMask), props.zoom && !props.moveable && (modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.wrapperZoom), (isPositionX || isPositionY) && (modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.wrapperDrawer), props.position === 'left' && (modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.wrapperDrawerLeft), props.position === 'right' && (modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.wrapperDrawerRight), props.position === 'top' && (modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.wrapperDrawerTop), props.position === 'bottom' && (modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.wrapperDrawerBottom)),
|
|
336
372
|
onAnimationEnd: handleAnimationEnd,
|
|
337
373
|
style: {
|
|
338
374
|
background: props.maskBackground,
|
|
339
|
-
zIndex: props.zIndex
|
|
375
|
+
zIndex: props.zIndex,
|
|
376
|
+
display: !visible && !animation ? 'none' : undefined
|
|
340
377
|
},
|
|
341
378
|
children: /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({
|
|
342
379
|
className: modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.mask
|
package/esm/modal/modal.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["modal.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAM1C,QAAA,MAAM,KAAK,UAAW,UAAU,
|
|
1
|
+
{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["modal.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAM1C,QAAA,MAAM,KAAK,UAAW,UAAU,uCAiC/B,CAAC;AAEF,eAAe,KAAK,CAAC"}
|
package/esm/modal/modal.js
CHANGED
|
@@ -25,7 +25,8 @@ var Modal = function Modal(props) {
|
|
|
25
25
|
devUseWarning.deprecated('maskOpacity', 'maskBackground', 'Modal');
|
|
26
26
|
}
|
|
27
27
|
var _useContainer = useContainer({
|
|
28
|
-
container: props.container
|
|
28
|
+
container: props.container,
|
|
29
|
+
containerClassName: props.containerClassName
|
|
29
30
|
}),
|
|
30
31
|
getRoot = _useContainer.getRoot,
|
|
31
32
|
unMount = _useContainer.unMount;
|
|
@@ -128,11 +128,17 @@ export interface ModalProps extends Pick<CommonType, 'className' | 'style'> {
|
|
|
128
128
|
*/
|
|
129
129
|
rootClassName?: string;
|
|
130
130
|
/**
|
|
131
|
-
* @en target element
|
|
132
|
-
* @cn
|
|
131
|
+
* @en target container element
|
|
132
|
+
* @cn 渲染的目标节点位置
|
|
133
133
|
* @default document.body
|
|
134
134
|
*/
|
|
135
135
|
container?: (() => HTMLElement | null) | HTMLElement | null;
|
|
136
|
+
/**
|
|
137
|
+
* @cn 渲染的目标节点的className
|
|
138
|
+
* @en the className of target container element
|
|
139
|
+
* @version 3.8.0
|
|
140
|
+
*/
|
|
141
|
+
containerClassName?: string;
|
|
136
142
|
/**
|
|
137
143
|
* @en pop-up support move
|
|
138
144
|
* @cn 是否可移动
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modal.type.d.ts","sourceRoot":"","sources":["modal.type.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"modal.type.d.ts","sourceRoot":"","sources":["modal.type.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pagination-size-list.d.ts","sourceRoot":"","sources":["pagination-size-list.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AAGtE,QAAA,MAAM,kBAAkB,UAAW,uBAAuB,
|
|
1
|
+
{"version":3,"file":"pagination-size-list.d.ts","sourceRoot":"","sources":["pagination-size-list.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AAGtE,QAAA,MAAM,kBAAkB,UAAW,uBAAuB,4CAyCzD,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
|
|
@@ -1,3 +1,9 @@
|
|
|
1
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
2
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
3
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
4
|
+
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
5
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
|
|
6
|
+
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
1
7
|
import classNames from 'classnames';
|
|
2
8
|
import Select from "../select";
|
|
3
9
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
@@ -11,26 +17,21 @@ var PaginationSizeList = function PaginationSizeList(props) {
|
|
|
11
17
|
text = props.text,
|
|
12
18
|
size = props.size,
|
|
13
19
|
select = props.select,
|
|
20
|
+
sizeListProps = props.sizeListProps,
|
|
14
21
|
pageSize = props.pageSize,
|
|
15
22
|
onChange = props.onChange;
|
|
16
23
|
var paginationStyle = jssStyle === null || jssStyle === void 0 || (_jssStyle$pagination = jssStyle.pagination) === null || _jssStyle$pagination === void 0 ? void 0 : _jssStyle$pagination.call(jssStyle);
|
|
17
24
|
var rootClasses = classNames(paginationStyle === null || paginationStyle === void 0 ? void 0 : paginationStyle.section, paginationStyle === null || paginationStyle === void 0 ? void 0 : paginationStyle.sizeList);
|
|
18
|
-
var _ref = select || {},
|
|
19
|
-
absolute = _ref.absolute,
|
|
20
|
-
position = _ref.position,
|
|
21
|
-
zIndex = _ref.zIndex;
|
|
22
25
|
var handleChange = function handleChange(pageSize) {
|
|
23
26
|
var start = (current - 1) * props.pageSize + 1;
|
|
24
27
|
onChange(Math.ceil(start / pageSize), pageSize);
|
|
25
28
|
};
|
|
26
29
|
return /*#__PURE__*/_jsx("div", {
|
|
27
30
|
className: rootClasses,
|
|
28
|
-
children: /*#__PURE__*/_jsx(Select, {
|
|
31
|
+
children: /*#__PURE__*/_jsx(Select, _objectSpread(_objectSpread({
|
|
29
32
|
jssStyle: jssStyle,
|
|
30
33
|
disabled: disabled,
|
|
31
|
-
|
|
32
|
-
absolute: absolute || true,
|
|
33
|
-
position: position || undefined,
|
|
34
|
+
absolute: true,
|
|
34
35
|
autoAdapt: true,
|
|
35
36
|
keygen: true,
|
|
36
37
|
size: size,
|
|
@@ -41,7 +42,7 @@ var PaginationSizeList = function PaginationSizeList(props) {
|
|
|
41
42
|
renderItem: function renderItem(d) {
|
|
42
43
|
return "".concat(d, " ").concat(text.page || '');
|
|
43
44
|
}
|
|
44
|
-
})
|
|
45
|
+
}, sizeListProps), select))
|
|
45
46
|
});
|
|
46
47
|
};
|
|
47
48
|
export default PaginationSizeList;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { PaginationJssStyle, PaginationProps, TextParams } from './pagination.type';
|
|
2
|
-
export interface PaginationSizeListProps extends Pick<PaginationProps, 'pageSizeList' | 'size' | 'disabled' | 'select'> {
|
|
2
|
+
export interface PaginationSizeListProps extends Pick<PaginationProps, 'pageSizeList' | 'size' | 'disabled' | 'select' | 'sizeListProps'> {
|
|
3
3
|
jssStyle?: PaginationJssStyle;
|
|
4
4
|
current: number;
|
|
5
5
|
total: number;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pagination-size-list.type.d.ts","sourceRoot":"","sources":["pagination-size-list.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAEpF,MAAM,WAAW,uBACf,SAAQ,IAAI,CAAC,eAAe,EAAE,cAAc,GAAG,MAAM,GAAG,UAAU,GAAG,QAAQ,CAAC;
|
|
1
|
+
{"version":3,"file":"pagination-size-list.type.d.ts","sourceRoot":"","sources":["pagination-size-list.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAEpF,MAAM,WAAW,uBACf,SAAQ,IAAI,CAAC,eAAe,EAAE,cAAc,GAAG,MAAM,GAAG,UAAU,GAAG,QAAQ,GAAG,eAAe,CAAC;IAChG,QAAQ,CAAC,EAAE,kBAAkB,CAAC;IAC9B,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,UAAU,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CACxD"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["pagination.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["pagination.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAIpD,QAAA,MAAM,UAAU,UAAW,eAAe,4CAoJzC,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
|
@@ -9,8 +9,9 @@ import List from "./pagination-size-list";
|
|
|
9
9
|
import Jumper from "./pagination-jumper";
|
|
10
10
|
import Buttons from "./pagination-buttons";
|
|
11
11
|
import Simple from "./pagination-simple";
|
|
12
|
-
import { usePagination } from '@sheinx/hooks';
|
|
12
|
+
import { usePagination, util } from '@sheinx/hooks';
|
|
13
13
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
14
|
+
var devUseWarning = util.devUseWarning;
|
|
14
15
|
var Pagination = function Pagination(props) {
|
|
15
16
|
var _jssStyle$pagination;
|
|
16
17
|
var className = props.className,
|
|
@@ -38,7 +39,13 @@ var Pagination = function Pagination(props) {
|
|
|
38
39
|
text = _props$text === void 0 ? {} : _props$text,
|
|
39
40
|
pageSizeList = props.pageSizeList,
|
|
40
41
|
style = props.style,
|
|
41
|
-
select = props.select
|
|
42
|
+
select = props.select,
|
|
43
|
+
sizeListProps = props.sizeListProps;
|
|
44
|
+
|
|
45
|
+
// 兼容v1 & v2版本
|
|
46
|
+
if (props.sizeListProps) {
|
|
47
|
+
devUseWarning.deprecated('sizeListProps', 'select', 'Pagination');
|
|
48
|
+
}
|
|
42
49
|
var _usePagination = usePagination({
|
|
43
50
|
total: total,
|
|
44
51
|
span: span,
|
|
@@ -107,7 +114,8 @@ var Pagination = function Pagination(props) {
|
|
|
107
114
|
current: current || 0,
|
|
108
115
|
pageSize: pageSize,
|
|
109
116
|
pageSizeList: pageSizeList,
|
|
110
|
-
onChange: onChange
|
|
117
|
+
onChange: onChange,
|
|
118
|
+
sizeListProps: sizeListProps
|
|
111
119
|
}), i);
|
|
112
120
|
case 'simple':
|
|
113
121
|
return /*#__PURE__*/_jsx(Simple, _objectSpread(_objectSpread({}, props), {}, {
|
|
@@ -3,7 +3,7 @@ import { ButtonClasses } from '../button/button.type';
|
|
|
3
3
|
import { SelectClasses } from '../select/select.type';
|
|
4
4
|
import { InputClasses } from '../input/input.type';
|
|
5
5
|
import { CommonType } from '../common/type';
|
|
6
|
-
import {
|
|
6
|
+
import { SelectProps as FullSelectProps } from '../select/select.type';
|
|
7
7
|
export type AlignType = 'left' | 'center' | 'right';
|
|
8
8
|
export type LayoutType = ('links' | 'list' | 'jumper' | 'simple' | ((props: PaginationProps) => React.ReactNode))[];
|
|
9
9
|
export interface PaginationJssStyle {
|
|
@@ -12,14 +12,7 @@ export interface PaginationJssStyle {
|
|
|
12
12
|
button?: () => ButtonClasses;
|
|
13
13
|
pagination?: () => PaginationClasses;
|
|
14
14
|
}
|
|
15
|
-
export
|
|
16
|
-
/**
|
|
17
|
-
* @en Set Position can control the different position of DatePicker
|
|
18
|
-
* @cn 弹出框位置
|
|
19
|
-
* @default auto
|
|
20
|
-
*/
|
|
21
|
-
position?: 'auto' | 'bottom-left' | 'bottom-right' | 'top-left' | 'top-right';
|
|
22
|
-
}
|
|
15
|
+
export type SelectProps = Pick<FullSelectProps<any, any>, 'absolute' | 'width' | 'height' | 'position' | 'optionWidth' | 'emptyText' | 'zIndex'>;
|
|
23
16
|
export interface PaginationClasses {
|
|
24
17
|
rootClass: string;
|
|
25
18
|
pagination: string;
|
|
@@ -121,10 +114,17 @@ export interface PaginationProps extends Pick<CommonType, 'style' | 'className'
|
|
|
121
114
|
simple?: boolean;
|
|
122
115
|
jssStyle?: PaginationJssStyle;
|
|
123
116
|
/**
|
|
124
|
-
* @en Configuration
|
|
125
|
-
* @cn 分页器有关 Select
|
|
117
|
+
* @en Configuration related to the Select component in the pagination, properties same as Select component
|
|
118
|
+
* @cn 分页器有关 Select 组件的配置,属性同 Select 组件
|
|
126
119
|
* @version 3.4.4
|
|
127
120
|
*/
|
|
128
121
|
select?: SelectProps;
|
|
122
|
+
/**
|
|
123
|
+
* @cn 旧版本的属性,新版本中使用 `select` 替代
|
|
124
|
+
* @en Deprecated property, use `select` instead in the new version
|
|
125
|
+
* @version 3.8.0
|
|
126
|
+
* @deprecated
|
|
127
|
+
*/
|
|
128
|
+
sizeListProps?: SelectProps;
|
|
129
129
|
}
|
|
130
130
|
//# sourceMappingURL=pagination.type.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pagination.type.d.ts","sourceRoot":"","sources":["pagination.type.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"pagination.type.d.ts","sourceRoot":"","sources":["pagination.type.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["popover.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAM9C,QAAA,MAAM,OAAO,UAAW,YAAY,
|
|
1
|
+
{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["popover.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAM9C,QAAA,MAAM,OAAO,UAAW,YAAY,wDAsMnC,CAAC;AAEF,eAAe,OAAO,CAAC"}
|
package/esm/popover/popover.js
CHANGED
|
@@ -39,7 +39,8 @@ var Popover = function Popover(props) {
|
|
|
39
39
|
_props$zIndex = props.zIndex,
|
|
40
40
|
zIndex = _props$zIndex === void 0 ? 1060 : _props$zIndex;
|
|
41
41
|
var _React$useRef = React.useRef({
|
|
42
|
-
rendered: false
|
|
42
|
+
rendered: false,
|
|
43
|
+
hasOpened: false
|
|
43
44
|
}),
|
|
44
45
|
context = _React$useRef.current;
|
|
45
46
|
var config = useConfig();
|
|
@@ -153,8 +154,16 @@ var Popover = function Popover(props) {
|
|
|
153
154
|
});
|
|
154
155
|
}
|
|
155
156
|
context.rendered = true;
|
|
156
|
-
|
|
157
|
+
|
|
158
|
+
// Track if popover has ever been opened
|
|
159
|
+
if (open && !context.hasOpened) {
|
|
160
|
+
context.hasOpened = true;
|
|
161
|
+
}
|
|
162
|
+
|
|
163
|
+
// Only execute functional children after popover has been opened at least once
|
|
164
|
+
var childrened = util.isFunc(children) ? context.hasOpened ? children(closePop) : null : children;
|
|
157
165
|
var containerStyle = {
|
|
166
|
+
display: open ? undefined : 'none',
|
|
158
167
|
borderColor: props.border,
|
|
159
168
|
backgroundColor: props.background
|
|
160
169
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"group-context.d.ts","sourceRoot":"","sources":["group-context.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,QAAA,MAAM,YAAY,qCAAgC,CAAC;
|
|
1
|
+
{"version":3,"file":"group-context.d.ts","sourceRoot":"","sources":["group-context.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,QAAA,MAAM,YAAY,qCAAgC,CAAC;AAInD,eAAe,YAAY,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"radio-group.d.ts","sourceRoot":"","sources":["radio-group.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAarD,QAAA,MAAM,KAAK,
|
|
1
|
+
{"version":3,"file":"radio-group.d.ts","sourceRoot":"","sources":["radio-group.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAarD,QAAA,MAAM,KAAK,wGAgIV,CAAC;AAEF,eAAe,KAAK,CAAC"}
|
package/esm/radio/radio-group.js
CHANGED
|
@@ -14,7 +14,6 @@ import Button from "../button/button";
|
|
|
14
14
|
import { FormFieldContext } from "../form/form-field-context";
|
|
15
15
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
16
16
|
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
17
|
-
import { Fragment as _Fragment } from "react/jsx-runtime";
|
|
18
17
|
var defaultFormat = function defaultFormat(d) {
|
|
19
18
|
return d;
|
|
20
19
|
};
|
|
@@ -116,7 +115,11 @@ var Group = function Group(props0) {
|
|
|
116
115
|
var Radios = props.data === undefined ? /*#__PURE__*/_jsx(GroupContext.Provider, {
|
|
117
116
|
value: providerValue,
|
|
118
117
|
children: children
|
|
119
|
-
}) :
|
|
118
|
+
}) :
|
|
119
|
+
/*#__PURE__*/
|
|
120
|
+
// 传一个空的providerValue目的是为了避免父级Radio向下传递的GroupContext.Consumer影响
|
|
121
|
+
_jsxs(GroupContext.Provider, {
|
|
122
|
+
value: {},
|
|
120
123
|
children: [props.data.map(function (d, i) {
|
|
121
124
|
return /*#__PURE__*/_jsx(Radio, {
|
|
122
125
|
jssStyle: jssStyle,
|
package/esm/radio/radio.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["radio.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["radio.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAgC1C,QAAA,MAAM,gBAAgB,sEAIrB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
|
package/esm/radio/radio.js
CHANGED
|
@@ -29,11 +29,20 @@ var Radio = function Radio(props) {
|
|
|
29
29
|
}
|
|
30
30
|
return checked;
|
|
31
31
|
};
|
|
32
|
+
|
|
33
|
+
// 对齐v1,v2版本的表现
|
|
34
|
+
var getDisabled = function getDisabled() {
|
|
35
|
+
if (typeof props.disabled === 'function') {
|
|
36
|
+
return !!props.disabled(htmlValue);
|
|
37
|
+
}
|
|
38
|
+
return props.disabled;
|
|
39
|
+
};
|
|
32
40
|
return /*#__PURE__*/_jsx(SimpleRadio, _objectSpread(_objectSpread({
|
|
33
41
|
jssStyle: jssStyle
|
|
34
42
|
}, rest), {}, {
|
|
35
43
|
checked: getChecked(),
|
|
36
44
|
onChange: handleChange,
|
|
45
|
+
disabled: getDisabled(),
|
|
37
46
|
children: children
|
|
38
47
|
}));
|
|
39
48
|
};
|