@vef-framework/components 1.0.99 → 1.0.100
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 +2 -90
- package/es/internal/base.css.js +2 -4
- package/es/internal/chart.js +2 -18
- package/es/internal/index.js +2 -3
- package/es/internal/modern-normalize.css.js +2 -4
- package/es/internal/utils.js +2 -6
- package/es/vef-access-denied/access-denied-icon.js +2 -928
- package/es/vef-access-denied/index.js +10 -45
- package/es/vef-action-buttons/index.js +2 -75
- package/es/vef-approval-flow-editor/components/edge.js +3 -83
- package/es/vef-approval-flow-editor/components/label-value.js +9 -27
- package/es/vef-approval-flow-editor/components/node-content.js +11 -45
- package/es/vef-approval-flow-editor/components/node-selector.js +5 -33
- package/es/vef-approval-flow-editor/components/node-toolbar.js +2 -21
- package/es/vef-approval-flow-editor/components/nodes/approval.js +2 -24
- package/es/vef-approval-flow-editor/components/nodes/condition.js +2 -24
- package/es/vef-approval-flow-editor/components/nodes/end.js +2 -24
- package/es/vef-approval-flow-editor/components/nodes/handle.js +2 -24
- package/es/vef-approval-flow-editor/components/nodes/index.js +2 -17
- package/es/vef-approval-flow-editor/components/nodes/submit.js +2 -24
- package/es/vef-approval-flow-editor/components/selector-content.js +10 -48
- package/es/vef-approval-flow-editor/components/source-handle.js +2 -40
- package/es/vef-approval-flow-editor/components/target-handle.js +2 -9
- package/es/vef-approval-flow-editor/constants.js +2 -218
- package/es/vef-approval-flow-editor/helper.js +2 -83
- package/es/vef-approval-flow-editor/hooks/use-edges-interaction.js +2 -25
- package/es/vef-approval-flow-editor/hooks/use-element-selection.js +2 -24
- package/es/vef-approval-flow-editor/hooks/use-nodes-interaction.js +2 -51
- package/es/vef-approval-flow-editor/index.js +2 -75
- package/es/vef-approval-flow-editor/models/edge-node.js +2 -20
- package/es/vef-approval-flow-editor/models/flow-node.js +2 -105
- package/es/vef-approval-flow-editor/store.js +2 -16
- package/es/vef-approval-flow-editor/styles.js +13 -20
- package/es/vef-approval-flow-editor/types.js +2 -15
- package/es/vef-area-chart/index.js +2 -41
- package/es/vef-auto-sizer/index.js +2 -6
- package/es/vef-avatar/index.js +2 -20
- package/es/vef-avatar-group/index.js +2 -25
- package/es/vef-badge/index.js +2 -47
- package/es/vef-bar-chart/index.js +2 -41
- package/es/vef-bool/hooks/use-bool-instance.js +2 -34
- package/es/vef-bool/index.js +2 -60
- package/es/vef-breadcrumb/index.js +2 -48
- package/es/vef-button/components/base-button.js +2 -73
- package/es/vef-button/index.js +2 -151
- package/es/vef-card/index.js +2 -25
- package/es/vef-card-meta/index.js +2 -12
- package/es/vef-chart-container/hooks/use-chart-container-context.js +2 -12
- package/es/vef-chart-container/index.js +10 -80
- package/es/vef-chart-legend-content/index.js +11 -43
- package/es/vef-chart-tooltip-content/index.js +23 -85
- package/es/vef-checkbox/hooks/use-checkbox-instance.js +2 -20
- package/es/vef-checkbox/hooks/use-data-options.js +2 -40
- package/es/vef-checkbox/index.js +4 -88
- package/es/vef-col/index.js +2 -11
- package/es/vef-color-picker/index.js +2 -46
- package/es/vef-compact/index.js +2 -15
- package/es/vef-config-provider/global-style.js +16 -23
- package/es/vef-config-provider/hooks/use-ui-config.js +2 -126
- package/es/vef-config-provider/index.js +4 -121
- package/es/vef-config-provider/store.js +2 -21
- package/es/vef-container/index.js +2 -18
- package/es/vef-crud-page/components/crud-actions.js +2 -32
- package/es/vef-crud-page/components/crud-filter.js +2 -54
- package/es/vef-crud-page/components/crud-footer.js +4 -116
- package/es/vef-crud-page/components/crud-form-modal.js +2 -53
- package/es/vef-crud-page/components/crud-header.js +2 -29
- package/es/vef-crud-page/components/crud-table.js +2 -76
- package/es/vef-crud-page/hooks/use-action-buttons.js +2 -37
- package/es/vef-crud-page/hooks/use-crud-context.js +2 -20
- package/es/vef-crud-page/hooks/use-crud-schema.js +2 -116
- package/es/vef-crud-page/hooks/use-operation-buttons.js +2 -60
- package/es/vef-crud-page/index.js +2 -150
- package/es/vef-crud-page/store.js +2 -142
- package/es/vef-data-grid/index.js +2 -85
- package/es/vef-data-table/index.js +2 -9
- package/es/vef-divider/index.js +2 -24
- package/es/vef-drawer/components/action-button-wrapper.js +2 -49
- package/es/vef-drawer/components/button-props.js +1 -2
- package/es/vef-drawer/components/cancel-action-button.js +2 -21
- package/es/vef-drawer/components/ok-action-button.js +2 -20
- package/es/vef-drawer/context.js +2 -15
- package/es/vef-drawer/index.js +4 -154
- package/es/vef-dropdown/index.js +2 -92
- package/es/vef-dynamic-icon/index.js +2 -46
- package/es/vef-dynamic-icon/props.js +2 -6
- package/es/vef-empty/index.js +2 -37
- package/es/vef-empty-placeholder/index.js +5 -19
- package/es/vef-error/error-icon.js +2 -757
- package/es/vef-error/index.js +10 -48
- package/es/vef-filter/components/action-buttons.js +6 -119
- package/es/vef-filter/components/advanced-filter.js +9 -71
- package/es/vef-filter/components/basic-filter.js +5 -35
- package/es/vef-filter/components/fields/index.js +2 -19
- package/es/vef-filter/components/fields/input-number.js +2 -90
- package/es/vef-filter/components/fields/input.js +2 -67
- package/es/vef-filter/components/fields/radio.js +2 -109
- package/es/vef-filter/components/fields/select.js +2 -140
- package/es/vef-filter/components/fields/tree-select.js +2 -136
- package/es/vef-filter/components/filter-field.js +2 -19
- package/es/vef-filter/components/filter-item.js +2 -112
- package/es/vef-filter/event.js +2 -44
- package/es/vef-filter/helper.js +2 -15
- package/es/vef-filter/hooks/use-action-handlers.js +2 -70
- package/es/vef-filter/hooks/use-computed-values.js +2 -55
- package/es/vef-filter/hooks/use-filter-context.js +2 -18
- package/es/vef-filter/hooks/use-filter-initialization.js +2 -37
- package/es/vef-filter/hooks/use-filter-instance.js +2 -26
- package/es/vef-filter/hooks/use-filter-items.js +2 -23
- package/es/vef-filter/hooks/use-filter-values-change.js +2 -30
- package/es/vef-filter/hooks/use-label-config.js +2 -27
- package/es/vef-filter/index.js +3 -141
- package/es/vef-filter/store.js +2 -71
- package/es/vef-flex/index.js +2 -31
- package/es/vef-float-button/index.js +2 -49
- package/es/vef-float-button-group/index.js +2 -20
- package/es/vef-form/components/fields/icon-select.js +2 -65
- package/es/vef-form/components/fields/index.js +2 -25
- package/es/vef-form/components/fields/input-number.js +2 -123
- package/es/vef-form/components/fields/input.js +2 -132
- package/es/vef-form/components/fields/password.js +2 -115
- package/es/vef-form/components/fields/radio.js +2 -106
- package/es/vef-form/components/fields/select.js +2 -238
- package/es/vef-form/components/fields/textarea.js +2 -109
- package/es/vef-form/components/fields/tree-select.js +2 -234
- package/es/vef-form/components/form-actions.js +4 -58
- package/es/vef-form/components/form-content.js +3 -144
- package/es/vef-form/components/form-field.js +2 -22
- package/es/vef-form/components/form-group.js +4 -64
- package/es/vef-form/components/form-hidden-item.js +2 -36
- package/es/vef-form/components/form-item.js +2 -79
- package/es/vef-form/components/form-row.js +2 -98
- package/es/vef-form/event.js +2 -44
- package/es/vef-form/helper.js +2 -15
- package/es/vef-form/hooks/use-action-handlers.js +2 -130
- package/es/vef-form/hooks/use-columns-layout.js +2 -122
- package/es/vef-form/hooks/use-computed-values.js +2 -55
- package/es/vef-form/hooks/use-form-context.js +2 -14
- package/es/vef-form/hooks/use-form-initialization.js +2 -45
- package/es/vef-form/hooks/use-form-instance.js +2 -26
- package/es/vef-form/hooks/use-form-values-change.js +2 -30
- package/es/vef-form/hooks/use-label-width.js +2 -18
- package/es/vef-form/index.js +4 -174
- package/es/vef-form/store.js +2 -65
- package/es/vef-form/validation-rules.js +2 -286
- package/es/vef-form-drawer/index.js +2 -98
- package/es/vef-form-modal/index.js +2 -95
- package/es/vef-generic-select/index.js +2 -81
- package/es/vef-grid/index.js +7 -83
- package/es/vef-grid/props.js +2 -4
- package/es/vef-grid-item/index.js +2 -52
- package/es/vef-icon/index.js +2 -50
- package/es/vef-icon-select/index.js +12 -146
- package/es/vef-input/hooks/use-input-instance.js +2 -15
- package/es/vef-input/index.js +2 -64
- package/es/vef-input-number/hooks/use-input-number-instance.js +2 -13
- package/es/vef-input-number/index.js +2 -148
- package/es/vef-layout/common-styles.js +5 -10
- package/es/vef-layout/components/content.js +2 -13
- package/es/vef-layout/components/font-size.js +2 -68
- package/es/vef-layout/components/fullscreen.js +2 -23
- package/es/vef-layout/components/header-action-icons.js +7 -29
- package/es/vef-layout/components/header-content.js +2 -19
- package/es/vef-layout/components/header.js +7 -69
- package/es/vef-layout/components/icon-boy.js +2 -69
- package/es/vef-layout/components/icon-girl.js +2 -76
- package/es/vef-layout/components/icon-menu-fold-left.js +2 -23
- package/es/vef-layout/components/icon-menu-unfold-left.js +2 -23
- package/es/vef-layout/components/menu-groups.js +16 -123
- package/es/vef-layout/components/message.js +2 -11
- package/es/vef-layout/components/search.js +2 -11
- package/es/vef-layout/components/sider.js +6 -54
- package/es/vef-layout/components/title.js +9 -53
- package/es/vef-layout/components/user-avatar.js +10 -80
- package/es/vef-layout/hooks/use-layout-context.js +2 -10
- package/es/vef-layout/index.js +3 -33
- package/es/vef-layout/logo.svg.js +2 -4
- package/es/vef-layout/store.js +2 -16
- package/es/vef-line-chart/index.js +2 -38
- package/es/vef-loading-placeholder/index.js +6 -42
- package/es/vef-login/index.js +22 -152
- package/es/vef-login/login-icon.js +2 -668
- package/es/vef-menu/index.js +5 -77
- package/es/vef-modal/components/action-button-wrapper.js +2 -49
- package/es/vef-modal/components/button-props.js +1 -2
- package/es/vef-modal/components/cancel-action-button.js +2 -18
- package/es/vef-modal/components/ok-action-button.js +2 -20
- package/es/vef-modal/context.js +2 -15
- package/es/vef-modal/index.js +3 -239
- package/es/vef-not-found/index.js +10 -45
- package/es/vef-not-found/not-found-icon.js +2 -844
- package/es/vef-page/index.js +11 -87
- package/es/vef-pagination/index.js +2 -57
- package/es/vef-pagination/props.js +2 -13
- package/es/vef-paragraph/index.js +2 -89
- package/es/vef-password/hooks/use-password-instance.js +2 -13
- package/es/vef-password/index.js +2 -67
- package/es/vef-pie-chart/index.js +9 -70
- package/es/vef-popconfirm/index.js +2 -56
- package/es/vef-popover/index.js +2 -34
- package/es/vef-radio/hooks/use-data-options.js +2 -40
- package/es/vef-radio/hooks/use-radio-instance.js +2 -20
- package/es/vef-radio/index.js +4 -88
- package/es/vef-rate/hooks/use-rate-instance.js +2 -13
- package/es/vef-rate/index.js +2 -30
- package/es/vef-responsive-container/index.js +3 -54
- package/es/vef-responsive-item/index.js +3 -23
- package/es/vef-ribbon/index.js +2 -38
- package/es/vef-row/index.js +2 -12
- package/es/vef-scroll-area/components/scrollbar.js +8 -34
- package/es/vef-scroll-area/index.js +4 -69
- package/es/vef-select/components/option.js +4 -23
- package/es/vef-select/hooks/use-data-options.js +2 -47
- package/es/vef-select/hooks/use-field-names.js +2 -21
- package/es/vef-select/hooks/use-render-label.js +3 -23
- package/es/vef-select/hooks/use-render-option.js +2 -19
- package/es/vef-select/hooks/use-select-instance.js +2 -20
- package/es/vef-select/index.js +2 -100
- package/es/vef-slider/hooks/use-slider-instance.js +2 -13
- package/es/vef-slider/index.js +2 -34
- package/es/vef-sortable-list/components/overlay-item.js +3 -31
- package/es/vef-sortable-list/components/sortable-item.js +3 -75
- package/es/vef-sortable-list/hooks/use-merged-items.js +2 -21
- package/es/vef-sortable-list/index.js +2 -114
- package/es/vef-space/index.js +2 -25
- package/es/vef-spin/index.js +2 -12
- package/es/vef-splitter/index.js +2 -20
- package/es/vef-splitter-panel/index.js +2 -12
- package/es/vef-status/index.js +2 -37
- package/es/vef-table/components/columns/bool.js +2 -91
- package/es/vef-table/components/columns/code.js +2 -10
- package/es/vef-table/components/columns/data-dictionary.js +2 -92
- package/es/vef-table/components/columns/enum.js +2 -101
- package/es/vef-table/components/columns/file.js +2 -10
- package/es/vef-table/components/columns/icon.js +2 -10
- package/es/vef-table/components/columns/id.js +2 -82
- package/es/vef-table/components/columns/image.js +2 -11
- package/es/vef-table/components/columns/index.js +2 -33
- package/es/vef-table/components/columns/markdown.js +2 -10
- package/es/vef-table/components/columns/number.js +2 -83
- package/es/vef-table/components/columns/render.js +2 -28
- package/es/vef-table/components/columns/rich-text.js +2 -10
- package/es/vef-table/components/columns/text.js +2 -88
- package/es/vef-table/components/columns-settings.js +11 -195
- package/es/vef-table/components/operation-buttons.js +3 -230
- package/es/vef-table/components/settings-icon.js +4 -19
- package/es/vef-table/components/table-footer.js +4 -102
- package/es/vef-table/helper.js +2 -15
- package/es/vef-table/hooks/use-computed-batch-buttons.js +2 -33
- package/es/vef-table/hooks/use-computed-columns.js +2 -20
- package/es/vef-table/hooks/use-computed-values.js +2 -38
- package/es/vef-table/hooks/use-data.js +2 -57
- package/es/vef-table/hooks/use-default-column-configs.js +2 -27
- package/es/vef-table/hooks/use-display-value.js +2 -36
- package/es/vef-table/hooks/use-helper-columns.js +2 -67
- package/es/vef-table/hooks/use-operation-column-width.js +2 -50
- package/es/vef-table/hooks/use-pagination-props.js +2 -44
- package/es/vef-table/hooks/use-row-props.js +2 -39
- package/es/vef-table/hooks/use-row-selection-config.js +2 -112
- package/es/vef-table/hooks/use-selected-rows.js +2 -26
- package/es/vef-table/hooks/use-table-columns.js +2 -56
- package/es/vef-table/hooks/use-table-context.js +2 -21
- package/es/vef-table/hooks/use-table-instance.js +2 -15
- package/es/vef-table/hooks/use-table-summary.js +2 -42
- package/es/vef-table/hooks/use-table-width.js +2 -13
- package/es/vef-table/index.js +6 -227
- package/es/vef-table/store.js +2 -17
- package/es/vef-tabs/index.js +2 -25
- package/es/vef-tag/index.js +2 -28
- package/es/vef-temporal-picker/helper.js +2 -57
- package/es/vef-temporal-picker/hooks/use-dayjs-value.js +2 -18
- package/es/vef-temporal-picker/hooks/use-temporal-limit.js +2 -34
- package/es/vef-temporal-picker/hooks/use-temporal-picker-instance.js +2 -19
- package/es/vef-temporal-picker/index.js +2 -125
- package/es/vef-temporal-range-picker/helper.js +2 -57
- package/es/vef-temporal-range-picker/hooks/use-dayjs-values.js +2 -23
- package/es/vef-temporal-range-picker/hooks/use-temporal-limit.js +2 -34
- package/es/vef-temporal-range-picker/hooks/use-temporal-range-picker-instance.js +2 -19
- package/es/vef-temporal-range-picker/index.js +2 -128
- package/es/vef-temporal-range-picker/props.js +2 -4
- package/es/vef-text/index.js +2 -80
- package/es/vef-textarea/hooks/use-textarea-instance.js +2 -13
- package/es/vef-textarea/index.js +2 -67
- package/es/vef-title/index.js +7 -89
- package/es/vef-tooltip/index.js +2 -35
- package/es/vef-tree-select/hooks/use-change-handler.js +2 -33
- package/es/vef-tree-select/hooks/use-data-options.js +2 -45
- package/es/vef-tree-select/hooks/use-tree-select-instance.js +2 -20
- package/es/vef-tree-select/index.js +2 -89
- package/es/vef-virtual-grid/index.js +4 -107
- package/es/vef-virtual-list/index.js +5 -215
- package/lib/index.cjs +2 -186
- package/lib/internal/base.css.cjs +2 -8
- package/lib/internal/chart.cjs +2 -22
- package/lib/internal/index.cjs +2 -12
- package/lib/internal/modern-normalize.css.cjs +2 -8
- package/lib/internal/utils.cjs +2 -10
- package/lib/vef-access-denied/access-denied-icon.cjs +2 -932
- package/lib/vef-access-denied/index.cjs +10 -49
- package/lib/vef-access-denied/props.cjs +2 -4
- package/lib/vef-action-buttons/index.cjs +2 -79
- package/lib/vef-action-buttons/props.cjs +2 -4
- package/lib/vef-approval-flow-editor/components/edge.cjs +3 -87
- package/lib/vef-approval-flow-editor/components/label-value.cjs +9 -31
- package/lib/vef-approval-flow-editor/components/node-content.cjs +11 -49
- package/lib/vef-approval-flow-editor/components/node-selector.cjs +5 -37
- package/lib/vef-approval-flow-editor/components/node-toolbar.cjs +2 -25
- package/lib/vef-approval-flow-editor/components/nodes/approval.cjs +2 -28
- package/lib/vef-approval-flow-editor/components/nodes/condition.cjs +2 -28
- package/lib/vef-approval-flow-editor/components/nodes/end.cjs +2 -28
- package/lib/vef-approval-flow-editor/components/nodes/handle.cjs +2 -28
- package/lib/vef-approval-flow-editor/components/nodes/index.cjs +2 -21
- package/lib/vef-approval-flow-editor/components/nodes/submit.cjs +2 -28
- package/lib/vef-approval-flow-editor/components/selector-content.cjs +10 -52
- package/lib/vef-approval-flow-editor/components/source-handle.cjs +2 -44
- package/lib/vef-approval-flow-editor/components/target-handle.cjs +2 -13
- package/lib/vef-approval-flow-editor/constants.cjs +2 -227
- package/lib/vef-approval-flow-editor/helper.cjs +2 -90
- package/lib/vef-approval-flow-editor/hooks/use-edges-interaction.cjs +2 -29
- package/lib/vef-approval-flow-editor/hooks/use-element-selection.cjs +2 -28
- package/lib/vef-approval-flow-editor/hooks/use-nodes-interaction.cjs +2 -55
- package/lib/vef-approval-flow-editor/index.cjs +2 -79
- package/lib/vef-approval-flow-editor/models/edge-node.cjs +2 -25
- package/lib/vef-approval-flow-editor/models/flow-node.cjs +2 -114
- package/lib/vef-approval-flow-editor/props.cjs +2 -4
- package/lib/vef-approval-flow-editor/store.cjs +2 -22
- package/lib/vef-approval-flow-editor/styles.cjs +13 -25
- package/lib/vef-approval-flow-editor/types.cjs +2 -20
- package/lib/vef-area-chart/index.cjs +2 -45
- package/lib/vef-area-chart/props.cjs +2 -4
- package/lib/vef-auto-sizer/index.cjs +2 -10
- package/lib/vef-auto-sizer/props.cjs +2 -4
- package/lib/vef-avatar/index.cjs +2 -24
- package/lib/vef-avatar/props.cjs +2 -4
- package/lib/vef-avatar-group/index.cjs +2 -29
- package/lib/vef-avatar-group/props.cjs +2 -4
- package/lib/vef-badge/index.cjs +2 -51
- package/lib/vef-badge/props.cjs +2 -4
- package/lib/vef-bar-chart/index.cjs +2 -45
- package/lib/vef-bar-chart/props.cjs +2 -4
- package/lib/vef-bool/hooks/use-bool-instance.cjs +2 -38
- package/lib/vef-bool/index.cjs +2 -64
- package/lib/vef-bool/props.cjs +2 -4
- package/lib/vef-breadcrumb/index.cjs +2 -52
- package/lib/vef-breadcrumb/props.cjs +2 -4
- package/lib/vef-button/components/base-button.cjs +2 -77
- package/lib/vef-button/index.cjs +2 -155
- package/lib/vef-button/props.cjs +2 -4
- package/lib/vef-card/index.cjs +2 -29
- package/lib/vef-card/props.cjs +2 -4
- package/lib/vef-card-meta/index.cjs +2 -16
- package/lib/vef-card-meta/props.cjs +2 -4
- package/lib/vef-chart-container/hooks/use-chart-container-context.cjs +2 -18
- package/lib/vef-chart-container/index.cjs +10 -84
- package/lib/vef-chart-container/props.cjs +2 -4
- package/lib/vef-chart-legend-content/index.cjs +11 -48
- package/lib/vef-chart-legend-content/props.cjs +2 -4
- package/lib/vef-chart-tooltip-content/index.cjs +23 -89
- package/lib/vef-chart-tooltip-content/props.cjs +2 -4
- package/lib/vef-checkbox/hooks/use-checkbox-instance.cjs +2 -24
- package/lib/vef-checkbox/hooks/use-data-options.cjs +2 -44
- package/lib/vef-checkbox/index.cjs +4 -92
- package/lib/vef-checkbox/props.cjs +2 -4
- package/lib/vef-col/index.cjs +2 -15
- package/lib/vef-col/props.cjs +2 -4
- package/lib/vef-color-picker/index.cjs +2 -50
- package/lib/vef-color-picker/props.cjs +2 -4
- package/lib/vef-compact/index.cjs +2 -19
- package/lib/vef-compact/props.cjs +2 -4
- package/lib/vef-config-provider/global-style.cjs +16 -28
- package/lib/vef-config-provider/hooks/use-ui-config.cjs +2 -130
- package/lib/vef-config-provider/index.cjs +4 -125
- package/lib/vef-config-provider/props.cjs +2 -4
- package/lib/vef-config-provider/store.cjs +2 -27
- package/lib/vef-container/index.cjs +2 -22
- package/lib/vef-container/props.cjs +2 -4
- package/lib/vef-crud-page/components/crud-actions.cjs +2 -36
- package/lib/vef-crud-page/components/crud-filter.cjs +2 -58
- package/lib/vef-crud-page/components/crud-footer.cjs +4 -120
- package/lib/vef-crud-page/components/crud-form-modal.cjs +2 -57
- package/lib/vef-crud-page/components/crud-header.cjs +2 -33
- package/lib/vef-crud-page/components/crud-table.cjs +2 -80
- package/lib/vef-crud-page/hooks/use-action-buttons.cjs +2 -41
- package/lib/vef-crud-page/hooks/use-crud-context.cjs +2 -24
- package/lib/vef-crud-page/hooks/use-crud-schema.cjs +2 -120
- package/lib/vef-crud-page/hooks/use-operation-buttons.cjs +2 -64
- package/lib/vef-crud-page/index.cjs +2 -154
- package/lib/vef-crud-page/props.cjs +2 -4
- package/lib/vef-crud-page/store.cjs +2 -148
- package/lib/vef-crud-page/types.cjs +2 -4
- package/lib/vef-data-grid/index.cjs +2 -89
- package/lib/vef-data-grid/props.cjs +2 -4
- package/lib/vef-data-table/index.cjs +2 -13
- package/lib/vef-data-table/props.cjs +2 -4
- package/lib/vef-divider/index.cjs +2 -28
- package/lib/vef-divider/props.cjs +2 -4
- package/lib/vef-drawer/components/action-button-wrapper.cjs +2 -53
- package/lib/vef-drawer/components/button-props.cjs +2 -4
- package/lib/vef-drawer/components/cancel-action-button.cjs +2 -25
- package/lib/vef-drawer/components/ok-action-button.cjs +2 -24
- package/lib/vef-drawer/context.cjs +2 -21
- package/lib/vef-drawer/index.cjs +4 -159
- package/lib/vef-drawer/props.cjs +2 -4
- package/lib/vef-dropdown/index.cjs +2 -96
- package/lib/vef-dropdown/props.cjs +2 -4
- package/lib/vef-dynamic-icon/index.cjs +2 -50
- package/lib/vef-dynamic-icon/props.cjs +2 -10
- package/lib/vef-empty/index.cjs +2 -41
- package/lib/vef-empty/props.cjs +2 -4
- package/lib/vef-empty-placeholder/index.cjs +5 -23
- package/lib/vef-empty-placeholder/props.cjs +2 -4
- package/lib/vef-error/error-icon.cjs +2 -761
- package/lib/vef-error/index.cjs +10 -52
- package/lib/vef-error/props.cjs +2 -4
- package/lib/vef-filter/components/action-buttons.cjs +6 -123
- package/lib/vef-filter/components/advanced-filter.cjs +9 -75
- package/lib/vef-filter/components/basic-filter.cjs +5 -39
- package/lib/vef-filter/components/fields/index.cjs +2 -23
- package/lib/vef-filter/components/fields/input-number.cjs +2 -94
- package/lib/vef-filter/components/fields/input.cjs +2 -71
- package/lib/vef-filter/components/fields/props.cjs +2 -4
- package/lib/vef-filter/components/fields/radio.cjs +2 -113
- package/lib/vef-filter/components/fields/select.cjs +2 -144
- package/lib/vef-filter/components/fields/tree-select.cjs +2 -140
- package/lib/vef-filter/components/filter-field.cjs +2 -23
- package/lib/vef-filter/components/filter-item.cjs +2 -116
- package/lib/vef-filter/event.cjs +2 -48
- package/lib/vef-filter/helper.cjs +2 -19
- package/lib/vef-filter/hooks/use-action-handlers.cjs +2 -74
- package/lib/vef-filter/hooks/use-computed-values.cjs +2 -59
- package/lib/vef-filter/hooks/use-filter-context.cjs +2 -24
- package/lib/vef-filter/hooks/use-filter-initialization.cjs +2 -41
- package/lib/vef-filter/hooks/use-filter-instance.cjs +2 -30
- package/lib/vef-filter/hooks/use-filter-items.cjs +2 -27
- package/lib/vef-filter/hooks/use-filter-values-change.cjs +2 -34
- package/lib/vef-filter/hooks/use-label-config.cjs +2 -31
- package/lib/vef-filter/index.cjs +3 -145
- package/lib/vef-filter/props.cjs +2 -4
- package/lib/vef-filter/store.cjs +2 -77
- package/lib/vef-filter/types.cjs +2 -4
- package/lib/vef-flex/index.cjs +2 -35
- package/lib/vef-flex/props.cjs +2 -4
- package/lib/vef-float-button/index.cjs +2 -53
- package/lib/vef-float-button/props.cjs +2 -4
- package/lib/vef-float-button-group/index.cjs +2 -24
- package/lib/vef-float-button-group/props.cjs +2 -4
- package/lib/vef-form/components/fields/icon-select.cjs +2 -69
- package/lib/vef-form/components/fields/index.cjs +2 -29
- package/lib/vef-form/components/fields/input-number.cjs +2 -127
- package/lib/vef-form/components/fields/input.cjs +2 -136
- package/lib/vef-form/components/fields/password.cjs +2 -119
- package/lib/vef-form/components/fields/props.cjs +2 -4
- package/lib/vef-form/components/fields/radio.cjs +2 -110
- package/lib/vef-form/components/fields/select.cjs +2 -242
- package/lib/vef-form/components/fields/textarea.cjs +2 -113
- package/lib/vef-form/components/fields/tree-select.cjs +2 -238
- package/lib/vef-form/components/form-actions.cjs +4 -62
- package/lib/vef-form/components/form-content.cjs +3 -148
- package/lib/vef-form/components/form-field.cjs +2 -26
- package/lib/vef-form/components/form-group.cjs +4 -68
- package/lib/vef-form/components/form-hidden-item.cjs +2 -40
- package/lib/vef-form/components/form-item.cjs +2 -83
- package/lib/vef-form/components/form-row.cjs +2 -102
- package/lib/vef-form/event.cjs +2 -48
- package/lib/vef-form/helper.cjs +2 -19
- package/lib/vef-form/hooks/use-action-handlers.cjs +2 -134
- package/lib/vef-form/hooks/use-columns-layout.cjs +2 -126
- package/lib/vef-form/hooks/use-computed-values.cjs +2 -59
- package/lib/vef-form/hooks/use-form-context.cjs +2 -20
- package/lib/vef-form/hooks/use-form-initialization.cjs +2 -49
- package/lib/vef-form/hooks/use-form-instance.cjs +2 -30
- package/lib/vef-form/hooks/use-form-values-change.cjs +2 -34
- package/lib/vef-form/hooks/use-label-width.cjs +2 -22
- package/lib/vef-form/index.cjs +4 -178
- package/lib/vef-form/props.cjs +2 -4
- package/lib/vef-form/store.cjs +2 -71
- package/lib/vef-form/types.cjs +2 -4
- package/lib/vef-form/validation-rules.cjs +2 -312
- package/lib/vef-form-drawer/index.cjs +2 -102
- package/lib/vef-form-drawer/props.cjs +2 -4
- package/lib/vef-form-modal/index.cjs +2 -99
- package/lib/vef-form-modal/props.cjs +2 -4
- package/lib/vef-generic-select/index.cjs +2 -85
- package/lib/vef-generic-select/props.cjs +2 -4
- package/lib/vef-grid/index.cjs +7 -87
- package/lib/vef-grid/props.cjs +2 -8
- package/lib/vef-grid-item/index.cjs +2 -56
- package/lib/vef-grid-item/props.cjs +2 -4
- package/lib/vef-icon/index.cjs +2 -54
- package/lib/vef-icon/props.cjs +2 -4
- package/lib/vef-icon-select/index.cjs +12 -150
- package/lib/vef-icon-select/props.cjs +2 -4
- package/lib/vef-input/hooks/use-input-instance.cjs +2 -19
- package/lib/vef-input/index.cjs +2 -68
- package/lib/vef-input/props.cjs +2 -4
- package/lib/vef-input-number/hooks/use-input-number-instance.cjs +2 -17
- package/lib/vef-input-number/index.cjs +2 -152
- package/lib/vef-input-number/props.cjs +2 -4
- package/lib/vef-layout/common-styles.cjs +5 -14
- package/lib/vef-layout/components/content.cjs +2 -17
- package/lib/vef-layout/components/font-size.cjs +2 -72
- package/lib/vef-layout/components/fullscreen.cjs +2 -27
- package/lib/vef-layout/components/header-action-icons.cjs +7 -33
- package/lib/vef-layout/components/header-content.cjs +2 -23
- package/lib/vef-layout/components/header.cjs +7 -73
- package/lib/vef-layout/components/icon-boy.cjs +2 -73
- package/lib/vef-layout/components/icon-girl.cjs +2 -80
- package/lib/vef-layout/components/icon-menu-fold-left.cjs +2 -27
- package/lib/vef-layout/components/icon-menu-unfold-left.cjs +2 -27
- package/lib/vef-layout/components/menu-groups.cjs +16 -127
- package/lib/vef-layout/components/message.cjs +2 -15
- package/lib/vef-layout/components/search.cjs +2 -15
- package/lib/vef-layout/components/sider.cjs +6 -58
- package/lib/vef-layout/components/title.cjs +9 -57
- package/lib/vef-layout/components/user-avatar.cjs +10 -84
- package/lib/vef-layout/hooks/use-layout-context.cjs +2 -16
- package/lib/vef-layout/index.cjs +3 -37
- package/lib/vef-layout/logo.svg.cjs +2 -8
- package/lib/vef-layout/props.cjs +2 -4
- package/lib/vef-layout/store.cjs +2 -22
- package/lib/vef-line-chart/index.cjs +2 -42
- package/lib/vef-line-chart/props.cjs +2 -4
- package/lib/vef-loading-placeholder/index.cjs +6 -46
- package/lib/vef-loading-placeholder/props.cjs +2 -4
- package/lib/vef-login/index.cjs +22 -156
- package/lib/vef-login/login-icon.cjs +2 -672
- package/lib/vef-login/props.cjs +2 -4
- package/lib/vef-menu/index.cjs +5 -81
- package/lib/vef-menu/props.cjs +2 -4
- package/lib/vef-modal/components/action-button-wrapper.cjs +2 -53
- package/lib/vef-modal/components/button-props.cjs +2 -4
- package/lib/vef-modal/components/cancel-action-button.cjs +2 -22
- package/lib/vef-modal/components/ok-action-button.cjs +2 -24
- package/lib/vef-modal/context.cjs +2 -21
- package/lib/vef-modal/index.cjs +3 -244
- package/lib/vef-modal/props.cjs +2 -4
- package/lib/vef-not-found/index.cjs +10 -49
- package/lib/vef-not-found/not-found-icon.cjs +2 -848
- package/lib/vef-not-found/props.cjs +2 -4
- package/lib/vef-page/index.cjs +11 -91
- package/lib/vef-page/props.cjs +2 -4
- package/lib/vef-pagination/index.cjs +2 -61
- package/lib/vef-pagination/props.cjs +2 -17
- package/lib/vef-paragraph/index.cjs +2 -93
- package/lib/vef-paragraph/props.cjs +2 -4
- package/lib/vef-password/hooks/use-password-instance.cjs +2 -17
- package/lib/vef-password/index.cjs +2 -71
- package/lib/vef-password/props.cjs +2 -4
- package/lib/vef-pie-chart/index.cjs +9 -74
- package/lib/vef-pie-chart/props.cjs +2 -4
- package/lib/vef-popconfirm/index.cjs +2 -60
- package/lib/vef-popconfirm/props.cjs +2 -4
- package/lib/vef-popover/index.cjs +2 -38
- package/lib/vef-popover/props.cjs +2 -4
- package/lib/vef-radio/hooks/use-data-options.cjs +2 -44
- package/lib/vef-radio/hooks/use-radio-instance.cjs +2 -24
- package/lib/vef-radio/index.cjs +4 -92
- package/lib/vef-radio/props.cjs +2 -4
- package/lib/vef-rate/hooks/use-rate-instance.cjs +2 -17
- package/lib/vef-rate/index.cjs +2 -34
- package/lib/vef-rate/props.cjs +2 -4
- package/lib/vef-responsive-container/index.cjs +3 -58
- package/lib/vef-responsive-container/props.cjs +2 -4
- package/lib/vef-responsive-item/index.cjs +3 -27
- package/lib/vef-responsive-item/props.cjs +2 -4
- package/lib/vef-ribbon/index.cjs +2 -42
- package/lib/vef-ribbon/props.cjs +2 -4
- package/lib/vef-row/index.cjs +2 -16
- package/lib/vef-row/props.cjs +2 -4
- package/lib/vef-scroll-area/components/scrollbar.cjs +8 -38
- package/lib/vef-scroll-area/index.cjs +4 -73
- package/lib/vef-scroll-area/props.cjs +2 -4
- package/lib/vef-select/components/option.cjs +4 -27
- package/lib/vef-select/hooks/use-data-options.cjs +2 -51
- package/lib/vef-select/hooks/use-field-names.cjs +2 -25
- package/lib/vef-select/hooks/use-render-label.cjs +3 -27
- package/lib/vef-select/hooks/use-render-option.cjs +2 -23
- package/lib/vef-select/hooks/use-select-instance.cjs +2 -24
- package/lib/vef-select/index.cjs +2 -104
- package/lib/vef-select/props.cjs +2 -4
- package/lib/vef-slider/hooks/use-slider-instance.cjs +2 -17
- package/lib/vef-slider/index.cjs +2 -38
- package/lib/vef-slider/props.cjs +2 -4
- package/lib/vef-sortable-list/components/overlay-item.cjs +3 -35
- package/lib/vef-sortable-list/components/sortable-item.cjs +3 -79
- package/lib/vef-sortable-list/hooks/use-merged-items.cjs +2 -25
- package/lib/vef-sortable-list/index.cjs +2 -118
- package/lib/vef-sortable-list/props.cjs +2 -4
- package/lib/vef-space/index.cjs +2 -29
- package/lib/vef-space/props.cjs +2 -4
- package/lib/vef-spin/index.cjs +2 -16
- package/lib/vef-spin/props.cjs +2 -4
- package/lib/vef-splitter/index.cjs +2 -24
- package/lib/vef-splitter/props.cjs +2 -4
- package/lib/vef-splitter-panel/index.cjs +2 -16
- package/lib/vef-splitter-panel/props.cjs +2 -4
- package/lib/vef-status/index.cjs +2 -41
- package/lib/vef-status/props.cjs +2 -4
- package/lib/vef-table/components/columns/bool.cjs +2 -95
- package/lib/vef-table/components/columns/code.cjs +2 -14
- package/lib/vef-table/components/columns/data-dictionary.cjs +2 -96
- package/lib/vef-table/components/columns/enum.cjs +2 -105
- package/lib/vef-table/components/columns/file.cjs +2 -14
- package/lib/vef-table/components/columns/icon.cjs +2 -14
- package/lib/vef-table/components/columns/id.cjs +2 -86
- package/lib/vef-table/components/columns/image.cjs +2 -15
- package/lib/vef-table/components/columns/index.cjs +2 -37
- package/lib/vef-table/components/columns/markdown.cjs +2 -14
- package/lib/vef-table/components/columns/number.cjs +2 -87
- package/lib/vef-table/components/columns/props.cjs +2 -4
- package/lib/vef-table/components/columns/render.cjs +2 -32
- package/lib/vef-table/components/columns/rich-text.cjs +2 -14
- package/lib/vef-table/components/columns/text.cjs +2 -92
- package/lib/vef-table/components/columns-settings.cjs +11 -199
- package/lib/vef-table/components/operation-buttons.cjs +3 -234
- package/lib/vef-table/components/settings-icon.cjs +4 -23
- package/lib/vef-table/components/table-footer.cjs +4 -106
- package/lib/vef-table/helper.cjs +2 -19
- package/lib/vef-table/hooks/use-computed-batch-buttons.cjs +2 -37
- package/lib/vef-table/hooks/use-computed-columns.cjs +2 -24
- package/lib/vef-table/hooks/use-computed-values.cjs +2 -42
- package/lib/vef-table/hooks/use-data.cjs +2 -61
- package/lib/vef-table/hooks/use-default-column-configs.cjs +2 -31
- package/lib/vef-table/hooks/use-display-value.cjs +2 -40
- package/lib/vef-table/hooks/use-helper-columns.cjs +2 -71
- package/lib/vef-table/hooks/use-operation-column-width.cjs +2 -54
- package/lib/vef-table/hooks/use-pagination-props.cjs +2 -48
- package/lib/vef-table/hooks/use-row-props.cjs +2 -43
- package/lib/vef-table/hooks/use-row-selection-config.cjs +2 -116
- package/lib/vef-table/hooks/use-selected-rows.cjs +2 -30
- package/lib/vef-table/hooks/use-table-columns.cjs +2 -60
- package/lib/vef-table/hooks/use-table-context.cjs +2 -27
- package/lib/vef-table/hooks/use-table-instance.cjs +2 -19
- package/lib/vef-table/hooks/use-table-summary.cjs +2 -46
- package/lib/vef-table/hooks/use-table-width.cjs +2 -17
- package/lib/vef-table/index.cjs +6 -231
- package/lib/vef-table/props.cjs +2 -4
- package/lib/vef-table/store.cjs +2 -23
- package/lib/vef-table/types.cjs +2 -4
- package/lib/vef-tabs/index.cjs +2 -29
- package/lib/vef-tabs/props.cjs +2 -4
- package/lib/vef-tag/index.cjs +2 -32
- package/lib/vef-tag/props.cjs +2 -4
- package/lib/vef-temporal-picker/helper.cjs +2 -61
- package/lib/vef-temporal-picker/hooks/use-dayjs-value.cjs +2 -22
- package/lib/vef-temporal-picker/hooks/use-temporal-limit.cjs +2 -38
- package/lib/vef-temporal-picker/hooks/use-temporal-picker-instance.cjs +2 -23
- package/lib/vef-temporal-picker/index.cjs +2 -129
- package/lib/vef-temporal-picker/props.cjs +2 -4
- package/lib/vef-temporal-range-picker/helper.cjs +2 -61
- package/lib/vef-temporal-range-picker/hooks/use-dayjs-values.cjs +2 -27
- package/lib/vef-temporal-range-picker/hooks/use-temporal-limit.cjs +2 -38
- package/lib/vef-temporal-range-picker/hooks/use-temporal-range-picker-instance.cjs +2 -23
- package/lib/vef-temporal-range-picker/index.cjs +2 -132
- package/lib/vef-temporal-range-picker/props.cjs +2 -8
- package/lib/vef-text/index.cjs +2 -84
- package/lib/vef-text/props.cjs +2 -4
- package/lib/vef-textarea/hooks/use-textarea-instance.cjs +2 -17
- package/lib/vef-textarea/index.cjs +2 -71
- package/lib/vef-textarea/props.cjs +2 -4
- package/lib/vef-title/index.cjs +7 -93
- package/lib/vef-title/props.cjs +2 -4
- package/lib/vef-tooltip/index.cjs +2 -39
- package/lib/vef-tooltip/props.cjs +2 -4
- package/lib/vef-tree-select/hooks/use-change-handler.cjs +2 -37
- package/lib/vef-tree-select/hooks/use-data-options.cjs +2 -49
- package/lib/vef-tree-select/hooks/use-tree-select-instance.cjs +2 -24
- package/lib/vef-tree-select/index.cjs +2 -93
- package/lib/vef-tree-select/props.cjs +2 -4
- package/lib/vef-virtual-grid/index.cjs +4 -111
- package/lib/vef-virtual-grid/props.cjs +2 -4
- package/lib/vef-virtual-list/index.cjs +5 -219
- package/lib/vef-virtual-list/props.cjs +2 -4
- package/package.json +4 -4
package/es/vef-error/index.js
CHANGED
|
@@ -1,17 +1,8 @@
|
|
|
1
|
-
/*! VefFramework version: 1.0.
|
|
2
|
-
import
|
|
3
|
-
import { css } from '@emotion/react';
|
|
4
|
-
import { styles, themeVariables } from '@vef-framework/shared';
|
|
5
|
-
import { RefreshCwIcon } from 'lucide-react';
|
|
6
|
-
import VefButton from '../vef-button/index.js';
|
|
7
|
-
import VefIcon from '../vef-icon/index.js';
|
|
8
|
-
import Memo from './error-icon.js';
|
|
9
|
-
|
|
10
|
-
const errorStyle = css`
|
|
1
|
+
/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
|
|
2
|
+
import{jsx as r,jsxs as e,Fragment as o}from"@emotion/react/jsx-runtime";import{css as i}from"@emotion/react";import{styles as t,themeVariables as n}from"@vef-framework/shared";import{RefreshCwIcon as c}from"lucide-react";import s from"../vef-button/index.js";import l from"../vef-icon/index.js";import m from"./error-icon.js";const a=i`
|
|
11
3
|
height: 100%;
|
|
12
|
-
${
|
|
13
|
-
|
|
14
|
-
const contentStyle = css`
|
|
4
|
+
${t.flexCenter}
|
|
5
|
+
`,d=i`
|
|
15
6
|
width: 40%;
|
|
16
7
|
position: relative;
|
|
17
8
|
top: -60px;
|
|
@@ -19,50 +10,21 @@ const contentStyle = css`
|
|
|
19
10
|
flex-direction: column;
|
|
20
11
|
align-items: center;
|
|
21
12
|
justify-content: center;
|
|
22
|
-
row-gap: ${
|
|
13
|
+
row-gap: ${n.margin};
|
|
23
14
|
|
|
24
15
|
> svg {
|
|
25
16
|
width: 70%;
|
|
26
17
|
}
|
|
27
18
|
|
|
28
19
|
> span {
|
|
29
|
-
font-size: ${
|
|
20
|
+
font-size: ${n.fontSizeLg};
|
|
30
21
|
font-weight: 500;
|
|
31
|
-
color: ${
|
|
22
|
+
color: ${n.colorTextTertiary};
|
|
32
23
|
|
|
33
24
|
> span {
|
|
34
|
-
padding-left: ${
|
|
35
|
-
color: ${
|
|
25
|
+
padding-left: ${n.paddingSm};
|
|
26
|
+
color: ${n.colorErrorText};
|
|
36
27
|
}
|
|
37
28
|
}
|
|
38
|
-
`;
|
|
39
|
-
function VefError({
|
|
40
|
-
error,
|
|
41
|
-
reset,
|
|
42
|
-
componentStack
|
|
43
|
-
}) {
|
|
44
|
-
return /* @__PURE__ */ jsx("div", { css: errorStyle, children: /* @__PURE__ */ jsxs("div", { css: contentStyle, children: [
|
|
45
|
-
/* @__PURE__ */ jsx(Memo, {}),
|
|
46
|
-
/* @__PURE__ */ jsxs("span", { children: [
|
|
47
|
-
"\u53D1\u751F\u9519\u8BEF:",
|
|
48
|
-
/* @__PURE__ */ jsx("span", { children: error.message }),
|
|
49
|
-
componentStack && /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
50
|
-
"\u7EC4\u4EF6\u5806\u6808:",
|
|
51
|
-
/* @__PURE__ */ jsx("span", { children: componentStack })
|
|
52
|
-
] })
|
|
53
|
-
] }),
|
|
54
|
-
/* @__PURE__ */ jsx(
|
|
55
|
-
VefButton,
|
|
56
|
-
{
|
|
57
|
-
color: "primary",
|
|
58
|
-
size: "large",
|
|
59
|
-
icon: /* @__PURE__ */ jsx(VefIcon, { children: /* @__PURE__ */ jsx(RefreshCwIcon, {}) }),
|
|
60
|
-
onClick: reset,
|
|
61
|
-
children: "\u91CD\u8BD5\u4E00\u4E0B"
|
|
62
|
-
}
|
|
63
|
-
)
|
|
64
|
-
] }) });
|
|
65
|
-
}
|
|
66
|
-
|
|
67
|
-
export { VefError as default };
|
|
29
|
+
`;function VefError({error:i,reset:t,componentStack:n}){return r("div",{css:a,children:e("div",{css:d,children:[r(m,{}),e("span",{children:["发生错误:",r("span",{children:i.message}),n&&e(o,{children:["组件堆栈:",r("span",{children:n})]})]}),r(s,{color:"primary",size:"large",icon:r(l,{children:r(c,{})}),onClick:t,children:"重试一下"})]})})}export{VefError as default};
|
|
68
30
|
/*! 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,24 +1,5 @@
|
|
|
1
|
-
/*! VefFramework version: 1.0.
|
|
2
|
-
import
|
|
3
|
-
import { css } from '@emotion/react';
|
|
4
|
-
import { useThemeTokens } from '@vef-framework/hooks';
|
|
5
|
-
import { themeVariables, omit } from '@vef-framework/shared';
|
|
6
|
-
import { SearchIcon, ChevronDownIcon } from 'lucide-react';
|
|
7
|
-
import { motion } from 'motion/react';
|
|
8
|
-
import VefButton from '../../vef-button/index.js';
|
|
9
|
-
import VefFlex from '../../vef-flex/index.js';
|
|
10
|
-
import VefIcon from '../../vef-icon/index.js';
|
|
11
|
-
import { useFilterContextSelector } from '../hooks/use-filter-context.js';
|
|
12
|
-
import { useFilterStore } from '../store.js';
|
|
13
|
-
|
|
14
|
-
const defaultConfirmationButtonConfig = {
|
|
15
|
-
text: "\u641C\u7D22",
|
|
16
|
-
icon: /* @__PURE__ */ jsx(VefIcon, { children: /* @__PURE__ */ jsx(SearchIcon, {}) })
|
|
17
|
-
};
|
|
18
|
-
const defaultResetButtonConfig = {
|
|
19
|
-
text: "\u91CD\u7F6E"
|
|
20
|
-
};
|
|
21
|
-
const collapseButtonStyle = css`
|
|
1
|
+
/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
|
|
2
|
+
import{jsx as t,jsxs as e}from"@emotion/react/jsx-runtime";import{css as i}from"@emotion/react";import{useThemeTokens as o}from"@vef-framework/hooks";import{themeVariables as n,omit as r}from"@vef-framework/shared";import{SearchIcon as a,ChevronDownIcon as l}from"lucide-react";import{motion as c}from"motion/react";import s from"../../vef-button/index.js";import m from"../../vef-flex/index.js";import p from"../../vef-icon/index.js";import{useFilterContextSelector as f}from"../hooks/use-filter-context.js";import{useFilterStore as d}from"../store.js";const h={text:"搜索",icon:t(p,{children:t(a,{})})},u={text:"重置"},x=i`
|
|
22
3
|
&.vef-btn {
|
|
23
4
|
--vef-button-padding-inline: 0;
|
|
24
5
|
|
|
@@ -27,108 +8,14 @@ const collapseButtonStyle = css`
|
|
|
27
8
|
|
|
28
9
|
.vef-collapse-button-text {
|
|
29
10
|
position: relative;
|
|
30
|
-
width: calc(${
|
|
31
|
-
height: calc(${
|
|
11
|
+
width: calc(${n.fontSize} * 2 + 4px);
|
|
12
|
+
height: calc(${n.controlHeight} - 4px);
|
|
32
13
|
text-align: center;
|
|
33
|
-
line-height: calc(${
|
|
14
|
+
line-height: calc(${n.controlHeight} - 4px);
|
|
34
15
|
|
|
35
16
|
> span {
|
|
36
17
|
position: absolute;
|
|
37
18
|
}
|
|
38
19
|
}
|
|
39
|
-
`;
|
|
40
|
-
function VefActionButtons() {
|
|
41
|
-
const [isLoading, isAdvancedFilterVisible, setIsAdvancedFilterVisible] = useFilterStore((state) => [state.isLoading, state.isAdvancedFilterVisible, state.setIsAdvancedFilterVisible]);
|
|
42
|
-
const [
|
|
43
|
-
externalLoading,
|
|
44
|
-
confirmationButton = defaultConfirmationButtonConfig,
|
|
45
|
-
resetButton = defaultResetButtonConfig,
|
|
46
|
-
showCollapseButton,
|
|
47
|
-
handleReset,
|
|
48
|
-
extraActionButtons
|
|
49
|
-
] = useFilterContextSelector((ctx) => [
|
|
50
|
-
ctx.externalLoading,
|
|
51
|
-
ctx.confirmationButton,
|
|
52
|
-
ctx.resetButton,
|
|
53
|
-
ctx.showCollapseButton,
|
|
54
|
-
ctx.handleReset,
|
|
55
|
-
ctx.extraActionButtons
|
|
56
|
-
]);
|
|
57
|
-
const { controlHeight } = useThemeTokens();
|
|
58
|
-
const transitionY = (controlHeight - 4) / 2;
|
|
59
|
-
return /* @__PURE__ */ jsxs(VefFlex, { align: "center", gap: "medium", children: [
|
|
60
|
-
showCollapseButton && /* @__PURE__ */ jsxs(
|
|
61
|
-
VefButton,
|
|
62
|
-
{
|
|
63
|
-
color: "primary",
|
|
64
|
-
css: collapseButtonStyle,
|
|
65
|
-
variant: "link",
|
|
66
|
-
onClick: () => setIsAdvancedFilterVisible(!isAdvancedFilterVisible),
|
|
67
|
-
children: [
|
|
68
|
-
/* @__PURE__ */ jsxs("span", { className: "vef-collapse-button-text", children: [
|
|
69
|
-
/* @__PURE__ */ jsx(
|
|
70
|
-
motion.span,
|
|
71
|
-
{
|
|
72
|
-
initial: false,
|
|
73
|
-
animate: {
|
|
74
|
-
opacity: isAdvancedFilterVisible ? 1 : 0,
|
|
75
|
-
y: isAdvancedFilterVisible ? 0 : -transitionY
|
|
76
|
-
},
|
|
77
|
-
children: "\u6536\u8D77"
|
|
78
|
-
}
|
|
79
|
-
),
|
|
80
|
-
/* @__PURE__ */ jsx(
|
|
81
|
-
motion.span,
|
|
82
|
-
{
|
|
83
|
-
initial: false,
|
|
84
|
-
animate: {
|
|
85
|
-
opacity: isAdvancedFilterVisible ? 0 : 1,
|
|
86
|
-
y: isAdvancedFilterVisible ? transitionY : 0
|
|
87
|
-
},
|
|
88
|
-
children: "\u5C55\u5F00"
|
|
89
|
-
}
|
|
90
|
-
)
|
|
91
|
-
] }),
|
|
92
|
-
/* @__PURE__ */ jsx(
|
|
93
|
-
motion.span,
|
|
94
|
-
{
|
|
95
|
-
initial: false,
|
|
96
|
-
animate: {
|
|
97
|
-
rotate: isAdvancedFilterVisible ? -180 : 0,
|
|
98
|
-
transition: {
|
|
99
|
-
bounce: 0
|
|
100
|
-
}
|
|
101
|
-
},
|
|
102
|
-
children: /* @__PURE__ */ jsx(VefIcon, { size: "large", children: /* @__PURE__ */ jsx(ChevronDownIcon, {}) })
|
|
103
|
-
}
|
|
104
|
-
)
|
|
105
|
-
]
|
|
106
|
-
}
|
|
107
|
-
),
|
|
108
|
-
resetButton && /* @__PURE__ */ jsx(
|
|
109
|
-
VefButton,
|
|
110
|
-
{
|
|
111
|
-
color: "default",
|
|
112
|
-
variant: "filled",
|
|
113
|
-
onClick: handleReset,
|
|
114
|
-
...omit(resetButton, ["text"]),
|
|
115
|
-
children: resetButton.text
|
|
116
|
-
}
|
|
117
|
-
),
|
|
118
|
-
confirmationButton && /* @__PURE__ */ jsx(
|
|
119
|
-
VefButton,
|
|
120
|
-
{
|
|
121
|
-
color: "primary",
|
|
122
|
-
icon: confirmationButton.icon,
|
|
123
|
-
loading: externalLoading || isLoading,
|
|
124
|
-
type: "submit",
|
|
125
|
-
...omit(confirmationButton, ["text"]),
|
|
126
|
-
children: confirmationButton.text
|
|
127
|
-
}
|
|
128
|
-
),
|
|
129
|
-
extraActionButtons
|
|
130
|
-
] });
|
|
131
|
-
}
|
|
132
|
-
|
|
133
|
-
export { VefActionButtons as default };
|
|
20
|
+
`;function VefActionButtons(){const[i,n,a]=d((t=>[t.isLoading,t.isAdvancedFilterVisible,t.setIsAdvancedFilterVisible])),[g,v=h,b=u,k,y,j]=f((t=>[t.externalLoading,t.confirmationButton,t.resetButton,t.showCollapseButton,t.handleReset,t.extraActionButtons])),{controlHeight:B}=o(),A=(B-4)/2;return e(m,{align:"center",gap:"medium",children:[k&&e(s,{color:"primary",css:x,variant:"link",onClick:()=>a(!n),children:[e("span",{className:"vef-collapse-button-text",children:[t(c.span,{initial:!1,animate:{opacity:n?1:0,y:n?0:-A},children:"收起"}),t(c.span,{initial:!1,animate:{opacity:n?0:1,y:n?A:0},children:"展开"})]}),t(c.span,{initial:!1,animate:{rotate:n?-180:0,transition:{bounce:0}},children:t(p,{size:"large",children:t(l,{})})})]}),b&&t(s,{color:"default",variant:"filled",onClick:y,...r(b,["text"]),children:b.text}),v&&t(s,{color:"primary",icon:v.icon,loading:g||i,type:"submit",...r(v,["text"]),children:v.text}),j]})}export{VefActionButtons as default};
|
|
134
21
|
/*! 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,73 +1,11 @@
|
|
|
1
|
-
/*! VefFramework version: 1.0.
|
|
2
|
-
import
|
|
3
|
-
import { css } from '@emotion/react';
|
|
4
|
-
import { themeVariables } from '@vef-framework/shared';
|
|
5
|
-
import { motion } from 'motion/react';
|
|
6
|
-
import VefResponsiveContainer from '../../vef-responsive-container/index.js';
|
|
7
|
-
import VefResponsiveItem from '../../vef-responsive-item/index.js';
|
|
8
|
-
import { useFilterContextSelector } from '../hooks/use-filter-context.js';
|
|
9
|
-
import { useLabelConfig } from '../hooks/use-label-config.js';
|
|
10
|
-
import VefFilterItem from './filter-item.js';
|
|
11
|
-
|
|
12
|
-
const filterItemMinWidth = 200;
|
|
13
|
-
const advancedFilterWrapperStyle = css`
|
|
1
|
+
/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
|
|
2
|
+
import{jsx as e}from"@emotion/react/jsx-runtime";import{css as o}from"@emotion/react";import{themeVariables as i}from"@vef-framework/shared";import{motion as r}from"motion/react";import t from"../../vef-responsive-container/index.js";import a from"../../vef-responsive-item/index.js";import{useFilterContextSelector as n}from"../hooks/use-filter-context.js";import{useLabelConfig as l}from"../hooks/use-label-config.js";import s from"./filter-item.js";const m=o`
|
|
14
3
|
overflow: hidden;
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
border
|
|
21
|
-
|
|
22
|
-
`;
|
|
23
|
-
const animateConfig = {
|
|
24
|
-
opacity: 1,
|
|
25
|
-
height: "auto",
|
|
26
|
-
transition: {
|
|
27
|
-
ease: "easeInOut",
|
|
28
|
-
duration: 0.2
|
|
29
|
-
}
|
|
30
|
-
};
|
|
31
|
-
const initialConfig = {
|
|
32
|
-
opacity: 0,
|
|
33
|
-
height: 0
|
|
34
|
-
};
|
|
35
|
-
function VefAdvancedFilter({
|
|
36
|
-
items
|
|
37
|
-
}) {
|
|
38
|
-
const [labelPosition, labelAlign, labelWidth] = useFilterContextSelector((ctx) => [ctx.labelPosition, ctx.labelAlign, ctx.labelWidth]);
|
|
39
|
-
const { labelWidthToUse, labelCol } = useLabelConfig(labelPosition, labelWidth);
|
|
40
|
-
const filterItemMinWidthToUse = labelPosition === "top" ? filterItemMinWidth : filterItemMinWidth + (labelWidthToUse ?? 80);
|
|
41
|
-
return /* @__PURE__ */ jsx(
|
|
42
|
-
motion.div,
|
|
43
|
-
{
|
|
44
|
-
animate: animateConfig,
|
|
45
|
-
css: advancedFilterWrapperStyle,
|
|
46
|
-
exit: initialConfig,
|
|
47
|
-
initial: initialConfig,
|
|
48
|
-
children: /* @__PURE__ */ jsx(
|
|
49
|
-
VefResponsiveContainer,
|
|
50
|
-
{
|
|
51
|
-
baseItemWidth: filterItemMinWidthToUse,
|
|
52
|
-
css: advancedFilterStyle,
|
|
53
|
-
gap: "large",
|
|
54
|
-
children: items.map((item) => {
|
|
55
|
-
const { name, span } = item;
|
|
56
|
-
return /* @__PURE__ */ jsx(VefResponsiveItem, { span: span ?? 1, children: /* @__PURE__ */ jsx(
|
|
57
|
-
VefFilterItem,
|
|
58
|
-
{
|
|
59
|
-
item,
|
|
60
|
-
labelAlign,
|
|
61
|
-
labelCol,
|
|
62
|
-
layout: labelPosition === "top" ? "vertical" : "horizontal"
|
|
63
|
-
}
|
|
64
|
-
) }, name);
|
|
65
|
-
})
|
|
66
|
-
}
|
|
67
|
-
)
|
|
68
|
-
}
|
|
69
|
-
);
|
|
70
|
-
}
|
|
71
|
-
|
|
72
|
-
export { VefAdvancedFilter as default };
|
|
4
|
+
`,d=o`
|
|
5
|
+
margin-top: ${i.margin};
|
|
6
|
+
background-color: ${i.colorFillAlt};
|
|
7
|
+
padding: ${i.padding};
|
|
8
|
+
border-radius: ${i.borderRadiusLg};
|
|
9
|
+
border: ${i.lineWidth} ${i.lineType} ${i.colorBorderSecondary};
|
|
10
|
+
`,c={opacity:1,height:"auto",transition:{ease:"easeInOut",duration:.2}},p={opacity:0,height:0};function VefAdvancedFilter({items:o}){const[i,f,h]=n((e=>[e.labelPosition,e.labelAlign,e.labelWidth])),{labelWidthToUse:u,labelCol:b}=l(i,h),g="top"===i?200:200+(u??80);return e(r.div,{animate:c,css:m,exit:p,initial:p,children:e(t,{baseItemWidth:g,css:d,gap:"large",children:o.map((o=>{const{name:r,span:t}=o;return e(a,{span:t??1,children:e(s,{item:o,labelAlign:f,labelCol:b,layout:"top"===i?"vertical":"horizontal"})},r)}))})})}export{VefAdvancedFilter as default};
|
|
73
11
|
/*! 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,18 +1,10 @@
|
|
|
1
|
-
/*! VefFramework version: 1.0.
|
|
2
|
-
import
|
|
3
|
-
import { css } from '@emotion/react';
|
|
4
|
-
import { themeVariables } from '@vef-framework/shared';
|
|
5
|
-
import { Form } from 'antd';
|
|
6
|
-
import clsx from 'clsx';
|
|
7
|
-
import VefActionButtons from './action-buttons.js';
|
|
8
|
-
import VefFilterItem from './filter-item.js';
|
|
9
|
-
|
|
10
|
-
const basicFilterStyle = css`
|
|
1
|
+
/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
|
|
2
|
+
import{jsxs as e,Fragment as i,jsx as t}from"@emotion/react/jsx-runtime";import{css as r}from"@emotion/react";import{themeVariables as s}from"@vef-framework/shared";import{Form as m}from"antd";import f from"clsx";import n from"./action-buttons.js";import a from"./filter-item.js";const c=r`
|
|
11
3
|
&.vef-filter-basic-items-with-prefix {
|
|
12
4
|
display: grid;
|
|
13
5
|
grid-template-columns: max-content 1fr;
|
|
14
6
|
align-items: center;
|
|
15
|
-
gap: ${
|
|
7
|
+
gap: ${s.margin};
|
|
16
8
|
}
|
|
17
9
|
|
|
18
10
|
.vef-filter-basic-items-prefix {
|
|
@@ -23,29 +15,7 @@ const basicFilterStyle = css`
|
|
|
23
15
|
flex-wrap: wrap;
|
|
24
16
|
align-items: center;
|
|
25
17
|
justify-content: flex-end;
|
|
26
|
-
gap: ${
|
|
18
|
+
gap: ${s.margin};
|
|
27
19
|
}
|
|
28
|
-
`;
|
|
29
|
-
function VefBasicFilter({
|
|
30
|
-
items,
|
|
31
|
-
prefix
|
|
32
|
-
}) {
|
|
33
|
-
const className = clsx({
|
|
34
|
-
"vef-filter-basic-items-with-prefix": !!prefix,
|
|
35
|
-
"vef-filter-basic-items-content": !prefix
|
|
36
|
-
});
|
|
37
|
-
const content = /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
38
|
-
items.map((item) => {
|
|
39
|
-
const { name } = item;
|
|
40
|
-
return /* @__PURE__ */ jsx(VefFilterItem, { item }, name);
|
|
41
|
-
}),
|
|
42
|
-
/* @__PURE__ */ jsx(Form.Item, { children: /* @__PURE__ */ jsx(VefActionButtons, {}) })
|
|
43
|
-
] });
|
|
44
|
-
return /* @__PURE__ */ jsxs("div", { className, css: basicFilterStyle, children: [
|
|
45
|
-
prefix && /* @__PURE__ */ jsx("div", { className: "vef-filter-basic-items-prefix", children: prefix }),
|
|
46
|
-
prefix ? /* @__PURE__ */ jsx("div", { className: "vef-filter-basic-items-content", children: content }) : content
|
|
47
|
-
] });
|
|
48
|
-
}
|
|
49
|
-
|
|
50
|
-
export { VefBasicFilter as default };
|
|
20
|
+
`;function VefBasicFilter({items:r,prefix:s}){const o=f({"vef-filter-basic-items-with-prefix":!!s,"vef-filter-basic-items-content":!s}),l=e(i,{children:[r.map((e=>{const{name:i}=e;return t(a,{item:e},i)})),t(m.Item,{children:t(n,{})})]});return e("div",{className:o,css:c,children:[s&&t("div",{className:"vef-filter-basic-items-prefix",children:s}),s?t("div",{className:"vef-filter-basic-items-content",children:l}):l]})}export{VefBasicFilter as default};
|
|
51
21
|
/*! 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,20 +1,3 @@
|
|
|
1
|
-
/*! VefFramework version: 1.0.
|
|
2
|
-
import
|
|
3
|
-
import InputNumber from './input-number.js';
|
|
4
|
-
import Radio from './radio.js';
|
|
5
|
-
import Select from './select.js';
|
|
6
|
-
import TreeSelect from './tree-select.js';
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
const fieldMap = {
|
|
10
|
-
Input,
|
|
11
|
-
InputNumber,
|
|
12
|
-
Radio,
|
|
13
|
-
SingleSelect: Select,
|
|
14
|
-
MultipleSelect: Select,
|
|
15
|
-
TreeSingleSelect: TreeSelect,
|
|
16
|
-
TreeMultipleSelect: TreeSelect
|
|
17
|
-
};
|
|
18
|
-
|
|
19
|
-
export { fieldMap };
|
|
1
|
+
/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
|
|
2
|
+
import e from"./input.js";import t from"./input-number.js";import r from"./radio.js";import o from"./select.js";import p from"./tree-select.js";const i={Input:e,InputNumber:t,Radio:r,SingleSelect:o,MultipleSelect:o,TreeSingleSelect:p,TreeMultipleSelect:p};export{i as fieldMap};
|
|
20
3
|
/*! 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,91 +1,3 @@
|
|
|
1
|
-
/*! VefFramework version: 1.0.
|
|
2
|
-
import
|
|
3
|
-
import { VefError, isString, isFunction } from '@vef-framework/shared';
|
|
4
|
-
import { useMemo } from 'react';
|
|
5
|
-
import VefInputNumber from '../../../vef-input-number/index.js';
|
|
6
|
-
import { useComputedValues } from '../../hooks/use-computed-values.js';
|
|
7
|
-
import { useFilterStore } from '../../store.js';
|
|
8
|
-
|
|
9
|
-
function InputNumber({
|
|
10
|
-
label,
|
|
11
|
-
disabled,
|
|
12
|
-
value,
|
|
13
|
-
onChange,
|
|
14
|
-
componentProps
|
|
15
|
-
}) {
|
|
16
|
-
if (componentProps.type !== "InputNumber") {
|
|
17
|
-
throw new VefError(-9, `Oops! Something went wrong. The type of the filter field is not "InputNumber", but rendered.`);
|
|
18
|
-
}
|
|
19
|
-
const {
|
|
20
|
-
onChange: onValueChange,
|
|
21
|
-
onEnterKeyPress,
|
|
22
|
-
placeholder,
|
|
23
|
-
prefix,
|
|
24
|
-
suffix,
|
|
25
|
-
max,
|
|
26
|
-
min
|
|
27
|
-
} = componentProps;
|
|
28
|
-
const [form, setValues] = useFilterStore((state) => [state.form, state.setValues]);
|
|
29
|
-
const [placeholderValue, maxValue, minValue, prefixValue, suffixValue] = useComputedValues([
|
|
30
|
-
{
|
|
31
|
-
key: "placeholder",
|
|
32
|
-
rawValue: placeholder,
|
|
33
|
-
defaultValue: label ? isString(label) ? `\u8BF7\u8F93\u5165${label}` : "\u8BF7\u8F93\u5165" : void 0
|
|
34
|
-
},
|
|
35
|
-
{
|
|
36
|
-
key: "max",
|
|
37
|
-
rawValue: max
|
|
38
|
-
},
|
|
39
|
-
{
|
|
40
|
-
key: "min",
|
|
41
|
-
rawValue: min
|
|
42
|
-
},
|
|
43
|
-
{
|
|
44
|
-
key: "prefix",
|
|
45
|
-
rawValue: prefix
|
|
46
|
-
},
|
|
47
|
-
{
|
|
48
|
-
key: "suffix",
|
|
49
|
-
rawValue: suffix
|
|
50
|
-
}
|
|
51
|
-
]);
|
|
52
|
-
const events = useMemo(() => {
|
|
53
|
-
const events2 = {};
|
|
54
|
-
events2.onChange = (value2) => {
|
|
55
|
-
onChange?.(value2);
|
|
56
|
-
if (isFunction(onValueChange)) {
|
|
57
|
-
const values = form.getFieldsValue();
|
|
58
|
-
onValueChange(value2, {
|
|
59
|
-
values,
|
|
60
|
-
setValues
|
|
61
|
-
});
|
|
62
|
-
}
|
|
63
|
-
};
|
|
64
|
-
if (isFunction(onEnterKeyPress)) {
|
|
65
|
-
events2.onPressEnter = (value2) => {
|
|
66
|
-
const values = form.getFieldsValue();
|
|
67
|
-
onEnterKeyPress(value2, {
|
|
68
|
-
values,
|
|
69
|
-
setValues
|
|
70
|
-
});
|
|
71
|
-
};
|
|
72
|
-
}
|
|
73
|
-
return events2;
|
|
74
|
-
}, [form, onChange, onEnterKeyPress, onValueChange, setValues]);
|
|
75
|
-
return /* @__PURE__ */ jsx(
|
|
76
|
-
VefInputNumber,
|
|
77
|
-
{
|
|
78
|
-
disabled,
|
|
79
|
-
max: maxValue,
|
|
80
|
-
min: minValue,
|
|
81
|
-
placeholder: placeholderValue,
|
|
82
|
-
prefix: prefixValue,
|
|
83
|
-
suffix: suffixValue,
|
|
84
|
-
value,
|
|
85
|
-
...events
|
|
86
|
-
}
|
|
87
|
-
);
|
|
88
|
-
}
|
|
89
|
-
|
|
90
|
-
export { InputNumber as default };
|
|
1
|
+
/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
|
|
2
|
+
import{jsx as e}from"@emotion/react/jsx-runtime";import{VefError as r,isString as o,isFunction as t}from"@vef-framework/shared";import{useMemo as a}from"react";import n from"../../../vef-input-number/index.js";import{useComputedValues as u}from"../../hooks/use-computed-values.js";import{useFilterStore as s}from"../../store.js";function InputNumber({label:l,disabled:i,value:m,onChange:f,componentProps:p}){if("InputNumber"!==p.type)throw new r(-9,'Oops! Something went wrong. The type of the filter field is not "InputNumber", but rendered.');const{onChange:d,onEnterKeyPress:c,placeholder:h,prefix:x,suffix:V,max:w,min:b}=p,[v,y]=s((e=>[e.form,e.setValues])),[g,k,j,I,N]=u([{key:"placeholder",rawValue:h,defaultValue:l?o(l)?`请输入${l}`:"请输入":void 0},{key:"max",rawValue:w},{key:"min",rawValue:b},{key:"prefix",rawValue:x},{key:"suffix",rawValue:V}]),C=a((()=>{const e={onChange:e=>{if(f?.(e),t(d)){const r=v.getFieldsValue();d(e,{values:r,setValues:y})}}};return t(c)&&(e.onPressEnter=e=>{const r=v.getFieldsValue();c(e,{values:r,setValues:y})}),e}),[v,f,c,d,y]);return e(n,{disabled:i,max:k,min:j,placeholder:g,prefix:I,suffix:N,value:m,...C})}export{InputNumber as default};
|
|
91
3
|
/*! 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,68 +1,3 @@
|
|
|
1
|
-
/*! VefFramework version: 1.0.
|
|
2
|
-
import
|
|
3
|
-
import { VefError, isString, isFunction } from '@vef-framework/shared';
|
|
4
|
-
import { useMemo } from 'react';
|
|
5
|
-
import VefInput from '../../../vef-input/index.js';
|
|
6
|
-
import { useComputedValues } from '../../hooks/use-computed-values.js';
|
|
7
|
-
import { useFilterStore } from '../../store.js';
|
|
8
|
-
|
|
9
|
-
function Input({
|
|
10
|
-
label,
|
|
11
|
-
disabled,
|
|
12
|
-
value,
|
|
13
|
-
onChange,
|
|
14
|
-
componentProps
|
|
15
|
-
}) {
|
|
16
|
-
if (componentProps.type !== "Input") {
|
|
17
|
-
throw new VefError(-9, `Oops! Something went wrong. The type of the filter field is not "Input", but rendered.`);
|
|
18
|
-
}
|
|
19
|
-
const {
|
|
20
|
-
onChange: onValueChange,
|
|
21
|
-
onEnterKeyPress,
|
|
22
|
-
placeholder
|
|
23
|
-
} = componentProps;
|
|
24
|
-
const [form, setValues] = useFilterStore((state) => [state.form, state.setValues]);
|
|
25
|
-
const [placeholderValue] = useComputedValues([
|
|
26
|
-
{
|
|
27
|
-
key: "placeholder",
|
|
28
|
-
rawValue: placeholder,
|
|
29
|
-
defaultValue: label ? isString(label) ? `\u8BF7\u8F93\u5165${label}` : "\u8BF7\u8F93\u5165" : void 0
|
|
30
|
-
}
|
|
31
|
-
]);
|
|
32
|
-
const events = useMemo(() => {
|
|
33
|
-
const events2 = {};
|
|
34
|
-
events2.onChange = (value2) => {
|
|
35
|
-
onChange?.(value2);
|
|
36
|
-
if (isFunction(onValueChange)) {
|
|
37
|
-
const values = form.getFieldsValue();
|
|
38
|
-
onValueChange(value2, {
|
|
39
|
-
values,
|
|
40
|
-
setValues
|
|
41
|
-
});
|
|
42
|
-
}
|
|
43
|
-
};
|
|
44
|
-
if (isFunction(onEnterKeyPress)) {
|
|
45
|
-
events2.onPressEnter = (value2) => {
|
|
46
|
-
const values = form.getFieldsValue();
|
|
47
|
-
onEnterKeyPress(value2, {
|
|
48
|
-
values,
|
|
49
|
-
setValues
|
|
50
|
-
});
|
|
51
|
-
};
|
|
52
|
-
}
|
|
53
|
-
return events2;
|
|
54
|
-
}, [form, onChange, onEnterKeyPress, onValueChange, setValues]);
|
|
55
|
-
return /* @__PURE__ */ jsx(
|
|
56
|
-
VefInput,
|
|
57
|
-
{
|
|
58
|
-
clearable: true,
|
|
59
|
-
disabled,
|
|
60
|
-
placeholder: placeholderValue,
|
|
61
|
-
value,
|
|
62
|
-
...events
|
|
63
|
-
}
|
|
64
|
-
);
|
|
65
|
-
}
|
|
66
|
-
|
|
67
|
-
export { Input as default };
|
|
1
|
+
/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
|
|
2
|
+
import{jsx as e}from"@emotion/react/jsx-runtime";import{VefError as o,isString as t,isFunction as r}from"@vef-framework/shared";import{useMemo as n}from"react";import s from"../../../vef-input/index.js";import{useComputedValues as a}from"../../hooks/use-computed-values.js";import{useFilterStore as l}from"../../store.js";function Input({label:u,disabled:i,value:p,onChange:m,componentProps:d}){if("Input"!==d.type)throw new o(-9,'Oops! Something went wrong. The type of the filter field is not "Input", but rendered.');const{onChange:f,onEnterKeyPress:c,placeholder:h}=d,[v,g]=l((e=>[e.form,e.setValues])),[V]=a([{key:"placeholder",rawValue:h,defaultValue:u?t(u)?`请输入${u}`:"请输入":void 0}]),w=n((()=>{const e={onChange:e=>{if(m?.(e),r(f)){const o=v.getFieldsValue();f(e,{values:o,setValues:g})}}};return r(c)&&(e.onPressEnter=e=>{const o=v.getFieldsValue();c(e,{values:o,setValues:g})}),e}),[v,m,c,f,g]);return e(s,{clearable:!0,disabled:i,placeholder:V,value:p,...w})}export{Input as default};
|
|
68
3
|
/*! 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,110 +1,3 @@
|
|
|
1
|
-
/*! VefFramework version: 1.0.
|
|
2
|
-
import
|
|
3
|
-
import { VefError, isFunction } from '@vef-framework/shared';
|
|
4
|
-
import { useMemo } from 'react';
|
|
5
|
-
import { useComputedValues } from '../../../vef-form/hooks/use-computed-values.js';
|
|
6
|
-
import VefRadio from '../../../vef-radio/index.js';
|
|
7
|
-
import { useFilterStore } from '../../store.js';
|
|
8
|
-
|
|
9
|
-
function Radio({
|
|
10
|
-
value,
|
|
11
|
-
disabled,
|
|
12
|
-
onChange,
|
|
13
|
-
componentProps
|
|
14
|
-
}) {
|
|
15
|
-
if (componentProps.type !== "Radio") {
|
|
16
|
-
throw new VefError(-9, `Oops! Something went wrong. The type of the filter field is not "Radio", but rendered.`);
|
|
17
|
-
}
|
|
18
|
-
const {
|
|
19
|
-
onChange: onValueChange,
|
|
20
|
-
block,
|
|
21
|
-
variant,
|
|
22
|
-
labelKey,
|
|
23
|
-
valueKey,
|
|
24
|
-
descriptionKey,
|
|
25
|
-
disabledKey,
|
|
26
|
-
childrenKey,
|
|
27
|
-
defaultToFirst,
|
|
28
|
-
api,
|
|
29
|
-
apiParams,
|
|
30
|
-
apiEnabled,
|
|
31
|
-
data,
|
|
32
|
-
dataDictionaryKey,
|
|
33
|
-
placeholderData,
|
|
34
|
-
keepPreviousData,
|
|
35
|
-
staleTime,
|
|
36
|
-
onFetched
|
|
37
|
-
} = componentProps;
|
|
38
|
-
const [
|
|
39
|
-
apiValue,
|
|
40
|
-
apiParamsValue,
|
|
41
|
-
apiEnabledValue,
|
|
42
|
-
dataValue,
|
|
43
|
-
dataDictionaryKeyValue
|
|
44
|
-
] = useComputedValues([
|
|
45
|
-
{
|
|
46
|
-
key: "api",
|
|
47
|
-
rawValue: api
|
|
48
|
-
},
|
|
49
|
-
{
|
|
50
|
-
key: "apiParams",
|
|
51
|
-
rawValue: apiParams
|
|
52
|
-
},
|
|
53
|
-
{
|
|
54
|
-
key: "apiEnabled",
|
|
55
|
-
rawValue: apiEnabled
|
|
56
|
-
},
|
|
57
|
-
{
|
|
58
|
-
key: "data",
|
|
59
|
-
rawValue: data
|
|
60
|
-
},
|
|
61
|
-
{
|
|
62
|
-
key: "dataDictionaryKey",
|
|
63
|
-
rawValue: dataDictionaryKey
|
|
64
|
-
}
|
|
65
|
-
]);
|
|
66
|
-
const [form, setValues] = useFilterStore((state) => [state.form, state.setValues]);
|
|
67
|
-
const events = useMemo(() => {
|
|
68
|
-
const events2 = {};
|
|
69
|
-
events2.onChange = (value2, option) => {
|
|
70
|
-
onChange?.(value2);
|
|
71
|
-
if (isFunction(onValueChange)) {
|
|
72
|
-
const values = form.getFieldsValue();
|
|
73
|
-
onValueChange(value2, {
|
|
74
|
-
values,
|
|
75
|
-
setValues,
|
|
76
|
-
option
|
|
77
|
-
});
|
|
78
|
-
}
|
|
79
|
-
};
|
|
80
|
-
return events2;
|
|
81
|
-
}, [form, onChange, onValueChange, setValues]);
|
|
82
|
-
return /* @__PURE__ */ jsx(
|
|
83
|
-
VefRadio,
|
|
84
|
-
{
|
|
85
|
-
api: apiValue,
|
|
86
|
-
apiEnabled: apiEnabledValue,
|
|
87
|
-
apiParams: apiParamsValue,
|
|
88
|
-
block,
|
|
89
|
-
childrenKey,
|
|
90
|
-
data: dataValue,
|
|
91
|
-
dataDictionaryKey: dataDictionaryKeyValue,
|
|
92
|
-
defaultToFirst,
|
|
93
|
-
descriptionKey,
|
|
94
|
-
disabled,
|
|
95
|
-
disabledKey,
|
|
96
|
-
keepPreviousData,
|
|
97
|
-
labelKey,
|
|
98
|
-
placeholderData,
|
|
99
|
-
staleTime,
|
|
100
|
-
value,
|
|
101
|
-
valueKey,
|
|
102
|
-
variant,
|
|
103
|
-
onFetched,
|
|
104
|
-
...events
|
|
105
|
-
}
|
|
106
|
-
);
|
|
107
|
-
}
|
|
108
|
-
|
|
109
|
-
export { Radio as default };
|
|
1
|
+
/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
|
|
2
|
+
import{jsx as e}from"@emotion/react/jsx-runtime";import{VefError as a,isFunction as o}from"@vef-framework/shared";import{useMemo as t}from"react";import{useComputedValues as i}from"../../../vef-form/hooks/use-computed-values.js";import r from"../../../vef-radio/index.js";import{useFilterStore as l}from"../../store.js";function Radio({value:d,disabled:n,onChange:s,componentProps:p}){if("Radio"!==p.type)throw new a(-9,'Oops! Something went wrong. The type of the filter field is not "Radio", but rendered.');const{onChange:u,block:m,variant:y,labelKey:c,valueKey:f,descriptionKey:h,disabledKey:v,childrenKey:K,defaultToFirst:b,api:k,apiParams:w,apiEnabled:V,data:D,dataDictionaryKey:g,placeholderData:P,keepPreviousData:F,staleTime:T,onFetched:j}=p,[R,x,C,E,O]=i([{key:"api",rawValue:k},{key:"apiParams",rawValue:w},{key:"apiEnabled",rawValue:V},{key:"data",rawValue:D},{key:"dataDictionaryKey",rawValue:g}]),[S,q]=l((e=>[e.form,e.setValues])),z=t((()=>{const e={onChange:(e,a)=>{if(s?.(e),o(u)){const o=S.getFieldsValue();u(e,{values:o,setValues:q,option:a})}}};return e}),[S,s,u,q]);return e(r,{api:R,apiEnabled:C,apiParams:x,block:m,childrenKey:K,data:E,dataDictionaryKey:O,defaultToFirst:b,descriptionKey:h,disabled:n,disabledKey:v,keepPreviousData:F,labelKey:c,placeholderData:P,staleTime:T,value:d,valueKey:f,variant:y,onFetched:j,...z})}export{Radio as default};
|
|
110
3
|
/*! 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 */
|