@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/cjs/list/list.js
CHANGED
|
@@ -110,7 +110,7 @@ var List = function List(props) {
|
|
|
110
110
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
111
111
|
className: listClasses === null || listClasses === void 0 ? void 0 : listClasses.row,
|
|
112
112
|
style: {
|
|
113
|
-
height: props.fixed ? lineHeight : 'auto'
|
|
113
|
+
height: props.fixed && !props.dynamicHeight ? lineHeight : 'auto'
|
|
114
114
|
},
|
|
115
115
|
children: columnData.map(function (item, rowIndex) {
|
|
116
116
|
var index = rowIndex + columnIndex * colNum;
|
|
@@ -118,6 +118,35 @@ var List = function List(props) {
|
|
|
118
118
|
})
|
|
119
119
|
}, columnIndex);
|
|
120
120
|
});
|
|
121
|
+
var DynamicRow = function DynamicRow(_ref) {
|
|
122
|
+
var columnData = _ref.columnData,
|
|
123
|
+
columnIndex = _ref.columnIndex,
|
|
124
|
+
setRowHeight = _ref.setRowHeight;
|
|
125
|
+
var rowRef = (0, _react.useRef)(null);
|
|
126
|
+
(0, _react.useLayoutEffect)(function () {
|
|
127
|
+
if (rowRef.current && setRowHeight) {
|
|
128
|
+
var rect = rowRef.current.getBoundingClientRect();
|
|
129
|
+
if (rect.height > 0) {
|
|
130
|
+
setRowHeight(columnIndex, rect.height);
|
|
131
|
+
}
|
|
132
|
+
}
|
|
133
|
+
});
|
|
134
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
135
|
+
ref: rowRef,
|
|
136
|
+
className: listClasses === null || listClasses === void 0 ? void 0 : listClasses.row,
|
|
137
|
+
children: columnData.map(function (item, rowIndex) {
|
|
138
|
+
var index = rowIndex + columnIndex * colNum;
|
|
139
|
+
return renderItem(item, index);
|
|
140
|
+
})
|
|
141
|
+
});
|
|
142
|
+
};
|
|
143
|
+
var renderDynamicColumn = (0, _hooks.usePersistFn)(function (columnData, columnIndex, _relativeIndex, setRowHeight) {
|
|
144
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(DynamicRow, {
|
|
145
|
+
columnData: columnData,
|
|
146
|
+
columnIndex: columnIndex,
|
|
147
|
+
setRowHeight: setRowHeight
|
|
148
|
+
}, columnIndex);
|
|
149
|
+
});
|
|
121
150
|
var loadingPosition = props.loadingPosition || 'center';
|
|
122
151
|
var renderCenterLoading = function renderCenterLoading() {
|
|
123
152
|
if (!props.loading || loadingPosition !== 'center') return null;
|
|
@@ -176,27 +205,30 @@ var List = function List(props) {
|
|
|
176
205
|
});
|
|
177
206
|
var renderList = function renderList() {
|
|
178
207
|
if (isEmpty) return null;
|
|
179
|
-
if (props.fixed)
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
208
|
+
if (props.fixed) {
|
|
209
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
|
|
210
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_virtualScroll.VirtualScrollList, {
|
|
211
|
+
data: columnData,
|
|
212
|
+
renderItem: props.dynamicHeight ? renderDynamicColumn : renderColumn,
|
|
213
|
+
lineHeight: lineHeight,
|
|
214
|
+
rowsInView: rowsInView,
|
|
215
|
+
onScroll: handleVirtualScroll,
|
|
216
|
+
height: 'auto',
|
|
217
|
+
style: {
|
|
218
|
+
flex: '1',
|
|
219
|
+
minHeight: '0',
|
|
220
|
+
display: 'flex'
|
|
221
|
+
},
|
|
222
|
+
scrollerStyle: {
|
|
223
|
+
flex: 1,
|
|
224
|
+
minHeight: 0,
|
|
225
|
+
minWidth: 0,
|
|
226
|
+
overflow: 'auto'
|
|
227
|
+
},
|
|
228
|
+
dynamicVirtual: props.dynamicHeight
|
|
229
|
+
}), renderFooter()]
|
|
230
|
+
});
|
|
231
|
+
}
|
|
200
232
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
201
233
|
className: listClasses === null || listClasses === void 0 ? void 0 : listClasses.scrollContainer,
|
|
202
234
|
onScroll: handleListScroll,
|
package/cjs/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"}
|
|
@@ -10,6 +10,7 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
10
10
|
var _alertIcon = _interopRequireWildcard(require("../alert/alert-icon"));
|
|
11
11
|
var _icons = _interopRequireDefault(require("../icons"));
|
|
12
12
|
var _hooks = require("@sheinx/hooks");
|
|
13
|
+
var _reactive = require("@shined/reactive");
|
|
13
14
|
var _formFooterContext = require("../form/form-footer-context");
|
|
14
15
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
15
16
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
@@ -27,6 +28,21 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
|
|
|
27
28
|
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; } }
|
|
28
29
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
29
30
|
var hasMask = false;
|
|
31
|
+
var config = {
|
|
32
|
+
instanceIds: []
|
|
33
|
+
};
|
|
34
|
+
var state = (0, _reactive.create)(config);
|
|
35
|
+
var useModalConfig = function useModalConfig() {
|
|
36
|
+
return state.useSnapshot();
|
|
37
|
+
};
|
|
38
|
+
var addModalInstance = function addModalInstance(instanceId) {
|
|
39
|
+
state.mutate.instanceIds.push(instanceId);
|
|
40
|
+
};
|
|
41
|
+
var removeModalInstance = function removeModalInstance(instanceId) {
|
|
42
|
+
state.mutate.instanceIds = state.mutate.instanceIds.filter(function (id) {
|
|
43
|
+
return id !== instanceId;
|
|
44
|
+
});
|
|
45
|
+
};
|
|
30
46
|
var mousePosition = null;
|
|
31
47
|
var getClickPosition = function getClickPosition(e) {
|
|
32
48
|
mousePosition = {
|
|
@@ -69,12 +85,11 @@ var Modal = function Modal(props) {
|
|
|
69
85
|
mouseDownTarget: null,
|
|
70
86
|
mouseUpTarget: null,
|
|
71
87
|
content: null,
|
|
72
|
-
originDocumentStyle:
|
|
73
|
-
|
|
74
|
-
paddingRight: ''
|
|
75
|
-
}
|
|
88
|
+
originDocumentStyle: null,
|
|
89
|
+
instanceId: _hooks.util.generateUUID()
|
|
76
90
|
}),
|
|
77
91
|
context = _useRef.current;
|
|
92
|
+
var config = useModalConfig();
|
|
78
93
|
var _useState3 = (0, _react.useState)(props.visible || props.autoShow),
|
|
79
94
|
_useState4 = _slicedToArray(_useState3, 2),
|
|
80
95
|
animation = _useState4[0],
|
|
@@ -89,6 +104,10 @@ var Modal = function Modal(props) {
|
|
|
89
104
|
defaultHeight: height,
|
|
90
105
|
panelRef: panelRef
|
|
91
106
|
});
|
|
107
|
+
var showMask = (0, _react.useMemo)(function () {
|
|
108
|
+
if (props.forceMask) return config.instanceIds.includes(context.instanceId);
|
|
109
|
+
return config.instanceIds[0] === context.instanceId;
|
|
110
|
+
}, [config.instanceIds, props.forceMask]);
|
|
92
111
|
var rerender = (0, _hooks.useRender)();
|
|
93
112
|
var handleMaskVisible = function handleMaskVisible() {
|
|
94
113
|
// 多个moal 只有第一个显示的时候才显示遮罩
|
|
@@ -99,6 +118,15 @@ var Modal = function Modal(props) {
|
|
|
99
118
|
rerender();
|
|
100
119
|
}
|
|
101
120
|
};
|
|
121
|
+
(0, _react.useEffect)(function () {
|
|
122
|
+
var index = config.instanceIds.indexOf(context.instanceId);
|
|
123
|
+
if (visible && index === -1) {
|
|
124
|
+
addModalInstance(context.instanceId);
|
|
125
|
+
}
|
|
126
|
+
if (!visible && index > -1 && !animation) {
|
|
127
|
+
removeModalInstance(context.instanceId);
|
|
128
|
+
}
|
|
129
|
+
}, [visible, animation, config.instanceIds]);
|
|
102
130
|
(0, _react.useEffect)(handleMaskVisible, [visible]);
|
|
103
131
|
var updateOrigin = function updateOrigin() {
|
|
104
132
|
// 更新transform-origin
|
|
@@ -176,9 +204,11 @@ var Modal = function Modal(props) {
|
|
|
176
204
|
// 设置 document.body.style.overflow 和 document.body.style.paddingRight,并记录原始值到 context 中
|
|
177
205
|
var setDocumentOverflow = (0, _hooks.usePersistFn)(function () {
|
|
178
206
|
var doc = document.body.parentNode;
|
|
179
|
-
if (context.isMask) {
|
|
180
|
-
context.originDocumentStyle
|
|
181
|
-
|
|
207
|
+
if (context.isMask && !context.originDocumentStyle) {
|
|
208
|
+
context.originDocumentStyle = {
|
|
209
|
+
overflow: doc.style.overflow,
|
|
210
|
+
paddingRight: doc.style.paddingRight
|
|
211
|
+
};
|
|
182
212
|
}
|
|
183
213
|
doc.style.overflow = 'hidden';
|
|
184
214
|
if (!doc.style.paddingRight) {
|
|
@@ -189,19 +219,21 @@ var Modal = function Modal(props) {
|
|
|
189
219
|
// 还原 document.body.style.overflow 和 document.body.style.paddingRight
|
|
190
220
|
var resetDocumentOverflow = (0, _hooks.usePersistFn)(function () {
|
|
191
221
|
var doc = document.body.parentNode;
|
|
192
|
-
|
|
193
|
-
|
|
222
|
+
if (context.originDocumentStyle) {
|
|
223
|
+
doc.style.overflow = context.originDocumentStyle.overflow;
|
|
224
|
+
doc.style.paddingRight = context.originDocumentStyle.paddingRight;
|
|
225
|
+
}
|
|
194
226
|
});
|
|
195
227
|
(0, _react.useEffect)(function () {
|
|
196
228
|
if (!props.hideMask) {
|
|
197
229
|
if (visible) {
|
|
198
230
|
setDocumentOverflow();
|
|
199
231
|
} else {
|
|
200
|
-
if (
|
|
232
|
+
if (config.instanceIds.length && config.instanceIds[config.instanceIds.length - 1] === context.instanceId) return;
|
|
201
233
|
resetDocumentOverflow();
|
|
202
234
|
}
|
|
203
235
|
}
|
|
204
|
-
}, [visible]);
|
|
236
|
+
}, [visible, config.instanceIds]);
|
|
205
237
|
var canDestroy = !visible && !animation;
|
|
206
238
|
(0, _react.useEffect)(function () {
|
|
207
239
|
var _props$shouldDestroy;
|
|
@@ -212,6 +244,7 @@ var Modal = function Modal(props) {
|
|
|
212
244
|
// unmount
|
|
213
245
|
return function () {
|
|
214
246
|
var _props$shouldDestroy2;
|
|
247
|
+
removeModalInstance(context.instanceId);
|
|
215
248
|
if (context.isMask) {
|
|
216
249
|
resetDocumentOverflow();
|
|
217
250
|
}
|
|
@@ -225,7 +258,10 @@ var Modal = function Modal(props) {
|
|
|
225
258
|
}, []);
|
|
226
259
|
(0, _react.useEffect)(function () {
|
|
227
260
|
if (props.setInnerClose) {
|
|
228
|
-
props.setInnerClose(
|
|
261
|
+
props.setInnerClose(function () {
|
|
262
|
+
setVisible(false);
|
|
263
|
+
setAnimation(true);
|
|
264
|
+
});
|
|
229
265
|
}
|
|
230
266
|
}, [props.setInnerClose]);
|
|
231
267
|
|
|
@@ -338,11 +374,12 @@ var Modal = function Modal(props) {
|
|
|
338
374
|
onClick: function onClick(e) {
|
|
339
375
|
e.stopPropagation();
|
|
340
376
|
},
|
|
341
|
-
className: (0, _classnames.default)(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,
|
|
377
|
+
className: (0, _classnames.default)(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)),
|
|
342
378
|
onAnimationEnd: handleAnimationEnd,
|
|
343
379
|
style: {
|
|
344
380
|
background: props.maskBackground,
|
|
345
|
-
zIndex: props.zIndex
|
|
381
|
+
zIndex: props.zIndex,
|
|
382
|
+
display: !visible && !animation ? 'none' : undefined
|
|
346
383
|
},
|
|
347
384
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({
|
|
348
385
|
className: modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.mask
|
package/cjs/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/cjs/modal/modal.js
CHANGED
|
@@ -32,7 +32,8 @@ var Modal = function Modal(props) {
|
|
|
32
32
|
devUseWarning.deprecated('maskOpacity', 'maskBackground', 'Modal');
|
|
33
33
|
}
|
|
34
34
|
var _useContainer = (0, _useContainer2.default)({
|
|
35
|
-
container: props.container
|
|
35
|
+
container: props.container,
|
|
36
|
+
containerClassName: props.containerClassName
|
|
36
37
|
}),
|
|
37
38
|
getRoot = _useContainer.getRoot,
|
|
38
39
|
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"}
|
|
@@ -8,6 +8,12 @@ var _classnames = _interopRequireDefault(require("classnames"));
|
|
|
8
8
|
var _select = _interopRequireDefault(require("../select"));
|
|
9
9
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
10
10
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
|
+
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); }
|
|
12
|
+
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; }
|
|
13
|
+
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; }
|
|
14
|
+
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; }
|
|
15
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
|
|
16
|
+
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); }
|
|
11
17
|
var PaginationSizeList = function PaginationSizeList(props) {
|
|
12
18
|
var _jssStyle$pagination;
|
|
13
19
|
var jssStyle = props.jssStyle,
|
|
@@ -18,26 +24,21 @@ var PaginationSizeList = function PaginationSizeList(props) {
|
|
|
18
24
|
text = props.text,
|
|
19
25
|
size = props.size,
|
|
20
26
|
select = props.select,
|
|
27
|
+
sizeListProps = props.sizeListProps,
|
|
21
28
|
pageSize = props.pageSize,
|
|
22
29
|
onChange = props.onChange;
|
|
23
30
|
var paginationStyle = jssStyle === null || jssStyle === void 0 || (_jssStyle$pagination = jssStyle.pagination) === null || _jssStyle$pagination === void 0 ? void 0 : _jssStyle$pagination.call(jssStyle);
|
|
24
31
|
var rootClasses = (0, _classnames.default)(paginationStyle === null || paginationStyle === void 0 ? void 0 : paginationStyle.section, paginationStyle === null || paginationStyle === void 0 ? void 0 : paginationStyle.sizeList);
|
|
25
|
-
var _ref = select || {},
|
|
26
|
-
absolute = _ref.absolute,
|
|
27
|
-
position = _ref.position,
|
|
28
|
-
zIndex = _ref.zIndex;
|
|
29
32
|
var handleChange = function handleChange(pageSize) {
|
|
30
33
|
var start = (current - 1) * props.pageSize + 1;
|
|
31
34
|
onChange(Math.ceil(start / pageSize), pageSize);
|
|
32
35
|
};
|
|
33
36
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
34
37
|
className: rootClasses,
|
|
35
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_select.default, {
|
|
38
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_select.default, _objectSpread(_objectSpread({
|
|
36
39
|
jssStyle: jssStyle,
|
|
37
40
|
disabled: disabled,
|
|
38
|
-
|
|
39
|
-
absolute: absolute || true,
|
|
40
|
-
position: position || undefined,
|
|
41
|
+
absolute: true,
|
|
41
42
|
autoAdapt: true,
|
|
42
43
|
keygen: true,
|
|
43
44
|
size: size,
|
|
@@ -48,7 +49,7 @@ var PaginationSizeList = function PaginationSizeList(props) {
|
|
|
48
49
|
renderItem: function renderItem(d) {
|
|
49
50
|
return "".concat(d, " ").concat(text.page || '');
|
|
50
51
|
}
|
|
51
|
-
})
|
|
52
|
+
}, sizeListProps), select))
|
|
52
53
|
});
|
|
53
54
|
};
|
|
54
55
|
var _default = exports.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"}
|
|
@@ -18,6 +18,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
|
|
|
18
18
|
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; }
|
|
19
19
|
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
|
|
20
20
|
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); }
|
|
21
|
+
var devUseWarning = _hooks.util.devUseWarning;
|
|
21
22
|
var Pagination = function Pagination(props) {
|
|
22
23
|
var _jssStyle$pagination;
|
|
23
24
|
var className = props.className,
|
|
@@ -45,7 +46,13 @@ var Pagination = function Pagination(props) {
|
|
|
45
46
|
text = _props$text === void 0 ? {} : _props$text,
|
|
46
47
|
pageSizeList = props.pageSizeList,
|
|
47
48
|
style = props.style,
|
|
48
|
-
select = props.select
|
|
49
|
+
select = props.select,
|
|
50
|
+
sizeListProps = props.sizeListProps;
|
|
51
|
+
|
|
52
|
+
// 兼容v1 & v2版本
|
|
53
|
+
if (props.sizeListProps) {
|
|
54
|
+
devUseWarning.deprecated('sizeListProps', 'select', 'Pagination');
|
|
55
|
+
}
|
|
49
56
|
var _usePagination = (0, _hooks.usePagination)({
|
|
50
57
|
total: total,
|
|
51
58
|
span: span,
|
|
@@ -114,7 +121,8 @@ var Pagination = function Pagination(props) {
|
|
|
114
121
|
current: current || 0,
|
|
115
122
|
pageSize: pageSize,
|
|
116
123
|
pageSizeList: pageSizeList,
|
|
117
|
-
onChange: onChange
|
|
124
|
+
onChange: onChange,
|
|
125
|
+
sizeListProps: sizeListProps
|
|
118
126
|
}), i);
|
|
119
127
|
case 'simple':
|
|
120
128
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_paginationSimple.default, _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/cjs/popover/popover.js
CHANGED
|
@@ -47,7 +47,8 @@ var Popover = function Popover(props) {
|
|
|
47
47
|
_props$zIndex = props.zIndex,
|
|
48
48
|
zIndex = _props$zIndex === void 0 ? 1060 : _props$zIndex;
|
|
49
49
|
var _React$useRef = _react.default.useRef({
|
|
50
|
-
rendered: false
|
|
50
|
+
rendered: false,
|
|
51
|
+
hasOpened: false
|
|
51
52
|
}),
|
|
52
53
|
context = _React$useRef.current;
|
|
53
54
|
var config = (0, _config.useConfig)();
|
|
@@ -161,8 +162,16 @@ var Popover = function Popover(props) {
|
|
|
161
162
|
});
|
|
162
163
|
}
|
|
163
164
|
context.rendered = true;
|
|
164
|
-
|
|
165
|
+
|
|
166
|
+
// Track if popover has ever been opened
|
|
167
|
+
if (open && !context.hasOpened) {
|
|
168
|
+
context.hasOpened = true;
|
|
169
|
+
}
|
|
170
|
+
|
|
171
|
+
// Only execute functional children after popover has been opened at least once
|
|
172
|
+
var childrened = _hooks.util.isFunc(children) ? context.hasOpened ? children(closePop) : null : children;
|
|
165
173
|
var containerStyle = {
|
|
174
|
+
display: open ? undefined : 'none',
|
|
166
175
|
borderColor: props.border,
|
|
167
176
|
backgroundColor: props.background
|
|
168
177
|
};
|
|
@@ -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"}
|
|
@@ -7,4 +7,5 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
exports.default = void 0;
|
|
8
8
|
var _react = require("react");
|
|
9
9
|
var groupContext = /*#__PURE__*/(0, _react.createContext)({});
|
|
10
|
+
groupContext.displayName = 'RadioGroupContext';
|
|
10
11
|
var _default = exports.default = groupContext;
|
|
@@ -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/cjs/radio/radio-group.js
CHANGED
|
@@ -123,7 +123,11 @@ var Group = function Group(props0) {
|
|
|
123
123
|
var Radios = props.data === undefined ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_groupContext.default.Provider, {
|
|
124
124
|
value: providerValue,
|
|
125
125
|
children: children
|
|
126
|
-
}) :
|
|
126
|
+
}) :
|
|
127
|
+
/*#__PURE__*/
|
|
128
|
+
// 传一个空的providerValue目的是为了避免父级Radio向下传递的GroupContext.Consumer影响
|
|
129
|
+
(0, _jsxRuntime.jsxs)(_groupContext.default.Provider, {
|
|
130
|
+
value: {},
|
|
127
131
|
children: [props.data.map(function (d, i) {
|
|
128
132
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_radio.default, {
|
|
129
133
|
jssStyle: jssStyle,
|
package/cjs/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/cjs/radio/radio.js
CHANGED
|
@@ -36,11 +36,20 @@ var Radio = function Radio(props) {
|
|
|
36
36
|
}
|
|
37
37
|
return checked;
|
|
38
38
|
};
|
|
39
|
+
|
|
40
|
+
// 对齐v1,v2版本的表现
|
|
41
|
+
var getDisabled = function getDisabled() {
|
|
42
|
+
if (typeof props.disabled === 'function') {
|
|
43
|
+
return !!props.disabled(htmlValue);
|
|
44
|
+
}
|
|
45
|
+
return props.disabled;
|
|
46
|
+
};
|
|
39
47
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_simpleRadio.default, _objectSpread(_objectSpread({
|
|
40
48
|
jssStyle: jssStyle
|
|
41
49
|
}, rest), {}, {
|
|
42
50
|
checked: getChecked(),
|
|
43
51
|
onChange: handleChange,
|
|
52
|
+
disabled: getDisabled(),
|
|
44
53
|
children: children
|
|
45
54
|
}));
|
|
46
55
|
};
|
|
@@ -46,7 +46,7 @@ export interface SimpleRadioProps extends Omit<BaseCheckProps, 'defaultChecked'>
|
|
|
46
46
|
*/
|
|
47
47
|
theme?: 'dark';
|
|
48
48
|
}
|
|
49
|
-
export interface RadioProps<T> extends Omit<SimpleRadioProps, 'onChange' | 'checked' | 'theme'> {
|
|
49
|
+
export interface RadioProps<T> extends Omit<SimpleRadioProps, 'onChange' | 'checked' | 'theme' | 'disabled'> {
|
|
50
50
|
/**
|
|
51
51
|
* @en Specifies the result
|
|
52
52
|
* @cn 选中后返回的值
|
|
@@ -68,5 +68,11 @@ export interface RadioProps<T> extends Omit<SimpleRadioProps, 'onChange' | 'chec
|
|
|
68
68
|
* @cn 勾选框点击回调
|
|
69
69
|
*/
|
|
70
70
|
onClick?: (e: React.MouseEvent<HTMLInputElement>) => void;
|
|
71
|
+
/**
|
|
72
|
+
* @en When the value is true, disabled all checkboxes; When the value is function, disable the checkbox that this function returns true
|
|
73
|
+
* @cn 如果 disabled 为 true,禁用全部选项,如果 disabled 为函数,根据函数反回结果禁用选项
|
|
74
|
+
* @default false
|
|
75
|
+
*/
|
|
76
|
+
disabled?: boolean | ((data: T) => boolean);
|
|
71
77
|
}
|
|
72
78
|
//# sourceMappingURL=radio.type.d.ts.map
|