@vef-framework/components 1.0.101 → 1.0.103
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/es/index.js +1 -91
- package/es/internal/base.css.js +490 -4
- package/es/internal/chart.js +1 -19
- package/es/internal/index.js +1 -4
- package/es/internal/modern-normalize.css.js +213 -4
- package/es/internal/utils.js +1 -7
- package/es/vef-access-denied/access-denied-icon.js +1 -929
- package/es/vef-access-denied/index.js +3 -40
- package/es/vef-action-buttons/index.js +1 -76
- package/es/vef-approval-flow-editor/components/edge.js +2 -84
- package/es/vef-approval-flow-editor/components/label-value.js +2 -22
- package/es/vef-approval-flow-editor/components/node-content.js +4 -40
- package/es/vef-approval-flow-editor/components/node-selector.js +2 -32
- package/es/vef-approval-flow-editor/components/node-toolbar.js +1 -22
- package/es/vef-approval-flow-editor/components/nodes/approval.js +1 -25
- package/es/vef-approval-flow-editor/components/nodes/condition.js +1 -25
- package/es/vef-approval-flow-editor/components/nodes/end.js +1 -25
- package/es/vef-approval-flow-editor/components/nodes/handle.js +1 -25
- package/es/vef-approval-flow-editor/components/nodes/index.js +1 -18
- package/es/vef-approval-flow-editor/components/nodes/submit.js +1 -25
- package/es/vef-approval-flow-editor/components/selector-content.js +3 -43
- package/es/vef-approval-flow-editor/components/source-handle.js +1 -41
- package/es/vef-approval-flow-editor/components/target-handle.js +1 -10
- package/es/vef-approval-flow-editor/constants.js +1 -219
- package/es/vef-approval-flow-editor/helper.js +1 -84
- package/es/vef-approval-flow-editor/hooks/use-edges-interaction.js +1 -26
- package/es/vef-approval-flow-editor/hooks/use-element-selection.js +1 -25
- package/es/vef-approval-flow-editor/hooks/use-nodes-interaction.js +1 -52
- package/es/vef-approval-flow-editor/index.js +1 -76
- package/es/vef-approval-flow-editor/models/edge-node.js +1 -21
- package/es/vef-approval-flow-editor/models/flow-node.js +1 -106
- package/es/vef-approval-flow-editor/store.js +1 -17
- package/es/vef-approval-flow-editor/styles.js +3 -12
- package/es/vef-approval-flow-editor/types.js +1 -16
- package/es/vef-area-chart/index.js +1 -42
- package/es/vef-auto-sizer/index.js +1 -7
- package/es/vef-avatar/index.js +1 -21
- package/es/vef-avatar-group/index.js +1 -26
- package/es/vef-badge/index.js +1 -48
- package/es/vef-bar-chart/index.js +1 -42
- package/es/vef-bool/hooks/use-bool-instance.js +1 -35
- package/es/vef-bool/index.js +1 -61
- package/es/vef-breadcrumb/index.js +1 -49
- package/es/vef-button/components/base-button.js +1 -74
- package/es/vef-button/index.js +1 -152
- package/es/vef-card/index.js +1 -26
- package/es/vef-card-meta/index.js +1 -13
- package/es/vef-chart-container/hooks/use-chart-container-context.js +1 -13
- package/es/vef-chart-container/index.js +5 -72
- package/es/vef-chart-legend-content/index.js +4 -38
- package/es/vef-chart-tooltip-content/index.js +9 -73
- package/es/vef-checkbox/hooks/use-checkbox-instance.js +1 -21
- package/es/vef-checkbox/hooks/use-data-options.js +1 -41
- package/es/vef-checkbox/index.js +2 -88
- package/es/vef-col/index.js +1 -12
- package/es/vef-color-picker/index.js +1 -47
- package/es/vef-compact/index.js +1 -16
- package/es/vef-config-provider/global-style.js +3 -12
- package/es/vef-config-provider/hooks/use-ui-config.js +1 -127
- package/es/vef-config-provider/index.js +3 -122
- package/es/vef-config-provider/store.js +1 -22
- package/es/vef-container/index.js +1 -19
- package/es/vef-crud-page/components/crud-actions.js +1 -33
- package/es/vef-crud-page/components/crud-filter.js +1 -55
- package/es/vef-crud-page/components/crud-footer.js +2 -116
- package/es/vef-crud-page/components/crud-form-modal.js +1 -54
- package/es/vef-crud-page/components/crud-header.js +1 -30
- package/es/vef-crud-page/components/crud-table.js +1 -77
- package/es/vef-crud-page/hooks/use-action-buttons.js +1 -38
- package/es/vef-crud-page/hooks/use-crud-context.js +1 -21
- package/es/vef-crud-page/hooks/use-crud-schema.js +1 -117
- package/es/vef-crud-page/hooks/use-operation-buttons.js +1 -61
- package/es/vef-crud-page/index.js +1 -151
- package/es/vef-crud-page/store.js +1 -143
- package/es/vef-data-grid/index.js +1 -86
- package/es/vef-data-table/index.js +1 -10
- package/es/vef-divider/index.js +1 -25
- package/es/vef-drawer/components/action-button-wrapper.js +1 -50
- package/es/vef-drawer/components/button-props.js +1 -3
- package/es/vef-drawer/components/cancel-action-button.js +1 -22
- package/es/vef-drawer/components/ok-action-button.js +1 -21
- package/es/vef-drawer/context.js +1 -16
- package/es/vef-drawer/index.js +2 -154
- package/es/vef-dropdown/index.js +1 -93
- package/es/vef-dynamic-icon/index.js +1 -47
- package/es/vef-dynamic-icon/props.js +1 -7
- package/es/vef-empty/index.js +1 -38
- package/es/vef-empty-placeholder/index.js +2 -18
- package/es/vef-error/error-icon.js +1 -758
- package/es/vef-error/index.js +3 -43
- package/es/vef-filter/components/action-buttons.js +2 -117
- package/es/vef-filter/components/advanced-filter.js +3 -67
- package/es/vef-filter/components/basic-filter.js +2 -34
- package/es/vef-filter/components/fields/index.js +1 -20
- package/es/vef-filter/components/fields/input-number.js +1 -91
- package/es/vef-filter/components/fields/input.js +1 -68
- package/es/vef-filter/components/fields/radio.js +1 -110
- package/es/vef-filter/components/fields/select.js +1 -141
- package/es/vef-filter/components/fields/tree-select.js +1 -137
- package/es/vef-filter/components/filter-field.js +1 -20
- package/es/vef-filter/components/filter-item.js +1 -113
- package/es/vef-filter/event.js +1 -45
- package/es/vef-filter/helper.js +1 -16
- package/es/vef-filter/hooks/use-action-handlers.js +1 -71
- package/es/vef-filter/hooks/use-computed-values.js +1 -56
- package/es/vef-filter/hooks/use-filter-context.js +1 -19
- package/es/vef-filter/hooks/use-filter-initialization.js +1 -38
- package/es/vef-filter/hooks/use-filter-instance.js +1 -27
- package/es/vef-filter/hooks/use-filter-items.js +1 -24
- package/es/vef-filter/hooks/use-filter-values-change.js +1 -31
- package/es/vef-filter/hooks/use-label-config.js +1 -28
- package/es/vef-filter/index.js +2 -142
- package/es/vef-filter/store.js +1 -72
- package/es/vef-flex/index.js +1 -32
- package/es/vef-float-button/index.js +1 -50
- package/es/vef-float-button-group/index.js +1 -21
- package/es/vef-form/components/fields/icon-select.js +1 -66
- package/es/vef-form/components/fields/index.js +1 -26
- package/es/vef-form/components/fields/input-number.js +1 -124
- package/es/vef-form/components/fields/input.js +1 -133
- package/es/vef-form/components/fields/password.js +1 -116
- package/es/vef-form/components/fields/radio.js +1 -107
- package/es/vef-form/components/fields/select.js +1 -239
- package/es/vef-form/components/fields/textarea.js +1 -110
- package/es/vef-form/components/fields/tree-select.js +1 -235
- package/es/vef-form/components/form-actions.js +2 -58
- package/es/vef-form/components/form-content.js +2 -145
- package/es/vef-form/components/form-field.js +1 -23
- package/es/vef-form/components/form-group.js +2 -64
- package/es/vef-form/components/form-hidden-item.js +1 -37
- package/es/vef-form/components/form-item.js +1 -80
- package/es/vef-form/components/form-row.js +1 -99
- package/es/vef-form/event.js +1 -45
- package/es/vef-form/helper.js +1 -16
- package/es/vef-form/hooks/use-action-handlers.js +1 -131
- package/es/vef-form/hooks/use-columns-layout.js +1 -123
- package/es/vef-form/hooks/use-computed-values.js +1 -56
- package/es/vef-form/hooks/use-form-context.js +1 -15
- package/es/vef-form/hooks/use-form-initialization.js +1 -46
- package/es/vef-form/hooks/use-form-instance.js +1 -27
- package/es/vef-form/hooks/use-form-values-change.js +1 -31
- package/es/vef-form/hooks/use-label-width.js +1 -19
- package/es/vef-form/index.js +2 -174
- package/es/vef-form/store.js +1 -66
- package/es/vef-form/validation-rules.js +1 -287
- package/es/vef-form-drawer/index.js +1 -99
- package/es/vef-form-modal/index.js +1 -96
- package/es/vef-generic-select/index.js +1 -82
- package/es/vef-grid/index.js +9 -75
- package/es/vef-grid/props.js +1 -5
- package/es/vef-grid-item/index.js +1 -53
- package/es/vef-icon/index.js +1 -51
- package/es/vef-icon-select/index.js +4 -140
- package/es/vef-input/hooks/use-input-instance.js +1 -16
- package/es/vef-input/index.js +1 -65
- package/es/vef-input-number/hooks/use-input-number-instance.js +1 -14
- package/es/vef-input-number/index.js +1 -149
- package/es/vef-layout/common-styles.js +2 -9
- package/es/vef-layout/components/content.js +1 -14
- package/es/vef-layout/components/font-size.js +1 -69
- package/es/vef-layout/components/fullscreen.js +1 -24
- package/es/vef-layout/components/header-action-icons.js +2 -26
- package/es/vef-layout/components/header-content.js +1 -20
- package/es/vef-layout/components/header.js +2 -66
- package/es/vef-layout/components/icon-boy.js +1 -70
- package/es/vef-layout/components/icon-girl.js +1 -77
- package/es/vef-layout/components/icon-menu-fold-left.js +1 -24
- package/es/vef-layout/components/icon-menu-unfold-left.js +1 -24
- package/es/vef-layout/components/menu-groups.js +5 -114
- package/es/vef-layout/components/message.js +1 -12
- package/es/vef-layout/components/search.js +1 -12
- package/es/vef-layout/components/sider.js +2 -52
- package/es/vef-layout/components/title.js +2 -48
- package/es/vef-layout/components/user-avatar.js +4 -76
- package/es/vef-layout/hooks/use-layout-context.js +1 -11
- package/es/vef-layout/index.js +2 -34
- package/es/vef-layout/logo.svg.js +1 -5
- package/es/vef-layout/store.js +1 -17
- package/es/vef-line-chart/index.js +1 -39
- package/es/vef-loading-placeholder/index.js +2 -40
- package/es/vef-login/index.js +9 -141
- package/es/vef-login/login-icon.js +1 -669
- package/es/vef-menu/index.js +2 -76
- package/es/vef-modal/components/action-button-wrapper.js +1 -50
- package/es/vef-modal/components/button-props.js +1 -3
- package/es/vef-modal/components/cancel-action-button.js +1 -19
- package/es/vef-modal/components/ok-action-button.js +1 -21
- package/es/vef-modal/context.js +1 -16
- package/es/vef-modal/index.js +2 -240
- package/es/vef-not-found/index.js +3 -40
- package/es/vef-not-found/not-found-icon.js +1 -845
- package/es/vef-page/index.js +2 -80
- package/es/vef-pagination/index.js +1 -58
- package/es/vef-pagination/props.js +1 -14
- package/es/vef-paragraph/index.js +1 -90
- package/es/vef-password/hooks/use-password-instance.js +1 -14
- package/es/vef-password/index.js +1 -68
- package/es/vef-pie-chart/index.js +3 -66
- package/es/vef-popconfirm/index.js +1 -57
- package/es/vef-popover/index.js +1 -35
- package/es/vef-radio/hooks/use-data-options.js +1 -41
- package/es/vef-radio/hooks/use-radio-instance.js +1 -21
- package/es/vef-radio/index.js +2 -88
- package/es/vef-rate/hooks/use-rate-instance.js +1 -14
- package/es/vef-rate/index.js +1 -31
- package/es/vef-responsive-container/index.js +2 -55
- package/es/vef-responsive-item/index.js +2 -24
- package/es/vef-ribbon/index.js +1 -39
- package/es/vef-row/index.js +1 -13
- package/es/vef-scroll-area/components/scrollbar.js +5 -33
- package/es/vef-scroll-area/index.js +3 -70
- package/es/vef-select/components/option.js +2 -23
- package/es/vef-select/hooks/use-data-options.js +1 -48
- package/es/vef-select/hooks/use-field-names.js +1 -22
- package/es/vef-select/hooks/use-render-label.js +2 -24
- package/es/vef-select/hooks/use-render-option.js +1 -20
- package/es/vef-select/hooks/use-select-instance.js +1 -21
- package/es/vef-select/index.js +1 -101
- package/es/vef-slider/hooks/use-slider-instance.js +1 -14
- package/es/vef-slider/index.js +1 -35
- package/es/vef-sortable-list/components/overlay-item.js +2 -32
- package/es/vef-sortable-list/components/sortable-item.js +2 -76
- package/es/vef-sortable-list/hooks/use-merged-items.js +1 -22
- package/es/vef-sortable-list/index.js +1 -115
- package/es/vef-space/index.js +1 -26
- package/es/vef-spin/index.js +1 -13
- package/es/vef-splitter/index.js +1 -21
- package/es/vef-splitter-panel/index.js +1 -13
- package/es/vef-status/index.js +1 -38
- package/es/vef-table/components/columns/bool.js +1 -92
- package/es/vef-table/components/columns/code.js +1 -11
- package/es/vef-table/components/columns/data-dictionary.js +1 -93
- package/es/vef-table/components/columns/enum.js +1 -102
- package/es/vef-table/components/columns/file.js +1 -11
- package/es/vef-table/components/columns/icon.js +1 -11
- package/es/vef-table/components/columns/id.js +1 -83
- package/es/vef-table/components/columns/image.js +1 -12
- package/es/vef-table/components/columns/index.js +1 -34
- package/es/vef-table/components/columns/markdown.js +1 -11
- package/es/vef-table/components/columns/number.js +1 -84
- package/es/vef-table/components/columns/render.js +1 -29
- package/es/vef-table/components/columns/rich-text.js +1 -11
- package/es/vef-table/components/columns/text.js +1 -89
- package/es/vef-table/components/columns-settings.js +2 -188
- package/es/vef-table/components/operation-buttons.js +2 -231
- package/es/vef-table/components/settings-icon.js +2 -19
- package/es/vef-table/components/table-footer.js +2 -102
- package/es/vef-table/helper.js +1 -16
- package/es/vef-table/hooks/use-computed-batch-buttons.js +1 -34
- package/es/vef-table/hooks/use-computed-columns.js +1 -21
- package/es/vef-table/hooks/use-computed-values.js +1 -39
- package/es/vef-table/hooks/use-data.js +1 -58
- package/es/vef-table/hooks/use-default-column-configs.js +1 -28
- package/es/vef-table/hooks/use-display-value.js +1 -37
- package/es/vef-table/hooks/use-helper-columns.js +1 -68
- package/es/vef-table/hooks/use-operation-column-width.js +1 -51
- package/es/vef-table/hooks/use-pagination-props.js +1 -45
- package/es/vef-table/hooks/use-row-props.js +1 -40
- package/es/vef-table/hooks/use-row-selection-config.js +1 -113
- package/es/vef-table/hooks/use-selected-rows.js +1 -27
- package/es/vef-table/hooks/use-table-columns.js +1 -57
- package/es/vef-table/hooks/use-table-context.js +1 -22
- package/es/vef-table/hooks/use-table-instance.js +1 -16
- package/es/vef-table/hooks/use-table-summary.js +1 -43
- package/es/vef-table/hooks/use-table-width.js +1 -14
- package/es/vef-table/index.js +3 -226
- package/es/vef-table/store.js +1 -18
- package/es/vef-tabs/index.js +1 -26
- package/es/vef-tag/index.js +1 -29
- package/es/vef-temporal-picker/helper.js +1 -58
- package/es/vef-temporal-picker/hooks/use-dayjs-value.js +1 -19
- package/es/vef-temporal-picker/hooks/use-temporal-limit.js +1 -35
- package/es/vef-temporal-picker/hooks/use-temporal-picker-instance.js +1 -20
- package/es/vef-temporal-picker/index.js +1 -126
- package/es/vef-temporal-range-picker/helper.js +1 -58
- package/es/vef-temporal-range-picker/hooks/use-dayjs-values.js +1 -24
- package/es/vef-temporal-range-picker/hooks/use-temporal-limit.js +1 -35
- package/es/vef-temporal-range-picker/hooks/use-temporal-range-picker-instance.js +1 -20
- package/es/vef-temporal-range-picker/index.js +1 -129
- package/es/vef-temporal-range-picker/props.js +1 -5
- package/es/vef-text/index.js +1 -81
- package/es/vef-textarea/hooks/use-textarea-instance.js +1 -14
- package/es/vef-textarea/index.js +1 -68
- package/es/vef-title/index.js +3 -87
- package/es/vef-tooltip/index.js +1 -36
- package/es/vef-tree-select/hooks/use-change-handler.js +1 -34
- package/es/vef-tree-select/hooks/use-data-options.js +1 -46
- package/es/vef-tree-select/hooks/use-tree-select-instance.js +1 -21
- package/es/vef-tree-select/index.js +1 -90
- package/es/vef-virtual-grid/index.js +3 -108
- package/es/vef-virtual-list/index.js +4 -216
- package/lib/index.cjs +1 -187
- package/lib/internal/base.css.cjs +488 -6
- package/lib/internal/chart.cjs +1 -23
- package/lib/internal/index.cjs +1 -13
- package/lib/internal/modern-normalize.css.cjs +211 -6
- package/lib/internal/utils.cjs +1 -11
- package/lib/vef-access-denied/access-denied-icon.cjs +1 -933
- package/lib/vef-access-denied/index.cjs +3 -44
- package/lib/vef-access-denied/props.cjs +1 -5
- package/lib/vef-action-buttons/index.cjs +1 -80
- package/lib/vef-action-buttons/props.cjs +1 -5
- package/lib/vef-approval-flow-editor/components/edge.cjs +2 -88
- package/lib/vef-approval-flow-editor/components/label-value.cjs +2 -26
- package/lib/vef-approval-flow-editor/components/node-content.cjs +4 -44
- package/lib/vef-approval-flow-editor/components/node-selector.cjs +2 -36
- package/lib/vef-approval-flow-editor/components/node-toolbar.cjs +1 -26
- package/lib/vef-approval-flow-editor/components/nodes/approval.cjs +1 -29
- package/lib/vef-approval-flow-editor/components/nodes/condition.cjs +1 -29
- package/lib/vef-approval-flow-editor/components/nodes/end.cjs +1 -29
- package/lib/vef-approval-flow-editor/components/nodes/handle.cjs +1 -29
- package/lib/vef-approval-flow-editor/components/nodes/index.cjs +1 -22
- package/lib/vef-approval-flow-editor/components/nodes/submit.cjs +1 -29
- package/lib/vef-approval-flow-editor/components/selector-content.cjs +3 -47
- package/lib/vef-approval-flow-editor/components/source-handle.cjs +1 -45
- package/lib/vef-approval-flow-editor/components/target-handle.cjs +1 -14
- package/lib/vef-approval-flow-editor/constants.cjs +1 -228
- package/lib/vef-approval-flow-editor/helper.cjs +1 -91
- package/lib/vef-approval-flow-editor/hooks/use-edges-interaction.cjs +1 -30
- package/lib/vef-approval-flow-editor/hooks/use-element-selection.cjs +1 -29
- package/lib/vef-approval-flow-editor/hooks/use-nodes-interaction.cjs +1 -56
- package/lib/vef-approval-flow-editor/index.cjs +1 -80
- package/lib/vef-approval-flow-editor/models/edge-node.cjs +1 -26
- package/lib/vef-approval-flow-editor/models/flow-node.cjs +1 -115
- package/lib/vef-approval-flow-editor/props.cjs +1 -5
- package/lib/vef-approval-flow-editor/store.cjs +1 -23
- package/lib/vef-approval-flow-editor/styles.cjs +3 -17
- package/lib/vef-approval-flow-editor/types.cjs +1 -21
- package/lib/vef-area-chart/index.cjs +1 -46
- package/lib/vef-area-chart/props.cjs +1 -5
- package/lib/vef-auto-sizer/index.cjs +1 -11
- package/lib/vef-auto-sizer/props.cjs +1 -5
- package/lib/vef-avatar/index.cjs +1 -25
- package/lib/vef-avatar/props.cjs +1 -5
- package/lib/vef-avatar-group/index.cjs +1 -30
- package/lib/vef-avatar-group/props.cjs +1 -5
- package/lib/vef-badge/index.cjs +1 -52
- package/lib/vef-badge/props.cjs +1 -5
- package/lib/vef-bar-chart/index.cjs +1 -46
- package/lib/vef-bar-chart/props.cjs +1 -5
- package/lib/vef-bool/hooks/use-bool-instance.cjs +1 -39
- package/lib/vef-bool/index.cjs +1 -65
- package/lib/vef-bool/props.cjs +1 -5
- package/lib/vef-breadcrumb/index.cjs +1 -53
- package/lib/vef-breadcrumb/props.cjs +1 -5
- package/lib/vef-button/components/base-button.cjs +1 -78
- package/lib/vef-button/index.cjs +1 -156
- package/lib/vef-button/props.cjs +1 -5
- package/lib/vef-card/index.cjs +1 -30
- package/lib/vef-card/props.cjs +1 -5
- package/lib/vef-card-meta/index.cjs +1 -17
- package/lib/vef-card-meta/props.cjs +1 -5
- package/lib/vef-chart-container/hooks/use-chart-container-context.cjs +1 -19
- package/lib/vef-chart-container/index.cjs +5 -76
- package/lib/vef-chart-container/props.cjs +1 -5
- package/lib/vef-chart-legend-content/index.cjs +4 -43
- package/lib/vef-chart-legend-content/props.cjs +1 -5
- package/lib/vef-chart-tooltip-content/index.cjs +9 -77
- package/lib/vef-chart-tooltip-content/props.cjs +1 -5
- package/lib/vef-checkbox/hooks/use-checkbox-instance.cjs +1 -25
- package/lib/vef-checkbox/hooks/use-data-options.cjs +1 -45
- package/lib/vef-checkbox/index.cjs +2 -92
- package/lib/vef-checkbox/props.cjs +1 -5
- package/lib/vef-col/index.cjs +1 -16
- package/lib/vef-col/props.cjs +1 -5
- package/lib/vef-color-picker/index.cjs +1 -51
- package/lib/vef-color-picker/props.cjs +1 -5
- package/lib/vef-compact/index.cjs +1 -20
- package/lib/vef-compact/props.cjs +1 -5
- package/lib/vef-config-provider/global-style.cjs +3 -17
- package/lib/vef-config-provider/hooks/use-ui-config.cjs +1 -131
- package/lib/vef-config-provider/index.cjs +3 -126
- package/lib/vef-config-provider/props.cjs +1 -5
- package/lib/vef-config-provider/store.cjs +1 -28
- package/lib/vef-container/index.cjs +1 -23
- package/lib/vef-container/props.cjs +1 -5
- package/lib/vef-crud-page/components/crud-actions.cjs +1 -37
- package/lib/vef-crud-page/components/crud-filter.cjs +1 -59
- package/lib/vef-crud-page/components/crud-footer.cjs +2 -120
- package/lib/vef-crud-page/components/crud-form-modal.cjs +1 -58
- package/lib/vef-crud-page/components/crud-header.cjs +1 -34
- package/lib/vef-crud-page/components/crud-table.cjs +1 -81
- package/lib/vef-crud-page/hooks/use-action-buttons.cjs +1 -42
- package/lib/vef-crud-page/hooks/use-crud-context.cjs +1 -25
- package/lib/vef-crud-page/hooks/use-crud-schema.cjs +1 -121
- package/lib/vef-crud-page/hooks/use-operation-buttons.cjs +1 -65
- package/lib/vef-crud-page/index.cjs +1 -155
- package/lib/vef-crud-page/props.cjs +1 -5
- package/lib/vef-crud-page/store.cjs +1 -149
- package/lib/vef-crud-page/types.cjs +1 -5
- package/lib/vef-data-grid/index.cjs +1 -90
- package/lib/vef-data-grid/props.cjs +1 -5
- package/lib/vef-data-table/index.cjs +1 -14
- package/lib/vef-data-table/props.cjs +1 -5
- package/lib/vef-divider/index.cjs +1 -29
- package/lib/vef-divider/props.cjs +1 -5
- package/lib/vef-drawer/components/action-button-wrapper.cjs +1 -54
- package/lib/vef-drawer/components/button-props.cjs +1 -5
- package/lib/vef-drawer/components/cancel-action-button.cjs +1 -26
- package/lib/vef-drawer/components/ok-action-button.cjs +1 -25
- package/lib/vef-drawer/context.cjs +1 -22
- package/lib/vef-drawer/index.cjs +2 -159
- package/lib/vef-drawer/props.cjs +1 -5
- package/lib/vef-dropdown/index.cjs +1 -97
- package/lib/vef-dropdown/props.cjs +1 -5
- package/lib/vef-dynamic-icon/index.cjs +1 -51
- package/lib/vef-dynamic-icon/props.cjs +1 -11
- package/lib/vef-empty/index.cjs +1 -42
- package/lib/vef-empty/props.cjs +1 -5
- package/lib/vef-empty-placeholder/index.cjs +2 -22
- package/lib/vef-empty-placeholder/props.cjs +1 -5
- package/lib/vef-error/error-icon.cjs +1 -762
- package/lib/vef-error/index.cjs +3 -47
- package/lib/vef-error/props.cjs +1 -5
- package/lib/vef-filter/components/action-buttons.cjs +2 -121
- package/lib/vef-filter/components/advanced-filter.cjs +3 -71
- package/lib/vef-filter/components/basic-filter.cjs +2 -38
- package/lib/vef-filter/components/fields/index.cjs +1 -24
- package/lib/vef-filter/components/fields/input-number.cjs +1 -95
- package/lib/vef-filter/components/fields/input.cjs +1 -72
- package/lib/vef-filter/components/fields/props.cjs +1 -5
- package/lib/vef-filter/components/fields/radio.cjs +1 -114
- package/lib/vef-filter/components/fields/select.cjs +1 -145
- package/lib/vef-filter/components/fields/tree-select.cjs +1 -141
- package/lib/vef-filter/components/filter-field.cjs +1 -24
- package/lib/vef-filter/components/filter-item.cjs +1 -117
- package/lib/vef-filter/event.cjs +1 -49
- package/lib/vef-filter/helper.cjs +1 -20
- package/lib/vef-filter/hooks/use-action-handlers.cjs +1 -75
- package/lib/vef-filter/hooks/use-computed-values.cjs +1 -60
- package/lib/vef-filter/hooks/use-filter-context.cjs +1 -25
- package/lib/vef-filter/hooks/use-filter-initialization.cjs +1 -42
- package/lib/vef-filter/hooks/use-filter-instance.cjs +1 -31
- package/lib/vef-filter/hooks/use-filter-items.cjs +1 -28
- package/lib/vef-filter/hooks/use-filter-values-change.cjs +1 -35
- package/lib/vef-filter/hooks/use-label-config.cjs +1 -32
- package/lib/vef-filter/index.cjs +2 -146
- package/lib/vef-filter/props.cjs +1 -5
- package/lib/vef-filter/store.cjs +1 -78
- package/lib/vef-filter/types.cjs +1 -5
- package/lib/vef-flex/index.cjs +1 -36
- package/lib/vef-flex/props.cjs +1 -5
- package/lib/vef-float-button/index.cjs +1 -54
- package/lib/vef-float-button/props.cjs +1 -5
- package/lib/vef-float-button-group/index.cjs +1 -25
- package/lib/vef-float-button-group/props.cjs +1 -5
- package/lib/vef-form/components/fields/icon-select.cjs +1 -70
- package/lib/vef-form/components/fields/index.cjs +1 -30
- package/lib/vef-form/components/fields/input-number.cjs +1 -128
- package/lib/vef-form/components/fields/input.cjs +1 -137
- package/lib/vef-form/components/fields/password.cjs +1 -120
- package/lib/vef-form/components/fields/props.cjs +1 -5
- package/lib/vef-form/components/fields/radio.cjs +1 -111
- package/lib/vef-form/components/fields/select.cjs +1 -243
- package/lib/vef-form/components/fields/textarea.cjs +1 -114
- package/lib/vef-form/components/fields/tree-select.cjs +1 -239
- package/lib/vef-form/components/form-actions.cjs +2 -62
- package/lib/vef-form/components/form-content.cjs +2 -149
- package/lib/vef-form/components/form-field.cjs +1 -27
- package/lib/vef-form/components/form-group.cjs +2 -68
- package/lib/vef-form/components/form-hidden-item.cjs +1 -41
- package/lib/vef-form/components/form-item.cjs +1 -84
- package/lib/vef-form/components/form-row.cjs +1 -103
- package/lib/vef-form/event.cjs +1 -49
- package/lib/vef-form/helper.cjs +1 -20
- package/lib/vef-form/hooks/use-action-handlers.cjs +1 -135
- package/lib/vef-form/hooks/use-columns-layout.cjs +1 -127
- package/lib/vef-form/hooks/use-computed-values.cjs +1 -60
- package/lib/vef-form/hooks/use-form-context.cjs +1 -21
- package/lib/vef-form/hooks/use-form-initialization.cjs +1 -50
- package/lib/vef-form/hooks/use-form-instance.cjs +1 -31
- package/lib/vef-form/hooks/use-form-values-change.cjs +1 -35
- package/lib/vef-form/hooks/use-label-width.cjs +1 -23
- package/lib/vef-form/index.cjs +2 -178
- package/lib/vef-form/props.cjs +1 -5
- package/lib/vef-form/store.cjs +1 -72
- package/lib/vef-form/types.cjs +1 -5
- package/lib/vef-form/validation-rules.cjs +1 -313
- package/lib/vef-form-drawer/index.cjs +1 -103
- package/lib/vef-form-drawer/props.cjs +1 -5
- package/lib/vef-form-modal/index.cjs +1 -100
- package/lib/vef-form-modal/props.cjs +1 -5
- package/lib/vef-generic-select/index.cjs +1 -86
- package/lib/vef-generic-select/props.cjs +1 -5
- package/lib/vef-grid/index.cjs +9 -79
- package/lib/vef-grid/props.cjs +1 -9
- package/lib/vef-grid-item/index.cjs +1 -57
- package/lib/vef-grid-item/props.cjs +1 -5
- package/lib/vef-icon/index.cjs +1 -55
- package/lib/vef-icon/props.cjs +1 -5
- package/lib/vef-icon-select/index.cjs +4 -144
- package/lib/vef-icon-select/props.cjs +1 -5
- package/lib/vef-input/hooks/use-input-instance.cjs +1 -20
- package/lib/vef-input/index.cjs +1 -69
- package/lib/vef-input/props.cjs +1 -5
- package/lib/vef-input-number/hooks/use-input-number-instance.cjs +1 -18
- package/lib/vef-input-number/index.cjs +1 -153
- package/lib/vef-input-number/props.cjs +1 -5
- package/lib/vef-layout/common-styles.cjs +2 -13
- package/lib/vef-layout/components/content.cjs +1 -18
- package/lib/vef-layout/components/font-size.cjs +1 -73
- package/lib/vef-layout/components/fullscreen.cjs +1 -28
- package/lib/vef-layout/components/header-action-icons.cjs +2 -30
- package/lib/vef-layout/components/header-content.cjs +1 -24
- package/lib/vef-layout/components/header.cjs +2 -70
- package/lib/vef-layout/components/icon-boy.cjs +1 -74
- package/lib/vef-layout/components/icon-girl.cjs +1 -81
- package/lib/vef-layout/components/icon-menu-fold-left.cjs +1 -28
- package/lib/vef-layout/components/icon-menu-unfold-left.cjs +1 -28
- package/lib/vef-layout/components/menu-groups.cjs +5 -118
- package/lib/vef-layout/components/message.cjs +1 -16
- package/lib/vef-layout/components/search.cjs +1 -16
- package/lib/vef-layout/components/sider.cjs +2 -56
- package/lib/vef-layout/components/title.cjs +2 -52
- package/lib/vef-layout/components/user-avatar.cjs +4 -80
- package/lib/vef-layout/hooks/use-layout-context.cjs +1 -17
- package/lib/vef-layout/index.cjs +2 -38
- package/lib/vef-layout/logo.svg.cjs +1 -9
- package/lib/vef-layout/props.cjs +1 -5
- package/lib/vef-layout/store.cjs +1 -23
- package/lib/vef-line-chart/index.cjs +1 -43
- package/lib/vef-line-chart/props.cjs +1 -5
- package/lib/vef-loading-placeholder/index.cjs +2 -44
- package/lib/vef-loading-placeholder/props.cjs +1 -5
- package/lib/vef-login/index.cjs +9 -145
- package/lib/vef-login/login-icon.cjs +1 -673
- package/lib/vef-login/props.cjs +1 -5
- package/lib/vef-menu/index.cjs +2 -80
- package/lib/vef-menu/props.cjs +1 -5
- package/lib/vef-modal/components/action-button-wrapper.cjs +1 -54
- package/lib/vef-modal/components/button-props.cjs +1 -5
- package/lib/vef-modal/components/cancel-action-button.cjs +1 -23
- package/lib/vef-modal/components/ok-action-button.cjs +1 -25
- package/lib/vef-modal/context.cjs +1 -22
- package/lib/vef-modal/index.cjs +2 -245
- package/lib/vef-modal/props.cjs +1 -5
- package/lib/vef-not-found/index.cjs +3 -44
- package/lib/vef-not-found/not-found-icon.cjs +1 -849
- package/lib/vef-not-found/props.cjs +1 -5
- package/lib/vef-page/index.cjs +2 -84
- package/lib/vef-page/props.cjs +1 -5
- package/lib/vef-pagination/index.cjs +1 -62
- package/lib/vef-pagination/props.cjs +1 -18
- package/lib/vef-paragraph/index.cjs +1 -94
- package/lib/vef-paragraph/props.cjs +1 -5
- package/lib/vef-password/hooks/use-password-instance.cjs +1 -18
- package/lib/vef-password/index.cjs +1 -72
- package/lib/vef-password/props.cjs +1 -5
- package/lib/vef-pie-chart/index.cjs +3 -70
- package/lib/vef-pie-chart/props.cjs +1 -5
- package/lib/vef-popconfirm/index.cjs +1 -61
- package/lib/vef-popconfirm/props.cjs +1 -5
- package/lib/vef-popover/index.cjs +1 -39
- package/lib/vef-popover/props.cjs +1 -5
- package/lib/vef-radio/hooks/use-data-options.cjs +1 -45
- package/lib/vef-radio/hooks/use-radio-instance.cjs +1 -25
- package/lib/vef-radio/index.cjs +2 -92
- package/lib/vef-radio/props.cjs +1 -5
- package/lib/vef-rate/hooks/use-rate-instance.cjs +1 -18
- package/lib/vef-rate/index.cjs +1 -35
- package/lib/vef-rate/props.cjs +1 -5
- package/lib/vef-responsive-container/index.cjs +2 -59
- package/lib/vef-responsive-container/props.cjs +1 -5
- package/lib/vef-responsive-item/index.cjs +2 -28
- package/lib/vef-responsive-item/props.cjs +1 -5
- package/lib/vef-ribbon/index.cjs +1 -43
- package/lib/vef-ribbon/props.cjs +1 -5
- package/lib/vef-row/index.cjs +1 -17
- package/lib/vef-row/props.cjs +1 -5
- package/lib/vef-scroll-area/components/scrollbar.cjs +5 -37
- package/lib/vef-scroll-area/index.cjs +3 -74
- package/lib/vef-scroll-area/props.cjs +1 -5
- package/lib/vef-select/components/option.cjs +2 -27
- package/lib/vef-select/hooks/use-data-options.cjs +1 -52
- package/lib/vef-select/hooks/use-field-names.cjs +1 -26
- package/lib/vef-select/hooks/use-render-label.cjs +2 -28
- package/lib/vef-select/hooks/use-render-option.cjs +1 -24
- package/lib/vef-select/hooks/use-select-instance.cjs +1 -25
- package/lib/vef-select/index.cjs +1 -105
- package/lib/vef-select/props.cjs +1 -5
- package/lib/vef-slider/hooks/use-slider-instance.cjs +1 -18
- package/lib/vef-slider/index.cjs +1 -39
- package/lib/vef-slider/props.cjs +1 -5
- package/lib/vef-sortable-list/components/overlay-item.cjs +2 -36
- package/lib/vef-sortable-list/components/sortable-item.cjs +2 -80
- package/lib/vef-sortable-list/hooks/use-merged-items.cjs +1 -26
- package/lib/vef-sortable-list/index.cjs +1 -119
- package/lib/vef-sortable-list/props.cjs +1 -5
- package/lib/vef-space/index.cjs +1 -30
- package/lib/vef-space/props.cjs +1 -5
- package/lib/vef-spin/index.cjs +1 -17
- package/lib/vef-spin/props.cjs +1 -5
- package/lib/vef-splitter/index.cjs +1 -25
- package/lib/vef-splitter/props.cjs +1 -5
- package/lib/vef-splitter-panel/index.cjs +1 -17
- package/lib/vef-splitter-panel/props.cjs +1 -5
- package/lib/vef-status/index.cjs +1 -42
- package/lib/vef-status/props.cjs +1 -5
- package/lib/vef-table/components/columns/bool.cjs +1 -96
- package/lib/vef-table/components/columns/code.cjs +1 -15
- package/lib/vef-table/components/columns/data-dictionary.cjs +1 -97
- package/lib/vef-table/components/columns/enum.cjs +1 -106
- package/lib/vef-table/components/columns/file.cjs +1 -15
- package/lib/vef-table/components/columns/icon.cjs +1 -15
- package/lib/vef-table/components/columns/id.cjs +1 -87
- package/lib/vef-table/components/columns/image.cjs +1 -16
- package/lib/vef-table/components/columns/index.cjs +1 -38
- package/lib/vef-table/components/columns/markdown.cjs +1 -15
- package/lib/vef-table/components/columns/number.cjs +1 -88
- package/lib/vef-table/components/columns/props.cjs +1 -5
- package/lib/vef-table/components/columns/render.cjs +1 -33
- package/lib/vef-table/components/columns/rich-text.cjs +1 -15
- package/lib/vef-table/components/columns/text.cjs +1 -93
- package/lib/vef-table/components/columns-settings.cjs +2 -192
- package/lib/vef-table/components/operation-buttons.cjs +2 -235
- package/lib/vef-table/components/settings-icon.cjs +2 -23
- package/lib/vef-table/components/table-footer.cjs +2 -106
- package/lib/vef-table/helper.cjs +1 -20
- package/lib/vef-table/hooks/use-computed-batch-buttons.cjs +1 -38
- package/lib/vef-table/hooks/use-computed-columns.cjs +1 -25
- package/lib/vef-table/hooks/use-computed-values.cjs +1 -43
- package/lib/vef-table/hooks/use-data.cjs +1 -62
- package/lib/vef-table/hooks/use-default-column-configs.cjs +1 -32
- package/lib/vef-table/hooks/use-display-value.cjs +1 -41
- package/lib/vef-table/hooks/use-helper-columns.cjs +1 -72
- package/lib/vef-table/hooks/use-operation-column-width.cjs +1 -55
- package/lib/vef-table/hooks/use-pagination-props.cjs +1 -49
- package/lib/vef-table/hooks/use-row-props.cjs +1 -44
- package/lib/vef-table/hooks/use-row-selection-config.cjs +1 -117
- package/lib/vef-table/hooks/use-selected-rows.cjs +1 -31
- package/lib/vef-table/hooks/use-table-columns.cjs +1 -61
- package/lib/vef-table/hooks/use-table-context.cjs +1 -28
- package/lib/vef-table/hooks/use-table-instance.cjs +1 -20
- package/lib/vef-table/hooks/use-table-summary.cjs +1 -47
- package/lib/vef-table/hooks/use-table-width.cjs +1 -18
- package/lib/vef-table/index.cjs +3 -230
- package/lib/vef-table/props.cjs +1 -5
- package/lib/vef-table/store.cjs +1 -24
- package/lib/vef-table/types.cjs +1 -5
- package/lib/vef-tabs/index.cjs +1 -30
- package/lib/vef-tabs/props.cjs +1 -5
- package/lib/vef-tag/index.cjs +1 -33
- package/lib/vef-tag/props.cjs +1 -5
- package/lib/vef-temporal-picker/helper.cjs +1 -62
- package/lib/vef-temporal-picker/hooks/use-dayjs-value.cjs +1 -23
- package/lib/vef-temporal-picker/hooks/use-temporal-limit.cjs +1 -39
- package/lib/vef-temporal-picker/hooks/use-temporal-picker-instance.cjs +1 -24
- package/lib/vef-temporal-picker/index.cjs +1 -130
- package/lib/vef-temporal-picker/props.cjs +1 -5
- package/lib/vef-temporal-range-picker/helper.cjs +1 -62
- package/lib/vef-temporal-range-picker/hooks/use-dayjs-values.cjs +1 -28
- package/lib/vef-temporal-range-picker/hooks/use-temporal-limit.cjs +1 -39
- package/lib/vef-temporal-range-picker/hooks/use-temporal-range-picker-instance.cjs +1 -24
- package/lib/vef-temporal-range-picker/index.cjs +1 -133
- package/lib/vef-temporal-range-picker/props.cjs +1 -9
- package/lib/vef-text/index.cjs +1 -85
- package/lib/vef-text/props.cjs +1 -5
- package/lib/vef-textarea/hooks/use-textarea-instance.cjs +1 -18
- package/lib/vef-textarea/index.cjs +1 -72
- package/lib/vef-textarea/props.cjs +1 -5
- package/lib/vef-title/index.cjs +3 -91
- package/lib/vef-title/props.cjs +1 -5
- package/lib/vef-tooltip/index.cjs +1 -40
- package/lib/vef-tooltip/props.cjs +1 -5
- package/lib/vef-tree-select/hooks/use-change-handler.cjs +1 -38
- package/lib/vef-tree-select/hooks/use-data-options.cjs +1 -50
- package/lib/vef-tree-select/hooks/use-tree-select-instance.cjs +1 -25
- package/lib/vef-tree-select/index.cjs +1 -94
- package/lib/vef-tree-select/props.cjs +1 -5
- package/lib/vef-virtual-grid/index.cjs +3 -112
- package/lib/vef-virtual-grid/props.cjs +1 -5
- package/lib/vef-virtual-list/index.cjs +4 -220
- package/lib/vef-virtual-list/props.cjs +1 -5
- package/package.json +4 -4
|
@@ -1,141 +1 @@
|
|
|
1
|
-
/*! VefFramework version: 1.0.
|
|
2
|
-
import { jsx } from '@emotion/react/jsx-runtime';
|
|
3
|
-
import { VefError, isString, isFunction } from '@vef-framework/shared';
|
|
4
|
-
import { useMemo } from 'react';
|
|
5
|
-
import VefSelect from '../../../vef-select/index.js';
|
|
6
|
-
import { useComputedValues } from '../../hooks/use-computed-values.js';
|
|
7
|
-
import { useFilterStore } from '../../store.js';
|
|
8
|
-
|
|
9
|
-
function Select({
|
|
10
|
-
label,
|
|
11
|
-
disabled,
|
|
12
|
-
value,
|
|
13
|
-
onChange,
|
|
14
|
-
componentProps
|
|
15
|
-
}) {
|
|
16
|
-
if (componentProps.type !== "SingleSelect" && componentProps.type !== "MultipleSelect") {
|
|
17
|
-
throw new VefError(-9, `Oops! Something went wrong. The type of the filter field is not "Select", but rendered.`);
|
|
18
|
-
}
|
|
19
|
-
const {
|
|
20
|
-
onChange: onValueChange,
|
|
21
|
-
// eslint-disable-next-line ts/ban-ts-comment
|
|
22
|
-
// @ts-expect-error
|
|
23
|
-
maxCount,
|
|
24
|
-
filterable,
|
|
25
|
-
filterFromRemote,
|
|
26
|
-
placeholder,
|
|
27
|
-
grouped,
|
|
28
|
-
keywordKey,
|
|
29
|
-
renderOption,
|
|
30
|
-
labelKey,
|
|
31
|
-
valueKey,
|
|
32
|
-
descriptionKey,
|
|
33
|
-
disabledKey,
|
|
34
|
-
childrenKey,
|
|
35
|
-
defaultToFirst,
|
|
36
|
-
api,
|
|
37
|
-
apiParams,
|
|
38
|
-
apiEnabled,
|
|
39
|
-
data,
|
|
40
|
-
dataDictionaryKey,
|
|
41
|
-
placeholderData,
|
|
42
|
-
keepPreviousData,
|
|
43
|
-
staleTime,
|
|
44
|
-
onFetched
|
|
45
|
-
} = componentProps;
|
|
46
|
-
const [
|
|
47
|
-
placeholderValue,
|
|
48
|
-
maxCountValue,
|
|
49
|
-
keywordKeyValue,
|
|
50
|
-
apiValue,
|
|
51
|
-
apiParamsValue,
|
|
52
|
-
apiEnabledValue,
|
|
53
|
-
dataValue,
|
|
54
|
-
dataDictionaryKeyValue
|
|
55
|
-
] = useComputedValues([
|
|
56
|
-
{
|
|
57
|
-
key: "placeholder",
|
|
58
|
-
rawValue: placeholder,
|
|
59
|
-
defaultValue: label ? isString(label) ? `请选择${label}` : "请选择" : void 0
|
|
60
|
-
},
|
|
61
|
-
{
|
|
62
|
-
key: "maxCount",
|
|
63
|
-
rawValue: maxCount
|
|
64
|
-
},
|
|
65
|
-
{
|
|
66
|
-
key: "keywordKey",
|
|
67
|
-
rawValue: keywordKey
|
|
68
|
-
},
|
|
69
|
-
{
|
|
70
|
-
key: "api",
|
|
71
|
-
rawValue: api
|
|
72
|
-
},
|
|
73
|
-
{
|
|
74
|
-
key: "apiParams",
|
|
75
|
-
rawValue: apiParams
|
|
76
|
-
},
|
|
77
|
-
{
|
|
78
|
-
key: "apiEnabled",
|
|
79
|
-
rawValue: apiEnabled
|
|
80
|
-
},
|
|
81
|
-
{
|
|
82
|
-
key: "data",
|
|
83
|
-
rawValue: data
|
|
84
|
-
},
|
|
85
|
-
{
|
|
86
|
-
key: "dataDictionaryKey",
|
|
87
|
-
rawValue: dataDictionaryKey
|
|
88
|
-
}
|
|
89
|
-
]);
|
|
90
|
-
const [form, setValues] = useFilterStore((state) => [state.form, state.setValues]);
|
|
91
|
-
const events = useMemo(() => {
|
|
92
|
-
const events2 = {};
|
|
93
|
-
events2.onChange = (value2, option) => {
|
|
94
|
-
onChange?.(value2);
|
|
95
|
-
if (isFunction(onValueChange)) {
|
|
96
|
-
const values = form.getFieldsValue();
|
|
97
|
-
onValueChange(value2, {
|
|
98
|
-
values,
|
|
99
|
-
setValues,
|
|
100
|
-
option
|
|
101
|
-
});
|
|
102
|
-
}
|
|
103
|
-
};
|
|
104
|
-
return events2;
|
|
105
|
-
}, [form, onChange, onValueChange, setValues]);
|
|
106
|
-
return /* @__PURE__ */ jsx(
|
|
107
|
-
VefSelect,
|
|
108
|
-
{
|
|
109
|
-
clearable: true,
|
|
110
|
-
api: apiValue,
|
|
111
|
-
apiEnabled: apiEnabledValue,
|
|
112
|
-
apiParams: apiParamsValue,
|
|
113
|
-
childrenKey,
|
|
114
|
-
data: dataValue,
|
|
115
|
-
dataDictionaryKey: dataDictionaryKeyValue,
|
|
116
|
-
defaultToFirst,
|
|
117
|
-
descriptionKey,
|
|
118
|
-
disabled,
|
|
119
|
-
disabledKey,
|
|
120
|
-
filterable,
|
|
121
|
-
filterFromRemote,
|
|
122
|
-
grouped,
|
|
123
|
-
keepPreviousData,
|
|
124
|
-
keywordKey: keywordKeyValue,
|
|
125
|
-
labelKey,
|
|
126
|
-
maxCount: maxCountValue,
|
|
127
|
-
multiple: componentProps.type === "MultipleSelect",
|
|
128
|
-
placeholder: placeholderValue,
|
|
129
|
-
placeholderData,
|
|
130
|
-
renderOption,
|
|
131
|
-
staleTime,
|
|
132
|
-
value,
|
|
133
|
-
valueKey,
|
|
134
|
-
onFetched,
|
|
135
|
-
...events
|
|
136
|
-
}
|
|
137
|
-
);
|
|
138
|
-
}
|
|
139
|
-
|
|
140
|
-
export { Select as default };
|
|
141
|
-
/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
|
|
1
|
+
/*! VefFramework version: 1.0.103, build time: 2025-03-07T17:03:51.787Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{VefError,isString,isFunction}from"@vef-framework/shared";import{useMemo}from"react";import VefSelect from"../../../vef-select/index.js";import{useComputedValues}from"../../hooks/use-computed-values.js";import{useFilterStore}from"../../store.js";function Select({label,disabled,value,onChange,componentProps}){if(componentProps.type!=="SingleSelect"&&componentProps.type!=="MultipleSelect")throw new VefError(-9,'Oops! Something went wrong. The type of the filter field is not "Select", but rendered.');const{onChange:onValueChange,maxCount,filterable,filterFromRemote,placeholder,grouped,keywordKey,renderOption,labelKey,valueKey,descriptionKey,disabledKey,childrenKey,defaultToFirst,api,apiParams,apiEnabled,data,dataDictionaryKey,placeholderData,keepPreviousData,staleTime,onFetched}=componentProps,[placeholderValue,maxCountValue,keywordKeyValue,apiValue,apiParamsValue,apiEnabledValue,dataValue,dataDictionaryKeyValue]=useComputedValues([{key:"placeholder",rawValue:placeholder,defaultValue:label?isString(label)?`请选择${label}`:"请选择":void 0},{key:"maxCount",rawValue:maxCount},{key:"keywordKey",rawValue:keywordKey},{key:"api",rawValue:api},{key:"apiParams",rawValue:apiParams},{key:"apiEnabled",rawValue:apiEnabled},{key:"data",rawValue:data},{key:"dataDictionaryKey",rawValue:dataDictionaryKey}]),[form,setValues]=useFilterStore(state=>[state.form,state.setValues]),events=useMemo(()=>{const events2={};return events2.onChange=(value2,option)=>{if(onChange?.(value2),isFunction(onValueChange)){const values=form.getFieldsValue();onValueChange(value2,{values,setValues,option})}},events2},[form,onChange,onValueChange,setValues]);return jsx(VefSelect,{clearable:!0,api:apiValue,apiEnabled:apiEnabledValue,apiParams:apiParamsValue,childrenKey,data:dataValue,dataDictionaryKey:dataDictionaryKeyValue,defaultToFirst,descriptionKey,disabled,disabledKey,filterable,filterFromRemote,grouped,keepPreviousData,keywordKey:keywordKeyValue,labelKey,maxCount:maxCountValue,multiple:componentProps.type==="MultipleSelect",placeholder:placeholderValue,placeholderData,renderOption,staleTime,value,valueKey,onFetched,...events})}/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{Select as default};
|
|
@@ -1,137 +1 @@
|
|
|
1
|
-
/*! VefFramework version: 1.0.
|
|
2
|
-
import { jsx } from '@emotion/react/jsx-runtime';
|
|
3
|
-
import { VefError, isString, isFunction } from '@vef-framework/shared';
|
|
4
|
-
import { useMemo } from 'react';
|
|
5
|
-
import VefTreeSelect from '../../../vef-tree-select/index.js';
|
|
6
|
-
import { useComputedValues } from '../../hooks/use-computed-values.js';
|
|
7
|
-
import { useFilterStore } from '../../store.js';
|
|
8
|
-
|
|
9
|
-
function TreeSelect({
|
|
10
|
-
label,
|
|
11
|
-
disabled,
|
|
12
|
-
value,
|
|
13
|
-
onChange,
|
|
14
|
-
componentProps
|
|
15
|
-
}) {
|
|
16
|
-
if (componentProps.type !== "TreeSingleSelect" && componentProps.type !== "TreeMultipleSelect") {
|
|
17
|
-
throw new VefError(-9, `Oops! Something went wrong. The type of the filter field is not "TreeSelect", but rendered.`);
|
|
18
|
-
}
|
|
19
|
-
const {
|
|
20
|
-
onChange: onValueChange,
|
|
21
|
-
// eslint-disable-next-line ts/ban-ts-comment
|
|
22
|
-
// @ts-expect-error
|
|
23
|
-
maxCount,
|
|
24
|
-
filterable,
|
|
25
|
-
filterFromRemote,
|
|
26
|
-
placeholder,
|
|
27
|
-
keywordKey,
|
|
28
|
-
labelKey,
|
|
29
|
-
valueKey,
|
|
30
|
-
descriptionKey,
|
|
31
|
-
disabledKey,
|
|
32
|
-
childrenKey,
|
|
33
|
-
defaultToFirst,
|
|
34
|
-
api,
|
|
35
|
-
apiParams,
|
|
36
|
-
apiEnabled,
|
|
37
|
-
data,
|
|
38
|
-
dataDictionaryKey,
|
|
39
|
-
placeholderData,
|
|
40
|
-
keepPreviousData,
|
|
41
|
-
staleTime,
|
|
42
|
-
onFetched
|
|
43
|
-
} = componentProps;
|
|
44
|
-
const [
|
|
45
|
-
placeholderValue,
|
|
46
|
-
maxCountValue,
|
|
47
|
-
keywordKeyValue,
|
|
48
|
-
apiValue,
|
|
49
|
-
apiParamsValue,
|
|
50
|
-
apiEnabledValue,
|
|
51
|
-
dataValue,
|
|
52
|
-
dataDictionaryKeyValue
|
|
53
|
-
] = useComputedValues([
|
|
54
|
-
{
|
|
55
|
-
key: "placeholder",
|
|
56
|
-
rawValue: placeholder,
|
|
57
|
-
defaultValue: label ? isString(label) ? `请选择${label}` : "请选择" : void 0
|
|
58
|
-
},
|
|
59
|
-
{
|
|
60
|
-
key: "maxCount",
|
|
61
|
-
rawValue: maxCount
|
|
62
|
-
},
|
|
63
|
-
{
|
|
64
|
-
key: "keywordKey",
|
|
65
|
-
rawValue: keywordKey
|
|
66
|
-
},
|
|
67
|
-
{
|
|
68
|
-
key: "api",
|
|
69
|
-
rawValue: api
|
|
70
|
-
},
|
|
71
|
-
{
|
|
72
|
-
key: "apiParams",
|
|
73
|
-
rawValue: apiParams
|
|
74
|
-
},
|
|
75
|
-
{
|
|
76
|
-
key: "apiEnabled",
|
|
77
|
-
rawValue: apiEnabled
|
|
78
|
-
},
|
|
79
|
-
{
|
|
80
|
-
key: "data",
|
|
81
|
-
rawValue: data
|
|
82
|
-
},
|
|
83
|
-
{
|
|
84
|
-
key: "dataDictionaryKey",
|
|
85
|
-
rawValue: dataDictionaryKey
|
|
86
|
-
}
|
|
87
|
-
]);
|
|
88
|
-
const [form, setValues] = useFilterStore((state) => [state.form, state.setValues]);
|
|
89
|
-
const events = useMemo(() => {
|
|
90
|
-
const events2 = {};
|
|
91
|
-
events2.onChange = (value2, option) => {
|
|
92
|
-
onChange?.(value2);
|
|
93
|
-
if (isFunction(onValueChange)) {
|
|
94
|
-
const values = form.getFieldsValue();
|
|
95
|
-
onValueChange(value2, {
|
|
96
|
-
values,
|
|
97
|
-
setValues,
|
|
98
|
-
option
|
|
99
|
-
});
|
|
100
|
-
}
|
|
101
|
-
};
|
|
102
|
-
return events2;
|
|
103
|
-
}, [form, onChange, onValueChange, setValues]);
|
|
104
|
-
return /* @__PURE__ */ jsx(
|
|
105
|
-
VefTreeSelect,
|
|
106
|
-
{
|
|
107
|
-
clearable: true,
|
|
108
|
-
api: apiValue,
|
|
109
|
-
apiEnabled: apiEnabledValue,
|
|
110
|
-
apiParams: apiParamsValue,
|
|
111
|
-
childrenKey,
|
|
112
|
-
data: dataValue,
|
|
113
|
-
dataDictionaryKey: dataDictionaryKeyValue,
|
|
114
|
-
defaultToFirst,
|
|
115
|
-
descriptionKey,
|
|
116
|
-
disabled,
|
|
117
|
-
disabledKey,
|
|
118
|
-
filterable,
|
|
119
|
-
filterFromRemote,
|
|
120
|
-
keepPreviousData,
|
|
121
|
-
keywordKey: keywordKeyValue,
|
|
122
|
-
labelKey,
|
|
123
|
-
maxCount: maxCountValue,
|
|
124
|
-
multiple: componentProps.type === "TreeMultipleSelect",
|
|
125
|
-
placeholder: placeholderValue,
|
|
126
|
-
placeholderData,
|
|
127
|
-
staleTime,
|
|
128
|
-
value,
|
|
129
|
-
valueKey,
|
|
130
|
-
onFetched,
|
|
131
|
-
...events
|
|
132
|
-
}
|
|
133
|
-
);
|
|
134
|
-
}
|
|
135
|
-
|
|
136
|
-
export { TreeSelect as default };
|
|
137
|
-
/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
|
|
1
|
+
/*! VefFramework version: 1.0.103, build time: 2025-03-07T17:03:51.787Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{VefError,isString,isFunction}from"@vef-framework/shared";import{useMemo}from"react";import VefTreeSelect from"../../../vef-tree-select/index.js";import{useComputedValues}from"../../hooks/use-computed-values.js";import{useFilterStore}from"../../store.js";function TreeSelect({label,disabled,value,onChange,componentProps}){if(componentProps.type!=="TreeSingleSelect"&&componentProps.type!=="TreeMultipleSelect")throw new VefError(-9,'Oops! Something went wrong. The type of the filter field is not "TreeSelect", but rendered.');const{onChange:onValueChange,maxCount,filterable,filterFromRemote,placeholder,keywordKey,labelKey,valueKey,descriptionKey,disabledKey,childrenKey,defaultToFirst,api,apiParams,apiEnabled,data,dataDictionaryKey,placeholderData,keepPreviousData,staleTime,onFetched}=componentProps,[placeholderValue,maxCountValue,keywordKeyValue,apiValue,apiParamsValue,apiEnabledValue,dataValue,dataDictionaryKeyValue]=useComputedValues([{key:"placeholder",rawValue:placeholder,defaultValue:label?isString(label)?`请选择${label}`:"请选择":void 0},{key:"maxCount",rawValue:maxCount},{key:"keywordKey",rawValue:keywordKey},{key:"api",rawValue:api},{key:"apiParams",rawValue:apiParams},{key:"apiEnabled",rawValue:apiEnabled},{key:"data",rawValue:data},{key:"dataDictionaryKey",rawValue:dataDictionaryKey}]),[form,setValues]=useFilterStore(state=>[state.form,state.setValues]),events=useMemo(()=>{const events2={};return events2.onChange=(value2,option)=>{if(onChange?.(value2),isFunction(onValueChange)){const values=form.getFieldsValue();onValueChange(value2,{values,setValues,option})}},events2},[form,onChange,onValueChange,setValues]);return jsx(VefTreeSelect,{clearable:!0,api:apiValue,apiEnabled:apiEnabledValue,apiParams:apiParamsValue,childrenKey,data:dataValue,dataDictionaryKey:dataDictionaryKeyValue,defaultToFirst,descriptionKey,disabled,disabledKey,filterable,filterFromRemote,keepPreviousData,keywordKey:keywordKeyValue,labelKey,maxCount:maxCountValue,multiple:componentProps.type==="TreeMultipleSelect",placeholder:placeholderValue,placeholderData,staleTime,value,valueKey,onFetched,...events})}/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{TreeSelect as default};
|
|
@@ -1,20 +1 @@
|
|
|
1
|
-
/*! VefFramework version: 1.0.
|
|
2
|
-
import { jsx } from '@emotion/react/jsx-runtime';
|
|
3
|
-
import { VefError } from '@vef-framework/shared';
|
|
4
|
-
import { useMemo } from 'react';
|
|
5
|
-
import { fieldMap } from './fields/index.js';
|
|
6
|
-
|
|
7
|
-
function VefFilterField(props) {
|
|
8
|
-
const { name, componentProps: { type } } = props;
|
|
9
|
-
const FilterFieldComponent = useMemo(() => {
|
|
10
|
-
const Component = fieldMap[type];
|
|
11
|
-
if (!Component) {
|
|
12
|
-
throw new VefError(-9, `Unknown filter field type: "${type}", please check the type of "${name}" field.`);
|
|
13
|
-
}
|
|
14
|
-
return Component;
|
|
15
|
-
}, [name, type]);
|
|
16
|
-
return /* @__PURE__ */ jsx(FilterFieldComponent, { ...props });
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
export { VefFilterField as default };
|
|
20
|
-
/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
|
|
1
|
+
/*! VefFramework version: 1.0.103, build time: 2025-03-07T17:03:51.787Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{VefError}from"@vef-framework/shared";import{useMemo}from"react";import{fieldMap}from"./fields/index.js";function VefFilterField(props){const{name,componentProps:{type}}=props,FilterFieldComponent=useMemo(()=>{const Component=fieldMap[type];if(!Component)throw new VefError(-9,`Unknown filter field type: "${type}", please check the type of "${name}" field.`);return Component},[name,type]);return jsx(FilterFieldComponent,{...props})}/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{VefFilterField as default};
|
|
@@ -1,113 +1 @@
|
|
|
1
|
-
/*! VefFramework version: 1.0.
|
|
2
|
-
import { jsx } from '@emotion/react/jsx-runtime';
|
|
3
|
-
import { useContextDisabled } from '@vef-framework/hooks';
|
|
4
|
-
import { isDeepEqual, omit } from '@vef-framework/shared';
|
|
5
|
-
import { Form } from 'antd';
|
|
6
|
-
import { useMemo, memo } from 'react';
|
|
7
|
-
import { useComputedValues } from '../hooks/use-computed-values.js';
|
|
8
|
-
import VefFilterField from './filter-field.js';
|
|
9
|
-
|
|
10
|
-
const { Item } = Form;
|
|
11
|
-
const defaultBasicItemWidth = 180;
|
|
12
|
-
const defaultBasicItemWithLabelWidth = 220;
|
|
13
|
-
function VefFilterItemBase({
|
|
14
|
-
item: {
|
|
15
|
-
name,
|
|
16
|
-
show,
|
|
17
|
-
disabled,
|
|
18
|
-
label,
|
|
19
|
-
tip,
|
|
20
|
-
required,
|
|
21
|
-
width,
|
|
22
|
-
advanced = false,
|
|
23
|
-
span: _,
|
|
24
|
-
virtual: __,
|
|
25
|
-
...componentProps
|
|
26
|
-
},
|
|
27
|
-
...restProps
|
|
28
|
-
}) {
|
|
29
|
-
const formDisabled = useContextDisabled();
|
|
30
|
-
const [showValue, disabledValue, labelValue, tipValue, requiredValue, widthValue] = useComputedValues([
|
|
31
|
-
{
|
|
32
|
-
key: "show",
|
|
33
|
-
rawValue: show,
|
|
34
|
-
defaultValue: true
|
|
35
|
-
},
|
|
36
|
-
{
|
|
37
|
-
key: "disabled",
|
|
38
|
-
rawValue: disabled,
|
|
39
|
-
defaultValue: false
|
|
40
|
-
},
|
|
41
|
-
{
|
|
42
|
-
key: "label",
|
|
43
|
-
rawValue: label
|
|
44
|
-
},
|
|
45
|
-
{
|
|
46
|
-
key: "tip",
|
|
47
|
-
rawValue: tip
|
|
48
|
-
},
|
|
49
|
-
{
|
|
50
|
-
key: "required",
|
|
51
|
-
rawValue: required,
|
|
52
|
-
defaultValue: false
|
|
53
|
-
},
|
|
54
|
-
{
|
|
55
|
-
key: "width",
|
|
56
|
-
rawValue: width,
|
|
57
|
-
defaultValue: label ? defaultBasicItemWithLabelWidth : defaultBasicItemWidth
|
|
58
|
-
}
|
|
59
|
-
]);
|
|
60
|
-
const requiredRuleObject = useMemo(() => {
|
|
61
|
-
if (!requiredValue) {
|
|
62
|
-
return;
|
|
63
|
-
}
|
|
64
|
-
return [
|
|
65
|
-
{
|
|
66
|
-
required: true
|
|
67
|
-
}
|
|
68
|
-
];
|
|
69
|
-
}, [requiredValue]);
|
|
70
|
-
const itemCss = useMemo(() => {
|
|
71
|
-
if (advanced) {
|
|
72
|
-
return;
|
|
73
|
-
}
|
|
74
|
-
return {
|
|
75
|
-
width: widthValue
|
|
76
|
-
};
|
|
77
|
-
}, [advanced, widthValue]);
|
|
78
|
-
if (!showValue) {
|
|
79
|
-
return null;
|
|
80
|
-
}
|
|
81
|
-
return /* @__PURE__ */ jsx(
|
|
82
|
-
Item,
|
|
83
|
-
{
|
|
84
|
-
css: itemCss,
|
|
85
|
-
help: false,
|
|
86
|
-
label: labelValue,
|
|
87
|
-
name,
|
|
88
|
-
preserve: false,
|
|
89
|
-
rules: requiredRuleObject,
|
|
90
|
-
tooltip: tipValue,
|
|
91
|
-
...restProps,
|
|
92
|
-
children: /* @__PURE__ */ jsx(
|
|
93
|
-
VefFilterField,
|
|
94
|
-
{
|
|
95
|
-
componentProps,
|
|
96
|
-
disabled: formDisabled || disabledValue,
|
|
97
|
-
label: labelValue,
|
|
98
|
-
name
|
|
99
|
-
}
|
|
100
|
-
)
|
|
101
|
-
}
|
|
102
|
-
);
|
|
103
|
-
}
|
|
104
|
-
const VefFilterItem = memo(
|
|
105
|
-
VefFilterItemBase,
|
|
106
|
-
(prevProps, nextProps) => isDeepEqual(
|
|
107
|
-
omit(prevProps, ["item"]),
|
|
108
|
-
omit(nextProps, ["item"])
|
|
109
|
-
)
|
|
110
|
-
);
|
|
111
|
-
|
|
112
|
-
export { VefFilterItem as default };
|
|
113
|
-
/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
|
|
1
|
+
/*! VefFramework version: 1.0.103, build time: 2025-03-07T17:03:51.787Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{useContextDisabled}from"@vef-framework/hooks";import{isDeepEqual,omit}from"@vef-framework/shared";import{Form}from"antd";import{useMemo,memo}from"react";import{useComputedValues}from"../hooks/use-computed-values.js";import VefFilterField from"./filter-field.js";const{Item}=Form,defaultBasicItemWidth=180,defaultBasicItemWithLabelWidth=220;function VefFilterItemBase({item:{name,show,disabled,label,tip,required,width,advanced=!1,span:_,virtual:__,...componentProps},...restProps}){const formDisabled=useContextDisabled(),[showValue,disabledValue,labelValue,tipValue,requiredValue,widthValue]=useComputedValues([{key:"show",rawValue:show,defaultValue:!0},{key:"disabled",rawValue:disabled,defaultValue:!1},{key:"label",rawValue:label},{key:"tip",rawValue:tip},{key:"required",rawValue:required,defaultValue:!1},{key:"width",rawValue:width,defaultValue:label?defaultBasicItemWithLabelWidth:defaultBasicItemWidth}]),requiredRuleObject=useMemo(()=>{if(requiredValue)return[{required:!0}]},[requiredValue]),itemCss=useMemo(()=>{if(!advanced)return{width:widthValue}},[advanced,widthValue]);return showValue?jsx(Item,{css:itemCss,help:!1,label:labelValue,name,preserve:!1,rules:requiredRuleObject,tooltip:tipValue,...restProps,children:jsx(VefFilterField,{componentProps,disabled:formDisabled||disabledValue,label:labelValue,name})}):null}const VefFilterItem=memo(VefFilterItemBase,(prevProps,nextProps)=>isDeepEqual(omit(prevProps,["item"]),omit(nextProps,["item"])));/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{VefFilterItem as default};
|
package/es/vef-filter/event.js
CHANGED
|
@@ -1,45 +1 @@
|
|
|
1
|
-
/*! VefFramework version: 1.0.
|
|
2
|
-
import { createEventEmitter } from '@vef-framework/shared';
|
|
3
|
-
|
|
4
|
-
var __typeError = (msg) => {
|
|
5
|
-
throw TypeError(msg);
|
|
6
|
-
};
|
|
7
|
-
var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
|
|
8
|
-
var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
|
|
9
|
-
var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
|
|
10
|
-
var _emitter;
|
|
11
|
-
const changeEvent = Symbol("change");
|
|
12
|
-
const submitResultEvent = Symbol("submitResult");
|
|
13
|
-
class FilterEventBus {
|
|
14
|
-
constructor() {
|
|
15
|
-
/**
|
|
16
|
-
* The emitter.
|
|
17
|
-
*/
|
|
18
|
-
__privateAdd(this, _emitter, createEventEmitter());
|
|
19
|
-
}
|
|
20
|
-
clear() {
|
|
21
|
-
__privateGet(this, _emitter).all.clear();
|
|
22
|
-
}
|
|
23
|
-
onChange(handler) {
|
|
24
|
-
__privateGet(this, _emitter).on(changeEvent, handler);
|
|
25
|
-
}
|
|
26
|
-
offChange(handler) {
|
|
27
|
-
__privateGet(this, _emitter).off(changeEvent, handler);
|
|
28
|
-
}
|
|
29
|
-
emitChange(value) {
|
|
30
|
-
__privateGet(this, _emitter).emit(changeEvent, value);
|
|
31
|
-
}
|
|
32
|
-
onSubmitResult(handler) {
|
|
33
|
-
__privateGet(this, _emitter).on(submitResultEvent, handler);
|
|
34
|
-
}
|
|
35
|
-
offSubmitResult(handler) {
|
|
36
|
-
__privateGet(this, _emitter).off(submitResultEvent, handler);
|
|
37
|
-
}
|
|
38
|
-
emitSubmitResult(value) {
|
|
39
|
-
__privateGet(this, _emitter).emit(submitResultEvent, value);
|
|
40
|
-
}
|
|
41
|
-
}
|
|
42
|
-
_emitter = new WeakMap();
|
|
43
|
-
|
|
44
|
-
export { FilterEventBus };
|
|
45
|
-
/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
|
|
1
|
+
/*! VefFramework version: 1.0.103, build time: 2025-03-07T17:03:51.787Z, made by Venus. */import{createEventEmitter}from"@vef-framework/shared";var __typeError=msg=>{throw TypeError(msg)},__accessCheck=(obj,member,msg)=>member.has(obj)||__typeError("Cannot "+msg),__privateGet=(obj,member,getter)=>(__accessCheck(obj,member,"read from private field"),getter?getter.call(obj):member.get(obj)),__privateAdd=(obj,member,value)=>member.has(obj)?__typeError("Cannot add the same private member more than once"):member instanceof WeakSet?member.add(obj):member.set(obj,value),_emitter;const changeEvent=Symbol("change"),submitResultEvent=Symbol("submitResult");class FilterEventBus{constructor(){__privateAdd(this,_emitter,createEventEmitter())}clear(){__privateGet(this,_emitter).all.clear()}onChange(handler){__privateGet(this,_emitter).on(changeEvent,handler)}offChange(handler){__privateGet(this,_emitter).off(changeEvent,handler)}emitChange(value){__privateGet(this,_emitter).emit(changeEvent,value)}onSubmitResult(handler){__privateGet(this,_emitter).on(submitResultEvent,handler)}offSubmitResult(handler){__privateGet(this,_emitter).off(submitResultEvent,handler)}emitSubmitResult(value){__privateGet(this,_emitter).emit(submitResultEvent,value)}}_emitter=new WeakMap;/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{FilterEventBus};
|
package/es/vef-filter/helper.js
CHANGED
|
@@ -1,16 +1 @@
|
|
|
1
|
-
/*! VefFramework version: 1.0.
|
|
2
|
-
import { isFunction, isIternalFunction, isExpression, compileDynamicFn } from '@vef-framework/shared';
|
|
3
|
-
|
|
4
|
-
function computeValue(value, values, defaultValue) {
|
|
5
|
-
if (isFunction(value) && !isIternalFunction(value)) {
|
|
6
|
-
return value(values);
|
|
7
|
-
}
|
|
8
|
-
if (isExpression(value)) {
|
|
9
|
-
const fn = compileDynamicFn(value, "values", `return ${value.expression}`);
|
|
10
|
-
return fn(values);
|
|
11
|
-
}
|
|
12
|
-
return value ?? defaultValue;
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
export { computeValue };
|
|
16
|
-
/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
|
|
1
|
+
/*! VefFramework version: 1.0.103, build time: 2025-03-07T17:03:51.787Z, made by Venus. */import{compileDynamicFn,isFunction,isIternalFunction,isExpression}from"@vef-framework/shared";function computeValue(value,values,defaultValue){return isFunction(value)&&!isIternalFunction(value)?value(values):isExpression(value)?compileDynamicFn(value,"values",`return ${value.expression}`)(values):value??defaultValue}/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{computeValue};
|
|
@@ -1,71 +1 @@
|
|
|
1
|
-
/*! VefFramework version: 1.0.
|
|
2
|
-
import { isFunction, omit, showWarningMessage } from '@vef-framework/shared';
|
|
3
|
-
import { useCallback, useMemo } from 'react';
|
|
4
|
-
import { useFilterStore } from '../store.js';
|
|
5
|
-
|
|
6
|
-
function useActionHandlers({
|
|
7
|
-
onBeforeConfirm,
|
|
8
|
-
onConfirm,
|
|
9
|
-
onReset
|
|
10
|
-
}) {
|
|
11
|
-
const [
|
|
12
|
-
form,
|
|
13
|
-
eventBus,
|
|
14
|
-
getValues,
|
|
15
|
-
initialValues,
|
|
16
|
-
invokeValueChangeHandlers,
|
|
17
|
-
virtualFieldNames,
|
|
18
|
-
setIsLoading
|
|
19
|
-
] = useFilterStore((state) => [
|
|
20
|
-
state.form,
|
|
21
|
-
state.eventBus,
|
|
22
|
-
state.getValues,
|
|
23
|
-
state.initialValues,
|
|
24
|
-
state.invokeValueChangeHandlers,
|
|
25
|
-
state.virtualFieldNames,
|
|
26
|
-
state.setIsLoading
|
|
27
|
-
]);
|
|
28
|
-
const handleReset = useCallback(() => {
|
|
29
|
-
const values = getValues();
|
|
30
|
-
form.resetFields();
|
|
31
|
-
invokeValueChangeHandlers();
|
|
32
|
-
eventBus.emitChange(initialValues);
|
|
33
|
-
onReset?.(values);
|
|
34
|
-
}, [eventBus, form, getValues, initialValues, invokeValueChangeHandlers, onReset]);
|
|
35
|
-
const handleConfirm = useMemo(() => {
|
|
36
|
-
if (!isFunction(onConfirm)) {
|
|
37
|
-
return;
|
|
38
|
-
}
|
|
39
|
-
return async (values) => {
|
|
40
|
-
setIsLoading(true);
|
|
41
|
-
let valuesToUse = values;
|
|
42
|
-
try {
|
|
43
|
-
if (isFunction(onBeforeConfirm)) {
|
|
44
|
-
valuesToUse = await onBeforeConfirm(valuesToUse);
|
|
45
|
-
}
|
|
46
|
-
const valuesToConfirm = omit(valuesToUse, virtualFieldNames);
|
|
47
|
-
await onConfirm(valuesToConfirm);
|
|
48
|
-
eventBus.emitSubmitResult(true);
|
|
49
|
-
} catch (error) {
|
|
50
|
-
eventBus.emitSubmitResult(false);
|
|
51
|
-
throw error;
|
|
52
|
-
} finally {
|
|
53
|
-
setIsLoading(false);
|
|
54
|
-
}
|
|
55
|
-
};
|
|
56
|
-
}, [onBeforeConfirm, onConfirm, eventBus, setIsLoading, virtualFieldNames]);
|
|
57
|
-
const handleConfirmFailed = useCallback(({ errorFields }) => {
|
|
58
|
-
eventBus.emitSubmitResult(false);
|
|
59
|
-
if (errorFields.length > 0) {
|
|
60
|
-
showWarningMessage(errorFields.flatMap((field) => field.errors).join(", "));
|
|
61
|
-
}
|
|
62
|
-
}, [eventBus]);
|
|
63
|
-
return {
|
|
64
|
-
handleReset,
|
|
65
|
-
handleConfirm,
|
|
66
|
-
handleConfirmFailed
|
|
67
|
-
};
|
|
68
|
-
}
|
|
69
|
-
|
|
70
|
-
export { useActionHandlers };
|
|
71
|
-
/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
|
|
1
|
+
/*! VefFramework version: 1.0.103, build time: 2025-03-07T17:03:51.787Z, made by Venus. */import{isFunction,omit,showWarningMessage}from"@vef-framework/shared";import{useCallback,useMemo}from"react";import{useFilterStore}from"../store.js";function useActionHandlers({onBeforeConfirm,onConfirm,onReset}){const[form,eventBus,getValues,initialValues,invokeValueChangeHandlers,virtualFieldNames,setIsLoading]=useFilterStore(state=>[state.form,state.eventBus,state.getValues,state.initialValues,state.invokeValueChangeHandlers,state.virtualFieldNames,state.setIsLoading]),handleReset=useCallback(()=>{const values=getValues();form.resetFields(),invokeValueChangeHandlers(),eventBus.emitChange(initialValues),onReset?.(values)},[eventBus,form,getValues,initialValues,invokeValueChangeHandlers,onReset]),handleConfirm=useMemo(()=>{if(isFunction(onConfirm))return async values=>{setIsLoading(!0);let valuesToUse=values;try{isFunction(onBeforeConfirm)&&(valuesToUse=await onBeforeConfirm(valuesToUse));const valuesToConfirm=omit(valuesToUse,virtualFieldNames);await onConfirm(valuesToConfirm),eventBus.emitSubmitResult(!0)}catch(error){throw eventBus.emitSubmitResult(!1),error}finally{setIsLoading(!1)}}},[onBeforeConfirm,onConfirm,eventBus,setIsLoading,virtualFieldNames]),handleConfirmFailed=useCallback(({errorFields})=>{eventBus.emitSubmitResult(!1),errorFields.length>0&&showWarningMessage(errorFields.flatMap(field=>field.errors).join(", "))},[eventBus]);return{handleReset,handleConfirm,handleConfirmFailed}}/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{useActionHandlers};
|
|
@@ -1,56 +1 @@
|
|
|
1
|
-
/*! VefFramework version: 1.0.
|
|
2
|
-
import { useUpdater, useDeepMemo, useDeepLayoutEffect } from '@vef-framework/hooks';
|
|
3
|
-
import { isFunctionOrExpression, isDeepEqual } from '@vef-framework/shared';
|
|
4
|
-
import { computeValue } from '../helper.js';
|
|
5
|
-
import { useFilterStore } from '../store.js';
|
|
6
|
-
|
|
7
|
-
function useComputedValues(values, returnAsObject = false) {
|
|
8
|
-
const [eventBus, getValues] = useFilterStore((state) => [state.eventBus, state.getValues]);
|
|
9
|
-
const forceUpdate = useUpdater();
|
|
10
|
-
const currentValues = getValues();
|
|
11
|
-
const computedValues = useDeepMemo(() => values.reduce((acc, it) => {
|
|
12
|
-
const {
|
|
13
|
-
key,
|
|
14
|
-
rawValue,
|
|
15
|
-
defaultValue
|
|
16
|
-
} = it;
|
|
17
|
-
const computedValue = computeValue(rawValue, currentValues, defaultValue);
|
|
18
|
-
acc[key] = computedValue;
|
|
19
|
-
return acc;
|
|
20
|
-
}, {}), [currentValues, values]);
|
|
21
|
-
useDeepLayoutEffect(() => {
|
|
22
|
-
const realComputedValues = values.filter(({ rawValue }) => isFunctionOrExpression(rawValue));
|
|
23
|
-
const shouldListenChangeEvent = realComputedValues.length > 0;
|
|
24
|
-
if (shouldListenChangeEvent) {
|
|
25
|
-
const handleChange = (newValues) => {
|
|
26
|
-
for (const value of realComputedValues) {
|
|
27
|
-
const {
|
|
28
|
-
key,
|
|
29
|
-
rawValue,
|
|
30
|
-
defaultValue
|
|
31
|
-
} = value;
|
|
32
|
-
const computedValue = computedValues[key];
|
|
33
|
-
const refreshedValue = computeValue(rawValue, newValues, defaultValue);
|
|
34
|
-
if (!isDeepEqual(refreshedValue, computedValue)) {
|
|
35
|
-
forceUpdate();
|
|
36
|
-
break;
|
|
37
|
-
}
|
|
38
|
-
}
|
|
39
|
-
};
|
|
40
|
-
eventBus.onChange(handleChange);
|
|
41
|
-
return () => {
|
|
42
|
-
eventBus.offChange(handleChange);
|
|
43
|
-
};
|
|
44
|
-
}
|
|
45
|
-
}, [computedValues, eventBus, forceUpdate, values]);
|
|
46
|
-
if (returnAsObject) {
|
|
47
|
-
return values.reduce((acc, { key }) => {
|
|
48
|
-
acc[key] = computedValues[key];
|
|
49
|
-
return acc;
|
|
50
|
-
}, {});
|
|
51
|
-
}
|
|
52
|
-
return values.map(({ key }) => computedValues[key]);
|
|
53
|
-
}
|
|
54
|
-
|
|
55
|
-
export { useComputedValues };
|
|
56
|
-
/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
|
|
1
|
+
/*! VefFramework version: 1.0.103, build time: 2025-03-07T17:03:51.787Z, made by Venus. */import{useUpdater,useDeepMemo,useDeepLayoutEffect}from"@vef-framework/hooks";import{isFunctionOrExpression,isDeepEqual}from"@vef-framework/shared";import{computeValue}from"../helper.js";import{useFilterStore}from"../store.js";function useComputedValues(values,returnAsObject=!1){const[eventBus,getValues]=useFilterStore(state=>[state.eventBus,state.getValues]),forceUpdate=useUpdater(),currentValues=getValues(),computedValues=useDeepMemo(()=>values.reduce((acc,it)=>{const{key,rawValue,defaultValue}=it,computedValue=computeValue(rawValue,currentValues,defaultValue);return acc[key]=computedValue,acc},{}),[currentValues,values]);return useDeepLayoutEffect(()=>{const realComputedValues=values.filter(({rawValue})=>isFunctionOrExpression(rawValue));if(realComputedValues.length>0){const handleChange=newValues=>{for(const value of realComputedValues){const{key,rawValue,defaultValue}=value,computedValue=computedValues[key],refreshedValue=computeValue(rawValue,newValues,defaultValue);if(!isDeepEqual(refreshedValue,computedValue)){forceUpdate();break}}};return eventBus.onChange(handleChange),()=>{eventBus.offChange(handleChange)}}},[computedValues,eventBus,forceUpdate,values]),returnAsObject?values.reduce((acc,{key})=>(acc[key]=computedValues[key],acc),{}):values.map(({key})=>computedValues[key])}/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{useComputedValues};
|
|
@@ -1,19 +1 @@
|
|
|
1
|
-
/*! VefFramework version: 1.0.
|
|
2
|
-
import { createSelectableContext, noop } from '@vef-framework/shared';
|
|
3
|
-
|
|
4
|
-
const {
|
|
5
|
-
useContextSelector,
|
|
6
|
-
useContext,
|
|
7
|
-
ContextProvider: FilterContextProvider
|
|
8
|
-
} = createSelectableContext({
|
|
9
|
-
labelPosition: "top",
|
|
10
|
-
labelAlign: "right",
|
|
11
|
-
externalLoading: false,
|
|
12
|
-
showCollapseButton: false,
|
|
13
|
-
handleReset: noop
|
|
14
|
-
});
|
|
15
|
-
const useFilterContextSelector = useContextSelector;
|
|
16
|
-
const useFilterContext = useContext;
|
|
17
|
-
|
|
18
|
-
export { FilterContextProvider, useFilterContext, useFilterContextSelector };
|
|
19
|
-
/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
|
|
1
|
+
/*! VefFramework version: 1.0.103, build time: 2025-03-07T17:03:51.787Z, made by Venus. */import{createSelectableContext,noop}from"@vef-framework/shared";const{useContextSelector,useContext,ContextProvider:FilterContextProvider}=createSelectableContext({labelPosition:"top",labelAlign:"right",externalLoading:!1,showCollapseButton:!1,handleReset:noop}),useFilterContextSelector=useContextSelector,useFilterContext=useContext;/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{FilterContextProvider,useFilterContext,useFilterContextSelector};
|