@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-select/index.js
CHANGED
|
@@ -1,101 +1,3 @@
|
|
|
1
|
-
/*! VefFramework version: 1.0.
|
|
2
|
-
import
|
|
3
|
-
import { useOptionFilter } from '@vef-framework/hooks';
|
|
4
|
-
import { styles } from '@vef-framework/shared';
|
|
5
|
-
import { Select } from 'antd';
|
|
6
|
-
import { memo, forwardRef } from 'react';
|
|
7
|
-
import '../internal/index.js';
|
|
8
|
-
import VefLoadingPlaceholder from '../vef-loading-placeholder/index.js';
|
|
9
|
-
import { useDataOptions } from './hooks/use-data-options.js';
|
|
10
|
-
import { useFieldNames } from './hooks/use-field-names.js';
|
|
11
|
-
import { useRenderLabel } from './hooks/use-render-label.js';
|
|
12
|
-
import { useRenderOption } from './hooks/use-render-option.js';
|
|
13
|
-
import { useSelectInstance } from './hooks/use-select-instance.js';
|
|
14
|
-
import { convertBasicSizeToUiSize } from '../internal/utils.js';
|
|
15
|
-
|
|
16
|
-
const listHeight = 280;
|
|
17
|
-
const loadingPlaceholder = /* @__PURE__ */ jsx("div", { css: { height: listHeight / 2 }, children: /* @__PURE__ */ jsx(VefLoadingPlaceholder, {}) });
|
|
18
|
-
function VefSelectBase({
|
|
19
|
-
defaultValue,
|
|
20
|
-
value,
|
|
21
|
-
size,
|
|
22
|
-
clearable,
|
|
23
|
-
disabled,
|
|
24
|
-
placeholder,
|
|
25
|
-
variant,
|
|
26
|
-
onClear,
|
|
27
|
-
onBlur,
|
|
28
|
-
onFocus,
|
|
29
|
-
onChange,
|
|
30
|
-
onSelect,
|
|
31
|
-
onDeselect,
|
|
32
|
-
multiple = false,
|
|
33
|
-
grouped = false,
|
|
34
|
-
maxCount,
|
|
35
|
-
renderOption,
|
|
36
|
-
filterable = false,
|
|
37
|
-
filterFromRemote = false,
|
|
38
|
-
...restProps
|
|
39
|
-
}, ref) {
|
|
40
|
-
const {
|
|
41
|
-
onFilterKeywordChange,
|
|
42
|
-
normalizedOptions,
|
|
43
|
-
isLoading,
|
|
44
|
-
fallbackOptions,
|
|
45
|
-
isFallbackOptionsLoading
|
|
46
|
-
} = useDataOptions({
|
|
47
|
-
value,
|
|
48
|
-
grouped,
|
|
49
|
-
multiple,
|
|
50
|
-
onChange,
|
|
51
|
-
filterable,
|
|
52
|
-
filterFromRemote,
|
|
53
|
-
...restProps
|
|
54
|
-
});
|
|
55
|
-
const renderOptionToUse = useRenderOption(renderOption);
|
|
56
|
-
const filterOption = useOptionFilter(filterable, filterFromRemote);
|
|
57
|
-
const fieldNames = useFieldNames(grouped);
|
|
58
|
-
const renderLabel = useRenderLabel(isFallbackOptionsLoading, fallbackOptions);
|
|
59
|
-
const selectRef = useSelectInstance(ref, normalizedOptions);
|
|
60
|
-
return /* @__PURE__ */ jsx(
|
|
61
|
-
Select,
|
|
62
|
-
{
|
|
63
|
-
ref: selectRef,
|
|
64
|
-
defaultActiveFirstOption: true,
|
|
65
|
-
allowClear: clearable,
|
|
66
|
-
css: styles.fullWidth,
|
|
67
|
-
defaultValue,
|
|
68
|
-
disabled,
|
|
69
|
-
fieldNames,
|
|
70
|
-
filterOption,
|
|
71
|
-
labelRender: renderLabel,
|
|
72
|
-
listHeight,
|
|
73
|
-
loading: isLoading,
|
|
74
|
-
maxCount: multiple ? maxCount : void 0,
|
|
75
|
-
maxTagCount: multiple ? "responsive" : void 0,
|
|
76
|
-
mode: multiple ? "multiple" : void 0,
|
|
77
|
-
notFoundContent: isLoading ? loadingPlaceholder : void 0,
|
|
78
|
-
optionRender: renderOptionToUse,
|
|
79
|
-
options: normalizedOptions,
|
|
80
|
-
placeholder,
|
|
81
|
-
showSearch: filterable,
|
|
82
|
-
size: convertBasicSizeToUiSize(size),
|
|
83
|
-
value,
|
|
84
|
-
variant,
|
|
85
|
-
onBlur,
|
|
86
|
-
onChange,
|
|
87
|
-
onClear,
|
|
88
|
-
onDeselect,
|
|
89
|
-
onFocus,
|
|
90
|
-
onSearch: onFilterKeywordChange,
|
|
91
|
-
onSelect
|
|
92
|
-
}
|
|
93
|
-
);
|
|
94
|
-
}
|
|
95
|
-
const VefSelect = memo(
|
|
96
|
-
forwardRef(VefSelectBase)
|
|
97
|
-
);
|
|
98
|
-
VefSelect.displayName = "VefSelect";
|
|
99
|
-
|
|
100
|
-
export { VefSelect 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{useOptionFilter as o}from"@vef-framework/hooks";import{styles as r}from"@vef-framework/shared";import{Select as t}from"antd";import{memo as i,forwardRef as l}from"react";import"../internal/index.js";import n from"../vef-loading-placeholder/index.js";import{useDataOptions as a}from"./hooks/use-data-options.js";import{useFieldNames as s}from"./hooks/use-field-names.js";import{useRenderLabel as m}from"./hooks/use-render-label.js";import{useRenderOption as d}from"./hooks/use-render-option.js";import{useSelectInstance as f}from"./hooks/use-select-instance.js";import{convertBasicSizeToUiSize as p}from"../internal/utils.js";const u=e("div",{css:{height:140},children:e(n,{})});const c=i(l((function VefSelectBase({defaultValue:i,value:l,size:n,clearable:c,disabled:h,placeholder:v,variant:g,onClear:C,onBlur:k,onFocus:b,onChange:j,onSelect:F,onDeselect:x,multiple:O=!1,grouped:S=!1,maxCount:w,renderOption:R,filterable:V=!1,filterFromRemote:z=!1,...B},y){const{onFilterKeywordChange:D,normalizedOptions:L,isLoading:N,fallbackOptions:A,isFallbackOptionsLoading:H}=a({value:l,grouped:S,multiple:O,onChange:j,filterable:V,filterFromRemote:z,...B}),K=d(R),T=o(V,z),W=s(S),q=m(H,A),E=f(y,L);return e(t,{ref:E,defaultActiveFirstOption:!0,allowClear:c,css:r.fullWidth,defaultValue:i,disabled:h,fieldNames:W,filterOption:T,labelRender:q,listHeight:280,loading:N,maxCount:O?w:void 0,maxTagCount:O?"responsive":void 0,mode:O?"multiple":void 0,notFoundContent:N?u:void 0,optionRender:K,options:L,placeholder:v,showSearch:V,size:p(n),value:l,variant:g,onBlur:k,onChange:j,onClear:C,onDeselect:x,onFocus:b,onSearch:D,onSelect:F})})));c.displayName="VefSelect";export{c as default};
|
|
101
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,14 +1,3 @@
|
|
|
1
|
-
/*! VefFramework version: 1.0.
|
|
2
|
-
import
|
|
3
|
-
|
|
4
|
-
function useSliderInstance(ref) {
|
|
5
|
-
const sliderRef = useRef(null);
|
|
6
|
-
useImperativeHandle(ref, () => ({
|
|
7
|
-
blur: () => sliderRef.current?.blur(),
|
|
8
|
-
focus: () => sliderRef.current?.focus()
|
|
9
|
-
}));
|
|
10
|
-
return sliderRef;
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
export { useSliderInstance };
|
|
1
|
+
/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
|
|
2
|
+
import{useRef as r,useImperativeHandle as e}from"react";function useSliderInstance(n){const u=r(null);return e(n,(()=>({blur:()=>u.current?.blur(),focus:()=>u.current?.focus()}))),u}export{useSliderInstance};
|
|
14
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 */
|
package/es/vef-slider/index.js
CHANGED
|
@@ -1,35 +1,3 @@
|
|
|
1
|
-
/*! VefFramework version: 1.0.
|
|
2
|
-
import
|
|
3
|
-
import { Slider } from 'antd';
|
|
4
|
-
import { forwardRef, useMemo } from 'react';
|
|
5
|
-
import { useSliderInstance } from './hooks/use-slider-instance.js';
|
|
6
|
-
|
|
7
|
-
const VefSlider = forwardRef(({
|
|
8
|
-
step,
|
|
9
|
-
tipFormatter,
|
|
10
|
-
onChange,
|
|
11
|
-
...restProps
|
|
12
|
-
}, ref) => {
|
|
13
|
-
const tooltipProps = useMemo(() => {
|
|
14
|
-
if (tipFormatter) {
|
|
15
|
-
return {
|
|
16
|
-
formatter: (value) => tipFormatter(value)
|
|
17
|
-
};
|
|
18
|
-
}
|
|
19
|
-
}, [tipFormatter]);
|
|
20
|
-
const sliderRef = useSliderInstance(ref);
|
|
21
|
-
return /* @__PURE__ */ jsx(
|
|
22
|
-
Slider,
|
|
23
|
-
{
|
|
24
|
-
ref: sliderRef,
|
|
25
|
-
step: step === "mark" ? null : step,
|
|
26
|
-
tooltip: tooltipProps,
|
|
27
|
-
onChange,
|
|
28
|
-
...restProps
|
|
29
|
-
}
|
|
30
|
-
);
|
|
31
|
-
});
|
|
32
|
-
VefSlider.displayName = "VefSlider";
|
|
33
|
-
|
|
34
|
-
export { VefSlider as default };
|
|
1
|
+
/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
|
|
2
|
+
import{jsx as t}from"@emotion/react/jsx-runtime";import{Slider as r}from"antd";import{forwardRef as e,useMemo as o}from"react";import{useSliderInstance as m}from"./hooks/use-slider-instance.js";const n=e((({step:e,tipFormatter:n,onChange:a,...i},s)=>{const p=o((()=>{if(n)return{formatter:t=>n(t)}}),[n]),f=m(s);return t(r,{ref:f,step:"mark"===e?null:e,tooltip:p,onChange:a,...i})}));n.displayName="VefSlider";export{n as default};
|
|
35
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,35 +1,7 @@
|
|
|
1
|
-
/*! VefFramework version: 1.0.
|
|
2
|
-
import
|
|
3
|
-
import { HolderOutlined } from '@ant-design/icons';
|
|
4
|
-
import { css } from '@emotion/react';
|
|
5
|
-
|
|
6
|
-
const defaultHandleIcon = /* @__PURE__ */ jsx(HolderOutlined, {});
|
|
7
|
-
const handlePresetStyle = css`
|
|
1
|
+
/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
|
|
2
|
+
import{jsx as e,jsxs as n,Fragment as t}from"@emotion/react/jsx-runtime";import{HolderOutlined as o}from"@ant-design/icons";import{css as r}from"@emotion/react";const a=e(o,{}),m=r`
|
|
8
3
|
cursor: move;
|
|
9
4
|
user-select: none;
|
|
10
5
|
touch-action: none;
|
|
11
|
-
`;
|
|
12
|
-
function VefOverlayItem({
|
|
13
|
-
item,
|
|
14
|
-
renderItem,
|
|
15
|
-
useHandle,
|
|
16
|
-
handleClassName,
|
|
17
|
-
handleStyle,
|
|
18
|
-
handleIcon
|
|
19
|
-
}) {
|
|
20
|
-
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
21
|
-
useHandle && /* @__PURE__ */ jsx(
|
|
22
|
-
"div",
|
|
23
|
-
{
|
|
24
|
-
className: handleClassName,
|
|
25
|
-
css: handlePresetStyle,
|
|
26
|
-
style: handleStyle,
|
|
27
|
-
children: handleIcon ?? defaultHandleIcon
|
|
28
|
-
}
|
|
29
|
-
),
|
|
30
|
-
renderItem(item, true)
|
|
31
|
-
] });
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
export { VefOverlayItem as default };
|
|
6
|
+
`;function VefOverlayItem({item:o,renderItem:r,useHandle:s,handleClassName:c,handleStyle:i,handleIcon:l}){return n(t,{children:[s&&e("div",{className:c,css:m,style:i,children:l??a}),r(o,!0)]})}export{VefOverlayItem as default};
|
|
35
7
|
/*! 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,79 +1,7 @@
|
|
|
1
|
-
/*! VefFramework version: 1.0.
|
|
2
|
-
import
|
|
3
|
-
import { HolderOutlined } from '@ant-design/icons';
|
|
4
|
-
import { useSortable } from '@dnd-kit/sortable';
|
|
5
|
-
import { CSS } from '@dnd-kit/utilities';
|
|
6
|
-
import { css } from '@emotion/react';
|
|
7
|
-
|
|
8
|
-
const defaultHandleIcon = /* @__PURE__ */ jsx(HolderOutlined, {});
|
|
9
|
-
const handlePresetStyle = css`
|
|
1
|
+
/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
|
|
2
|
+
import{jsx as e,jsxs as t}from"@emotion/react/jsx-runtime";import{HolderOutlined as i}from"@ant-design/icons";import{useSortable as r}from"@dnd-kit/sortable";import{CSS as n}from"@dnd-kit/utilities";import{css as o}from"@emotion/react";const s=e(i,{}),a=o`
|
|
10
3
|
cursor: move;
|
|
11
4
|
user-select: none;
|
|
12
5
|
touch-action: none;
|
|
13
|
-
`;
|
|
14
|
-
function VefSortableItem({
|
|
15
|
-
item,
|
|
16
|
-
itemKey,
|
|
17
|
-
itemIndex,
|
|
18
|
-
itemClassName,
|
|
19
|
-
itemStyle,
|
|
20
|
-
renderItem,
|
|
21
|
-
useHandle,
|
|
22
|
-
useOverlay,
|
|
23
|
-
handleClassName,
|
|
24
|
-
handleStyle,
|
|
25
|
-
handleIcon,
|
|
26
|
-
disabled
|
|
27
|
-
}) {
|
|
28
|
-
const {
|
|
29
|
-
isDragging,
|
|
30
|
-
attributes,
|
|
31
|
-
listeners,
|
|
32
|
-
setNodeRef,
|
|
33
|
-
setActivatorNodeRef,
|
|
34
|
-
transition,
|
|
35
|
-
transform
|
|
36
|
-
} = useSortable({
|
|
37
|
-
id: itemKey,
|
|
38
|
-
disabled,
|
|
39
|
-
data: {
|
|
40
|
-
index: itemIndex
|
|
41
|
-
}
|
|
42
|
-
});
|
|
43
|
-
const style = {
|
|
44
|
-
...itemStyle,
|
|
45
|
-
transition,
|
|
46
|
-
transform: CSS.Transform.toString(transform),
|
|
47
|
-
...!useOverlay && isDragging ? {
|
|
48
|
-
position: "relative",
|
|
49
|
-
zIndex: 999
|
|
50
|
-
} : {}
|
|
51
|
-
};
|
|
52
|
-
return /* @__PURE__ */ jsxs(
|
|
53
|
-
"div",
|
|
54
|
-
{
|
|
55
|
-
ref: setNodeRef,
|
|
56
|
-
className: itemClassName,
|
|
57
|
-
style,
|
|
58
|
-
...attributes,
|
|
59
|
-
...useHandle ? {} : listeners,
|
|
60
|
-
children: [
|
|
61
|
-
useHandle && /* @__PURE__ */ jsx(
|
|
62
|
-
"div",
|
|
63
|
-
{
|
|
64
|
-
ref: setActivatorNodeRef,
|
|
65
|
-
className: handleClassName,
|
|
66
|
-
css: handlePresetStyle,
|
|
67
|
-
style: handleStyle,
|
|
68
|
-
...listeners,
|
|
69
|
-
children: handleIcon ?? defaultHandleIcon
|
|
70
|
-
}
|
|
71
|
-
),
|
|
72
|
-
renderItem(item, false)
|
|
73
|
-
]
|
|
74
|
-
}
|
|
75
|
-
);
|
|
76
|
-
}
|
|
77
|
-
|
|
78
|
-
export { VefSortableItem as default };
|
|
6
|
+
`;function VefSortableItem({item:i,itemKey:o,itemIndex:m,itemClassName:d,itemStyle:l,renderItem:c,useHandle:f,useOverlay:u,handleClassName:p,handleStyle:b,handleIcon:h,disabled:v}){const{isDragging:y,attributes:I,listeners:N,setNodeRef:g,setActivatorNodeRef:x,transition:S,transform:k}=r({id:o,disabled:v,data:{index:m}}),C={...l,transition:S,transform:n.Transform.toString(k),...!u&&y?{position:"relative",zIndex:999}:{}};return t("div",{ref:g,className:d,style:C,...I,...f?{}:N,children:[f&&e("div",{ref:x,className:p,css:a,style:b,...N,children:h??s}),c(i,!1)]})}export{VefSortableItem as default};
|
|
79
7
|
/*! 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,22 +1,3 @@
|
|
|
1
|
-
/*! VefFramework version: 1.0.
|
|
2
|
-
import
|
|
3
|
-
import { useState, useCallback } from 'react';
|
|
4
|
-
|
|
5
|
-
function useMergedItems(defaultItems, items, onChange) {
|
|
6
|
-
if (isNullish(defaultItems) && isNullish(items)) {
|
|
7
|
-
throw new Error("At least one of `defaultItems` and `items` must be provided for VefSortableList component.");
|
|
8
|
-
}
|
|
9
|
-
const [internalItems, setInternalItems] = useState(defaultItems ?? []);
|
|
10
|
-
const mergedItems = items ?? internalItems;
|
|
11
|
-
const mergedOnChange = useCallback((moveItems) => {
|
|
12
|
-
if (items) {
|
|
13
|
-
onChange?.(moveItems(items));
|
|
14
|
-
} else {
|
|
15
|
-
setInternalItems(moveItems);
|
|
16
|
-
}
|
|
17
|
-
}, [items, onChange]);
|
|
18
|
-
return [mergedItems, mergedOnChange];
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
export { useMergedItems };
|
|
1
|
+
/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
|
|
2
|
+
import{isNullish as e}from"@vef-framework/shared";import{useState as r,useCallback as t}from"react";function useMergedItems(o,m,s){if(e(o)&&e(m))throw new Error("At least one of `defaultItems` and `items` must be provided for VefSortableList component.");const[f,n]=r(o??[]);return[m??f,t((e=>{m?s?.(e(m)):n(e)}),[m,s])]}export{useMergedItems};
|
|
22
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,115 +1,3 @@
|
|
|
1
|
-
/*! VefFramework version: 1.0.
|
|
2
|
-
import
|
|
3
|
-
import { useSensors, useSensor, PointerSensor, DndContext, DragOverlay, closestCenter } from '@dnd-kit/core';
|
|
4
|
-
import { restrictToParentElement, restrictToWindowEdges } from '@dnd-kit/modifiers';
|
|
5
|
-
import { arrayMove, SortableContext, verticalListSortingStrategy, horizontalListSortingStrategy } from '@dnd-kit/sortable';
|
|
6
|
-
import { isFunction } from '@vef-framework/shared';
|
|
7
|
-
import { useMemo, useState, useCallback, memo } from 'react';
|
|
8
|
-
import VefOverlayItem from './components/overlay-item.js';
|
|
9
|
-
import VefSortableItem from './components/sortable-item.js';
|
|
10
|
-
import { useMergedItems } from './hooks/use-merged-items.js';
|
|
11
|
-
|
|
12
|
-
const defaultItemKey = "id";
|
|
13
|
-
function VefSortableListBase({
|
|
14
|
-
defaultItems,
|
|
15
|
-
items,
|
|
16
|
-
itemKey = defaultItemKey,
|
|
17
|
-
className,
|
|
18
|
-
style,
|
|
19
|
-
orientation = "vertical",
|
|
20
|
-
useOverlay = true,
|
|
21
|
-
restrictStrategy = "parent",
|
|
22
|
-
onChange,
|
|
23
|
-
...restProps
|
|
24
|
-
}) {
|
|
25
|
-
const [mergedItems, mergedOnChange] = useMergedItems(defaultItems, items, onChange);
|
|
26
|
-
const sensors = useSensors(useSensor(PointerSensor));
|
|
27
|
-
const itemKeyFn = useMemo(() => {
|
|
28
|
-
if (isFunction(itemKey)) {
|
|
29
|
-
return itemKey;
|
|
30
|
-
}
|
|
31
|
-
return (item) => item[itemKey];
|
|
32
|
-
}, [itemKey]);
|
|
33
|
-
const [activeItem, setActiveItem] = useState();
|
|
34
|
-
const handleDragStart = useCallback(({ active }) => {
|
|
35
|
-
setActiveItem(mergedItems[active.data.current.index]);
|
|
36
|
-
}, [mergedItems]);
|
|
37
|
-
const handleDragEnd = useCallback(({ active, over }) => {
|
|
38
|
-
if (!over) {
|
|
39
|
-
return;
|
|
40
|
-
}
|
|
41
|
-
if (active.id !== over.id) {
|
|
42
|
-
mergedOnChange(
|
|
43
|
-
(items2) => arrayMove(
|
|
44
|
-
items2,
|
|
45
|
-
active.data.current.index,
|
|
46
|
-
over.data.current.index
|
|
47
|
-
)
|
|
48
|
-
);
|
|
49
|
-
}
|
|
50
|
-
}, [mergedOnChange]);
|
|
51
|
-
const itemKeys = mergedItems.map((item) => itemKeyFn(item));
|
|
52
|
-
const {
|
|
53
|
-
itemClassName,
|
|
54
|
-
itemStyle,
|
|
55
|
-
disabled,
|
|
56
|
-
...overlayItemProps
|
|
57
|
-
} = restProps;
|
|
58
|
-
return /* @__PURE__ */ jsx(
|
|
59
|
-
DndContext,
|
|
60
|
-
{
|
|
61
|
-
collisionDetection: closestCenter,
|
|
62
|
-
sensors,
|
|
63
|
-
modifiers: [
|
|
64
|
-
restrictStrategy === "parent" ? restrictToParentElement : restrictToWindowEdges
|
|
65
|
-
],
|
|
66
|
-
onDragEnd: handleDragEnd,
|
|
67
|
-
onDragStart: handleDragStart,
|
|
68
|
-
children: /* @__PURE__ */ jsx(
|
|
69
|
-
SortableContext,
|
|
70
|
-
{
|
|
71
|
-
items: itemKeys,
|
|
72
|
-
strategy: orientation === "vertical" ? verticalListSortingStrategy : horizontalListSortingStrategy,
|
|
73
|
-
children: /* @__PURE__ */ jsxs("div", { className, style, children: [
|
|
74
|
-
mergedItems.map((item, index) => {
|
|
75
|
-
const key = itemKeyFn(item);
|
|
76
|
-
return /* @__PURE__ */ jsx(
|
|
77
|
-
VefSortableItem,
|
|
78
|
-
{
|
|
79
|
-
item,
|
|
80
|
-
itemIndex: index,
|
|
81
|
-
itemKey: key,
|
|
82
|
-
...restProps
|
|
83
|
-
},
|
|
84
|
-
key
|
|
85
|
-
);
|
|
86
|
-
}),
|
|
87
|
-
useOverlay && /* @__PURE__ */ jsx(
|
|
88
|
-
DragOverlay,
|
|
89
|
-
{
|
|
90
|
-
className: itemClassName,
|
|
91
|
-
style: itemStyle,
|
|
92
|
-
wrapperElement: "div",
|
|
93
|
-
modifiers: [
|
|
94
|
-
restrictStrategy === "parent" ? restrictToParentElement : restrictToWindowEdges
|
|
95
|
-
],
|
|
96
|
-
children: activeItem && /* @__PURE__ */ jsx(
|
|
97
|
-
VefOverlayItem,
|
|
98
|
-
{
|
|
99
|
-
item: activeItem,
|
|
100
|
-
...overlayItemProps
|
|
101
|
-
}
|
|
102
|
-
)
|
|
103
|
-
}
|
|
104
|
-
)
|
|
105
|
-
] })
|
|
106
|
-
}
|
|
107
|
-
)
|
|
108
|
-
}
|
|
109
|
-
);
|
|
110
|
-
}
|
|
111
|
-
const VefSortableList = memo(VefSortableListBase);
|
|
112
|
-
VefSortableList.displayName = "VefSortableList";
|
|
113
|
-
|
|
114
|
-
export { VefSortableList as default };
|
|
1
|
+
/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
|
|
2
|
+
import{jsx as e,jsxs as t}from"@emotion/react/jsx-runtime";import{useSensors as r,useSensor as i,PointerSensor as o,DndContext as a,DragOverlay as m,closestCenter as s}from"@dnd-kit/core";import{restrictToParentElement as n,restrictToWindowEdges as d}from"@dnd-kit/modifiers";import{arrayMove as l,SortableContext as c,verticalListSortingStrategy as p,horizontalListSortingStrategy as f}from"@dnd-kit/sortable";import{isFunction as u}from"@vef-framework/shared";import{useMemo as y,useState as v,useCallback as h,memo as g}from"react";import x from"./components/overlay-item.js";import b from"./components/sortable-item.js";import{useMergedItems as k}from"./hooks/use-merged-items.js";const N=g((function VefSortableListBase({defaultItems:g,items:N,itemKey:S="id",className:j,style:D,orientation:w="vertical",useOverlay:C=!0,restrictStrategy:E="parent",onChange:I,...K}){const[L,V]=k(g,N,I),B=r(i(o)),O=y((()=>u(S)?S:e=>e[S]),[S]),[q,z]=v(),A=h((({active:e})=>{z(L[e.data.current.index])}),[L]),F=h((({active:e,over:t})=>{t&&e.id!==t.id&&V((r=>l(r,e.data.current.index,t.data.current.index)))}),[V]),G=L.map((e=>O(e))),{itemClassName:H,itemStyle:J,disabled:M,...P}=K;return e(a,{collisionDetection:s,sensors:B,modifiers:["parent"===E?n:d],onDragEnd:F,onDragStart:A,children:e(c,{items:G,strategy:"vertical"===w?p:f,children:t("div",{className:j,style:D,children:[L.map(((t,r)=>{const i=O(t);return e(b,{item:t,itemIndex:r,itemKey:i,...K},i)})),C&&e(m,{className:H,style:J,wrapperElement:"div",modifiers:["parent"===E?n:d],children:q&&e(x,{item:q,...P})})]})})})}));N.displayName="VefSortableList";export{N as default};
|
|
115
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 */
|
package/es/vef-space/index.js
CHANGED
|
@@ -1,26 +1,3 @@
|
|
|
1
|
-
/*! VefFramework version: 1.0.
|
|
2
|
-
import
|
|
3
|
-
import { useGapSizeNormalizer } from '@vef-framework/hooks';
|
|
4
|
-
import { isArray } from '@vef-framework/shared';
|
|
5
|
-
import { Space } from 'antd';
|
|
6
|
-
import { useMemo } from 'react';
|
|
7
|
-
|
|
8
|
-
function VefSpace({
|
|
9
|
-
gap,
|
|
10
|
-
...restProps
|
|
11
|
-
}) {
|
|
12
|
-
const normalizeGapSize = useGapSizeNormalizer();
|
|
13
|
-
const size = useMemo(() => {
|
|
14
|
-
if (isArray(gap)) {
|
|
15
|
-
return gap.map((it) => normalizeGapSize(it));
|
|
16
|
-
}
|
|
17
|
-
if (gap) {
|
|
18
|
-
return normalizeGapSize(gap);
|
|
19
|
-
}
|
|
20
|
-
return gap;
|
|
21
|
-
}, [gap, normalizeGapSize]);
|
|
22
|
-
return /* @__PURE__ */ jsx(Space, { size, ...restProps });
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
export { VefSpace as default };
|
|
1
|
+
/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
|
|
2
|
+
import{jsx as r}from"@emotion/react/jsx-runtime";import{useGapSizeNormalizer as o}from"@vef-framework/hooks";import{isArray as e}from"@vef-framework/shared";import{Space as m}from"antd";import{useMemo as t}from"react";function VefSpace({gap:f,...a}){const p=o(),i=t((()=>e(f)?f.map((r=>p(r))):f?p(f):f),[f,p]);return r(m,{size:i,...a})}export{VefSpace as default};
|
|
26
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 */
|
package/es/vef-spin/index.js
CHANGED
|
@@ -1,13 +1,3 @@
|
|
|
1
|
-
/*! VefFramework version: 1.0.
|
|
2
|
-
import
|
|
3
|
-
import { Spin } from 'antd';
|
|
4
|
-
|
|
5
|
-
function VefSpin({
|
|
6
|
-
size,
|
|
7
|
-
...restProps
|
|
8
|
-
}) {
|
|
9
|
-
return /* @__PURE__ */ jsx(Spin, { size: size === "medium" ? "default" : size, ...restProps });
|
|
10
|
-
}
|
|
11
|
-
|
|
12
|
-
export { VefSpin 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{Spin as t}from"antd";function VefSpin({size:i,...r}){return e(t,{size:"medium"===i?"default":i,...r})}export{VefSpin as default};
|
|
13
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 */
|
package/es/vef-splitter/index.js
CHANGED
|
@@ -1,21 +1,3 @@
|
|
|
1
|
-
/*! VefFramework version: 1.0.
|
|
2
|
-
import
|
|
3
|
-
import { Splitter } from 'antd';
|
|
4
|
-
|
|
5
|
-
function VefSplitter({
|
|
6
|
-
orientation,
|
|
7
|
-
onResizeBegin,
|
|
8
|
-
...rest
|
|
9
|
-
}) {
|
|
10
|
-
return /* @__PURE__ */ jsx(
|
|
11
|
-
Splitter,
|
|
12
|
-
{
|
|
13
|
-
layout: orientation,
|
|
14
|
-
onResizeStart: onResizeBegin,
|
|
15
|
-
...rest
|
|
16
|
-
}
|
|
17
|
-
);
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
export { VefSplitter as default };
|
|
1
|
+
/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
|
|
2
|
+
import{jsx as t}from"@emotion/react/jsx-runtime";import{Splitter as e}from"antd";function VefSplitter({orientation:o,onResizeBegin:r,...i}){return t(e,{layout:o,onResizeStart:r,...i})}export{VefSplitter as default};
|
|
21
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,13 +1,3 @@
|
|
|
1
|
-
/*! VefFramework version: 1.0.
|
|
2
|
-
import
|
|
3
|
-
import { Splitter } from 'antd';
|
|
4
|
-
|
|
5
|
-
const { Panel } = Splitter;
|
|
6
|
-
function VefSplitterPanel({
|
|
7
|
-
...rest
|
|
8
|
-
}) {
|
|
9
|
-
return /* @__PURE__ */ jsx(Panel, { ...rest });
|
|
10
|
-
}
|
|
11
|
-
|
|
12
|
-
export { VefSplitterPanel as default };
|
|
1
|
+
/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
|
|
2
|
+
import{jsx as t}from"@emotion/react/jsx-runtime";import{Splitter as e}from"antd";const{Panel:r}=e;function VefSplitterPanel({...e}){return t(r,{...e})}export{VefSplitterPanel as default};
|
|
13
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 */
|
package/es/vef-status/index.js
CHANGED
|
@@ -1,38 +1,3 @@
|
|
|
1
|
-
/*! VefFramework version: 1.0.
|
|
2
|
-
import
|
|
3
|
-
import { useColorTokens } from '@vef-framework/hooks';
|
|
4
|
-
import { Badge } from 'antd';
|
|
5
|
-
import { useMemo } from 'react';
|
|
6
|
-
|
|
7
|
-
function VefStatus({
|
|
8
|
-
processing = false,
|
|
9
|
-
color = "default",
|
|
10
|
-
children
|
|
11
|
-
}) {
|
|
12
|
-
const colorTokens = useColorTokens();
|
|
13
|
-
const badgeProps = useMemo(() => {
|
|
14
|
-
if (color === "default") {
|
|
15
|
-
return {
|
|
16
|
-
status: "default",
|
|
17
|
-
text: children
|
|
18
|
-
};
|
|
19
|
-
}
|
|
20
|
-
if (colorTokens.has(color)) {
|
|
21
|
-
return {
|
|
22
|
-
status: processing ? "processing" : "default",
|
|
23
|
-
color: colorTokens.get(color),
|
|
24
|
-
text: children
|
|
25
|
-
};
|
|
26
|
-
}
|
|
27
|
-
throw new Error(`Invalid color value "${color}" of VefStatus component. Color must be either "default" or a valid color token.`);
|
|
28
|
-
}, [
|
|
29
|
-
color,
|
|
30
|
-
colorTokens,
|
|
31
|
-
processing,
|
|
32
|
-
children
|
|
33
|
-
]);
|
|
34
|
-
return /* @__PURE__ */ jsx(Badge, { ...badgeProps });
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
export { VefStatus as default };
|
|
1
|
+
/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
|
|
2
|
+
import{jsx as t}from"@emotion/react/jsx-runtime";import{useColorTokens as o}from"@vef-framework/hooks";import{Badge as r}from"antd";import{useMemo as e}from"react";function VefStatus({processing:a=!1,color:f="default",children:u}){const n=o(),s=e((()=>{if("default"===f)return{status:"default",text:u};if(n.has(f))return{status:a?"processing":"default",color:n.get(f),text:u};throw new Error(`Invalid color value "${f}" of VefStatus component. Color must be either "default" or a valid color token.`)}),[f,n,a,u]);return t(r,{...s})}export{VefStatus as default};
|
|
38
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,92 +1,3 @@
|
|
|
1
|
-
/*! VefFramework version: 1.0.
|
|
2
|
-
import
|
|
3
|
-
import { css } from '@emotion/react';
|
|
4
|
-
import { VefError, isString, isNullish, isDeepEqual } from '@vef-framework/shared';
|
|
5
|
-
import { useMemo, memo } from 'react';
|
|
6
|
-
import VefText from '../../../vef-text/index.js';
|
|
7
|
-
import { useComputedValues } from '../../hooks/use-computed-values.js';
|
|
8
|
-
|
|
9
|
-
function Bool({
|
|
10
|
-
value,
|
|
11
|
-
record,
|
|
12
|
-
rowIndex,
|
|
13
|
-
columnProps
|
|
14
|
-
}) {
|
|
15
|
-
if (columnProps.type !== "Boolean") {
|
|
16
|
-
throw new VefError(-1, "Column type must be Boolean");
|
|
17
|
-
}
|
|
18
|
-
const {
|
|
19
|
-
defaultValue,
|
|
20
|
-
trueText = "\u662F",
|
|
21
|
-
falseText = "\u5426",
|
|
22
|
-
bold,
|
|
23
|
-
italic,
|
|
24
|
-
color,
|
|
25
|
-
width
|
|
26
|
-
} = columnProps;
|
|
27
|
-
const [boldToUse, italicToUse, colorOrMapping] = useComputedValues(
|
|
28
|
-
[
|
|
29
|
-
{
|
|
30
|
-
key: "bold",
|
|
31
|
-
rawValue: bold,
|
|
32
|
-
defaultValue: false
|
|
33
|
-
},
|
|
34
|
-
{
|
|
35
|
-
key: "italic",
|
|
36
|
-
rawValue: italic,
|
|
37
|
-
defaultValue: false
|
|
38
|
-
},
|
|
39
|
-
{
|
|
40
|
-
key: "color",
|
|
41
|
-
rawValue: color
|
|
42
|
-
}
|
|
43
|
-
],
|
|
44
|
-
value,
|
|
45
|
-
record,
|
|
46
|
-
rowIndex
|
|
47
|
-
);
|
|
48
|
-
const colorToUse = useMemo(() => {
|
|
49
|
-
if (isString(colorOrMapping)) {
|
|
50
|
-
return colorOrMapping;
|
|
51
|
-
}
|
|
52
|
-
if (colorOrMapping) {
|
|
53
|
-
if (!isNullish(value) && Object.hasOwn(colorOrMapping, value)) {
|
|
54
|
-
return colorOrMapping[value];
|
|
55
|
-
} else {
|
|
56
|
-
return colorOrMapping["*"];
|
|
57
|
-
}
|
|
58
|
-
}
|
|
59
|
-
}, [colorOrMapping, value]);
|
|
60
|
-
const valueToDisplay = useMemo(() => {
|
|
61
|
-
if (value) {
|
|
62
|
-
return value ? trueText : falseText;
|
|
63
|
-
}
|
|
64
|
-
return defaultValue;
|
|
65
|
-
}, [
|
|
66
|
-
value,
|
|
67
|
-
trueText,
|
|
68
|
-
falseText,
|
|
69
|
-
defaultValue
|
|
70
|
-
]);
|
|
71
|
-
const cssToUse = useMemo(() => {
|
|
72
|
-
if (width) {
|
|
73
|
-
return css({
|
|
74
|
-
maxWidth: `${width}px !important`
|
|
75
|
-
});
|
|
76
|
-
}
|
|
77
|
-
}, [width]);
|
|
78
|
-
return /* @__PURE__ */ jsx(
|
|
79
|
-
VefText,
|
|
80
|
-
{
|
|
81
|
-
bold: boldToUse,
|
|
82
|
-
color: colorToUse,
|
|
83
|
-
css: cssToUse,
|
|
84
|
-
italic: italicToUse,
|
|
85
|
-
children: valueToDisplay
|
|
86
|
-
}
|
|
87
|
-
);
|
|
88
|
-
}
|
|
89
|
-
const BoolMemo = memo(Bool, isDeepEqual);
|
|
90
|
-
|
|
91
|
-
export { BoolMemo as default };
|
|
1
|
+
/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
|
|
2
|
+
import{jsx as o}from"@emotion/react/jsx-runtime";import{css as e}from"@emotion/react";import{VefError as t,isString as r,isNullish as a,isDeepEqual as l}from"@vef-framework/shared";import{useMemo as i,memo as m}from"react";import u from"../../../vef-text/index.js";import{useComputedValues as n}from"../../hooks/use-computed-values.js";const c=m((function Bool({value:l,record:m,rowIndex:c,columnProps:f}){if("Boolean"!==f.type)throw new t(-1,"Column type must be Boolean");const{defaultValue:d,trueText:s="是",falseText:p="否",bold:w,italic:x,color:h,width:V}=f,[b,k,v]=n([{key:"bold",rawValue:w,defaultValue:!1},{key:"italic",rawValue:x,defaultValue:!1},{key:"color",rawValue:h}],l,m,c),y=i((()=>r(v)?v:v?!a(l)&&Object.hasOwn(v,l)?v[l]:v["*"]:void 0),[v,l]),j=i((()=>l?l?s:p:d),[l,s,p,d]),B=i((()=>{if(V)return e({maxWidth:`${V}px !important`})}),[V]);return o(u,{bold:b,color:y,css:B,italic:k,children:j})}),l);export{c as default};
|
|
92
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 */
|