@vef-framework/components 1.0.64 → 1.0.65
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/es/index.js +2 -81
- package/es/internal/index.js +2 -2
- package/es/internal/modern-normalize.css.js +2 -4
- package/es/internal/utils.js +2 -6
- package/es/vef-access-denied/access-denied-icon.js +2 -928
- package/es/vef-access-denied/index.js +10 -45
- package/es/vef-action-buttons/index.js +2 -75
- package/es/vef-auto-sizer/index.js +2 -6
- package/es/vef-avatar/index.js +2 -20
- package/es/vef-avatar-group/index.js +2 -25
- package/es/vef-badge/index.js +2 -47
- package/es/vef-bool/hooks/use-bool-instance.js +2 -34
- package/es/vef-bool/index.js +2 -60
- package/es/vef-breadcrumb/index.js +2 -48
- package/es/vef-button/components/base-button.js +2 -73
- package/es/vef-button/index.js +2 -151
- package/es/vef-card/index.js +2 -25
- package/es/vef-card-meta/index.js +2 -12
- package/es/vef-checkbox/hooks/use-checkbox-instance.js +2 -20
- package/es/vef-checkbox/hooks/use-data-options.js +2 -40
- package/es/vef-checkbox/index.js +4 -88
- package/es/vef-col/index.js +2 -11
- package/es/vef-color-picker/index.js +2 -46
- package/es/vef-compact/index.js +2 -15
- package/es/vef-config-provider/global-style.js +16 -23
- package/es/vef-config-provider/hooks/use-ui-config.js +2 -125
- package/es/vef-config-provider/index.js +4 -121
- package/es/vef-config-provider/store.js +2 -21
- package/es/vef-container/index.js +2 -18
- package/es/vef-crud-page/components/crud-actions.js +2 -32
- package/es/vef-crud-page/components/crud-filter.js +2 -54
- package/es/vef-crud-page/components/crud-footer.js +4 -116
- package/es/vef-crud-page/components/crud-form-modal.js +2 -53
- package/es/vef-crud-page/components/crud-header.js +2 -29
- package/es/vef-crud-page/components/crud-table.js +2 -76
- package/es/vef-crud-page/hooks/use-action-buttons.js +2 -37
- package/es/vef-crud-page/hooks/use-crud-context.js +2 -20
- package/es/vef-crud-page/hooks/use-crud-schema.js +2 -114
- package/es/vef-crud-page/hooks/use-operation-buttons.js +2 -60
- package/es/vef-crud-page/index.js +2 -150
- package/es/vef-crud-page/store.js +2 -142
- package/es/vef-divider/index.js +2 -24
- package/es/vef-drawer/components/action-button-wrapper.js +2 -49
- package/es/vef-drawer/components/button-props.js +1 -2
- package/es/vef-drawer/components/cancel-action-button.js +2 -21
- package/es/vef-drawer/components/ok-action-button.js +2 -20
- package/es/vef-drawer/context.js +2 -15
- package/es/vef-drawer/index.js +4 -154
- package/es/vef-dropdown/index.js +2 -92
- package/es/vef-dynamic-icon/index.js +2 -46
- package/es/vef-dynamic-icon/props.js +2 -6
- package/es/vef-empty/index.js +2 -37
- package/es/vef-empty-placeholder/index.js +5 -19
- package/es/vef-error/error-icon.js +2 -757
- package/es/vef-error/index.js +10 -48
- package/es/vef-filter/components/action-buttons.js +6 -119
- package/es/vef-filter/components/advanced-filter.js +9 -71
- package/es/vef-filter/components/basic-filter.js +5 -35
- package/es/vef-filter/components/fields/index.js +2 -11
- package/es/vef-filter/components/fields/input-number.js +2 -90
- package/es/vef-filter/components/fields/input.js +2 -67
- package/es/vef-filter/components/filter-field.js +2 -19
- package/es/vef-filter/components/filter-item.js +2 -112
- package/es/vef-filter/event.js +2 -44
- package/es/vef-filter/helper.js +2 -15
- package/es/vef-filter/hooks/use-action-handlers.js +2 -70
- package/es/vef-filter/hooks/use-computed-values.js +2 -55
- package/es/vef-filter/hooks/use-filter-context.js +2 -18
- package/es/vef-filter/hooks/use-filter-initialization.js +2 -37
- package/es/vef-filter/hooks/use-filter-instance.js +2 -26
- package/es/vef-filter/hooks/use-filter-items.js +2 -23
- package/es/vef-filter/hooks/use-filter-values-change.js +2 -30
- package/es/vef-filter/hooks/use-label-config.js +2 -27
- package/es/vef-filter/index.js +3 -141
- package/es/vef-filter/store.js +2 -71
- package/es/vef-flex/index.js +2 -31
- package/es/vef-float-button/index.js +2 -49
- package/es/vef-float-button-group/index.js +2 -20
- package/es/vef-form/components/fields/index.js +2 -11
- package/es/vef-form/components/fields/input-number.js +2 -123
- package/es/vef-form/components/fields/input.js +2 -132
- package/es/vef-form/components/form-actions.js +4 -58
- package/es/vef-form/components/form-content.js +3 -144
- package/es/vef-form/components/form-field.js +2 -22
- package/es/vef-form/components/form-group.js +4 -64
- package/es/vef-form/components/form-hidden-item.js +2 -36
- package/es/vef-form/components/form-item.js +2 -79
- package/es/vef-form/components/form-row.js +2 -98
- package/es/vef-form/event.js +2 -44
- package/es/vef-form/helper.js +2 -15
- package/es/vef-form/hooks/use-action-handlers.js +2 -130
- package/es/vef-form/hooks/use-columns-layout.js +2 -122
- package/es/vef-form/hooks/use-computed-values.js +2 -55
- package/es/vef-form/hooks/use-form-context.js +2 -14
- package/es/vef-form/hooks/use-form-initialization.js +2 -45
- package/es/vef-form/hooks/use-form-instance.js +2 -26
- package/es/vef-form/hooks/use-form-values-change.js +2 -30
- package/es/vef-form/hooks/use-label-width.js +2 -18
- package/es/vef-form/index.js +4 -174
- package/es/vef-form/store.js +2 -65
- package/es/vef-form/validation-rules.js +2 -286
- package/es/vef-form-drawer/index.js +2 -98
- package/es/vef-form-modal/index.js +2 -95
- package/es/vef-generic-select/index.js +2 -81
- package/es/vef-grid/index.js +7 -83
- package/es/vef-grid/props.js +2 -4
- package/es/vef-grid-item/index.js +2 -52
- package/es/vef-icon/index.js +2 -45
- package/es/vef-icon-select/index.js +12 -146
- package/es/vef-input/hooks/use-input-instance.js +2 -15
- package/es/vef-input/index.js +2 -64
- package/es/vef-input-number/hooks/use-input-number-instance.js +2 -13
- package/es/vef-input-number/index.js +2 -148
- package/es/vef-layout/common-styles.js +5 -10
- package/es/vef-layout/components/content.js +2 -13
- package/es/vef-layout/components/font-size.js +2 -68
- package/es/vef-layout/components/fullscreen.js +2 -23
- package/es/vef-layout/components/header-action-icons.js +7 -29
- package/es/vef-layout/components/header-content.js +2 -19
- package/es/vef-layout/components/header.js +7 -69
- package/es/vef-layout/components/icon-boy.js +2 -69
- package/es/vef-layout/components/icon-girl.js +2 -76
- package/es/vef-layout/components/icon-menu-fold-left.js +2 -23
- package/es/vef-layout/components/icon-menu-unfold-left.js +2 -23
- package/es/vef-layout/components/menu-groups.js +16 -123
- package/es/vef-layout/components/message.js +2 -11
- package/es/vef-layout/components/search.js +2 -11
- package/es/vef-layout/components/sider.js +6 -54
- package/es/vef-layout/components/title.js +9 -53
- package/es/vef-layout/components/user-avatar.js +10 -80
- package/es/vef-layout/hooks/use-layout-context.js +2 -10
- package/es/vef-layout/index.js +3 -33
- package/es/vef-layout/logo.svg.js +2 -4
- package/es/vef-layout/store.js +2 -16
- package/es/vef-loading-placeholder/index.js +6 -42
- package/es/vef-login/index.js +22 -152
- package/es/vef-login/login-icon.js +2 -668
- package/es/vef-menu/index.js +5 -77
- package/es/vef-modal/components/action-button-wrapper.js +2 -49
- package/es/vef-modal/components/button-props.js +1 -2
- package/es/vef-modal/components/cancel-action-button.js +2 -18
- package/es/vef-modal/components/ok-action-button.js +2 -20
- package/es/vef-modal/context.js +2 -15
- package/es/vef-modal/index.js +3 -239
- package/es/vef-not-found/index.js +10 -45
- package/es/vef-not-found/not-found-icon.js +2 -844
- package/es/vef-page/index.js +11 -87
- package/es/vef-pagination/index.js +2 -57
- package/es/vef-pagination/props.js +2 -13
- package/es/vef-paragraph/index.js +2 -89
- package/es/vef-password/hooks/use-password-instance.js +2 -13
- package/es/vef-password/index.js +2 -67
- package/es/vef-popconfirm/index.js +2 -56
- package/es/vef-popover/index.js +2 -29
- package/es/vef-radio/hooks/use-data-options.js +2 -40
- package/es/vef-radio/hooks/use-radio-instance.js +2 -20
- package/es/vef-radio/index.js +4 -88
- package/es/vef-rate/hooks/use-rate-instance.js +2 -13
- package/es/vef-rate/index.js +2 -30
- package/es/vef-responsive-container/index.js +3 -54
- package/es/vef-responsive-item/index.js +3 -23
- package/es/vef-ribbon/index.js +2 -38
- package/es/vef-row/index.js +2 -12
- package/es/vef-scroll-area/components/scrollbar.js +8 -34
- package/es/vef-scroll-area/index.js +4 -69
- package/es/vef-select/components/option.js +4 -23
- package/es/vef-select/hooks/use-data-options.js +2 -47
- package/es/vef-select/hooks/use-field-names.js +2 -21
- package/es/vef-select/hooks/use-render-label.js +3 -23
- package/es/vef-select/hooks/use-render-option.js +2 -19
- package/es/vef-select/hooks/use-select-instance.js +2 -20
- package/es/vef-select/index.js +2 -100
- package/es/vef-slider/hooks/use-slider-instance.js +2 -13
- package/es/vef-slider/index.js +2 -34
- package/es/vef-sortable-list/components/overlay-item.js +3 -31
- package/es/vef-sortable-list/components/sortable-item.js +3 -75
- package/es/vef-sortable-list/hooks/use-merged-items.js +2 -21
- package/es/vef-sortable-list/index.js +2 -114
- package/es/vef-space/index.js +2 -25
- package/es/vef-spin/index.js +2 -12
- package/es/vef-splitter/index.js +2 -20
- package/es/vef-splitter-panel/index.js +2 -12
- package/es/vef-status/index.js +2 -37
- package/es/vef-table/components/columns/bool.js +2 -91
- package/es/vef-table/components/columns/code.js +2 -10
- package/es/vef-table/components/columns/data-dictionary.js +2 -92
- package/es/vef-table/components/columns/enum.js +2 -101
- package/es/vef-table/components/columns/file.js +2 -10
- package/es/vef-table/components/columns/icon.js +2 -10
- package/es/vef-table/components/columns/id.js +2 -82
- package/es/vef-table/components/columns/image.js +2 -11
- package/es/vef-table/components/columns/index.js +2 -33
- package/es/vef-table/components/columns/markdown.js +2 -10
- package/es/vef-table/components/columns/number.js +2 -83
- package/es/vef-table/components/columns/render.js +2 -28
- package/es/vef-table/components/columns/rich-text.js +2 -10
- package/es/vef-table/components/columns/text.js +2 -88
- package/es/vef-table/components/columns-settings.js +11 -195
- package/es/vef-table/components/operation-buttons.js +3 -230
- package/es/vef-table/components/settings-icon.js +4 -19
- package/es/vef-table/components/table-footer.js +4 -102
- package/es/vef-table/helper.js +2 -15
- package/es/vef-table/hooks/use-computed-batch-buttons.js +2 -33
- package/es/vef-table/hooks/use-computed-columns.js +2 -20
- package/es/vef-table/hooks/use-computed-values.js +2 -38
- package/es/vef-table/hooks/use-data.js +2 -53
- package/es/vef-table/hooks/use-default-column-configs.js +2 -27
- package/es/vef-table/hooks/use-display-value.js +2 -36
- package/es/vef-table/hooks/use-helper-columns.js +2 -67
- package/es/vef-table/hooks/use-operation-column-width.js +2 -50
- package/es/vef-table/hooks/use-pagination-props.js +2 -44
- package/es/vef-table/hooks/use-row-props.js +2 -39
- package/es/vef-table/hooks/use-row-selection-config.js +2 -112
- package/es/vef-table/hooks/use-selected-rows.js +2 -26
- package/es/vef-table/hooks/use-table-columns.js +2 -56
- package/es/vef-table/hooks/use-table-context.js +2 -21
- package/es/vef-table/hooks/use-table-instance.js +2 -15
- package/es/vef-table/hooks/use-table-summary.js +2 -42
- package/es/vef-table/hooks/use-table-width.js +2 -13
- package/es/vef-table/index.js +6 -227
- package/es/vef-table/store.js +2 -17
- package/es/vef-tabs/index.js +2 -25
- package/es/vef-tag/index.js +2 -28
- package/es/vef-temporal-picker/helper.js +2 -57
- package/es/vef-temporal-picker/hooks/use-dayjs-value.js +2 -18
- package/es/vef-temporal-picker/hooks/use-temporal-limit.js +2 -34
- package/es/vef-temporal-picker/hooks/use-temporal-picker-instance.js +2 -19
- package/es/vef-temporal-picker/index.js +2 -125
- package/es/vef-temporal-range-picker/helper.js +2 -57
- package/es/vef-temporal-range-picker/hooks/use-dayjs-values.js +2 -23
- package/es/vef-temporal-range-picker/hooks/use-temporal-limit.js +2 -34
- package/es/vef-temporal-range-picker/hooks/use-temporal-range-picker-instance.js +2 -19
- package/es/vef-temporal-range-picker/index.js +2 -128
- package/es/vef-temporal-range-picker/props.js +2 -4
- package/es/vef-text/index.js +2 -80
- package/es/vef-textarea/hooks/use-textarea-instance.js +2 -13
- package/es/vef-textarea/index.js +2 -67
- package/es/vef-title/index.js +7 -89
- package/es/vef-tooltip/index.js +2 -35
- package/es/vef-tree-select/hooks/use-change-handler.js +2 -33
- package/es/vef-tree-select/hooks/use-data-options.js +2 -45
- package/es/vef-tree-select/hooks/use-tree-select-instance.js +2 -20
- package/es/vef-tree-select/index.js +2 -86
- package/es/vef-virtual-grid/index.js +4 -107
- package/es/vef-virtual-list/index.js +5 -215
- package/lib/index.cjs +2 -168
- package/lib/internal/index.cjs +2 -10
- package/lib/internal/modern-normalize.css.cjs +2 -8
- package/lib/internal/utils.cjs +2 -10
- package/lib/vef-access-denied/access-denied-icon.cjs +2 -932
- package/lib/vef-access-denied/index.cjs +10 -49
- package/lib/vef-access-denied/props.cjs +2 -4
- package/lib/vef-action-buttons/index.cjs +2 -79
- package/lib/vef-action-buttons/props.cjs +2 -4
- package/lib/vef-auto-sizer/index.cjs +2 -10
- package/lib/vef-auto-sizer/props.cjs +2 -4
- package/lib/vef-avatar/index.cjs +2 -24
- package/lib/vef-avatar/props.cjs +2 -4
- package/lib/vef-avatar-group/index.cjs +2 -29
- package/lib/vef-avatar-group/props.cjs +2 -4
- package/lib/vef-badge/index.cjs +2 -51
- package/lib/vef-badge/props.cjs +2 -4
- package/lib/vef-bool/hooks/use-bool-instance.cjs +2 -38
- package/lib/vef-bool/index.cjs +2 -64
- package/lib/vef-bool/props.cjs +2 -4
- package/lib/vef-breadcrumb/index.cjs +2 -52
- package/lib/vef-breadcrumb/props.cjs +2 -4
- package/lib/vef-button/components/base-button.cjs +2 -77
- package/lib/vef-button/index.cjs +2 -155
- package/lib/vef-button/props.cjs +2 -4
- package/lib/vef-card/index.cjs +2 -29
- package/lib/vef-card/props.cjs +2 -4
- package/lib/vef-card-meta/index.cjs +2 -16
- package/lib/vef-card-meta/props.cjs +2 -4
- package/lib/vef-checkbox/hooks/use-checkbox-instance.cjs +2 -24
- package/lib/vef-checkbox/hooks/use-data-options.cjs +2 -44
- package/lib/vef-checkbox/index.cjs +4 -92
- package/lib/vef-checkbox/props.cjs +2 -4
- package/lib/vef-col/index.cjs +2 -15
- package/lib/vef-col/props.cjs +2 -4
- package/lib/vef-color-picker/index.cjs +2 -50
- package/lib/vef-color-picker/props.cjs +2 -4
- package/lib/vef-compact/index.cjs +2 -19
- package/lib/vef-compact/props.cjs +2 -4
- package/lib/vef-config-provider/global-style.cjs +16 -28
- package/lib/vef-config-provider/hooks/use-ui-config.cjs +2 -129
- package/lib/vef-config-provider/index.cjs +4 -125
- package/lib/vef-config-provider/props.cjs +2 -4
- package/lib/vef-config-provider/store.cjs +2 -27
- package/lib/vef-container/index.cjs +2 -22
- package/lib/vef-container/props.cjs +2 -4
- package/lib/vef-crud-page/components/crud-actions.cjs +2 -36
- package/lib/vef-crud-page/components/crud-filter.cjs +2 -58
- package/lib/vef-crud-page/components/crud-footer.cjs +4 -120
- package/lib/vef-crud-page/components/crud-form-modal.cjs +2 -57
- package/lib/vef-crud-page/components/crud-header.cjs +2 -33
- package/lib/vef-crud-page/components/crud-table.cjs +2 -80
- package/lib/vef-crud-page/hooks/use-action-buttons.cjs +2 -41
- package/lib/vef-crud-page/hooks/use-crud-context.cjs +2 -24
- package/lib/vef-crud-page/hooks/use-crud-schema.cjs +2 -118
- package/lib/vef-crud-page/hooks/use-operation-buttons.cjs +2 -64
- package/lib/vef-crud-page/index.cjs +2 -154
- package/lib/vef-crud-page/props.cjs +2 -4
- package/lib/vef-crud-page/store.cjs +2 -148
- package/lib/vef-crud-page/types.cjs +2 -4
- package/lib/vef-divider/index.cjs +2 -28
- package/lib/vef-divider/props.cjs +2 -4
- package/lib/vef-drawer/components/action-button-wrapper.cjs +2 -53
- package/lib/vef-drawer/components/button-props.cjs +2 -4
- package/lib/vef-drawer/components/cancel-action-button.cjs +2 -25
- package/lib/vef-drawer/components/ok-action-button.cjs +2 -24
- package/lib/vef-drawer/context.cjs +2 -21
- package/lib/vef-drawer/index.cjs +4 -159
- package/lib/vef-drawer/props.cjs +2 -4
- package/lib/vef-dropdown/index.cjs +2 -96
- package/lib/vef-dropdown/props.cjs +2 -4
- package/lib/vef-dynamic-icon/index.cjs +2 -50
- package/lib/vef-dynamic-icon/props.cjs +2 -10
- package/lib/vef-empty/index.cjs +2 -41
- package/lib/vef-empty/props.cjs +2 -4
- package/lib/vef-empty-placeholder/index.cjs +5 -23
- package/lib/vef-empty-placeholder/props.cjs +2 -4
- package/lib/vef-error/error-icon.cjs +2 -761
- package/lib/vef-error/index.cjs +10 -52
- package/lib/vef-error/props.cjs +2 -4
- package/lib/vef-filter/components/action-buttons.cjs +6 -123
- package/lib/vef-filter/components/advanced-filter.cjs +9 -75
- package/lib/vef-filter/components/basic-filter.cjs +5 -39
- package/lib/vef-filter/components/fields/index.cjs +2 -15
- package/lib/vef-filter/components/fields/input-number.cjs +2 -94
- package/lib/vef-filter/components/fields/input.cjs +2 -71
- package/lib/vef-filter/components/fields/props.cjs +2 -4
- package/lib/vef-filter/components/filter-field.cjs +2 -23
- package/lib/vef-filter/components/filter-item.cjs +2 -116
- package/lib/vef-filter/event.cjs +2 -48
- package/lib/vef-filter/helper.cjs +2 -19
- package/lib/vef-filter/hooks/use-action-handlers.cjs +2 -74
- package/lib/vef-filter/hooks/use-computed-values.cjs +2 -59
- package/lib/vef-filter/hooks/use-filter-context.cjs +2 -24
- package/lib/vef-filter/hooks/use-filter-initialization.cjs +2 -41
- package/lib/vef-filter/hooks/use-filter-instance.cjs +2 -30
- package/lib/vef-filter/hooks/use-filter-items.cjs +2 -27
- package/lib/vef-filter/hooks/use-filter-values-change.cjs +2 -34
- package/lib/vef-filter/hooks/use-label-config.cjs +2 -31
- package/lib/vef-filter/index.cjs +3 -145
- package/lib/vef-filter/props.cjs +2 -4
- package/lib/vef-filter/store.cjs +2 -77
- package/lib/vef-filter/types.cjs +2 -4
- package/lib/vef-flex/index.cjs +2 -35
- package/lib/vef-flex/props.cjs +2 -4
- package/lib/vef-float-button/index.cjs +2 -53
- package/lib/vef-float-button/props.cjs +2 -4
- package/lib/vef-float-button-group/index.cjs +2 -24
- package/lib/vef-float-button-group/props.cjs +2 -4
- package/lib/vef-form/components/fields/index.cjs +2 -15
- package/lib/vef-form/components/fields/input-number.cjs +2 -127
- package/lib/vef-form/components/fields/input.cjs +2 -136
- package/lib/vef-form/components/fields/props.cjs +2 -4
- package/lib/vef-form/components/form-actions.cjs +4 -62
- package/lib/vef-form/components/form-content.cjs +3 -148
- package/lib/vef-form/components/form-field.cjs +2 -26
- package/lib/vef-form/components/form-group.cjs +4 -68
- package/lib/vef-form/components/form-hidden-item.cjs +2 -40
- package/lib/vef-form/components/form-item.cjs +2 -83
- package/lib/vef-form/components/form-row.cjs +2 -102
- package/lib/vef-form/event.cjs +2 -48
- package/lib/vef-form/helper.cjs +2 -19
- package/lib/vef-form/hooks/use-action-handlers.cjs +2 -134
- package/lib/vef-form/hooks/use-columns-layout.cjs +2 -126
- package/lib/vef-form/hooks/use-computed-values.cjs +2 -59
- package/lib/vef-form/hooks/use-form-context.cjs +2 -20
- package/lib/vef-form/hooks/use-form-initialization.cjs +2 -49
- package/lib/vef-form/hooks/use-form-instance.cjs +2 -30
- package/lib/vef-form/hooks/use-form-values-change.cjs +2 -34
- package/lib/vef-form/hooks/use-label-width.cjs +2 -22
- package/lib/vef-form/index.cjs +4 -178
- package/lib/vef-form/props.cjs +2 -4
- package/lib/vef-form/store.cjs +2 -71
- package/lib/vef-form/types.cjs +2 -4
- package/lib/vef-form/validation-rules.cjs +2 -312
- package/lib/vef-form-drawer/index.cjs +2 -102
- package/lib/vef-form-drawer/props.cjs +2 -4
- package/lib/vef-form-modal/index.cjs +2 -99
- package/lib/vef-form-modal/props.cjs +2 -4
- package/lib/vef-generic-select/index.cjs +2 -85
- package/lib/vef-generic-select/props.cjs +2 -4
- package/lib/vef-grid/index.cjs +7 -87
- package/lib/vef-grid/props.cjs +2 -8
- package/lib/vef-grid-item/index.cjs +2 -56
- package/lib/vef-grid-item/props.cjs +2 -4
- package/lib/vef-icon/index.cjs +2 -49
- package/lib/vef-icon/props.cjs +2 -4
- package/lib/vef-icon-select/index.cjs +12 -150
- package/lib/vef-icon-select/props.cjs +2 -4
- package/lib/vef-input/hooks/use-input-instance.cjs +2 -19
- package/lib/vef-input/index.cjs +2 -68
- package/lib/vef-input/props.cjs +2 -4
- package/lib/vef-input-number/hooks/use-input-number-instance.cjs +2 -17
- package/lib/vef-input-number/index.cjs +2 -152
- package/lib/vef-input-number/props.cjs +2 -4
- package/lib/vef-layout/common-styles.cjs +5 -14
- package/lib/vef-layout/components/content.cjs +2 -17
- package/lib/vef-layout/components/font-size.cjs +2 -72
- package/lib/vef-layout/components/fullscreen.cjs +2 -27
- package/lib/vef-layout/components/header-action-icons.cjs +7 -33
- package/lib/vef-layout/components/header-content.cjs +2 -23
- package/lib/vef-layout/components/header.cjs +7 -73
- package/lib/vef-layout/components/icon-boy.cjs +2 -73
- package/lib/vef-layout/components/icon-girl.cjs +2 -80
- package/lib/vef-layout/components/icon-menu-fold-left.cjs +2 -27
- package/lib/vef-layout/components/icon-menu-unfold-left.cjs +2 -27
- package/lib/vef-layout/components/menu-groups.cjs +16 -127
- package/lib/vef-layout/components/message.cjs +2 -15
- package/lib/vef-layout/components/search.cjs +2 -15
- package/lib/vef-layout/components/sider.cjs +6 -58
- package/lib/vef-layout/components/title.cjs +9 -57
- package/lib/vef-layout/components/user-avatar.cjs +10 -84
- package/lib/vef-layout/hooks/use-layout-context.cjs +2 -16
- package/lib/vef-layout/index.cjs +3 -37
- package/lib/vef-layout/logo.svg.cjs +2 -8
- package/lib/vef-layout/props.cjs +2 -4
- package/lib/vef-layout/store.cjs +2 -22
- package/lib/vef-loading-placeholder/index.cjs +6 -46
- package/lib/vef-loading-placeholder/props.cjs +2 -4
- package/lib/vef-login/index.cjs +22 -156
- package/lib/vef-login/login-icon.cjs +2 -672
- package/lib/vef-login/props.cjs +2 -4
- package/lib/vef-menu/index.cjs +5 -81
- package/lib/vef-menu/props.cjs +2 -4
- package/lib/vef-modal/components/action-button-wrapper.cjs +2 -53
- package/lib/vef-modal/components/button-props.cjs +2 -4
- package/lib/vef-modal/components/cancel-action-button.cjs +2 -22
- package/lib/vef-modal/components/ok-action-button.cjs +2 -24
- package/lib/vef-modal/context.cjs +2 -21
- package/lib/vef-modal/index.cjs +3 -244
- package/lib/vef-modal/props.cjs +2 -4
- package/lib/vef-not-found/index.cjs +10 -49
- package/lib/vef-not-found/not-found-icon.cjs +2 -848
- package/lib/vef-not-found/props.cjs +2 -4
- package/lib/vef-page/index.cjs +11 -91
- package/lib/vef-page/props.cjs +2 -4
- package/lib/vef-pagination/index.cjs +2 -61
- package/lib/vef-pagination/props.cjs +2 -17
- package/lib/vef-paragraph/index.cjs +2 -93
- package/lib/vef-paragraph/props.cjs +2 -4
- package/lib/vef-password/hooks/use-password-instance.cjs +2 -17
- package/lib/vef-password/index.cjs +2 -71
- package/lib/vef-password/props.cjs +2 -4
- package/lib/vef-popconfirm/index.cjs +2 -60
- package/lib/vef-popconfirm/props.cjs +2 -4
- package/lib/vef-popover/index.cjs +2 -33
- package/lib/vef-popover/props.cjs +2 -4
- package/lib/vef-radio/hooks/use-data-options.cjs +2 -44
- package/lib/vef-radio/hooks/use-radio-instance.cjs +2 -24
- package/lib/vef-radio/index.cjs +4 -92
- package/lib/vef-radio/props.cjs +2 -4
- package/lib/vef-rate/hooks/use-rate-instance.cjs +2 -17
- package/lib/vef-rate/index.cjs +2 -34
- package/lib/vef-rate/props.cjs +2 -4
- package/lib/vef-responsive-container/index.cjs +3 -58
- package/lib/vef-responsive-container/props.cjs +2 -4
- package/lib/vef-responsive-item/index.cjs +3 -27
- package/lib/vef-responsive-item/props.cjs +2 -4
- package/lib/vef-ribbon/index.cjs +2 -42
- package/lib/vef-ribbon/props.cjs +2 -4
- package/lib/vef-row/index.cjs +2 -16
- package/lib/vef-row/props.cjs +2 -4
- package/lib/vef-scroll-area/components/scrollbar.cjs +8 -38
- package/lib/vef-scroll-area/index.cjs +4 -73
- package/lib/vef-scroll-area/props.cjs +2 -4
- package/lib/vef-select/components/option.cjs +4 -27
- package/lib/vef-select/hooks/use-data-options.cjs +2 -51
- package/lib/vef-select/hooks/use-field-names.cjs +2 -25
- package/lib/vef-select/hooks/use-render-label.cjs +3 -27
- package/lib/vef-select/hooks/use-render-option.cjs +2 -23
- package/lib/vef-select/hooks/use-select-instance.cjs +2 -24
- package/lib/vef-select/index.cjs +2 -104
- package/lib/vef-select/props.cjs +2 -4
- package/lib/vef-slider/hooks/use-slider-instance.cjs +2 -17
- package/lib/vef-slider/index.cjs +2 -38
- package/lib/vef-slider/props.cjs +2 -4
- package/lib/vef-sortable-list/components/overlay-item.cjs +3 -35
- package/lib/vef-sortable-list/components/sortable-item.cjs +3 -79
- package/lib/vef-sortable-list/hooks/use-merged-items.cjs +2 -25
- package/lib/vef-sortable-list/index.cjs +2 -118
- package/lib/vef-sortable-list/props.cjs +2 -4
- package/lib/vef-space/index.cjs +2 -29
- package/lib/vef-space/props.cjs +2 -4
- package/lib/vef-spin/index.cjs +2 -16
- package/lib/vef-spin/props.cjs +2 -4
- package/lib/vef-splitter/index.cjs +2 -24
- package/lib/vef-splitter/props.cjs +2 -4
- package/lib/vef-splitter-panel/index.cjs +2 -16
- package/lib/vef-splitter-panel/props.cjs +2 -4
- package/lib/vef-status/index.cjs +2 -41
- package/lib/vef-status/props.cjs +2 -4
- package/lib/vef-table/components/columns/bool.cjs +2 -95
- package/lib/vef-table/components/columns/code.cjs +2 -14
- package/lib/vef-table/components/columns/data-dictionary.cjs +2 -96
- package/lib/vef-table/components/columns/enum.cjs +2 -105
- package/lib/vef-table/components/columns/file.cjs +2 -14
- package/lib/vef-table/components/columns/icon.cjs +2 -14
- package/lib/vef-table/components/columns/id.cjs +2 -86
- package/lib/vef-table/components/columns/image.cjs +2 -15
- package/lib/vef-table/components/columns/index.cjs +2 -37
- package/lib/vef-table/components/columns/markdown.cjs +2 -14
- package/lib/vef-table/components/columns/number.cjs +2 -87
- package/lib/vef-table/components/columns/props.cjs +2 -4
- package/lib/vef-table/components/columns/render.cjs +2 -32
- package/lib/vef-table/components/columns/rich-text.cjs +2 -14
- package/lib/vef-table/components/columns/text.cjs +2 -92
- package/lib/vef-table/components/columns-settings.cjs +11 -199
- package/lib/vef-table/components/operation-buttons.cjs +3 -234
- package/lib/vef-table/components/settings-icon.cjs +4 -23
- package/lib/vef-table/components/table-footer.cjs +4 -106
- package/lib/vef-table/helper.cjs +2 -19
- package/lib/vef-table/hooks/use-computed-batch-buttons.cjs +2 -37
- package/lib/vef-table/hooks/use-computed-columns.cjs +2 -24
- package/lib/vef-table/hooks/use-computed-values.cjs +2 -42
- package/lib/vef-table/hooks/use-data.cjs +2 -57
- package/lib/vef-table/hooks/use-default-column-configs.cjs +2 -31
- package/lib/vef-table/hooks/use-display-value.cjs +2 -40
- package/lib/vef-table/hooks/use-helper-columns.cjs +2 -71
- package/lib/vef-table/hooks/use-operation-column-width.cjs +2 -54
- package/lib/vef-table/hooks/use-pagination-props.cjs +2 -48
- package/lib/vef-table/hooks/use-row-props.cjs +2 -43
- package/lib/vef-table/hooks/use-row-selection-config.cjs +2 -116
- package/lib/vef-table/hooks/use-selected-rows.cjs +2 -30
- package/lib/vef-table/hooks/use-table-columns.cjs +2 -60
- package/lib/vef-table/hooks/use-table-context.cjs +2 -27
- package/lib/vef-table/hooks/use-table-instance.cjs +2 -19
- package/lib/vef-table/hooks/use-table-summary.cjs +2 -46
- package/lib/vef-table/hooks/use-table-width.cjs +2 -17
- package/lib/vef-table/index.cjs +6 -231
- package/lib/vef-table/props.cjs +2 -4
- package/lib/vef-table/store.cjs +2 -23
- package/lib/vef-table/types.cjs +2 -4
- package/lib/vef-tabs/index.cjs +2 -29
- package/lib/vef-tabs/props.cjs +2 -4
- package/lib/vef-tag/index.cjs +2 -32
- package/lib/vef-tag/props.cjs +2 -4
- package/lib/vef-temporal-picker/helper.cjs +2 -61
- package/lib/vef-temporal-picker/hooks/use-dayjs-value.cjs +2 -22
- package/lib/vef-temporal-picker/hooks/use-temporal-limit.cjs +2 -38
- package/lib/vef-temporal-picker/hooks/use-temporal-picker-instance.cjs +2 -23
- package/lib/vef-temporal-picker/index.cjs +2 -129
- package/lib/vef-temporal-picker/props.cjs +2 -4
- package/lib/vef-temporal-range-picker/helper.cjs +2 -61
- package/lib/vef-temporal-range-picker/hooks/use-dayjs-values.cjs +2 -27
- package/lib/vef-temporal-range-picker/hooks/use-temporal-limit.cjs +2 -38
- package/lib/vef-temporal-range-picker/hooks/use-temporal-range-picker-instance.cjs +2 -23
- package/lib/vef-temporal-range-picker/index.cjs +2 -132
- package/lib/vef-temporal-range-picker/props.cjs +2 -8
- package/lib/vef-text/index.cjs +2 -84
- package/lib/vef-text/props.cjs +2 -4
- package/lib/vef-textarea/hooks/use-textarea-instance.cjs +2 -17
- package/lib/vef-textarea/index.cjs +2 -71
- package/lib/vef-textarea/props.cjs +2 -4
- package/lib/vef-title/index.cjs +7 -93
- package/lib/vef-title/props.cjs +2 -4
- package/lib/vef-tooltip/index.cjs +2 -39
- package/lib/vef-tooltip/props.cjs +2 -4
- package/lib/vef-tree-select/hooks/use-change-handler.cjs +2 -37
- package/lib/vef-tree-select/hooks/use-data-options.cjs +2 -49
- package/lib/vef-tree-select/hooks/use-tree-select-instance.cjs +2 -24
- package/lib/vef-tree-select/index.cjs +2 -90
- package/lib/vef-tree-select/props.cjs +2 -4
- package/lib/vef-virtual-grid/index.cjs +4 -111
- package/lib/vef-virtual-grid/props.cjs +2 -4
- package/lib/vef-virtual-list/index.cjs +5 -219
- package/lib/vef-virtual-list/props.cjs +2 -4
- package/package.json +4 -4
- package/types/vef-config-provider/hooks/use-ui-config.d.ts +0 -1
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
/*! VefFramework version: 1.0.
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
/*! VefFramework version: 1.0.65, build time: 2025-01-10T02:44:47.916Z, made by Venus. */
|
|
2
|
+
"use strict";
|
|
5
3
|
/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
|
package/lib/vef-space/index.cjs
CHANGED
|
@@ -1,30 +1,3 @@
|
|
|
1
|
-
/*! VefFramework version: 1.0.
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
|
|
5
|
-
|
|
6
|
-
const jsxRuntime = require('@emotion/react/jsx-runtime');
|
|
7
|
-
const hooks = require('@vef-framework/hooks');
|
|
8
|
-
const shared = require('@vef-framework/shared');
|
|
9
|
-
const antd = require('antd');
|
|
10
|
-
const react = require('react');
|
|
11
|
-
|
|
12
|
-
function VefSpace({
|
|
13
|
-
gap,
|
|
14
|
-
...restProps
|
|
15
|
-
}) {
|
|
16
|
-
const normalizeGapSize = hooks.useGapSizeNormalizer();
|
|
17
|
-
const size = react.useMemo(() => {
|
|
18
|
-
if (shared.isArray(gap)) {
|
|
19
|
-
return gap.map((it) => normalizeGapSize(it));
|
|
20
|
-
}
|
|
21
|
-
if (gap) {
|
|
22
|
-
return normalizeGapSize(gap);
|
|
23
|
-
}
|
|
24
|
-
return gap;
|
|
25
|
-
}, [gap, normalizeGapSize]);
|
|
26
|
-
return /* @__PURE__ */ jsxRuntime.jsx(antd.Space, { size, ...restProps });
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
exports.default = VefSpace;
|
|
1
|
+
/*! VefFramework version: 1.0.65, build time: 2025-01-10T02:44:47.916Z, made by Venus. */
|
|
2
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),r=require("@vef-framework/hooks"),o=require("@vef-framework/shared"),t=require("antd"),a=require("react");exports.default=function VefSpace({gap:i,...s}){const u=r.useGapSizeNormalizer(),n=a.useMemo((()=>o.isArray(i)?i.map((e=>u(e))):i?u(i):i),[i,u]);return e.jsx(t.Space,{size:n,...s})};
|
|
30
3
|
/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
|
package/lib/vef-space/props.cjs
CHANGED
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
/*! VefFramework version: 1.0.
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
/*! VefFramework version: 1.0.65, build time: 2025-01-10T02:44:47.916Z, made by Venus. */
|
|
2
|
+
"use strict";
|
|
5
3
|
/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
|
package/lib/vef-spin/index.cjs
CHANGED
|
@@ -1,17 +1,3 @@
|
|
|
1
|
-
/*! VefFramework version: 1.0.
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
|
|
5
|
-
|
|
6
|
-
const jsxRuntime = require('@emotion/react/jsx-runtime');
|
|
7
|
-
const antd = require('antd');
|
|
8
|
-
|
|
9
|
-
function VefSpin({
|
|
10
|
-
size,
|
|
11
|
-
...restProps
|
|
12
|
-
}) {
|
|
13
|
-
return /* @__PURE__ */ jsxRuntime.jsx(antd.Spin, { size: size === "medium" ? "default" : size, ...restProps });
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
exports.default = VefSpin;
|
|
1
|
+
/*! VefFramework version: 1.0.65, build time: 2025-01-10T02:44:47.916Z, made by Venus. */
|
|
2
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),t=require("antd");exports.default=function VefSpin({size:i,...r}){return e.jsx(t.Spin,{size:"medium"===i?"default":i,...r})};
|
|
17
3
|
/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
|
package/lib/vef-spin/props.cjs
CHANGED
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
/*! VefFramework version: 1.0.
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
/*! VefFramework version: 1.0.65, build time: 2025-01-10T02:44:47.916Z, made by Venus. */
|
|
2
|
+
"use strict";
|
|
5
3
|
/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
|
|
@@ -1,25 +1,3 @@
|
|
|
1
|
-
/*! VefFramework version: 1.0.
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
|
|
5
|
-
|
|
6
|
-
const jsxRuntime = require('@emotion/react/jsx-runtime');
|
|
7
|
-
const antd = require('antd');
|
|
8
|
-
|
|
9
|
-
function VefSplitter({
|
|
10
|
-
orientation,
|
|
11
|
-
onResizeBegin,
|
|
12
|
-
...rest
|
|
13
|
-
}) {
|
|
14
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
15
|
-
antd.Splitter,
|
|
16
|
-
{
|
|
17
|
-
layout: orientation,
|
|
18
|
-
onResizeStart: onResizeBegin,
|
|
19
|
-
...rest
|
|
20
|
-
}
|
|
21
|
-
);
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
exports.default = VefSplitter;
|
|
1
|
+
/*! VefFramework version: 1.0.65, build time: 2025-01-10T02:44:47.916Z, made by Venus. */
|
|
2
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),t=require("antd");exports.default=function VefSplitter({orientation:r,onResizeBegin:i,...o}){return e.jsx(t.Splitter,{layout:r,onResizeStart:i,...o})};
|
|
25
3
|
/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
|
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
/*! VefFramework version: 1.0.
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
/*! VefFramework version: 1.0.65, build time: 2025-01-10T02:44:47.916Z, made by Venus. */
|
|
2
|
+
"use strict";
|
|
5
3
|
/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
|
|
@@ -1,17 +1,3 @@
|
|
|
1
|
-
/*! VefFramework version: 1.0.
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
|
|
5
|
-
|
|
6
|
-
const jsxRuntime = require('@emotion/react/jsx-runtime');
|
|
7
|
-
const antd = require('antd');
|
|
8
|
-
|
|
9
|
-
const { Panel } = antd.Splitter;
|
|
10
|
-
function VefSplitterPanel({
|
|
11
|
-
...rest
|
|
12
|
-
}) {
|
|
13
|
-
return /* @__PURE__ */ jsxRuntime.jsx(Panel, { ...rest });
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
exports.default = VefSplitterPanel;
|
|
1
|
+
/*! VefFramework version: 1.0.65, build time: 2025-01-10T02:44:47.916Z, made by Venus. */
|
|
2
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),t=require("antd"),{Panel:r}=t.Splitter;exports.default=function VefSplitterPanel({...t}){return e.jsx(r,{...t})};
|
|
17
3
|
/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
|
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
/*! VefFramework version: 1.0.
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
/*! VefFramework version: 1.0.65, build time: 2025-01-10T02:44:47.916Z, made by Venus. */
|
|
2
|
+
"use strict";
|
|
5
3
|
/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
|
package/lib/vef-status/index.cjs
CHANGED
|
@@ -1,42 +1,3 @@
|
|
|
1
|
-
/*! VefFramework version: 1.0.
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
|
|
5
|
-
|
|
6
|
-
const jsxRuntime = require('@emotion/react/jsx-runtime');
|
|
7
|
-
const hooks = require('@vef-framework/hooks');
|
|
8
|
-
const antd = require('antd');
|
|
9
|
-
const react = require('react');
|
|
10
|
-
|
|
11
|
-
function VefStatus({
|
|
12
|
-
processing = false,
|
|
13
|
-
color = "default",
|
|
14
|
-
children
|
|
15
|
-
}) {
|
|
16
|
-
const colorTokens = hooks.useColorTokens();
|
|
17
|
-
const badgeProps = react.useMemo(() => {
|
|
18
|
-
if (color === "default") {
|
|
19
|
-
return {
|
|
20
|
-
status: "default",
|
|
21
|
-
text: children
|
|
22
|
-
};
|
|
23
|
-
}
|
|
24
|
-
if (colorTokens.has(color)) {
|
|
25
|
-
return {
|
|
26
|
-
status: processing ? "processing" : "default",
|
|
27
|
-
color: colorTokens.get(color),
|
|
28
|
-
text: children
|
|
29
|
-
};
|
|
30
|
-
}
|
|
31
|
-
throw new Error(`Invalid color value "${color}" of VefStatus component. Color must be either "default" or a valid color token.`);
|
|
32
|
-
}, [
|
|
33
|
-
color,
|
|
34
|
-
colorTokens,
|
|
35
|
-
processing,
|
|
36
|
-
children
|
|
37
|
-
]);
|
|
38
|
-
return /* @__PURE__ */ jsxRuntime.jsx(antd.Badge, { ...badgeProps });
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
exports.default = VefStatus;
|
|
1
|
+
/*! VefFramework version: 1.0.65, build time: 2025-01-10T02:44:47.916Z, made by Venus. */
|
|
2
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),t=require("@vef-framework/hooks"),r=require("antd"),o=require("react");exports.default=function VefStatus({processing:u=!1,color:s="default",children:a}){const l=t.useColorTokens(),n=o.useMemo((()=>{if("default"===s)return{status:"default",text:a};if(l.has(s))return{status:u?"processing":"default",color:l.get(s),text:a};throw new Error(`Invalid color value "${s}" of VefStatus component. Color must be either "default" or a valid color token.`)}),[s,l,u,a]);return e.jsx(r.Badge,{...n})};
|
|
42
3
|
/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
|
package/lib/vef-status/props.cjs
CHANGED
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
/*! VefFramework version: 1.0.
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
/*! VefFramework version: 1.0.65, build time: 2025-01-10T02:44:47.916Z, made by Venus. */
|
|
2
|
+
"use strict";
|
|
5
3
|
/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
|
|
@@ -1,96 +1,3 @@
|
|
|
1
|
-
/*! VefFramework version: 1.0.
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
|
|
5
|
-
|
|
6
|
-
const jsxRuntime = require('@emotion/react/jsx-runtime');
|
|
7
|
-
const react$1 = require('@emotion/react');
|
|
8
|
-
const shared = require('@vef-framework/shared');
|
|
9
|
-
const react = require('react');
|
|
10
|
-
const index = require('../../../vef-text/index.cjs');
|
|
11
|
-
const useComputedValues = require('../../hooks/use-computed-values.cjs');
|
|
12
|
-
|
|
13
|
-
function Bool({
|
|
14
|
-
value,
|
|
15
|
-
record,
|
|
16
|
-
rowIndex,
|
|
17
|
-
columnProps
|
|
18
|
-
}) {
|
|
19
|
-
if (columnProps.type !== "Boolean") {
|
|
20
|
-
throw new shared.VefError(-1, "Column type must be Boolean");
|
|
21
|
-
}
|
|
22
|
-
const {
|
|
23
|
-
defaultValue,
|
|
24
|
-
trueText = "\u662F",
|
|
25
|
-
falseText = "\u5426",
|
|
26
|
-
bold,
|
|
27
|
-
italic,
|
|
28
|
-
color,
|
|
29
|
-
width
|
|
30
|
-
} = columnProps;
|
|
31
|
-
const [boldToUse, italicToUse, colorOrMapping] = useComputedValues.useComputedValues(
|
|
32
|
-
[
|
|
33
|
-
{
|
|
34
|
-
key: "bold",
|
|
35
|
-
rawValue: bold,
|
|
36
|
-
defaultValue: false
|
|
37
|
-
},
|
|
38
|
-
{
|
|
39
|
-
key: "italic",
|
|
40
|
-
rawValue: italic,
|
|
41
|
-
defaultValue: false
|
|
42
|
-
},
|
|
43
|
-
{
|
|
44
|
-
key: "color",
|
|
45
|
-
rawValue: color
|
|
46
|
-
}
|
|
47
|
-
],
|
|
48
|
-
value,
|
|
49
|
-
record,
|
|
50
|
-
rowIndex
|
|
51
|
-
);
|
|
52
|
-
const colorToUse = react.useMemo(() => {
|
|
53
|
-
if (shared.isString(colorOrMapping)) {
|
|
54
|
-
return colorOrMapping;
|
|
55
|
-
}
|
|
56
|
-
if (colorOrMapping) {
|
|
57
|
-
if (!shared.isNullish(value) && Object.hasOwn(colorOrMapping, value)) {
|
|
58
|
-
return colorOrMapping[value];
|
|
59
|
-
} else {
|
|
60
|
-
return colorOrMapping["*"];
|
|
61
|
-
}
|
|
62
|
-
}
|
|
63
|
-
}, [colorOrMapping, value]);
|
|
64
|
-
const valueToDisplay = react.useMemo(() => {
|
|
65
|
-
if (value) {
|
|
66
|
-
return value ? trueText : falseText;
|
|
67
|
-
}
|
|
68
|
-
return defaultValue;
|
|
69
|
-
}, [
|
|
70
|
-
value,
|
|
71
|
-
trueText,
|
|
72
|
-
falseText,
|
|
73
|
-
defaultValue
|
|
74
|
-
]);
|
|
75
|
-
const cssToUse = react.useMemo(() => {
|
|
76
|
-
if (width) {
|
|
77
|
-
return react$1.css({
|
|
78
|
-
maxWidth: `${width}px !important`
|
|
79
|
-
});
|
|
80
|
-
}
|
|
81
|
-
}, [width]);
|
|
82
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
83
|
-
index.default,
|
|
84
|
-
{
|
|
85
|
-
bold: boldToUse,
|
|
86
|
-
color: colorToUse,
|
|
87
|
-
css: cssToUse,
|
|
88
|
-
italic: italicToUse,
|
|
89
|
-
children: valueToDisplay
|
|
90
|
-
}
|
|
91
|
-
);
|
|
92
|
-
}
|
|
93
|
-
const BoolMemo = react.memo(Bool, shared.isDeepEqual);
|
|
94
|
-
|
|
95
|
-
exports.default = BoolMemo;
|
|
1
|
+
/*! VefFramework version: 1.0.65, build time: 2025-01-10T02:44:47.916Z, made by Venus. */
|
|
2
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),o=require("@emotion/react"),r=require("@vef-framework/shared"),t=require("react"),u=require("../../../vef-text/index.cjs"),l=require("../../hooks/use-computed-values.cjs");const a=t.memo((function Bool({value:a,record:s,rowIndex:i,columnProps:c}){if("Boolean"!==c.type)throw new r.VefError(-1,"Column type must be Boolean");const{defaultValue:n,trueText:d="是",falseText:m="否",bold:f,italic:p,color:x,width:w}=c,[h,V,b]=l.useComputedValues([{key:"bold",rawValue:f,defaultValue:!1},{key:"italic",rawValue:p,defaultValue:!1},{key:"color",rawValue:x}],a,s,i),q=t.useMemo((()=>r.isString(b)?b:b?!r.isNullish(a)&&Object.hasOwn(b,a)?b[a]:b["*"]:void 0),[b,a]),v=t.useMemo((()=>a?a?d:m:n),[a,d,m,n]),j=t.useMemo((()=>{if(w)return o.css({maxWidth:`${w}px !important`})}),[w]);return e.jsx(u.default,{bold:h,color:q,css:j,italic:V,children:v})}),r.isDeepEqual);exports.default=a;
|
|
96
3
|
/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
|
|
@@ -1,15 +1,3 @@
|
|
|
1
|
-
/*! VefFramework version: 1.0.
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
|
|
5
|
-
|
|
6
|
-
const jsxRuntime = require('@emotion/react/jsx-runtime');
|
|
7
|
-
|
|
8
|
-
function Code({
|
|
9
|
-
value
|
|
10
|
-
}) {
|
|
11
|
-
return /* @__PURE__ */ jsxRuntime.jsx("span", { children: value });
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
exports.default = Code;
|
|
1
|
+
/*! VefFramework version: 1.0.65, build time: 2025-01-10T02:44:47.916Z, made by Venus. */
|
|
2
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime");exports.default=function Code({value:t}){return e.jsx("span",{children:t})};
|
|
15
3
|
/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
|
|
@@ -1,97 +1,3 @@
|
|
|
1
|
-
/*! VefFramework version: 1.0.
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
|
|
5
|
-
|
|
6
|
-
const jsxRuntime = require('@emotion/react/jsx-runtime');
|
|
7
|
-
const react$1 = require('@emotion/react');
|
|
8
|
-
const shared = require('@vef-framework/shared');
|
|
9
|
-
const react = require('react');
|
|
10
|
-
const index = require('../../../vef-text/index.cjs');
|
|
11
|
-
const useComputedValues = require('../../hooks/use-computed-values.cjs');
|
|
12
|
-
|
|
13
|
-
const DATA_DICTIONARY_NAME_SUFFIX = "Name";
|
|
14
|
-
function DataDictionary({
|
|
15
|
-
value,
|
|
16
|
-
record,
|
|
17
|
-
rowIndex,
|
|
18
|
-
columnProps
|
|
19
|
-
}) {
|
|
20
|
-
if (columnProps.type !== "DataDictionary") {
|
|
21
|
-
throw new shared.VefError(-1, "Column type must be DataDictionary");
|
|
22
|
-
}
|
|
23
|
-
const {
|
|
24
|
-
name,
|
|
25
|
-
defaultValue,
|
|
26
|
-
ellipsis,
|
|
27
|
-
bold,
|
|
28
|
-
italic,
|
|
29
|
-
color,
|
|
30
|
-
width
|
|
31
|
-
} = columnProps;
|
|
32
|
-
const [boldToUse, italicToUse, colorOrMapping] = useComputedValues.useComputedValues(
|
|
33
|
-
[
|
|
34
|
-
{
|
|
35
|
-
key: "bold",
|
|
36
|
-
rawValue: bold,
|
|
37
|
-
defaultValue: false
|
|
38
|
-
},
|
|
39
|
-
{
|
|
40
|
-
key: "italic",
|
|
41
|
-
rawValue: italic,
|
|
42
|
-
defaultValue: false
|
|
43
|
-
},
|
|
44
|
-
{
|
|
45
|
-
key: "color",
|
|
46
|
-
rawValue: color
|
|
47
|
-
}
|
|
48
|
-
],
|
|
49
|
-
value,
|
|
50
|
-
record,
|
|
51
|
-
rowIndex
|
|
52
|
-
);
|
|
53
|
-
const colorToUse = react.useMemo(() => {
|
|
54
|
-
if (shared.isString(colorOrMapping)) {
|
|
55
|
-
return colorOrMapping;
|
|
56
|
-
}
|
|
57
|
-
if (colorOrMapping) {
|
|
58
|
-
if (!shared.isNullish(value) && Object.hasOwn(colorOrMapping, value)) {
|
|
59
|
-
return colorOrMapping[value];
|
|
60
|
-
} else {
|
|
61
|
-
return colorOrMapping["*"];
|
|
62
|
-
}
|
|
63
|
-
}
|
|
64
|
-
}, [colorOrMapping, value]);
|
|
65
|
-
const valueToDisplay = react.useMemo(() => {
|
|
66
|
-
if (shared.isNullish(value) || shared.isNullish(record[`${name}${DATA_DICTIONARY_NAME_SUFFIX}`])) {
|
|
67
|
-
return defaultValue;
|
|
68
|
-
}
|
|
69
|
-
return record[`${name}${DATA_DICTIONARY_NAME_SUFFIX}`];
|
|
70
|
-
}, [
|
|
71
|
-
value,
|
|
72
|
-
record,
|
|
73
|
-
name,
|
|
74
|
-
defaultValue
|
|
75
|
-
]);
|
|
76
|
-
const cssToUse = react.useMemo(() => {
|
|
77
|
-
if (width) {
|
|
78
|
-
return react$1.css({
|
|
79
|
-
maxWidth: `${width}px !important`
|
|
80
|
-
});
|
|
81
|
-
}
|
|
82
|
-
}, [width]);
|
|
83
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
84
|
-
index.default,
|
|
85
|
-
{
|
|
86
|
-
bold: boldToUse,
|
|
87
|
-
color: colorToUse,
|
|
88
|
-
css: cssToUse,
|
|
89
|
-
ellipsis,
|
|
90
|
-
italic: italicToUse,
|
|
91
|
-
children: valueToDisplay
|
|
92
|
-
}
|
|
93
|
-
);
|
|
94
|
-
}
|
|
95
|
-
|
|
96
|
-
exports.default = DataDictionary;
|
|
1
|
+
/*! VefFramework version: 1.0.65, build time: 2025-01-10T02:44:47.916Z, made by Venus. */
|
|
2
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),r=require("@emotion/react"),t=require("@vef-framework/shared"),i=require("react"),o=require("../../../vef-text/index.cjs"),a=require("../../hooks/use-computed-values.cjs"),u="Name";exports.default=function DataDictionary({value:l,record:s,rowIndex:c,columnProps:n}){if("DataDictionary"!==n.type)throw new t.VefError(-1,"Column type must be DataDictionary");const{name:d,defaultValue:m,ellipsis:f,bold:p,italic:h,color:w,width:x}=n,[y,V,b]=a.useComputedValues([{key:"bold",rawValue:p,defaultValue:!1},{key:"italic",rawValue:h,defaultValue:!1},{key:"color",rawValue:w}],l,s,c),v=i.useMemo((()=>t.isString(b)?b:b?!t.isNullish(l)&&Object.hasOwn(b,l)?b[l]:b["*"]:void 0),[b,l]),j=i.useMemo((()=>t.isNullish(l)||t.isNullish(s[`${d}${u}`])?m:s[`${d}${u}`]),[l,s,d,m]),q=i.useMemo((()=>{if(x)return r.css({maxWidth:`${x}px !important`})}),[x]);return e.jsx(o.default,{bold:y,color:v,css:q,ellipsis:f,italic:V,children:j})};
|
|
97
3
|
/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
|
|
@@ -1,106 +1,3 @@
|
|
|
1
|
-
/*! VefFramework version: 1.0.
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
|
|
5
|
-
|
|
6
|
-
const jsxRuntime = require('@emotion/react/jsx-runtime');
|
|
7
|
-
const react = require('@emotion/react');
|
|
8
|
-
const shared = require('@vef-framework/shared');
|
|
9
|
-
const react$1 = require('react');
|
|
10
|
-
const index = require('../../../vef-tag/index.cjs');
|
|
11
|
-
const index$1 = require('../../../vef-text/index.cjs');
|
|
12
|
-
const useComputedValues = require('../../hooks/use-computed-values.cjs');
|
|
13
|
-
|
|
14
|
-
const ENUM_NAME_SUFFIX = "Name";
|
|
15
|
-
const tagTextStyle = react.css({
|
|
16
|
-
color: "inherit",
|
|
17
|
-
fontSize: "inherit"
|
|
18
|
-
});
|
|
19
|
-
function Enum({
|
|
20
|
-
value,
|
|
21
|
-
record,
|
|
22
|
-
rowIndex,
|
|
23
|
-
columnProps
|
|
24
|
-
}) {
|
|
25
|
-
if (columnProps.type !== "Enum") {
|
|
26
|
-
throw new shared.VefError(-1, "Column type must be Enum");
|
|
27
|
-
}
|
|
28
|
-
const {
|
|
29
|
-
name,
|
|
30
|
-
defaultValue,
|
|
31
|
-
showAsTag = true,
|
|
32
|
-
bold,
|
|
33
|
-
italic,
|
|
34
|
-
ellipsis,
|
|
35
|
-
color,
|
|
36
|
-
width
|
|
37
|
-
} = columnProps;
|
|
38
|
-
const [boldToUse, italicToUse, colorOrMapping] = useComputedValues.useComputedValues(
|
|
39
|
-
[
|
|
40
|
-
{
|
|
41
|
-
key: "bold",
|
|
42
|
-
rawValue: bold,
|
|
43
|
-
defaultValue: false
|
|
44
|
-
},
|
|
45
|
-
{
|
|
46
|
-
key: "italic",
|
|
47
|
-
rawValue: italic,
|
|
48
|
-
defaultValue: false
|
|
49
|
-
},
|
|
50
|
-
{
|
|
51
|
-
key: "color",
|
|
52
|
-
rawValue: color
|
|
53
|
-
}
|
|
54
|
-
],
|
|
55
|
-
value,
|
|
56
|
-
record,
|
|
57
|
-
rowIndex
|
|
58
|
-
);
|
|
59
|
-
const colorToUse = react$1.useMemo(() => {
|
|
60
|
-
if (shared.isString(colorOrMapping)) {
|
|
61
|
-
return colorOrMapping;
|
|
62
|
-
}
|
|
63
|
-
if (colorOrMapping) {
|
|
64
|
-
if (!shared.isNullish(value) && Object.hasOwn(colorOrMapping, value)) {
|
|
65
|
-
return colorOrMapping[value];
|
|
66
|
-
} else {
|
|
67
|
-
return colorOrMapping["*"];
|
|
68
|
-
}
|
|
69
|
-
}
|
|
70
|
-
}, [colorOrMapping, value]);
|
|
71
|
-
const valueToDisplay = react$1.useMemo(() => {
|
|
72
|
-
if (shared.isNullish(value) || shared.isNullish(record[`${name}${ENUM_NAME_SUFFIX}`])) {
|
|
73
|
-
return defaultValue;
|
|
74
|
-
}
|
|
75
|
-
return record[`${name}${ENUM_NAME_SUFFIX}`];
|
|
76
|
-
}, [
|
|
77
|
-
value,
|
|
78
|
-
record,
|
|
79
|
-
name,
|
|
80
|
-
defaultValue
|
|
81
|
-
]);
|
|
82
|
-
const cssToUse = react$1.useMemo(() => {
|
|
83
|
-
if (width) {
|
|
84
|
-
return react.css({
|
|
85
|
-
maxWidth: `${width}px !important`
|
|
86
|
-
});
|
|
87
|
-
}
|
|
88
|
-
}, [width]);
|
|
89
|
-
if (showAsTag) {
|
|
90
|
-
return /* @__PURE__ */ jsxRuntime.jsx(index.default, { color: colorToUse, children: /* @__PURE__ */ jsxRuntime.jsx(index$1.default, { bold: boldToUse, css: tagTextStyle, italic: italicToUse, children: valueToDisplay }) });
|
|
91
|
-
}
|
|
92
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
93
|
-
index$1.default,
|
|
94
|
-
{
|
|
95
|
-
bold: boldToUse,
|
|
96
|
-
color: colorToUse,
|
|
97
|
-
css: cssToUse,
|
|
98
|
-
ellipsis,
|
|
99
|
-
italic: italicToUse,
|
|
100
|
-
children: valueToDisplay
|
|
101
|
-
}
|
|
102
|
-
);
|
|
103
|
-
}
|
|
104
|
-
|
|
105
|
-
exports.default = Enum;
|
|
1
|
+
/*! VefFramework version: 1.0.65, build time: 2025-01-10T02:44:47.916Z, made by Venus. */
|
|
2
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),r=require("@emotion/react"),i=require("@vef-framework/shared"),l=require("react"),s=require("../../../vef-tag/index.cjs"),t=require("../../../vef-text/index.cjs"),u=require("../../hooks/use-computed-values.cjs"),o="Name",a=r.css({color:"inherit",fontSize:"inherit"});exports.default=function Enum({value:c,record:n,rowIndex:d,columnProps:m}){if("Enum"!==m.type)throw new i.VefError(-1,"Column type must be Enum");const{name:f,defaultValue:h,showAsTag:p=!0,bold:x,italic:w,ellipsis:j,color:b,width:v}=m,[V,q,y]=u.useComputedValues([{key:"bold",rawValue:x,defaultValue:!1},{key:"italic",rawValue:w,defaultValue:!1},{key:"color",rawValue:b}],c,n,d),g=l.useMemo((()=>i.isString(y)?y:y?!i.isNullish(c)&&Object.hasOwn(y,c)?y[c]:y["*"]:void 0),[y,c]),k=l.useMemo((()=>i.isNullish(c)||i.isNullish(n[`${f}${o}`])?h:n[`${f}${o}`]),[c,n,f,h]),M=l.useMemo((()=>{if(v)return r.css({maxWidth:`${v}px !important`})}),[v]);return p?e.jsx(s.default,{color:g,children:e.jsx(t.default,{bold:V,css:a,italic:q,children:k})}):e.jsx(t.default,{bold:V,color:g,css:M,ellipsis:j,italic:q,children:k})};
|
|
106
3
|
/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
|
|
@@ -1,15 +1,3 @@
|
|
|
1
|
-
/*! VefFramework version: 1.0.
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
|
|
5
|
-
|
|
6
|
-
const jsxRuntime = require('@emotion/react/jsx-runtime');
|
|
7
|
-
|
|
8
|
-
function File({
|
|
9
|
-
value
|
|
10
|
-
}) {
|
|
11
|
-
return /* @__PURE__ */ jsxRuntime.jsx("span", { children: value });
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
exports.default = File;
|
|
1
|
+
/*! VefFramework version: 1.0.65, build time: 2025-01-10T02:44:47.916Z, made by Venus. */
|
|
2
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime");exports.default=function File({value:t}){return e.jsx("span",{children:t})};
|
|
15
3
|
/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
|
|
@@ -1,15 +1,3 @@
|
|
|
1
|
-
/*! VefFramework version: 1.0.
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
|
|
5
|
-
|
|
6
|
-
const jsxRuntime = require('@emotion/react/jsx-runtime');
|
|
7
|
-
|
|
8
|
-
function Icon({
|
|
9
|
-
value
|
|
10
|
-
}) {
|
|
11
|
-
return /* @__PURE__ */ jsxRuntime.jsx("span", { children: value });
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
exports.default = Icon;
|
|
1
|
+
/*! VefFramework version: 1.0.65, build time: 2025-01-10T02:44:47.916Z, made by Venus. */
|
|
2
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime");exports.default=function Icon({value:t}){return e.jsx("span",{children:t})};
|
|
15
3
|
/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
|
|
@@ -1,87 +1,3 @@
|
|
|
1
|
-
/*! VefFramework version: 1.0.
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
|
|
5
|
-
|
|
6
|
-
const jsxRuntime = require('@emotion/react/jsx-runtime');
|
|
7
|
-
const react$1 = require('@emotion/react');
|
|
8
|
-
const shared = require('@vef-framework/shared');
|
|
9
|
-
const react = require('react');
|
|
10
|
-
const index = require('../../../vef-text/index.cjs');
|
|
11
|
-
const useComputedValues = require('../../hooks/use-computed-values.cjs');
|
|
12
|
-
|
|
13
|
-
const ID_NAME_SUFFIX = "Name";
|
|
14
|
-
const ID_NAME_REPLACE_REGEX = /Id$/;
|
|
15
|
-
function Id({
|
|
16
|
-
value,
|
|
17
|
-
record,
|
|
18
|
-
rowIndex,
|
|
19
|
-
columnProps
|
|
20
|
-
}) {
|
|
21
|
-
if (columnProps.type !== "Id") {
|
|
22
|
-
throw new shared.VefError(-1, "Column type must be Id");
|
|
23
|
-
}
|
|
24
|
-
const {
|
|
25
|
-
name,
|
|
26
|
-
defaultValue,
|
|
27
|
-
ellipsis,
|
|
28
|
-
bold,
|
|
29
|
-
italic,
|
|
30
|
-
color,
|
|
31
|
-
width
|
|
32
|
-
} = columnProps;
|
|
33
|
-
const [boldToUse, italicToUse, colorToUse] = useComputedValues.useComputedValues(
|
|
34
|
-
[
|
|
35
|
-
{
|
|
36
|
-
key: "bold",
|
|
37
|
-
rawValue: bold,
|
|
38
|
-
defaultValue: false
|
|
39
|
-
},
|
|
40
|
-
{
|
|
41
|
-
key: "italic",
|
|
42
|
-
rawValue: italic,
|
|
43
|
-
defaultValue: false
|
|
44
|
-
},
|
|
45
|
-
{
|
|
46
|
-
key: "color",
|
|
47
|
-
rawValue: color
|
|
48
|
-
}
|
|
49
|
-
],
|
|
50
|
-
value,
|
|
51
|
-
record,
|
|
52
|
-
rowIndex
|
|
53
|
-
);
|
|
54
|
-
const valueToDisplay = react.useMemo(() => {
|
|
55
|
-
const nameToUse = name.replace(ID_NAME_REPLACE_REGEX, ID_NAME_SUFFIX);
|
|
56
|
-
if (shared.isNullish(value) || shared.isNullish(record[nameToUse])) {
|
|
57
|
-
return defaultValue;
|
|
58
|
-
}
|
|
59
|
-
return record[nameToUse];
|
|
60
|
-
}, [
|
|
61
|
-
value,
|
|
62
|
-
record,
|
|
63
|
-
name,
|
|
64
|
-
defaultValue
|
|
65
|
-
]);
|
|
66
|
-
const cssToUse = react.useMemo(() => {
|
|
67
|
-
if (width) {
|
|
68
|
-
return react$1.css({
|
|
69
|
-
maxWidth: `${width}px !important`
|
|
70
|
-
});
|
|
71
|
-
}
|
|
72
|
-
}, [width]);
|
|
73
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
74
|
-
index.default,
|
|
75
|
-
{
|
|
76
|
-
bold: boldToUse,
|
|
77
|
-
color: colorToUse,
|
|
78
|
-
css: cssToUse,
|
|
79
|
-
ellipsis,
|
|
80
|
-
italic: italicToUse,
|
|
81
|
-
children: valueToDisplay
|
|
82
|
-
}
|
|
83
|
-
);
|
|
84
|
-
}
|
|
85
|
-
|
|
86
|
-
exports.default = Id;
|
|
1
|
+
/*! VefFramework version: 1.0.65, build time: 2025-01-10T02:44:47.916Z, made by Venus. */
|
|
2
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),r=require("@emotion/react"),t=require("@vef-framework/shared"),u=require("react"),l=require("../../../vef-text/index.cjs"),o=require("../../hooks/use-computed-values.cjs"),i=/Id$/;exports.default=function Id({value:s,record:a,rowIndex:c,columnProps:d}){if("Id"!==d.type)throw new t.VefError(-1,"Column type must be Id");const{name:n,defaultValue:m,ellipsis:f,bold:p,italic:x,color:h,width:w}=d,[V,b,q]=o.useComputedValues([{key:"bold",rawValue:p,defaultValue:!1},{key:"italic",rawValue:x,defaultValue:!1},{key:"color",rawValue:h}],s,a,c),v=u.useMemo((()=>{const e=n.replace(i,"Name");return t.isNullish(s)||t.isNullish(a[e])?m:a[e]}),[s,a,n,m]),y=u.useMemo((()=>{if(w)return r.css({maxWidth:`${w}px !important`})}),[w]);return e.jsx(l.default,{bold:V,color:q,css:y,ellipsis:f,italic:b,children:v})};
|
|
87
3
|
/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
|