@vef-framework/components 1.0.64 → 1.0.65
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,141 +1,34 @@
|
|
|
1
|
-
/*! VefFramework version: 1.0.
|
|
2
|
-
import
|
|
3
|
-
import { css } from '@emotion/react';
|
|
4
|
-
import { useThemeTokens } from '@vef-framework/hooks';
|
|
5
|
-
import { themeVariables, styles } from '@vef-framework/shared';
|
|
6
|
-
import VefText from '../../vef-text/index.js';
|
|
7
|
-
|
|
8
|
-
const containerStyle = css`
|
|
1
|
+
/*! VefFramework version: 1.0.65, build time: 2025-01-10T02:44:47.916Z, made by Venus. */
|
|
2
|
+
import{jsxs as c,jsx as i}from"@emotion/react/jsx-runtime";import{css as n}from"@emotion/react";import{useThemeTokens as o}from"@vef-framework/hooks";import{themeVariables as e,styles as r}from"@vef-framework/shared";import s from"../../vef-text/index.js";const l=n`
|
|
9
3
|
display: grid;
|
|
10
4
|
grid-template-columns: 320px 320px;
|
|
11
|
-
|
|
12
|
-
const itemStyle = css`
|
|
5
|
+
`,t=n`
|
|
13
6
|
display: flex;
|
|
14
7
|
align-items: center;
|
|
15
|
-
gap: ${
|
|
16
|
-
padding: ${
|
|
17
|
-
border-radius: ${
|
|
8
|
+
gap: ${e.padding};
|
|
9
|
+
padding: ${e.padding};
|
|
10
|
+
border-radius: ${e.borderRadiusLg};
|
|
18
11
|
cursor: pointer;
|
|
19
12
|
user-select: none;
|
|
20
|
-
transition: background-color ${
|
|
13
|
+
transition: background-color ${e.motionDurationMid} ${e.motionEaseInOut};
|
|
21
14
|
|
|
22
15
|
&:hover {
|
|
23
|
-
background-color: ${
|
|
16
|
+
background-color: ${e.colorFillContent};
|
|
24
17
|
}
|
|
25
|
-
|
|
26
|
-
const iconStyle = css`
|
|
18
|
+
`,d=n`
|
|
27
19
|
flex: none;
|
|
28
|
-
${
|
|
29
|
-
|
|
30
|
-
const metaStyle = css`
|
|
20
|
+
${r.flexCenter}
|
|
21
|
+
`,h=n`
|
|
31
22
|
flex: auto;
|
|
32
23
|
display: flex;
|
|
33
24
|
flex-direction: column;
|
|
34
|
-
gap: ${
|
|
35
|
-
color: ${
|
|
25
|
+
gap: ${e.paddingXxs};
|
|
26
|
+
color: ${e.colorText};
|
|
36
27
|
min-width: 0;
|
|
37
28
|
|
|
38
29
|
> span:last-of-type {
|
|
39
|
-
color: ${
|
|
40
|
-
font-size: ${
|
|
30
|
+
color: ${e.colorTextSecondary};
|
|
31
|
+
font-size: ${e.fontSizeSm};
|
|
41
32
|
}
|
|
42
|
-
`;
|
|
43
|
-
function IconSystem() {
|
|
44
|
-
const { controlHeightLG } = useThemeTokens();
|
|
45
|
-
return /* @__PURE__ */ jsxs(
|
|
46
|
-
"svg",
|
|
47
|
-
{
|
|
48
|
-
height: controlHeightLG,
|
|
49
|
-
viewBox: "0 0 1024 1024",
|
|
50
|
-
width: controlHeightLG,
|
|
51
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
52
|
-
children: [
|
|
53
|
-
/* @__PURE__ */ jsx("path", { d: "M768 1024H256C115.2 1024 0 908.8 0 768V256C0 115.2 115.2 0 256 0h512c140.8 0 256 115.2 256 256v512c0 140.8-115.2 256-256 256z", fill: "#10C7C1", "p-id": "1234" }),
|
|
54
|
-
/* @__PURE__ */ jsx("path", { d: "M757.333333 364.8L725.333333 394.666667c-32 32-85.333333 32-117.333333 0s-32-85.333333 0-119.466667l29.866667-29.866667c17.066667-17.066667 6.4-36.266667-25.6-32-32 4.266667-61.866667 19.2-85.333334 42.666667-36.266667 36.266667-51.2 89.6-40.533333 140.8l-256 258.133333c-32 32-32 85.333333 0 119.466667 32 32 85.333333 32 117.333333 0l256-258.133333c83.2 17.066667 164.266667-34.133333 181.333334-117.333334 0-2.133333 2.133333-6.4 2.133333-8.533333 6.4-32-12.8-42.666667-29.866667-25.6z m-448 369.066667c-10.666667 10.666667-27.733333 10.666667-38.4 0s-10.666667-27.733333 0-40.533334c10.666667-10.666667 29.866667-10.666667 38.4 2.133334 10.666667 10.666667 10.666667 27.733333 0 38.4z m-27.733333-364.8l96 96 38.4-40.533334-96-96-21.333333-40.533333-68.266667-49.066667L192 279.466667l49.066667 68.266666 40.533333 21.333334zM605.866667 576c-6.4-6.4-14.933333-6.4-19.2 0l-59.733334 59.733333c-6.4 6.4-6.4 14.933333 0 19.2l138.666667 140.8c21.333333 21.333333 57.6 21.333333 78.933333 0s21.333333-57.6 0-78.933333c0-2.133333-138.666667-140.8-138.666666-140.8z", fill: "#FFFFFF", "p-id": "1235" })
|
|
55
|
-
]
|
|
56
|
-
}
|
|
57
|
-
);
|
|
58
|
-
}
|
|
59
|
-
function IconMainData() {
|
|
60
|
-
const { controlHeightLG } = useThemeTokens();
|
|
61
|
-
return /* @__PURE__ */ jsxs(
|
|
62
|
-
"svg",
|
|
63
|
-
{
|
|
64
|
-
height: controlHeightLG,
|
|
65
|
-
viewBox: "0 0 1024 1024",
|
|
66
|
-
width: controlHeightLG,
|
|
67
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
68
|
-
children: [
|
|
69
|
-
/* @__PURE__ */ jsx("path", { d: "M768 1024H256C115.2 1024 0 908.8 0 768V256C0 115.2 115.2 0 256 0h512c140.8 0 256 115.2 256 256v512c0 140.8-115.2 256-256 256z", fill: "#9F53E6", "p-id": "1388" }),
|
|
70
|
-
/* @__PURE__ */ jsx("path", { d: "M567.466667 780.8c-4.266667 0-8.533333-2.133333-12.8-6.4l-102.4-162.133333-204.8-14.933334c-6.4 0-10.666667-6.4-12.8-12.8-2.133333-6.4 0-12.8 6.4-17.066666l452.266666-285.866667c4.266667-2.133333 8.533333-4.266667 12.8-2.133333 8.533333 2.133333 10.666667 10.666667 10.666667 17.066666l-132.266667 469.333334c-2.133333 6.4-6.4 10.666667-12.8 12.8-2.133333 2.133333-2.133333 2.133333-4.266666 2.133333z", fill: "#FFFFFF", "p-id": "1389" })
|
|
71
|
-
]
|
|
72
|
-
}
|
|
73
|
-
);
|
|
74
|
-
}
|
|
75
|
-
function IconProcess() {
|
|
76
|
-
const { controlHeightLG } = useThemeTokens();
|
|
77
|
-
return /* @__PURE__ */ jsxs(
|
|
78
|
-
"svg",
|
|
79
|
-
{
|
|
80
|
-
height: controlHeightLG,
|
|
81
|
-
viewBox: "0 0 1024 1024",
|
|
82
|
-
width: controlHeightLG,
|
|
83
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
84
|
-
children: [
|
|
85
|
-
/* @__PURE__ */ jsx("path", { d: "M768 1024H256C115.2 1024 0 908.8 0 768V256C0 115.2 115.2 0 256 0h512c140.8 0 256 115.2 256 256v512c0 140.8-115.2 256-256 256z", fill: "#0EB4F6", "p-id": "1696" }),
|
|
86
|
-
/* @__PURE__ */ jsx("path", { d: "M785.066667 627.2v70.4c0 27.733333-23.466667 51.2-51.2 51.2H682.666667c-27.733333 0-51.2-23.466667-51.2-51.2v-70.4c0-14.933333 6.4-27.733333 14.933333-36.266667 8.533333-8.533333 21.333333-14.933333 36.266667-14.933333 4.266667 0 8.533333-4.266667 8.533333-8.533333v-40.533334c0-8.533333-8.533333-17.066667-17.066667-17.066666h-136.533333c-4.266667 0-8.533333 4.266667-8.533333 8.533333v51.2c0 4.266667 4.266667 8.533333 8.533333 8.533333 27.733333 0 51.2 23.466667 51.2 51.2v70.4c0 27.733333-23.466667 51.2-51.2 51.2h-51.2c-27.733333 0-51.2-23.466667-51.2-51.2v-70.4c0-27.733333 23.466667-51.2 51.2-51.2 4.266667 0 8.533333-4.266667 8.533333-8.533333v-51.2c0-4.266667-4.266667-8.533333-8.533333-8.533333h-136.533333c-8.533333 0-17.066667 8.533333-17.066667 17.066666v40.533334c0 2.133333 0 4.266667 2.133333 6.4s4.266667 2.133333 6.4 2.133333c27.733333 0 51.2 23.466667 51.2 51.2v70.4c0 27.733333-23.466667 51.2-51.2 51.2h-51.2c-27.733333 0-51.2-23.466667-51.2-51.2v-70.4c0-14.933333 6.4-27.733333 14.933334-36.266667 8.533333-8.533333 21.333333-14.933333 36.266666-14.933333 4.266667 0 8.533333-4.266667 8.533334-8.533333v-40.533334c0-27.733333 23.466667-51.2 51.2-51.2h136.533333c4.266667 0 8.533333-4.266667 8.533333-8.533333v-51.2c0-4.266667-4.266667-8.533333-8.533333-8.533333h-25.6c-27.733333 0-51.2-23.466667-51.2-51.2v-102.4c0-27.733333 23.466667-51.2 51.2-51.2h102.4c27.733333 0 51.2 23.466667 51.2 51.2v102.4c0 27.733333-23.466667 51.2-51.2 51.2h-25.6c-4.266667 0-8.533333 4.266667-8.533333 8.533333v51.2c0 4.266667 4.266667 8.533333 8.533333 8.533333h136.533333c27.733333 0 51.2 23.466667 51.2 51.2v40.533334c0 4.266667 4.266667 8.533333 8.533334 8.533333 29.866667 0 51.2 23.466667 51.2 51.2z", fill: "#FFFFFF", "p-id": "1697" })
|
|
87
|
-
]
|
|
88
|
-
}
|
|
89
|
-
);
|
|
90
|
-
}
|
|
91
|
-
function IconBusiness() {
|
|
92
|
-
const { controlHeightLG } = useThemeTokens();
|
|
93
|
-
return /* @__PURE__ */ jsxs(
|
|
94
|
-
"svg",
|
|
95
|
-
{
|
|
96
|
-
height: controlHeightLG,
|
|
97
|
-
viewBox: "0 0 1024 1024",
|
|
98
|
-
width: controlHeightLG,
|
|
99
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
100
|
-
children: [
|
|
101
|
-
/* @__PURE__ */ jsx("path", { d: "M768 1024H256C115.2 1024 0 908.8 0 768V256C0 115.2 115.2 0 256 0h512c140.8 0 256 115.2 256 256v512c0 140.8-115.2 256-256 256z", fill: "#10C7C1", "p-id": "1850" }),
|
|
102
|
-
/* @__PURE__ */ jsx("path", { d: "M708.266667 258.133333H300.8c-17.066667 0-34.133333 14.933333-34.133333 32v441.6c0 19.2 14.933333 32 34.133333 32h407.466667c19.2 0 34.133333-14.933333 34.133333-32V290.133333c2.133333-17.066667-14.933333-32-34.133333-32zM377.6 512c-12.8 0-25.6-10.666667-25.6-23.466667s12.8-23.466667 25.6-23.466666 25.6 10.666667 25.6 23.466666c0 12.8-12.8 23.466667-25.6 23.466667z m0-115.2c-12.8 0-25.6-10.666667-25.6-23.466667s12.8-23.466667 25.6-23.466666 25.6 10.666667 25.6 23.466666c0 12.8-12.8 23.466667-25.6 23.466667z m256 115.2h-170.666667c-12.8 0-25.6-10.666667-25.6-23.466667s12.8-23.466667 25.6-23.466666h170.666667c12.8 0 25.6 10.666667 25.6 23.466666-2.133333 12.8-12.8 23.466667-25.6 23.466667z m0-115.2h-170.666667c-12.8 0-25.6-10.666667-25.6-23.466667s12.8-23.466667 25.6-23.466666h170.666667c12.8 0 25.6 10.666667 25.6 23.466666-2.133333 12.8-12.8 23.466667-25.6 23.466667z", fill: "#FFFFFF", "p-id": "1851" })
|
|
103
|
-
]
|
|
104
|
-
}
|
|
105
|
-
);
|
|
106
|
-
}
|
|
107
|
-
function VefMenuGroups() {
|
|
108
|
-
return /* @__PURE__ */ jsxs("div", { css: containerStyle, children: [
|
|
109
|
-
/* @__PURE__ */ jsxs("div", { css: itemStyle, children: [
|
|
110
|
-
/* @__PURE__ */ jsx("span", { css: iconStyle, children: /* @__PURE__ */ jsx(IconSystem, {}) }),
|
|
111
|
-
/* @__PURE__ */ jsxs("div", { css: metaStyle, children: [
|
|
112
|
-
/* @__PURE__ */ jsx(VefText, { children: "\u7CFB\u7EDF\u7BA1\u7406" }),
|
|
113
|
-
/* @__PURE__ */ jsx(VefText, { color: "secondary", children: "\u7CFB\u7EDF\u5168\u5C40\u76F8\u5173\u914D\u7F6E" })
|
|
114
|
-
] })
|
|
115
|
-
] }),
|
|
116
|
-
/* @__PURE__ */ jsxs("div", { css: itemStyle, children: [
|
|
117
|
-
/* @__PURE__ */ jsx("span", { css: iconStyle, children: /* @__PURE__ */ jsx(IconMainData, {}) }),
|
|
118
|
-
/* @__PURE__ */ jsxs("div", { css: metaStyle, children: [
|
|
119
|
-
/* @__PURE__ */ jsx(VefText, { children: "\u4E3B\u6570\u636E\u7BA1\u7406" }),
|
|
120
|
-
/* @__PURE__ */ jsx(VefText, { ellipsis: true, color: "secondary", children: "\u533B\u9662\u3001\u79D1\u5BA4\u3001\u533B\u751F\u3001\u60A3\u8005\u7B49\u4E3B\u6570\u636E\u7BA1\u7406" })
|
|
121
|
-
] })
|
|
122
|
-
] }),
|
|
123
|
-
/* @__PURE__ */ jsxs("div", { css: itemStyle, children: [
|
|
124
|
-
/* @__PURE__ */ jsx("span", { css: iconStyle, children: /* @__PURE__ */ jsx(IconProcess, {}) }),
|
|
125
|
-
/* @__PURE__ */ jsxs("div", { css: metaStyle, children: [
|
|
126
|
-
/* @__PURE__ */ jsx(VefText, { children: "\u6D41\u7A0B\u7BA1\u7406" }),
|
|
127
|
-
/* @__PURE__ */ jsx(VefText, { children: "\u7CFB\u7EDF\u6574\u4F53\u6D89\u53CA\u7684\u6240\u6709\u6D41\u7A0B\u7BA1\u7406" })
|
|
128
|
-
] })
|
|
129
|
-
] }),
|
|
130
|
-
/* @__PURE__ */ jsxs("div", { css: itemStyle, children: [
|
|
131
|
-
/* @__PURE__ */ jsx("span", { css: iconStyle, children: /* @__PURE__ */ jsx(IconBusiness, {}) }),
|
|
132
|
-
/* @__PURE__ */ jsxs("div", { css: metaStyle, children: [
|
|
133
|
-
/* @__PURE__ */ jsx(VefText, { children: "\u4E1A\u52A1\u7BA1\u7406" }),
|
|
134
|
-
/* @__PURE__ */ jsx(VefText, { color: "secondary", children: "\u533B\u7597\u4E1A\u52A1\u76F8\u5173\u7BA1\u7406" })
|
|
135
|
-
] })
|
|
136
|
-
] })
|
|
137
|
-
] });
|
|
138
|
-
}
|
|
139
|
-
|
|
140
|
-
export { VefMenuGroups as default };
|
|
33
|
+
`;function IconSystem(){const{controlHeightLG:n}=o();return c("svg",{height:n,viewBox:"0 0 1024 1024",width:n,xmlns:"http://www.w3.org/2000/svg",children:[i("path",{d:"M768 1024H256C115.2 1024 0 908.8 0 768V256C0 115.2 115.2 0 256 0h512c140.8 0 256 115.2 256 256v512c0 140.8-115.2 256-256 256z",fill:"#10C7C1","p-id":"1234"}),i("path",{d:"M757.333333 364.8L725.333333 394.666667c-32 32-85.333333 32-117.333333 0s-32-85.333333 0-119.466667l29.866667-29.866667c17.066667-17.066667 6.4-36.266667-25.6-32-32 4.266667-61.866667 19.2-85.333334 42.666667-36.266667 36.266667-51.2 89.6-40.533333 140.8l-256 258.133333c-32 32-32 85.333333 0 119.466667 32 32 85.333333 32 117.333333 0l256-258.133333c83.2 17.066667 164.266667-34.133333 181.333334-117.333334 0-2.133333 2.133333-6.4 2.133333-8.533333 6.4-32-12.8-42.666667-29.866667-25.6z m-448 369.066667c-10.666667 10.666667-27.733333 10.666667-38.4 0s-10.666667-27.733333 0-40.533334c10.666667-10.666667 29.866667-10.666667 38.4 2.133334 10.666667 10.666667 10.666667 27.733333 0 38.4z m-27.733333-364.8l96 96 38.4-40.533334-96-96-21.333333-40.533333-68.266667-49.066667L192 279.466667l49.066667 68.266666 40.533333 21.333334zM605.866667 576c-6.4-6.4-14.933333-6.4-19.2 0l-59.733334 59.733333c-6.4 6.4-6.4 14.933333 0 19.2l138.666667 140.8c21.333333 21.333333 57.6 21.333333 78.933333 0s21.333333-57.6 0-78.933333c0-2.133333-138.666667-140.8-138.666666-140.8z",fill:"#FFFFFF","p-id":"1235"})]})}function IconMainData(){const{controlHeightLG:n}=o();return c("svg",{height:n,viewBox:"0 0 1024 1024",width:n,xmlns:"http://www.w3.org/2000/svg",children:[i("path",{d:"M768 1024H256C115.2 1024 0 908.8 0 768V256C0 115.2 115.2 0 256 0h512c140.8 0 256 115.2 256 256v512c0 140.8-115.2 256-256 256z",fill:"#9F53E6","p-id":"1388"}),i("path",{d:"M567.466667 780.8c-4.266667 0-8.533333-2.133333-12.8-6.4l-102.4-162.133333-204.8-14.933334c-6.4 0-10.666667-6.4-12.8-12.8-2.133333-6.4 0-12.8 6.4-17.066666l452.266666-285.866667c4.266667-2.133333 8.533333-4.266667 12.8-2.133333 8.533333 2.133333 10.666667 10.666667 10.666667 17.066666l-132.266667 469.333334c-2.133333 6.4-6.4 10.666667-12.8 12.8-2.133333 2.133333-2.133333 2.133333-4.266666 2.133333z",fill:"#FFFFFF","p-id":"1389"})]})}function IconProcess(){const{controlHeightLG:n}=o();return c("svg",{height:n,viewBox:"0 0 1024 1024",width:n,xmlns:"http://www.w3.org/2000/svg",children:[i("path",{d:"M768 1024H256C115.2 1024 0 908.8 0 768V256C0 115.2 115.2 0 256 0h512c140.8 0 256 115.2 256 256v512c0 140.8-115.2 256-256 256z",fill:"#0EB4F6","p-id":"1696"}),i("path",{d:"M785.066667 627.2v70.4c0 27.733333-23.466667 51.2-51.2 51.2H682.666667c-27.733333 0-51.2-23.466667-51.2-51.2v-70.4c0-14.933333 6.4-27.733333 14.933333-36.266667 8.533333-8.533333 21.333333-14.933333 36.266667-14.933333 4.266667 0 8.533333-4.266667 8.533333-8.533333v-40.533334c0-8.533333-8.533333-17.066667-17.066667-17.066666h-136.533333c-4.266667 0-8.533333 4.266667-8.533333 8.533333v51.2c0 4.266667 4.266667 8.533333 8.533333 8.533333 27.733333 0 51.2 23.466667 51.2 51.2v70.4c0 27.733333-23.466667 51.2-51.2 51.2h-51.2c-27.733333 0-51.2-23.466667-51.2-51.2v-70.4c0-27.733333 23.466667-51.2 51.2-51.2 4.266667 0 8.533333-4.266667 8.533333-8.533333v-51.2c0-4.266667-4.266667-8.533333-8.533333-8.533333h-136.533333c-8.533333 0-17.066667 8.533333-17.066667 17.066666v40.533334c0 2.133333 0 4.266667 2.133333 6.4s4.266667 2.133333 6.4 2.133333c27.733333 0 51.2 23.466667 51.2 51.2v70.4c0 27.733333-23.466667 51.2-51.2 51.2h-51.2c-27.733333 0-51.2-23.466667-51.2-51.2v-70.4c0-14.933333 6.4-27.733333 14.933334-36.266667 8.533333-8.533333 21.333333-14.933333 36.266666-14.933333 4.266667 0 8.533333-4.266667 8.533334-8.533333v-40.533334c0-27.733333 23.466667-51.2 51.2-51.2h136.533333c4.266667 0 8.533333-4.266667 8.533333-8.533333v-51.2c0-4.266667-4.266667-8.533333-8.533333-8.533333h-25.6c-27.733333 0-51.2-23.466667-51.2-51.2v-102.4c0-27.733333 23.466667-51.2 51.2-51.2h102.4c27.733333 0 51.2 23.466667 51.2 51.2v102.4c0 27.733333-23.466667 51.2-51.2 51.2h-25.6c-4.266667 0-8.533333 4.266667-8.533333 8.533333v51.2c0 4.266667 4.266667 8.533333 8.533333 8.533333h136.533333c27.733333 0 51.2 23.466667 51.2 51.2v40.533334c0 4.266667 4.266667 8.533333 8.533334 8.533333 29.866667 0 51.2 23.466667 51.2 51.2z",fill:"#FFFFFF","p-id":"1697"})]})}function IconBusiness(){const{controlHeightLG:n}=o();return c("svg",{height:n,viewBox:"0 0 1024 1024",width:n,xmlns:"http://www.w3.org/2000/svg",children:[i("path",{d:"M768 1024H256C115.2 1024 0 908.8 0 768V256C0 115.2 115.2 0 256 0h512c140.8 0 256 115.2 256 256v512c0 140.8-115.2 256-256 256z",fill:"#10C7C1","p-id":"1850"}),i("path",{d:"M708.266667 258.133333H300.8c-17.066667 0-34.133333 14.933333-34.133333 32v441.6c0 19.2 14.933333 32 34.133333 32h407.466667c19.2 0 34.133333-14.933333 34.133333-32V290.133333c2.133333-17.066667-14.933333-32-34.133333-32zM377.6 512c-12.8 0-25.6-10.666667-25.6-23.466667s12.8-23.466667 25.6-23.466666 25.6 10.666667 25.6 23.466666c0 12.8-12.8 23.466667-25.6 23.466667z m0-115.2c-12.8 0-25.6-10.666667-25.6-23.466667s12.8-23.466667 25.6-23.466666 25.6 10.666667 25.6 23.466666c0 12.8-12.8 23.466667-25.6 23.466667z m256 115.2h-170.666667c-12.8 0-25.6-10.666667-25.6-23.466667s12.8-23.466667 25.6-23.466666h170.666667c12.8 0 25.6 10.666667 25.6 23.466666-2.133333 12.8-12.8 23.466667-25.6 23.466667z m0-115.2h-170.666667c-12.8 0-25.6-10.666667-25.6-23.466667s12.8-23.466667 25.6-23.466666h170.666667c12.8 0 25.6 10.666667 25.6 23.466666-2.133333 12.8-12.8 23.466667-25.6 23.466667z",fill:"#FFFFFF","p-id":"1851"})]})}function VefMenuGroups(){return c("div",{css:l,children:[c("div",{css:t,children:[i("span",{css:d,children:i(IconSystem,{})}),c("div",{css:h,children:[i(s,{children:"系统管理"}),i(s,{color:"secondary",children:"系统全局相关配置"})]})]}),c("div",{css:t,children:[i("span",{css:d,children:i(IconMainData,{})}),c("div",{css:h,children:[i(s,{children:"主数据管理"}),i(s,{ellipsis:!0,color:"secondary",children:"医院、科室、医生、患者等主数据管理"})]})]}),c("div",{css:t,children:[i("span",{css:d,children:i(IconProcess,{})}),c("div",{css:h,children:[i(s,{children:"流程管理"}),i(s,{children:"系统整体涉及的所有流程管理"})]})]}),c("div",{css:t,children:[i("span",{css:d,children:i(IconBusiness,{})}),c("div",{css:h,children:[i(s,{children:"业务管理"}),i(s,{color:"secondary",children:"医疗业务相关管理"})]})]})]})}export{VefMenuGroups as default};
|
|
141
34
|
/*! 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,12 +1,3 @@
|
|
|
1
|
-
/*! VefFramework version: 1.0.
|
|
2
|
-
import
|
|
3
|
-
import { BellIcon } from 'lucide-react';
|
|
4
|
-
import VefIcon from '../../vef-icon/index.js';
|
|
5
|
-
import { iconStyle } from '../common-styles.js';
|
|
6
|
-
|
|
7
|
-
function VefMessage() {
|
|
8
|
-
return /* @__PURE__ */ jsx("div", { css: iconStyle, children: /* @__PURE__ */ jsx(VefIcon, { size: "large", children: /* @__PURE__ */ jsx(BellIcon, {}) }) });
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
export { VefMessage as default };
|
|
1
|
+
/*! VefFramework version: 1.0.65, build time: 2025-01-10T02:44:47.916Z, made by Venus. */
|
|
2
|
+
import{jsx as e}from"@emotion/react/jsx-runtime";import{BellIcon as r}from"lucide-react";import o from"../../vef-icon/index.js";import{iconStyle as i}from"../common-styles.js";function VefMessage(){return e("div",{css:i,children:e(o,{size:"large",children:e(r,{})})})}export{VefMessage as default};
|
|
12
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,12 +1,3 @@
|
|
|
1
|
-
/*! VefFramework version: 1.0.
|
|
2
|
-
import
|
|
3
|
-
import { SearchIcon } from 'lucide-react';
|
|
4
|
-
import VefIcon from '../../vef-icon/index.js';
|
|
5
|
-
import { iconStyle } from '../common-styles.js';
|
|
6
|
-
|
|
7
|
-
function VefSearch() {
|
|
8
|
-
return /* @__PURE__ */ jsx("div", { css: iconStyle, children: /* @__PURE__ */ jsx(VefIcon, { size: "large", children: /* @__PURE__ */ jsx(SearchIcon, {}) }) });
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
export { VefSearch as default };
|
|
1
|
+
/*! VefFramework version: 1.0.65, build time: 2025-01-10T02:44:47.916Z, made by Venus. */
|
|
2
|
+
import{jsx as e}from"@emotion/react/jsx-runtime";import{SearchIcon as r}from"lucide-react";import o from"../../vef-icon/index.js";import{iconStyle as i}from"../common-styles.js";function VefSearch(){return e("div",{css:i,children:e(o,{size:"large",children:e(r,{})})})}export{VefSearch as default};
|
|
12
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,6 @@
|
|
|
1
|
-
/*! VefFramework version: 1.0.
|
|
2
|
-
import
|
|
3
|
-
|
|
4
|
-
import { themeVariables } from '@vef-framework/shared';
|
|
5
|
-
import { Layout } from 'antd';
|
|
6
|
-
import { memo } from 'react';
|
|
7
|
-
import VefMenu from '../../vef-menu/index.js';
|
|
8
|
-
import VefScrollArea from '../../vef-scroll-area/index.js';
|
|
9
|
-
import { useLayoutContextSelector } from '../hooks/use-layout-context.js';
|
|
10
|
-
import { useLayoutStore } from '../store.js';
|
|
11
|
-
import VefTitle from './title.js';
|
|
12
|
-
|
|
13
|
-
const { Sider } = Layout;
|
|
14
|
-
const siderStyle = css`
|
|
15
|
-
border-right: ${themeVariables.lineWidth} ${themeVariables.lineType} ${themeVariables.colorBorderSecondary};
|
|
1
|
+
/*! VefFramework version: 1.0.65, build time: 2025-01-10T02:44:47.916Z, made by Venus. */
|
|
2
|
+
import{jsxs as e,jsx as i}from"@emotion/react/jsx-runtime";import{css as n}from"@emotion/react";import{themeVariables as t}from"@vef-framework/shared";import{Layout as o}from"antd";import{memo as r}from"react";import l from"../../vef-menu/index.js";import s from"../../vef-scroll-area/index.js";import{useLayoutContextSelector as d}from"../hooks/use-layout-context.js";import{useLayoutStore as m}from"../store.js";import a from"./title.js";const{Sider:f}=o,u=n`
|
|
3
|
+
border-right: ${t.lineWidth} ${t.lineType} ${t.colorBorderSecondary};
|
|
16
4
|
|
|
17
5
|
> .vef-layout-sider-children {
|
|
18
6
|
--vef-layout-header-height: 60px;
|
|
@@ -49,8 +37,8 @@ const siderStyle = css`
|
|
|
49
37
|
inset-inline-start: 0;
|
|
50
38
|
pointer-events: none;
|
|
51
39
|
width: 0;
|
|
52
|
-
height: calc(${
|
|
53
|
-
border-inline-start: 4px ${
|
|
40
|
+
height: calc(${t.fontSize} * 0.8);
|
|
41
|
+
border-inline-start: 4px ${t.lineType} var(--vef-menu-item-selected-color);
|
|
54
42
|
border-radius: var(--vef-menu-item-border-radius);
|
|
55
43
|
}
|
|
56
44
|
}
|
|
@@ -59,41 +47,5 @@ const siderStyle = css`
|
|
|
59
47
|
}
|
|
60
48
|
}
|
|
61
49
|
}
|
|
62
|
-
`;
|
|
63
|
-
function VefSiderBase() {
|
|
64
|
-
const [menuItems, defaultOpenedMenuKeys, activeMenuKey, onActiveMenuKeyChange] = useLayoutContextSelector((ctx) => [ctx.menuItems, ctx.defaultOpenedMenuKeys, ctx.activeMenuKey, ctx.onActiveMenuKeyChange]);
|
|
65
|
-
const [siderCollapsed, setSiderCollapsed] = useLayoutStore((state) => [state.siderCollapsed, state.setSiderCollapsed]);
|
|
66
|
-
return /* @__PURE__ */ jsxs(
|
|
67
|
-
Sider,
|
|
68
|
-
{
|
|
69
|
-
collapsible: true,
|
|
70
|
-
breakpoint: "lg",
|
|
71
|
-
collapsed: siderCollapsed,
|
|
72
|
-
collapsedWidth: 80,
|
|
73
|
-
css: siderStyle,
|
|
74
|
-
theme: "light",
|
|
75
|
-
trigger: null,
|
|
76
|
-
width: 220,
|
|
77
|
-
onCollapse: setSiderCollapsed,
|
|
78
|
-
children: [
|
|
79
|
-
/* @__PURE__ */ jsx(VefTitle, {}),
|
|
80
|
-
/* @__PURE__ */ jsx("div", { className: "vef-layout-sider-menu", children: /* @__PURE__ */ jsx(VefScrollArea, { scrollbarSize: "small", children: /* @__PURE__ */ jsx(
|
|
81
|
-
VefMenu,
|
|
82
|
-
{
|
|
83
|
-
inlineExpansion: true,
|
|
84
|
-
defaultOpenedKeys: defaultOpenedMenuKeys,
|
|
85
|
-
inlineCollapsed: siderCollapsed,
|
|
86
|
-
items: menuItems ?? [],
|
|
87
|
-
selectedKeys: activeMenuKey ? [activeMenuKey] : [],
|
|
88
|
-
onSelect: onActiveMenuKeyChange
|
|
89
|
-
}
|
|
90
|
-
) }) })
|
|
91
|
-
]
|
|
92
|
-
}
|
|
93
|
-
);
|
|
94
|
-
}
|
|
95
|
-
const VefSider = memo(VefSiderBase);
|
|
96
|
-
VefSider.displayName = "VefSider";
|
|
97
|
-
|
|
98
|
-
export { VefSider as default };
|
|
50
|
+
`;const p=r((function VefSiderBase(){const[n,t,o,r]=d((e=>[e.menuItems,e.defaultOpenedMenuKeys,e.activeMenuKey,e.onActiveMenuKeyChange])),[p,c]=m((e=>[e.siderCollapsed,e.setSiderCollapsed]));return e(f,{collapsible:!0,breakpoint:"lg",collapsed:p,collapsedWidth:80,css:u,theme:"light",trigger:null,width:220,onCollapse:c,children:[i(a,{}),i("div",{className:"vef-layout-sider-menu",children:i(s,{scrollbarSize:"small",children:i(l,{inlineExpansion:!0,defaultOpenedKeys:t,inlineCollapsed:p,items:n??[],selectedKeys:o?[o]:[],onSelect:r})})})]})}));p.displayName="VefSider";export{p as default};
|
|
99
51
|
/*! 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,29 +1,20 @@
|
|
|
1
|
-
/*! VefFramework version: 1.0.
|
|
2
|
-
import
|
|
3
|
-
import { css } from '@emotion/react';
|
|
4
|
-
import { themeVariables, styles } from '@vef-framework/shared';
|
|
5
|
-
import { AnimatePresence, motion } from 'motion/react';
|
|
6
|
-
import { memo } from 'react';
|
|
7
|
-
import { useLayoutContextSelector } from '../hooks/use-layout-context.js';
|
|
8
|
-
import defaultLogo from '../logo.svg.js';
|
|
9
|
-
import { useLayoutStore } from '../store.js';
|
|
10
|
-
|
|
11
|
-
const titleStyle = css`
|
|
1
|
+
/*! VefFramework version: 1.0.65, build time: 2025-01-10T02:44:47.916Z, made by Venus. */
|
|
2
|
+
import{jsxs as e,jsx as o}from"@emotion/react/jsx-runtime";import{css as t}from"@emotion/react";import{themeVariables as i,styles as r}from"@vef-framework/shared";import{AnimatePresence as n,motion as a}from"motion/react";import{memo as l}from"react";import{useLayoutContextSelector as s}from"../hooks/use-layout-context.js";import d from"../logo.svg.js";import{useLayoutStore as m}from"../store.js";const c=t`
|
|
12
3
|
flex: none;
|
|
13
4
|
height: var(--vef-layout-header-height);
|
|
14
|
-
border-bottom: ${
|
|
5
|
+
border-bottom: ${i.lineWidth} ${i.lineType} ${i.colorBorderSecondary};
|
|
15
6
|
display: flex;
|
|
16
7
|
align-items: center;
|
|
17
|
-
padding: 0 ${
|
|
8
|
+
padding: 0 ${i.paddingSm};
|
|
18
9
|
overflow: hidden;
|
|
19
10
|
user-select: none;
|
|
20
11
|
|
|
21
12
|
> div {
|
|
22
13
|
flex: none;
|
|
23
14
|
width: 55px;
|
|
24
|
-
height: calc(${
|
|
15
|
+
height: calc(${i.controlHeight} * 1.2);
|
|
25
16
|
font-size: 0;
|
|
26
|
-
${
|
|
17
|
+
${r.flexCenter}
|
|
27
18
|
|
|
28
19
|
> img {
|
|
29
20
|
height: 100%;
|
|
@@ -35,48 +26,13 @@ const titleStyle = css`
|
|
|
35
26
|
flex: auto;
|
|
36
27
|
margin: 0;
|
|
37
28
|
font-weight: bold;
|
|
38
|
-
font-size: ${
|
|
39
|
-
color: ${
|
|
29
|
+
font-size: ${i.fontSizeLg};
|
|
30
|
+
color: ${i.colorTextSlate};
|
|
40
31
|
max-width: 156px;
|
|
41
32
|
white-space: nowrap;
|
|
42
33
|
overflow: hidden;
|
|
43
34
|
text-align: center;
|
|
44
35
|
text-overflow: ellipsis;
|
|
45
36
|
}
|
|
46
|
-
`;
|
|
47
|
-
const defaultTitle = "VEF\u4E2D\u540E\u53F0\u7CFB\u7EDF";
|
|
48
|
-
function VefTitleBase() {
|
|
49
|
-
const [logo, title] = useLayoutContextSelector((ctx) => [ctx.logo, ctx.title]);
|
|
50
|
-
const siderCollapsed = useLayoutStore((state) => state.siderCollapsed);
|
|
51
|
-
return /* @__PURE__ */ jsxs("div", { css: titleStyle, children: [
|
|
52
|
-
/* @__PURE__ */ jsx("div", { children: logo || /* @__PURE__ */ jsx("img", { alt: "VEF", src: defaultLogo }) }),
|
|
53
|
-
/* @__PURE__ */ jsx(AnimatePresence, { initial: false, children: !siderCollapsed && /* @__PURE__ */ jsx(
|
|
54
|
-
motion.h3,
|
|
55
|
-
{
|
|
56
|
-
layout: true,
|
|
57
|
-
animate: {
|
|
58
|
-
opacity: 1,
|
|
59
|
-
x: 0
|
|
60
|
-
},
|
|
61
|
-
exit: {
|
|
62
|
-
opacity: 0,
|
|
63
|
-
x: 32
|
|
64
|
-
},
|
|
65
|
-
initial: {
|
|
66
|
-
opacity: 0,
|
|
67
|
-
x: -32
|
|
68
|
-
},
|
|
69
|
-
transition: {
|
|
70
|
-
duration: 0.2,
|
|
71
|
-
ease: "easeIn"
|
|
72
|
-
},
|
|
73
|
-
children: title || defaultTitle
|
|
74
|
-
}
|
|
75
|
-
) })
|
|
76
|
-
] });
|
|
77
|
-
}
|
|
78
|
-
const VefTitle = memo(VefTitleBase);
|
|
79
|
-
VefTitle.displayName = "VefTitle";
|
|
80
|
-
|
|
81
|
-
export { VefTitle as default };
|
|
37
|
+
`;const f=l((function VefTitleBase(){const[t,i]=s((e=>[e.logo,e.title])),r=m((e=>e.siderCollapsed));return e("div",{css:c,children:[o("div",{children:t||o("img",{alt:"VEF",src:d})}),o(n,{initial:!1,children:!r&&o(a.h3,{layout:!0,animate:{opacity:1,x:0},exit:{opacity:0,x:32},initial:{opacity:0,x:-32},transition:{duration:.2,ease:"easeIn"},children:i||"VEF中后台系统"})})]})}));f.displayName="VefTitle";export{f as default};
|
|
82
38
|
/*! 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,88 +1,18 @@
|
|
|
1
|
-
/*! VefFramework version: 1.0.
|
|
2
|
-
import
|
|
3
|
-
import { css } from '@emotion/react';
|
|
4
|
-
import { themeVariables, showConfirmation } from '@vef-framework/shared';
|
|
5
|
-
import { UserRoundIcon, LockKeyholeIcon, LogOutIcon } from 'lucide-react';
|
|
6
|
-
import { useCallback } from 'react';
|
|
7
|
-
import VefAvatar from '../../vef-avatar/index.js';
|
|
8
|
-
import VefDropdown from '../../vef-dropdown/index.js';
|
|
9
|
-
import VefIcon from '../../vef-icon/index.js';
|
|
10
|
-
import { useLayoutContextSelector } from '../hooks/use-layout-context.js';
|
|
11
|
-
import Memo from './icon-boy.js';
|
|
12
|
-
import Memo$1 from './icon-girl.js';
|
|
13
|
-
|
|
14
|
-
const wrapperStyle = css`
|
|
1
|
+
/*! VefFramework version: 1.0.65, build time: 2025-01-10T02:44:47.916Z, made by Venus. */
|
|
2
|
+
import{jsx as e,jsxs as o}from"@emotion/react/jsx-runtime";import{css as r}from"@emotion/react";import{themeVariables as i,showConfirmation as t}from"@vef-framework/shared";import{UserRoundIcon as n,LockKeyholeIcon as s,LogOutIcon as m}from"lucide-react";import{useCallback as c}from"react";import a from"../../vef-avatar/index.js";import l from"../../vef-dropdown/index.js";import d from"../../vef-icon/index.js";import{useLayoutContextSelector as f}from"../hooks/use-layout-context.js";import p from"./icon-boy.js";import u from"./icon-girl.js";const g=r`
|
|
15
3
|
display: flex;
|
|
16
4
|
align-items: center;
|
|
17
|
-
column-gap: ${
|
|
18
|
-
padding: ${
|
|
19
|
-
|
|
20
|
-
const nameStyle = css`
|
|
5
|
+
column-gap: ${i.marginSm};
|
|
6
|
+
padding: ${i.paddingXs};
|
|
7
|
+
`,h=r`
|
|
21
8
|
display: flex;
|
|
22
9
|
flex-direction: column;
|
|
23
10
|
align-items: center;
|
|
24
|
-
row-gap: calc(${
|
|
11
|
+
row-gap: calc(${i.marginXxs} + 2px);
|
|
25
12
|
user-select: none;
|
|
26
13
|
line-height: 1;
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
`;
|
|
32
|
-
const menuItems = [
|
|
33
|
-
{
|
|
34
|
-
type: "item",
|
|
35
|
-
key: "userInfo",
|
|
36
|
-
label: "\u4E2A\u4EBA\u4FE1\u606F",
|
|
37
|
-
icon: /* @__PURE__ */ jsx(VefIcon, { children: /* @__PURE__ */ jsx(UserRoundIcon, {}) })
|
|
38
|
-
},
|
|
39
|
-
{
|
|
40
|
-
type: "item",
|
|
41
|
-
key: "passwordModification",
|
|
42
|
-
label: "\u4FEE\u6539\u5BC6\u7801",
|
|
43
|
-
icon: /* @__PURE__ */ jsx(VefIcon, { children: /* @__PURE__ */ jsx(LockKeyholeIcon, {}) })
|
|
44
|
-
},
|
|
45
|
-
{
|
|
46
|
-
type: "item",
|
|
47
|
-
key: "logout",
|
|
48
|
-
label: "\u9000\u51FA\u767B\u5F55",
|
|
49
|
-
icon: /* @__PURE__ */ jsx(VefIcon, { children: /* @__PURE__ */ jsx(LogOutIcon, {}) })
|
|
50
|
-
}
|
|
51
|
-
];
|
|
52
|
-
const defaultBoyAvatar = /* @__PURE__ */ jsx(Memo, {});
|
|
53
|
-
const defaultGirlAvatar = /* @__PURE__ */ jsx(Memo$1, {});
|
|
54
|
-
function VefUserAvatar() {
|
|
55
|
-
const [onLogout, userName, userGender, userAvatar, userDescription] = useLayoutContextSelector((ctx) => [ctx.onLogout, ctx.userName, ctx.userGender, ctx.userAvatar, ctx.userDescription]);
|
|
56
|
-
const handleClick = useCallback((key) => {
|
|
57
|
-
if (key === "logout" && onLogout) {
|
|
58
|
-
showConfirmation("\u767B\u51FA\u63D0\u793A", "\u786E\u5B9A\u8981\u9000\u51FA\u767B\u5F55\u5417\uFF1F", onLogout);
|
|
59
|
-
}
|
|
60
|
-
}, [onLogout]);
|
|
61
|
-
return /* @__PURE__ */ jsx(
|
|
62
|
-
VefDropdown,
|
|
63
|
-
{
|
|
64
|
-
items: menuItems,
|
|
65
|
-
onClick: handleClick,
|
|
66
|
-
children: /* @__PURE__ */ jsxs("div", { css: wrapperStyle, children: [
|
|
67
|
-
/* @__PURE__ */ jsx(
|
|
68
|
-
VefAvatar,
|
|
69
|
-
{
|
|
70
|
-
size: "medium",
|
|
71
|
-
src: userAvatar || (userGender === "female" ? defaultGirlAvatar : defaultBoyAvatar)
|
|
72
|
-
}
|
|
73
|
-
),
|
|
74
|
-
/* @__PURE__ */ jsxs("div", { css: nameStyle, children: [
|
|
75
|
-
/* @__PURE__ */ jsx("span", { children: userName ?? "\u4F5A\u540D" }),
|
|
76
|
-
userDescription && /* @__PURE__ */ jsxs("span", { css: descriptionStyle, children: [
|
|
77
|
-
"[",
|
|
78
|
-
userDescription,
|
|
79
|
-
"]"
|
|
80
|
-
] })
|
|
81
|
-
] })
|
|
82
|
-
] })
|
|
83
|
-
}
|
|
84
|
-
);
|
|
85
|
-
}
|
|
86
|
-
|
|
87
|
-
export { VefUserAvatar as default };
|
|
14
|
+
`,x=r`
|
|
15
|
+
font-size: ${i.fontSizeSm};
|
|
16
|
+
color: ${i.colorTextDescription};
|
|
17
|
+
`,v=[{type:"item",key:"userInfo",label:"个人信息",icon:e(d,{children:e(n,{})})},{type:"item",key:"passwordModification",label:"修改密码",icon:e(d,{children:e(s,{})})},{type:"item",key:"logout",label:"退出登录",icon:e(d,{children:e(m,{})})}],y=e(p,{}),j=e(u,{});function VefUserAvatar(){const[r,i,n,s,m]=f((e=>[e.onLogout,e.userName,e.userGender,e.userAvatar,e.userDescription])),d=c((e=>{"logout"===e&&r&&t("登出提示","确定要退出登录吗?",r)}),[r]);return e(l,{items:v,onClick:d,children:o("div",{css:g,children:[e(a,{size:"medium",src:s||("female"===n?j:y)}),o("div",{css:h,children:[e("span",{children:i??"佚名"}),m&&o("span",{css:x,children:["[",m,"]"]})]})]})})}export{VefUserAvatar as default};
|
|
88
18
|
/*! 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,11 +1,3 @@
|
|
|
1
|
-
/*! VefFramework version: 1.0.
|
|
2
|
-
import
|
|
3
|
-
|
|
4
|
-
const {
|
|
5
|
-
useContextSelector: useLayoutContextSelector,
|
|
6
|
-
useContext: useLayoutContext,
|
|
7
|
-
ContextProvider: LayoutContextProvider
|
|
8
|
-
} = createSelectableContext({});
|
|
9
|
-
|
|
10
|
-
export { LayoutContextProvider, useLayoutContext, useLayoutContextSelector };
|
|
1
|
+
/*! VefFramework version: 1.0.65, build time: 2025-01-10T02:44:47.916Z, made by Venus. */
|
|
2
|
+
import{createSelectableContext as e}from"@vef-framework/shared";const{useContextSelector:o,useContext:t,ContextProvider:r}=e({});export{r as LayoutContextProvider,t as useLayoutContext,o as useLayoutContextSelector};
|
|
11
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-layout/index.js
CHANGED
|
@@ -1,37 +1,7 @@
|
|
|
1
|
-
/*! VefFramework version: 1.0.
|
|
2
|
-
import
|
|
3
|
-
import { css } from '@emotion/react';
|
|
4
|
-
import { isShallowEqual } from '@vef-framework/shared';
|
|
5
|
-
import { Layout } from 'antd';
|
|
6
|
-
import { memo } from 'react';
|
|
7
|
-
import VefContent from './components/content.js';
|
|
8
|
-
import VefHeader from './components/header.js';
|
|
9
|
-
import VefSider from './components/sider.js';
|
|
10
|
-
import { LayoutContextProvider } from './hooks/use-layout-context.js';
|
|
11
|
-
import { LayoutStoreProvider } from './store.js';
|
|
12
|
-
|
|
13
|
-
const layoutStyle = css`
|
|
1
|
+
/*! VefFramework version: 1.0.65, build time: 2025-01-10T02:44:47.916Z, made by Venus. */
|
|
2
|
+
import{jsxs as e,jsx as o}from"@emotion/react/jsx-runtime";import{css as r}from"@emotion/react";import{isShallowEqual as t}from"@vef-framework/shared";import{Layout as i}from"antd";import{memo as n}from"react";import m from"./components/content.js";import a from"./components/header.js";import s from"./components/sider.js";import{LayoutContextProvider as c}from"./hooks/use-layout-context.js";import{LayoutStoreProvider as f}from"./store.js";const d=r`
|
|
14
3
|
height: 100%;
|
|
15
4
|
min-height: initial;
|
|
16
5
|
overflow: hidden;
|
|
17
|
-
`;
|
|
18
|
-
function VefLayoutBase({ children }) {
|
|
19
|
-
return /* @__PURE__ */ jsxs(Layout, { hasSider: true, css: layoutStyle, children: [
|
|
20
|
-
/* @__PURE__ */ jsx(VefSider, {}),
|
|
21
|
-
/* @__PURE__ */ jsxs(Layout, { hasSider: false, children: [
|
|
22
|
-
/* @__PURE__ */ jsx(VefHeader, {}),
|
|
23
|
-
/* @__PURE__ */ jsx(VefContent, { children })
|
|
24
|
-
] })
|
|
25
|
-
] });
|
|
26
|
-
}
|
|
27
|
-
function VefLayoutWrapper({ children, ...restProps }) {
|
|
28
|
-
return /* @__PURE__ */ jsx(LayoutStoreProvider, { initialState: null, children: /* @__PURE__ */ jsx(LayoutContextProvider, { value: restProps, children: /* @__PURE__ */ jsx(VefLayoutBase, { children }) }) });
|
|
29
|
-
}
|
|
30
|
-
const VefLayout = memo(
|
|
31
|
-
VefLayoutWrapper,
|
|
32
|
-
(prevProps, nextProps) => isShallowEqual(prevProps.activeMenuKey, nextProps.activeMenuKey)
|
|
33
|
-
);
|
|
34
|
-
VefLayout.displayName = "VefLayout";
|
|
35
|
-
|
|
36
|
-
export { VefLayout as default };
|
|
6
|
+
`;function VefLayoutBase({children:r}){return e(i,{hasSider:!0,css:d,children:[o(s,{}),e(i,{hasSider:!1,children:[o(a,{}),o(m,{children:r})]})]})}const h=n((function VefLayoutWrapper({children:e,...r}){return o(f,{initialState:null,children:o(c,{value:r,children:o(VefLayoutBase,{children:e})})})}),((e,o)=>t(e.activeMenuKey,o.activeMenuKey)));h.displayName="VefLayout";export{h as default};
|
|
37
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,5 +1,3 @@
|
|
|
1
|
-
/*! VefFramework version: 1.0.
|
|
2
|
-
const
|
|
3
|
-
|
|
4
|
-
export { defaultLogo as default };
|
|
1
|
+
/*! VefFramework version: 1.0.65, build time: 2025-01-10T02:44:47.916Z, made by Venus. */
|
|
2
|
+
const a="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20aria-hidden%3D%22true%22%20role%3D%22img%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%2296%2053%20150%20145.63955181855252%22%3E%3Cg%20transform%3D%22translate%2895%2C52.18022155761719%29%22%3E%3Cg%20fill%3D%22%2334435C%22%20hollow-target%3D%22text%22%3E%3Cg%20mask%3D%22url%28%23ab0ea033-fda4-47dc-88f0-22900a4a23a9%29%22%3E%3Cg%3E%3Csvg%20x%3D%220%22%20y%3D%220%22%20width%3D%22150%22%20height%3D%22145.63955181855252%22%20filtersec%3D%22colorsb9343370191%22%20class%3D%22image-svg-svg%20primary%22%20style%3D%22overflow%3A%20visible%3B%22%3E%3Csvg%20viewBox%3D%220%200%20334.1409912109375%20324.4289855957031%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22none%22%20pointer-events%3D%22none%22%20d%3D%22M0%200h334.141v324.429H0z%22%3E%3C%2Fpath%3E%3Cpath%20class%3D%22st4%22%20d%3D%22M168.019%2013.483c-83.2%200-150.7%2067.5-150.7%20150.7%200%2083.2%2067.5%20150.7%20150.7%20150.7%2083.2%200%20150.7-67.5%20150.7-150.7%200-83.3-67.5-150.7-150.7-150.7zm0%20241c-49.9%200-90.4-40.5-90.4-90.4%200-49.9%2040.5-90.4%2090.4-90.4%2049.9%200%2090.4%2040.5%2090.4%2090.4%200%2050-40.5%2090.4-90.4%2090.4z%22%20fill%3D%22%23fcc29a%22%3E%3C%2Fpath%3E%3Cpath%20class%3D%22st5%22%20d%3D%22M258.419%20164.083c0%2049.9-40.5%2090.4-90.4%2090.4-49.9%200-90.4-40.5-90.4-90.4%200%2066.6%2054%20120.5%20120.5%20120.5s120.5-54%20120.5-120.5c0-83.2-67.5-150.7-150.7-150.7-83.2%200-150.7%2067.5-150.7%20150.7%200-66.6%2054-120.5%20120.5-120.5%2066.7%200%20120.7%2054%20120.7%20120.5%22%20fill%3D%22%233498db%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%3C%2Fsvg%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%2843.244998931884766%2C52.94477844238281%29%22%3E%3Cg%20data-gra%3D%22path-name%22%3E%3Cg%20transform%3D%22scale%281%29%22%3E%3Cg%3E%3Cpath%20d%3D%22M31.8-21.32L31.8-21.32Q31.8-17.56%2030.83-14.54%2029.86-11.52%2028.13-9.17%2026.4-6.82%2024.01-5.13%2021.62-3.44%2018.77-2.35%2015.93-1.26%2012.72-0.74%209.51-0.21%206.12-0.21L6.12-0.21Q4.86-0.21%203.65-0.28%202.44-0.35%201.18-0.48L1.18-0.48%201.93-36.52Q4.89-37.46%208.02-37.85%2011.15-38.24%2014.23-38.24L14.23-38.24Q18.07-38.24%2021.3-37.09%2024.52-35.93%2026.86-33.76%2029.19-31.58%2030.49-28.44%2031.8-25.3%2031.8-21.32ZM20.79-19.23L20.79-19.6Q20.81-21.05%2020.48-22.4%2020.14-23.74%2019.38-24.77%2018.61-25.81%2017.43-26.44%2016.25-27.07%2014.61-27.12L14.61-27.12%2013.54-10.47Q15.15-10.72%2016.46-11.53%2017.78-12.35%2018.73-13.55%2019.69-14.74%2020.21-16.21%2020.73-17.67%2020.79-19.23L20.79-19.23ZM64.69-25.83L64.69-25.83Q64.69-23.23%2063.92-21.22%2063.14-19.2%2061.78-17.7%2060.42-16.19%2058.6-15.15%2056.77-14.1%2054.69-13.44%2052.61-12.78%2050.38-12.47%2048.15-12.17%2046-12.14L46-12.14%2046%200.38%2033.49%200.38Q33.49-5.77%2033.52-11.87%2033.54-17.97%2033.6-24.17L33.6-24.17Q33.65-27.45%2033.62-30.72%2033.6-34%2033.76-37.33L33.76-37.33Q37.19-38.35%2040.63-38.86%2044.07-39.37%2047.72-39.37L47.72-39.37Q49.79-39.37%2051.86-39.03%2053.93-38.7%2055.82-37.97%2057.71-37.25%2059.34-36.16%2060.96-35.07%2062.14-33.57%2063.33-32.07%2064.01-30.15%2064.69-28.23%2064.69-25.83ZM52.77-24.92L52.77-24.92Q52.77-26.67%2051.71-27.65%2050.65-28.63%2048.96-28.63L48.96-28.63Q48.39-28.63%2047.79-28.53%2047.19-28.44%2046.65-28.31L46.65-28.31%2046.33-20.46Q46.7-20.41%2047.05-20.41%2047.4-20.41%2047.78-20.41L47.78-20.41Q48.74-20.41%2049.64-20.73%2050.54-21.05%2051.24-21.66%2051.94-22.26%2052.35-23.08%2052.77-23.9%2052.77-24.92Z%22%20transform%3D%22translate%28-1.1800000667572021%2C%2039.369998931884766%29%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E";export{a as default};
|
|
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 */
|
package/es/vef-layout/store.js
CHANGED
|
@@ -1,17 +1,3 @@
|
|
|
1
|
-
/*! VefFramework version: 1.0.
|
|
2
|
-
import
|
|
3
|
-
|
|
4
|
-
const {
|
|
5
|
-
StoreProvider: LayoutStoreProvider,
|
|
6
|
-
useStore: useLayoutStore,
|
|
7
|
-
useStoreApi: useLayoutStoreApi
|
|
8
|
-
} = createComponentStore(
|
|
9
|
-
"Layout",
|
|
10
|
-
() => (set) => ({
|
|
11
|
-
siderCollapsed: false,
|
|
12
|
-
setSiderCollapsed: (collapsed) => set({ siderCollapsed: collapsed })
|
|
13
|
-
})
|
|
14
|
-
);
|
|
15
|
-
|
|
16
|
-
export { LayoutStoreProvider, useLayoutStore, useLayoutStoreApi };
|
|
1
|
+
/*! VefFramework version: 1.0.65, build time: 2025-01-10T02:44:47.916Z, made by Venus. */
|
|
2
|
+
import{createComponentStore as e}from"@vef-framework/shared";const{StoreProvider:r,useStore:o,useStoreApi:s}=e("Layout",(()=>e=>({siderCollapsed:!1,setSiderCollapsed:r=>e({siderCollapsed:r})})));export{r as LayoutStoreProvider,o as useLayoutStore,s as useLayoutStoreApi};
|
|
17
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,45 +1,9 @@
|
|
|
1
|
-
/*! VefFramework version: 1.0.
|
|
2
|
-
import
|
|
3
|
-
import { css } from '@emotion/react';
|
|
4
|
-
import { themeVariables, styles, isString } from '@vef-framework/shared';
|
|
5
|
-
import { motion } from 'motion/react';
|
|
6
|
-
import VefSpin from '../vef-spin/index.js';
|
|
7
|
-
import VefText from '../vef-text/index.js';
|
|
8
|
-
|
|
9
|
-
const loadingPlaceholderStyle = css`
|
|
1
|
+
/*! VefFramework version: 1.0.65, build time: 2025-01-10T02:44:47.916Z, made by Venus. */
|
|
2
|
+
import{jsx as e,jsxs as t}from"@emotion/react/jsx-runtime";import{css as r}from"@emotion/react";import{themeVariables as i,styles as n,isString as o}from"@vef-framework/shared";import{motion as a}from"motion/react";import d from"../vef-spin/index.js";import m from"../vef-text/index.js";const c=r`
|
|
10
3
|
height: 100%;
|
|
11
|
-
padding: ${
|
|
12
|
-
${
|
|
4
|
+
padding: ${i.paddingLg};
|
|
5
|
+
${n.flexCenter}
|
|
13
6
|
flex-direction: column;
|
|
14
|
-
row-gap: ${
|
|
15
|
-
`;
|
|
16
|
-
function AnimatedText({ text }) {
|
|
17
|
-
return /* @__PURE__ */ jsx("div", { css: styles.flexCenter, children: String(text).split("").map((char, index) => /* @__PURE__ */ jsx(
|
|
18
|
-
motion.span,
|
|
19
|
-
{
|
|
20
|
-
animate: { y: [2, -2] },
|
|
21
|
-
initial: { y: 0 },
|
|
22
|
-
transition: {
|
|
23
|
-
duration: 0.6,
|
|
24
|
-
repeat: Infinity,
|
|
25
|
-
delay: index * 0.1,
|
|
26
|
-
ease: "easeInOut",
|
|
27
|
-
repeatType: "reverse"
|
|
28
|
-
},
|
|
29
|
-
children: char
|
|
30
|
-
},
|
|
31
|
-
index
|
|
32
|
-
)) });
|
|
33
|
-
}
|
|
34
|
-
function VefLoadingPlaceholder({
|
|
35
|
-
tip,
|
|
36
|
-
...restProps
|
|
37
|
-
}) {
|
|
38
|
-
return /* @__PURE__ */ jsxs("div", { css: loadingPlaceholderStyle, children: [
|
|
39
|
-
/* @__PURE__ */ jsx(VefSpin, { ...restProps }),
|
|
40
|
-
tip && isString(tip) && /* @__PURE__ */ jsx(VefText, { color: "secondary", children: /* @__PURE__ */ jsx(AnimatedText, { text: tip }) }) || tip
|
|
41
|
-
] });
|
|
42
|
-
}
|
|
43
|
-
|
|
44
|
-
export { VefLoadingPlaceholder as default };
|
|
7
|
+
row-gap: ${i.marginLg};
|
|
8
|
+
`;function AnimatedText({text:t}){return e("div",{css:n.flexCenter,children:String(t).split("").map(((t,r)=>e(a.span,{animate:{y:[2,-2]},initial:{y:0},transition:{duration:.6,repeat:1/0,delay:.1*r,ease:"easeInOut",repeatType:"reverse"},children:t},r)))})}function VefLoadingPlaceholder({tip:r,...i}){return t("div",{css:c,children:[e(d,{...i}),r&&o(r)&&e(m,{color:"secondary",children:e(AnimatedText,{text:r})})||r]})}export{VefLoadingPlaceholder as default};
|
|
45
9
|
/*! 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 */
|