@vef-framework/components 1.0.64 → 1.0.66
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 -81
- package/es/internal/index.js +2 -2
- 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-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-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-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 -125
- 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 -114
- 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-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 -11
- 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/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/index.js +2 -11
- 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/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 -45
- 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-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-popconfirm/index.js +2 -56
- package/es/vef-popover/index.js +2 -29
- 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 -53
- 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 -86
- package/es/vef-virtual-grid/index.js +4 -107
- package/es/vef-virtual-list/index.js +5 -215
- package/lib/index.cjs +2 -168
- package/lib/internal/index.cjs +2 -10
- 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-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-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-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 -129
- 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 -118
- 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-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 -15
- 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/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/index.cjs +2 -15
- 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/props.cjs +2 -4
- 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 -49
- 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-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-popconfirm/index.cjs +2 -60
- package/lib/vef-popconfirm/props.cjs +2 -4
- package/lib/vef-popover/index.cjs +2 -33
- 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 -57
- 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 -90
- 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/types/vef-config-provider/hooks/use-ui-config.d.ts +0 -1
|
@@ -1,117 +1,31 @@
|
|
|
1
|
-
/*! VefFramework version: 1.0.
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
|
|
5
|
-
|
|
6
|
-
const jsxRuntime = require('@emotion/react/jsx-runtime');
|
|
7
|
-
const react = require('@emotion/react');
|
|
8
|
-
const hooks = require('@vef-framework/hooks');
|
|
9
|
-
const shared = require('@vef-framework/shared');
|
|
10
|
-
const react$1 = require('react');
|
|
11
|
-
const index = require('../vef-dynamic-icon/index.cjs');
|
|
12
|
-
const props = require('../vef-dynamic-icon/props.cjs');
|
|
13
|
-
const index$1 = require('../vef-empty-placeholder/index.cjs');
|
|
14
|
-
const index$5 = require('../vef-generic-select/index.cjs');
|
|
15
|
-
const index$3 = require('../vef-space/index.cjs');
|
|
16
|
-
const index$4 = require('../vef-text/index.cjs');
|
|
17
|
-
const index$2 = require('../vef-virtual-grid/index.cjs');
|
|
18
|
-
|
|
19
|
-
const iconsStyle = react.css`
|
|
20
|
-
color: ${shared.themeVariables.colorTextSlate};
|
|
1
|
+
/*! VefFramework version: 1.0.66, build time: 2025-01-10T02:50:16.681Z, made by Venus. */
|
|
2
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),r=require("@emotion/react"),i=require("@vef-framework/hooks"),t=require("@vef-framework/shared"),n=require("react"),s=require("../vef-dynamic-icon/index.cjs"),a=require("../vef-dynamic-icon/props.cjs"),l=require("../vef-empty-placeholder/index.cjs"),o=require("../vef-generic-select/index.cjs"),c=require("../vef-space/index.cjs"),d=require("../vef-text/index.cjs"),u=require("../vef-virtual-grid/index.cjs"),m=r.css`
|
|
3
|
+
color: ${t.themeVariables.colorTextSlate};
|
|
21
4
|
|
|
22
5
|
.vef-icon-select-wrapper {
|
|
23
|
-
padding: calc(${
|
|
6
|
+
padding: calc(${t.themeVariables.paddingXxs} + 2px) ${t.themeVariables.paddingXs};
|
|
24
7
|
}
|
|
25
|
-
|
|
26
|
-
const iconItemStyle = react.css`
|
|
8
|
+
`,f=r.css`
|
|
27
9
|
height: 100%;
|
|
28
10
|
display: flex;
|
|
29
11
|
justify-content: center;
|
|
30
12
|
align-items: center;
|
|
31
|
-
background-color: ${
|
|
32
|
-
border-radius: ${
|
|
33
|
-
transition: background-color ${
|
|
13
|
+
background-color: ${t.themeVariables.colorFillContent};
|
|
14
|
+
border-radius: ${t.themeVariables.borderRadius};
|
|
15
|
+
transition: background-color ${t.themeVariables.motionDurationMid} ${t.themeVariables.motionEaseInOut};
|
|
34
16
|
&:hover {
|
|
35
17
|
cursor: pointer;
|
|
36
|
-
background-color: ${
|
|
18
|
+
background-color: ${t.themeVariables.colorFillContentHover};
|
|
37
19
|
}
|
|
38
20
|
|
|
39
21
|
&.vef-icon-select-item-selected {
|
|
40
|
-
background-color: ${
|
|
22
|
+
background-color: ${t.themeVariables.colorPrimaryBg};
|
|
41
23
|
}
|
|
42
24
|
|
|
43
25
|
.vef-icon {
|
|
44
26
|
font-size: 28px;
|
|
45
27
|
}
|
|
46
|
-
|
|
47
|
-
const iconItemSize = 60;
|
|
48
|
-
const iconNames = Array.from(props.dynamicIconNames);
|
|
49
|
-
function VefIconsContentBase({
|
|
50
|
-
value,
|
|
51
|
-
onChange,
|
|
52
|
-
keyword,
|
|
53
|
-
onConfirm
|
|
54
|
-
}) {
|
|
55
|
-
const { paddingXS, paddingXXS } = hooks.useThemeTokens();
|
|
56
|
-
const filteredIcons = react$1.useMemo(() => {
|
|
57
|
-
const trimmedKeyword = shared.trim(keyword);
|
|
58
|
-
if (!trimmedKeyword) {
|
|
59
|
-
return shared.cluster(iconNames, 6);
|
|
60
|
-
}
|
|
61
|
-
return shared.cluster(
|
|
62
|
-
iconNames.filter((name) => name.includes(trimmedKeyword)),
|
|
63
|
-
6
|
|
64
|
-
);
|
|
65
|
-
}, [keyword]);
|
|
66
|
-
const [width, height] = react$1.useMemo(() => [
|
|
67
|
-
6 * iconItemSize + 12 * 5 + paddingXS * 2,
|
|
68
|
-
5 * iconItemSize + 12 * 4 + (paddingXXS + 2) * 2
|
|
69
|
-
], [paddingXXS, paddingXS]);
|
|
70
|
-
const renderItem = react$1.useCallback(({ item }) => {
|
|
71
|
-
const isSelected = item === value;
|
|
72
|
-
const handleClick = () => {
|
|
73
|
-
if (isSelected) {
|
|
74
|
-
onConfirm?.();
|
|
75
|
-
return;
|
|
76
|
-
}
|
|
77
|
-
onChange(item);
|
|
78
|
-
onConfirm?.();
|
|
79
|
-
};
|
|
80
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
81
|
-
"div",
|
|
82
|
-
{
|
|
83
|
-
className: isSelected ? "vef-icon-select-item-selected" : void 0,
|
|
84
|
-
css: iconItemStyle,
|
|
85
|
-
title: item,
|
|
86
|
-
onClick: handleClick,
|
|
87
|
-
children: /* @__PURE__ */ jsxRuntime.jsx(index.default, { name: item })
|
|
88
|
-
}
|
|
89
|
-
);
|
|
90
|
-
}, [onChange, onConfirm, value]);
|
|
91
|
-
const emptyPlaceholderStyle = react$1.useMemo(() => ({
|
|
92
|
-
width,
|
|
93
|
-
height
|
|
94
|
-
}), [width, height]);
|
|
95
|
-
if (filteredIcons.length === 0) {
|
|
96
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { css: iconsStyle, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "vef-icon-select-wrapper", style: emptyPlaceholderStyle, children: /* @__PURE__ */ jsxRuntime.jsx(index$1.default, { description: "\u6682\u65E0\u56FE\u6807", presetIcon: "simple" }) }) });
|
|
97
|
-
}
|
|
98
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { css: iconsStyle, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
99
|
-
index$2.default,
|
|
100
|
-
{
|
|
101
|
-
className: "vef-icon-select-wrapper",
|
|
102
|
-
columnWidth: iconItemSize,
|
|
103
|
-
gap: "small",
|
|
104
|
-
height,
|
|
105
|
-
items: filteredIcons,
|
|
106
|
-
renderItem,
|
|
107
|
-
rowHeight: iconItemSize,
|
|
108
|
-
width
|
|
109
|
-
}
|
|
110
|
-
) });
|
|
111
|
-
}
|
|
112
|
-
const VefIconsContent = react$1.memo(VefIconsContentBase);
|
|
113
|
-
VefIconsContent.displayName = "VefIconsContent";
|
|
114
|
-
const labelStyle = react.css`
|
|
28
|
+
`,h=Array.from(a.dynamicIconNames);const p=n.memo((function VefIconsContentBase({value:r,onChange:a,keyword:o,onConfirm:c}){const{paddingXS:d,paddingXXS:p}=i.useThemeTokens(),v=n.useMemo((()=>{const e=t.trim(o);return e?t.cluster(h.filter((r=>r.includes(e))),6):t.cluster(h,6)}),[o]),[b,x]=n.useMemo((()=>[420+2*d,348+2*(p+2)]),[p,d]),g=n.useCallback((({item:i})=>{const t=i===r;return e.jsx("div",{className:t?"vef-icon-select-item-selected":void 0,css:f,title:i,onClick:()=>{t||a(i),c?.()},children:e.jsx(s.default,{name:i})})}),[a,c,r]),j=n.useMemo((()=>({width:b,height:x})),[b,x]);return 0===v.length?e.jsx("div",{css:m,children:e.jsx("div",{className:"vef-icon-select-wrapper",style:j,children:e.jsx(l.default,{description:"暂无图标",presetIcon:"simple"})})}):e.jsx("div",{css:m,children:e.jsx(u.default,{className:"vef-icon-select-wrapper",columnWidth:60,gap:"small",height:x,items:v,renderItem:g,rowHeight:60,width:b})})}));p.displayName="VefIconsContent";const v=r.css`
|
|
115
29
|
width: 100%;
|
|
116
30
|
|
|
117
31
|
.vef-space-item:last-of-type {
|
|
@@ -124,57 +38,5 @@ const labelStyle = react.css`
|
|
|
124
38
|
font-family: inherit;
|
|
125
39
|
color: inherit;
|
|
126
40
|
}
|
|
127
|
-
`;
|
|
128
|
-
function renderLabel(name) {
|
|
129
|
-
return /* @__PURE__ */ jsxRuntime.jsxs(index$3.default, { css: labelStyle, children: [
|
|
130
|
-
/* @__PURE__ */ jsxRuntime.jsx(index.default, { name }),
|
|
131
|
-
/* @__PURE__ */ jsxRuntime.jsx(index$4.default, { ellipsis: true, children: name })
|
|
132
|
-
] });
|
|
133
|
-
}
|
|
134
|
-
function VefIconSelect({
|
|
135
|
-
defaultValue,
|
|
136
|
-
value,
|
|
137
|
-
size,
|
|
138
|
-
placeholder,
|
|
139
|
-
disabled,
|
|
140
|
-
clearable,
|
|
141
|
-
variant,
|
|
142
|
-
onChange,
|
|
143
|
-
onClear
|
|
144
|
-
}) {
|
|
145
|
-
const [internalValue, setInternalValue] = react$1.useState(defaultValue ?? null);
|
|
146
|
-
const handleChange = react$1.useCallback((changedValue) => {
|
|
147
|
-
if (shared.isUndefined(value)) {
|
|
148
|
-
setInternalValue(changedValue);
|
|
149
|
-
return;
|
|
150
|
-
}
|
|
151
|
-
onChange?.(changedValue);
|
|
152
|
-
}, [onChange, value]);
|
|
153
|
-
const handleClear = react$1.useCallback(() => {
|
|
154
|
-
handleChange(null);
|
|
155
|
-
onClear?.();
|
|
156
|
-
}, [handleChange, onClear]);
|
|
157
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
158
|
-
index$5.default,
|
|
159
|
-
{
|
|
160
|
-
clearable,
|
|
161
|
-
disabled,
|
|
162
|
-
placeholder,
|
|
163
|
-
renderLabel,
|
|
164
|
-
size,
|
|
165
|
-
value: value ?? internalValue,
|
|
166
|
-
variant,
|
|
167
|
-
onClear: handleClear,
|
|
168
|
-
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
169
|
-
VefIconsContent,
|
|
170
|
-
{
|
|
171
|
-
value: shared.isUndefined(value) ? internalValue : value,
|
|
172
|
-
onChange: handleChange
|
|
173
|
-
}
|
|
174
|
-
)
|
|
175
|
-
}
|
|
176
|
-
);
|
|
177
|
-
}
|
|
178
|
-
|
|
179
|
-
exports.default = VefIconSelect;
|
|
41
|
+
`;function renderLabel(r){return e.jsxs(c.default,{css:v,children:[e.jsx(s.default,{name:r}),e.jsx(d.default,{ellipsis:!0,children:r})]})}exports.default=function VefIconSelect({defaultValue:r,value:i,size:s,placeholder:a,disabled:l,clearable:c,variant:d,onChange:u,onClear:m}){const[f,h]=n.useState(r??null),v=n.useCallback((e=>{t.isUndefined(i)?h(e):u?.(e)}),[u,i]),b=n.useCallback((()=>{v(null),m?.()}),[v,m]);return e.jsx(o.default,{clearable:c,disabled:l,placeholder:a,renderLabel:renderLabel,size:s,value:i??f,variant:d,onClear:b,children:e.jsx(p,{value:t.isUndefined(i)?f:i,onChange:v})})};
|
|
180
42
|
/*! 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,5 +1,3 @@
|
|
|
1
|
-
/*! VefFramework version: 1.0.
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
/*! VefFramework version: 1.0.66, build time: 2025-01-10T02:50:16.681Z, made by Venus. */
|
|
2
|
+
"use strict";
|
|
5
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,20 +1,3 @@
|
|
|
1
|
-
/*! VefFramework version: 1.0.
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
5
|
-
|
|
6
|
-
const react = require('react');
|
|
7
|
-
|
|
8
|
-
function useInputInstance(ref) {
|
|
9
|
-
const inputRef = react.useRef(null);
|
|
10
|
-
react.useImperativeHandle(ref, () => ({
|
|
11
|
-
blur: () => inputRef.current?.blur(),
|
|
12
|
-
focus: () => inputRef.current?.focus({ preventScroll: true }),
|
|
13
|
-
input: inputRef.current?.input ?? null,
|
|
14
|
-
nativeElement: inputRef.current?.nativeElement ?? null
|
|
15
|
-
}));
|
|
16
|
-
return inputRef;
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
exports.useInputInstance = useInputInstance;
|
|
1
|
+
/*! VefFramework version: 1.0.66, build time: 2025-01-10T02:50:16.681Z, made by Venus. */
|
|
2
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react");exports.useInputInstance=function useInputInstance(t){const n=e.useRef(null);return e.useImperativeHandle(t,(()=>({blur:()=>n.current?.blur(),focus:()=>n.current?.focus({preventScroll:!0}),input:n.current?.input??null,nativeElement:n.current?.nativeElement??null}))),n};
|
|
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 */
|
package/lib/vef-input/index.cjs
CHANGED
|
@@ -1,69 +1,3 @@
|
|
|
1
|
-
/*! VefFramework version: 1.0.
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
|
|
5
|
-
|
|
6
|
-
const jsxRuntime = require('@emotion/react/jsx-runtime');
|
|
7
|
-
const shared = require('@vef-framework/shared');
|
|
8
|
-
const antd = require('antd');
|
|
9
|
-
const react = require('react');
|
|
10
|
-
require('../internal/index.cjs');
|
|
11
|
-
const useInputInstance = require('./hooks/use-input-instance.cjs');
|
|
12
|
-
const utils = require('../internal/utils.cjs');
|
|
13
|
-
|
|
14
|
-
function normalizeValue(value) {
|
|
15
|
-
if (value === "") {
|
|
16
|
-
return null;
|
|
17
|
-
}
|
|
18
|
-
return value;
|
|
19
|
-
}
|
|
20
|
-
const VefInput = react.forwardRef(({
|
|
21
|
-
defaultValue,
|
|
22
|
-
value,
|
|
23
|
-
clearable,
|
|
24
|
-
size,
|
|
25
|
-
showCount,
|
|
26
|
-
prepend,
|
|
27
|
-
append,
|
|
28
|
-
onChange,
|
|
29
|
-
onEnterKeyPress,
|
|
30
|
-
onBlur,
|
|
31
|
-
onFocus,
|
|
32
|
-
...restProps
|
|
33
|
-
}, ref) => {
|
|
34
|
-
const eventHandlers = react.useMemo(() => ({
|
|
35
|
-
onChange: shared.isFunction(onChange) ? (event) => onChange(
|
|
36
|
-
normalizeValue(event.target.value)
|
|
37
|
-
) : void 0,
|
|
38
|
-
onPressEnter: shared.isFunction(onEnterKeyPress) ? (event) => onEnterKeyPress(
|
|
39
|
-
normalizeValue(event.target.value)
|
|
40
|
-
) : void 0,
|
|
41
|
-
onBlur: shared.isFunction(onBlur) ? (event) => onBlur(
|
|
42
|
-
normalizeValue(event.target.value)
|
|
43
|
-
) : void 0,
|
|
44
|
-
onFocus: shared.isFunction(onFocus) ? (event) => onFocus(
|
|
45
|
-
normalizeValue(event.target.value)
|
|
46
|
-
) : void 0
|
|
47
|
-
}), [onChange, onEnterKeyPress, onBlur, onFocus]);
|
|
48
|
-
const inputRef = useInputInstance.useInputInstance(ref);
|
|
49
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
50
|
-
antd.Input,
|
|
51
|
-
{
|
|
52
|
-
ref: inputRef,
|
|
53
|
-
addonAfter: append,
|
|
54
|
-
addonBefore: prepend,
|
|
55
|
-
allowClear: clearable,
|
|
56
|
-
defaultValue,
|
|
57
|
-
showCount,
|
|
58
|
-
size: utils.convertBasicSizeToUiSize(size),
|
|
59
|
-
type: "text",
|
|
60
|
-
value,
|
|
61
|
-
...restProps,
|
|
62
|
-
...eventHandlers
|
|
63
|
-
}
|
|
64
|
-
);
|
|
65
|
-
});
|
|
66
|
-
VefInput.displayName = "VefInput";
|
|
67
|
-
|
|
68
|
-
exports.default = VefInput;
|
|
1
|
+
/*! VefFramework version: 1.0.66, build time: 2025-01-10T02:50:16.681Z, made by Venus. */
|
|
2
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),n=require("@vef-framework/shared"),r=require("antd"),t=require("react");require("../internal/index.cjs");const o=require("./hooks/use-input-instance.cjs"),u=require("../internal/utils.cjs");function normalizeValue(e){return""===e?null:e}const a=t.forwardRef((({defaultValue:a,value:i,clearable:l,size:s,showCount:c,prepend:d,append:v,onChange:f,onEnterKeyPress:p,onBlur:m,onFocus:z,...g},V)=>{const q=t.useMemo((()=>({onChange:n.isFunction(f)?e=>f(normalizeValue(e.target.value)):void 0,onPressEnter:n.isFunction(p)?e=>p(normalizeValue(e.target.value)):void 0,onBlur:n.isFunction(m)?e=>m(normalizeValue(e.target.value)):void 0,onFocus:n.isFunction(z)?e=>z(normalizeValue(e.target.value)):void 0})),[f,p,m,z]),h=o.useInputInstance(V);return e.jsx(r.Input,{ref:h,addonAfter:v,addonBefore:d,allowClear:l,defaultValue:a,showCount:c,size:u.convertBasicSizeToUiSize(s),type:"text",value:i,...g,...q})}));a.displayName="VefInput",exports.default=a;
|
|
69
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/lib/vef-input/props.cjs
CHANGED
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
/*! VefFramework version: 1.0.
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
/*! VefFramework version: 1.0.66, build time: 2025-01-10T02:50:16.681Z, made by Venus. */
|
|
2
|
+
"use strict";
|
|
5
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,18 +1,3 @@
|
|
|
1
|
-
/*! VefFramework version: 1.0.
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
5
|
-
|
|
6
|
-
const react = require('react');
|
|
7
|
-
|
|
8
|
-
function useInputNumberInstance(ref) {
|
|
9
|
-
const inputNumberRef = react.useRef(null);
|
|
10
|
-
react.useImperativeHandle(ref, () => ({
|
|
11
|
-
blur: () => inputNumberRef.current?.blur(),
|
|
12
|
-
focus: () => inputNumberRef.current?.focus({ preventScroll: true })
|
|
13
|
-
}));
|
|
14
|
-
return inputNumberRef;
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
exports.useInputNumberInstance = useInputNumberInstance;
|
|
1
|
+
/*! VefFramework version: 1.0.66, build time: 2025-01-10T02:50:16.681Z, made by Venus. */
|
|
2
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react");exports.useInputNumberInstance=function useInputNumberInstance(r){const t=e.useRef(null);return e.useImperativeHandle(r,(()=>({blur:()=>t.current?.blur(),focus:()=>t.current?.focus({preventScroll:!0})}))),t};
|
|
18
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,153 +1,3 @@
|
|
|
1
|
-
/*! VefFramework version: 1.0.
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
|
|
5
|
-
|
|
6
|
-
const jsxRuntime = require('@emotion/react/jsx-runtime');
|
|
7
|
-
const shared = require('@vef-framework/shared');
|
|
8
|
-
const antd = require('antd');
|
|
9
|
-
const react = require('react');
|
|
10
|
-
require('../internal/index.cjs');
|
|
11
|
-
const useInputNumberInstance = require('./hooks/use-input-number-instance.cjs');
|
|
12
|
-
const utils = require('../internal/utils.cjs');
|
|
13
|
-
|
|
14
|
-
function normalizeValue(value, useStringFormat) {
|
|
15
|
-
const number = Number.parseFloat(value);
|
|
16
|
-
if (Number.isNaN(number)) {
|
|
17
|
-
return null;
|
|
18
|
-
}
|
|
19
|
-
return useStringFormat ? `${number}` : number;
|
|
20
|
-
}
|
|
21
|
-
const VefInputNumber = react.forwardRef(({
|
|
22
|
-
size,
|
|
23
|
-
showControls,
|
|
24
|
-
step,
|
|
25
|
-
min,
|
|
26
|
-
max,
|
|
27
|
-
prepend,
|
|
28
|
-
append,
|
|
29
|
-
...restProps
|
|
30
|
-
}, ref) => {
|
|
31
|
-
const eventHandlerGroup = react.useMemo(() => {
|
|
32
|
-
const { useStringFormat: useStringFormat2 } = restProps;
|
|
33
|
-
if (useStringFormat2) {
|
|
34
|
-
const {
|
|
35
|
-
onChange: onChange3,
|
|
36
|
-
onEnterKeyPress: onEnterKeyPress3,
|
|
37
|
-
onBlur: onBlur3,
|
|
38
|
-
onFocus: onFocus3
|
|
39
|
-
} = restProps;
|
|
40
|
-
return {
|
|
41
|
-
stringFormat: true,
|
|
42
|
-
onChange: shared.isFunction(onChange3) ? (value2) => onChange3(value2) : void 0,
|
|
43
|
-
onPressEnter: shared.isFunction(onEnterKeyPress3) ? (event) => onEnterKeyPress3(
|
|
44
|
-
normalizeValue(
|
|
45
|
-
event.target.value,
|
|
46
|
-
true
|
|
47
|
-
)
|
|
48
|
-
) : void 0,
|
|
49
|
-
onBlur: shared.isFunction(onBlur3) ? (event) => onBlur3(
|
|
50
|
-
normalizeValue(event.target.value, true)
|
|
51
|
-
) : void 0,
|
|
52
|
-
onFocus: shared.isFunction(onFocus3) ? (event) => onFocus3(
|
|
53
|
-
normalizeValue(event.target.value, true)
|
|
54
|
-
) : void 0
|
|
55
|
-
};
|
|
56
|
-
}
|
|
57
|
-
const {
|
|
58
|
-
onChange: onChange2,
|
|
59
|
-
onEnterKeyPress: onEnterKeyPress2,
|
|
60
|
-
onBlur: onBlur2,
|
|
61
|
-
onFocus: onFocus2
|
|
62
|
-
} = restProps;
|
|
63
|
-
return {
|
|
64
|
-
stringFormat: false,
|
|
65
|
-
onChange: shared.isFunction(onChange2) ? (value2) => onChange2(value2) : void 0,
|
|
66
|
-
onPressEnter: shared.isFunction(onEnterKeyPress2) ? (event) => onEnterKeyPress2(
|
|
67
|
-
normalizeValue(
|
|
68
|
-
event.target.value,
|
|
69
|
-
false
|
|
70
|
-
)
|
|
71
|
-
) : void 0,
|
|
72
|
-
onBlur: shared.isFunction(onBlur2) ? (event) => onBlur2(
|
|
73
|
-
normalizeValue(event.target.value, false)
|
|
74
|
-
) : void 0,
|
|
75
|
-
onFocus: shared.isFunction(onFocus2) ? (event) => onFocus2(
|
|
76
|
-
normalizeValue(event.target.value, false)
|
|
77
|
-
) : void 0
|
|
78
|
-
};
|
|
79
|
-
}, [restProps]);
|
|
80
|
-
const inputNumberRef = useInputNumberInstance.useInputNumberInstance(ref);
|
|
81
|
-
const { useStringFormat } = restProps;
|
|
82
|
-
if (useStringFormat) {
|
|
83
|
-
const {
|
|
84
|
-
useStringFormat: useStringFormat2,
|
|
85
|
-
defaultValue: defaultValue2,
|
|
86
|
-
value: value2,
|
|
87
|
-
onChange: onChange2,
|
|
88
|
-
onEnterKeyPress: onEnterKeyPress2,
|
|
89
|
-
onBlur: onBlur2,
|
|
90
|
-
onFocus: onFocus2,
|
|
91
|
-
...commonProps2
|
|
92
|
-
} = restProps;
|
|
93
|
-
const { stringFormat: stringFormat2 } = eventHandlerGroup;
|
|
94
|
-
if (stringFormat2) {
|
|
95
|
-
const { stringFormat: stringFormat3, ...eventHandlers } = eventHandlerGroup;
|
|
96
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
97
|
-
antd.InputNumber,
|
|
98
|
-
{
|
|
99
|
-
ref: inputNumberRef,
|
|
100
|
-
stringMode: true,
|
|
101
|
-
addonAfter: append,
|
|
102
|
-
addonBefore: prepend,
|
|
103
|
-
controls: showControls,
|
|
104
|
-
css: shared.styles.fullWidth,
|
|
105
|
-
defaultValue: defaultValue2,
|
|
106
|
-
max: `${max}`,
|
|
107
|
-
min: `${min}`,
|
|
108
|
-
size: utils.convertBasicSizeToUiSize(size),
|
|
109
|
-
step: `${step}`,
|
|
110
|
-
value: value2,
|
|
111
|
-
...commonProps2,
|
|
112
|
-
...eventHandlers
|
|
113
|
-
}
|
|
114
|
-
);
|
|
115
|
-
}
|
|
116
|
-
return;
|
|
117
|
-
}
|
|
118
|
-
const {
|
|
119
|
-
useStringFormat: _,
|
|
120
|
-
defaultValue,
|
|
121
|
-
value,
|
|
122
|
-
onChange,
|
|
123
|
-
onEnterKeyPress,
|
|
124
|
-
onBlur,
|
|
125
|
-
onFocus,
|
|
126
|
-
...commonProps
|
|
127
|
-
} = restProps;
|
|
128
|
-
const { stringFormat } = eventHandlerGroup;
|
|
129
|
-
if (!stringFormat) {
|
|
130
|
-
const { stringFormat: stringFormat2, ...eventHandlers } = eventHandlerGroup;
|
|
131
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
132
|
-
antd.InputNumber,
|
|
133
|
-
{
|
|
134
|
-
ref: inputNumberRef,
|
|
135
|
-
addonAfter: append,
|
|
136
|
-
addonBefore: prepend,
|
|
137
|
-
controls: showControls,
|
|
138
|
-
css: shared.styles.fullWidth,
|
|
139
|
-
defaultValue,
|
|
140
|
-
max,
|
|
141
|
-
min,
|
|
142
|
-
step,
|
|
143
|
-
value,
|
|
144
|
-
...commonProps,
|
|
145
|
-
...eventHandlers
|
|
146
|
-
}
|
|
147
|
-
);
|
|
148
|
-
}
|
|
149
|
-
});
|
|
150
|
-
VefInputNumber.displayName = "VefInputNumber";
|
|
151
|
-
|
|
152
|
-
exports.default = VefInputNumber;
|
|
1
|
+
/*! VefFramework version: 1.0.66, build time: 2025-01-10T02:50:16.681Z, made by Venus. */
|
|
2
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),n=require("@vef-framework/shared"),r=require("antd"),t=require("react");require("../internal/index.cjs");const o=require("./hooks/use-input-number-instance.cjs"),s=require("../internal/utils.cjs");function normalizeValue(e,n){const r=Number.parseFloat(e);return Number.isNaN(r)?null:n?`${r}`:r}const u=t.forwardRef((({size:u,showControls:a,step:i,min:l,max:c,prepend:m,append:d,...g},F)=>{const f=t.useMemo((()=>{const{useStringFormat:e}=g;if(e){const{onChange:e,onEnterKeyPress:r,onBlur:t,onFocus:o}=g;return{stringFormat:!0,onChange:n.isFunction(e)?n=>e(n):void 0,onPressEnter:n.isFunction(r)?e=>r(normalizeValue(e.target.value,!0)):void 0,onBlur:n.isFunction(t)?e=>t(normalizeValue(e.target.value,!0)):void 0,onFocus:n.isFunction(o)?e=>o(normalizeValue(e.target.value,!0)):void 0}}const{onChange:r,onEnterKeyPress:t,onBlur:o,onFocus:s}=g;return{stringFormat:!1,onChange:n.isFunction(r)?e=>r(e):void 0,onPressEnter:n.isFunction(t)?e=>t(normalizeValue(e.target.value,!1)):void 0,onBlur:n.isFunction(o)?e=>o(normalizeValue(e.target.value,!1)):void 0,onFocus:n.isFunction(s)?e=>s(normalizeValue(e.target.value,!1)):void 0}}),[g]),v=o.useInputNumberInstance(F),{useStringFormat:p}=g;if(p){const{useStringFormat:t,defaultValue:o,value:F,onChange:p,onEnterKeyPress:V,onBlur:h,onFocus:z,...b}=g,{stringFormat:x}=f;if(x){const{stringFormat:t,...g}=f;return e.jsx(r.InputNumber,{ref:v,stringMode:!0,addonAfter:d,addonBefore:m,controls:a,css:n.styles.fullWidth,defaultValue:o,max:`${c}`,min:`${l}`,size:s.convertBasicSizeToUiSize(u),step:`${i}`,value:F,...b,...g})}return}const{useStringFormat:V,defaultValue:h,value:z,onChange:b,onEnterKeyPress:x,onBlur:B,onFocus:N,...y}=g,{stringFormat:S}=f;if(!S){const{stringFormat:t,...o}=f;return e.jsx(r.InputNumber,{ref:v,addonAfter:d,addonBefore:m,controls:a,css:n.styles.fullWidth,defaultValue:h,max:c,min:l,step:i,value:z,...y,...o})}}));u.displayName="VefInputNumber",exports.default=u;
|
|
153
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,5 +1,3 @@
|
|
|
1
|
-
/*! VefFramework version: 1.0.
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
/*! VefFramework version: 1.0.66, build time: 2025-01-10T02:50:16.681Z, made by Venus. */
|
|
2
|
+
"use strict";
|
|
5
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,15 +1,6 @@
|
|
|
1
|
-
/*! VefFramework version: 1.0.
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
const react = require('@emotion/react');
|
|
7
|
-
const shared = require('@vef-framework/shared');
|
|
8
|
-
|
|
9
|
-
const iconStyle = react.css`
|
|
10
|
-
padding: ${shared.themeVariables.paddingXs};
|
|
11
|
-
${shared.styles.flexCenter}
|
|
12
|
-
`;
|
|
13
|
-
|
|
14
|
-
exports.iconStyle = iconStyle;
|
|
1
|
+
/*! VefFramework version: 1.0.66, build time: 2025-01-10T02:50:16.681Z, made by Venus. */
|
|
2
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@emotion/react"),r=require("@vef-framework/shared"),t=e.css`
|
|
3
|
+
padding: ${r.themeVariables.paddingXs};
|
|
4
|
+
${r.styles.flexCenter}
|
|
5
|
+
`;exports.iconStyle=t;
|
|
15
6
|
/*! 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,3 @@
|
|
|
1
|
-
/*! VefFramework version: 1.0.
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
|
|
5
|
-
|
|
6
|
-
const jsxRuntime = require('@emotion/react/jsx-runtime');
|
|
7
|
-
const antd = require('antd');
|
|
8
|
-
const react = require('react');
|
|
9
|
-
|
|
10
|
-
const { Content } = antd.Layout;
|
|
11
|
-
function VefContentBase({ children }) {
|
|
12
|
-
return /* @__PURE__ */ jsxRuntime.jsx(Content, { children });
|
|
13
|
-
}
|
|
14
|
-
const VefContent = react.memo(VefContentBase);
|
|
15
|
-
VefContent.displayName = "VefContent";
|
|
16
|
-
|
|
17
|
-
exports.default = VefContent;
|
|
1
|
+
/*! VefFramework version: 1.0.66, build time: 2025-01-10T02:50:16.681Z, made by Venus. */
|
|
2
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),t=require("antd"),r=require("react"),{Content:n}=t.Layout;const o=r.memo((function VefContentBase({children:t}){return e.jsx(n,{children:t})}));o.displayName="VefContent",exports.default=o;
|
|
18
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,73 +1,3 @@
|
|
|
1
|
-
/*! VefFramework version: 1.0.
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
|
|
5
|
-
|
|
6
|
-
const jsxRuntime = require('@emotion/react/jsx-runtime');
|
|
7
|
-
const store = require('../../vef-config-provider/store.cjs');
|
|
8
|
-
const index$1 = require('../../vef-dropdown/index.cjs');
|
|
9
|
-
const index = require('../../vef-icon/index.cjs');
|
|
10
|
-
const commonStyles = require('../common-styles.cjs');
|
|
11
|
-
|
|
12
|
-
function IconFontSize(props) {
|
|
13
|
-
return /* @__PURE__ */ jsxRuntime.jsx("svg", { height: 24, viewBox: "0 0 24 24", width: 24, xmlns: "http://www.w3.org/2000/svg", ...props, children: /* @__PURE__ */ jsxRuntime.jsxs("g", { fill: "none", fillRule: "evenodd", children: [
|
|
14
|
-
/* @__PURE__ */ jsxRuntime.jsx("path", { d: "m12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035q-.016-.005-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427q-.004-.016-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093q.019.005.029-.008l.004-.014l-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014l-.034.614q.001.018.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z" }),
|
|
15
|
-
/* @__PURE__ */ jsxRuntime.jsx("path", { d: "M21 12a1 1 0 0 1 1 1v6a1 1 0 0 1-1.911.412a4 4 0 1 1 0-6.824A1 1 0 0 1 21 12M8 4c.732 0 1.381.473 1.605 1.17l4.347 13.524a1 1 0 0 1-1.904.612L10.664 15H5.336l-1.384 4.306a1 1 0 0 1-1.904-.612L6.395 5.17A1.69 1.69 0 0 1 8 4m10 10a2 2 0 1 0 0 4a2 2 0 0 0 0-4M8 6.712L5.979 13h4.042z", fill: "currentColor" })
|
|
16
|
-
] }) });
|
|
17
|
-
}
|
|
18
|
-
function IconFontSizeDecrease(props) {
|
|
19
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
20
|
-
"svg",
|
|
21
|
-
{
|
|
22
|
-
height: 24,
|
|
23
|
-
viewBox: "0 0 24 24",
|
|
24
|
-
width: 24,
|
|
25
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
26
|
-
...props,
|
|
27
|
-
children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M4 19V8.5a3.5 3.5 0 1 1 7 0V19m-7-6h7m10-1h-6", fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2 })
|
|
28
|
-
}
|
|
29
|
-
);
|
|
30
|
-
}
|
|
31
|
-
function IconFontSizeIncrease(props) {
|
|
32
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
33
|
-
"svg",
|
|
34
|
-
{
|
|
35
|
-
height: 24,
|
|
36
|
-
viewBox: "0 0 24 24",
|
|
37
|
-
width: 24,
|
|
38
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
39
|
-
...props,
|
|
40
|
-
children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M4 19V8.5a3.5 3.5 0 1 1 7 0V19m-7-6h7m7-4v6m3-3h-6", fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2 })
|
|
41
|
-
}
|
|
42
|
-
);
|
|
43
|
-
}
|
|
44
|
-
const menuItems = [
|
|
45
|
-
{
|
|
46
|
-
key: "medium",
|
|
47
|
-
type: "item",
|
|
48
|
-
label: "\u9ED8\u8BA4\u5B57\u53F7",
|
|
49
|
-
icon: /* @__PURE__ */ jsxRuntime.jsx(index.default, { children: /* @__PURE__ */ jsxRuntime.jsx(IconFontSizeDecrease, {}) })
|
|
50
|
-
},
|
|
51
|
-
{
|
|
52
|
-
key: "large",
|
|
53
|
-
type: "item",
|
|
54
|
-
label: "\u5927\u5B57\u53F7",
|
|
55
|
-
icon: /* @__PURE__ */ jsxRuntime.jsx(index.default, { children: /* @__PURE__ */ jsxRuntime.jsx(IconFontSizeIncrease, {}) })
|
|
56
|
-
}
|
|
57
|
-
];
|
|
58
|
-
function VefFontSize() {
|
|
59
|
-
const [fontSize, setFontSize] = store.useConfigStore((state) => [state.fontSize, state.setFontSize]);
|
|
60
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
61
|
-
index$1.default,
|
|
62
|
-
{
|
|
63
|
-
selectable: true,
|
|
64
|
-
items: menuItems,
|
|
65
|
-
selectedKeys: [fontSize],
|
|
66
|
-
onChange: ([fontSize2]) => setFontSize(fontSize2),
|
|
67
|
-
children: /* @__PURE__ */ jsxRuntime.jsx("div", { css: commonStyles.iconStyle, children: /* @__PURE__ */ jsxRuntime.jsx(index.default, { size: "large", children: /* @__PURE__ */ jsxRuntime.jsx(IconFontSize, {}) }) })
|
|
68
|
-
}
|
|
69
|
-
);
|
|
70
|
-
}
|
|
71
|
-
|
|
72
|
-
exports.default = VefFontSize;
|
|
1
|
+
/*! VefFramework version: 1.0.66, build time: 2025-01-10T02:50:16.681Z, made by Venus. */
|
|
2
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),l=require("../../vef-config-provider/store.cjs"),n=require("../../vef-dropdown/index.cjs"),t=require("../../vef-icon/index.cjs"),o=require("../common-styles.cjs");function IconFontSize(l){return e.jsx("svg",{height:24,viewBox:"0 0 24 24",width:24,xmlns:"http://www.w3.org/2000/svg",...l,children:e.jsxs("g",{fill:"none",fillRule:"evenodd",children:[e.jsx("path",{d:"m12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035q-.016-.005-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427q-.004-.016-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093q.019.005.029-.008l.004-.014l-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014l-.034.614q.001.018.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z"}),e.jsx("path",{d:"M21 12a1 1 0 0 1 1 1v6a1 1 0 0 1-1.911.412a4 4 0 1 1 0-6.824A1 1 0 0 1 21 12M8 4c.732 0 1.381.473 1.605 1.17l4.347 13.524a1 1 0 0 1-1.904.612L10.664 15H5.336l-1.384 4.306a1 1 0 0 1-1.904-.612L6.395 5.17A1.69 1.69 0 0 1 8 4m10 10a2 2 0 1 0 0 4a2 2 0 0 0 0-4M8 6.712L5.979 13h4.042z",fill:"currentColor"})]})})}function IconFontSizeDecrease(l){return e.jsx("svg",{height:24,viewBox:"0 0 24 24",width:24,xmlns:"http://www.w3.org/2000/svg",...l,children:e.jsx("path",{d:"M4 19V8.5a3.5 3.5 0 1 1 7 0V19m-7-6h7m10-1h-6",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2})})}function IconFontSizeIncrease(l){return e.jsx("svg",{height:24,viewBox:"0 0 24 24",width:24,xmlns:"http://www.w3.org/2000/svg",...l,children:e.jsx("path",{d:"M4 19V8.5a3.5 3.5 0 1 1 7 0V19m-7-6h7m7-4v6m3-3h-6",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2})})}const i=[{key:"medium",type:"item",label:"默认字号",icon:e.jsx(t.default,{children:e.jsx(IconFontSizeDecrease,{})})},{key:"large",type:"item",label:"大字号",icon:e.jsx(t.default,{children:e.jsx(IconFontSizeIncrease,{})})}];exports.default=function VefFontSize(){const[r,s]=l.useConfigStore((e=>[e.fontSize,e.setFontSize]));return e.jsx(n.default,{selectable:!0,items:i,selectedKeys:[r],onChange:([e])=>s(e),children:e.jsx("div",{css:o.iconStyle,children:e.jsx(t.default,{size:"large",children:e.jsx(IconFontSize,{})})})})};
|
|
73
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,28 +1,3 @@
|
|
|
1
|
-
/*! VefFramework version: 1.0.
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
|
|
5
|
-
|
|
6
|
-
const jsxRuntime = require('@emotion/react/jsx-runtime');
|
|
7
|
-
const lucideReact = require('lucide-react');
|
|
8
|
-
const react = require('react');
|
|
9
|
-
const index$1 = require('../../vef-icon/index.cjs');
|
|
10
|
-
const index = require('../../vef-tooltip/index.cjs');
|
|
11
|
-
const commonStyles = require('../common-styles.cjs');
|
|
12
|
-
|
|
13
|
-
function VefFullscreen() {
|
|
14
|
-
const [isFullscreen, setIsFullscreen] = react.useState(false);
|
|
15
|
-
const handleClick = react.useCallback(() => {
|
|
16
|
-
if (isFullscreen) {
|
|
17
|
-
document.exitFullscreen();
|
|
18
|
-
setIsFullscreen(false);
|
|
19
|
-
} else {
|
|
20
|
-
document.body.requestFullscreen();
|
|
21
|
-
setIsFullscreen(true);
|
|
22
|
-
}
|
|
23
|
-
}, [isFullscreen]);
|
|
24
|
-
return /* @__PURE__ */ jsxRuntime.jsx(index.default, { content: isFullscreen ? "\u9000\u51FA\u5168\u5C4F" : "\u5168\u5C4F", delay: 0.5, children: /* @__PURE__ */ jsxRuntime.jsx("div", { css: commonStyles.iconStyle, onClick: handleClick, children: /* @__PURE__ */ jsxRuntime.jsx(index$1.default, { size: "large", children: isFullscreen ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MinimizeIcon, {}) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MaximizeIcon, {}) }) }) });
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
exports.default = VefFullscreen;
|
|
1
|
+
/*! VefFramework version: 1.0.66, build time: 2025-01-10T02:50:16.681Z, made by Venus. */
|
|
2
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),r=require("lucide-react"),t=require("react"),i=require("../../vef-icon/index.cjs"),c=require("../../vef-tooltip/index.cjs"),n=require("../common-styles.cjs");exports.default=function VefFullscreen(){const[s,l]=t.useState(!1),u=t.useCallback((()=>{s?(document.exitFullscreen(),l(!1)):(document.body.requestFullscreen(),l(!0))}),[s]);return e.jsx(c.default,{content:s?"退出全屏":"全屏",delay:.5,children:e.jsx("div",{css:n.iconStyle,onClick:u,children:e.jsx(i.default,{size:"large",children:s?e.jsx(r.MinimizeIcon,{}):e.jsx(r.MaximizeIcon,{})})})})};
|
|
28
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 */
|