@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
package/lib/vef-bool/props.cjs
CHANGED
|
@@ -1,5 +1 @@
|
|
|
1
|
-
|
|
2
|
-
'use strict';
|
|
3
|
-
|
|
4
|
-
|
|
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
|
+
"use strict";/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.837Z, made by Venus. *//*! 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,53 +1 @@
|
|
|
1
|
-
|
|
2
|
-
'use strict';
|
|
3
|
-
|
|
4
|
-
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
|
|
5
|
-
|
|
6
|
-
const jsxRuntime = require('@emotion/react/jsx-runtime');
|
|
7
|
-
const shared = require('@vef-framework/shared');
|
|
8
|
-
const antd = require('antd');
|
|
9
|
-
const react = require('react');
|
|
10
|
-
|
|
11
|
-
function VefBreadcrumb({ items, onClick }) {
|
|
12
|
-
const breadcrumbItems = react.useMemo(() => items.map((item) => {
|
|
13
|
-
const {
|
|
14
|
-
label,
|
|
15
|
-
key,
|
|
16
|
-
dropdownItems
|
|
17
|
-
} = item;
|
|
18
|
-
return {
|
|
19
|
-
title: label,
|
|
20
|
-
key,
|
|
21
|
-
menu: shared.isArray(dropdownItems) && dropdownItems.length > 0 ? {
|
|
22
|
-
items: dropdownItems.map((it) => ({
|
|
23
|
-
key: it.key,
|
|
24
|
-
title: it.label
|
|
25
|
-
})),
|
|
26
|
-
onClick: ({ key: key2 }) => onClick?.(key2)
|
|
27
|
-
} : void 0
|
|
28
|
-
};
|
|
29
|
-
}), [items, onClick]);
|
|
30
|
-
const renderItem = react.useCallback(({ key, title }) => {
|
|
31
|
-
if (shared.isString(key)) {
|
|
32
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
33
|
-
"a",
|
|
34
|
-
{
|
|
35
|
-
className: "vef-breadcrumb-link",
|
|
36
|
-
onClick: () => onClick?.(key),
|
|
37
|
-
children: title
|
|
38
|
-
}
|
|
39
|
-
);
|
|
40
|
-
}
|
|
41
|
-
return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "vef-breadcrumb-text", children: title });
|
|
42
|
-
}, [onClick]);
|
|
43
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
44
|
-
antd.Breadcrumb,
|
|
45
|
-
{
|
|
46
|
-
itemRender: renderItem,
|
|
47
|
-
items: breadcrumbItems
|
|
48
|
-
}
|
|
49
|
-
);
|
|
50
|
-
}
|
|
51
|
-
|
|
52
|
-
exports.default = VefBreadcrumb;
|
|
53
|
-
/*! 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
|
+
"use strict";/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.837Z, made by Venus. */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const jsxRuntime=require("@emotion/react/jsx-runtime"),shared=require("@vef-framework/shared"),antd=require("antd"),react=require("react");function VefBreadcrumb({items,onClick}){const breadcrumbItems=react.useMemo(()=>items.map(item=>{const{label,key,dropdownItems}=item;return{title:label,key,menu:shared.isArray(dropdownItems)&&dropdownItems.length>0?{items:dropdownItems.map(it=>({key:it.key,title:it.label})),onClick:({key:key2})=>onClick?.(key2)}:void 0}}),[items,onClick]),renderItem=react.useCallback(({key,title})=>shared.isString(key)?jsxRuntime.jsx("a",{className:"vef-breadcrumb-link",onClick:()=>onClick?.(key),children:title}):jsxRuntime.jsx("span",{className:"vef-breadcrumb-text",children:title}),[onClick]);return jsxRuntime.jsx(antd.Breadcrumb,{itemRender:renderItem,items:breadcrumbItems})}exports.default=VefBreadcrumb;/*! 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 @@
|
|
|
1
|
-
|
|
2
|
-
'use strict';
|
|
3
|
-
|
|
4
|
-
|
|
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
|
+
"use strict";/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.837Z, made by Venus. *//*! 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,78 +1 @@
|
|
|
1
|
-
|
|
2
|
-
'use strict';
|
|
3
|
-
|
|
4
|
-
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
|
|
5
|
-
|
|
6
|
-
const jsxRuntime = require('@emotion/react/jsx-runtime');
|
|
7
|
-
const hooks = require('@vef-framework/hooks');
|
|
8
|
-
const shared = require('@vef-framework/shared');
|
|
9
|
-
const antd = require('antd');
|
|
10
|
-
const react = require('react');
|
|
11
|
-
require('../../internal/index.cjs');
|
|
12
|
-
const utils = require('../../internal/utils.cjs');
|
|
13
|
-
|
|
14
|
-
const buttonColorTypes = [...shared.defaultColorTypes, "default", "primary", "error"];
|
|
15
|
-
const VefBaseButton = react.forwardRef(({
|
|
16
|
-
color,
|
|
17
|
-
iconPosition,
|
|
18
|
-
size,
|
|
19
|
-
type,
|
|
20
|
-
variant = "solid",
|
|
21
|
-
autoInsertSpace,
|
|
22
|
-
disabled,
|
|
23
|
-
loading,
|
|
24
|
-
...restProps
|
|
25
|
-
}, ref) => {
|
|
26
|
-
const colorTokens = hooks.useColorTokens();
|
|
27
|
-
const iconPositionToUse = iconPosition === "left" ? "start" : iconPosition === "right" ? "end" : void 0;
|
|
28
|
-
if (!color || buttonColorTypes.includes(color)) {
|
|
29
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
30
|
-
antd.Button,
|
|
31
|
-
{
|
|
32
|
-
ref,
|
|
33
|
-
autoInsertSpace,
|
|
34
|
-
color: color === "error" ? "danger" : color,
|
|
35
|
-
disabled: loading ? false : disabled,
|
|
36
|
-
htmlType: type,
|
|
37
|
-
iconPosition: iconPositionToUse,
|
|
38
|
-
loading,
|
|
39
|
-
size: utils.convertBasicSizeToUiSize(size),
|
|
40
|
-
variant,
|
|
41
|
-
...restProps
|
|
42
|
-
}
|
|
43
|
-
);
|
|
44
|
-
}
|
|
45
|
-
if (colorTokens.has(color)) {
|
|
46
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
47
|
-
antd.ConfigProvider,
|
|
48
|
-
{
|
|
49
|
-
theme: {
|
|
50
|
-
token: {
|
|
51
|
-
colorPrimary: colorTokens.get(color)
|
|
52
|
-
}
|
|
53
|
-
},
|
|
54
|
-
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
55
|
-
antd.Button,
|
|
56
|
-
{
|
|
57
|
-
ref,
|
|
58
|
-
autoInsertSpace,
|
|
59
|
-
color: "primary",
|
|
60
|
-
disabled: loading ? false : disabled,
|
|
61
|
-
htmlType: type,
|
|
62
|
-
iconPosition: iconPositionToUse,
|
|
63
|
-
loading,
|
|
64
|
-
size: utils.convertBasicSizeToUiSize(size),
|
|
65
|
-
variant,
|
|
66
|
-
...restProps
|
|
67
|
-
}
|
|
68
|
-
)
|
|
69
|
-
}
|
|
70
|
-
);
|
|
71
|
-
} else {
|
|
72
|
-
throw new Error(`Invalid button color: ${color}`);
|
|
73
|
-
}
|
|
74
|
-
});
|
|
75
|
-
VefBaseButton.displayName = "VefBaseButton";
|
|
76
|
-
|
|
77
|
-
exports.default = VefBaseButton;
|
|
78
|
-
/*! 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
|
+
"use strict";/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.837Z, made by Venus. */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const jsxRuntime=require("@emotion/react/jsx-runtime"),hooks=require("@vef-framework/hooks"),shared=require("@vef-framework/shared"),antd=require("antd"),react=require("react");require("../../internal/index.cjs");const utils=require("../../internal/utils.cjs"),buttonColorTypes=[...shared.defaultColorTypes,"default","primary","error"],VefBaseButton=react.forwardRef(({color,iconPosition,size,type,variant="solid",autoInsertSpace,disabled,loading,...restProps},ref)=>{const colorTokens=hooks.useColorTokens(),iconPositionToUse=iconPosition==="left"?"start":iconPosition==="right"?"end":void 0;if(!color||buttonColorTypes.includes(color))return jsxRuntime.jsx(antd.Button,{ref,autoInsertSpace,color:color==="error"?"danger":color,disabled:loading?!1:disabled,htmlType:type,iconPosition:iconPositionToUse,loading,size:utils.convertBasicSizeToUiSize(size),variant,...restProps});if(colorTokens.has(color))return jsxRuntime.jsx(antd.ConfigProvider,{theme:{token:{colorPrimary:colorTokens.get(color)}},children:jsxRuntime.jsx(antd.Button,{ref,autoInsertSpace,color:"primary",disabled:loading?!1:disabled,htmlType:type,iconPosition:iconPositionToUse,loading,size:utils.convertBasicSizeToUiSize(size),variant,...restProps})});throw new Error(`Invalid button color: ${color}`)});VefBaseButton.displayName="VefBaseButton",exports.default=VefBaseButton;/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
|
package/lib/vef-button/index.cjs
CHANGED
|
@@ -1,156 +1 @@
|
|
|
1
|
-
|
|
2
|
-
'use strict';
|
|
3
|
-
|
|
4
|
-
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
|
|
5
|
-
|
|
6
|
-
const jsxRuntime = require('@emotion/react/jsx-runtime');
|
|
7
|
-
const hooks = require('@vef-framework/hooks');
|
|
8
|
-
const shared = require('@vef-framework/shared');
|
|
9
|
-
const react = require('react');
|
|
10
|
-
const index$1 = require('../vef-popconfirm/index.cjs');
|
|
11
|
-
const index = require('../vef-tooltip/index.cjs');
|
|
12
|
-
const baseButton = require('./components/base-button.cjs');
|
|
13
|
-
|
|
14
|
-
const VefButtonBase = react.forwardRef(({
|
|
15
|
-
tip,
|
|
16
|
-
onClick,
|
|
17
|
-
disabled = false,
|
|
18
|
-
loading,
|
|
19
|
-
...restProps
|
|
20
|
-
}, ref) => {
|
|
21
|
-
const [isLoading, setIsLoading] = react.useState(false);
|
|
22
|
-
const onConfirmationOkToUse = react.useMemo(
|
|
23
|
-
() => {
|
|
24
|
-
if (restProps.requireConfirmation) {
|
|
25
|
-
const { onConfirmationOk } = restProps;
|
|
26
|
-
return shared.isNullish(loading) ? async () => {
|
|
27
|
-
await shared.invokeMaybeAsyncFn(
|
|
28
|
-
onConfirmationOk,
|
|
29
|
-
{
|
|
30
|
-
beforeInvoke: () => {
|
|
31
|
-
setIsLoading(true);
|
|
32
|
-
},
|
|
33
|
-
onFinally: () => {
|
|
34
|
-
setIsLoading(false);
|
|
35
|
-
}
|
|
36
|
-
}
|
|
37
|
-
);
|
|
38
|
-
} : onConfirmationOk;
|
|
39
|
-
}
|
|
40
|
-
},
|
|
41
|
-
// eslint-disable-next-line ts/ban-ts-comment
|
|
42
|
-
// @ts-expect-error
|
|
43
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
44
|
-
[restProps.requireConfirmation, restProps.onConfirmationOk]
|
|
45
|
-
);
|
|
46
|
-
const onClickToUse = react.useMemo(
|
|
47
|
-
() => {
|
|
48
|
-
if (!restProps.requireConfirmation) {
|
|
49
|
-
if (onClick && shared.isNullish(loading)) {
|
|
50
|
-
return async (event) => {
|
|
51
|
-
await shared.invokeMaybeAsyncFn(
|
|
52
|
-
onClick,
|
|
53
|
-
{
|
|
54
|
-
beforeInvoke: () => {
|
|
55
|
-
setIsLoading(true);
|
|
56
|
-
},
|
|
57
|
-
onFinally: () => {
|
|
58
|
-
setIsLoading(false);
|
|
59
|
-
}
|
|
60
|
-
},
|
|
61
|
-
event
|
|
62
|
-
);
|
|
63
|
-
};
|
|
64
|
-
} else {
|
|
65
|
-
return onClick;
|
|
66
|
-
}
|
|
67
|
-
}
|
|
68
|
-
const {
|
|
69
|
-
confirmationMode = "simple",
|
|
70
|
-
confirmationTitle = shared.defaultMessageTitle,
|
|
71
|
-
confirmationContent,
|
|
72
|
-
onConfirmationCancel
|
|
73
|
-
} = restProps;
|
|
74
|
-
if (confirmationMode === "simple") {
|
|
75
|
-
return (event) => {
|
|
76
|
-
event.stopPropagation();
|
|
77
|
-
};
|
|
78
|
-
}
|
|
79
|
-
return (event) => {
|
|
80
|
-
event.stopPropagation();
|
|
81
|
-
shared.showConfirmation(
|
|
82
|
-
confirmationTitle,
|
|
83
|
-
confirmationContent,
|
|
84
|
-
onConfirmationOkToUse,
|
|
85
|
-
{
|
|
86
|
-
onCancel: onConfirmationCancel
|
|
87
|
-
}
|
|
88
|
-
);
|
|
89
|
-
};
|
|
90
|
-
},
|
|
91
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
92
|
-
[
|
|
93
|
-
loading,
|
|
94
|
-
onClick,
|
|
95
|
-
onConfirmationOkToUse,
|
|
96
|
-
restProps.requireConfirmation,
|
|
97
|
-
// eslint-disable-next-line ts/ban-ts-comment
|
|
98
|
-
// @ts-expect-error
|
|
99
|
-
restProps.confirmationMode,
|
|
100
|
-
// eslint-disable-next-line ts/ban-ts-comment
|
|
101
|
-
// @ts-expect-error
|
|
102
|
-
restProps.confirmationTitle,
|
|
103
|
-
// eslint-disable-next-line ts/ban-ts-comment
|
|
104
|
-
// @ts-expect-error
|
|
105
|
-
restProps.confirmationContent,
|
|
106
|
-
// eslint-disable-next-line ts/ban-ts-comment
|
|
107
|
-
// @ts-expect-error
|
|
108
|
-
restProps.onConfirmationCancel
|
|
109
|
-
]
|
|
110
|
-
);
|
|
111
|
-
const contextDisabled = hooks.useContextDisabled();
|
|
112
|
-
const buttonDisabled = contextDisabled || disabled;
|
|
113
|
-
const buttonNode = /* @__PURE__ */ jsxRuntime.jsx(
|
|
114
|
-
baseButton.default,
|
|
115
|
-
{
|
|
116
|
-
ref,
|
|
117
|
-
disabled: buttonDisabled,
|
|
118
|
-
loading: loading ?? isLoading,
|
|
119
|
-
onClick: onClickToUse,
|
|
120
|
-
...shared.omit(restProps, [
|
|
121
|
-
"requireConfirmation",
|
|
122
|
-
"confirmationMode",
|
|
123
|
-
"confirmationTitle",
|
|
124
|
-
"confirmationContent",
|
|
125
|
-
"onConfirmationOk",
|
|
126
|
-
"onConfirmationCancel"
|
|
127
|
-
])
|
|
128
|
-
}
|
|
129
|
-
);
|
|
130
|
-
const buttonNodeMaybeWithTip = tip ? /* @__PURE__ */ jsxRuntime.jsx(index.default, { content: tip, children: buttonNode }) : buttonNode;
|
|
131
|
-
if (restProps.requireConfirmation && restProps.confirmationMode === "simple") {
|
|
132
|
-
const {
|
|
133
|
-
confirmationTitle = shared.defaultMessageTitle,
|
|
134
|
-
confirmationContent,
|
|
135
|
-
onConfirmationCancel
|
|
136
|
-
} = restProps;
|
|
137
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
138
|
-
index$1.default,
|
|
139
|
-
{
|
|
140
|
-
ref,
|
|
141
|
-
content: confirmationContent,
|
|
142
|
-
disabled: buttonDisabled,
|
|
143
|
-
title: confirmationTitle,
|
|
144
|
-
onCancel: onConfirmationCancel,
|
|
145
|
-
onOk: onConfirmationOkToUse,
|
|
146
|
-
children: buttonNodeMaybeWithTip
|
|
147
|
-
}
|
|
148
|
-
);
|
|
149
|
-
}
|
|
150
|
-
return buttonNodeMaybeWithTip;
|
|
151
|
-
});
|
|
152
|
-
const VefButton = react.memo(VefButtonBase);
|
|
153
|
-
VefButton.displayName = "VefButton";
|
|
154
|
-
|
|
155
|
-
exports.default = VefButton;
|
|
156
|
-
/*! 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
|
+
"use strict";/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.837Z, made by Venus. */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const jsxRuntime=require("@emotion/react/jsx-runtime"),hooks=require("@vef-framework/hooks"),shared=require("@vef-framework/shared"),react=require("react"),index$1=require("../vef-popconfirm/index.cjs"),index=require("../vef-tooltip/index.cjs"),baseButton=require("./components/base-button.cjs"),VefButtonBase=react.forwardRef(({tip,onClick,disabled=!1,loading,...restProps},ref)=>{const[isLoading,setIsLoading]=react.useState(!1),onConfirmationOkToUse=react.useMemo(()=>{if(restProps.requireConfirmation){const{onConfirmationOk}=restProps;return shared.isNullish(loading)?async()=>{await shared.invokeMaybeAsyncFn(onConfirmationOk,{beforeInvoke:()=>{setIsLoading(!0)},onFinally:()=>{setIsLoading(!1)}})}:onConfirmationOk}},[restProps.requireConfirmation,restProps.onConfirmationOk]),onClickToUse=react.useMemo(()=>{if(!restProps.requireConfirmation)return onClick&&shared.isNullish(loading)?async event=>{await shared.invokeMaybeAsyncFn(onClick,{beforeInvoke:()=>{setIsLoading(!0)},onFinally:()=>{setIsLoading(!1)}},event)}:onClick;const{confirmationMode="simple",confirmationTitle=shared.defaultMessageTitle,confirmationContent,onConfirmationCancel}=restProps;return confirmationMode==="simple"?event=>{event.stopPropagation()}:event=>{event.stopPropagation(),shared.showConfirmation(confirmationTitle,confirmationContent,onConfirmationOkToUse,{onCancel:onConfirmationCancel})}},[loading,onClick,onConfirmationOkToUse,restProps.requireConfirmation,restProps.confirmationMode,restProps.confirmationTitle,restProps.confirmationContent,restProps.onConfirmationCancel]),buttonDisabled=hooks.useContextDisabled()||disabled,buttonNode=jsxRuntime.jsx(baseButton.default,{ref,disabled:buttonDisabled,loading:loading??isLoading,onClick:onClickToUse,...shared.omit(restProps,["requireConfirmation","confirmationMode","confirmationTitle","confirmationContent","onConfirmationOk","onConfirmationCancel"])}),buttonNodeMaybeWithTip=tip?jsxRuntime.jsx(index.default,{content:tip,children:buttonNode}):buttonNode;if(restProps.requireConfirmation&&restProps.confirmationMode==="simple"){const{confirmationTitle=shared.defaultMessageTitle,confirmationContent,onConfirmationCancel}=restProps;return jsxRuntime.jsx(index$1.default,{ref,content:confirmationContent,disabled:buttonDisabled,title:confirmationTitle,onCancel:onConfirmationCancel,onOk:onConfirmationOkToUse,children:buttonNodeMaybeWithTip})}return buttonNodeMaybeWithTip}),VefButton=react.memo(VefButtonBase);VefButton.displayName="VefButton",exports.default=VefButton;/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
|
package/lib/vef-button/props.cjs
CHANGED
|
@@ -1,5 +1 @@
|
|
|
1
|
-
|
|
2
|
-
'use strict';
|
|
3
|
-
|
|
4
|
-
|
|
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
|
+
"use strict";/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.837Z, made by Venus. *//*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
|
package/lib/vef-card/index.cjs
CHANGED
|
@@ -1,30 +1 @@
|
|
|
1
|
-
|
|
2
|
-
'use strict';
|
|
3
|
-
|
|
4
|
-
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
|
|
5
|
-
|
|
6
|
-
const jsxRuntime = require('@emotion/react/jsx-runtime');
|
|
7
|
-
const shared = require('@vef-framework/shared');
|
|
8
|
-
const antd = require('antd');
|
|
9
|
-
|
|
10
|
-
function VefCard({
|
|
11
|
-
size = "medium",
|
|
12
|
-
showHoverEffect = false,
|
|
13
|
-
actions,
|
|
14
|
-
nested = false,
|
|
15
|
-
...restProps
|
|
16
|
-
}) {
|
|
17
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
18
|
-
antd.Card,
|
|
19
|
-
{
|
|
20
|
-
actions: shared.isArray(actions) ? actions : actions ? [actions] : void 0,
|
|
21
|
-
hoverable: showHoverEffect,
|
|
22
|
-
size: size === "medium" ? "default" : size,
|
|
23
|
-
type: nested ? "inner" : void 0,
|
|
24
|
-
...restProps
|
|
25
|
-
}
|
|
26
|
-
);
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
exports.default = VefCard;
|
|
30
|
-
/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
|
|
1
|
+
"use strict";/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.837Z, made by Venus. */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const jsxRuntime=require("@emotion/react/jsx-runtime"),shared=require("@vef-framework/shared"),antd=require("antd");function VefCard({size="medium",showHoverEffect=!1,actions,nested=!1,...restProps}){return jsxRuntime.jsx(antd.Card,{actions:shared.isArray(actions)?actions:actions?[actions]:void 0,hoverable:showHoverEffect,size:size==="medium"?"default":size,type:nested?"inner":void 0,...restProps})}exports.default=VefCard;/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
|
package/lib/vef-card/props.cjs
CHANGED
|
@@ -1,5 +1 @@
|
|
|
1
|
-
|
|
2
|
-
'use strict';
|
|
3
|
-
|
|
4
|
-
|
|
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
|
+
"use strict";/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.837Z, made by Venus. *//*! 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,17 +1 @@
|
|
|
1
|
-
|
|
2
|
-
'use strict';
|
|
3
|
-
|
|
4
|
-
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
|
|
5
|
-
|
|
6
|
-
const jsxRuntime = require('@emotion/react/jsx-runtime');
|
|
7
|
-
const antd = require('antd');
|
|
8
|
-
|
|
9
|
-
const { Meta: CardMeta } = antd.Card;
|
|
10
|
-
function VefCardMeta({
|
|
11
|
-
...props
|
|
12
|
-
}) {
|
|
13
|
-
return /* @__PURE__ */ jsxRuntime.jsx(CardMeta, { ...props });
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
exports.default = VefCardMeta;
|
|
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
|
+
"use strict";/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.837Z, made by Venus. */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const jsxRuntime=require("@emotion/react/jsx-runtime"),antd=require("antd"),{Meta:CardMeta}=antd.Card;function VefCardMeta({...props}){return jsxRuntime.jsx(CardMeta,{...props})}exports.default=VefCardMeta;/*! 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 @@
|
|
|
1
|
-
|
|
2
|
-
'use strict';
|
|
3
|
-
|
|
4
|
-
|
|
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
|
+
"use strict";/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.837Z, made by Venus. *//*! 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,19 +1 @@
|
|
|
1
|
-
|
|
2
|
-
'use strict';
|
|
3
|
-
|
|
4
|
-
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
5
|
-
|
|
6
|
-
const shared = require('@vef-framework/shared');
|
|
7
|
-
|
|
8
|
-
const {
|
|
9
|
-
useContextSelector: useChartContainerContextSelector,
|
|
10
|
-
useContext: useChartContainerContext,
|
|
11
|
-
ContextProvider: ChartContainerContextProvider
|
|
12
|
-
} = shared.createSelectableContext({
|
|
13
|
-
config: {}
|
|
14
|
-
});
|
|
15
|
-
|
|
16
|
-
exports.ChartContainerContextProvider = ChartContainerContextProvider;
|
|
17
|
-
exports.useChartContainerContext = useChartContainerContext;
|
|
18
|
-
exports.useChartContainerContextSelector = useChartContainerContextSelector;
|
|
19
|
-
/*! 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
|
+
"use strict";/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.837Z, made by Venus. */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const shared=require("@vef-framework/shared"),{useContextSelector:useChartContainerContextSelector,useContext:useChartContainerContext,ContextProvider:ChartContainerContextProvider}=shared.createSelectableContext({config:{}});exports.ChartContainerContextProvider=ChartContainerContextProvider,exports.useChartContainerContext=useChartContainerContext,exports.useChartContainerContextSelector=useChartContainerContextSelector;/*! 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,16 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
'use strict';
|
|
3
|
-
|
|
4
|
-
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
|
|
5
|
-
|
|
6
|
-
const jsxRuntime = require('@emotion/react/jsx-runtime');
|
|
7
|
-
const react = require('@emotion/react');
|
|
8
|
-
const shared = require('@vef-framework/shared');
|
|
9
|
-
const react$1 = require('react');
|
|
10
|
-
const recharts = require('recharts');
|
|
11
|
-
const useChartContainerContext = require('./hooks/use-chart-container-context.cjs');
|
|
12
|
-
|
|
13
|
-
const chartContainerStyle = react.css`
|
|
1
|
+
"use strict";/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.837Z, made by Venus. */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const jsxRuntime=require("@emotion/react/jsx-runtime"),react=require("@emotion/react"),shared=require("@vef-framework/shared"),react$1=require("react"),recharts=require("recharts"),useChartContainerContext=require("./hooks/use-chart-container-context.cjs"),chartContainerStyle=react.css`
|
|
14
2
|
display: flex;
|
|
15
3
|
justify-content: center;
|
|
16
4
|
|
|
@@ -61,68 +49,9 @@ const chartContainerStyle = react.css`
|
|
|
61
49
|
& .recharts-surface {
|
|
62
50
|
outline: none;
|
|
63
51
|
}
|
|
64
|
-
`;
|
|
65
|
-
function ChartStyle({
|
|
66
|
-
id,
|
|
67
|
-
config
|
|
68
|
-
}) {
|
|
69
|
-
const colors = Object.entries(config).map(([key, { color }]) => [key, color]).filter(([, color]) => shared.isString(color));
|
|
70
|
-
if (!colors.length) {
|
|
71
|
-
return null;
|
|
72
|
-
}
|
|
73
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
74
|
-
"style",
|
|
75
|
-
{
|
|
76
|
-
dangerouslySetInnerHTML: {
|
|
77
|
-
__html: `
|
|
52
|
+
`;function ChartStyle({id,config}){const colors=Object.entries(config).map(([key,{color}])=>[key,color]).filter(([,color])=>shared.isString(color));return colors.length?jsxRuntime.jsx("style",{dangerouslySetInnerHTML:{__html:`
|
|
78
53
|
[data-chart="${id}"] {
|
|
79
|
-
${colors.map(([key,
|
|
80
|
-
|
|
81
|
-
`
|
|
82
|
-
}
|
|
83
|
-
}
|
|
84
|
-
);
|
|
85
|
-
}
|
|
86
|
-
const VefChartContainer = react$1.forwardRef(({
|
|
87
|
-
id,
|
|
88
|
-
className,
|
|
89
|
-
children,
|
|
90
|
-
config,
|
|
91
|
-
aspect = 16 / 9,
|
|
92
|
-
width = "100%",
|
|
93
|
-
height,
|
|
94
|
-
minWidth,
|
|
95
|
-
minHeight,
|
|
96
|
-
...restProps
|
|
97
|
-
}, ref) => {
|
|
98
|
-
const uniqueId = react$1.useId();
|
|
99
|
-
const chartId = `${id || uniqueId.replace(/:/g, "")}-chart`;
|
|
100
|
-
return /* @__PURE__ */ jsxRuntime.jsx(useChartContainerContext.ChartContainerContextProvider, { value: { config }, children: /* @__PURE__ */ jsxRuntime.jsxs(
|
|
101
|
-
"div",
|
|
102
|
-
{
|
|
103
|
-
ref,
|
|
104
|
-
className,
|
|
105
|
-
css: chartContainerStyle,
|
|
106
|
-
"data-chart": chartId,
|
|
107
|
-
...restProps,
|
|
108
|
-
children: [
|
|
109
|
-
/* @__PURE__ */ jsxRuntime.jsx(ChartStyle, { config, id: chartId }),
|
|
110
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
111
|
-
recharts.ResponsiveContainer,
|
|
112
|
-
{
|
|
113
|
-
aspect,
|
|
114
|
-
height,
|
|
115
|
-
minHeight,
|
|
116
|
-
minWidth,
|
|
117
|
-
width,
|
|
118
|
-
children
|
|
54
|
+
${colors.map(([key,color])=>`--vef-color-${key}: ${color};`).join(`
|
|
55
|
+
`)}
|
|
119
56
|
}
|
|
120
|
-
)
|
|
121
|
-
]
|
|
122
|
-
}
|
|
123
|
-
) });
|
|
124
|
-
});
|
|
125
|
-
VefChartContainer.displayName = "VefChartContainer";
|
|
126
|
-
|
|
127
|
-
exports.default = VefChartContainer;
|
|
128
|
-
/*! 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 */
|
|
57
|
+
`}}):null}const VefChartContainer=react$1.forwardRef(({id,className,children,config,aspect=16/9,width="100%",height,minWidth,minHeight,...restProps},ref)=>{const uniqueId=react$1.useId(),chartId=`${id||uniqueId.replace(/:/g,"")}-chart`;return jsxRuntime.jsx(useChartContainerContext.ChartContainerContextProvider,{value:{config},children:jsxRuntime.jsxs("div",{ref,className,css:chartContainerStyle,"data-chart":chartId,...restProps,children:[jsxRuntime.jsx(ChartStyle,{config,id:chartId}),jsxRuntime.jsx(recharts.ResponsiveContainer,{aspect,height,minHeight,minWidth,width,children})]})})});VefChartContainer.displayName="VefChartContainer",exports.default=VefChartContainer;/*! 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 @@
|
|
|
1
|
-
|
|
2
|
-
'use strict';
|
|
3
|
-
|
|
4
|
-
|
|
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
|
+
"use strict";/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.837Z, made by Venus. *//*! 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,55 +1,16 @@
|
|
|
1
|
-
|
|
2
|
-
'use strict';
|
|
3
|
-
|
|
4
|
-
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
|
|
5
|
-
|
|
6
|
-
const jsxRuntime = require('@emotion/react/jsx-runtime');
|
|
7
|
-
const react = require('@emotion/react');
|
|
8
|
-
const shared = require('@vef-framework/shared');
|
|
9
|
-
const react$1 = require('react');
|
|
10
|
-
require('../internal/index.cjs');
|
|
11
|
-
const useChartContainerContext = require('../vef-chart-container/hooks/use-chart-container-context.cjs');
|
|
12
|
-
const chart = require('../internal/chart.cjs');
|
|
13
|
-
|
|
14
|
-
const chartLegendContentStyle = react.css`
|
|
1
|
+
"use strict";/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.837Z, made by Venus. */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const jsxRuntime=require("@emotion/react/jsx-runtime"),react=require("@emotion/react"),shared=require("@vef-framework/shared"),react$1=require("react");require("../internal/index.cjs");const useChartContainerContext=require("../vef-chart-container/hooks/use-chart-container-context.cjs"),chart=require("../internal/chart.cjs"),chartLegendContentStyle=react.css`
|
|
15
2
|
${shared.styles.flexCenter}
|
|
16
3
|
gap: ${shared.themeVariables.margin};
|
|
17
4
|
padding-top: ${shared.themeVariables.marginSm};
|
|
18
|
-
|
|
19
|
-
const itemStyle = react.css`
|
|
5
|
+
`,itemStyle=react.css`
|
|
20
6
|
display: flex;
|
|
21
7
|
align-items: center;
|
|
22
8
|
gap: ${shared.themeVariables.marginXs};
|
|
23
9
|
color: ${shared.themeVariables.colorTextLabel};
|
|
24
|
-
|
|
25
|
-
const indicatorStyle = react.css`
|
|
10
|
+
`,indicatorStyle=react.css`
|
|
26
11
|
flex: none;
|
|
27
12
|
width: 0.75rem;
|
|
28
13
|
height: 0.75rem;
|
|
29
14
|
border-radius: ${shared.themeVariables.borderRadiusXs};
|
|
30
15
|
background-color: var(--vef-indicator-color);
|
|
31
|
-
|
|
32
|
-
const VefChartLegendContent = react$1.forwardRef(({
|
|
33
|
-
className,
|
|
34
|
-
payload
|
|
35
|
-
}, ref) => {
|
|
36
|
-
const config = useChartContainerContext.useChartContainerContextSelector((ctx) => ctx.config);
|
|
37
|
-
if (!payload?.length) {
|
|
38
|
-
return null;
|
|
39
|
-
}
|
|
40
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className, css: chartLegendContentStyle, children: payload.map(
|
|
41
|
-
(item) => {
|
|
42
|
-
const key = `${item.dataKey || "value"}`;
|
|
43
|
-
const itemConfig = chart.getPayloadConfigFromPayload(item, key, config);
|
|
44
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { css: itemStyle, children: [
|
|
45
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { css: indicatorStyle, style: { "--vef-indicator-color": item.color } }),
|
|
46
|
-
itemConfig?.label
|
|
47
|
-
] }, item.value);
|
|
48
|
-
}
|
|
49
|
-
) });
|
|
50
|
-
});
|
|
51
|
-
VefChartLegendContent.displayName = "VefChartLegendContent";
|
|
52
|
-
|
|
53
|
-
exports.VefChartLegendContent = VefChartLegendContent;
|
|
54
|
-
exports.default = VefChartLegendContent;
|
|
55
|
-
/*! 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
|
+
`,VefChartLegendContent=react$1.forwardRef(({className,payload},ref)=>{const config=useChartContainerContext.useChartContainerContextSelector(ctx=>ctx.config);return payload?.length?jsxRuntime.jsx("div",{ref,className,css:chartLegendContentStyle,children:payload.map(item=>{const key=`${item.dataKey||"value"}`,itemConfig=chart.getPayloadConfigFromPayload(item,key,config);return jsxRuntime.jsxs("div",{css:itemStyle,children:[jsxRuntime.jsx("div",{css:indicatorStyle,style:{"--vef-indicator-color":item.color}}),itemConfig?.label]},item.value)})}):null});VefChartLegendContent.displayName="VefChartLegendContent",exports.VefChartLegendContent=VefChartLegendContent,exports.default=VefChartLegendContent;/*! 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 @@
|
|
|
1
|
-
|
|
2
|
-
'use strict';
|
|
3
|
-
|
|
4
|
-
|
|
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
|
+
"use strict";/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.837Z, made by Venus. *//*! 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 */
|