@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
package/es/vef-form/store.js
CHANGED
|
@@ -1,66 +1,3 @@
|
|
|
1
|
-
/*! VefFramework version: 1.0.
|
|
2
|
-
import
|
|
3
|
-
|
|
4
|
-
const {
|
|
5
|
-
StoreProvider: FormStoreProvider,
|
|
6
|
-
useStore: useFormStore,
|
|
7
|
-
useStoreApi: useFormStoreApi
|
|
8
|
-
} = createComponentStore(
|
|
9
|
-
"Form",
|
|
10
|
-
(initialState) => (set, get) => ({
|
|
11
|
-
...initialState,
|
|
12
|
-
invokeValueChangeHandlers(values, keys) {
|
|
13
|
-
const {
|
|
14
|
-
scene,
|
|
15
|
-
valueChangeHandlers,
|
|
16
|
-
initialValues,
|
|
17
|
-
setValues
|
|
18
|
-
} = get();
|
|
19
|
-
const valuesToUse = values ?? initialValues;
|
|
20
|
-
const keySet = keys ? new Set(keys) : null;
|
|
21
|
-
for (const [name, handler] of Object.entries(valueChangeHandlers)) {
|
|
22
|
-
if (!keySet || keySet.has(name)) {
|
|
23
|
-
handler(
|
|
24
|
-
valuesToUse[name] ?? null,
|
|
25
|
-
{
|
|
26
|
-
values: valuesToUse,
|
|
27
|
-
scene,
|
|
28
|
-
setValues
|
|
29
|
-
}
|
|
30
|
-
);
|
|
31
|
-
}
|
|
32
|
-
}
|
|
33
|
-
},
|
|
34
|
-
getValues() {
|
|
35
|
-
const { form, initialValues } = get();
|
|
36
|
-
if (!form.isFieldsTouched(true)) {
|
|
37
|
-
return form.getFieldsValue();
|
|
38
|
-
}
|
|
39
|
-
return initialValues;
|
|
40
|
-
},
|
|
41
|
-
setValues(values) {
|
|
42
|
-
const {
|
|
43
|
-
form,
|
|
44
|
-
eventBus,
|
|
45
|
-
invokeValueChangeHandlers
|
|
46
|
-
} = get();
|
|
47
|
-
const previousValues = form.getFieldsValue();
|
|
48
|
-
const changedKeys = Object.keys(values).filter((key) => !isDeepEqual(values[key], previousValues[key]));
|
|
49
|
-
form.setFieldsValue(values);
|
|
50
|
-
const currentValues = form.getFieldsValue();
|
|
51
|
-
eventBus.emitChange(currentValues);
|
|
52
|
-
invokeValueChangeHandlers(currentValues, changedKeys);
|
|
53
|
-
},
|
|
54
|
-
isLoading: false,
|
|
55
|
-
setIsLoading(isLoading) {
|
|
56
|
-
set({ isLoading });
|
|
57
|
-
},
|
|
58
|
-
showActionButtons: true,
|
|
59
|
-
setShowActionButtons(showActionButtons) {
|
|
60
|
-
set({ showActionButtons });
|
|
61
|
-
}
|
|
62
|
-
})
|
|
63
|
-
);
|
|
64
|
-
|
|
65
|
-
export { FormStoreProvider, useFormStore, useFormStoreApi };
|
|
1
|
+
/*! VefFramework version: 1.0.65, build time: 2025-01-10T02:44:47.916Z, made by Venus. */
|
|
2
|
+
import{createComponentStore as e,isDeepEqual as s}from"@vef-framework/shared";const{StoreProvider:t,useStore:n,useStoreApi:o}=e("Form",(e=>(t,n)=>({...e,invokeValueChangeHandlers(e,s){const{scene:t,valueChangeHandlers:o,initialValues:a,setValues:l}=n(),i=e??a,u=s?new Set(s):null;for(const[e,s]of Object.entries(o))u&&!u.has(e)||s(i[e]??null,{values:i,scene:t,setValues:l})},getValues(){const{form:e,initialValues:s}=n();return e.isFieldsTouched(!0)?s:e.getFieldsValue()},setValues(e){const{form:t,eventBus:o,invokeValueChangeHandlers:a}=n(),l=t.getFieldsValue(),i=Object.keys(e).filter((t=>!s(e[t],l[t])));t.setFieldsValue(e);const u=t.getFieldsValue();o.emitChange(u),a(u,i)},isLoading:!1,setIsLoading(e){t({isLoading:e})},showActionButtons:!0,setShowActionButtons(e){t({showActionButtons:e})}})));export{t as FormStoreProvider,n as useFormStore,o as useFormStoreApi};
|
|
66
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,287 +1,3 @@
|
|
|
1
|
-
/*! VefFramework version: 1.0.
|
|
2
|
-
import
|
|
3
|
-
|
|
4
|
-
function isRequired(message) {
|
|
5
|
-
const isRequiredRule = () => [
|
|
6
|
-
{
|
|
7
|
-
required: true,
|
|
8
|
-
message
|
|
9
|
-
}
|
|
10
|
-
];
|
|
11
|
-
return isRequiredRule;
|
|
12
|
-
}
|
|
13
|
-
function isEqualsTo(target, message) {
|
|
14
|
-
const isEqualsToRule = ({ label }) => [
|
|
15
|
-
{
|
|
16
|
-
validator(_, value) {
|
|
17
|
-
if (isDeepEqual(value, target)) {
|
|
18
|
-
return Promise.resolve();
|
|
19
|
-
}
|
|
20
|
-
return Promise.reject(new VefError(-2, message ?? `${label ? `${label}\u7684\u503C` : "\u503C"}\u5FC5\u987B\u662F${target}`));
|
|
21
|
-
}
|
|
22
|
-
}
|
|
23
|
-
];
|
|
24
|
-
return isEqualsToRule;
|
|
25
|
-
}
|
|
26
|
-
function isNotEqualsTo(target, message) {
|
|
27
|
-
const isNotEqualsToRule = ({ label }) => [
|
|
28
|
-
{
|
|
29
|
-
validator(_, value) {
|
|
30
|
-
if (!isDeepEqual(value, target)) {
|
|
31
|
-
return Promise.resolve();
|
|
32
|
-
}
|
|
33
|
-
return Promise.reject(new VefError(-2, message ?? `${label ? `${label}\u7684\u503C` : "\u503C"}\u4E0D\u80FD\u662F${target}`));
|
|
34
|
-
}
|
|
35
|
-
}
|
|
36
|
-
];
|
|
37
|
-
return isNotEqualsToRule;
|
|
38
|
-
}
|
|
39
|
-
function isIn(allowed, message) {
|
|
40
|
-
const isInRule = () => [
|
|
41
|
-
{
|
|
42
|
-
type: "enum",
|
|
43
|
-
enum: allowed,
|
|
44
|
-
message
|
|
45
|
-
}
|
|
46
|
-
];
|
|
47
|
-
return isInRule;
|
|
48
|
-
}
|
|
49
|
-
function isMeetsMinSize(min, message) {
|
|
50
|
-
const isMeetsMinSizeRule = () => [
|
|
51
|
-
{
|
|
52
|
-
min,
|
|
53
|
-
message
|
|
54
|
-
}
|
|
55
|
-
];
|
|
56
|
-
return isMeetsMinSizeRule;
|
|
57
|
-
}
|
|
58
|
-
function isMeetsMaxSize(max, message) {
|
|
59
|
-
const isMeetsMaxSizeRule = () => [
|
|
60
|
-
{
|
|
61
|
-
max,
|
|
62
|
-
message
|
|
63
|
-
}
|
|
64
|
-
];
|
|
65
|
-
return isMeetsMaxSizeRule;
|
|
66
|
-
}
|
|
67
|
-
function isMeetsRangeSize(min, max, message) {
|
|
68
|
-
const isMeetsRangeSizeRule = () => [
|
|
69
|
-
{
|
|
70
|
-
min,
|
|
71
|
-
max,
|
|
72
|
-
message
|
|
73
|
-
}
|
|
74
|
-
];
|
|
75
|
-
return isMeetsRangeSizeRule;
|
|
76
|
-
}
|
|
77
|
-
function isAlpha(message) {
|
|
78
|
-
const isAlphaRule = ({ label }) => [
|
|
79
|
-
{
|
|
80
|
-
validator(_, value) {
|
|
81
|
-
if (validator.isAlpha(value)) {
|
|
82
|
-
return Promise.resolve();
|
|
83
|
-
}
|
|
84
|
-
return Promise.reject(new VefError(-2, message ?? `${label ?? "\u503C"}\u5FC5\u987B\u662F\u5B57\u6BCD`));
|
|
85
|
-
}
|
|
86
|
-
}
|
|
87
|
-
];
|
|
88
|
-
return isAlphaRule;
|
|
89
|
-
}
|
|
90
|
-
function isAlphanumeric(message) {
|
|
91
|
-
const isAlphanumericRule = ({ label }) => [
|
|
92
|
-
{
|
|
93
|
-
validator(_, value) {
|
|
94
|
-
if (validator.isAlphanumeric(value)) {
|
|
95
|
-
return Promise.resolve();
|
|
96
|
-
}
|
|
97
|
-
return Promise.reject(new VefError(-2, message ?? `${label ?? "\u503C"}\u5FC5\u987B\u662F\u5B57\u6BCD\u6216\u6570\u5B57`));
|
|
98
|
-
}
|
|
99
|
-
}
|
|
100
|
-
];
|
|
101
|
-
return isAlphanumericRule;
|
|
102
|
-
}
|
|
103
|
-
function isAscii(message) {
|
|
104
|
-
const isAsciiRule = ({ label }) => [
|
|
105
|
-
{
|
|
106
|
-
validator(_, value) {
|
|
107
|
-
if (validator.isAscii(value)) {
|
|
108
|
-
return Promise.resolve();
|
|
109
|
-
}
|
|
110
|
-
return Promise.reject(new VefError(-2, message ?? `${label ?? "\u503C"}\u5FC5\u987B\u662FASCII\u5B57\u7B26`));
|
|
111
|
-
}
|
|
112
|
-
}
|
|
113
|
-
];
|
|
114
|
-
return isAsciiRule;
|
|
115
|
-
}
|
|
116
|
-
function isNumeric(message) {
|
|
117
|
-
const isNumericRule = ({ label }) => [
|
|
118
|
-
{
|
|
119
|
-
validator(_, value) {
|
|
120
|
-
if (validator.isNumeric(value)) {
|
|
121
|
-
return Promise.resolve();
|
|
122
|
-
}
|
|
123
|
-
return Promise.reject(new VefError(-2, message ?? `${label ?? "\u503C"}\u5FC5\u987B\u662F\u6570\u5B57`));
|
|
124
|
-
}
|
|
125
|
-
}
|
|
126
|
-
];
|
|
127
|
-
return isNumericRule;
|
|
128
|
-
}
|
|
129
|
-
function isEmail(message) {
|
|
130
|
-
const isEmailRule = ({ label }) => [
|
|
131
|
-
{
|
|
132
|
-
validator(_, value) {
|
|
133
|
-
if (validator.isEmail(value)) {
|
|
134
|
-
return Promise.resolve();
|
|
135
|
-
}
|
|
136
|
-
return Promise.reject(new VefError(-2, message ?? `${label ?? "\u503C"}\u5FC5\u987B\u662F\u5408\u6CD5\u7684\u90AE\u7BB1`));
|
|
137
|
-
}
|
|
138
|
-
}
|
|
139
|
-
];
|
|
140
|
-
return isEmailRule;
|
|
141
|
-
}
|
|
142
|
-
function isHexColor(message) {
|
|
143
|
-
const isHexColorRule = ({ label }) => [
|
|
144
|
-
{
|
|
145
|
-
validator(_, value) {
|
|
146
|
-
if (validator.isHexColor(value)) {
|
|
147
|
-
return Promise.resolve();
|
|
148
|
-
}
|
|
149
|
-
return Promise.reject(new VefError(-2, message ?? `${label ?? "\u503C"}\u5FC5\u987B\u662F\u5341\u516D\u8FDB\u5236\u989C\u8272`));
|
|
150
|
-
}
|
|
151
|
-
}
|
|
152
|
-
];
|
|
153
|
-
return isHexColorRule;
|
|
154
|
-
}
|
|
155
|
-
function isIdentityCard(message) {
|
|
156
|
-
const isIdentityCardRule = ({ label }) => [
|
|
157
|
-
{
|
|
158
|
-
validator(_, value) {
|
|
159
|
-
if (validator.isIdentityCard(value)) {
|
|
160
|
-
return Promise.resolve();
|
|
161
|
-
}
|
|
162
|
-
return Promise.reject(new VefError(-2, message ?? `${label ?? "\u503C"}\u5FC5\u987B\u662F\u5408\u6CD5\u7684\u8EAB\u4EFD\u8BC1`));
|
|
163
|
-
}
|
|
164
|
-
}
|
|
165
|
-
];
|
|
166
|
-
return isIdentityCardRule;
|
|
167
|
-
}
|
|
168
|
-
function isIp(message) {
|
|
169
|
-
const isIpRule = ({ label }) => [
|
|
170
|
-
{
|
|
171
|
-
validator(_, value) {
|
|
172
|
-
if (validator.isIp(value)) {
|
|
173
|
-
return Promise.resolve();
|
|
174
|
-
}
|
|
175
|
-
return Promise.reject(new VefError(-2, message ?? `${label ?? "\u503C"}\u5FC5\u987B\u662F\u5408\u6CD5\u7684IP\u5730\u5740`));
|
|
176
|
-
}
|
|
177
|
-
}
|
|
178
|
-
];
|
|
179
|
-
return isIpRule;
|
|
180
|
-
}
|
|
181
|
-
function isPort(message) {
|
|
182
|
-
const isPortRule = ({ label }) => [
|
|
183
|
-
{
|
|
184
|
-
validator(_, value) {
|
|
185
|
-
if (validator.isPort(value)) {
|
|
186
|
-
return Promise.resolve();
|
|
187
|
-
}
|
|
188
|
-
return Promise.reject(new VefError(-2, message ?? `${label ?? "\u503C"}\u5FC5\u987B\u662F\u5408\u6CD5\u7684\u7AEF\u53E3`));
|
|
189
|
-
}
|
|
190
|
-
}
|
|
191
|
-
];
|
|
192
|
-
return isPortRule;
|
|
193
|
-
}
|
|
194
|
-
function isJson(message) {
|
|
195
|
-
const isJsonRule = ({ label }) => [
|
|
196
|
-
{
|
|
197
|
-
validator(_, value) {
|
|
198
|
-
if (validator.isJson(value)) {
|
|
199
|
-
return Promise.resolve();
|
|
200
|
-
}
|
|
201
|
-
return Promise.reject(new VefError(-2, message ?? `${label ?? "\u503C"}\u5FC5\u987B\u662F\u5408\u6CD5\u7684JSON`));
|
|
202
|
-
}
|
|
203
|
-
}
|
|
204
|
-
];
|
|
205
|
-
return isJsonRule;
|
|
206
|
-
}
|
|
207
|
-
function isUrl(message) {
|
|
208
|
-
const isUrlRule = ({ label }) => [
|
|
209
|
-
{
|
|
210
|
-
validator(_, value) {
|
|
211
|
-
if (validator.isUrl(value)) {
|
|
212
|
-
return Promise.resolve();
|
|
213
|
-
}
|
|
214
|
-
return Promise.reject(new VefError(-2, message ?? `${label ?? "\u503C"}\u5FC5\u987B\u662F\u5408\u6CD5\u7684URL`));
|
|
215
|
-
}
|
|
216
|
-
}
|
|
217
|
-
];
|
|
218
|
-
return isUrlRule;
|
|
219
|
-
}
|
|
220
|
-
function isUri(message) {
|
|
221
|
-
const isUriRule = ({ label }) => [
|
|
222
|
-
{
|
|
223
|
-
validator(_, value) {
|
|
224
|
-
if (validator.isUri(value)) {
|
|
225
|
-
return Promise.resolve();
|
|
226
|
-
}
|
|
227
|
-
return Promise.reject(new VefError(-2, message ?? `${label ?? "\u503C"}\u5FC5\u987B\u662F\u5408\u6CD5\u7684URI`));
|
|
228
|
-
}
|
|
229
|
-
}
|
|
230
|
-
];
|
|
231
|
-
return isUriRule;
|
|
232
|
-
}
|
|
233
|
-
function isPostalCode(message) {
|
|
234
|
-
const isPostalCodeRule = ({ label }) => [
|
|
235
|
-
{
|
|
236
|
-
validator(_, value) {
|
|
237
|
-
if (validator.isPostalCode(value)) {
|
|
238
|
-
return Promise.resolve();
|
|
239
|
-
}
|
|
240
|
-
return Promise.reject(new VefError(-2, message ?? `${label ?? "\u503C"}\u5FC5\u987B\u662F\u5408\u6CD5\u7684\u90AE\u653F\u7F16\u7801`));
|
|
241
|
-
}
|
|
242
|
-
}
|
|
243
|
-
];
|
|
244
|
-
return isPostalCodeRule;
|
|
245
|
-
}
|
|
246
|
-
function isDateBefore(targetDate, message) {
|
|
247
|
-
const isDateBeforeRule = ({ label }) => [
|
|
248
|
-
{
|
|
249
|
-
validator(_, value) {
|
|
250
|
-
if (validator.isBefore(value, targetDate ?? getNowDateString())) {
|
|
251
|
-
return Promise.resolve();
|
|
252
|
-
}
|
|
253
|
-
return Promise.reject(new VefError(-2, message ?? `${label ?? "\u503C"}\u5FC5\u987B\u5728${targetDate}\u4E4B\u524D`));
|
|
254
|
-
}
|
|
255
|
-
}
|
|
256
|
-
];
|
|
257
|
-
return isDateBeforeRule;
|
|
258
|
-
}
|
|
259
|
-
function isDateAfter(targetDate, message) {
|
|
260
|
-
const isDateAfterRule = ({ label }) => [
|
|
261
|
-
{
|
|
262
|
-
validator(_, value) {
|
|
263
|
-
if (validator.isAfter(value, targetDate ?? getNowDateString())) {
|
|
264
|
-
return Promise.resolve();
|
|
265
|
-
}
|
|
266
|
-
return Promise.reject(new VefError(-2, message ?? `${label ?? "\u503C"}\u5FC5\u987B\u5728${targetDate}\u4E4B\u540E`));
|
|
267
|
-
}
|
|
268
|
-
}
|
|
269
|
-
];
|
|
270
|
-
return isDateAfterRule;
|
|
271
|
-
}
|
|
272
|
-
function isChineseName(message) {
|
|
273
|
-
const isChineseNameRule = ({ label }) => [
|
|
274
|
-
{
|
|
275
|
-
validator(_, value) {
|
|
276
|
-
if (validator.isChineseName(value)) {
|
|
277
|
-
return Promise.resolve();
|
|
278
|
-
}
|
|
279
|
-
return Promise.reject(new VefError(-2, message ?? `${label ?? "\u503C"}\u5FC5\u987B\u662F\u4E2D\u6587\u540D\u79F0`));
|
|
280
|
-
}
|
|
281
|
-
}
|
|
282
|
-
];
|
|
283
|
-
return isChineseNameRule;
|
|
284
|
-
}
|
|
285
|
-
|
|
286
|
-
export { isAlpha, isAlphanumeric, isAscii, isChineseName, isDateAfter, isDateBefore, isEmail, isEqualsTo, isHexColor, isIdentityCard, isIn, isIp, isJson, isMeetsMaxSize, isMeetsMinSize, isMeetsRangeSize, isNotEqualsTo, isNumeric, isPort, isPostalCode, isRequired, isUri, isUrl };
|
|
1
|
+
/*! VefFramework version: 1.0.65, build time: 2025-01-10T02:44:47.916Z, made by Venus. */
|
|
2
|
+
import{isDeepEqual as e,VefError as i,validator as r,getNowDateString as s}from"@vef-framework/shared";function isRequired(e){return()=>[{required:!0,message:e}]}function isEqualsTo(r,s){return({label:o})=>[{validator:(t,n)=>e(n,r)?Promise.resolve():Promise.reject(new i(-2,s??`${o?`${o}的值`:"值"}必须是${r}`))}]}function isNotEqualsTo(r,s){return({label:o})=>[{validator:(t,n)=>e(n,r)?Promise.reject(new i(-2,s??`${o?`${o}的值`:"值"}不能是${r}`)):Promise.resolve()}]}function isIn(e,i){return()=>[{type:"enum",enum:e,message:i}]}function isMeetsMinSize(e,i){return()=>[{min:e,message:i}]}function isMeetsMaxSize(e,i){return()=>[{max:e,message:i}]}function isMeetsRangeSize(e,i,r){return()=>[{min:e,max:i,message:r}]}function isAlpha(e){return({label:s})=>[{validator:(o,t)=>r.isAlpha(t)?Promise.resolve():Promise.reject(new i(-2,e??`${s??"值"}必须是字母`))}]}function isAlphanumeric(e){return({label:s})=>[{validator:(o,t)=>r.isAlphanumeric(t)?Promise.resolve():Promise.reject(new i(-2,e??`${s??"值"}必须是字母或数字`))}]}function isAscii(e){return({label:s})=>[{validator:(o,t)=>r.isAscii(t)?Promise.resolve():Promise.reject(new i(-2,e??`${s??"值"}必须是ASCII字符`))}]}function isNumeric(e){return({label:s})=>[{validator:(o,t)=>r.isNumeric(t)?Promise.resolve():Promise.reject(new i(-2,e??`${s??"值"}必须是数字`))}]}function isEmail(e){return({label:s})=>[{validator:(o,t)=>r.isEmail(t)?Promise.resolve():Promise.reject(new i(-2,e??`${s??"值"}必须是合法的邮箱`))}]}function isHexColor(e){return({label:s})=>[{validator:(o,t)=>r.isHexColor(t)?Promise.resolve():Promise.reject(new i(-2,e??`${s??"值"}必须是十六进制颜色`))}]}function isIdentityCard(e){return({label:s})=>[{validator:(o,t)=>r.isIdentityCard(t)?Promise.resolve():Promise.reject(new i(-2,e??`${s??"值"}必须是合法的身份证`))}]}function isIp(e){return({label:s})=>[{validator:(o,t)=>r.isIp(t)?Promise.resolve():Promise.reject(new i(-2,e??`${s??"值"}必须是合法的IP地址`))}]}function isPort(e){return({label:s})=>[{validator:(o,t)=>r.isPort(t)?Promise.resolve():Promise.reject(new i(-2,e??`${s??"值"}必须是合法的端口`))}]}function isJson(e){return({label:s})=>[{validator:(o,t)=>r.isJson(t)?Promise.resolve():Promise.reject(new i(-2,e??`${s??"值"}必须是合法的JSON`))}]}function isUrl(e){return({label:s})=>[{validator:(o,t)=>r.isUrl(t)?Promise.resolve():Promise.reject(new i(-2,e??`${s??"值"}必须是合法的URL`))}]}function isUri(e){return({label:s})=>[{validator:(o,t)=>r.isUri(t)?Promise.resolve():Promise.reject(new i(-2,e??`${s??"值"}必须是合法的URI`))}]}function isPostalCode(e){return({label:s})=>[{validator:(o,t)=>r.isPostalCode(t)?Promise.resolve():Promise.reject(new i(-2,e??`${s??"值"}必须是合法的邮政编码`))}]}function isDateBefore(e,o){return({label:t})=>[{validator:(n,l)=>r.isBefore(l,e??s())?Promise.resolve():Promise.reject(new i(-2,o??`${t??"值"}必须在${e}之前`))}]}function isDateAfter(e,o){return({label:t})=>[{validator:(n,l)=>r.isAfter(l,e??s())?Promise.resolve():Promise.reject(new i(-2,o??`${t??"值"}必须在${e}之后`))}]}function isChineseName(e){return({label:s})=>[{validator:(o,t)=>r.isChineseName(t)?Promise.resolve():Promise.reject(new i(-2,e??`${s??"值"}必须是中文名称`))}]}export{isAlpha,isAlphanumeric,isAscii,isChineseName,isDateAfter,isDateBefore,isEmail,isEqualsTo,isHexColor,isIdentityCard,isIn,isIp,isJson,isMeetsMaxSize,isMeetsMinSize,isMeetsRangeSize,isNotEqualsTo,isNumeric,isPort,isPostalCode,isRequired,isUri,isUrl};
|
|
287
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,99 +1,3 @@
|
|
|
1
|
-
/*! VefFramework version: 1.0.
|
|
2
|
-
import
|
|
3
|
-
import { useContextDisabled, DisabledContextProvider } from '@vef-framework/hooks';
|
|
4
|
-
import { isFunction } from '@vef-framework/shared';
|
|
5
|
-
import { useRef, useCallback, memo } from 'react';
|
|
6
|
-
import VefButton from '../vef-button/index.js';
|
|
7
|
-
import VefDrawer from '../vef-drawer/index.js';
|
|
8
|
-
import VefForm from '../vef-form/index.js';
|
|
9
|
-
import VefDrawerActionButtonWrapper from '../vef-drawer/components/action-button-wrapper.js';
|
|
10
|
-
|
|
11
|
-
function VefFormDrawerBase({
|
|
12
|
-
title,
|
|
13
|
-
open,
|
|
14
|
-
closable,
|
|
15
|
-
closeOnMaskClick,
|
|
16
|
-
closeOnEscPress,
|
|
17
|
-
destroyOnClose = true,
|
|
18
|
-
cancelOnClose,
|
|
19
|
-
placement,
|
|
20
|
-
expansionSize = "medium",
|
|
21
|
-
loading,
|
|
22
|
-
extra,
|
|
23
|
-
cancelButtonText,
|
|
24
|
-
actions,
|
|
25
|
-
onClose,
|
|
26
|
-
onCancel,
|
|
27
|
-
onAfterClose,
|
|
28
|
-
onAfterOpen,
|
|
29
|
-
submissionButtonText,
|
|
30
|
-
disabled = false,
|
|
31
|
-
...formProps
|
|
32
|
-
}) {
|
|
33
|
-
const formInstanceRef = useRef(null);
|
|
34
|
-
const handleSubmit = useCallback(async () => {
|
|
35
|
-
await formInstanceRef.current?.submit();
|
|
36
|
-
}, []);
|
|
37
|
-
const contextDisabled = useContextDisabled();
|
|
38
|
-
const formDisabled = contextDisabled || disabled;
|
|
39
|
-
const handleReset = useCallback(() => {
|
|
40
|
-
formInstanceRef.current?.reset();
|
|
41
|
-
}, []);
|
|
42
|
-
const actionNode = useCallback(([cancelButton, submitButton]) => {
|
|
43
|
-
const resetButton = /* @__PURE__ */ jsx(VefDrawerActionButtonWrapper, { children: /* @__PURE__ */ jsx(
|
|
44
|
-
VefButton,
|
|
45
|
-
{
|
|
46
|
-
color: "default",
|
|
47
|
-
disabled: formDisabled,
|
|
48
|
-
variant: "filled",
|
|
49
|
-
onClick: handleReset,
|
|
50
|
-
children: "\u91CD\u7F6E"
|
|
51
|
-
}
|
|
52
|
-
) }, "resetActionButton");
|
|
53
|
-
if (isFunction(actions)) {
|
|
54
|
-
return actions([cancelButton, resetButton, submitButton]);
|
|
55
|
-
}
|
|
56
|
-
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
57
|
-
cancelButton,
|
|
58
|
-
resetButton,
|
|
59
|
-
submitButton
|
|
60
|
-
] });
|
|
61
|
-
}, [actions, formDisabled, handleReset]);
|
|
62
|
-
return /* @__PURE__ */ jsx(DisabledContextProvider, { value: formDisabled, children: /* @__PURE__ */ jsx(
|
|
63
|
-
VefDrawer,
|
|
64
|
-
{
|
|
65
|
-
actions: actionNode,
|
|
66
|
-
cancelOnClose,
|
|
67
|
-
closable,
|
|
68
|
-
closeOnEscPress,
|
|
69
|
-
closeOnMaskClick,
|
|
70
|
-
destroyOnClose,
|
|
71
|
-
expansionSize,
|
|
72
|
-
extra,
|
|
73
|
-
loading,
|
|
74
|
-
okButtonText: submissionButtonText,
|
|
75
|
-
open,
|
|
76
|
-
placement,
|
|
77
|
-
title,
|
|
78
|
-
onAfterClose,
|
|
79
|
-
onAfterOpen,
|
|
80
|
-
onCancel,
|
|
81
|
-
onClose,
|
|
82
|
-
onOk: handleSubmit,
|
|
83
|
-
children: /* @__PURE__ */ jsx(
|
|
84
|
-
VefForm,
|
|
85
|
-
{
|
|
86
|
-
ref: formInstanceRef,
|
|
87
|
-
resetButton: false,
|
|
88
|
-
submissionButton: false,
|
|
89
|
-
...formProps
|
|
90
|
-
}
|
|
91
|
-
)
|
|
92
|
-
}
|
|
93
|
-
) });
|
|
94
|
-
}
|
|
95
|
-
const VefFormDrawer = memo(VefFormDrawerBase);
|
|
96
|
-
VefFormDrawer.displayName = "VefFormDrawer";
|
|
97
|
-
|
|
98
|
-
export { VefFormDrawer as default };
|
|
1
|
+
/*! VefFramework version: 1.0.65, build time: 2025-01-10T02:44:47.916Z, made by Venus. */
|
|
2
|
+
import{jsx as e,jsxs as o,Fragment as n}from"@emotion/react/jsx-runtime";import{useContextDisabled as r,DisabledContextProvider as t}from"@vef-framework/hooks";import{isFunction as s}from"@vef-framework/shared";import{useRef as i,useCallback as l,memo as a}from"react";import c from"../vef-button/index.js";import m from"../vef-drawer/index.js";import f from"../vef-form/index.js";import d from"../vef-drawer/components/action-button-wrapper.js";const u=a((function VefFormDrawerBase({title:a,open:u,closable:p,closeOnMaskClick:C,closeOnEscPress:x,destroyOnClose:O=!0,cancelOnClose:k,placement:b,expansionSize:v="medium",loading:w,extra:h,cancelButtonText:B,actions:j,onClose:A,onCancel:y,onAfterClose:T,onAfterOpen:g,submissionButtonText:z,disabled:D=!1,...E}){const F=i(null),M=l((async()=>{await(F.current?.submit())}),[]),P=r()||D,S=l((()=>{F.current?.reset()}),[]),V=l((([r,t])=>{const i=e(d,{children:e(c,{color:"default",disabled:P,variant:"filled",onClick:S,children:"重置"})},"resetActionButton");return s(j)?j([r,i,t]):o(n,{children:[r,i,t]})}),[j,P,S]);return e(t,{value:P,children:e(m,{actions:V,cancelOnClose:k,closable:p,closeOnEscPress:x,closeOnMaskClick:C,destroyOnClose:O,expansionSize:v,extra:h,loading:w,okButtonText:z,open:u,placement:b,title:a,onAfterClose:T,onAfterOpen:g,onCancel:y,onClose:A,onOk:M,children:e(f,{ref:F,resetButton:!1,submissionButton:!1,...E})})})}));u.displayName="VefFormDrawer";export{u as default};
|
|
99
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
|
-
import
|
|
3
|
-
import { useContextDisabled, DisabledContextProvider } from '@vef-framework/hooks';
|
|
4
|
-
import { isFunction } from '@vef-framework/shared';
|
|
5
|
-
import { useRef, useCallback, memo } from 'react';
|
|
6
|
-
import VefButton from '../vef-button/index.js';
|
|
7
|
-
import VefForm from '../vef-form/index.js';
|
|
8
|
-
import VefModal from '../vef-modal/index.js';
|
|
9
|
-
import VefModalActionButtonWrapper from '../vef-modal/components/action-button-wrapper.js';
|
|
10
|
-
|
|
11
|
-
function VefFormModalBase({
|
|
12
|
-
submissionButtonText = "\u63D0\u4EA4",
|
|
13
|
-
actions,
|
|
14
|
-
title,
|
|
15
|
-
open,
|
|
16
|
-
closable,
|
|
17
|
-
closeOnMaskClick,
|
|
18
|
-
closeOnEscPress,
|
|
19
|
-
destroyOnClose = true,
|
|
20
|
-
cancelOnClose,
|
|
21
|
-
width = "medium",
|
|
22
|
-
loading,
|
|
23
|
-
cancelButtonText,
|
|
24
|
-
onClose,
|
|
25
|
-
onCancel,
|
|
26
|
-
onAfterOpen,
|
|
27
|
-
onAfterClose,
|
|
28
|
-
disabled = false,
|
|
29
|
-
...formProps
|
|
30
|
-
}) {
|
|
31
|
-
const formInstanceRef = useRef(null);
|
|
32
|
-
const handleSubmit = useCallback(async () => {
|
|
33
|
-
await formInstanceRef.current?.submit();
|
|
34
|
-
}, []);
|
|
35
|
-
const contextDisabled = useContextDisabled();
|
|
36
|
-
const formDisabled = contextDisabled || disabled;
|
|
37
|
-
const handleReset = useCallback(() => {
|
|
38
|
-
formInstanceRef.current?.reset();
|
|
39
|
-
}, []);
|
|
40
|
-
const actionNode = useCallback(([cancelButton, submitButton]) => {
|
|
41
|
-
const resetButton = /* @__PURE__ */ jsx(VefModalActionButtonWrapper, { children: /* @__PURE__ */ jsx(
|
|
42
|
-
VefButton,
|
|
43
|
-
{
|
|
44
|
-
color: "default",
|
|
45
|
-
variant: "filled",
|
|
46
|
-
onClick: handleReset,
|
|
47
|
-
children: "\u91CD\u7F6E"
|
|
48
|
-
}
|
|
49
|
-
) }, "resetActionButton");
|
|
50
|
-
if (isFunction(actions)) {
|
|
51
|
-
return actions([cancelButton, resetButton, submitButton]);
|
|
52
|
-
}
|
|
53
|
-
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
54
|
-
cancelButton,
|
|
55
|
-
resetButton,
|
|
56
|
-
submitButton
|
|
57
|
-
] });
|
|
58
|
-
}, [actions, handleReset]);
|
|
59
|
-
return /* @__PURE__ */ jsx(DisabledContextProvider, { value: formDisabled, children: /* @__PURE__ */ jsx(
|
|
60
|
-
VefModal,
|
|
61
|
-
{
|
|
62
|
-
actions: actionNode,
|
|
63
|
-
cancelButtonText,
|
|
64
|
-
cancelOnClose,
|
|
65
|
-
closable,
|
|
66
|
-
closeOnEscPress,
|
|
67
|
-
closeOnMaskClick,
|
|
68
|
-
destroyOnClose,
|
|
69
|
-
loading,
|
|
70
|
-
okButtonText: submissionButtonText,
|
|
71
|
-
open,
|
|
72
|
-
title,
|
|
73
|
-
width,
|
|
74
|
-
onAfterClose,
|
|
75
|
-
onAfterOpen,
|
|
76
|
-
onCancel,
|
|
77
|
-
onClose,
|
|
78
|
-
onOk: handleSubmit,
|
|
79
|
-
children: /* @__PURE__ */ jsx(
|
|
80
|
-
VefForm,
|
|
81
|
-
{
|
|
82
|
-
ref: formInstanceRef,
|
|
83
|
-
disabled: formDisabled,
|
|
84
|
-
resetButton: false,
|
|
85
|
-
submissionButton: false,
|
|
86
|
-
...formProps
|
|
87
|
-
}
|
|
88
|
-
)
|
|
89
|
-
}
|
|
90
|
-
) });
|
|
91
|
-
}
|
|
92
|
-
const VefFormModal = memo(VefFormModalBase);
|
|
93
|
-
VefFormModal.displayName = "VefFormModal";
|
|
94
|
-
|
|
95
|
-
export { VefFormModal as default };
|
|
1
|
+
/*! VefFramework version: 1.0.65, build time: 2025-01-10T02:44:47.916Z, made by Venus. */
|
|
2
|
+
import{jsx as e,jsxs as o,Fragment as n}from"@emotion/react/jsx-runtime";import{useContextDisabled as t,DisabledContextProvider as r}from"@vef-framework/hooks";import{isFunction as s}from"@vef-framework/shared";import{useRef as l,useCallback as i,memo as c}from"react";import a from"../vef-button/index.js";import m from"../vef-form/index.js";import d from"../vef-modal/index.js";import f from"../vef-modal/components/action-button-wrapper.js";const u=c((function VefFormModalBase({submissionButtonText:c="提交",actions:u,title:p,open:C,closable:O,closeOnMaskClick:k,closeOnEscPress:b,destroyOnClose:h=!0,cancelOnClose:x,width:v="medium",loading:B,cancelButtonText:w,onClose:j,onCancel:A,onAfterOpen:y,onAfterClose:M,disabled:T=!1,...g}){const E=l(null),F=i((async()=>{await(E.current?.submit())}),[]),P=t()||T,V=i((()=>{E.current?.reset()}),[]),N=i((([t,r])=>{const l=e(f,{children:e(a,{color:"default",variant:"filled",onClick:V,children:"重置"})},"resetActionButton");return s(u)?u([t,l,r]):o(n,{children:[t,l,r]})}),[u,V]);return e(r,{value:P,children:e(d,{actions:N,cancelButtonText:w,cancelOnClose:x,closable:O,closeOnEscPress:b,closeOnMaskClick:k,destroyOnClose:h,loading:B,okButtonText:c,open:C,title:p,width:v,onAfterClose:M,onAfterOpen:y,onCancel:A,onClose:j,onOk:F,children:e(m,{ref:E,disabled:P,resetButton:!1,submissionButton:!1,...g})})})}));u.displayName="VefFormModal";export{u as default};
|
|
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,82 +1,3 @@
|
|
|
1
|
-
/*! VefFramework version: 1.0.
|
|
2
|
-
import
|
|
3
|
-
import { SearchOutlined } from '@ant-design/icons';
|
|
4
|
-
import { isFunction, styles } from '@vef-framework/shared';
|
|
5
|
-
import { Select } from 'antd';
|
|
6
|
-
import { LeafIcon } from 'lucide-react';
|
|
7
|
-
import { useState, useDeferredValue, useCallback, useMemo, cloneElement } from 'react';
|
|
8
|
-
import '../internal/index.js';
|
|
9
|
-
import VefIcon from '../vef-icon/index.js';
|
|
10
|
-
import { convertBasicSizeToUiSize } from '../internal/utils.js';
|
|
11
|
-
|
|
12
|
-
const dropdownStyle = {
|
|
13
|
-
"--vef-select-option-padding": 0
|
|
14
|
-
};
|
|
15
|
-
function VefGenericSelect({
|
|
16
|
-
value,
|
|
17
|
-
size,
|
|
18
|
-
renderLabel,
|
|
19
|
-
placeholder,
|
|
20
|
-
disabled,
|
|
21
|
-
clearable,
|
|
22
|
-
loading,
|
|
23
|
-
variant,
|
|
24
|
-
children,
|
|
25
|
-
onClear
|
|
26
|
-
}) {
|
|
27
|
-
const [opened, setOpened] = useState(false);
|
|
28
|
-
const [focused, setFocused] = useState(false);
|
|
29
|
-
const [keyword, setKeyword] = useState();
|
|
30
|
-
const deferredKeyword = useDeferredValue(keyword);
|
|
31
|
-
const handleBlur = useCallback(() => {
|
|
32
|
-
setFocused(false);
|
|
33
|
-
}, []);
|
|
34
|
-
const handleFocus = useCallback(() => {
|
|
35
|
-
setFocused(true);
|
|
36
|
-
}, []);
|
|
37
|
-
const handleConfirm = useCallback(() => {
|
|
38
|
-
setOpened(false);
|
|
39
|
-
}, []);
|
|
40
|
-
const renderLabelToUse = useMemo(() => {
|
|
41
|
-
if (isFunction(renderLabel)) {
|
|
42
|
-
return ({ value: value2 }) => renderLabel?.(value2);
|
|
43
|
-
}
|
|
44
|
-
}, [renderLabel]);
|
|
45
|
-
const suffixIcon = focused && opened ? /* @__PURE__ */ jsx(SearchOutlined, {}) : /* @__PURE__ */ jsx(VefIcon, { children: /* @__PURE__ */ jsx(LeafIcon, {}) });
|
|
46
|
-
const childrenToUse = cloneElement(
|
|
47
|
-
children,
|
|
48
|
-
{
|
|
49
|
-
keyword: deferredKeyword,
|
|
50
|
-
onConfirm: handleConfirm
|
|
51
|
-
}
|
|
52
|
-
);
|
|
53
|
-
return /* @__PURE__ */ jsx(
|
|
54
|
-
Select,
|
|
55
|
-
{
|
|
56
|
-
showSearch: true,
|
|
57
|
-
allowClear: clearable,
|
|
58
|
-
css: styles.fullWidth,
|
|
59
|
-
disabled,
|
|
60
|
-
dropdownStyle,
|
|
61
|
-
labelRender: renderLabelToUse,
|
|
62
|
-
loading,
|
|
63
|
-
notFoundContent: childrenToUse,
|
|
64
|
-
open: opened,
|
|
65
|
-
placeholder,
|
|
66
|
-
popupMatchSelectWidth: false,
|
|
67
|
-
searchValue: keyword,
|
|
68
|
-
size: convertBasicSizeToUiSize(size),
|
|
69
|
-
suffixIcon,
|
|
70
|
-
value,
|
|
71
|
-
variant,
|
|
72
|
-
onBlur: handleBlur,
|
|
73
|
-
onClear,
|
|
74
|
-
onDropdownVisibleChange: setOpened,
|
|
75
|
-
onFocus: handleFocus,
|
|
76
|
-
onSearch: setKeyword
|
|
77
|
-
}
|
|
78
|
-
);
|
|
79
|
-
}
|
|
80
|
-
|
|
81
|
-
export { VefGenericSelect as default };
|
|
1
|
+
/*! VefFramework version: 1.0.65, build time: 2025-01-10T02:44:47.916Z, made by Venus. */
|
|
2
|
+
import{jsx as e}from"@emotion/react/jsx-runtime";import{SearchOutlined as o}from"@ant-design/icons";import{isFunction as r,styles as n}from"@vef-framework/shared";import{Select as i}from"antd";import{LeafIcon as t}from"lucide-react";import{useState as a,useDeferredValue as l,useCallback as d,useMemo as c,cloneElement as s}from"react";import"../internal/index.js";import f from"../vef-icon/index.js";import{convertBasicSizeToUiSize as m}from"../internal/utils.js";const p={"--vef-select-option-padding":0};function VefGenericSelect({value:u,size:h,renderLabel:v,placeholder:b,disabled:w,clearable:C,loading:S,variant:g,children:x,onClear:j}){const[V,k]=a(!1),[y,z]=a(!1),[F,G]=a(),W=l(F),B=d((()=>{z(!1)}),[]),D=d((()=>{z(!0)}),[]),I=d((()=>{k(!1)}),[]),L=c((()=>{if(r(v))return({value:e})=>v?.(e)}),[v]),M=y&&V?e(o,{}):e(f,{children:e(t,{})}),R=s(x,{keyword:W,onConfirm:I});return e(i,{showSearch:!0,allowClear:C,css:n.fullWidth,disabled:w,dropdownStyle:p,labelRender:L,loading:S,notFoundContent:R,open:V,placeholder:b,popupMatchSelectWidth:!1,searchValue:F,size:m(h),suffixIcon:M,value:u,variant:g,onBlur:B,onClear:j,onDropdownVisibleChange:k,onFocus:D,onSearch:G})}export{VefGenericSelect as default};
|
|
82
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 */
|