@vef-framework/components 1.0.128 → 1.0.129
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/index.cjs +1 -195
- package/cjs/internal/base.css.cjs +488 -4
- package/cjs/internal/chart.cjs +1 -20
- package/cjs/internal/index.cjs +1 -9
- package/cjs/internal/modern-normalize.css.cjs +211 -4
- package/cjs/internal/utils.cjs +1 -8
- package/cjs/vef-access-denied/access-denied-icon.cjs +1 -932
- package/cjs/vef-access-denied/index.cjs +9 -49
- package/cjs/vef-access-denied/props.cjs +0 -2
- package/cjs/vef-action-buttons/index.cjs +1 -79
- package/cjs/vef-action-buttons/props.cjs +0 -2
- package/cjs/vef-approval-flow-editor/components/edge.cjs +2 -87
- package/cjs/vef-approval-flow-editor/components/label-value.cjs +8 -31
- package/cjs/vef-approval-flow-editor/components/node-content.cjs +10 -49
- package/cjs/vef-approval-flow-editor/components/node-selector.cjs +4 -37
- package/cjs/vef-approval-flow-editor/components/node-toolbar.cjs +1 -25
- package/cjs/vef-approval-flow-editor/components/nodes/approval.cjs +1 -28
- package/cjs/vef-approval-flow-editor/components/nodes/condition.cjs +1 -28
- package/cjs/vef-approval-flow-editor/components/nodes/end.cjs +1 -28
- package/cjs/vef-approval-flow-editor/components/nodes/handle.cjs +1 -28
- package/cjs/vef-approval-flow-editor/components/nodes/index.cjs +1 -19
- package/cjs/vef-approval-flow-editor/components/nodes/submit.cjs +1 -28
- package/cjs/vef-approval-flow-editor/components/selector-content.cjs +9 -52
- package/cjs/vef-approval-flow-editor/components/source-handle.cjs +1 -44
- package/cjs/vef-approval-flow-editor/components/target-handle.cjs +1 -13
- package/cjs/vef-approval-flow-editor/constants.cjs +1 -225
- package/cjs/vef-approval-flow-editor/helper.cjs +1 -88
- package/cjs/vef-approval-flow-editor/hooks/use-edges-interaction.cjs +1 -27
- package/cjs/vef-approval-flow-editor/hooks/use-element-selection.cjs +1 -26
- package/cjs/vef-approval-flow-editor/hooks/use-nodes-interaction.cjs +1 -53
- package/cjs/vef-approval-flow-editor/index.cjs +1 -79
- package/cjs/vef-approval-flow-editor/models/edge-node.cjs +1 -23
- package/cjs/vef-approval-flow-editor/models/flow-node.cjs +1 -112
- package/cjs/vef-approval-flow-editor/props.cjs +0 -2
- package/cjs/vef-approval-flow-editor/store.cjs +1 -20
- package/cjs/vef-approval-flow-editor/styles.cjs +12 -23
- package/cjs/vef-approval-flow-editor/types.cjs +1 -18
- package/cjs/vef-area-chart/index.cjs +1 -45
- package/cjs/vef-area-chart/props.cjs +0 -2
- package/cjs/vef-auto-sizer/index.cjs +1 -10
- package/cjs/vef-auto-sizer/props.cjs +0 -2
- package/cjs/vef-avatar/index.cjs +1 -24
- package/cjs/vef-avatar/props.cjs +0 -2
- package/cjs/vef-avatar-group/index.cjs +1 -29
- package/cjs/vef-avatar-group/props.cjs +0 -2
- package/cjs/vef-badge/index.cjs +1 -51
- package/cjs/vef-badge/props.cjs +0 -2
- package/cjs/vef-bar-chart/index.cjs +1 -45
- package/cjs/vef-bar-chart/props.cjs +0 -2
- package/cjs/vef-bool/hooks/use-bool-instance.cjs +1 -36
- package/cjs/vef-bool/index.cjs +1 -64
- package/cjs/vef-bool/props.cjs +0 -2
- package/cjs/vef-breadcrumb/index.cjs +1 -52
- package/cjs/vef-breadcrumb/props.cjs +0 -2
- package/cjs/vef-button/components/base-button.cjs +1 -77
- package/cjs/vef-button/index.cjs +1 -155
- package/cjs/vef-button/props.cjs +0 -2
- package/cjs/vef-card/index.cjs +1 -29
- package/cjs/vef-card/props.cjs +0 -2
- package/cjs/vef-card-meta/index.cjs +1 -16
- package/cjs/vef-card-meta/props.cjs +0 -2
- package/cjs/vef-chart-container/hooks/use-chart-container-context.cjs +1 -16
- package/cjs/vef-chart-container/index.cjs +13 -83
- package/cjs/vef-chart-container/props.cjs +0 -2
- package/cjs/vef-chart-legend-content/index.cjs +10 -48
- package/cjs/vef-chart-legend-content/props.cjs +0 -2
- package/cjs/vef-chart-tooltip-content/index.cjs +22 -89
- package/cjs/vef-chart-tooltip-content/props.cjs +0 -2
- package/cjs/vef-checkbox/hooks/use-checkbox-instance.cjs +1 -22
- package/cjs/vef-checkbox/hooks/use-data-options.cjs +1 -42
- package/cjs/vef-checkbox/index.cjs +3 -92
- package/cjs/vef-checkbox/props.cjs +0 -2
- package/cjs/vef-code-editor/hooks/use-change-handler.cjs +1 -12
- package/cjs/vef-code-editor/hooks/use-config-extensions.cjs +1 -50
- package/cjs/vef-code-editor/hooks/use-height-props.cjs +1 -22
- package/cjs/vef-code-editor/hooks/use-language-extensions.cjs +1 -119
- package/cjs/vef-code-editor/hooks/use-setup-options.cjs +1 -39
- package/cjs/vef-code-editor/index.cjs +1 -61
- package/cjs/vef-code-editor/props.cjs +0 -2
- package/cjs/vef-code-editor/styles.cjs +46 -54
- package/cjs/vef-col/index.cjs +1 -15
- package/cjs/vef-col/props.cjs +0 -2
- package/cjs/vef-color-picker/index.cjs +1 -50
- package/cjs/vef-color-picker/props.cjs +0 -2
- package/cjs/vef-compact/index.cjs +1 -19
- package/cjs/vef-compact/props.cjs +0 -2
- package/cjs/vef-config-provider/global-style.cjs +15 -26
- package/cjs/vef-config-provider/hooks/use-ui-config.cjs +1 -128
- package/cjs/vef-config-provider/index.cjs +3 -125
- package/cjs/vef-config-provider/props.cjs +0 -2
- package/cjs/vef-config-provider/store.cjs +1 -25
- package/cjs/vef-container/index.cjs +1 -22
- package/cjs/vef-container/props.cjs +0 -2
- package/cjs/vef-crud-page/components/crud-actions.cjs +1 -36
- package/cjs/vef-crud-page/components/crud-filter.cjs +1 -58
- package/cjs/vef-crud-page/components/crud-footer.cjs +3 -120
- package/cjs/vef-crud-page/components/crud-form-modal.cjs +1 -57
- package/cjs/vef-crud-page/components/crud-header.cjs +1 -33
- package/cjs/vef-crud-page/components/crud-table.cjs +1 -80
- package/cjs/vef-crud-page/hooks/use-action-buttons.cjs +1 -39
- package/cjs/vef-crud-page/hooks/use-crud-context.cjs +1 -22
- package/cjs/vef-crud-page/hooks/use-crud-schema.cjs +1 -118
- package/cjs/vef-crud-page/hooks/use-operation-buttons.cjs +1 -62
- package/cjs/vef-crud-page/index.cjs +1 -154
- package/cjs/vef-crud-page/props.cjs +0 -2
- package/cjs/vef-crud-page/store.cjs +1 -146
- package/cjs/vef-crud-page/types.cjs +0 -2
- package/cjs/vef-data-grid/index.cjs +1 -89
- package/cjs/vef-data-grid/props.cjs +0 -2
- package/cjs/vef-data-table/index.cjs +1 -13
- package/cjs/vef-data-table/props.cjs +0 -2
- package/cjs/vef-divider/index.cjs +1 -28
- package/cjs/vef-divider/props.cjs +0 -2
- package/cjs/vef-drawer/components/action-button-wrapper.cjs +1 -53
- package/cjs/vef-drawer/components/button-props.cjs +0 -2
- package/cjs/vef-drawer/components/cancel-action-button.cjs +1 -25
- package/cjs/vef-drawer/components/ok-action-button.cjs +1 -24
- package/cjs/vef-drawer/context.cjs +1 -19
- package/cjs/vef-drawer/index.cjs +3 -159
- package/cjs/vef-drawer/props.cjs +0 -2
- package/cjs/vef-dropdown/index.cjs +1 -96
- package/cjs/vef-dropdown/props.cjs +0 -2
- package/cjs/vef-dynamic-icon/index.cjs +1 -50
- package/cjs/vef-dynamic-icon/props.cjs +1 -8
- package/cjs/vef-empty/index.cjs +1 -41
- package/cjs/vef-empty/props.cjs +0 -2
- package/cjs/vef-empty-placeholder/index.cjs +4 -23
- package/cjs/vef-empty-placeholder/props.cjs +0 -2
- package/cjs/vef-error/error-icon.cjs +1 -761
- package/cjs/vef-error/index.cjs +9 -52
- package/cjs/vef-error/props.cjs +0 -2
- package/cjs/vef-filter/components/action-buttons.cjs +5 -125
- package/cjs/vef-filter/components/advanced-filter.cjs +8 -75
- package/cjs/vef-filter/components/basic-filter.cjs +4 -39
- package/cjs/vef-filter/components/fields/index.cjs +1 -21
- package/cjs/vef-filter/components/fields/input-number.cjs +1 -94
- package/cjs/vef-filter/components/fields/input.cjs +1 -71
- package/cjs/vef-filter/components/fields/props.cjs +0 -2
- package/cjs/vef-filter/components/fields/radio.cjs +1 -113
- package/cjs/vef-filter/components/fields/select.cjs +1 -144
- package/cjs/vef-filter/components/fields/tree-select.cjs +1 -140
- package/cjs/vef-filter/components/filter-field.cjs +1 -23
- package/cjs/vef-filter/components/filter-item.cjs +1 -116
- package/cjs/vef-filter/event.cjs +1 -46
- package/cjs/vef-filter/helper.cjs +1 -17
- package/cjs/vef-filter/hooks/use-action-handlers.cjs +1 -72
- package/cjs/vef-filter/hooks/use-computed-values.cjs +1 -57
- package/cjs/vef-filter/hooks/use-filter-context.cjs +1 -22
- package/cjs/vef-filter/hooks/use-filter-initialization.cjs +1 -39
- package/cjs/vef-filter/hooks/use-filter-instance.cjs +1 -28
- package/cjs/vef-filter/hooks/use-filter-items.cjs +1 -25
- package/cjs/vef-filter/hooks/use-filter-values-change.cjs +1 -32
- package/cjs/vef-filter/hooks/use-label-config.cjs +1 -29
- package/cjs/vef-filter/index.cjs +2 -145
- package/cjs/vef-filter/props.cjs +0 -2
- package/cjs/vef-filter/store.cjs +1 -75
- package/cjs/vef-filter/types.cjs +0 -2
- package/cjs/vef-flex/index.cjs +1 -35
- package/cjs/vef-flex/props.cjs +0 -2
- package/cjs/vef-float-button/index.cjs +1 -53
- package/cjs/vef-float-button/props.cjs +0 -2
- package/cjs/vef-float-button-group/index.cjs +1 -24
- package/cjs/vef-float-button-group/props.cjs +0 -2
- package/cjs/vef-form/components/fields/icon-select.cjs +1 -69
- package/cjs/vef-form/components/fields/index.cjs +1 -27
- package/cjs/vef-form/components/fields/input-number.cjs +1 -127
- package/cjs/vef-form/components/fields/input.cjs +1 -136
- package/cjs/vef-form/components/fields/password.cjs +1 -119
- package/cjs/vef-form/components/fields/props.cjs +0 -2
- package/cjs/vef-form/components/fields/radio.cjs +1 -110
- package/cjs/vef-form/components/fields/select.cjs +1 -242
- package/cjs/vef-form/components/fields/textarea.cjs +1 -113
- package/cjs/vef-form/components/fields/tree-select.cjs +1 -238
- package/cjs/vef-form/components/form-actions.cjs +3 -62
- package/cjs/vef-form/components/form-content.cjs +2 -148
- package/cjs/vef-form/components/form-field.cjs +1 -26
- package/cjs/vef-form/components/form-group.cjs +3 -68
- package/cjs/vef-form/components/form-hidden-item.cjs +1 -40
- package/cjs/vef-form/components/form-item.cjs +1 -83
- package/cjs/vef-form/components/form-row.cjs +1 -102
- package/cjs/vef-form/event.cjs +1 -46
- package/cjs/vef-form/helper.cjs +1 -17
- package/cjs/vef-form/hooks/use-action-handlers.cjs +1 -132
- package/cjs/vef-form/hooks/use-columns-layout.cjs +1 -124
- package/cjs/vef-form/hooks/use-computed-values.cjs +1 -57
- package/cjs/vef-form/hooks/use-form-context.cjs +1 -18
- package/cjs/vef-form/hooks/use-form-initialization.cjs +1 -47
- package/cjs/vef-form/hooks/use-form-instance.cjs +1 -28
- package/cjs/vef-form/hooks/use-form-values-change.cjs +1 -32
- package/cjs/vef-form/hooks/use-label-width.cjs +1 -20
- package/cjs/vef-form/index.cjs +3 -178
- package/cjs/vef-form/props.cjs +0 -2
- package/cjs/vef-form/store.cjs +1 -69
- package/cjs/vef-form/types.cjs +0 -2
- package/cjs/vef-form/validation-rules.cjs +1 -310
- package/cjs/vef-form-drawer/index.cjs +1 -102
- package/cjs/vef-form-drawer/props.cjs +0 -2
- package/cjs/vef-form-modal/index.cjs +1 -99
- package/cjs/vef-form-modal/props.cjs +0 -2
- package/cjs/vef-generic-select/index.cjs +1 -85
- package/cjs/vef-generic-select/props.cjs +0 -2
- package/cjs/vef-grid/index.cjs +12 -81
- package/cjs/vef-grid/props.cjs +1 -6
- package/cjs/vef-grid-item/index.cjs +1 -56
- package/cjs/vef-grid-item/props.cjs +0 -2
- package/cjs/vef-icon/index.cjs +1 -54
- package/cjs/vef-icon/props.cjs +0 -2
- package/cjs/vef-icon-select/index.cjs +11 -150
- package/cjs/vef-icon-select/props.cjs +0 -2
- package/cjs/vef-input/hooks/use-input-instance.cjs +1 -17
- package/cjs/vef-input/index.cjs +1 -68
- package/cjs/vef-input/props.cjs +0 -2
- package/cjs/vef-input-number/hooks/use-input-number-instance.cjs +1 -15
- package/cjs/vef-input-number/index.cjs +1 -152
- package/cjs/vef-input-number/props.cjs +0 -2
- package/cjs/vef-intellisense-code-editor/hooks/use-change-handler.cjs +1 -12
- package/cjs/vef-intellisense-code-editor/hooks/use-editor-options.cjs +1 -33
- package/cjs/vef-intellisense-code-editor/hooks/use-path.cjs +1 -32
- package/cjs/vef-intellisense-code-editor/index.cjs +1 -46
- package/cjs/vef-intellisense-code-editor/loader.cjs +1 -141
- package/cjs/vef-intellisense-code-editor/props.cjs +0 -2
- package/cjs/vef-intellisense-code-editor/styles.cjs +9 -17
- package/cjs/vef-intellisense-code-editor/themes/github-light.json.cjs +349 -7
- package/cjs/vef-json-viewer/index.cjs +1 -42
- package/cjs/vef-json-viewer/props.cjs +0 -2
- package/cjs/vef-layout/common-styles.cjs +4 -12
- package/cjs/vef-layout/components/content.cjs +1 -17
- package/cjs/vef-layout/components/font-size.cjs +1 -72
- package/cjs/vef-layout/components/fullscreen.cjs +1 -27
- package/cjs/vef-layout/components/header-action-icons.cjs +6 -33
- package/cjs/vef-layout/components/header-content.cjs +1 -23
- package/cjs/vef-layout/components/header.cjs +6 -73
- package/cjs/vef-layout/components/icon-boy.cjs +1 -73
- package/cjs/vef-layout/components/icon-girl.cjs +1 -80
- package/cjs/vef-layout/components/icon-menu-fold-left.cjs +1 -27
- package/cjs/vef-layout/components/icon-menu-unfold-left.cjs +1 -27
- package/cjs/vef-layout/components/menu-groups.cjs +15 -127
- package/cjs/vef-layout/components/message.cjs +1 -15
- package/cjs/vef-layout/components/search.cjs +1 -15
- package/cjs/vef-layout/components/sider.cjs +5 -58
- package/cjs/vef-layout/components/title.cjs +8 -57
- package/cjs/vef-layout/components/user-avatar.cjs +9 -84
- package/cjs/vef-layout/hooks/use-layout-context.cjs +1 -14
- package/cjs/vef-layout/index.cjs +2 -37
- package/cjs/vef-layout/logo.svg.cjs +1 -7
- package/cjs/vef-layout/props.cjs +0 -2
- package/cjs/vef-layout/store.cjs +1 -20
- package/cjs/vef-line-chart/index.cjs +1 -42
- package/cjs/vef-line-chart/props.cjs +0 -2
- package/cjs/vef-loading-placeholder/index.cjs +5 -46
- package/cjs/vef-loading-placeholder/props.cjs +0 -2
- package/cjs/vef-login/index.cjs +21 -156
- package/cjs/vef-login/login-icon.cjs +1 -672
- package/cjs/vef-login/props.cjs +0 -2
- package/cjs/vef-menu/index.cjs +4 -81
- package/cjs/vef-menu/props.cjs +0 -2
- package/cjs/vef-modal/components/action-button-wrapper.cjs +1 -53
- package/cjs/vef-modal/components/button-props.cjs +0 -2
- package/cjs/vef-modal/components/cancel-action-button.cjs +1 -22
- package/cjs/vef-modal/components/ok-action-button.cjs +1 -24
- package/cjs/vef-modal/context.cjs +1 -19
- package/cjs/vef-modal/index.cjs +2 -244
- package/cjs/vef-modal/props.cjs +0 -2
- package/cjs/vef-not-found/index.cjs +9 -49
- package/cjs/vef-not-found/not-found-icon.cjs +1 -848
- package/cjs/vef-not-found/props.cjs +0 -2
- package/cjs/vef-page/index.cjs +10 -91
- package/cjs/vef-page/props.cjs +0 -2
- package/cjs/vef-pagination/index.cjs +1 -61
- package/cjs/vef-pagination/props.cjs +1 -15
- package/cjs/vef-paragraph/index.cjs +1 -93
- package/cjs/vef-paragraph/props.cjs +0 -2
- package/cjs/vef-password/hooks/use-password-instance.cjs +1 -15
- package/cjs/vef-password/index.cjs +1 -71
- package/cjs/vef-password/props.cjs +0 -2
- package/cjs/vef-pie-chart/index.cjs +8 -74
- package/cjs/vef-pie-chart/props.cjs +0 -2
- package/cjs/vef-popconfirm/index.cjs +1 -60
- package/cjs/vef-popconfirm/props.cjs +0 -2
- package/cjs/vef-popover/index.cjs +1 -38
- package/cjs/vef-popover/props.cjs +0 -2
- package/cjs/vef-radio/hooks/use-data-options.cjs +1 -42
- package/cjs/vef-radio/hooks/use-radio-instance.cjs +1 -22
- package/cjs/vef-radio/index.cjs +3 -92
- package/cjs/vef-radio/props.cjs +0 -2
- package/cjs/vef-rate/hooks/use-rate-instance.cjs +1 -15
- package/cjs/vef-rate/index.cjs +1 -34
- package/cjs/vef-rate/props.cjs +0 -2
- package/cjs/vef-responsive-container/index.cjs +2 -58
- package/cjs/vef-responsive-container/props.cjs +0 -2
- package/cjs/vef-responsive-item/index.cjs +2 -27
- package/cjs/vef-responsive-item/props.cjs +0 -2
- package/cjs/vef-ribbon/index.cjs +1 -42
- package/cjs/vef-ribbon/props.cjs +0 -2
- package/cjs/vef-row/index.cjs +1 -16
- package/cjs/vef-row/props.cjs +0 -2
- package/cjs/vef-scroll-area/components/scrollbar.cjs +7 -38
- package/cjs/vef-scroll-area/index.cjs +3 -73
- package/cjs/vef-scroll-area/props.cjs +0 -2
- package/cjs/vef-segment/index.cjs +1 -40
- package/cjs/vef-segment/props.cjs +0 -2
- package/cjs/vef-select/components/option.cjs +3 -27
- package/cjs/vef-select/hooks/use-data-options.cjs +1 -49
- package/cjs/vef-select/hooks/use-field-names.cjs +1 -23
- package/cjs/vef-select/hooks/use-render-label.cjs +2 -25
- package/cjs/vef-select/hooks/use-render-option.cjs +1 -21
- package/cjs/vef-select/hooks/use-select-instance.cjs +1 -22
- package/cjs/vef-select/index.cjs +1 -104
- package/cjs/vef-select/props.cjs +0 -2
- package/cjs/vef-slider/hooks/use-slider-instance.cjs +1 -15
- package/cjs/vef-slider/index.cjs +1 -38
- package/cjs/vef-slider/props.cjs +0 -2
- package/cjs/vef-sortable-list/components/overlay-item.cjs +2 -35
- package/cjs/vef-sortable-list/components/sortable-item.cjs +2 -79
- package/cjs/vef-sortable-list/hooks/use-merged-items.cjs +1 -23
- package/cjs/vef-sortable-list/index.cjs +1 -118
- package/cjs/vef-sortable-list/props.cjs +0 -2
- package/cjs/vef-space/index.cjs +1 -29
- package/cjs/vef-space/props.cjs +0 -2
- package/cjs/vef-spin/index.cjs +1 -16
- package/cjs/vef-spin/props.cjs +0 -2
- package/cjs/vef-splitter/index.cjs +1 -24
- package/cjs/vef-splitter/props.cjs +0 -2
- package/cjs/vef-splitter-panel/index.cjs +1 -16
- package/cjs/vef-splitter-panel/props.cjs +0 -2
- package/cjs/vef-status/index.cjs +1 -41
- package/cjs/vef-status/props.cjs +0 -2
- package/cjs/vef-table/components/columns/bool.cjs +1 -95
- package/cjs/vef-table/components/columns/code.cjs +1 -14
- package/cjs/vef-table/components/columns/data-dictionary.cjs +1 -96
- package/cjs/vef-table/components/columns/enum.cjs +1 -105
- package/cjs/vef-table/components/columns/file.cjs +1 -14
- package/cjs/vef-table/components/columns/icon.cjs +1 -14
- package/cjs/vef-table/components/columns/id.cjs +1 -86
- package/cjs/vef-table/components/columns/image.cjs +1 -15
- package/cjs/vef-table/components/columns/index.cjs +1 -35
- package/cjs/vef-table/components/columns/markdown.cjs +1 -14
- package/cjs/vef-table/components/columns/number.cjs +1 -87
- package/cjs/vef-table/components/columns/props.cjs +0 -2
- package/cjs/vef-table/components/columns/render.cjs +1 -32
- package/cjs/vef-table/components/columns/rich-text.cjs +1 -14
- package/cjs/vef-table/components/columns/text.cjs +1 -92
- package/cjs/vef-table/components/columns-settings.cjs +10 -199
- package/cjs/vef-table/components/operation-buttons.cjs +2 -234
- package/cjs/vef-table/components/settings-icon.cjs +3 -23
- package/cjs/vef-table/components/table-footer.cjs +3 -106
- package/cjs/vef-table/helper.cjs +1 -17
- package/cjs/vef-table/hooks/use-computed-batch-buttons.cjs +1 -35
- package/cjs/vef-table/hooks/use-computed-columns.cjs +1 -22
- package/cjs/vef-table/hooks/use-computed-values.cjs +1 -40
- package/cjs/vef-table/hooks/use-data.cjs +1 -59
- package/cjs/vef-table/hooks/use-default-column-configs.cjs +1 -29
- package/cjs/vef-table/hooks/use-display-value.cjs +1 -38
- package/cjs/vef-table/hooks/use-helper-columns.cjs +1 -69
- package/cjs/vef-table/hooks/use-operation-column-width.cjs +1 -52
- package/cjs/vef-table/hooks/use-pagination-props.cjs +1 -46
- package/cjs/vef-table/hooks/use-row-props.cjs +1 -41
- package/cjs/vef-table/hooks/use-row-selection-config.cjs +1 -114
- package/cjs/vef-table/hooks/use-selected-rows.cjs +1 -28
- package/cjs/vef-table/hooks/use-table-columns.cjs +1 -58
- package/cjs/vef-table/hooks/use-table-context.cjs +1 -25
- package/cjs/vef-table/hooks/use-table-instance.cjs +1 -17
- package/cjs/vef-table/hooks/use-table-summary.cjs +1 -44
- package/cjs/vef-table/hooks/use-table-width.cjs +1 -15
- package/cjs/vef-table/index.cjs +5 -231
- package/cjs/vef-table/props.cjs +0 -2
- package/cjs/vef-table/store.cjs +1 -21
- package/cjs/vef-table/types.cjs +0 -2
- package/cjs/vef-tabs/index.cjs +1 -29
- package/cjs/vef-tabs/props.cjs +0 -2
- package/cjs/vef-tag/index.cjs +1 -32
- package/cjs/vef-tag/props.cjs +0 -2
- package/cjs/vef-temporal-picker/helper.cjs +1 -59
- package/cjs/vef-temporal-picker/hooks/use-dayjs-value.cjs +1 -20
- package/cjs/vef-temporal-picker/hooks/use-temporal-limit.cjs +1 -36
- package/cjs/vef-temporal-picker/hooks/use-temporal-picker-instance.cjs +1 -21
- package/cjs/vef-temporal-picker/index.cjs +1 -129
- package/cjs/vef-temporal-picker/props.cjs +0 -2
- package/cjs/vef-temporal-range-picker/helper.cjs +1 -59
- package/cjs/vef-temporal-range-picker/hooks/use-dayjs-values.cjs +1 -25
- package/cjs/vef-temporal-range-picker/hooks/use-temporal-limit.cjs +1 -36
- package/cjs/vef-temporal-range-picker/hooks/use-temporal-range-picker-instance.cjs +1 -21
- package/cjs/vef-temporal-range-picker/index.cjs +1 -132
- package/cjs/vef-temporal-range-picker/props.cjs +1 -6
- package/cjs/vef-text/index.cjs +1 -84
- package/cjs/vef-text/props.cjs +0 -2
- package/cjs/vef-textarea/hooks/use-textarea-instance.cjs +1 -15
- package/cjs/vef-textarea/index.cjs +1 -71
- package/cjs/vef-textarea/props.cjs +0 -2
- package/cjs/vef-title/index.cjs +6 -93
- package/cjs/vef-title/props.cjs +0 -2
- package/cjs/vef-tooltip/index.cjs +1 -39
- package/cjs/vef-tooltip/props.cjs +0 -2
- package/cjs/vef-tree-select/hooks/use-change-handler.cjs +1 -35
- package/cjs/vef-tree-select/hooks/use-data-options.cjs +1 -47
- package/cjs/vef-tree-select/hooks/use-tree-select-instance.cjs +1 -22
- package/cjs/vef-tree-select/index.cjs +1 -93
- package/cjs/vef-tree-select/props.cjs +0 -2
- package/cjs/vef-virtual-grid/index.cjs +3 -111
- package/cjs/vef-virtual-grid/props.cjs +0 -2
- package/cjs/vef-virtual-list/index.cjs +4 -219
- package/cjs/vef-virtual-list/props.cjs +0 -2
- package/esm/index.js +1 -97
- package/esm/internal/base.css.js +490 -2
- package/esm/internal/chart.js +1 -18
- package/esm/internal/index.js +1 -4
- package/esm/internal/modern-normalize.css.js +213 -2
- package/esm/internal/utils.js +1 -6
- package/esm/vef-access-denied/access-denied-icon.js +1 -928
- package/esm/vef-access-denied/index.js +9 -45
- package/esm/vef-action-buttons/index.js +1 -75
- package/esm/vef-approval-flow-editor/components/edge.js +2 -83
- package/esm/vef-approval-flow-editor/components/label-value.js +8 -27
- package/esm/vef-approval-flow-editor/components/node-content.js +10 -45
- package/esm/vef-approval-flow-editor/components/node-selector.js +4 -33
- package/esm/vef-approval-flow-editor/components/node-toolbar.js +1 -21
- package/esm/vef-approval-flow-editor/components/nodes/approval.js +1 -24
- package/esm/vef-approval-flow-editor/components/nodes/condition.js +1 -24
- package/esm/vef-approval-flow-editor/components/nodes/end.js +1 -24
- package/esm/vef-approval-flow-editor/components/nodes/handle.js +1 -24
- package/esm/vef-approval-flow-editor/components/nodes/index.js +1 -17
- package/esm/vef-approval-flow-editor/components/nodes/submit.js +1 -24
- package/esm/vef-approval-flow-editor/components/selector-content.js +9 -48
- package/esm/vef-approval-flow-editor/components/source-handle.js +1 -40
- package/esm/vef-approval-flow-editor/components/target-handle.js +1 -9
- package/esm/vef-approval-flow-editor/constants.js +1 -218
- package/esm/vef-approval-flow-editor/helper.js +1 -83
- package/esm/vef-approval-flow-editor/hooks/use-edges-interaction.js +1 -25
- package/esm/vef-approval-flow-editor/hooks/use-element-selection.js +1 -24
- package/esm/vef-approval-flow-editor/hooks/use-nodes-interaction.js +1 -51
- package/esm/vef-approval-flow-editor/index.js +1 -75
- package/esm/vef-approval-flow-editor/models/edge-node.js +1 -20
- package/esm/vef-approval-flow-editor/models/flow-node.js +1 -105
- package/esm/vef-approval-flow-editor/store.js +1 -16
- package/esm/vef-approval-flow-editor/styles.js +12 -20
- package/esm/vef-approval-flow-editor/types.js +1 -15
- package/esm/vef-area-chart/index.js +1 -41
- package/esm/vef-auto-sizer/index.js +1 -6
- package/esm/vef-avatar/index.js +1 -20
- package/esm/vef-avatar-group/index.js +1 -25
- package/esm/vef-badge/index.js +1 -47
- package/esm/vef-bar-chart/index.js +1 -41
- package/esm/vef-bool/hooks/use-bool-instance.js +1 -34
- package/esm/vef-bool/index.js +1 -60
- package/esm/vef-breadcrumb/index.js +1 -48
- package/esm/vef-button/components/base-button.js +1 -73
- package/esm/vef-button/index.js +1 -151
- package/esm/vef-card/index.js +1 -25
- package/esm/vef-card-meta/index.js +1 -12
- package/esm/vef-chart-container/hooks/use-chart-container-context.js +1 -12
- package/esm/vef-chart-container/index.js +13 -79
- package/esm/vef-chart-legend-content/index.js +10 -43
- package/esm/vef-chart-tooltip-content/index.js +22 -85
- package/esm/vef-checkbox/hooks/use-checkbox-instance.js +1 -20
- package/esm/vef-checkbox/hooks/use-data-options.js +1 -40
- package/esm/vef-checkbox/index.js +3 -88
- package/esm/vef-code-editor/hooks/use-change-handler.js +1 -10
- package/esm/vef-code-editor/hooks/use-config-extensions.js +1 -48
- package/esm/vef-code-editor/hooks/use-height-props.js +1 -20
- package/esm/vef-code-editor/hooks/use-language-extensions.js +1 -117
- package/esm/vef-code-editor/hooks/use-setup-options.js +1 -37
- package/esm/vef-code-editor/index.js +1 -57
- package/esm/vef-code-editor/styles.js +46 -52
- package/esm/vef-col/index.js +1 -11
- package/esm/vef-color-picker/index.js +1 -46
- package/esm/vef-compact/index.js +1 -15
- package/esm/vef-config-provider/global-style.js +15 -23
- package/esm/vef-config-provider/hooks/use-ui-config.js +1 -126
- package/esm/vef-config-provider/index.js +3 -121
- package/esm/vef-config-provider/store.js +1 -21
- package/esm/vef-container/index.js +1 -18
- package/esm/vef-crud-page/components/crud-actions.js +1 -32
- package/esm/vef-crud-page/components/crud-filter.js +1 -54
- package/esm/vef-crud-page/components/crud-footer.js +3 -116
- package/esm/vef-crud-page/components/crud-form-modal.js +1 -53
- package/esm/vef-crud-page/components/crud-header.js +1 -29
- package/esm/vef-crud-page/components/crud-table.js +1 -76
- package/esm/vef-crud-page/hooks/use-action-buttons.js +1 -37
- package/esm/vef-crud-page/hooks/use-crud-context.js +1 -20
- package/esm/vef-crud-page/hooks/use-crud-schema.js +1 -116
- package/esm/vef-crud-page/hooks/use-operation-buttons.js +1 -60
- package/esm/vef-crud-page/index.js +1 -150
- package/esm/vef-crud-page/store.js +1 -142
- package/esm/vef-data-grid/index.js +1 -85
- package/esm/vef-data-table/index.js +1 -9
- package/esm/vef-divider/index.js +1 -24
- package/esm/vef-drawer/components/action-button-wrapper.js +1 -49
- package/esm/vef-drawer/components/cancel-action-button.js +1 -21
- package/esm/vef-drawer/components/ok-action-button.js +1 -20
- package/esm/vef-drawer/context.js +1 -15
- package/esm/vef-drawer/index.js +3 -154
- package/esm/vef-dropdown/index.js +1 -92
- package/esm/vef-dynamic-icon/index.js +1 -46
- package/esm/vef-dynamic-icon/props.js +1 -6
- package/esm/vef-empty/index.js +1 -37
- package/esm/vef-empty-placeholder/index.js +4 -19
- package/esm/vef-error/error-icon.js +1 -757
- package/esm/vef-error/index.js +9 -48
- package/esm/vef-filter/components/action-buttons.js +5 -121
- package/esm/vef-filter/components/advanced-filter.js +8 -71
- package/esm/vef-filter/components/basic-filter.js +4 -35
- package/esm/vef-filter/components/fields/index.js +1 -19
- package/esm/vef-filter/components/fields/input-number.js +1 -90
- package/esm/vef-filter/components/fields/input.js +1 -67
- package/esm/vef-filter/components/fields/radio.js +1 -109
- package/esm/vef-filter/components/fields/select.js +1 -140
- package/esm/vef-filter/components/fields/tree-select.js +1 -136
- package/esm/vef-filter/components/filter-field.js +1 -19
- package/esm/vef-filter/components/filter-item.js +1 -112
- package/esm/vef-filter/event.js +1 -44
- package/esm/vef-filter/helper.js +1 -15
- package/esm/vef-filter/hooks/use-action-handlers.js +1 -70
- package/esm/vef-filter/hooks/use-computed-values.js +1 -55
- package/esm/vef-filter/hooks/use-filter-context.js +1 -18
- package/esm/vef-filter/hooks/use-filter-initialization.js +1 -37
- package/esm/vef-filter/hooks/use-filter-instance.js +1 -26
- package/esm/vef-filter/hooks/use-filter-items.js +1 -23
- package/esm/vef-filter/hooks/use-filter-values-change.js +1 -30
- package/esm/vef-filter/hooks/use-label-config.js +1 -27
- package/esm/vef-filter/index.js +2 -141
- package/esm/vef-filter/store.js +1 -71
- package/esm/vef-flex/index.js +1 -31
- package/esm/vef-float-button/index.js +1 -49
- package/esm/vef-float-button-group/index.js +1 -20
- package/esm/vef-form/components/fields/icon-select.js +1 -65
- package/esm/vef-form/components/fields/index.js +1 -25
- package/esm/vef-form/components/fields/input-number.js +1 -123
- package/esm/vef-form/components/fields/input.js +1 -132
- package/esm/vef-form/components/fields/password.js +1 -115
- package/esm/vef-form/components/fields/radio.js +1 -106
- package/esm/vef-form/components/fields/select.js +1 -238
- package/esm/vef-form/components/fields/textarea.js +1 -109
- package/esm/vef-form/components/fields/tree-select.js +1 -234
- package/esm/vef-form/components/form-actions.js +3 -58
- package/esm/vef-form/components/form-content.js +2 -144
- package/esm/vef-form/components/form-field.js +1 -22
- package/esm/vef-form/components/form-group.js +3 -64
- package/esm/vef-form/components/form-hidden-item.js +1 -36
- package/esm/vef-form/components/form-item.js +1 -79
- package/esm/vef-form/components/form-row.js +1 -98
- package/esm/vef-form/event.js +1 -44
- package/esm/vef-form/helper.js +1 -15
- package/esm/vef-form/hooks/use-action-handlers.js +1 -130
- package/esm/vef-form/hooks/use-columns-layout.js +1 -122
- package/esm/vef-form/hooks/use-computed-values.js +1 -55
- package/esm/vef-form/hooks/use-form-context.js +1 -14
- package/esm/vef-form/hooks/use-form-initialization.js +1 -45
- package/esm/vef-form/hooks/use-form-instance.js +1 -26
- package/esm/vef-form/hooks/use-form-values-change.js +1 -30
- package/esm/vef-form/hooks/use-label-width.js +1 -18
- package/esm/vef-form/index.js +3 -174
- package/esm/vef-form/store.js +1 -65
- package/esm/vef-form/validation-rules.js +1 -286
- package/esm/vef-form-drawer/index.js +1 -98
- package/esm/vef-form-modal/index.js +1 -95
- package/esm/vef-generic-select/index.js +1 -81
- package/esm/vef-grid/index.js +12 -77
- package/esm/vef-grid/props.js +1 -4
- package/esm/vef-grid-item/index.js +1 -52
- package/esm/vef-icon/index.js +1 -50
- package/esm/vef-icon-select/index.js +11 -146
- package/esm/vef-input/hooks/use-input-instance.js +1 -15
- package/esm/vef-input/index.js +1 -64
- package/esm/vef-input-number/hooks/use-input-number-instance.js +1 -13
- package/esm/vef-input-number/index.js +1 -148
- package/esm/vef-intellisense-code-editor/hooks/use-change-handler.js +1 -10
- package/esm/vef-intellisense-code-editor/hooks/use-editor-options.js +1 -31
- package/esm/vef-intellisense-code-editor/hooks/use-path.js +1 -30
- package/esm/vef-intellisense-code-editor/index.js +1 -42
- package/esm/vef-intellisense-code-editor/loader.js +1 -120
- package/esm/vef-intellisense-code-editor/styles.js +9 -15
- package/esm/vef-intellisense-code-editor/themes/github-light.json.js +349 -3
- package/esm/vef-json-viewer/index.js +1 -38
- package/esm/vef-layout/common-styles.js +4 -10
- package/esm/vef-layout/components/content.js +1 -13
- package/esm/vef-layout/components/font-size.js +1 -68
- package/esm/vef-layout/components/fullscreen.js +1 -23
- package/esm/vef-layout/components/header-action-icons.js +6 -29
- package/esm/vef-layout/components/header-content.js +1 -19
- package/esm/vef-layout/components/header.js +6 -69
- package/esm/vef-layout/components/icon-boy.js +1 -69
- package/esm/vef-layout/components/icon-girl.js +1 -76
- package/esm/vef-layout/components/icon-menu-fold-left.js +1 -23
- package/esm/vef-layout/components/icon-menu-unfold-left.js +1 -23
- package/esm/vef-layout/components/menu-groups.js +15 -123
- package/esm/vef-layout/components/message.js +1 -11
- package/esm/vef-layout/components/search.js +1 -11
- package/esm/vef-layout/components/sider.js +5 -54
- package/esm/vef-layout/components/title.js +8 -53
- package/esm/vef-layout/components/user-avatar.js +9 -80
- package/esm/vef-layout/hooks/use-layout-context.js +1 -10
- package/esm/vef-layout/index.js +2 -33
- package/esm/vef-layout/logo.svg.js +1 -3
- package/esm/vef-layout/store.js +1 -16
- package/esm/vef-line-chart/index.js +1 -38
- package/esm/vef-loading-placeholder/index.js +5 -42
- package/esm/vef-login/index.js +21 -152
- package/esm/vef-login/login-icon.js +1 -668
- package/esm/vef-menu/index.js +4 -77
- package/esm/vef-modal/components/action-button-wrapper.js +1 -49
- package/esm/vef-modal/components/cancel-action-button.js +1 -18
- package/esm/vef-modal/components/ok-action-button.js +1 -20
- package/esm/vef-modal/context.js +1 -15
- package/esm/vef-modal/index.js +2 -239
- package/esm/vef-not-found/index.js +9 -45
- package/esm/vef-not-found/not-found-icon.js +1 -844
- package/esm/vef-page/index.js +10 -87
- package/esm/vef-pagination/index.js +1 -57
- package/esm/vef-pagination/props.js +1 -13
- package/esm/vef-paragraph/index.js +1 -89
- package/esm/vef-password/hooks/use-password-instance.js +1 -13
- package/esm/vef-password/index.js +1 -67
- package/esm/vef-pie-chart/index.js +8 -70
- package/esm/vef-popconfirm/index.js +1 -56
- package/esm/vef-popover/index.js +1 -34
- package/esm/vef-radio/hooks/use-data-options.js +1 -40
- package/esm/vef-radio/hooks/use-radio-instance.js +1 -20
- package/esm/vef-radio/index.js +3 -88
- package/esm/vef-rate/hooks/use-rate-instance.js +1 -13
- package/esm/vef-rate/index.js +1 -30
- package/esm/vef-responsive-container/index.js +2 -54
- package/esm/vef-responsive-item/index.js +2 -23
- package/esm/vef-ribbon/index.js +1 -38
- package/esm/vef-row/index.js +1 -12
- package/esm/vef-scroll-area/components/scrollbar.js +7 -34
- package/esm/vef-scroll-area/index.js +3 -69
- package/esm/vef-segment/index.js +1 -36
- package/esm/vef-select/components/option.js +3 -23
- package/esm/vef-select/hooks/use-data-options.js +1 -47
- package/esm/vef-select/hooks/use-field-names.js +1 -21
- package/esm/vef-select/hooks/use-render-label.js +2 -23
- package/esm/vef-select/hooks/use-render-option.js +1 -19
- package/esm/vef-select/hooks/use-select-instance.js +1 -20
- package/esm/vef-select/index.js +1 -100
- package/esm/vef-slider/hooks/use-slider-instance.js +1 -13
- package/esm/vef-slider/index.js +1 -34
- package/esm/vef-sortable-list/components/overlay-item.js +2 -31
- package/esm/vef-sortable-list/components/sortable-item.js +2 -75
- package/esm/vef-sortable-list/hooks/use-merged-items.js +1 -21
- package/esm/vef-sortable-list/index.js +1 -114
- package/esm/vef-space/index.js +1 -25
- package/esm/vef-spin/index.js +1 -12
- package/esm/vef-splitter/index.js +1 -20
- package/esm/vef-splitter-panel/index.js +1 -12
- package/esm/vef-status/index.js +1 -37
- package/esm/vef-table/components/columns/bool.js +1 -91
- package/esm/vef-table/components/columns/code.js +1 -10
- package/esm/vef-table/components/columns/data-dictionary.js +1 -92
- package/esm/vef-table/components/columns/enum.js +1 -101
- package/esm/vef-table/components/columns/file.js +1 -10
- package/esm/vef-table/components/columns/icon.js +1 -10
- package/esm/vef-table/components/columns/id.js +1 -82
- package/esm/vef-table/components/columns/image.js +1 -11
- package/esm/vef-table/components/columns/index.js +1 -33
- package/esm/vef-table/components/columns/markdown.js +1 -10
- package/esm/vef-table/components/columns/number.js +1 -83
- package/esm/vef-table/components/columns/render.js +1 -28
- package/esm/vef-table/components/columns/rich-text.js +1 -10
- package/esm/vef-table/components/columns/text.js +1 -88
- package/esm/vef-table/components/columns-settings.js +10 -195
- package/esm/vef-table/components/operation-buttons.js +2 -230
- package/esm/vef-table/components/settings-icon.js +3 -19
- package/esm/vef-table/components/table-footer.js +3 -102
- package/esm/vef-table/helper.js +1 -15
- package/esm/vef-table/hooks/use-computed-batch-buttons.js +1 -33
- package/esm/vef-table/hooks/use-computed-columns.js +1 -20
- package/esm/vef-table/hooks/use-computed-values.js +1 -38
- package/esm/vef-table/hooks/use-data.js +1 -57
- package/esm/vef-table/hooks/use-default-column-configs.js +1 -27
- package/esm/vef-table/hooks/use-display-value.js +1 -36
- package/esm/vef-table/hooks/use-helper-columns.js +1 -67
- package/esm/vef-table/hooks/use-operation-column-width.js +1 -50
- package/esm/vef-table/hooks/use-pagination-props.js +1 -44
- package/esm/vef-table/hooks/use-row-props.js +1 -39
- package/esm/vef-table/hooks/use-row-selection-config.js +1 -112
- package/esm/vef-table/hooks/use-selected-rows.js +1 -26
- package/esm/vef-table/hooks/use-table-columns.js +1 -56
- package/esm/vef-table/hooks/use-table-context.js +1 -21
- package/esm/vef-table/hooks/use-table-instance.js +1 -15
- package/esm/vef-table/hooks/use-table-summary.js +1 -42
- package/esm/vef-table/hooks/use-table-width.js +1 -13
- package/esm/vef-table/index.js +5 -227
- package/esm/vef-table/store.js +1 -17
- package/esm/vef-tabs/index.js +1 -25
- package/esm/vef-tag/index.js +1 -28
- package/esm/vef-temporal-picker/helper.js +1 -57
- package/esm/vef-temporal-picker/hooks/use-dayjs-value.js +1 -18
- package/esm/vef-temporal-picker/hooks/use-temporal-limit.js +1 -34
- package/esm/vef-temporal-picker/hooks/use-temporal-picker-instance.js +1 -19
- package/esm/vef-temporal-picker/index.js +1 -125
- package/esm/vef-temporal-range-picker/helper.js +1 -57
- package/esm/vef-temporal-range-picker/hooks/use-dayjs-values.js +1 -23
- package/esm/vef-temporal-range-picker/hooks/use-temporal-limit.js +1 -34
- package/esm/vef-temporal-range-picker/hooks/use-temporal-range-picker-instance.js +1 -19
- package/esm/vef-temporal-range-picker/index.js +1 -128
- package/esm/vef-temporal-range-picker/props.js +1 -4
- package/esm/vef-text/index.js +1 -80
- package/esm/vef-textarea/hooks/use-textarea-instance.js +1 -13
- package/esm/vef-textarea/index.js +1 -67
- package/esm/vef-title/index.js +6 -89
- package/esm/vef-tooltip/index.js +1 -35
- package/esm/vef-tree-select/hooks/use-change-handler.js +1 -33
- package/esm/vef-tree-select/hooks/use-data-options.js +1 -45
- package/esm/vef-tree-select/hooks/use-tree-select-instance.js +1 -20
- package/esm/vef-tree-select/index.js +1 -89
- package/esm/vef-virtual-grid/index.js +3 -107
- package/esm/vef-virtual-list/index.js +4 -215
- package/package.json +4 -4
- package/types/index.d.ts +0 -1
|
@@ -1,21 +1,2 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
import
|
|
3
|
-
|
|
4
|
-
"use strict";
|
|
5
|
-
function useTreeSelectInstance(ref, dataOptions) {
|
|
6
|
-
const treeSelectRef = useRef(null);
|
|
7
|
-
useImperativeHandle(ref, () => ({
|
|
8
|
-
blur: () => {
|
|
9
|
-
treeSelectRef.current?.blur();
|
|
10
|
-
},
|
|
11
|
-
focus: () => {
|
|
12
|
-
treeSelectRef.current?.focus({
|
|
13
|
-
preventScroll: true
|
|
14
|
-
});
|
|
15
|
-
},
|
|
16
|
-
getDataOptions: () => dataOptions
|
|
17
|
-
}));
|
|
18
|
-
return treeSelectRef;
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
export { useTreeSelectInstance };
|
|
2
|
+
import{useRef as u,useImperativeHandle as n}from"react";function c(r,t){const e=u(null);return n(r,()=>({blur:()=>{e.current?.blur()},focus:()=>{e.current?.focus({preventScroll:!0})},getDataOptions:()=>t})),e}export{c as useTreeSelectInstance};
|
|
@@ -1,90 +1,2 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
import
|
|
3
|
-
import { useOptionFilter } from '@vef-framework/hooks';
|
|
4
|
-
import { styles } from '@vef-framework/shared';
|
|
5
|
-
import { TreeSelect } from 'antd';
|
|
6
|
-
import { memo, forwardRef } from 'react';
|
|
7
|
-
import '../internal/index.js';
|
|
8
|
-
import VefLoadingPlaceholder from '../vef-loading-placeholder/index.js';
|
|
9
|
-
import { useChangeHandler } from './hooks/use-change-handler.js';
|
|
10
|
-
import { useDataOptions } from './hooks/use-data-options.js';
|
|
11
|
-
import { useTreeSelectInstance } from './hooks/use-tree-select-instance.js';
|
|
12
|
-
import { convertBasicSizeToUiSize } from '../internal/utils.js';
|
|
13
|
-
|
|
14
|
-
"use strict";
|
|
15
|
-
const listHeight = 280;
|
|
16
|
-
const loadingPlaceholder = /* @__PURE__ */ jsx("div", { css: { height: listHeight / 2 }, children: /* @__PURE__ */ jsx(VefLoadingPlaceholder, {}) });
|
|
17
|
-
const treeLineOptions = { showLeafIcon: false };
|
|
18
|
-
function VefTreeSelectBase({
|
|
19
|
-
defaultValue,
|
|
20
|
-
value,
|
|
21
|
-
size,
|
|
22
|
-
clearable,
|
|
23
|
-
disabled,
|
|
24
|
-
placeholder,
|
|
25
|
-
variant,
|
|
26
|
-
maxCount,
|
|
27
|
-
onClear,
|
|
28
|
-
onBlur,
|
|
29
|
-
onFocus,
|
|
30
|
-
onChange,
|
|
31
|
-
onSelect,
|
|
32
|
-
onDeselect,
|
|
33
|
-
multiple = false,
|
|
34
|
-
filterable = true,
|
|
35
|
-
filterFromRemote = false,
|
|
36
|
-
...restProps
|
|
37
|
-
}, ref) {
|
|
38
|
-
const {
|
|
39
|
-
normalizedOptions,
|
|
40
|
-
isLoading
|
|
41
|
-
} = useDataOptions({
|
|
42
|
-
value,
|
|
43
|
-
multiple,
|
|
44
|
-
onChange,
|
|
45
|
-
filterable,
|
|
46
|
-
filterFromRemote,
|
|
47
|
-
...restProps
|
|
48
|
-
});
|
|
49
|
-
const filterTreeNode = useOptionFilter(filterable, false);
|
|
50
|
-
const handleChange = useChangeHandler(onChange, normalizedOptions);
|
|
51
|
-
const treeSelectRef = useTreeSelectInstance(ref, normalizedOptions);
|
|
52
|
-
return /* @__PURE__ */ jsx(
|
|
53
|
-
TreeSelect,
|
|
54
|
-
{
|
|
55
|
-
ref: treeSelectRef,
|
|
56
|
-
virtual: true,
|
|
57
|
-
allowClear: clearable,
|
|
58
|
-
css: styles.fullWidth,
|
|
59
|
-
defaultValue,
|
|
60
|
-
disabled,
|
|
61
|
-
filterTreeNode,
|
|
62
|
-
listHeight,
|
|
63
|
-
loading: isLoading,
|
|
64
|
-
maxCount,
|
|
65
|
-
maxTagCount: multiple ? "responsive" : void 0,
|
|
66
|
-
multiple,
|
|
67
|
-
notFoundContent: isLoading ? loadingPlaceholder : void 0,
|
|
68
|
-
placeholder,
|
|
69
|
-
showSearch: filterable,
|
|
70
|
-
size: convertBasicSizeToUiSize(size),
|
|
71
|
-
treeCheckable: multiple,
|
|
72
|
-
treeData: normalizedOptions,
|
|
73
|
-
treeLine: treeLineOptions,
|
|
74
|
-
value,
|
|
75
|
-
variant,
|
|
76
|
-
onBlur,
|
|
77
|
-
onChange: handleChange,
|
|
78
|
-
onClear,
|
|
79
|
-
onDeselect,
|
|
80
|
-
onFocus,
|
|
81
|
-
onSelect
|
|
82
|
-
}
|
|
83
|
-
);
|
|
84
|
-
}
|
|
85
|
-
const VefTreeSelect = memo(
|
|
86
|
-
forwardRef(VefTreeSelectBase)
|
|
87
|
-
);
|
|
88
|
-
VefTreeSelect.displayName = "VefTreeSelect";
|
|
89
|
-
|
|
90
|
-
export { VefTreeSelect as default };
|
|
2
|
+
import{jsx as r}from"@emotion/react/jsx-runtime";import{useOptionFilter as L}from"@vef-framework/hooks";import{styles as R}from"@vef-framework/shared";import{TreeSelect as B}from"antd";import{memo as O,forwardRef as V}from"react";import"../internal/index.js";import y from"../vef-loading-placeholder/index.js";import{useChangeHandler as H}from"./hooks/use-change-handler.js";import{useDataOptions as I}from"./hooks/use-data-options.js";import{useTreeSelectInstance as N}from"./hooks/use-tree-select-instance.js";import{convertBasicSizeToUiSize as j}from"../internal/utils.js";const n=280,k=r("div",{css:{height:n/2},children:r(y,{})}),A={showLeafIcon:!1};function E({defaultValue:m,value:l,size:u,clearable:c,disabled:f,placeholder:d,variant:p,maxCount:h,onClear:C,onBlur:v,onFocus:g,onChange:i,onSelect:S,onDeselect:b,multiple:e=!1,filterable:o=!0,filterFromRemote:x=!1,...F},T){const{normalizedOptions:t,isLoading:a}=I({value:l,multiple:e,onChange:i,filterable:o,filterFromRemote:x,...F}),z=L(o,!1),w=H(i,t),D=N(T,t);return r(B,{ref:D,virtual:!0,allowClear:c,css:R.fullWidth,defaultValue:m,disabled:f,filterTreeNode:z,listHeight:n,loading:a,maxCount:h,maxTagCount:e?"responsive":void 0,multiple:e,notFoundContent:a?k:void 0,placeholder:d,showSearch:o,size:j(u),treeCheckable:e,treeData:t,treeLine:A,value:l,variant:p,onBlur:v,onChange:w,onClear:C,onDeselect:b,onFocus:g,onSelect:S})}const s=O(V(E));s.displayName="VefTreeSelect";export{s as default};
|
|
@@ -1,117 +1,13 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
import
|
|
3
|
-
import { css } from '@emotion/react';
|
|
4
|
-
import { useVirtualizer } from '@tanstack/react-virtual';
|
|
5
|
-
import { useGapSizeNormalizer } from '@vef-framework/hooks';
|
|
6
|
-
import { isArray, isNumber } from '@vef-framework/shared';
|
|
7
|
-
import { useMemo, memo, useRef, Fragment, createElement } from 'react';
|
|
8
|
-
import VefAutoSizer from '../vef-auto-sizer/index.js';
|
|
9
|
-
import VefScrollArea from '../vef-scroll-area/index.js';
|
|
10
|
-
|
|
11
|
-
"use strict";
|
|
12
|
-
const viewportStyle = {
|
|
13
|
-
willChange: "transform"
|
|
14
|
-
};
|
|
15
|
-
const containerStyle = css`
|
|
2
|
+
import{jsx as l}from"@emotion/react/jsx-runtime";import{css as x}from"@emotion/react";import{useVirtualizer as w}from"@tanstack/react-virtual";import{useGapSizeNormalizer as G}from"@vef-framework/hooks";import{isArray as k,isNumber as z}from"@vef-framework/shared";import{useMemo as u,memo as S,useRef as M,Fragment as R,createElement as X}from"react";import j from"../vef-auto-sizer/index.js";import A from"../vef-scroll-area/index.js";const D={willChange:"transform"},F=x`
|
|
16
3
|
position: relative;
|
|
17
4
|
width: var(--vef-virtual-grid-width);
|
|
18
5
|
height: var(--vef-virtual-grid-height);
|
|
19
|
-
|
|
20
|
-
const virtualItemStyle = css`
|
|
6
|
+
`,H=x`
|
|
21
7
|
position: absolute;
|
|
22
8
|
top: 0;
|
|
23
9
|
left: 0;
|
|
24
10
|
width: var(--vef-virtual-grid-item-width);
|
|
25
11
|
height: var(--vef-virtual-grid-item-height);
|
|
26
12
|
transform: translateX(var(--vef-virtual-grid-item-x)) translateY(var(--vef-virtual-grid-item-y));
|
|
27
|
-
`;
|
|
28
|
-
function VefVirtualGridBase({
|
|
29
|
-
className,
|
|
30
|
-
style,
|
|
31
|
-
items,
|
|
32
|
-
renderItem,
|
|
33
|
-
itemClassName,
|
|
34
|
-
itemStyle,
|
|
35
|
-
rowHeight,
|
|
36
|
-
columnWidth,
|
|
37
|
-
gap,
|
|
38
|
-
...restProps
|
|
39
|
-
}) {
|
|
40
|
-
const GridItem = useMemo(() => memo(renderItem), [renderItem]);
|
|
41
|
-
const viewportRef = useRef(null);
|
|
42
|
-
const normalizeGapSize = useGapSizeNormalizer();
|
|
43
|
-
const [rowGap, columnGap] = useMemo(() => {
|
|
44
|
-
if (isArray(gap)) {
|
|
45
|
-
return [normalizeGapSize(gap[0]), normalizeGapSize(gap[1])];
|
|
46
|
-
}
|
|
47
|
-
if (gap) {
|
|
48
|
-
const normalizedGap = normalizeGapSize(gap);
|
|
49
|
-
return [normalizedGap, normalizedGap];
|
|
50
|
-
}
|
|
51
|
-
return [0, 0];
|
|
52
|
-
}, [gap, normalizeGapSize]);
|
|
53
|
-
const rowVirtualizer = useVirtualizer({
|
|
54
|
-
count: items.length,
|
|
55
|
-
getScrollElement: () => viewportRef.current,
|
|
56
|
-
estimateSize: isNumber(rowHeight) ? () => rowHeight : rowHeight,
|
|
57
|
-
overscan: 2,
|
|
58
|
-
gap: rowGap
|
|
59
|
-
});
|
|
60
|
-
const columnVirtualizer = useVirtualizer({
|
|
61
|
-
horizontal: true,
|
|
62
|
-
count: items[0]?.length ?? 0,
|
|
63
|
-
getScrollElement: () => viewportRef.current,
|
|
64
|
-
estimateSize: isNumber(columnWidth) ? () => columnWidth : columnWidth,
|
|
65
|
-
overscan: 2,
|
|
66
|
-
gap: columnGap
|
|
67
|
-
});
|
|
68
|
-
const containerSizeStyle = useMemo(() => ({
|
|
69
|
-
"--vef-virtual-grid-height": `${rowVirtualizer.getTotalSize()}px`,
|
|
70
|
-
"--vef-virtual-grid-width": `${columnVirtualizer.getTotalSize()}px`
|
|
71
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
72
|
-
}), [rowVirtualizer.getTotalSize(), columnVirtualizer.getTotalSize()]);
|
|
73
|
-
const getVirtualGridNode = (height, width) => /* @__PURE__ */ jsx(
|
|
74
|
-
VefScrollArea,
|
|
75
|
-
{
|
|
76
|
-
className,
|
|
77
|
-
height,
|
|
78
|
-
scrollbarSize: "small",
|
|
79
|
-
style,
|
|
80
|
-
viewportRef,
|
|
81
|
-
viewportStyle,
|
|
82
|
-
width,
|
|
83
|
-
children: /* @__PURE__ */ jsx("div", { css: containerStyle, style: containerSizeStyle, children: rowVirtualizer.getVirtualItems().map((row) => /* @__PURE__ */ jsx(Fragment, { children: columnVirtualizer.getVirtualItems().map((item) => {
|
|
84
|
-
const itemData = items[row.index][item.index];
|
|
85
|
-
return /* @__PURE__ */ jsx(
|
|
86
|
-
"div",
|
|
87
|
-
{
|
|
88
|
-
className: itemClassName,
|
|
89
|
-
css: virtualItemStyle,
|
|
90
|
-
style: {
|
|
91
|
-
...itemStyle,
|
|
92
|
-
"--vef-virtual-grid-item-width": `${item.size}px`,
|
|
93
|
-
"--vef-virtual-grid-item-height": `${row.size}px`,
|
|
94
|
-
"--vef-virtual-grid-item-x": `${item.start}px`,
|
|
95
|
-
"--vef-virtual-grid-item-y": `${row.start}px`
|
|
96
|
-
},
|
|
97
|
-
children: itemData && createElement(GridItem, {
|
|
98
|
-
item: itemData,
|
|
99
|
-
rowIndex: row.index,
|
|
100
|
-
columnIndex: item.index
|
|
101
|
-
})
|
|
102
|
-
},
|
|
103
|
-
item.key
|
|
104
|
-
);
|
|
105
|
-
}) }, row.key)) })
|
|
106
|
-
}
|
|
107
|
-
);
|
|
108
|
-
if (!restProps.autoSize) {
|
|
109
|
-
const { height, width } = restProps;
|
|
110
|
-
return getVirtualGridNode(height, width);
|
|
111
|
-
}
|
|
112
|
-
return /* @__PURE__ */ jsx(VefAutoSizer, { children: ({ height, width }) => getVirtualGridNode(height, width) });
|
|
113
|
-
}
|
|
114
|
-
const VefVirtualGrid = memo(VefVirtualGridBase);
|
|
115
|
-
VefVirtualGrid.displayName = "VefVirtualGrid";
|
|
116
|
-
|
|
117
|
-
export { VefVirtualGrid as default };
|
|
13
|
+
`;function L({className:N,style:$,items:m,renderItem:v,itemClassName:I,itemStyle:T,rowHeight:s,columnWidth:n,gap:t,...f}){const V=u(()=>S(v),[v]),d=M(null),o=G(),[b,C]=u(()=>{if(k(t))return[o(t[0]),o(t[1])];if(t){const e=o(t);return[e,e]}return[0,0]},[t,o]),g=w({count:m.length,getScrollElement:()=>d.current,estimateSize:z(s)?()=>s:s,overscan:2,gap:b}),h=w({horizontal:!0,count:m[0]?.length??0,getScrollElement:()=>d.current,estimateSize:z(n)?()=>n:n,overscan:2,gap:C}),E=u(()=>({"--vef-virtual-grid-height":`${g.getTotalSize()}px`,"--vef-virtual-grid-width":`${h.getTotalSize()}px`}),[g.getTotalSize(),h.getTotalSize()]),c=(e,i)=>l(A,{className:N,height:e,scrollbarSize:"small",style:$,viewportRef:d,viewportStyle:D,width:i,children:l("div",{css:F,style:E,children:g.getVirtualItems().map(r=>l(R,{children:h.getVirtualItems().map(a=>{const p=m[r.index][a.index];return l("div",{className:I,css:H,style:{...T,"--vef-virtual-grid-item-width":`${a.size}px`,"--vef-virtual-grid-item-height":`${r.size}px`,"--vef-virtual-grid-item-x":`${a.start}px`,"--vef-virtual-grid-item-y":`${r.start}px`},children:p&&X(V,{item:p,rowIndex:r.index,columnIndex:a.index})},a.key)})},r.key))})});if(!f.autoSize){const{height:e,width:i}=f;return c(e,i)}return l(j,{children:({height:e,width:i})=>c(e,i)})}const y=S(L);y.displayName="VefVirtualGrid";export{y as default};
|
|
@@ -1,230 +1,19 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
import
|
|
3
|
-
import { css } from '@emotion/react';
|
|
4
|
-
import { useVirtualizer } from '@tanstack/react-virtual';
|
|
5
|
-
import { useNormalizedGapSize } from '@vef-framework/hooks';
|
|
6
|
-
import { isFunction } from '@vef-framework/shared';
|
|
7
|
-
import { useMemo, memo, useRef, createElement } from 'react';
|
|
8
|
-
import VefAutoSizer from '../vef-auto-sizer/index.js';
|
|
9
|
-
import VefScrollArea from '../vef-scroll-area/index.js';
|
|
10
|
-
|
|
11
|
-
"use strict";
|
|
12
|
-
const viewportStyle = {
|
|
13
|
-
willChange: "transform"
|
|
14
|
-
};
|
|
15
|
-
const containerStyle = css`
|
|
2
|
+
import{jsx as i}from"@emotion/react/jsx-runtime";import{css as z}from"@emotion/react";import{useVirtualizer as P}from"@tanstack/react-virtual";import{useNormalizedGapSize as U}from"@vef-framework/hooks";import{isFunction as E}from"@vef-framework/shared";import{useMemo as v,memo as Y,useRef as W,createElement as w}from"react";import F from"../vef-auto-sizer/index.js";import K from"../vef-scroll-area/index.js";const M={willChange:"transform"},$=z`
|
|
16
3
|
position: relative;
|
|
17
4
|
width: var(--vef-virtual-list-width, auto);
|
|
18
5
|
height: var(--vef-virtual-list-height, auto);
|
|
19
|
-
|
|
20
|
-
const virtualItemStyle = css`
|
|
6
|
+
`,j=z`
|
|
21
7
|
position: absolute;
|
|
22
8
|
top: var(--vef-virtual-list-item-top, 0);
|
|
23
9
|
left: var(--vef-virtual-list-item-left, 0);
|
|
24
10
|
width: var(--vef-virtual-list-item-width, auto);
|
|
25
11
|
height: var(--vef-virtual-list-item-height, auto);
|
|
26
12
|
transform: translateX(var(--vef-virtual-list-item-x, 0)) translateY(var(--vef-virtual-list-item-y, 0));
|
|
27
|
-
|
|
28
|
-
const frameStyle = css`
|
|
13
|
+
`,X=z`
|
|
29
14
|
position: absolute;
|
|
30
15
|
top: 0;
|
|
31
16
|
left: 0;
|
|
32
17
|
width: 100%;
|
|
33
18
|
transform: translateY(var(--vef-virtual-list-frame-y, 0));
|
|
34
|
-
`;
|
|
35
|
-
function VefVirtualListBase({
|
|
36
|
-
className,
|
|
37
|
-
style,
|
|
38
|
-
items,
|
|
39
|
-
renderItem,
|
|
40
|
-
itemClassName,
|
|
41
|
-
itemStyle,
|
|
42
|
-
itemSize,
|
|
43
|
-
autoItemSize = false,
|
|
44
|
-
gap = 0,
|
|
45
|
-
lanes = 1,
|
|
46
|
-
itemKey,
|
|
47
|
-
...restProps
|
|
48
|
-
}) {
|
|
49
|
-
const ListItem = useMemo(() => memo(renderItem), [renderItem]);
|
|
50
|
-
const itemKeyToUse = useMemo(() => {
|
|
51
|
-
if (isFunction(itemKey)) {
|
|
52
|
-
return (index) => itemKey({
|
|
53
|
-
index,
|
|
54
|
-
item: items[index]
|
|
55
|
-
});
|
|
56
|
-
}
|
|
57
|
-
}, [itemKey, items]);
|
|
58
|
-
const itemSizeToUse = useMemo(() => {
|
|
59
|
-
if (isFunction(itemSize)) {
|
|
60
|
-
return (index) => itemSize({
|
|
61
|
-
index,
|
|
62
|
-
item: items[index]
|
|
63
|
-
});
|
|
64
|
-
}
|
|
65
|
-
return () => itemSize;
|
|
66
|
-
}, [itemSize, items]);
|
|
67
|
-
const normalizedGap = useNormalizedGapSize(gap);
|
|
68
|
-
const viewportRef = useRef(null);
|
|
69
|
-
const { orientation } = restProps;
|
|
70
|
-
const virtualizer = useVirtualizer({
|
|
71
|
-
horizontal: orientation === "horizontal",
|
|
72
|
-
count: items.length,
|
|
73
|
-
getScrollElement: () => viewportRef.current,
|
|
74
|
-
estimateSize: itemSizeToUse,
|
|
75
|
-
overscan: 2,
|
|
76
|
-
getItemKey: itemKeyToUse,
|
|
77
|
-
gap: normalizedGap,
|
|
78
|
-
lanes
|
|
79
|
-
});
|
|
80
|
-
const virtualItems = virtualizer.getVirtualItems();
|
|
81
|
-
const baseCrossSize = 100 / lanes;
|
|
82
|
-
const containerSizeStyle = useMemo(() => {
|
|
83
|
-
if (orientation === "horizontal") {
|
|
84
|
-
return {
|
|
85
|
-
"--vef-virtual-list-width": `${virtualizer.getTotalSize()}px`,
|
|
86
|
-
"--vef-virtual-list-height": "100%"
|
|
87
|
-
};
|
|
88
|
-
}
|
|
89
|
-
return {
|
|
90
|
-
"--vef-virtual-list-height": `${virtualizer.getTotalSize()}px`,
|
|
91
|
-
"--vef-virtual-list-width": "100%"
|
|
92
|
-
};
|
|
93
|
-
}, [orientation, virtualizer.getTotalSize()]);
|
|
94
|
-
const mergedViewportStyle = useMemo(() => {
|
|
95
|
-
if (autoItemSize && orientation !== "horizontal") {
|
|
96
|
-
return {
|
|
97
|
-
...viewportStyle,
|
|
98
|
-
contain: "strict"
|
|
99
|
-
};
|
|
100
|
-
}
|
|
101
|
-
return viewportStyle;
|
|
102
|
-
}, [autoItemSize, orientation]);
|
|
103
|
-
const getVirtualListNode = (height, width) => {
|
|
104
|
-
if (autoItemSize) {
|
|
105
|
-
return /* @__PURE__ */ jsx(
|
|
106
|
-
VefScrollArea,
|
|
107
|
-
{
|
|
108
|
-
className,
|
|
109
|
-
height,
|
|
110
|
-
scrollbarSize: "small",
|
|
111
|
-
style,
|
|
112
|
-
viewportRef,
|
|
113
|
-
viewportStyle: mergedViewportStyle,
|
|
114
|
-
width,
|
|
115
|
-
children: /* @__PURE__ */ jsx("div", { css: containerStyle, style: containerSizeStyle, children: orientation === "horizontal" ? virtualItems.map(
|
|
116
|
-
({
|
|
117
|
-
index,
|
|
118
|
-
key,
|
|
119
|
-
start
|
|
120
|
-
}) => /* @__PURE__ */ jsx(
|
|
121
|
-
"div",
|
|
122
|
-
{
|
|
123
|
-
className: itemClassName,
|
|
124
|
-
css: virtualItemStyle,
|
|
125
|
-
style: {
|
|
126
|
-
"--vef-virtual-list-item-top": 0,
|
|
127
|
-
"--vef-virtual-list-item-left": 0,
|
|
128
|
-
"--vef-virtual-list-item-width": "auto",
|
|
129
|
-
"--vef-virtual-list-item-height": "100%",
|
|
130
|
-
"--vef-virtual-list-item-x": `${start}px`,
|
|
131
|
-
"--vef-virtual-list-item-y": 0
|
|
132
|
-
},
|
|
133
|
-
children: createElement(ListItem, {
|
|
134
|
-
index,
|
|
135
|
-
item: items[index]
|
|
136
|
-
})
|
|
137
|
-
},
|
|
138
|
-
key
|
|
139
|
-
)
|
|
140
|
-
) : /* @__PURE__ */ jsx(
|
|
141
|
-
"div",
|
|
142
|
-
{
|
|
143
|
-
css: frameStyle,
|
|
144
|
-
style: {
|
|
145
|
-
"--vef-virtual-list-frame-y": `${virtualItems[0]?.start ?? 0}px`
|
|
146
|
-
},
|
|
147
|
-
children: virtualItems.map(
|
|
148
|
-
({ index, key }) => /* @__PURE__ */ jsx(
|
|
149
|
-
"div",
|
|
150
|
-
{
|
|
151
|
-
ref: virtualizer.measureElement,
|
|
152
|
-
className: itemClassName,
|
|
153
|
-
"data-index": index,
|
|
154
|
-
style: itemStyle,
|
|
155
|
-
children: createElement(ListItem, {
|
|
156
|
-
index,
|
|
157
|
-
item: items[index]
|
|
158
|
-
})
|
|
159
|
-
},
|
|
160
|
-
key
|
|
161
|
-
)
|
|
162
|
-
)
|
|
163
|
-
}
|
|
164
|
-
) })
|
|
165
|
-
}
|
|
166
|
-
);
|
|
167
|
-
}
|
|
168
|
-
return /* @__PURE__ */ jsx(
|
|
169
|
-
VefScrollArea,
|
|
170
|
-
{
|
|
171
|
-
className,
|
|
172
|
-
height,
|
|
173
|
-
scrollbarSize: "small",
|
|
174
|
-
style,
|
|
175
|
-
viewportRef,
|
|
176
|
-
viewportStyle: mergedViewportStyle,
|
|
177
|
-
width,
|
|
178
|
-
children: /* @__PURE__ */ jsx("div", { css: containerStyle, style: containerSizeStyle, children: virtualItems.map(
|
|
179
|
-
({
|
|
180
|
-
index,
|
|
181
|
-
key,
|
|
182
|
-
size,
|
|
183
|
-
start,
|
|
184
|
-
lane
|
|
185
|
-
}) => /* @__PURE__ */ jsx(
|
|
186
|
-
"div",
|
|
187
|
-
{
|
|
188
|
-
className: itemClassName,
|
|
189
|
-
css: virtualItemStyle,
|
|
190
|
-
style: orientation === "horizontal" ? {
|
|
191
|
-
"--vef-virtual-list-item-top": lane === 0 ? 0 : `${lane * baseCrossSize}%`,
|
|
192
|
-
"--vef-virtual-list-item-left": 0,
|
|
193
|
-
"--vef-virtual-list-item-width": `${size}px`,
|
|
194
|
-
"--vef-virtual-list-item-height": `${baseCrossSize}%`,
|
|
195
|
-
"--vef-virtual-list-item-x": `${start}px`,
|
|
196
|
-
"--vef-virtual-list-item-y": 0
|
|
197
|
-
} : {
|
|
198
|
-
"--vef-virtual-list-item-top": 0,
|
|
199
|
-
"--vef-virtual-list-item-left": lane === 0 ? 0 : `${lane * baseCrossSize}%`,
|
|
200
|
-
"--vef-virtual-list-item-width": `${baseCrossSize}%`,
|
|
201
|
-
"--vef-virtual-list-item-height": `${size}px`,
|
|
202
|
-
"--vef-virtual-list-item-x": 0,
|
|
203
|
-
"--vef-virtual-list-item-y": `${start}px`
|
|
204
|
-
},
|
|
205
|
-
children: createElement(ListItem, {
|
|
206
|
-
index,
|
|
207
|
-
item: items[index]
|
|
208
|
-
})
|
|
209
|
-
},
|
|
210
|
-
key
|
|
211
|
-
)
|
|
212
|
-
) })
|
|
213
|
-
}
|
|
214
|
-
);
|
|
215
|
-
};
|
|
216
|
-
if (!restProps.autoSize) {
|
|
217
|
-
if (restProps.orientation === "horizontal") {
|
|
218
|
-
return getVirtualListNode("100%", restProps.width);
|
|
219
|
-
}
|
|
220
|
-
return getVirtualListNode(restProps.height, "100%");
|
|
221
|
-
}
|
|
222
|
-
if (restProps.orientation === "horizontal") {
|
|
223
|
-
return /* @__PURE__ */ jsx(VefAutoSizer, { disableHeight: true, children: ({ width }) => getVirtualListNode("100%", width) });
|
|
224
|
-
}
|
|
225
|
-
return /* @__PURE__ */ jsx(VefAutoSizer, { disableWidth: true, children: ({ height }) => getVirtualListNode(height, "100%") });
|
|
226
|
-
}
|
|
227
|
-
const VefVirtualList = memo(VefVirtualListBase);
|
|
228
|
-
VefVirtualList.displayName = "VefVirtualList";
|
|
229
|
-
|
|
230
|
-
export { VefVirtualList as default };
|
|
19
|
+
`;function D({className:S,style:N,items:l,renderItem:b,itemClassName:p,itemStyle:B,itemSize:m,autoItemSize:c=!1,gap:C=0,lanes:V=1,itemKey:g,...r}){const x=v(()=>Y(b),[b]),G=v(()=>{if(E(g))return t=>g({index:t,item:l[t]})},[g,l]),H=v(()=>E(m)?t=>m({index:t,item:l[t]}):()=>m,[m,l]),J=U(C),y=W(null),{orientation:a}=r,s=P({horizontal:a==="horizontal",count:l.length,getScrollElement:()=>y.current,estimateSize:H,overscan:2,getItemKey:G,gap:J,lanes:V}),n=s.getVirtualItems(),h=100/V,I=v(()=>a==="horizontal"?{"--vef-virtual-list-width":`${s.getTotalSize()}px`,"--vef-virtual-list-height":"100%"}:{"--vef-virtual-list-height":`${s.getTotalSize()}px`,"--vef-virtual-list-width":"100%"},[a,s.getTotalSize()]),R=v(()=>c&&a!=="horizontal"?{...M,contain:"strict"}:M,[c,a]),u=(t,T)=>c?i(K,{className:S,height:t,scrollbarSize:"small",style:N,viewportRef:y,viewportStyle:R,width:T,children:i("div",{css:$,style:I,children:a==="horizontal"?n.map(({index:e,key:o,start:f})=>i("div",{className:p,css:j,style:{"--vef-virtual-list-item-top":0,"--vef-virtual-list-item-left":0,"--vef-virtual-list-item-width":"auto","--vef-virtual-list-item-height":"100%","--vef-virtual-list-item-x":`${f}px`,"--vef-virtual-list-item-y":0},children:w(x,{index:e,item:l[e]})},o)):i("div",{css:X,style:{"--vef-virtual-list-frame-y":`${n[0]?.start??0}px`},children:n.map(({index:e,key:o})=>i("div",{ref:s.measureElement,className:p,"data-index":e,style:B,children:w(x,{index:e,item:l[e]})},o))})})}):i(K,{className:S,height:t,scrollbarSize:"small",style:N,viewportRef:y,viewportStyle:R,width:T,children:i("div",{css:$,style:I,children:n.map(({index:e,key:o,size:f,start:k,lane:d})=>i("div",{className:p,css:j,style:a==="horizontal"?{"--vef-virtual-list-item-top":d===0?0:`${d*h}%`,"--vef-virtual-list-item-left":0,"--vef-virtual-list-item-width":`${f}px`,"--vef-virtual-list-item-height":`${h}%`,"--vef-virtual-list-item-x":`${k}px`,"--vef-virtual-list-item-y":0}:{"--vef-virtual-list-item-top":0,"--vef-virtual-list-item-left":d===0?0:`${d*h}%`,"--vef-virtual-list-item-width":`${h}%`,"--vef-virtual-list-item-height":`${f}px`,"--vef-virtual-list-item-x":0,"--vef-virtual-list-item-y":`${k}px`},children:w(x,{index:e,item:l[e]})},o))})});return r.autoSize?r.orientation==="horizontal"?i(F,{disableHeight:!0,children:({width:t})=>u("100%",t)}):i(F,{disableWidth:!0,children:({height:t})=>u(t,"100%")}):r.orientation==="horizontal"?u("100%",r.width):u(r.height,"100%")}const q=Y(D);q.displayName="VefVirtualList";export{q as default};
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vef-framework/components",
|
|
3
3
|
"type": "module",
|
|
4
|
-
"version": "1.0.
|
|
4
|
+
"version": "1.0.129",
|
|
5
5
|
"private": false,
|
|
6
6
|
"description": "Components fundamental to the VEF framework",
|
|
7
7
|
"author": "Venus",
|
|
@@ -48,9 +48,9 @@
|
|
|
48
48
|
"@uiw/codemirror-extensions-langs": "^4.23.10",
|
|
49
49
|
"@uiw/codemirror-theme-material": "^4.23.10",
|
|
50
50
|
"@uiw/react-codemirror": "^4.23.10",
|
|
51
|
-
"@vef-framework/core": "1.0.
|
|
52
|
-
"@vef-framework/hooks": "1.0.
|
|
53
|
-
"@vef-framework/shared": "1.0.
|
|
51
|
+
"@vef-framework/core": "1.0.129",
|
|
52
|
+
"@vef-framework/hooks": "1.0.129",
|
|
53
|
+
"@vef-framework/shared": "1.0.129",
|
|
54
54
|
"@xyflow/react": "^12.4.4",
|
|
55
55
|
"clsx": "2.1.1",
|
|
56
56
|
"codemirror-json-schema": "^0.8.0",
|
package/types/index.d.ts
CHANGED
|
@@ -46,7 +46,6 @@ export { default as VefIconSelect, type VefIconSelectProps } from "./vef-icon-se
|
|
|
46
46
|
export { default as VefInput, type VefInputInstance, type VefInputProps } from "./vef-input";
|
|
47
47
|
export { default as VefInputNumber, type VefInputNumberInstance, type VefInputNumberProps } from "./vef-input-number";
|
|
48
48
|
export { default as VefIntellisenseCodeEditor, type LanguageName as IntellisenseCodeEditorLanguageName, type VefIntellisenseCodeEditorProps } from "./vef-intellisense-code-editor";
|
|
49
|
-
export { initializeIntellisenseCodeEditor } from "./vef-intellisense-code-editor/loader";
|
|
50
49
|
export { default as VefJsonViewer, type VefJsonViewerProps } from "./vef-json-viewer";
|
|
51
50
|
export { default as VefLayout, type VefLayoutProps } from "./vef-layout";
|
|
52
51
|
export { default as VefLineChart, type VefLineChartProps } from "./vef-line-chart";
|