@vef-framework/components 1.0.101 → 1.0.102
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/es/index.js +1 -91
- package/es/internal/base.css.js +490 -4
- package/es/internal/chart.js +1 -19
- package/es/internal/index.js +1 -4
- package/es/internal/modern-normalize.css.js +213 -4
- package/es/internal/utils.js +1 -7
- package/es/vef-access-denied/access-denied-icon.js +1 -929
- package/es/vef-access-denied/index.js +3 -40
- package/es/vef-action-buttons/index.js +1 -76
- package/es/vef-approval-flow-editor/components/edge.js +2 -84
- package/es/vef-approval-flow-editor/components/label-value.js +2 -22
- package/es/vef-approval-flow-editor/components/node-content.js +4 -40
- package/es/vef-approval-flow-editor/components/node-selector.js +2 -32
- package/es/vef-approval-flow-editor/components/node-toolbar.js +1 -22
- package/es/vef-approval-flow-editor/components/nodes/approval.js +1 -25
- package/es/vef-approval-flow-editor/components/nodes/condition.js +1 -25
- package/es/vef-approval-flow-editor/components/nodes/end.js +1 -25
- package/es/vef-approval-flow-editor/components/nodes/handle.js +1 -25
- package/es/vef-approval-flow-editor/components/nodes/index.js +1 -18
- package/es/vef-approval-flow-editor/components/nodes/submit.js +1 -25
- package/es/vef-approval-flow-editor/components/selector-content.js +3 -43
- package/es/vef-approval-flow-editor/components/source-handle.js +1 -41
- package/es/vef-approval-flow-editor/components/target-handle.js +1 -10
- package/es/vef-approval-flow-editor/constants.js +1 -219
- package/es/vef-approval-flow-editor/helper.js +1 -84
- package/es/vef-approval-flow-editor/hooks/use-edges-interaction.js +1 -26
- package/es/vef-approval-flow-editor/hooks/use-element-selection.js +1 -25
- package/es/vef-approval-flow-editor/hooks/use-nodes-interaction.js +1 -52
- package/es/vef-approval-flow-editor/index.js +1 -76
- package/es/vef-approval-flow-editor/models/edge-node.js +1 -21
- package/es/vef-approval-flow-editor/models/flow-node.js +1 -106
- package/es/vef-approval-flow-editor/store.js +1 -17
- package/es/vef-approval-flow-editor/styles.js +3 -12
- package/es/vef-approval-flow-editor/types.js +1 -16
- package/es/vef-area-chart/index.js +1 -42
- package/es/vef-auto-sizer/index.js +1 -7
- package/es/vef-avatar/index.js +1 -21
- package/es/vef-avatar-group/index.js +1 -26
- package/es/vef-badge/index.js +1 -48
- package/es/vef-bar-chart/index.js +1 -42
- package/es/vef-bool/hooks/use-bool-instance.js +1 -35
- package/es/vef-bool/index.js +1 -61
- package/es/vef-breadcrumb/index.js +1 -49
- package/es/vef-button/components/base-button.js +1 -74
- package/es/vef-button/index.js +1 -152
- package/es/vef-card/index.js +1 -26
- package/es/vef-card-meta/index.js +1 -13
- package/es/vef-chart-container/hooks/use-chart-container-context.js +1 -13
- package/es/vef-chart-container/index.js +5 -72
- package/es/vef-chart-legend-content/index.js +4 -38
- package/es/vef-chart-tooltip-content/index.js +9 -73
- package/es/vef-checkbox/hooks/use-checkbox-instance.js +1 -21
- package/es/vef-checkbox/hooks/use-data-options.js +1 -41
- package/es/vef-checkbox/index.js +2 -88
- package/es/vef-col/index.js +1 -12
- package/es/vef-color-picker/index.js +1 -47
- package/es/vef-compact/index.js +1 -16
- package/es/vef-config-provider/global-style.js +3 -12
- package/es/vef-config-provider/hooks/use-ui-config.js +1 -127
- package/es/vef-config-provider/index.js +3 -122
- package/es/vef-config-provider/store.js +1 -22
- package/es/vef-container/index.js +1 -19
- package/es/vef-crud-page/components/crud-actions.js +1 -33
- package/es/vef-crud-page/components/crud-filter.js +1 -55
- package/es/vef-crud-page/components/crud-footer.js +2 -116
- package/es/vef-crud-page/components/crud-form-modal.js +1 -54
- package/es/vef-crud-page/components/crud-header.js +1 -30
- package/es/vef-crud-page/components/crud-table.js +1 -77
- package/es/vef-crud-page/hooks/use-action-buttons.js +1 -38
- package/es/vef-crud-page/hooks/use-crud-context.js +1 -21
- package/es/vef-crud-page/hooks/use-crud-schema.js +1 -117
- package/es/vef-crud-page/hooks/use-operation-buttons.js +1 -61
- package/es/vef-crud-page/index.js +1 -151
- package/es/vef-crud-page/store.js +1 -143
- package/es/vef-data-grid/index.js +1 -86
- package/es/vef-data-table/index.js +1 -10
- package/es/vef-divider/index.js +1 -25
- package/es/vef-drawer/components/action-button-wrapper.js +1 -50
- package/es/vef-drawer/components/button-props.js +1 -3
- package/es/vef-drawer/components/cancel-action-button.js +1 -22
- package/es/vef-drawer/components/ok-action-button.js +1 -21
- package/es/vef-drawer/context.js +1 -16
- package/es/vef-drawer/index.js +2 -154
- package/es/vef-dropdown/index.js +1 -93
- package/es/vef-dynamic-icon/index.js +1 -47
- package/es/vef-dynamic-icon/props.js +1 -7
- package/es/vef-empty/index.js +1 -38
- package/es/vef-empty-placeholder/index.js +2 -18
- package/es/vef-error/error-icon.js +1 -758
- package/es/vef-error/index.js +3 -43
- package/es/vef-filter/components/action-buttons.js +2 -117
- package/es/vef-filter/components/advanced-filter.js +3 -67
- package/es/vef-filter/components/basic-filter.js +2 -34
- package/es/vef-filter/components/fields/index.js +1 -20
- package/es/vef-filter/components/fields/input-number.js +1 -91
- package/es/vef-filter/components/fields/input.js +1 -68
- package/es/vef-filter/components/fields/radio.js +1 -110
- package/es/vef-filter/components/fields/select.js +1 -141
- package/es/vef-filter/components/fields/tree-select.js +1 -137
- package/es/vef-filter/components/filter-field.js +1 -20
- package/es/vef-filter/components/filter-item.js +1 -113
- package/es/vef-filter/event.js +1 -45
- package/es/vef-filter/helper.js +1 -16
- package/es/vef-filter/hooks/use-action-handlers.js +1 -71
- package/es/vef-filter/hooks/use-computed-values.js +1 -56
- package/es/vef-filter/hooks/use-filter-context.js +1 -19
- package/es/vef-filter/hooks/use-filter-initialization.js +1 -38
- package/es/vef-filter/hooks/use-filter-instance.js +1 -27
- package/es/vef-filter/hooks/use-filter-items.js +1 -24
- package/es/vef-filter/hooks/use-filter-values-change.js +1 -31
- package/es/vef-filter/hooks/use-label-config.js +1 -28
- package/es/vef-filter/index.js +2 -142
- package/es/vef-filter/store.js +1 -72
- package/es/vef-flex/index.js +1 -32
- package/es/vef-float-button/index.js +1 -50
- package/es/vef-float-button-group/index.js +1 -21
- package/es/vef-form/components/fields/icon-select.js +1 -66
- package/es/vef-form/components/fields/index.js +1 -26
- package/es/vef-form/components/fields/input-number.js +1 -124
- package/es/vef-form/components/fields/input.js +1 -133
- package/es/vef-form/components/fields/password.js +1 -116
- package/es/vef-form/components/fields/radio.js +1 -107
- package/es/vef-form/components/fields/select.js +1 -239
- package/es/vef-form/components/fields/textarea.js +1 -110
- package/es/vef-form/components/fields/tree-select.js +1 -235
- package/es/vef-form/components/form-actions.js +2 -58
- package/es/vef-form/components/form-content.js +2 -145
- package/es/vef-form/components/form-field.js +1 -23
- package/es/vef-form/components/form-group.js +2 -64
- package/es/vef-form/components/form-hidden-item.js +1 -37
- package/es/vef-form/components/form-item.js +1 -80
- package/es/vef-form/components/form-row.js +1 -99
- package/es/vef-form/event.js +1 -45
- package/es/vef-form/helper.js +1 -16
- package/es/vef-form/hooks/use-action-handlers.js +1 -131
- package/es/vef-form/hooks/use-columns-layout.js +1 -123
- package/es/vef-form/hooks/use-computed-values.js +1 -56
- package/es/vef-form/hooks/use-form-context.js +1 -15
- package/es/vef-form/hooks/use-form-initialization.js +1 -46
- package/es/vef-form/hooks/use-form-instance.js +1 -27
- package/es/vef-form/hooks/use-form-values-change.js +1 -31
- package/es/vef-form/hooks/use-label-width.js +1 -19
- package/es/vef-form/index.js +2 -174
- package/es/vef-form/store.js +1 -66
- package/es/vef-form/validation-rules.js +1 -287
- package/es/vef-form-drawer/index.js +1 -99
- package/es/vef-form-modal/index.js +1 -96
- package/es/vef-generic-select/index.js +1 -82
- package/es/vef-grid/index.js +9 -75
- package/es/vef-grid/props.js +1 -5
- package/es/vef-grid-item/index.js +1 -53
- package/es/vef-icon/index.js +1 -51
- package/es/vef-icon-select/index.js +4 -140
- package/es/vef-input/hooks/use-input-instance.js +1 -16
- package/es/vef-input/index.js +1 -65
- package/es/vef-input-number/hooks/use-input-number-instance.js +1 -14
- package/es/vef-input-number/index.js +1 -149
- package/es/vef-layout/common-styles.js +2 -9
- package/es/vef-layout/components/content.js +1 -14
- package/es/vef-layout/components/font-size.js +1 -69
- package/es/vef-layout/components/fullscreen.js +1 -24
- package/es/vef-layout/components/header-action-icons.js +2 -26
- package/es/vef-layout/components/header-content.js +1 -20
- package/es/vef-layout/components/header.js +2 -66
- package/es/vef-layout/components/icon-boy.js +1 -70
- package/es/vef-layout/components/icon-girl.js +1 -77
- package/es/vef-layout/components/icon-menu-fold-left.js +1 -24
- package/es/vef-layout/components/icon-menu-unfold-left.js +1 -24
- package/es/vef-layout/components/menu-groups.js +5 -114
- package/es/vef-layout/components/message.js +1 -12
- package/es/vef-layout/components/search.js +1 -12
- package/es/vef-layout/components/sider.js +2 -52
- package/es/vef-layout/components/title.js +2 -48
- package/es/vef-layout/components/user-avatar.js +4 -76
- package/es/vef-layout/hooks/use-layout-context.js +1 -11
- package/es/vef-layout/index.js +2 -34
- package/es/vef-layout/logo.svg.js +1 -5
- package/es/vef-layout/store.js +1 -17
- package/es/vef-line-chart/index.js +1 -39
- package/es/vef-loading-placeholder/index.js +2 -40
- package/es/vef-login/index.js +9 -141
- package/es/vef-login/login-icon.js +1 -669
- package/es/vef-menu/index.js +2 -76
- package/es/vef-modal/components/action-button-wrapper.js +1 -50
- package/es/vef-modal/components/button-props.js +1 -3
- package/es/vef-modal/components/cancel-action-button.js +1 -19
- package/es/vef-modal/components/ok-action-button.js +1 -21
- package/es/vef-modal/context.js +1 -16
- package/es/vef-modal/index.js +2 -240
- package/es/vef-not-found/index.js +3 -40
- package/es/vef-not-found/not-found-icon.js +1 -845
- package/es/vef-page/index.js +2 -80
- package/es/vef-pagination/index.js +1 -58
- package/es/vef-pagination/props.js +1 -14
- package/es/vef-paragraph/index.js +1 -90
- package/es/vef-password/hooks/use-password-instance.js +1 -14
- package/es/vef-password/index.js +1 -68
- package/es/vef-pie-chart/index.js +3 -66
- package/es/vef-popconfirm/index.js +1 -57
- package/es/vef-popover/index.js +1 -35
- package/es/vef-radio/hooks/use-data-options.js +1 -41
- package/es/vef-radio/hooks/use-radio-instance.js +1 -21
- package/es/vef-radio/index.js +2 -88
- package/es/vef-rate/hooks/use-rate-instance.js +1 -14
- package/es/vef-rate/index.js +1 -31
- package/es/vef-responsive-container/index.js +2 -55
- package/es/vef-responsive-item/index.js +2 -24
- package/es/vef-ribbon/index.js +1 -39
- package/es/vef-row/index.js +1 -13
- package/es/vef-scroll-area/components/scrollbar.js +5 -33
- package/es/vef-scroll-area/index.js +3 -70
- package/es/vef-select/components/option.js +2 -23
- package/es/vef-select/hooks/use-data-options.js +1 -48
- package/es/vef-select/hooks/use-field-names.js +1 -22
- package/es/vef-select/hooks/use-render-label.js +2 -24
- package/es/vef-select/hooks/use-render-option.js +1 -20
- package/es/vef-select/hooks/use-select-instance.js +1 -21
- package/es/vef-select/index.js +1 -101
- package/es/vef-slider/hooks/use-slider-instance.js +1 -14
- package/es/vef-slider/index.js +1 -35
- package/es/vef-sortable-list/components/overlay-item.js +2 -32
- package/es/vef-sortable-list/components/sortable-item.js +2 -76
- package/es/vef-sortable-list/hooks/use-merged-items.js +1 -22
- package/es/vef-sortable-list/index.js +1 -115
- package/es/vef-space/index.js +1 -26
- package/es/vef-spin/index.js +1 -13
- package/es/vef-splitter/index.js +1 -21
- package/es/vef-splitter-panel/index.js +1 -13
- package/es/vef-status/index.js +1 -38
- package/es/vef-table/components/columns/bool.js +1 -92
- package/es/vef-table/components/columns/code.js +1 -11
- package/es/vef-table/components/columns/data-dictionary.js +1 -93
- package/es/vef-table/components/columns/enum.js +1 -102
- package/es/vef-table/components/columns/file.js +1 -11
- package/es/vef-table/components/columns/icon.js +1 -11
- package/es/vef-table/components/columns/id.js +1 -83
- package/es/vef-table/components/columns/image.js +1 -12
- package/es/vef-table/components/columns/index.js +1 -34
- package/es/vef-table/components/columns/markdown.js +1 -11
- package/es/vef-table/components/columns/number.js +1 -84
- package/es/vef-table/components/columns/render.js +1 -29
- package/es/vef-table/components/columns/rich-text.js +1 -11
- package/es/vef-table/components/columns/text.js +1 -89
- package/es/vef-table/components/columns-settings.js +2 -188
- package/es/vef-table/components/operation-buttons.js +2 -231
- package/es/vef-table/components/settings-icon.js +2 -19
- package/es/vef-table/components/table-footer.js +2 -102
- package/es/vef-table/helper.js +1 -16
- package/es/vef-table/hooks/use-computed-batch-buttons.js +1 -34
- package/es/vef-table/hooks/use-computed-columns.js +1 -21
- package/es/vef-table/hooks/use-computed-values.js +1 -39
- package/es/vef-table/hooks/use-data.js +1 -58
- package/es/vef-table/hooks/use-default-column-configs.js +1 -28
- package/es/vef-table/hooks/use-display-value.js +1 -37
- package/es/vef-table/hooks/use-helper-columns.js +1 -68
- package/es/vef-table/hooks/use-operation-column-width.js +1 -51
- package/es/vef-table/hooks/use-pagination-props.js +1 -45
- package/es/vef-table/hooks/use-row-props.js +1 -40
- package/es/vef-table/hooks/use-row-selection-config.js +1 -113
- package/es/vef-table/hooks/use-selected-rows.js +1 -27
- package/es/vef-table/hooks/use-table-columns.js +1 -57
- package/es/vef-table/hooks/use-table-context.js +1 -22
- package/es/vef-table/hooks/use-table-instance.js +1 -16
- package/es/vef-table/hooks/use-table-summary.js +1 -43
- package/es/vef-table/hooks/use-table-width.js +1 -14
- package/es/vef-table/index.js +3 -226
- package/es/vef-table/store.js +1 -18
- package/es/vef-tabs/index.js +1 -26
- package/es/vef-tag/index.js +1 -29
- package/es/vef-temporal-picker/helper.js +1 -58
- package/es/vef-temporal-picker/hooks/use-dayjs-value.js +1 -19
- package/es/vef-temporal-picker/hooks/use-temporal-limit.js +1 -35
- package/es/vef-temporal-picker/hooks/use-temporal-picker-instance.js +1 -20
- package/es/vef-temporal-picker/index.js +1 -126
- package/es/vef-temporal-range-picker/helper.js +1 -58
- package/es/vef-temporal-range-picker/hooks/use-dayjs-values.js +1 -24
- package/es/vef-temporal-range-picker/hooks/use-temporal-limit.js +1 -35
- package/es/vef-temporal-range-picker/hooks/use-temporal-range-picker-instance.js +1 -20
- package/es/vef-temporal-range-picker/index.js +1 -129
- package/es/vef-temporal-range-picker/props.js +1 -5
- package/es/vef-text/index.js +1 -81
- package/es/vef-textarea/hooks/use-textarea-instance.js +1 -14
- package/es/vef-textarea/index.js +1 -68
- package/es/vef-title/index.js +3 -87
- package/es/vef-tooltip/index.js +1 -36
- package/es/vef-tree-select/hooks/use-change-handler.js +1 -34
- package/es/vef-tree-select/hooks/use-data-options.js +1 -46
- package/es/vef-tree-select/hooks/use-tree-select-instance.js +1 -21
- package/es/vef-tree-select/index.js +1 -90
- package/es/vef-virtual-grid/index.js +3 -108
- package/es/vef-virtual-list/index.js +4 -216
- package/lib/index.cjs +1 -187
- package/lib/internal/base.css.cjs +488 -6
- package/lib/internal/chart.cjs +1 -23
- package/lib/internal/index.cjs +1 -13
- package/lib/internal/modern-normalize.css.cjs +211 -6
- package/lib/internal/utils.cjs +1 -11
- package/lib/vef-access-denied/access-denied-icon.cjs +1 -933
- package/lib/vef-access-denied/index.cjs +3 -44
- package/lib/vef-access-denied/props.cjs +1 -5
- package/lib/vef-action-buttons/index.cjs +1 -80
- package/lib/vef-action-buttons/props.cjs +1 -5
- package/lib/vef-approval-flow-editor/components/edge.cjs +2 -88
- package/lib/vef-approval-flow-editor/components/label-value.cjs +2 -26
- package/lib/vef-approval-flow-editor/components/node-content.cjs +4 -44
- package/lib/vef-approval-flow-editor/components/node-selector.cjs +2 -36
- package/lib/vef-approval-flow-editor/components/node-toolbar.cjs +1 -26
- package/lib/vef-approval-flow-editor/components/nodes/approval.cjs +1 -29
- package/lib/vef-approval-flow-editor/components/nodes/condition.cjs +1 -29
- package/lib/vef-approval-flow-editor/components/nodes/end.cjs +1 -29
- package/lib/vef-approval-flow-editor/components/nodes/handle.cjs +1 -29
- package/lib/vef-approval-flow-editor/components/nodes/index.cjs +1 -22
- package/lib/vef-approval-flow-editor/components/nodes/submit.cjs +1 -29
- package/lib/vef-approval-flow-editor/components/selector-content.cjs +3 -47
- package/lib/vef-approval-flow-editor/components/source-handle.cjs +1 -45
- package/lib/vef-approval-flow-editor/components/target-handle.cjs +1 -14
- package/lib/vef-approval-flow-editor/constants.cjs +1 -228
- package/lib/vef-approval-flow-editor/helper.cjs +1 -91
- package/lib/vef-approval-flow-editor/hooks/use-edges-interaction.cjs +1 -30
- package/lib/vef-approval-flow-editor/hooks/use-element-selection.cjs +1 -29
- package/lib/vef-approval-flow-editor/hooks/use-nodes-interaction.cjs +1 -56
- package/lib/vef-approval-flow-editor/index.cjs +1 -80
- package/lib/vef-approval-flow-editor/models/edge-node.cjs +1 -26
- package/lib/vef-approval-flow-editor/models/flow-node.cjs +1 -115
- package/lib/vef-approval-flow-editor/props.cjs +1 -5
- package/lib/vef-approval-flow-editor/store.cjs +1 -23
- package/lib/vef-approval-flow-editor/styles.cjs +3 -17
- package/lib/vef-approval-flow-editor/types.cjs +1 -21
- package/lib/vef-area-chart/index.cjs +1 -46
- package/lib/vef-area-chart/props.cjs +1 -5
- package/lib/vef-auto-sizer/index.cjs +1 -11
- package/lib/vef-auto-sizer/props.cjs +1 -5
- package/lib/vef-avatar/index.cjs +1 -25
- package/lib/vef-avatar/props.cjs +1 -5
- package/lib/vef-avatar-group/index.cjs +1 -30
- package/lib/vef-avatar-group/props.cjs +1 -5
- package/lib/vef-badge/index.cjs +1 -52
- package/lib/vef-badge/props.cjs +1 -5
- package/lib/vef-bar-chart/index.cjs +1 -46
- package/lib/vef-bar-chart/props.cjs +1 -5
- package/lib/vef-bool/hooks/use-bool-instance.cjs +1 -39
- package/lib/vef-bool/index.cjs +1 -65
- package/lib/vef-bool/props.cjs +1 -5
- package/lib/vef-breadcrumb/index.cjs +1 -53
- package/lib/vef-breadcrumb/props.cjs +1 -5
- package/lib/vef-button/components/base-button.cjs +1 -78
- package/lib/vef-button/index.cjs +1 -156
- package/lib/vef-button/props.cjs +1 -5
- package/lib/vef-card/index.cjs +1 -30
- package/lib/vef-card/props.cjs +1 -5
- package/lib/vef-card-meta/index.cjs +1 -17
- package/lib/vef-card-meta/props.cjs +1 -5
- package/lib/vef-chart-container/hooks/use-chart-container-context.cjs +1 -19
- package/lib/vef-chart-container/index.cjs +5 -76
- package/lib/vef-chart-container/props.cjs +1 -5
- package/lib/vef-chart-legend-content/index.cjs +4 -43
- package/lib/vef-chart-legend-content/props.cjs +1 -5
- package/lib/vef-chart-tooltip-content/index.cjs +9 -77
- package/lib/vef-chart-tooltip-content/props.cjs +1 -5
- package/lib/vef-checkbox/hooks/use-checkbox-instance.cjs +1 -25
- package/lib/vef-checkbox/hooks/use-data-options.cjs +1 -45
- package/lib/vef-checkbox/index.cjs +2 -92
- package/lib/vef-checkbox/props.cjs +1 -5
- package/lib/vef-col/index.cjs +1 -16
- package/lib/vef-col/props.cjs +1 -5
- package/lib/vef-color-picker/index.cjs +1 -51
- package/lib/vef-color-picker/props.cjs +1 -5
- package/lib/vef-compact/index.cjs +1 -20
- package/lib/vef-compact/props.cjs +1 -5
- package/lib/vef-config-provider/global-style.cjs +3 -17
- package/lib/vef-config-provider/hooks/use-ui-config.cjs +1 -131
- package/lib/vef-config-provider/index.cjs +3 -126
- package/lib/vef-config-provider/props.cjs +1 -5
- package/lib/vef-config-provider/store.cjs +1 -28
- package/lib/vef-container/index.cjs +1 -23
- package/lib/vef-container/props.cjs +1 -5
- package/lib/vef-crud-page/components/crud-actions.cjs +1 -37
- package/lib/vef-crud-page/components/crud-filter.cjs +1 -59
- package/lib/vef-crud-page/components/crud-footer.cjs +2 -120
- package/lib/vef-crud-page/components/crud-form-modal.cjs +1 -58
- package/lib/vef-crud-page/components/crud-header.cjs +1 -34
- package/lib/vef-crud-page/components/crud-table.cjs +1 -81
- package/lib/vef-crud-page/hooks/use-action-buttons.cjs +1 -42
- package/lib/vef-crud-page/hooks/use-crud-context.cjs +1 -25
- package/lib/vef-crud-page/hooks/use-crud-schema.cjs +1 -121
- package/lib/vef-crud-page/hooks/use-operation-buttons.cjs +1 -65
- package/lib/vef-crud-page/index.cjs +1 -155
- package/lib/vef-crud-page/props.cjs +1 -5
- package/lib/vef-crud-page/store.cjs +1 -149
- package/lib/vef-crud-page/types.cjs +1 -5
- package/lib/vef-data-grid/index.cjs +1 -90
- package/lib/vef-data-grid/props.cjs +1 -5
- package/lib/vef-data-table/index.cjs +1 -14
- package/lib/vef-data-table/props.cjs +1 -5
- package/lib/vef-divider/index.cjs +1 -29
- package/lib/vef-divider/props.cjs +1 -5
- package/lib/vef-drawer/components/action-button-wrapper.cjs +1 -54
- package/lib/vef-drawer/components/button-props.cjs +1 -5
- package/lib/vef-drawer/components/cancel-action-button.cjs +1 -26
- package/lib/vef-drawer/components/ok-action-button.cjs +1 -25
- package/lib/vef-drawer/context.cjs +1 -22
- package/lib/vef-drawer/index.cjs +2 -159
- package/lib/vef-drawer/props.cjs +1 -5
- package/lib/vef-dropdown/index.cjs +1 -97
- package/lib/vef-dropdown/props.cjs +1 -5
- package/lib/vef-dynamic-icon/index.cjs +1 -51
- package/lib/vef-dynamic-icon/props.cjs +1 -11
- package/lib/vef-empty/index.cjs +1 -42
- package/lib/vef-empty/props.cjs +1 -5
- package/lib/vef-empty-placeholder/index.cjs +2 -22
- package/lib/vef-empty-placeholder/props.cjs +1 -5
- package/lib/vef-error/error-icon.cjs +1 -762
- package/lib/vef-error/index.cjs +3 -47
- package/lib/vef-error/props.cjs +1 -5
- package/lib/vef-filter/components/action-buttons.cjs +2 -121
- package/lib/vef-filter/components/advanced-filter.cjs +3 -71
- package/lib/vef-filter/components/basic-filter.cjs +2 -38
- package/lib/vef-filter/components/fields/index.cjs +1 -24
- package/lib/vef-filter/components/fields/input-number.cjs +1 -95
- package/lib/vef-filter/components/fields/input.cjs +1 -72
- package/lib/vef-filter/components/fields/props.cjs +1 -5
- package/lib/vef-filter/components/fields/radio.cjs +1 -114
- package/lib/vef-filter/components/fields/select.cjs +1 -145
- package/lib/vef-filter/components/fields/tree-select.cjs +1 -141
- package/lib/vef-filter/components/filter-field.cjs +1 -24
- package/lib/vef-filter/components/filter-item.cjs +1 -117
- package/lib/vef-filter/event.cjs +1 -49
- package/lib/vef-filter/helper.cjs +1 -20
- package/lib/vef-filter/hooks/use-action-handlers.cjs +1 -75
- package/lib/vef-filter/hooks/use-computed-values.cjs +1 -60
- package/lib/vef-filter/hooks/use-filter-context.cjs +1 -25
- package/lib/vef-filter/hooks/use-filter-initialization.cjs +1 -42
- package/lib/vef-filter/hooks/use-filter-instance.cjs +1 -31
- package/lib/vef-filter/hooks/use-filter-items.cjs +1 -28
- package/lib/vef-filter/hooks/use-filter-values-change.cjs +1 -35
- package/lib/vef-filter/hooks/use-label-config.cjs +1 -32
- package/lib/vef-filter/index.cjs +2 -146
- package/lib/vef-filter/props.cjs +1 -5
- package/lib/vef-filter/store.cjs +1 -78
- package/lib/vef-filter/types.cjs +1 -5
- package/lib/vef-flex/index.cjs +1 -36
- package/lib/vef-flex/props.cjs +1 -5
- package/lib/vef-float-button/index.cjs +1 -54
- package/lib/vef-float-button/props.cjs +1 -5
- package/lib/vef-float-button-group/index.cjs +1 -25
- package/lib/vef-float-button-group/props.cjs +1 -5
- package/lib/vef-form/components/fields/icon-select.cjs +1 -70
- package/lib/vef-form/components/fields/index.cjs +1 -30
- package/lib/vef-form/components/fields/input-number.cjs +1 -128
- package/lib/vef-form/components/fields/input.cjs +1 -137
- package/lib/vef-form/components/fields/password.cjs +1 -120
- package/lib/vef-form/components/fields/props.cjs +1 -5
- package/lib/vef-form/components/fields/radio.cjs +1 -111
- package/lib/vef-form/components/fields/select.cjs +1 -243
- package/lib/vef-form/components/fields/textarea.cjs +1 -114
- package/lib/vef-form/components/fields/tree-select.cjs +1 -239
- package/lib/vef-form/components/form-actions.cjs +2 -62
- package/lib/vef-form/components/form-content.cjs +2 -149
- package/lib/vef-form/components/form-field.cjs +1 -27
- package/lib/vef-form/components/form-group.cjs +2 -68
- package/lib/vef-form/components/form-hidden-item.cjs +1 -41
- package/lib/vef-form/components/form-item.cjs +1 -84
- package/lib/vef-form/components/form-row.cjs +1 -103
- package/lib/vef-form/event.cjs +1 -49
- package/lib/vef-form/helper.cjs +1 -20
- package/lib/vef-form/hooks/use-action-handlers.cjs +1 -135
- package/lib/vef-form/hooks/use-columns-layout.cjs +1 -127
- package/lib/vef-form/hooks/use-computed-values.cjs +1 -60
- package/lib/vef-form/hooks/use-form-context.cjs +1 -21
- package/lib/vef-form/hooks/use-form-initialization.cjs +1 -50
- package/lib/vef-form/hooks/use-form-instance.cjs +1 -31
- package/lib/vef-form/hooks/use-form-values-change.cjs +1 -35
- package/lib/vef-form/hooks/use-label-width.cjs +1 -23
- package/lib/vef-form/index.cjs +2 -178
- package/lib/vef-form/props.cjs +1 -5
- package/lib/vef-form/store.cjs +1 -72
- package/lib/vef-form/types.cjs +1 -5
- package/lib/vef-form/validation-rules.cjs +1 -313
- package/lib/vef-form-drawer/index.cjs +1 -103
- package/lib/vef-form-drawer/props.cjs +1 -5
- package/lib/vef-form-modal/index.cjs +1 -100
- package/lib/vef-form-modal/props.cjs +1 -5
- package/lib/vef-generic-select/index.cjs +1 -86
- package/lib/vef-generic-select/props.cjs +1 -5
- package/lib/vef-grid/index.cjs +9 -79
- package/lib/vef-grid/props.cjs +1 -9
- package/lib/vef-grid-item/index.cjs +1 -57
- package/lib/vef-grid-item/props.cjs +1 -5
- package/lib/vef-icon/index.cjs +1 -55
- package/lib/vef-icon/props.cjs +1 -5
- package/lib/vef-icon-select/index.cjs +4 -144
- package/lib/vef-icon-select/props.cjs +1 -5
- package/lib/vef-input/hooks/use-input-instance.cjs +1 -20
- package/lib/vef-input/index.cjs +1 -69
- package/lib/vef-input/props.cjs +1 -5
- package/lib/vef-input-number/hooks/use-input-number-instance.cjs +1 -18
- package/lib/vef-input-number/index.cjs +1 -153
- package/lib/vef-input-number/props.cjs +1 -5
- package/lib/vef-layout/common-styles.cjs +2 -13
- package/lib/vef-layout/components/content.cjs +1 -18
- package/lib/vef-layout/components/font-size.cjs +1 -73
- package/lib/vef-layout/components/fullscreen.cjs +1 -28
- package/lib/vef-layout/components/header-action-icons.cjs +2 -30
- package/lib/vef-layout/components/header-content.cjs +1 -24
- package/lib/vef-layout/components/header.cjs +2 -70
- package/lib/vef-layout/components/icon-boy.cjs +1 -74
- package/lib/vef-layout/components/icon-girl.cjs +1 -81
- package/lib/vef-layout/components/icon-menu-fold-left.cjs +1 -28
- package/lib/vef-layout/components/icon-menu-unfold-left.cjs +1 -28
- package/lib/vef-layout/components/menu-groups.cjs +5 -118
- package/lib/vef-layout/components/message.cjs +1 -16
- package/lib/vef-layout/components/search.cjs +1 -16
- package/lib/vef-layout/components/sider.cjs +2 -56
- package/lib/vef-layout/components/title.cjs +2 -52
- package/lib/vef-layout/components/user-avatar.cjs +4 -80
- package/lib/vef-layout/hooks/use-layout-context.cjs +1 -17
- package/lib/vef-layout/index.cjs +2 -38
- package/lib/vef-layout/logo.svg.cjs +1 -9
- package/lib/vef-layout/props.cjs +1 -5
- package/lib/vef-layout/store.cjs +1 -23
- package/lib/vef-line-chart/index.cjs +1 -43
- package/lib/vef-line-chart/props.cjs +1 -5
- package/lib/vef-loading-placeholder/index.cjs +2 -44
- package/lib/vef-loading-placeholder/props.cjs +1 -5
- package/lib/vef-login/index.cjs +9 -145
- package/lib/vef-login/login-icon.cjs +1 -673
- package/lib/vef-login/props.cjs +1 -5
- package/lib/vef-menu/index.cjs +2 -80
- package/lib/vef-menu/props.cjs +1 -5
- package/lib/vef-modal/components/action-button-wrapper.cjs +1 -54
- package/lib/vef-modal/components/button-props.cjs +1 -5
- package/lib/vef-modal/components/cancel-action-button.cjs +1 -23
- package/lib/vef-modal/components/ok-action-button.cjs +1 -25
- package/lib/vef-modal/context.cjs +1 -22
- package/lib/vef-modal/index.cjs +2 -245
- package/lib/vef-modal/props.cjs +1 -5
- package/lib/vef-not-found/index.cjs +3 -44
- package/lib/vef-not-found/not-found-icon.cjs +1 -849
- package/lib/vef-not-found/props.cjs +1 -5
- package/lib/vef-page/index.cjs +2 -84
- package/lib/vef-page/props.cjs +1 -5
- package/lib/vef-pagination/index.cjs +1 -62
- package/lib/vef-pagination/props.cjs +1 -18
- package/lib/vef-paragraph/index.cjs +1 -94
- package/lib/vef-paragraph/props.cjs +1 -5
- package/lib/vef-password/hooks/use-password-instance.cjs +1 -18
- package/lib/vef-password/index.cjs +1 -72
- package/lib/vef-password/props.cjs +1 -5
- package/lib/vef-pie-chart/index.cjs +3 -70
- package/lib/vef-pie-chart/props.cjs +1 -5
- package/lib/vef-popconfirm/index.cjs +1 -61
- package/lib/vef-popconfirm/props.cjs +1 -5
- package/lib/vef-popover/index.cjs +1 -39
- package/lib/vef-popover/props.cjs +1 -5
- package/lib/vef-radio/hooks/use-data-options.cjs +1 -45
- package/lib/vef-radio/hooks/use-radio-instance.cjs +1 -25
- package/lib/vef-radio/index.cjs +2 -92
- package/lib/vef-radio/props.cjs +1 -5
- package/lib/vef-rate/hooks/use-rate-instance.cjs +1 -18
- package/lib/vef-rate/index.cjs +1 -35
- package/lib/vef-rate/props.cjs +1 -5
- package/lib/vef-responsive-container/index.cjs +2 -59
- package/lib/vef-responsive-container/props.cjs +1 -5
- package/lib/vef-responsive-item/index.cjs +2 -28
- package/lib/vef-responsive-item/props.cjs +1 -5
- package/lib/vef-ribbon/index.cjs +1 -43
- package/lib/vef-ribbon/props.cjs +1 -5
- package/lib/vef-row/index.cjs +1 -17
- package/lib/vef-row/props.cjs +1 -5
- package/lib/vef-scroll-area/components/scrollbar.cjs +5 -37
- package/lib/vef-scroll-area/index.cjs +3 -74
- package/lib/vef-scroll-area/props.cjs +1 -5
- package/lib/vef-select/components/option.cjs +2 -27
- package/lib/vef-select/hooks/use-data-options.cjs +1 -52
- package/lib/vef-select/hooks/use-field-names.cjs +1 -26
- package/lib/vef-select/hooks/use-render-label.cjs +2 -28
- package/lib/vef-select/hooks/use-render-option.cjs +1 -24
- package/lib/vef-select/hooks/use-select-instance.cjs +1 -25
- package/lib/vef-select/index.cjs +1 -105
- package/lib/vef-select/props.cjs +1 -5
- package/lib/vef-slider/hooks/use-slider-instance.cjs +1 -18
- package/lib/vef-slider/index.cjs +1 -39
- package/lib/vef-slider/props.cjs +1 -5
- package/lib/vef-sortable-list/components/overlay-item.cjs +2 -36
- package/lib/vef-sortable-list/components/sortable-item.cjs +2 -80
- package/lib/vef-sortable-list/hooks/use-merged-items.cjs +1 -26
- package/lib/vef-sortable-list/index.cjs +1 -119
- package/lib/vef-sortable-list/props.cjs +1 -5
- package/lib/vef-space/index.cjs +1 -30
- package/lib/vef-space/props.cjs +1 -5
- package/lib/vef-spin/index.cjs +1 -17
- package/lib/vef-spin/props.cjs +1 -5
- package/lib/vef-splitter/index.cjs +1 -25
- package/lib/vef-splitter/props.cjs +1 -5
- package/lib/vef-splitter-panel/index.cjs +1 -17
- package/lib/vef-splitter-panel/props.cjs +1 -5
- package/lib/vef-status/index.cjs +1 -42
- package/lib/vef-status/props.cjs +1 -5
- package/lib/vef-table/components/columns/bool.cjs +1 -96
- package/lib/vef-table/components/columns/code.cjs +1 -15
- package/lib/vef-table/components/columns/data-dictionary.cjs +1 -97
- package/lib/vef-table/components/columns/enum.cjs +1 -106
- package/lib/vef-table/components/columns/file.cjs +1 -15
- package/lib/vef-table/components/columns/icon.cjs +1 -15
- package/lib/vef-table/components/columns/id.cjs +1 -87
- package/lib/vef-table/components/columns/image.cjs +1 -16
- package/lib/vef-table/components/columns/index.cjs +1 -38
- package/lib/vef-table/components/columns/markdown.cjs +1 -15
- package/lib/vef-table/components/columns/number.cjs +1 -88
- package/lib/vef-table/components/columns/props.cjs +1 -5
- package/lib/vef-table/components/columns/render.cjs +1 -33
- package/lib/vef-table/components/columns/rich-text.cjs +1 -15
- package/lib/vef-table/components/columns/text.cjs +1 -93
- package/lib/vef-table/components/columns-settings.cjs +2 -192
- package/lib/vef-table/components/operation-buttons.cjs +2 -235
- package/lib/vef-table/components/settings-icon.cjs +2 -23
- package/lib/vef-table/components/table-footer.cjs +2 -106
- package/lib/vef-table/helper.cjs +1 -20
- package/lib/vef-table/hooks/use-computed-batch-buttons.cjs +1 -38
- package/lib/vef-table/hooks/use-computed-columns.cjs +1 -25
- package/lib/vef-table/hooks/use-computed-values.cjs +1 -43
- package/lib/vef-table/hooks/use-data.cjs +1 -62
- package/lib/vef-table/hooks/use-default-column-configs.cjs +1 -32
- package/lib/vef-table/hooks/use-display-value.cjs +1 -41
- package/lib/vef-table/hooks/use-helper-columns.cjs +1 -72
- package/lib/vef-table/hooks/use-operation-column-width.cjs +1 -55
- package/lib/vef-table/hooks/use-pagination-props.cjs +1 -49
- package/lib/vef-table/hooks/use-row-props.cjs +1 -44
- package/lib/vef-table/hooks/use-row-selection-config.cjs +1 -117
- package/lib/vef-table/hooks/use-selected-rows.cjs +1 -31
- package/lib/vef-table/hooks/use-table-columns.cjs +1 -61
- package/lib/vef-table/hooks/use-table-context.cjs +1 -28
- package/lib/vef-table/hooks/use-table-instance.cjs +1 -20
- package/lib/vef-table/hooks/use-table-summary.cjs +1 -47
- package/lib/vef-table/hooks/use-table-width.cjs +1 -18
- package/lib/vef-table/index.cjs +3 -230
- package/lib/vef-table/props.cjs +1 -5
- package/lib/vef-table/store.cjs +1 -24
- package/lib/vef-table/types.cjs +1 -5
- package/lib/vef-tabs/index.cjs +1 -30
- package/lib/vef-tabs/props.cjs +1 -5
- package/lib/vef-tag/index.cjs +1 -33
- package/lib/vef-tag/props.cjs +1 -5
- package/lib/vef-temporal-picker/helper.cjs +1 -62
- package/lib/vef-temporal-picker/hooks/use-dayjs-value.cjs +1 -23
- package/lib/vef-temporal-picker/hooks/use-temporal-limit.cjs +1 -39
- package/lib/vef-temporal-picker/hooks/use-temporal-picker-instance.cjs +1 -24
- package/lib/vef-temporal-picker/index.cjs +1 -130
- package/lib/vef-temporal-picker/props.cjs +1 -5
- package/lib/vef-temporal-range-picker/helper.cjs +1 -62
- package/lib/vef-temporal-range-picker/hooks/use-dayjs-values.cjs +1 -28
- package/lib/vef-temporal-range-picker/hooks/use-temporal-limit.cjs +1 -39
- package/lib/vef-temporal-range-picker/hooks/use-temporal-range-picker-instance.cjs +1 -24
- package/lib/vef-temporal-range-picker/index.cjs +1 -133
- package/lib/vef-temporal-range-picker/props.cjs +1 -9
- package/lib/vef-text/index.cjs +1 -85
- package/lib/vef-text/props.cjs +1 -5
- package/lib/vef-textarea/hooks/use-textarea-instance.cjs +1 -18
- package/lib/vef-textarea/index.cjs +1 -72
- package/lib/vef-textarea/props.cjs +1 -5
- package/lib/vef-title/index.cjs +3 -91
- package/lib/vef-title/props.cjs +1 -5
- package/lib/vef-tooltip/index.cjs +1 -40
- package/lib/vef-tooltip/props.cjs +1 -5
- package/lib/vef-tree-select/hooks/use-change-handler.cjs +1 -38
- package/lib/vef-tree-select/hooks/use-data-options.cjs +1 -50
- package/lib/vef-tree-select/hooks/use-tree-select-instance.cjs +1 -25
- package/lib/vef-tree-select/index.cjs +1 -94
- package/lib/vef-tree-select/props.cjs +1 -5
- package/lib/vef-virtual-grid/index.cjs +3 -112
- package/lib/vef-virtual-grid/props.cjs +1 -5
- package/lib/vef-virtual-list/index.cjs +4 -220
- package/lib/vef-virtual-list/props.cjs +1 -5
- package/package.json +4 -4
|
@@ -1,15 +1,7 @@
|
|
|
1
|
-
/*! VefFramework version: 1.0.
|
|
2
|
-
import { jsxs, jsx } from '@emotion/react/jsx-runtime';
|
|
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.102, build time: 2025-03-07T16:32:57.836Z, made by Venus. */import{jsxs,jsx}from"@emotion/react/jsx-runtime";import{css}from"@emotion/react";import{useThemeTokens}from"@vef-framework/hooks";import{themeVariables,styles}from"@vef-framework/shared";import VefText from"../../vef-text/index.js";const containerStyle=css`
|
|
9
2
|
display: grid;
|
|
10
3
|
grid-template-columns: 320px 320px;
|
|
11
|
-
|
|
12
|
-
const itemStyle = css`
|
|
4
|
+
`,itemStyle=css`
|
|
13
5
|
display: flex;
|
|
14
6
|
align-items: center;
|
|
15
7
|
gap: ${themeVariables.padding};
|
|
@@ -22,12 +14,10 @@ const itemStyle = css`
|
|
|
22
14
|
&:hover {
|
|
23
15
|
background-color: ${themeVariables.colorFillContent};
|
|
24
16
|
}
|
|
25
|
-
|
|
26
|
-
const iconStyle = css`
|
|
17
|
+
`,iconStyle=css`
|
|
27
18
|
flex: none;
|
|
28
19
|
${styles.flexCenter}
|
|
29
|
-
|
|
30
|
-
const metaStyle = css`
|
|
20
|
+
`,metaStyle=css`
|
|
31
21
|
flex: auto;
|
|
32
22
|
display: flex;
|
|
33
23
|
flex-direction: column;
|
|
@@ -39,103 +29,4 @@ const metaStyle = css`
|
|
|
39
29
|
color: ${themeVariables.colorTextSecondary};
|
|
40
30
|
font-size: ${themeVariables.fontSizeSm};
|
|
41
31
|
}
|
|
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: "系统管理" }),
|
|
113
|
-
/* @__PURE__ */ jsx(VefText, { color: "secondary", children: "系统全局相关配置" })
|
|
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: "主数据管理" }),
|
|
120
|
-
/* @__PURE__ */ jsx(VefText, { ellipsis: true, color: "secondary", children: "医院、科室、医生、患者等主数据管理" })
|
|
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: "流程管理" }),
|
|
127
|
-
/* @__PURE__ */ jsx(VefText, { children: "系统整体涉及的所有流程管理" })
|
|
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: "业务管理" }),
|
|
134
|
-
/* @__PURE__ */ jsx(VefText, { color: "secondary", children: "医疗业务相关管理" })
|
|
135
|
-
] })
|
|
136
|
-
] })
|
|
137
|
-
] });
|
|
138
|
-
}
|
|
139
|
-
|
|
140
|
-
export { VefMenuGroups as default };
|
|
141
|
-
/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
|
|
32
|
+
`;function IconSystem(){const{controlHeightLG}=useThemeTokens();return jsxs("svg",{height:controlHeightLG,viewBox:"0 0 1024 1024",width:controlHeightLG,xmlns:"http://www.w3.org/2000/svg",children:[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"}),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"})]})}function IconMainData(){const{controlHeightLG}=useThemeTokens();return jsxs("svg",{height:controlHeightLG,viewBox:"0 0 1024 1024",width:controlHeightLG,xmlns:"http://www.w3.org/2000/svg",children:[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"}),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"})]})}function IconProcess(){const{controlHeightLG}=useThemeTokens();return jsxs("svg",{height:controlHeightLG,viewBox:"0 0 1024 1024",width:controlHeightLG,xmlns:"http://www.w3.org/2000/svg",children:[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"}),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"})]})}function IconBusiness(){const{controlHeightLG}=useThemeTokens();return jsxs("svg",{height:controlHeightLG,viewBox:"0 0 1024 1024",width:controlHeightLG,xmlns:"http://www.w3.org/2000/svg",children:[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"}),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"})]})}function VefMenuGroups(){return jsxs("div",{css:containerStyle,children:[jsxs("div",{css:itemStyle,children:[jsx("span",{css:iconStyle,children:jsx(IconSystem,{})}),jsxs("div",{css:metaStyle,children:[jsx(VefText,{children:"系统管理"}),jsx(VefText,{color:"secondary",children:"系统全局相关配置"})]})]}),jsxs("div",{css:itemStyle,children:[jsx("span",{css:iconStyle,children:jsx(IconMainData,{})}),jsxs("div",{css:metaStyle,children:[jsx(VefText,{children:"主数据管理"}),jsx(VefText,{ellipsis:!0,color:"secondary",children:"医院、科室、医生、患者等主数据管理"})]})]}),jsxs("div",{css:itemStyle,children:[jsx("span",{css:iconStyle,children:jsx(IconProcess,{})}),jsxs("div",{css:metaStyle,children:[jsx(VefText,{children:"流程管理"}),jsx(VefText,{children:"系统整体涉及的所有流程管理"})]})]}),jsxs("div",{css:itemStyle,children:[jsx("span",{css:iconStyle,children:jsx(IconBusiness,{})}),jsxs("div",{css:metaStyle,children:[jsx(VefText,{children:"业务管理"}),jsx(VefText,{color:"secondary",children:"医疗业务相关管理"})]})]})]})}/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{VefMenuGroups as default};
|
|
@@ -1,12 +1 @@
|
|
|
1
|
-
/*! VefFramework version: 1.0.
|
|
2
|
-
import { jsx } from '@emotion/react/jsx-runtime';
|
|
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 };
|
|
12
|
-
/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
|
|
1
|
+
/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{BellIcon}from"lucide-react";import VefIcon from"../../vef-icon/index.js";import{iconStyle}from"../common-styles.js";function VefMessage(){return jsx("div",{css:iconStyle,children:jsx(VefIcon,{size:"large",children:jsx(BellIcon,{})})})}/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{VefMessage as default};
|
|
@@ -1,12 +1 @@
|
|
|
1
|
-
/*! VefFramework version: 1.0.
|
|
2
|
-
import { jsx } from '@emotion/react/jsx-runtime';
|
|
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 };
|
|
12
|
-
/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
|
|
1
|
+
/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{SearchIcon}from"lucide-react";import VefIcon from"../../vef-icon/index.js";import{iconStyle}from"../common-styles.js";function VefSearch(){return jsx("div",{css:iconStyle,children:jsx(VefIcon,{size:"large",children:jsx(SearchIcon,{})})})}/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{VefSearch as default};
|
|
@@ -1,17 +1,4 @@
|
|
|
1
|
-
/*! VefFramework version: 1.0.
|
|
2
|
-
import { jsxs, jsx } from '@emotion/react/jsx-runtime';
|
|
3
|
-
import { css } from '@emotion/react';
|
|
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`
|
|
1
|
+
/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, made by Venus. */import{jsxs,jsx}from"@emotion/react/jsx-runtime";import{css}from"@emotion/react";import{themeVariables}from"@vef-framework/shared";import{Layout}from"antd";import{memo}from"react";import VefMenu from"../../vef-menu/index.js";import VefScrollArea from"../../vef-scroll-area/index.js";import{useLayoutContextSelector}from"../hooks/use-layout-context.js";import{useLayoutStore}from"../store.js";import VefTitle from"./title.js";const{Sider}=Layout,siderStyle=css`
|
|
15
2
|
border-right: ${themeVariables.lineWidth} ${themeVariables.lineType} ${themeVariables.colorBorderSecondary};
|
|
16
3
|
|
|
17
4
|
> .vef-layout-sider-children {
|
|
@@ -59,41 +46,4 @@ const siderStyle = css`
|
|
|
59
46
|
}
|
|
60
47
|
}
|
|
61
48
|
}
|
|
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 };
|
|
99
|
-
/*! 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 */
|
|
49
|
+
`;function VefSiderBase(){const[menuItems,defaultOpenedMenuKeys,activeMenuKey,onActiveMenuKeyChange]=useLayoutContextSelector(ctx=>[ctx.menuItems,ctx.defaultOpenedMenuKeys,ctx.activeMenuKey,ctx.onActiveMenuKeyChange]),[siderCollapsed,setSiderCollapsed]=useLayoutStore(state=>[state.siderCollapsed,state.setSiderCollapsed]);return jsxs(Sider,{collapsible:!0,breakpoint:"lg",collapsed:siderCollapsed,collapsedWidth:80,css:siderStyle,theme:"light",trigger:null,width:220,onCollapse:setSiderCollapsed,children:[jsx(VefTitle,{}),jsx("div",{className:"vef-layout-sider-menu",children:jsx(VefScrollArea,{scrollbarSize:"small",children:jsx(VefMenu,{inlineExpansion:!0,defaultOpenedKeys:defaultOpenedMenuKeys,inlineCollapsed:siderCollapsed,items:menuItems??[],selectedKeys:activeMenuKey?[activeMenuKey]:[],onSelect:onActiveMenuKeyChange})})})]})}const VefSider=memo(VefSiderBase);VefSider.displayName="VefSider";/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{VefSider as default};
|
|
@@ -1,14 +1,4 @@
|
|
|
1
|
-
/*! VefFramework version: 1.0.
|
|
2
|
-
import { jsxs, jsx } from '@emotion/react/jsx-runtime';
|
|
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.102, build time: 2025-03-07T16:32:57.836Z, made by Venus. */import{jsxs,jsx}from"@emotion/react/jsx-runtime";import{css}from"@emotion/react";import{themeVariables,styles}from"@vef-framework/shared";import{AnimatePresence,motion}from"motion/react";import{memo}from"react";import{useLayoutContextSelector}from"../hooks/use-layout-context.js";import defaultLogo from"../logo.svg.js";import{useLayoutStore}from"../store.js";const titleStyle=css`
|
|
12
2
|
flex: none;
|
|
13
3
|
height: var(--vef-layout-header-height);
|
|
14
4
|
border-bottom: ${themeVariables.lineWidth} ${themeVariables.lineType} ${themeVariables.colorBorderSecondary};
|
|
@@ -43,40 +33,4 @@ const titleStyle = css`
|
|
|
43
33
|
text-align: center;
|
|
44
34
|
text-overflow: ellipsis;
|
|
45
35
|
}
|
|
46
|
-
|
|
47
|
-
const defaultTitle = "VEF中后台系统";
|
|
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 };
|
|
82
|
-
/*! 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 */
|
|
36
|
+
`,defaultTitle="VEF中后台系统";function VefTitleBase(){const[logo,title]=useLayoutContextSelector(ctx=>[ctx.logo,ctx.title]),siderCollapsed=useLayoutStore(state=>state.siderCollapsed);return jsxs("div",{css:titleStyle,children:[jsx("div",{children:logo||jsx("img",{alt:"VEF",src:defaultLogo})}),jsx(AnimatePresence,{initial:!1,children:!siderCollapsed&&jsx(motion.h3,{layout:!0,animate:{opacity:1,x:0},exit:{opacity:0,x:32},initial:{opacity:0,x:-32},transition:{duration:.2,ease:"easeIn"},children:title||defaultTitle})})]})}const VefTitle=memo(VefTitleBase);VefTitle.displayName="VefTitle";/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{VefTitle as default};
|
|
@@ -1,88 +1,16 @@
|
|
|
1
|
-
/*! VefFramework version: 1.0.
|
|
2
|
-
import { jsx, jsxs } from '@emotion/react/jsx-runtime';
|
|
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.102, build time: 2025-03-07T16:32:57.836Z, made by Venus. */import{jsx,jsxs}from"@emotion/react/jsx-runtime";import{css}from"@emotion/react";import{themeVariables,showConfirmation}from"@vef-framework/shared";import{UserRoundIcon,LockKeyholeIcon,LogOutIcon}from"lucide-react";import{useCallback}from"react";import VefAvatar from"../../vef-avatar/index.js";import VefDropdown from"../../vef-dropdown/index.js";import VefIcon from"../../vef-icon/index.js";import{useLayoutContextSelector}from"../hooks/use-layout-context.js";import Memo from"./icon-boy.js";import Memo$1 from"./icon-girl.js";const wrapperStyle=css`
|
|
15
2
|
display: flex;
|
|
16
3
|
align-items: center;
|
|
17
4
|
column-gap: ${themeVariables.marginSm};
|
|
18
5
|
padding: ${themeVariables.paddingXs};
|
|
19
|
-
|
|
20
|
-
const nameStyle = css`
|
|
6
|
+
`,nameStyle=css`
|
|
21
7
|
display: flex;
|
|
22
8
|
flex-direction: column;
|
|
23
9
|
align-items: center;
|
|
24
10
|
row-gap: calc(${themeVariables.marginXxs} + 2px);
|
|
25
11
|
user-select: none;
|
|
26
12
|
line-height: 1;
|
|
27
|
-
|
|
28
|
-
const descriptionStyle = css`
|
|
13
|
+
`,descriptionStyle=css`
|
|
29
14
|
font-size: ${themeVariables.fontSizeSm};
|
|
30
15
|
color: ${themeVariables.colorTextDescription};
|
|
31
|
-
|
|
32
|
-
const menuItems = [
|
|
33
|
-
{
|
|
34
|
-
type: "item",
|
|
35
|
-
key: "userInfo",
|
|
36
|
-
label: "个人信息",
|
|
37
|
-
icon: /* @__PURE__ */ jsx(VefIcon, { children: /* @__PURE__ */ jsx(UserRoundIcon, {}) })
|
|
38
|
-
},
|
|
39
|
-
{
|
|
40
|
-
type: "item",
|
|
41
|
-
key: "passwordModification",
|
|
42
|
-
label: "修改密码",
|
|
43
|
-
icon: /* @__PURE__ */ jsx(VefIcon, { children: /* @__PURE__ */ jsx(LockKeyholeIcon, {}) })
|
|
44
|
-
},
|
|
45
|
-
{
|
|
46
|
-
type: "item",
|
|
47
|
-
key: "logout",
|
|
48
|
-
label: "退出登录",
|
|
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("登出提示", "确定要退出登录吗?", 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 ?? "佚名" }),
|
|
76
|
-
userDescription && /* @__PURE__ */ jsxs("span", { css: descriptionStyle, children: [
|
|
77
|
-
"[",
|
|
78
|
-
userDescription,
|
|
79
|
-
"]"
|
|
80
|
-
] })
|
|
81
|
-
] })
|
|
82
|
-
] })
|
|
83
|
-
}
|
|
84
|
-
);
|
|
85
|
-
}
|
|
86
|
-
|
|
87
|
-
export { VefUserAvatar as default };
|
|
88
|
-
/*! 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 */
|
|
16
|
+
`,menuItems=[{type:"item",key:"userInfo",label:"个人信息",icon:jsx(VefIcon,{children:jsx(UserRoundIcon,{})})},{type:"item",key:"passwordModification",label:"修改密码",icon:jsx(VefIcon,{children:jsx(LockKeyholeIcon,{})})},{type:"item",key:"logout",label:"退出登录",icon:jsx(VefIcon,{children:jsx(LogOutIcon,{})})}],defaultBoyAvatar=jsx(Memo,{}),defaultGirlAvatar=jsx(Memo$1,{});function VefUserAvatar(){const[onLogout,userName,userGender,userAvatar,userDescription]=useLayoutContextSelector(ctx=>[ctx.onLogout,ctx.userName,ctx.userGender,ctx.userAvatar,ctx.userDescription]),handleClick=useCallback(key=>{key==="logout"&&onLogout&&showConfirmation("登出提示","确定要退出登录吗?",onLogout)},[onLogout]);return jsx(VefDropdown,{items:menuItems,onClick:handleClick,children:jsxs("div",{css:wrapperStyle,children:[jsx(VefAvatar,{size:"medium",src:userAvatar||(userGender==="female"?defaultGirlAvatar:defaultBoyAvatar)}),jsxs("div",{css:nameStyle,children:[jsx("span",{children:userName??"佚名"}),userDescription&&jsxs("span",{css:descriptionStyle,children:["[",userDescription,"]"]})]})]})})}/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{VefUserAvatar as default};
|
|
@@ -1,11 +1 @@
|
|
|
1
|
-
/*! VefFramework version: 1.0.
|
|
2
|
-
import { createSelectableContext } from '@vef-framework/shared';
|
|
3
|
-
|
|
4
|
-
const {
|
|
5
|
-
useContextSelector: useLayoutContextSelector,
|
|
6
|
-
useContext: useLayoutContext,
|
|
7
|
-
ContextProvider: LayoutContextProvider
|
|
8
|
-
} = createSelectableContext({});
|
|
9
|
-
|
|
10
|
-
export { LayoutContextProvider, useLayoutContext, useLayoutContextSelector };
|
|
11
|
-
/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
|
|
1
|
+
/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, made by Venus. */import{createSelectableContext}from"@vef-framework/shared";const{useContextSelector:useLayoutContextSelector,useContext:useLayoutContext,ContextProvider:LayoutContextProvider}=createSelectableContext({});/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{LayoutContextProvider,useLayoutContext,useLayoutContextSelector};
|
package/es/vef-layout/index.js
CHANGED
|
@@ -1,37 +1,5 @@
|
|
|
1
|
-
/*! VefFramework version: 1.0.
|
|
2
|
-
import { jsxs, jsx } from '@emotion/react/jsx-runtime';
|
|
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.102, build time: 2025-03-07T16:32:57.836Z, made by Venus. */import{jsxs,jsx}from"@emotion/react/jsx-runtime";import{css}from"@emotion/react";import{isShallowEqual}from"@vef-framework/shared";import{Layout}from"antd";import{memo}from"react";import VefContent from"./components/content.js";import VefHeader from"./components/header.js";import VefSider from"./components/sider.js";import{LayoutContextProvider}from"./hooks/use-layout-context.js";import{LayoutStoreProvider}from"./store.js";const layoutStyle=css`
|
|
14
2
|
height: 100%;
|
|
15
3
|
min-height: initial;
|
|
16
4
|
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 };
|
|
37
|
-
/*! 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 */
|
|
5
|
+
`;function VefLayoutBase({children}){return jsxs(Layout,{hasSider:!0,css:layoutStyle,children:[jsx(VefSider,{}),jsxs(Layout,{hasSider:!1,children:[jsx(VefHeader,{}),jsx(VefContent,{children})]})]})}function VefLayoutWrapper({children,...restProps}){return jsx(LayoutStoreProvider,{initialState:null,children:jsx(LayoutContextProvider,{value:restProps,children:jsx(VefLayoutBase,{children})})})}const VefLayout=memo(VefLayoutWrapper,(prevProps,nextProps)=>isShallowEqual(prevProps.activeMenuKey,nextProps.activeMenuKey));VefLayout.displayName="VefLayout";/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{VefLayout as default};
|
|
@@ -1,5 +1 @@
|
|
|
1
|
-
/*! VefFramework version: 1.0.
|
|
2
|
-
const defaultLogo = "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";
|
|
3
|
-
|
|
4
|
-
export { defaultLogo as default };
|
|
5
|
-
/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
|
|
1
|
+
/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, made by Venus. */const defaultLogo="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";/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{defaultLogo as default};
|
package/es/vef-layout/store.js
CHANGED
|
@@ -1,17 +1 @@
|
|
|
1
|
-
/*! VefFramework version: 1.0.
|
|
2
|
-
import { createComponentStore } from '@vef-framework/shared';
|
|
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 };
|
|
17
|
-
/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
|
|
1
|
+
/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, made by Venus. */import{createComponentStore}from"@vef-framework/shared";const{StoreProvider:LayoutStoreProvider,useStore:useLayoutStore,useStoreApi:useLayoutStoreApi}=createComponentStore("Layout",()=>set=>({siderCollapsed:!1,setSiderCollapsed:collapsed=>set({siderCollapsed:collapsed})}));/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{LayoutStoreProvider,useLayoutStore,useLayoutStoreApi};
|
|
@@ -1,39 +1 @@
|
|
|
1
|
-
/*! VefFramework version: 1.0.
|
|
2
|
-
import { jsx, jsxs } from '@emotion/react/jsx-runtime';
|
|
3
|
-
import { memo } from 'react';
|
|
4
|
-
import { LineChart, CartesianGrid, XAxis, YAxis, Tooltip, Legend, Line } from 'recharts';
|
|
5
|
-
import VefChartContainer from '../vef-chart-container/index.js';
|
|
6
|
-
import { VefChartLegendContent } from '../vef-chart-legend-content/index.js';
|
|
7
|
-
import VefChartTooltipContent from '../vef-chart-tooltip-content/index.js';
|
|
8
|
-
|
|
9
|
-
function VefLineChartBase({
|
|
10
|
-
config,
|
|
11
|
-
data,
|
|
12
|
-
dataKey,
|
|
13
|
-
valueFormatter
|
|
14
|
-
}) {
|
|
15
|
-
return /* @__PURE__ */ jsx(VefChartContainer, { config, children: /* @__PURE__ */ jsxs(LineChart, { data, children: [
|
|
16
|
-
/* @__PURE__ */ jsx(CartesianGrid, { vertical: false }),
|
|
17
|
-
/* @__PURE__ */ jsx(XAxis, { axisLine: false, dataKey, tickLine: false, tickMargin: 8 }),
|
|
18
|
-
/* @__PURE__ */ jsx(YAxis, { axisLine: false, tickLine: false, tickMargin: 8 }),
|
|
19
|
-
/* @__PURE__ */ jsx(Tooltip, { content: /* @__PURE__ */ jsx(VefChartTooltipContent, { valueFormatter }) }),
|
|
20
|
-
/* @__PURE__ */ jsx(Legend, { content: /* @__PURE__ */ jsx(VefChartLegendContent, {}) }),
|
|
21
|
-
Object.keys(config).map(
|
|
22
|
-
(key) => /* @__PURE__ */ jsx(
|
|
23
|
-
Line,
|
|
24
|
-
{
|
|
25
|
-
dataKey: key,
|
|
26
|
-
dot: false,
|
|
27
|
-
stroke: `var(--vef-color-${key})`,
|
|
28
|
-
strokeWidth: 2,
|
|
29
|
-
type: "monotone"
|
|
30
|
-
},
|
|
31
|
-
key
|
|
32
|
-
)
|
|
33
|
-
)
|
|
34
|
-
] }) });
|
|
35
|
-
}
|
|
36
|
-
const VefLineChart = memo(VefLineChartBase);
|
|
37
|
-
|
|
38
|
-
export { VefLineChart as default };
|
|
39
|
-
/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
|
|
1
|
+
/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, made by Venus. */import{jsx,jsxs}from"@emotion/react/jsx-runtime";import{memo}from"react";import{LineChart,CartesianGrid,XAxis,YAxis,Tooltip,Legend,Line}from"recharts";import VefChartContainer from"../vef-chart-container/index.js";import{VefChartLegendContent}from"../vef-chart-legend-content/index.js";import VefChartTooltipContent from"../vef-chart-tooltip-content/index.js";function VefLineChartBase({config,data,dataKey,valueFormatter}){return jsx(VefChartContainer,{config,children:jsxs(LineChart,{data,children:[jsx(CartesianGrid,{vertical:!1}),jsx(XAxis,{axisLine:!1,dataKey,tickLine:!1,tickMargin:8}),jsx(YAxis,{axisLine:!1,tickLine:!1,tickMargin:8}),jsx(Tooltip,{content:jsx(VefChartTooltipContent,{valueFormatter})}),jsx(Legend,{content:jsx(VefChartLegendContent,{})}),Object.keys(config).map(key=>jsx(Line,{dataKey:key,dot:!1,stroke:`var(--vef-color-${key})`,strokeWidth:2,type:"monotone"},key))]})})}const VefLineChart=memo(VefLineChartBase);/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{VefLineChart as default};
|
|
@@ -1,45 +1,7 @@
|
|
|
1
|
-
/*! VefFramework version: 1.0.
|
|
2
|
-
import { jsx, jsxs } from '@emotion/react/jsx-runtime';
|
|
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.102, build time: 2025-03-07T16:32:57.836Z, made by Venus. */import{jsx,jsxs}from"@emotion/react/jsx-runtime";import{css}from"@emotion/react";import{themeVariables,styles,isString}from"@vef-framework/shared";import{motion}from"motion/react";import VefSpin from"../vef-spin/index.js";import VefText from"../vef-text/index.js";const loadingPlaceholderStyle=css`
|
|
10
2
|
height: 100%;
|
|
11
3
|
padding: ${themeVariables.paddingLg};
|
|
12
4
|
${styles.flexCenter}
|
|
13
5
|
flex-direction: column;
|
|
14
6
|
row-gap: ${themeVariables.marginLg};
|
|
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 };
|
|
45
|
-
/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
|
|
7
|
+
`;function AnimatedText({text}){return jsx("div",{css:styles.flexCenter,children:String(text).split("").map((char,index)=>jsx(motion.span,{animate:{y:[2,-2]},initial:{y:0},transition:{duration:.6,repeat:1/0,delay:index*.1,ease:"easeInOut",repeatType:"reverse"},children:char},index))})}function VefLoadingPlaceholder({tip,...restProps}){return jsxs("div",{css:loadingPlaceholderStyle,children:[jsx(VefSpin,{...restProps}),tip&&isString(tip)&&jsx(VefText,{color:"secondary",children:jsx(AnimatedText,{text:tip})})||tip]})}/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{VefLoadingPlaceholder as default};
|