@vef-framework/components 1.0.117 → 1.0.119
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/es/index.js +1 -1
- package/es/internal/base.css.js +1 -1
- package/es/internal/chart.js +1 -1
- package/es/internal/index.js +1 -1
- package/es/internal/modern-normalize.css.js +1 -1
- package/es/internal/utils.js +1 -1
- package/es/vef-access-denied/access-denied-icon.js +1 -1
- package/es/vef-access-denied/index.js +1 -1
- package/es/vef-action-buttons/index.js +1 -1
- package/es/vef-approval-flow-editor/components/edge.js +1 -1
- package/es/vef-approval-flow-editor/components/label-value.js +1 -1
- package/es/vef-approval-flow-editor/components/node-content.js +1 -1
- package/es/vef-approval-flow-editor/components/node-selector.js +1 -1
- package/es/vef-approval-flow-editor/components/node-toolbar.js +1 -1
- package/es/vef-approval-flow-editor/components/nodes/approval.js +1 -1
- package/es/vef-approval-flow-editor/components/nodes/condition.js +1 -1
- package/es/vef-approval-flow-editor/components/nodes/end.js +1 -1
- package/es/vef-approval-flow-editor/components/nodes/handle.js +1 -1
- package/es/vef-approval-flow-editor/components/nodes/index.js +1 -1
- package/es/vef-approval-flow-editor/components/nodes/submit.js +1 -1
- package/es/vef-approval-flow-editor/components/selector-content.js +1 -1
- package/es/vef-approval-flow-editor/components/source-handle.js +1 -1
- package/es/vef-approval-flow-editor/components/target-handle.js +1 -1
- package/es/vef-approval-flow-editor/constants.js +1 -1
- package/es/vef-approval-flow-editor/helper.js +1 -1
- package/es/vef-approval-flow-editor/hooks/use-edges-interaction.js +1 -1
- package/es/vef-approval-flow-editor/hooks/use-element-selection.js +1 -1
- package/es/vef-approval-flow-editor/hooks/use-nodes-interaction.js +1 -1
- package/es/vef-approval-flow-editor/index.js +1 -1
- package/es/vef-approval-flow-editor/models/edge-node.js +1 -1
- package/es/vef-approval-flow-editor/models/flow-node.js +1 -1
- package/es/vef-approval-flow-editor/store.js +1 -1
- package/es/vef-approval-flow-editor/styles.js +1 -1
- package/es/vef-approval-flow-editor/types.js +1 -1
- package/es/vef-area-chart/index.js +1 -1
- package/es/vef-auto-sizer/index.js +1 -1
- package/es/vef-avatar/index.js +1 -1
- package/es/vef-avatar-group/index.js +1 -1
- package/es/vef-badge/index.js +1 -1
- package/es/vef-bar-chart/index.js +1 -1
- package/es/vef-bool/hooks/use-bool-instance.js +1 -1
- package/es/vef-bool/index.js +1 -1
- package/es/vef-breadcrumb/index.js +1 -1
- package/es/vef-button/components/base-button.js +1 -1
- package/es/vef-button/index.js +1 -1
- package/es/vef-card/index.js +1 -1
- package/es/vef-card-meta/index.js +1 -1
- package/es/vef-chart-container/hooks/use-chart-container-context.js +1 -1
- package/es/vef-chart-container/index.js +1 -1
- package/es/vef-chart-legend-content/index.js +1 -1
- package/es/vef-chart-tooltip-content/index.js +1 -1
- package/es/vef-checkbox/hooks/use-checkbox-instance.js +1 -1
- package/es/vef-checkbox/hooks/use-data-options.js +1 -1
- package/es/vef-checkbox/index.js +1 -1
- package/es/vef-code-editor/hooks/use-change-handler.js +1 -1
- package/es/vef-code-editor/hooks/use-config-extensions.js +1 -1
- package/es/vef-code-editor/hooks/use-height-props.js +1 -1
- package/es/vef-code-editor/hooks/use-language-extensions.js +1 -1
- package/es/vef-code-editor/hooks/use-setup-options.js +1 -1
- package/es/vef-code-editor/index.js +1 -1
- package/es/vef-code-editor/styles.js +1 -1
- package/es/vef-col/index.js +1 -1
- package/es/vef-color-picker/index.js +1 -1
- package/es/vef-compact/index.js +1 -1
- package/es/vef-config-provider/global-style.js +1 -1
- package/es/vef-config-provider/hooks/use-ui-config.js +1 -1
- package/es/vef-config-provider/index.js +1 -1
- package/es/vef-config-provider/store.js +1 -1
- package/es/vef-container/index.js +1 -1
- package/es/vef-crud-page/components/crud-actions.js +1 -1
- package/es/vef-crud-page/components/crud-filter.js +1 -1
- package/es/vef-crud-page/components/crud-footer.js +1 -1
- package/es/vef-crud-page/components/crud-form-modal.js +1 -1
- package/es/vef-crud-page/components/crud-header.js +1 -1
- package/es/vef-crud-page/components/crud-table.js +1 -1
- package/es/vef-crud-page/hooks/use-action-buttons.js +1 -1
- package/es/vef-crud-page/hooks/use-crud-context.js +1 -1
- package/es/vef-crud-page/hooks/use-crud-schema.js +1 -1
- package/es/vef-crud-page/hooks/use-operation-buttons.js +1 -1
- package/es/vef-crud-page/index.js +1 -1
- package/es/vef-crud-page/store.js +1 -1
- package/es/vef-data-grid/index.js +1 -1
- package/es/vef-data-table/index.js +1 -1
- package/es/vef-divider/index.js +1 -1
- package/es/vef-drawer/components/action-button-wrapper.js +1 -1
- package/es/vef-drawer/components/button-props.js +1 -1
- package/es/vef-drawer/components/cancel-action-button.js +1 -1
- package/es/vef-drawer/components/ok-action-button.js +1 -1
- package/es/vef-drawer/context.js +1 -1
- package/es/vef-drawer/index.js +1 -1
- package/es/vef-dropdown/index.js +1 -1
- package/es/vef-dynamic-icon/index.js +1 -1
- package/es/vef-dynamic-icon/props.js +1 -1
- package/es/vef-empty/index.js +1 -1
- package/es/vef-empty-placeholder/index.js +1 -1
- package/es/vef-error/error-icon.js +1 -1
- package/es/vef-error/index.js +1 -1
- package/es/vef-filter/components/action-buttons.js +1 -1
- package/es/vef-filter/components/advanced-filter.js +1 -1
- package/es/vef-filter/components/basic-filter.js +1 -1
- package/es/vef-filter/components/fields/index.js +1 -1
- package/es/vef-filter/components/fields/input-number.js +1 -1
- package/es/vef-filter/components/fields/input.js +1 -1
- package/es/vef-filter/components/fields/radio.js +1 -1
- package/es/vef-filter/components/fields/select.js +1 -1
- package/es/vef-filter/components/fields/tree-select.js +1 -1
- package/es/vef-filter/components/filter-field.js +1 -1
- package/es/vef-filter/components/filter-item.js +1 -1
- package/es/vef-filter/event.js +1 -1
- package/es/vef-filter/helper.js +1 -1
- package/es/vef-filter/hooks/use-action-handlers.js +1 -1
- package/es/vef-filter/hooks/use-computed-values.js +1 -1
- package/es/vef-filter/hooks/use-filter-context.js +1 -1
- package/es/vef-filter/hooks/use-filter-initialization.js +1 -1
- package/es/vef-filter/hooks/use-filter-instance.js +1 -1
- package/es/vef-filter/hooks/use-filter-items.js +1 -1
- package/es/vef-filter/hooks/use-filter-values-change.js +1 -1
- package/es/vef-filter/hooks/use-label-config.js +1 -1
- package/es/vef-filter/index.js +1 -1
- package/es/vef-filter/store.js +1 -1
- package/es/vef-flex/index.js +1 -1
- package/es/vef-float-button/index.js +1 -1
- package/es/vef-float-button-group/index.js +1 -1
- package/es/vef-form/components/fields/icon-select.js +1 -1
- package/es/vef-form/components/fields/index.js +1 -1
- package/es/vef-form/components/fields/input-number.js +1 -1
- package/es/vef-form/components/fields/input.js +1 -1
- package/es/vef-form/components/fields/password.js +1 -1
- package/es/vef-form/components/fields/radio.js +1 -1
- package/es/vef-form/components/fields/select.js +1 -1
- package/es/vef-form/components/fields/textarea.js +1 -1
- package/es/vef-form/components/fields/tree-select.js +1 -1
- package/es/vef-form/components/form-actions.js +1 -1
- package/es/vef-form/components/form-content.js +1 -1
- package/es/vef-form/components/form-field.js +1 -1
- package/es/vef-form/components/form-group.js +1 -1
- package/es/vef-form/components/form-hidden-item.js +1 -1
- package/es/vef-form/components/form-item.js +1 -1
- package/es/vef-form/components/form-row.js +1 -1
- package/es/vef-form/event.js +1 -1
- package/es/vef-form/helper.js +1 -1
- package/es/vef-form/hooks/use-action-handlers.js +1 -1
- package/es/vef-form/hooks/use-columns-layout.js +1 -1
- package/es/vef-form/hooks/use-computed-values.js +1 -1
- package/es/vef-form/hooks/use-form-context.js +1 -1
- package/es/vef-form/hooks/use-form-initialization.js +1 -1
- package/es/vef-form/hooks/use-form-instance.js +1 -1
- package/es/vef-form/hooks/use-form-values-change.js +1 -1
- package/es/vef-form/hooks/use-label-width.js +1 -1
- package/es/vef-form/index.js +1 -1
- package/es/vef-form/store.js +1 -1
- package/es/vef-form/validation-rules.js +1 -1
- package/es/vef-form-drawer/index.js +1 -1
- package/es/vef-form-modal/index.js +1 -1
- package/es/vef-generic-select/index.js +1 -1
- package/es/vef-grid/index.js +1 -1
- package/es/vef-grid/props.js +1 -1
- package/es/vef-grid-item/index.js +1 -1
- package/es/vef-icon/index.js +1 -1
- package/es/vef-icon-select/index.js +1 -1
- package/es/vef-input/hooks/use-input-instance.js +1 -1
- package/es/vef-input/index.js +1 -1
- package/es/vef-input-number/hooks/use-input-number-instance.js +1 -1
- package/es/vef-input-number/index.js +1 -1
- package/es/vef-intellisense-code-editor/hooks/use-change-handler.js +1 -1
- package/es/vef-intellisense-code-editor/hooks/use-editor-options.js +1 -1
- package/es/vef-intellisense-code-editor/hooks/use-path.js +1 -1
- package/es/vef-intellisense-code-editor/index.js +1 -1
- package/es/vef-intellisense-code-editor/loader.js +1 -1
- package/es/vef-intellisense-code-editor/styles.js +1 -1
- package/es/vef-intellisense-code-editor/themes/github-light.json.js +1 -1
- package/es/vef-json-viewer/index.js +1 -1
- package/es/vef-layout/common-styles.js +1 -1
- package/es/vef-layout/components/content.js +1 -1
- package/es/vef-layout/components/font-size.js +1 -1
- package/es/vef-layout/components/fullscreen.js +1 -1
- package/es/vef-layout/components/header-action-icons.js +1 -1
- package/es/vef-layout/components/header-content.js +1 -1
- package/es/vef-layout/components/header.js +1 -1
- package/es/vef-layout/components/icon-boy.js +1 -1
- package/es/vef-layout/components/icon-girl.js +1 -1
- package/es/vef-layout/components/icon-menu-fold-left.js +1 -1
- package/es/vef-layout/components/icon-menu-unfold-left.js +1 -1
- package/es/vef-layout/components/menu-groups.js +1 -1
- package/es/vef-layout/components/message.js +1 -1
- package/es/vef-layout/components/search.js +1 -1
- package/es/vef-layout/components/sider.js +1 -1
- package/es/vef-layout/components/title.js +1 -1
- package/es/vef-layout/components/user-avatar.js +1 -1
- package/es/vef-layout/hooks/use-layout-context.js +1 -1
- package/es/vef-layout/index.js +1 -1
- package/es/vef-layout/logo.svg.js +1 -1
- package/es/vef-layout/store.js +1 -1
- package/es/vef-line-chart/index.js +1 -1
- package/es/vef-loading-placeholder/index.js +1 -1
- package/es/vef-login/index.js +1 -1
- package/es/vef-login/login-icon.js +1 -1
- package/es/vef-menu/index.js +1 -1
- package/es/vef-modal/components/action-button-wrapper.js +1 -1
- package/es/vef-modal/components/button-props.js +1 -1
- package/es/vef-modal/components/cancel-action-button.js +1 -1
- package/es/vef-modal/components/ok-action-button.js +1 -1
- package/es/vef-modal/context.js +1 -1
- package/es/vef-modal/index.js +1 -1
- package/es/vef-not-found/index.js +1 -1
- package/es/vef-not-found/not-found-icon.js +1 -1
- package/es/vef-page/index.js +1 -1
- package/es/vef-pagination/index.js +1 -1
- package/es/vef-pagination/props.js +1 -1
- package/es/vef-paragraph/index.js +1 -1
- package/es/vef-password/hooks/use-password-instance.js +1 -1
- package/es/vef-password/index.js +1 -1
- package/es/vef-pie-chart/index.js +1 -1
- package/es/vef-popconfirm/index.js +1 -1
- package/es/vef-popover/index.js +1 -1
- package/es/vef-radio/hooks/use-data-options.js +1 -1
- package/es/vef-radio/hooks/use-radio-instance.js +1 -1
- package/es/vef-radio/index.js +1 -1
- package/es/vef-rate/hooks/use-rate-instance.js +1 -1
- package/es/vef-rate/index.js +1 -1
- package/es/vef-responsive-container/index.js +1 -1
- package/es/vef-responsive-item/index.js +1 -1
- package/es/vef-ribbon/index.js +1 -1
- package/es/vef-row/index.js +1 -1
- package/es/vef-scroll-area/components/scrollbar.js +1 -1
- package/es/vef-scroll-area/index.js +1 -1
- package/es/vef-segment/index.js +1 -1
- package/es/vef-select/components/option.js +1 -1
- package/es/vef-select/hooks/use-data-options.js +1 -1
- package/es/vef-select/hooks/use-field-names.js +1 -1
- package/es/vef-select/hooks/use-render-label.js +1 -1
- package/es/vef-select/hooks/use-render-option.js +1 -1
- package/es/vef-select/hooks/use-select-instance.js +1 -1
- package/es/vef-select/index.js +1 -1
- package/es/vef-slider/hooks/use-slider-instance.js +1 -1
- package/es/vef-slider/index.js +1 -1
- package/es/vef-sortable-list/components/overlay-item.js +1 -1
- package/es/vef-sortable-list/components/sortable-item.js +1 -1
- package/es/vef-sortable-list/hooks/use-merged-items.js +1 -1
- package/es/vef-sortable-list/index.js +1 -1
- package/es/vef-space/index.js +1 -1
- package/es/vef-spin/index.js +1 -1
- package/es/vef-splitter/index.js +1 -1
- package/es/vef-splitter-panel/index.js +1 -1
- package/es/vef-status/index.js +1 -1
- package/es/vef-table/components/columns/bool.js +1 -1
- package/es/vef-table/components/columns/code.js +1 -1
- package/es/vef-table/components/columns/data-dictionary.js +1 -1
- package/es/vef-table/components/columns/enum.js +1 -1
- package/es/vef-table/components/columns/file.js +1 -1
- package/es/vef-table/components/columns/icon.js +1 -1
- package/es/vef-table/components/columns/id.js +1 -1
- package/es/vef-table/components/columns/image.js +1 -1
- package/es/vef-table/components/columns/index.js +1 -1
- package/es/vef-table/components/columns/markdown.js +1 -1
- package/es/vef-table/components/columns/number.js +1 -1
- package/es/vef-table/components/columns/render.js +1 -1
- package/es/vef-table/components/columns/rich-text.js +1 -1
- package/es/vef-table/components/columns/text.js +1 -1
- package/es/vef-table/components/columns-settings.js +1 -1
- package/es/vef-table/components/operation-buttons.js +1 -1
- package/es/vef-table/components/settings-icon.js +1 -1
- package/es/vef-table/components/table-footer.js +1 -1
- package/es/vef-table/helper.js +1 -1
- package/es/vef-table/hooks/use-computed-batch-buttons.js +1 -1
- package/es/vef-table/hooks/use-computed-columns.js +1 -1
- package/es/vef-table/hooks/use-computed-values.js +1 -1
- package/es/vef-table/hooks/use-data.js +1 -1
- package/es/vef-table/hooks/use-default-column-configs.js +1 -1
- package/es/vef-table/hooks/use-display-value.js +1 -1
- package/es/vef-table/hooks/use-helper-columns.js +1 -1
- package/es/vef-table/hooks/use-operation-column-width.js +1 -1
- package/es/vef-table/hooks/use-pagination-props.js +1 -1
- package/es/vef-table/hooks/use-row-props.js +1 -1
- package/es/vef-table/hooks/use-row-selection-config.js +1 -1
- package/es/vef-table/hooks/use-selected-rows.js +1 -1
- package/es/vef-table/hooks/use-table-columns.js +1 -1
- package/es/vef-table/hooks/use-table-context.js +1 -1
- package/es/vef-table/hooks/use-table-instance.js +1 -1
- package/es/vef-table/hooks/use-table-summary.js +1 -1
- package/es/vef-table/hooks/use-table-width.js +1 -1
- package/es/vef-table/index.js +1 -1
- package/es/vef-table/store.js +1 -1
- package/es/vef-tabs/index.js +1 -1
- package/es/vef-tag/index.js +1 -1
- package/es/vef-temporal-picker/helper.js +1 -1
- package/es/vef-temporal-picker/hooks/use-dayjs-value.js +1 -1
- package/es/vef-temporal-picker/hooks/use-temporal-limit.js +1 -1
- package/es/vef-temporal-picker/hooks/use-temporal-picker-instance.js +1 -1
- package/es/vef-temporal-picker/index.js +1 -1
- package/es/vef-temporal-range-picker/helper.js +1 -1
- package/es/vef-temporal-range-picker/hooks/use-dayjs-values.js +1 -1
- package/es/vef-temporal-range-picker/hooks/use-temporal-limit.js +1 -1
- package/es/vef-temporal-range-picker/hooks/use-temporal-range-picker-instance.js +1 -1
- package/es/vef-temporal-range-picker/index.js +1 -1
- package/es/vef-temporal-range-picker/props.js +1 -1
- package/es/vef-text/index.js +1 -1
- package/es/vef-textarea/hooks/use-textarea-instance.js +1 -1
- package/es/vef-textarea/index.js +1 -1
- package/es/vef-title/index.js +1 -1
- package/es/vef-tooltip/index.js +1 -1
- package/es/vef-tree-select/hooks/use-change-handler.js +1 -1
- package/es/vef-tree-select/hooks/use-data-options.js +1 -1
- package/es/vef-tree-select/hooks/use-tree-select-instance.js +1 -1
- package/es/vef-tree-select/index.js +1 -1
- package/es/vef-virtual-grid/index.js +1 -1
- package/es/vef-virtual-list/index.js +1 -1
- package/lib/index.cjs +1 -1
- package/lib/internal/base.css.cjs +1 -1
- package/lib/internal/chart.cjs +1 -1
- package/lib/internal/index.cjs +1 -1
- package/lib/internal/modern-normalize.css.cjs +1 -1
- package/lib/internal/utils.cjs +1 -1
- package/lib/vef-access-denied/access-denied-icon.cjs +1 -1
- package/lib/vef-access-denied/index.cjs +1 -1
- package/lib/vef-access-denied/props.cjs +1 -1
- package/lib/vef-action-buttons/index.cjs +1 -1
- package/lib/vef-action-buttons/props.cjs +1 -1
- package/lib/vef-approval-flow-editor/components/edge.cjs +1 -1
- package/lib/vef-approval-flow-editor/components/label-value.cjs +1 -1
- package/lib/vef-approval-flow-editor/components/node-content.cjs +1 -1
- package/lib/vef-approval-flow-editor/components/node-selector.cjs +1 -1
- package/lib/vef-approval-flow-editor/components/node-toolbar.cjs +1 -1
- package/lib/vef-approval-flow-editor/components/nodes/approval.cjs +1 -1
- package/lib/vef-approval-flow-editor/components/nodes/condition.cjs +1 -1
- package/lib/vef-approval-flow-editor/components/nodes/end.cjs +1 -1
- package/lib/vef-approval-flow-editor/components/nodes/handle.cjs +1 -1
- package/lib/vef-approval-flow-editor/components/nodes/index.cjs +1 -1
- package/lib/vef-approval-flow-editor/components/nodes/submit.cjs +1 -1
- package/lib/vef-approval-flow-editor/components/selector-content.cjs +1 -1
- package/lib/vef-approval-flow-editor/components/source-handle.cjs +1 -1
- package/lib/vef-approval-flow-editor/components/target-handle.cjs +1 -1
- package/lib/vef-approval-flow-editor/constants.cjs +1 -1
- package/lib/vef-approval-flow-editor/helper.cjs +1 -1
- package/lib/vef-approval-flow-editor/hooks/use-edges-interaction.cjs +1 -1
- package/lib/vef-approval-flow-editor/hooks/use-element-selection.cjs +1 -1
- package/lib/vef-approval-flow-editor/hooks/use-nodes-interaction.cjs +1 -1
- package/lib/vef-approval-flow-editor/index.cjs +1 -1
- package/lib/vef-approval-flow-editor/models/edge-node.cjs +1 -1
- package/lib/vef-approval-flow-editor/models/flow-node.cjs +1 -1
- package/lib/vef-approval-flow-editor/props.cjs +1 -1
- package/lib/vef-approval-flow-editor/store.cjs +1 -1
- package/lib/vef-approval-flow-editor/styles.cjs +1 -1
- package/lib/vef-approval-flow-editor/types.cjs +1 -1
- package/lib/vef-area-chart/index.cjs +1 -1
- package/lib/vef-area-chart/props.cjs +1 -1
- package/lib/vef-auto-sizer/index.cjs +1 -1
- package/lib/vef-auto-sizer/props.cjs +1 -1
- package/lib/vef-avatar/index.cjs +1 -1
- package/lib/vef-avatar/props.cjs +1 -1
- package/lib/vef-avatar-group/index.cjs +1 -1
- package/lib/vef-avatar-group/props.cjs +1 -1
- package/lib/vef-badge/index.cjs +1 -1
- package/lib/vef-badge/props.cjs +1 -1
- package/lib/vef-bar-chart/index.cjs +1 -1
- package/lib/vef-bar-chart/props.cjs +1 -1
- package/lib/vef-bool/hooks/use-bool-instance.cjs +1 -1
- package/lib/vef-bool/index.cjs +1 -1
- package/lib/vef-bool/props.cjs +1 -1
- package/lib/vef-breadcrumb/index.cjs +1 -1
- package/lib/vef-breadcrumb/props.cjs +1 -1
- package/lib/vef-button/components/base-button.cjs +1 -1
- package/lib/vef-button/index.cjs +1 -1
- package/lib/vef-button/props.cjs +1 -1
- package/lib/vef-card/index.cjs +1 -1
- package/lib/vef-card/props.cjs +1 -1
- package/lib/vef-card-meta/index.cjs +1 -1
- package/lib/vef-card-meta/props.cjs +1 -1
- package/lib/vef-chart-container/hooks/use-chart-container-context.cjs +1 -1
- package/lib/vef-chart-container/index.cjs +1 -1
- package/lib/vef-chart-container/props.cjs +1 -1
- package/lib/vef-chart-legend-content/index.cjs +1 -1
- package/lib/vef-chart-legend-content/props.cjs +1 -1
- package/lib/vef-chart-tooltip-content/index.cjs +1 -1
- package/lib/vef-chart-tooltip-content/props.cjs +1 -1
- package/lib/vef-checkbox/hooks/use-checkbox-instance.cjs +1 -1
- package/lib/vef-checkbox/hooks/use-data-options.cjs +1 -1
- package/lib/vef-checkbox/index.cjs +1 -1
- package/lib/vef-checkbox/props.cjs +1 -1
- package/lib/vef-code-editor/hooks/use-change-handler.cjs +1 -1
- package/lib/vef-code-editor/hooks/use-config-extensions.cjs +1 -1
- package/lib/vef-code-editor/hooks/use-height-props.cjs +1 -1
- package/lib/vef-code-editor/hooks/use-language-extensions.cjs +1 -1
- package/lib/vef-code-editor/hooks/use-setup-options.cjs +1 -1
- package/lib/vef-code-editor/index.cjs +1 -1
- package/lib/vef-code-editor/props.cjs +1 -1
- package/lib/vef-code-editor/styles.cjs +1 -1
- package/lib/vef-col/index.cjs +1 -1
- package/lib/vef-col/props.cjs +1 -1
- package/lib/vef-color-picker/index.cjs +1 -1
- package/lib/vef-color-picker/props.cjs +1 -1
- package/lib/vef-compact/index.cjs +1 -1
- package/lib/vef-compact/props.cjs +1 -1
- package/lib/vef-config-provider/global-style.cjs +1 -1
- package/lib/vef-config-provider/hooks/use-ui-config.cjs +1 -1
- package/lib/vef-config-provider/index.cjs +1 -1
- package/lib/vef-config-provider/props.cjs +1 -1
- package/lib/vef-config-provider/store.cjs +1 -1
- package/lib/vef-container/index.cjs +1 -1
- package/lib/vef-container/props.cjs +1 -1
- package/lib/vef-crud-page/components/crud-actions.cjs +1 -1
- package/lib/vef-crud-page/components/crud-filter.cjs +1 -1
- package/lib/vef-crud-page/components/crud-footer.cjs +1 -1
- package/lib/vef-crud-page/components/crud-form-modal.cjs +1 -1
- package/lib/vef-crud-page/components/crud-header.cjs +1 -1
- package/lib/vef-crud-page/components/crud-table.cjs +1 -1
- package/lib/vef-crud-page/hooks/use-action-buttons.cjs +1 -1
- package/lib/vef-crud-page/hooks/use-crud-context.cjs +1 -1
- package/lib/vef-crud-page/hooks/use-crud-schema.cjs +1 -1
- package/lib/vef-crud-page/hooks/use-operation-buttons.cjs +1 -1
- package/lib/vef-crud-page/index.cjs +1 -1
- package/lib/vef-crud-page/props.cjs +1 -1
- package/lib/vef-crud-page/store.cjs +1 -1
- package/lib/vef-crud-page/types.cjs +1 -1
- package/lib/vef-data-grid/index.cjs +1 -1
- package/lib/vef-data-grid/props.cjs +1 -1
- package/lib/vef-data-table/index.cjs +1 -1
- package/lib/vef-data-table/props.cjs +1 -1
- package/lib/vef-divider/index.cjs +1 -1
- package/lib/vef-divider/props.cjs +1 -1
- package/lib/vef-drawer/components/action-button-wrapper.cjs +1 -1
- package/lib/vef-drawer/components/button-props.cjs +1 -1
- package/lib/vef-drawer/components/cancel-action-button.cjs +1 -1
- package/lib/vef-drawer/components/ok-action-button.cjs +1 -1
- package/lib/vef-drawer/context.cjs +1 -1
- package/lib/vef-drawer/index.cjs +1 -1
- package/lib/vef-drawer/props.cjs +1 -1
- package/lib/vef-dropdown/index.cjs +1 -1
- package/lib/vef-dropdown/props.cjs +1 -1
- package/lib/vef-dynamic-icon/index.cjs +1 -1
- package/lib/vef-dynamic-icon/props.cjs +1 -1
- package/lib/vef-empty/index.cjs +1 -1
- package/lib/vef-empty/props.cjs +1 -1
- package/lib/vef-empty-placeholder/index.cjs +1 -1
- package/lib/vef-empty-placeholder/props.cjs +1 -1
- package/lib/vef-error/error-icon.cjs +1 -1
- package/lib/vef-error/index.cjs +1 -1
- package/lib/vef-error/props.cjs +1 -1
- package/lib/vef-filter/components/action-buttons.cjs +1 -1
- package/lib/vef-filter/components/advanced-filter.cjs +1 -1
- package/lib/vef-filter/components/basic-filter.cjs +1 -1
- package/lib/vef-filter/components/fields/index.cjs +1 -1
- package/lib/vef-filter/components/fields/input-number.cjs +1 -1
- package/lib/vef-filter/components/fields/input.cjs +1 -1
- package/lib/vef-filter/components/fields/props.cjs +1 -1
- package/lib/vef-filter/components/fields/radio.cjs +1 -1
- package/lib/vef-filter/components/fields/select.cjs +1 -1
- package/lib/vef-filter/components/fields/tree-select.cjs +1 -1
- package/lib/vef-filter/components/filter-field.cjs +1 -1
- package/lib/vef-filter/components/filter-item.cjs +1 -1
- package/lib/vef-filter/event.cjs +1 -1
- package/lib/vef-filter/helper.cjs +1 -1
- package/lib/vef-filter/hooks/use-action-handlers.cjs +1 -1
- package/lib/vef-filter/hooks/use-computed-values.cjs +1 -1
- package/lib/vef-filter/hooks/use-filter-context.cjs +1 -1
- package/lib/vef-filter/hooks/use-filter-initialization.cjs +1 -1
- package/lib/vef-filter/hooks/use-filter-instance.cjs +1 -1
- package/lib/vef-filter/hooks/use-filter-items.cjs +1 -1
- package/lib/vef-filter/hooks/use-filter-values-change.cjs +1 -1
- package/lib/vef-filter/hooks/use-label-config.cjs +1 -1
- package/lib/vef-filter/index.cjs +1 -1
- package/lib/vef-filter/props.cjs +1 -1
- package/lib/vef-filter/store.cjs +1 -1
- package/lib/vef-filter/types.cjs +1 -1
- package/lib/vef-flex/index.cjs +1 -1
- package/lib/vef-flex/props.cjs +1 -1
- package/lib/vef-float-button/index.cjs +1 -1
- package/lib/vef-float-button/props.cjs +1 -1
- package/lib/vef-float-button-group/index.cjs +1 -1
- package/lib/vef-float-button-group/props.cjs +1 -1
- package/lib/vef-form/components/fields/icon-select.cjs +1 -1
- package/lib/vef-form/components/fields/index.cjs +1 -1
- package/lib/vef-form/components/fields/input-number.cjs +1 -1
- package/lib/vef-form/components/fields/input.cjs +1 -1
- package/lib/vef-form/components/fields/password.cjs +1 -1
- package/lib/vef-form/components/fields/props.cjs +1 -1
- package/lib/vef-form/components/fields/radio.cjs +1 -1
- package/lib/vef-form/components/fields/select.cjs +1 -1
- package/lib/vef-form/components/fields/textarea.cjs +1 -1
- package/lib/vef-form/components/fields/tree-select.cjs +1 -1
- package/lib/vef-form/components/form-actions.cjs +1 -1
- package/lib/vef-form/components/form-content.cjs +1 -1
- package/lib/vef-form/components/form-field.cjs +1 -1
- package/lib/vef-form/components/form-group.cjs +1 -1
- package/lib/vef-form/components/form-hidden-item.cjs +1 -1
- package/lib/vef-form/components/form-item.cjs +1 -1
- package/lib/vef-form/components/form-row.cjs +1 -1
- package/lib/vef-form/event.cjs +1 -1
- package/lib/vef-form/helper.cjs +1 -1
- package/lib/vef-form/hooks/use-action-handlers.cjs +1 -1
- package/lib/vef-form/hooks/use-columns-layout.cjs +1 -1
- package/lib/vef-form/hooks/use-computed-values.cjs +1 -1
- package/lib/vef-form/hooks/use-form-context.cjs +1 -1
- package/lib/vef-form/hooks/use-form-initialization.cjs +1 -1
- package/lib/vef-form/hooks/use-form-instance.cjs +1 -1
- package/lib/vef-form/hooks/use-form-values-change.cjs +1 -1
- package/lib/vef-form/hooks/use-label-width.cjs +1 -1
- package/lib/vef-form/index.cjs +1 -1
- package/lib/vef-form/props.cjs +1 -1
- package/lib/vef-form/store.cjs +1 -1
- package/lib/vef-form/types.cjs +1 -1
- package/lib/vef-form/validation-rules.cjs +1 -1
- package/lib/vef-form-drawer/index.cjs +1 -1
- package/lib/vef-form-drawer/props.cjs +1 -1
- package/lib/vef-form-modal/index.cjs +1 -1
- package/lib/vef-form-modal/props.cjs +1 -1
- package/lib/vef-generic-select/index.cjs +1 -1
- package/lib/vef-generic-select/props.cjs +1 -1
- package/lib/vef-grid/index.cjs +1 -1
- package/lib/vef-grid/props.cjs +1 -1
- package/lib/vef-grid-item/index.cjs +1 -1
- package/lib/vef-grid-item/props.cjs +1 -1
- package/lib/vef-icon/index.cjs +1 -1
- package/lib/vef-icon/props.cjs +1 -1
- package/lib/vef-icon-select/index.cjs +1 -1
- package/lib/vef-icon-select/props.cjs +1 -1
- package/lib/vef-input/hooks/use-input-instance.cjs +1 -1
- package/lib/vef-input/index.cjs +1 -1
- package/lib/vef-input/props.cjs +1 -1
- package/lib/vef-input-number/hooks/use-input-number-instance.cjs +1 -1
- package/lib/vef-input-number/index.cjs +1 -1
- package/lib/vef-input-number/props.cjs +1 -1
- package/lib/vef-intellisense-code-editor/hooks/use-change-handler.cjs +1 -1
- package/lib/vef-intellisense-code-editor/hooks/use-editor-options.cjs +1 -1
- package/lib/vef-intellisense-code-editor/hooks/use-path.cjs +1 -1
- package/lib/vef-intellisense-code-editor/index.cjs +1 -1
- package/lib/vef-intellisense-code-editor/loader.cjs +1 -1
- package/lib/vef-intellisense-code-editor/props.cjs +1 -1
- package/lib/vef-intellisense-code-editor/styles.cjs +1 -1
- package/lib/vef-intellisense-code-editor/themes/github-light.json.cjs +1 -1
- package/lib/vef-json-viewer/index.cjs +1 -1
- package/lib/vef-json-viewer/props.cjs +1 -1
- package/lib/vef-layout/common-styles.cjs +1 -1
- package/lib/vef-layout/components/content.cjs +1 -1
- package/lib/vef-layout/components/font-size.cjs +1 -1
- package/lib/vef-layout/components/fullscreen.cjs +1 -1
- package/lib/vef-layout/components/header-action-icons.cjs +1 -1
- package/lib/vef-layout/components/header-content.cjs +1 -1
- package/lib/vef-layout/components/header.cjs +1 -1
- package/lib/vef-layout/components/icon-boy.cjs +1 -1
- package/lib/vef-layout/components/icon-girl.cjs +1 -1
- package/lib/vef-layout/components/icon-menu-fold-left.cjs +1 -1
- package/lib/vef-layout/components/icon-menu-unfold-left.cjs +1 -1
- package/lib/vef-layout/components/menu-groups.cjs +1 -1
- package/lib/vef-layout/components/message.cjs +1 -1
- package/lib/vef-layout/components/search.cjs +1 -1
- package/lib/vef-layout/components/sider.cjs +1 -1
- package/lib/vef-layout/components/title.cjs +1 -1
- package/lib/vef-layout/components/user-avatar.cjs +1 -1
- package/lib/vef-layout/hooks/use-layout-context.cjs +1 -1
- package/lib/vef-layout/index.cjs +1 -1
- package/lib/vef-layout/logo.svg.cjs +1 -1
- package/lib/vef-layout/props.cjs +1 -1
- package/lib/vef-layout/store.cjs +1 -1
- package/lib/vef-line-chart/index.cjs +1 -1
- package/lib/vef-line-chart/props.cjs +1 -1
- package/lib/vef-loading-placeholder/index.cjs +1 -1
- package/lib/vef-loading-placeholder/props.cjs +1 -1
- package/lib/vef-login/index.cjs +1 -1
- package/lib/vef-login/login-icon.cjs +1 -1
- package/lib/vef-login/props.cjs +1 -1
- package/lib/vef-menu/index.cjs +1 -1
- package/lib/vef-menu/props.cjs +1 -1
- package/lib/vef-modal/components/action-button-wrapper.cjs +1 -1
- package/lib/vef-modal/components/button-props.cjs +1 -1
- package/lib/vef-modal/components/cancel-action-button.cjs +1 -1
- package/lib/vef-modal/components/ok-action-button.cjs +1 -1
- package/lib/vef-modal/context.cjs +1 -1
- package/lib/vef-modal/index.cjs +1 -1
- package/lib/vef-modal/props.cjs +1 -1
- package/lib/vef-not-found/index.cjs +1 -1
- package/lib/vef-not-found/not-found-icon.cjs +1 -1
- package/lib/vef-not-found/props.cjs +1 -1
- package/lib/vef-page/index.cjs +1 -1
- package/lib/vef-page/props.cjs +1 -1
- package/lib/vef-pagination/index.cjs +1 -1
- package/lib/vef-pagination/props.cjs +1 -1
- package/lib/vef-paragraph/index.cjs +1 -1
- package/lib/vef-paragraph/props.cjs +1 -1
- package/lib/vef-password/hooks/use-password-instance.cjs +1 -1
- package/lib/vef-password/index.cjs +1 -1
- package/lib/vef-password/props.cjs +1 -1
- package/lib/vef-pie-chart/index.cjs +1 -1
- package/lib/vef-pie-chart/props.cjs +1 -1
- package/lib/vef-popconfirm/index.cjs +1 -1
- package/lib/vef-popconfirm/props.cjs +1 -1
- package/lib/vef-popover/index.cjs +1 -1
- package/lib/vef-popover/props.cjs +1 -1
- package/lib/vef-radio/hooks/use-data-options.cjs +1 -1
- package/lib/vef-radio/hooks/use-radio-instance.cjs +1 -1
- package/lib/vef-radio/index.cjs +1 -1
- package/lib/vef-radio/props.cjs +1 -1
- package/lib/vef-rate/hooks/use-rate-instance.cjs +1 -1
- package/lib/vef-rate/index.cjs +1 -1
- package/lib/vef-rate/props.cjs +1 -1
- package/lib/vef-responsive-container/index.cjs +1 -1
- package/lib/vef-responsive-container/props.cjs +1 -1
- package/lib/vef-responsive-item/index.cjs +1 -1
- package/lib/vef-responsive-item/props.cjs +1 -1
- package/lib/vef-ribbon/index.cjs +1 -1
- package/lib/vef-ribbon/props.cjs +1 -1
- package/lib/vef-row/index.cjs +1 -1
- package/lib/vef-row/props.cjs +1 -1
- package/lib/vef-scroll-area/components/scrollbar.cjs +1 -1
- package/lib/vef-scroll-area/index.cjs +1 -1
- package/lib/vef-scroll-area/props.cjs +1 -1
- package/lib/vef-segment/index.cjs +1 -1
- package/lib/vef-segment/props.cjs +1 -1
- package/lib/vef-select/components/option.cjs +1 -1
- package/lib/vef-select/hooks/use-data-options.cjs +1 -1
- package/lib/vef-select/hooks/use-field-names.cjs +1 -1
- package/lib/vef-select/hooks/use-render-label.cjs +1 -1
- package/lib/vef-select/hooks/use-render-option.cjs +1 -1
- package/lib/vef-select/hooks/use-select-instance.cjs +1 -1
- package/lib/vef-select/index.cjs +1 -1
- package/lib/vef-select/props.cjs +1 -1
- package/lib/vef-slider/hooks/use-slider-instance.cjs +1 -1
- package/lib/vef-slider/index.cjs +1 -1
- package/lib/vef-slider/props.cjs +1 -1
- package/lib/vef-sortable-list/components/overlay-item.cjs +1 -1
- package/lib/vef-sortable-list/components/sortable-item.cjs +1 -1
- package/lib/vef-sortable-list/hooks/use-merged-items.cjs +1 -1
- package/lib/vef-sortable-list/index.cjs +1 -1
- package/lib/vef-sortable-list/props.cjs +1 -1
- package/lib/vef-space/index.cjs +1 -1
- package/lib/vef-space/props.cjs +1 -1
- package/lib/vef-spin/index.cjs +1 -1
- package/lib/vef-spin/props.cjs +1 -1
- package/lib/vef-splitter/index.cjs +1 -1
- package/lib/vef-splitter/props.cjs +1 -1
- package/lib/vef-splitter-panel/index.cjs +1 -1
- package/lib/vef-splitter-panel/props.cjs +1 -1
- package/lib/vef-status/index.cjs +1 -1
- package/lib/vef-status/props.cjs +1 -1
- package/lib/vef-table/components/columns/bool.cjs +1 -1
- package/lib/vef-table/components/columns/code.cjs +1 -1
- package/lib/vef-table/components/columns/data-dictionary.cjs +1 -1
- package/lib/vef-table/components/columns/enum.cjs +1 -1
- package/lib/vef-table/components/columns/file.cjs +1 -1
- package/lib/vef-table/components/columns/icon.cjs +1 -1
- package/lib/vef-table/components/columns/id.cjs +1 -1
- package/lib/vef-table/components/columns/image.cjs +1 -1
- package/lib/vef-table/components/columns/index.cjs +1 -1
- package/lib/vef-table/components/columns/markdown.cjs +1 -1
- package/lib/vef-table/components/columns/number.cjs +1 -1
- package/lib/vef-table/components/columns/props.cjs +1 -1
- package/lib/vef-table/components/columns/render.cjs +1 -1
- package/lib/vef-table/components/columns/rich-text.cjs +1 -1
- package/lib/vef-table/components/columns/text.cjs +1 -1
- package/lib/vef-table/components/columns-settings.cjs +1 -1
- package/lib/vef-table/components/operation-buttons.cjs +1 -1
- package/lib/vef-table/components/settings-icon.cjs +1 -1
- package/lib/vef-table/components/table-footer.cjs +1 -1
- package/lib/vef-table/helper.cjs +1 -1
- package/lib/vef-table/hooks/use-computed-batch-buttons.cjs +1 -1
- package/lib/vef-table/hooks/use-computed-columns.cjs +1 -1
- package/lib/vef-table/hooks/use-computed-values.cjs +1 -1
- package/lib/vef-table/hooks/use-data.cjs +1 -1
- package/lib/vef-table/hooks/use-default-column-configs.cjs +1 -1
- package/lib/vef-table/hooks/use-display-value.cjs +1 -1
- package/lib/vef-table/hooks/use-helper-columns.cjs +1 -1
- package/lib/vef-table/hooks/use-operation-column-width.cjs +1 -1
- package/lib/vef-table/hooks/use-pagination-props.cjs +1 -1
- package/lib/vef-table/hooks/use-row-props.cjs +1 -1
- package/lib/vef-table/hooks/use-row-selection-config.cjs +1 -1
- package/lib/vef-table/hooks/use-selected-rows.cjs +1 -1
- package/lib/vef-table/hooks/use-table-columns.cjs +1 -1
- package/lib/vef-table/hooks/use-table-context.cjs +1 -1
- package/lib/vef-table/hooks/use-table-instance.cjs +1 -1
- package/lib/vef-table/hooks/use-table-summary.cjs +1 -1
- package/lib/vef-table/hooks/use-table-width.cjs +1 -1
- package/lib/vef-table/index.cjs +1 -1
- package/lib/vef-table/props.cjs +1 -1
- package/lib/vef-table/store.cjs +1 -1
- package/lib/vef-table/types.cjs +1 -1
- package/lib/vef-tabs/index.cjs +1 -1
- package/lib/vef-tabs/props.cjs +1 -1
- package/lib/vef-tag/index.cjs +1 -1
- package/lib/vef-tag/props.cjs +1 -1
- package/lib/vef-temporal-picker/helper.cjs +1 -1
- package/lib/vef-temporal-picker/hooks/use-dayjs-value.cjs +1 -1
- package/lib/vef-temporal-picker/hooks/use-temporal-limit.cjs +1 -1
- package/lib/vef-temporal-picker/hooks/use-temporal-picker-instance.cjs +1 -1
- package/lib/vef-temporal-picker/index.cjs +1 -1
- package/lib/vef-temporal-picker/props.cjs +1 -1
- package/lib/vef-temporal-range-picker/helper.cjs +1 -1
- package/lib/vef-temporal-range-picker/hooks/use-dayjs-values.cjs +1 -1
- package/lib/vef-temporal-range-picker/hooks/use-temporal-limit.cjs +1 -1
- package/lib/vef-temporal-range-picker/hooks/use-temporal-range-picker-instance.cjs +1 -1
- package/lib/vef-temporal-range-picker/index.cjs +1 -1
- package/lib/vef-temporal-range-picker/props.cjs +1 -1
- package/lib/vef-text/index.cjs +1 -1
- package/lib/vef-text/props.cjs +1 -1
- package/lib/vef-textarea/hooks/use-textarea-instance.cjs +1 -1
- package/lib/vef-textarea/index.cjs +1 -1
- package/lib/vef-textarea/props.cjs +1 -1
- package/lib/vef-title/index.cjs +1 -1
- package/lib/vef-title/props.cjs +1 -1
- package/lib/vef-tooltip/index.cjs +1 -1
- package/lib/vef-tooltip/props.cjs +1 -1
- package/lib/vef-tree-select/hooks/use-change-handler.cjs +1 -1
- package/lib/vef-tree-select/hooks/use-data-options.cjs +1 -1
- package/lib/vef-tree-select/hooks/use-tree-select-instance.cjs +1 -1
- package/lib/vef-tree-select/index.cjs +1 -1
- package/lib/vef-tree-select/props.cjs +1 -1
- package/lib/vef-virtual-grid/index.cjs +1 -1
- package/lib/vef-virtual-grid/props.cjs +1 -1
- package/lib/vef-virtual-list/index.cjs +1 -1
- package/lib/vef-virtual-list/props.cjs +1 -1
- package/package.json +4 -4
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/*! VefFramework version: 1.0.
|
|
1
|
+
/*! VefFramework version: 1.0.119, build time: 2025-03-11T07:03:16.098Z, made by Venus. */import{jsx,jsxs,Fragment}from"@emotion/react/jsx-runtime";import{css}from"@emotion/react";import{debounce,styles,isDeepEqual,omit}from"@vef-framework/shared";import{useMemo,useRef,useState,useCallback,useEffect,memo}from"react";import VefEmptyPlaceholder from"../../vef-empty-placeholder/index.js";import VefFlex from"../../vef-flex/index.js";import VefScrollArea from"../../vef-scroll-area/index.js";import VefTabs from"../../vef-tabs/index.js";import{useComputedValues}from"../hooks/use-computed-values.js";import{useFormStore}from"../store.js";import VefFormGroup from"./form-group.js";const scrollbarStyle=css`
|
|
2
2
|
flex: auto;
|
|
3
3
|
min-height: 0;
|
|
4
4
|
`;function VefFormContentBase({schema,showTabs,height}){const computedValues=useComputedValues([...schema.map(({key,title})=>({key:`title-${key}`,rawValue:title})),...schema.map(({key,show})=>({key:`show-${key}`,rawValue:show,defaultValue:!0})),...schema.map(({key,disabled})=>({key:`disabled-${key}`,rawValue:disabled,defaultValue:!1}))],!0),showedGroups=useMemo(()=>schema.filter(({key})=>computedValues[`show-${key}`]),[computedValues,schema]),groupDomsRef=useRef({}),[activeGroupKey,setActiveGroupKey]=useState(showedGroups[0]?.key??0),handleTabChange=useCallback(activeKey=>{groupDomsRef.current[activeKey]?.scrollIntoView({behavior:"smooth",block:"start",inline:"start"}),setActiveGroupKey(activeKey)},[]),handleScroll=useMemo(()=>showTabs!=="navigation"?void 0:debounce({delay:60},event=>{const{top:containerTop}=event.target.getBoundingClientRect();for(const[groupKey,groupDom]of Object.entries(groupDomsRef.current))if(groupDom){const{top}=groupDom.getBoundingClientRect();top-containerTop<=60&&setActiveGroupKey(groupKey)}}),[showTabs]),[setShowActionButtons]=useFormStore(state=>[state.setShowActionButtons]);if(useEffect(()=>{setShowActionButtons(showedGroups.length>0)},[setShowActionButtons,showedGroups.length]),showedGroups.length===0)return jsx(VefEmptyPlaceholder,{description:"空表单"});if(showTabs==="switch"){const items=schema.map(({key,rows})=>({key:`${key}`,label:computedValues[`title-${key}`],destroyInactiveTabPane:!1,children:jsx(VefFormGroup,{disabled:computedValues[`disabled-${key}`],rows})}));return jsx(VefTabs,{items})}if(showTabs==="navigation")return jsxs(VefFlex,{vertical:!0,css:height==="full"?styles.fullHeight:void 0,children:[jsx(VefTabs,{activeKey:`${activeGroupKey}`,items:schema.map(({key})=>({key:`${key}`,label:computedValues[`title-${key}`]})),onChange:handleTabChange}),jsx(VefScrollArea,{css:scrollbarStyle,onScroll:handleScroll,children:schema.map(({key,rows})=>jsx(VefFormGroup,{ref:dom=>{groupDomsRef.current[key]=dom},disabled:computedValues[`disabled-${key}`],rows,title:computedValues[`title-${key}`]},key))})]});const groupNodes=schema.map(({key,rows})=>jsx(VefFormGroup,{disabled:computedValues[`disabled-${key}`],rows,title:computedValues[`title-${key}`]},key));return height==="full"?jsx(VefScrollArea,{onScroll:handleScroll,children:groupNodes}):jsx(Fragment,{children:groupNodes})}const VefFormContent=memo(VefFormContentBase,(prevProps,nextProps)=>isDeepEqual(omit(prevProps,["schema"]),omit(nextProps,["schema"])));/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{VefFormContent as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! VefFramework version: 1.0.
|
|
1
|
+
/*! VefFramework version: 1.0.119, build time: 2025-03-11T07:03:16.098Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{VefError}from"@vef-framework/shared";import{useMemo}from"react";import{fieldMap}from"./fields/index.js";function VefFormField(props){const{name,componentProps:{type}}=props,FormFieldComponent=useMemo(()=>{if(type==="Hidden")return()=>null;const Component=fieldMap[type];if(!Component)throw new VefError(-9,`Unknown form field type: "${type}", please check the type of "${name}" field.`);return Component},[name,type]);return jsx(FormFieldComponent,{...props})}/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{VefFormField as default};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/*! VefFramework version: 1.0.
|
|
1
|
+
/*! VefFramework version: 1.0.119, build time: 2025-03-11T07:03:16.098Z, made by Venus. */import{jsxs,jsx}from"@emotion/react/jsx-runtime";import{css}from"@emotion/react";import{themeVariables,isDeepEqual,omit}from"@vef-framework/shared";import{useMemo,memo,forwardRef}from"react";import VefEmptyPlaceholder from"../../vef-empty-placeholder/index.js";import VefTitle from"../../vef-title/index.js";import{useComputedValues}from"../hooks/use-computed-values.js";import VefFormRow from"./form-row.js";const groupStyle=css`
|
|
2
2
|
margin-bottom: ${themeVariables.margin};
|
|
3
3
|
|
|
4
4
|
&:last-child {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! VefFramework version: 1.0.
|
|
1
|
+
/*! VefFramework version: 1.0.119, build time: 2025-03-11T07:03:16.098Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{Form}from"antd";import{memo}from"react";import{useComputedValues}from"../hooks/use-computed-values.js";const{Item}=Form;function VefFormHiddenItemBase({item}){const{name,show}=item,[showValue]=useComputedValues([{key:"show",rawValue:show,defaultValue:!0}]);return showValue?jsx(Item,{hidden:!0,name,children:jsx("input",{type:"hidden"})}):null}const VefFormHiddenItem=memo(VefFormHiddenItemBase,()=>!1);/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{VefFormHiddenItem as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! VefFramework version: 1.0.
|
|
1
|
+
/*! VefFramework version: 1.0.119, build time: 2025-03-11T07:03:16.098Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{useContextDisabled}from"@vef-framework/hooks";import{isArray}from"@vef-framework/shared";import{Form}from"antd";import{memo}from"react";import{useComputedValues}from"../hooks/use-computed-values.js";import VefFormField from"./form-field.js";const{Item}=Form;function VefFormItemBase({item,disabled}){const{name,show,disabled:itemDisabled,label,tip,rules,virtual:_,...componentProps}=item,formDisabled=useContextDisabled(),[showValue,disabledValue,labelValue,tipValue,rulesValue]=useComputedValues([{key:"show",rawValue:show,defaultValue:!0},{key:"disabled",rawValue:itemDisabled,defaultValue:disabled},{key:"label",rawValue:label},{key:"tip",rawValue:tip},{key:"rules",rawValue:rules}]);if(!showValue)return null;const ruleObjects=isArray(rulesValue)?rulesValue.flatMap(rule=>rule(item)):void 0;return jsx(Item,{label:labelValue,name,preserve:!1,rules:ruleObjects,tooltip:tipValue,children:jsx(VefFormField,{componentProps,disabled:formDisabled||disabledValue,label:labelValue,name})})}const VefFormItem=memo(VefFormItemBase,(prevProps,nextProps)=>prevProps.disabled===nextProps.disabled);/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{VefFormItem as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! VefFramework version: 1.0.
|
|
1
|
+
/*! VefFramework version: 1.0.119, build time: 2025-03-11T07:03:16.098Z, made by Venus. */import{jsxs,Fragment,jsx}from"@emotion/react/jsx-runtime";import{isDeepEqual,omit}from"@vef-framework/shared";import{useMemo,memo}from"react";import VefGrid from"../../vef-grid/index.js";import VefGridItem from"../../vef-grid-item/index.js";import{useColumnsLayout}from"../hooks/use-columns-layout.js";import{useComputedValues}from"../hooks/use-computed-values.js";import{useFormContext}from"../hooks/use-form-context.js";import VefFormHiddenItem from"./form-hidden-item.js";import VefFormItem from"./form-item.js";const formItemMinWidth=240;function VefFormRowBase({rowKey,columns,disabled,autoExpand:rowAutoExpand}){const{layoutMode,autoExpand:formAutoExpand,labelPosition,labelWidth}=useFormContext(),formItemMinWidthToUse=labelPosition==="top"?formItemMinWidth:formItemMinWidth+(labelWidth??80),[hiddenItems,filteredColumns]=useMemo(()=>{const hiddenItems2=[],filteredColumns2=[];for(const column of columns){const{items,...rest}=column,filteredItems=[];for(const item of items){const{type}=item;type==="Hidden"?hiddenItems2.push(item):filteredItems.push(item)}filteredItems.length>0&&filteredColumns2.push({...rest,items:filteredItems})}return[hiddenItems2,filteredColumns2]},[columns]),computedValues=useComputedValues([...filteredColumns.map(({key,show})=>({key:`show-${key}`,rawValue:show,defaultValue:!0})),...filteredColumns.map(({key,disabled:columnDisabled})=>({key:`disabled-${key}`,rawValue:columnDisabled,defaultValue:disabled}))],!0),showedColumns=useMemo(()=>columns.filter(({key})=>computedValues[`show-${key}`]),[computedValues,columns]),layout=useColumnsLayout(rowKey,showedColumns,layoutMode,rowAutoExpand??formAutoExpand);return jsxs(Fragment,{children:[hiddenItems.map(item=>{const{name}=item;return jsx(VefFormHiddenItem,{item},name)}),showedColumns.length>0&&jsx(VefGrid,{baseWidth:formItemMinWidthToUse,gap:[0,"large"],children:showedColumns.map(column=>{const layoutProps={};if(layoutMode==="responsive"){const columnsLayout=layout;layoutProps.xs=columnsLayout.xs[column.key],layoutProps.sm=columnsLayout.sm[column.key],layoutProps.md=columnsLayout.md[column.key],layoutProps.lg=columnsLayout.lg[column.key],layoutProps.xl=columnsLayout.xl[column.key],layoutProps.xxl=columnsLayout.xxl[column.key]}else{const columnsLayout=layout;layoutProps.span=columnsLayout[column.key]}return jsx(VefGridItem,{...layoutProps,children:column.items.map(item=>jsx(VefFormItem,{disabled:disabled||computedValues[`disabled-${column.key}`],item},item.name))},column.key)})})]})}const VefFormRow=memo(VefFormRowBase,(prevProps,nextProps)=>isDeepEqual(omit(prevProps,["columns"]),omit(nextProps,["columns"])));/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{VefFormRow as default};
|
package/es/vef-form/event.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! VefFramework version: 1.0.
|
|
1
|
+
/*! VefFramework version: 1.0.119, build time: 2025-03-11T07:03:16.098Z, made by Venus. */import{createEventEmitter}from"@vef-framework/shared";var __typeError=msg=>{throw TypeError(msg)},__accessCheck=(obj,member,msg)=>member.has(obj)||__typeError("Cannot "+msg),__privateGet=(obj,member,getter)=>(__accessCheck(obj,member,"read from private field"),getter?getter.call(obj):member.get(obj)),__privateAdd=(obj,member,value)=>member.has(obj)?__typeError("Cannot add the same private member more than once"):member instanceof WeakSet?member.add(obj):member.set(obj,value),_emitter;const changeEvent=Symbol("change"),submitResultEvent=Symbol("submitResult");class FormEventBus{constructor(){__privateAdd(this,_emitter,createEventEmitter())}clear(){__privateGet(this,_emitter).all.clear()}onChange(handler){__privateGet(this,_emitter).on(changeEvent,handler)}offChange(handler){__privateGet(this,_emitter).off(changeEvent,handler)}emitChange(value){__privateGet(this,_emitter).emit(changeEvent,value)}onSubmitResult(handler){__privateGet(this,_emitter).on(submitResultEvent,handler)}offSubmitResult(handler){__privateGet(this,_emitter).off(submitResultEvent,handler)}emitSubmitResult(result){__privateGet(this,_emitter).emit(submitResultEvent,result)}}_emitter=new WeakMap;/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{FormEventBus};
|
package/es/vef-form/helper.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! VefFramework version: 1.0.
|
|
1
|
+
/*! VefFramework version: 1.0.119, build time: 2025-03-11T07:03:16.098Z, made by Venus. */import{compileDynamicFn,isFunction,isInternalFunction,isExpression}from"@vef-framework/shared";function computeValue(value,values,scene,defaultValue){return isFunction(value)&&!isInternalFunction(value)?value(values,scene):isExpression(value)?compileDynamicFn(value,"values","scene",`return ${value.expression}`)(values,scene):value??defaultValue}/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{computeValue};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! VefFramework version: 1.0.
|
|
1
|
+
/*! VefFramework version: 1.0.119, build time: 2025-03-11T07:03:16.098Z, made by Venus. */import{useApiContext}from"@vef-framework/core";import{isFunction,VefError,showLoadingMessage,omit,showSuccessMessage}from"@vef-framework/shared";import{useCallback,useMemo}from"react";import{useFormStore}from"../store.js";function useActionHandlers({submitApi,submitTip="提交中...",onBeforeSubmit,onSubmit,onSubmitSuccess,onSubmitFailure,onReset}){const[form,scene,eventBus,setIsLoading,virtualFieldNames,getValues,initialValues,invokeValueChangeHandlers]=useFormStore(state=>[state.form,state.scene,state.eventBus,state.setIsLoading,state.virtualFieldNames,state.getValues,state.initialValues,state.invokeValueChangeHandlers]),{useApiMutation,stubMutationApi}=useApiContext(),{mutate}=useApiMutation(submitApi??stubMutationApi);if(!isFunction(onSubmit)&&!submitApi)throw new VefError(-1,"'onSubmit' or 'submitApi' prop is required for VefForm component");const handleReset=useCallback(()=>{const values=getValues();form.resetFields(),invokeValueChangeHandlers(),eventBus.emitChange(initialValues),onReset?.(values,scene)},[form,getValues,onReset,scene,invokeValueChangeHandlers,initialValues,eventBus]),handleSubmit=useMemo(()=>isFunction(onSubmit)?(submitApi&&console.warn("'submitApi' prop is ignored when 'onSubmit' prop is provided in VefForm component"),async values=>{setIsLoading(!0);let valuesToUse=values,closeLoading=null;try{const submitTipToUse=isFunction(submitTip)?submitTip(values,scene):submitTip;closeLoading=showLoadingMessage(submitTipToUse),isFunction(onBeforeSubmit)&&(valuesToUse=await onBeforeSubmit(valuesToUse,scene));const valuesToSubmit=omit(valuesToUse,virtualFieldNames);await onSubmit(valuesToSubmit,scene),eventBus.emitSubmitResult(!0)}catch(error){throw eventBus.emitSubmitResult(!1),error}finally{setIsLoading(!1),closeLoading?.()}}):async values=>{setIsLoading(!0);let valuesToUse=values,closeLoading=null;try{const submitTipToUse=isFunction(submitTip)?submitTip(values,scene):submitTip;closeLoading=showLoadingMessage(submitTipToUse),isFunction(onBeforeSubmit)&&(valuesToUse=await onBeforeSubmit(values,scene));const toSubmitValues=omit(valuesToUse,virtualFieldNames),apiResponse=await mutate(toSubmitValues);(onSubmitSuccess??(({message})=>{showSuccessMessage(message)}))(apiResponse,valuesToUse,scene),eventBus.emitSubmitResult(!0)}catch(error){eventBus.emitSubmitResult(!1),onSubmitFailure?.(error,valuesToUse,scene)}finally{setIsLoading(!1),closeLoading?.()}},[onSubmit,submitApi,setIsLoading,submitTip,scene,onBeforeSubmit,virtualFieldNames,eventBus,mutate,onSubmitSuccess,onSubmitFailure]),handleSubmitFailed=useCallback(({values,errorFields})=>{eventBus.emitSubmitResult(!1),onSubmitFailure?.(new VefError(-1,errorFields.flatMap(field=>field.errors).join(", ")),values,scene)},[eventBus,onSubmitFailure,scene]);return{handleReset,handleSubmit,handleSubmitFailed}}/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{useActionHandlers};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! VefFramework version: 1.0.
|
|
1
|
+
/*! VefFramework version: 1.0.119, build time: 2025-03-11T07:03:16.098Z, made by Venus. */import{unique,VefError}from"@vef-framework/shared";import{useMemo}from"react";const MAX_SPANS=24,SPAN_BASES=[{breakpoint:"xs",base:MAX_SPANS,spans:1},{breakpoint:"sm",base:MAX_SPANS/2,spans:2},{breakpoint:"md",base:MAX_SPANS/3,spans:3},{breakpoint:"lg",base:MAX_SPANS/4,spans:4},{breakpoint:"xl",base:MAX_SPANS/4,spans:4},{breakpoint:"xxl",base:MAX_SPANS/6,spans:6}],ALLOWED_SPANS=unique(SPAN_BASES.map(item=>item.spans));function calculateResponsiveLayout(rowKey,columns,autoExpand){const totalSpans=columns.reduce((acc,column)=>acc+(column.span??1),0);if(!ALLOWED_SPANS.includes(totalSpans))throw new VefError(-3,`The total spans of the columns of the row [${rowKey}] must be one of the following: ${ALLOWED_SPANS.join(", ")}.`);const requiredBase=24/totalSpans,layout={};for(const{breakpoint,base,spans}of SPAN_BASES)if(requiredBase>=base)layout[breakpoint]=columns.reduce((acc,column)=>(acc[column.key]=(column.span??1)*requiredBase,acc),{});else{const map={};let remainingSpans=spans,lastColumnKey=null;for(const column of columns){const requiredSpan=column.span??1;remainingSpans>=requiredSpan?(map[column.key]=requiredSpan*base,remainingSpans-=requiredSpan,lastColumnKey=column.key):(lastColumnKey&&(autoExpand&&(map[lastColumnKey]+=remainingSpans*base),remainingSpans=spans,lastColumnKey=null),requiredSpan>spans?map[column.key]=24:(map[column.key]=requiredSpan*base,remainingSpans-=requiredSpan,lastColumnKey=column.key)),remainingSpans===0&&(remainingSpans=spans,lastColumnKey=null)}remainingSpans>0&&(autoExpand&&(map[lastColumnKey]+=remainingSpans*base),lastColumnKey=null),layout[breakpoint]=map}return layout}function calculateFixedLayout(rowKey,columns){const totalSpans=columns.reduce((acc,column)=>acc+(column.span??1),0);if(totalSpans>MAX_SPANS||MAX_SPANS%totalSpans!==0)throw new VefError(-3,`The total spans of the columns of the row [${rowKey}] must be less than or equal to ${MAX_SPANS} and a divisor of ${MAX_SPANS}.`);const base=MAX_SPANS/totalSpans;return columns.reduce((acc,column)=>(acc[column.key]=(column.span??1)*base,acc),{})}function useColumnsLayout(rowKey,columns,layoutMode,autoExpand){return useMemo(()=>columns.length===0?{}:layoutMode==="responsive"?calculateResponsiveLayout(rowKey,columns,autoExpand):calculateFixedLayout(rowKey,columns),[])}/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{useColumnsLayout};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! VefFramework version: 1.0.
|
|
1
|
+
/*! VefFramework version: 1.0.119, build time: 2025-03-11T07:03:16.098Z, made by Venus. */import{useUpdater,useDeepMemo,useDeepLayoutEffect}from"@vef-framework/hooks";import{isFunctionOrExpression,isDeepEqual}from"@vef-framework/shared";import{computeValue}from"../helper.js";import{useFormStore}from"../store.js";function useComputedValues(values,returnAsObject=!1){const[scene,eventBus,getValues]=useFormStore(state=>[state.scene,state.eventBus,state.getValues]),forceUpdate=useUpdater(),currentValues=getValues(),computedValues=useDeepMemo(()=>values.reduce((acc,it)=>{const{key,rawValue,defaultValue}=it,computedValue=computeValue(rawValue,currentValues,scene,defaultValue);return acc[key]=computedValue,acc},{}),[currentValues,scene,values]);return useDeepLayoutEffect(()=>{const realComputedValues=values.filter(({rawValue})=>isFunctionOrExpression(rawValue));if(realComputedValues.length>0){const handleChange=newValues=>{for(const value of realComputedValues){const{key,rawValue,defaultValue}=value,computedValue=computedValues[key],refreshedValue=computeValue(rawValue,newValues,scene,defaultValue);if(!isDeepEqual(refreshedValue,computedValue)){forceUpdate();break}}};return eventBus.onChange(handleChange),()=>{eventBus.offChange(handleChange)}}},[computedValues,eventBus,forceUpdate,scene,values]),returnAsObject?values.reduce((acc,{key})=>(acc[key]=computedValues[key],acc),{}):values.map(({key})=>computedValues[key])}/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{useComputedValues};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! VefFramework version: 1.0.
|
|
1
|
+
/*! VefFramework version: 1.0.119, build time: 2025-03-11T07:03:16.098Z, made by Venus. */import{createSelectableContext}from"@vef-framework/shared";const{useContextSelector:useFormContextSelector,useContext:useFormContext,ContextProvider:FormContextProvider}=createSelectableContext({autoExpand:!0,labelPosition:"top",layoutMode:"responsive"});/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{FormContextProvider,useFormContext,useFormContextSelector};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! VefFramework version: 1.0.
|
|
1
|
+
/*! VefFramework version: 1.0.119, build time: 2025-03-11T07:03:16.098Z, made by Venus. */import{isNullish,isFunction}from"@vef-framework/shared";import{useMemo}from"react";function useFormInitialization(schema,initialValues){return useMemo(()=>{const mergedInitialValues={...initialValues},valueChangeHandlers={},virtualFieldNames=[];for(const group of schema){const{rows}=group;for(const row of rows){const{columns}=row;for(const column of columns){const{items}=column;for(const item of items){const{name,defaultValue,virtual}=item;!isNullish(defaultValue)&&isNullish(mergedInitialValues[name])&&(mergedInitialValues[name]=defaultValue),item.type!=="Hidden"&&isFunction(item.onChange)&&(valueChangeHandlers[name]=item.onChange),virtual===!0&&virtualFieldNames.push(name)}}}}return{mergedInitialValues,valueChangeHandlers,virtualFieldNames}},[])}/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{useFormInitialization};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! VefFramework version: 1.0.
|
|
1
|
+
/*! VefFramework version: 1.0.119, build time: 2025-03-11T07:03:16.098Z, made by Venus. */import{useImperativeHandle}from"react";import{useFormStore}from"../store.js";function useFormInstance(ref,reset){const[form,eventBus,getValues,setValues]=useFormStore(state=>[state.form,state.eventBus,state.getValues,state.setValues]);useImperativeHandle(ref,()=>({submit:()=>new Promise((resolve,reject)=>{const handleResult=result=>{eventBus.offSubmitResult(handleResult),result?resolve():reject(result)};eventBus.onSubmitResult(handleResult),form.submit()}),reset,getValues,setValues}))}/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{useFormInstance};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! VefFramework version: 1.0.
|
|
1
|
+
/*! VefFramework version: 1.0.119, build time: 2025-03-11T07:03:16.098Z, made by Venus. */import{isFunction}from"@vef-framework/shared";import{useMemo,useEffect,useLayoutEffect}from"react";import{useFormStore}from"../store.js";function useFormValuesChange(onChange){const[scene,eventBus,invokeValueChangeHandlers]=useFormStore(state=>[state.scene,state.eventBus,state.invokeValueChangeHandlers]),handleValuesChange=useMemo(()=>(_,values)=>{eventBus.emitChange(values)},[eventBus]);return useEffect(()=>{if(isFunction(onChange)){const handleChange=values=>{onChange(values,scene)};return eventBus.onChange(handleChange),()=>{eventBus.offChange(handleChange)}}},[eventBus,onChange,scene]),useLayoutEffect(()=>{invokeValueChangeHandlers()},[]),{handleValuesChange}}/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{useFormValuesChange};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! VefFramework version: 1.0.
|
|
1
|
+
/*! VefFramework version: 1.0.119, build time: 2025-03-11T07:03:16.098Z, made by Venus. */import{showWarningMessage}from"@vef-framework/shared";import{useMemo}from"react";function useLabelWidth(labelPosition,labelWidth){return useMemo(()=>{if(!(labelPosition==="top"||!labelWidth))return(labelWidth<60||labelWidth>120)&&showWarningMessage("The labelWidth of VefForm component must be between 60 and 120, otherwise it will be 60 or 120."),Math.min(Math.max(labelWidth,60),120)},[labelPosition,labelWidth])}/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{useLabelWidth};
|
package/es/vef-form/index.js
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
/*! VefFramework version: 1.0.
|
|
1
|
+
/*! VefFramework version: 1.0.119, build time: 2025-03-11T07:03:16.098Z, made by Venus. */import{jsxs,jsx}from"@emotion/react/jsx-runtime";import{css}from"@emotion/react";import{useContextDisabled,useSingleton,useUnmount}from"@vef-framework/hooks";import{isNumber,isDeepEqual,omit}from"@vef-framework/shared";import{Form}from"antd";import{useMemo,forwardRef,memo}from"react";import"../internal/index.js";import VefFormActions from"./components/form-actions.js";import VefFormContent from"./components/form-content.js";import{FormEventBus}from"./event.js";import{useActionHandlers}from"./hooks/use-action-handlers.js";import{useFormContextSelector,FormContextProvider}from"./hooks/use-form-context.js";import{useFormInitialization}from"./hooks/use-form-initialization.js";import{useFormInstance}from"./hooks/use-form-instance.js";import{useFormValuesChange}from"./hooks/use-form-values-change.js";import{useLabelWidth}from"./hooks/use-label-width.js";import{useFormStore,FormStoreProvider}from"./store.js";import{convertBasicSizeToUiSize}from"../internal/utils.js";const{useForm}=Form,scrollToFirstErrorOptions={scrollMode:"if-needed",behavior:"smooth"};function VefFormBase({schema,labelAlign="right",variant,showTabs=!1,height="auto",size,disabled=!1,onChange,submissionButton,resetButton,submitApi,submitTip,onBeforeSubmit,onSubmit,onSubmitSuccess,onSubmitFailure,onReset},ref){const[labelPosition,labelWidth]=useFormContextSelector(ctx=>[ctx.labelPosition,ctx.labelWidth]),[form,initialValues,isLoading]=useFormStore(state=>[state.form,state.initialValues,state.isLoading]),{handleValuesChange}=useFormValuesChange(onChange),{handleReset,handleSubmit,handleSubmitFailed}=useActionHandlers({submitApi,submitTip,onBeforeSubmit,onSubmit,onSubmitSuccess,onSubmitFailure,onReset});useFormInstance(ref,handleReset);const labelCol=useMemo(()=>{if(labelWidth)return{flex:`0 0 ${labelWidth}px`}},[labelWidth]),formStyle=useMemo(()=>{let heightValue=height;return height==="full"?heightValue="100%":isNumber(height)&&(heightValue=`${height}px`),css`
|
|
2
2
|
height: ${heightValue};
|
|
3
3
|
`},[height]),formDisabled=useContextDisabled()||disabled||isLoading;return jsxs(Form,{labelWrap:!0,colon:!1,css:formStyle,disabled:formDisabled,form,initialValues,labelAlign,labelCol,layout:labelPosition==="top"?"vertical":"horizontal",scrollToFirstError:scrollToFirstErrorOptions,size:convertBasicSizeToUiSize(size),variant,onFinish:handleSubmit,onFinishFailed:handleSubmitFailed,onValuesChange:handleValuesChange,children:[jsx(VefFormContent,{height,schema,showTabs:showTabs===!0?"switch":showTabs}),jsx(VefFormActions,{handleReset,resetButton,submissionButton})]})}const VefFormBaseForwarded=forwardRef(VefFormBase);VefFormBaseForwarded.displayName="VefFormBase";function VefFormWrapper({initialValues,scene,layoutMode="responsive",autoExpand=!1,labelPosition="top",labelWidth,...restProps},ref){const{schema}=restProps,[form]=useForm(),eventBus=useSingleton(()=>new FormEventBus);useUnmount(()=>{eventBus.clear()});const labelWidthToUse=useLabelWidth(labelPosition,labelWidth),formContext=useMemo(()=>({labelPosition,labelWidth:labelWidthToUse,autoExpand,layoutMode}),[layoutMode,autoExpand,labelPosition,labelWidthToUse]),{mergedInitialValues,valueChangeHandlers,virtualFieldNames}=useFormInitialization(schema,initialValues),initialState=useMemo(()=>({eventBus,form,initialValues:mergedInitialValues,scene,valueChangeHandlers,virtualFieldNames}),[eventBus,form,mergedInitialValues,scene,valueChangeHandlers,virtualFieldNames]);return jsx(FormStoreProvider,{initialState,children:jsx(FormContextProvider,{value:formContext,children:jsx(VefFormBaseForwarded,{ref,...restProps})})})}const VefForm=memo(forwardRef(VefFormWrapper),(prevProps,nextProps)=>isDeepEqual(omit(prevProps,["initialValues","schema"]),omit(nextProps,["initialValues","schema"])));VefForm.displayName="VefForm";/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{VefForm as default};
|
package/es/vef-form/store.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! VefFramework version: 1.0.
|
|
1
|
+
/*! VefFramework version: 1.0.119, build time: 2025-03-11T07:03:16.098Z, made by Venus. */import{createComponentStore,isDeepEqual}from"@vef-framework/shared";const{StoreProvider:FormStoreProvider,useStore:useFormStore,useStoreApi:useFormStoreApi}=createComponentStore("Form",initialState=>(set,get)=>({...initialState,invokeValueChangeHandlers(values,keys){const{scene,valueChangeHandlers,initialValues,setValues}=get(),valuesToUse=values??initialValues,keySet=keys?new Set(keys):null;for(const[name,handler]of Object.entries(valueChangeHandlers))(!keySet||keySet.has(name))&&handler(valuesToUse[name]??null,{values:valuesToUse,scene,setValues})},getValues(){const{form,initialValues}=get();return form.isFieldsTouched(!0)?initialValues:form.getFieldsValue()},setValues(values){const{form,eventBus,invokeValueChangeHandlers}=get(),previousValues=form.getFieldsValue(),changedKeys=Object.keys(values).filter(key=>!isDeepEqual(values[key],previousValues[key]));form.setFieldsValue(values);const currentValues=form.getFieldsValue();eventBus.emitChange(currentValues),invokeValueChangeHandlers(currentValues,changedKeys)},isLoading:!1,setIsLoading(isLoading){set({isLoading})},showActionButtons:!0,setShowActionButtons(showActionButtons){set({showActionButtons})}}));/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{FormStoreProvider,useFormStore,useFormStoreApi};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! VefFramework version: 1.0.
|
|
1
|
+
/*! VefFramework version: 1.0.119, build time: 2025-03-11T07:03:16.098Z, made by Venus. */import{isDeepEqual,VefError,validator,getNowDateString}from"@vef-framework/shared";function isRequired(message){return()=>[{required:!0,message}]}function isEqualsTo(target,message){return({label})=>[{validator(_,value){return isDeepEqual(value,target)?Promise.resolve():Promise.reject(new VefError(-2,message??`${label?`${label}的值`:"值"}必须是${target}`))}}]}function isNotEqualsTo(target,message){return({label})=>[{validator(_,value){return isDeepEqual(value,target)?Promise.reject(new VefError(-2,message??`${label?`${label}的值`:"值"}不能是${target}`)):Promise.resolve()}}]}function isIn(allowed,message){return()=>[{type:"enum",enum:allowed,message}]}function isMeetsMinSize(min,message){return()=>[{min,message}]}function isMeetsMaxSize(max,message){return()=>[{max,message}]}function isMeetsRangeSize(min,max,message){return()=>[{min,max,message}]}function isAlpha(message){return({label})=>[{validator(_,value){return validator.isAlpha(value)?Promise.resolve():Promise.reject(new VefError(-2,message??`${label??"值"}必须是字母`))}}]}function isAlphanumeric(message){return({label})=>[{validator(_,value){return validator.isAlphanumeric(value)?Promise.resolve():Promise.reject(new VefError(-2,message??`${label??"值"}必须是字母或数字`))}}]}function isAscii(message){return({label})=>[{validator(_,value){return validator.isAscii(value)?Promise.resolve():Promise.reject(new VefError(-2,message??`${label??"值"}必须是ASCII字符`))}}]}function isNumeric(message){return({label})=>[{validator(_,value){return validator.isNumeric(value)?Promise.resolve():Promise.reject(new VefError(-2,message??`${label??"值"}必须是数字`))}}]}function isEmail(message){return({label})=>[{validator(_,value){return validator.isEmail(value)?Promise.resolve():Promise.reject(new VefError(-2,message??`${label??"值"}必须是合法的邮箱`))}}]}function isHexColor(message){return({label})=>[{validator(_,value){return validator.isHexColor(value)?Promise.resolve():Promise.reject(new VefError(-2,message??`${label??"值"}必须是十六进制颜色`))}}]}function isIdentityCard(message){return({label})=>[{validator(_,value){return validator.isIdentityCard(value)?Promise.resolve():Promise.reject(new VefError(-2,message??`${label??"值"}必须是合法的身份证`))}}]}function isIp(message){return({label})=>[{validator(_,value){return validator.isIp(value)?Promise.resolve():Promise.reject(new VefError(-2,message??`${label??"值"}必须是合法的IP地址`))}}]}function isPort(message){return({label})=>[{validator(_,value){return validator.isPort(value)?Promise.resolve():Promise.reject(new VefError(-2,message??`${label??"值"}必须是合法的端口`))}}]}function isJson(message){return({label})=>[{validator(_,value){return validator.isJson(value)?Promise.resolve():Promise.reject(new VefError(-2,message??`${label??"值"}必须是合法的JSON`))}}]}function isUrl(message){return({label})=>[{validator(_,value){return validator.isUrl(value)?Promise.resolve():Promise.reject(new VefError(-2,message??`${label??"值"}必须是合法的URL`))}}]}function isUri(message){return({label})=>[{validator(_,value){return validator.isUri(value)?Promise.resolve():Promise.reject(new VefError(-2,message??`${label??"值"}必须是合法的URI`))}}]}function isPostalCode(message){return({label})=>[{validator(_,value){return validator.isPostalCode(value)?Promise.resolve():Promise.reject(new VefError(-2,message??`${label??"值"}必须是合法的邮政编码`))}}]}function isDateBefore(targetDate,message){return({label})=>[{validator(_,value){return validator.isBefore(value,targetDate??getNowDateString())?Promise.resolve():Promise.reject(new VefError(-2,message??`${label??"值"}必须在${targetDate}之前`))}}]}function isDateAfter(targetDate,message){return({label})=>[{validator(_,value){return validator.isAfter(value,targetDate??getNowDateString())?Promise.resolve():Promise.reject(new VefError(-2,message??`${label??"值"}必须在${targetDate}之后`))}}]}function isChineseName(message){return({label})=>[{validator(_,value){return validator.isChineseName(value)?Promise.resolve():Promise.reject(new VefError(-2,message??`${label??"值"}必须是中文名称`))}}]}/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{isAlpha,isAlphanumeric,isAscii,isChineseName,isDateAfter,isDateBefore,isEmail,isEqualsTo,isHexColor,isIdentityCard,isIn,isIp,isJson,isMeetsMaxSize,isMeetsMinSize,isMeetsRangeSize,isNotEqualsTo,isNumeric,isPort,isPostalCode,isRequired,isUri,isUrl};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! VefFramework version: 1.0.
|
|
1
|
+
/*! VefFramework version: 1.0.119, build time: 2025-03-11T07:03:16.098Z, made by Venus. */import{jsx,jsxs,Fragment}from"@emotion/react/jsx-runtime";import{useContextDisabled,DisabledContextProvider}from"@vef-framework/hooks";import{isFunction}from"@vef-framework/shared";import{useRef,useCallback,memo}from"react";import VefButton from"../vef-button/index.js";import VefDrawer from"../vef-drawer/index.js";import VefForm from"../vef-form/index.js";import VefDrawerActionButtonWrapper from"../vef-drawer/components/action-button-wrapper.js";function VefFormDrawerBase({title,open,closable,closeOnMaskClick,closeOnEscPress,destroyOnClose=!0,cancelOnClose,placement,expansionSize="medium",loading,extra,cancelButtonText,actions,onClose,onCancel,onAfterClose,onAfterOpen,submissionButtonText,disabled=!1,...formProps}){const formInstanceRef=useRef(null),handleSubmit=useCallback(async()=>{await formInstanceRef.current?.submit()},[]),formDisabled=useContextDisabled()||disabled,handleReset=useCallback(()=>{formInstanceRef.current?.reset()},[]),actionNode=useCallback(([cancelButton,submitButton])=>{const resetButton=jsx(VefDrawerActionButtonWrapper,{children:jsx(VefButton,{color:"default",disabled:formDisabled,variant:"filled",onClick:handleReset,children:"重置"})},"resetActionButton");return isFunction(actions)?actions([cancelButton,resetButton,submitButton]):jsxs(Fragment,{children:[cancelButton,resetButton,submitButton]})},[actions,formDisabled,handleReset]);return jsx(DisabledContextProvider,{value:formDisabled,children:jsx(VefDrawer,{actions:actionNode,cancelOnClose,closable,closeOnEscPress,closeOnMaskClick,destroyOnClose,expansionSize,extra,loading,okButtonText:submissionButtonText,open,placement,title,onAfterClose,onAfterOpen,onCancel,onClose,onOk:handleSubmit,children:jsx(VefForm,{ref:formInstanceRef,resetButton:!1,submissionButton:!1,...formProps})})})}const VefFormDrawer=memo(VefFormDrawerBase);VefFormDrawer.displayName="VefFormDrawer";/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{VefFormDrawer as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! VefFramework version: 1.0.
|
|
1
|
+
/*! VefFramework version: 1.0.119, build time: 2025-03-11T07:03:16.098Z, made by Venus. */import{jsx,jsxs,Fragment}from"@emotion/react/jsx-runtime";import{useContextDisabled,DisabledContextProvider}from"@vef-framework/hooks";import{isFunction}from"@vef-framework/shared";import{useRef,useCallback,memo}from"react";import VefButton from"../vef-button/index.js";import VefForm from"../vef-form/index.js";import VefModal from"../vef-modal/index.js";import VefModalActionButtonWrapper from"../vef-modal/components/action-button-wrapper.js";function VefFormModalBase({submissionButtonText="提交",actions,title,open,closable,closeOnMaskClick,closeOnEscPress,destroyOnClose=!0,cancelOnClose,width="medium",loading,cancelButtonText,onClose,onCancel,onAfterOpen,onAfterClose,disabled=!1,...formProps}){const formInstanceRef=useRef(null),handleSubmit=useCallback(async()=>{await formInstanceRef.current?.submit()},[]),formDisabled=useContextDisabled()||disabled,handleReset=useCallback(()=>{formInstanceRef.current?.reset()},[]),actionNode=useCallback(([cancelButton,submitButton])=>{const resetButton=jsx(VefModalActionButtonWrapper,{children:jsx(VefButton,{color:"default",variant:"filled",onClick:handleReset,children:"重置"})},"resetActionButton");return isFunction(actions)?actions([cancelButton,resetButton,submitButton]):jsxs(Fragment,{children:[cancelButton,resetButton,submitButton]})},[actions,handleReset]);return jsx(DisabledContextProvider,{value:formDisabled,children:jsx(VefModal,{actions:actionNode,cancelButtonText,cancelOnClose,closable,closeOnEscPress,closeOnMaskClick,destroyOnClose,loading,okButtonText:submissionButtonText,open,title,width,onAfterClose,onAfterOpen,onCancel,onClose,onOk:handleSubmit,children:jsx(VefForm,{ref:formInstanceRef,disabled:formDisabled,resetButton:!1,submissionButton:!1,...formProps})})})}const VefFormModal=memo(VefFormModalBase);VefFormModal.displayName="VefFormModal";/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{VefFormModal as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! VefFramework version: 1.0.
|
|
1
|
+
/*! VefFramework version: 1.0.119, build time: 2025-03-11T07:03:16.098Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{SearchOutlined}from"@ant-design/icons";import{isFunction,styles}from"@vef-framework/shared";import{Select}from"antd";import{LeafIcon}from"lucide-react";import{useState,useDeferredValue,useCallback,useMemo,cloneElement}from"react";import"../internal/index.js";import VefIcon from"../vef-icon/index.js";import{convertBasicSizeToUiSize}from"../internal/utils.js";const dropdownStyle={"--vef-select-option-padding":0};function VefGenericSelect({value,size,renderLabel,placeholder,disabled,clearable,loading,variant,children,onClear}){const[opened,setOpened]=useState(!1),[focused,setFocused]=useState(!1),[keyword,setKeyword]=useState(),deferredKeyword=useDeferredValue(keyword),handleBlur=useCallback(()=>{setFocused(!1)},[]),handleFocus=useCallback(()=>{setFocused(!0)},[]),handleConfirm=useCallback(()=>{setOpened(!1)},[]),renderLabelToUse=useMemo(()=>{if(isFunction(renderLabel))return({value:value2})=>renderLabel?.(value2)},[renderLabel]),suffixIcon=focused&&opened?jsx(SearchOutlined,{}):jsx(VefIcon,{children:jsx(LeafIcon,{})}),childrenToUse=cloneElement(children,{keyword:deferredKeyword,onConfirm:handleConfirm});return jsx(Select,{showSearch:!0,allowClear:clearable,css:styles.fullWidth,disabled,dropdownStyle,labelRender:renderLabelToUse,loading,notFoundContent:childrenToUse,open:opened,placeholder,popupMatchSelectWidth:!1,searchValue:keyword,size:convertBasicSizeToUiSize(size),suffixIcon,value,variant,onBlur:handleBlur,onClear,onDropdownVisibleChange:setOpened,onFocus:handleFocus,onSearch:setKeyword})}/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{VefGenericSelect as default};
|
package/es/vef-grid/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/*! VefFramework version: 1.0.
|
|
1
|
+
/*! VefFramework version: 1.0.119, build time: 2025-03-11T07:03:16.098Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{css}from"@emotion/react";import{useGapSizeNormalizer,useElementSize}from"@vef-framework/hooks";import{breakpoints,isArray}from"@vef-framework/shared";import clsx from"clsx";import{useMemo,useRef,useEffect}from"react";import{useContainerQuery}from"react-container-query";const GRID_COLUMNS=24,gridStyle=css`
|
|
2
2
|
display: grid;
|
|
3
3
|
grid: auto-flow / repeat(${GRID_COLUMNS}, minmax(0, 1fr));
|
|
4
4
|
|
package/es/vef-grid/props.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! VefFramework version: 1.0.
|
|
1
|
+
/*! VefFramework version: 1.0.119, build time: 2025-03-11T07:03:16.098Z, made by Venus. */const BREAKPOINTS=["xs","sm","md","lg","xl","xxl"];/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{BREAKPOINTS};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! VefFramework version: 1.0.
|
|
1
|
+
/*! VefFramework version: 1.0.119, build time: 2025-03-11T07:03:16.098Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import clsx from"clsx";import{useMemo}from"react";function VefGridItem({span,xs,sm,md,lg,xl,xxl,children}){const classNames=useMemo(()=>{const classNames2=[];return span&&classNames2.push(`vef-grid-item-${span}`),xs&&classNames2.push(`vef-grid-item-xs-${xs}`),sm&&classNames2.push(`vef-grid-item-sm-${sm}`),md&&classNames2.push(`vef-grid-item-md-${md}`),lg&&classNames2.push(`vef-grid-item-lg-${lg}`),xl&&classNames2.push(`vef-grid-item-xl-${xl}`),xxl&&classNames2.push(`vef-grid-item-xxl-${xxl}`),classNames2},[span,xs,sm,md,lg,xl,xxl]);return jsx("div",{className:clsx(classNames),children})}/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{VefGridItem as default};
|
package/es/vef-icon/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! VefFramework version: 1.0.
|
|
1
|
+
/*! VefFramework version: 1.0.119, build time: 2025-03-11T07:03:16.098Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import Icon from"@ant-design/icons";import{useColorTokens}from"@vef-framework/hooks";import{themeVariables,omit}from"@vef-framework/shared";import{forwardRef,useMemo,Suspense,cloneElement,memo}from"react";const VefIconBase=forwardRef(({size,color,children,...restProps},ref)=>{const colorTokens=useColorTokens(),style=useMemo(()=>{const style2={},fontSize=size==="small"?themeVariables.fontSizeSm:size==="medium"?themeVariables.fontSize:size==="large"?themeVariables.fontSizeLg:size==="huge"?themeVariables.fontSizeXl:void 0;return fontSize&&(style2.fontSize=fontSize),color&&(style2.color=colorTokens.get(color)),style2},[size,color,colorTokens]);return jsx(Icon,{ref,style,component:props=>{const svgProps=omit(props,["fill"]);if(children.type===Suspense){const{children:icon}=children.props;return cloneElement(children,{children:cloneElement(icon,svgProps)})}return cloneElement(children,svgProps)},...restProps})}),VefIcon=memo(VefIconBase);VefIcon.displayName="VefIcon";/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{VefIcon as default};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/*! VefFramework version: 1.0.
|
|
1
|
+
/*! VefFramework version: 1.0.119, build time: 2025-03-11T07:03:16.098Z, made by Venus. */import{jsx,jsxs}from"@emotion/react/jsx-runtime";import{css}from"@emotion/react";import{useThemeTokens}from"@vef-framework/hooks";import{themeVariables,trim,cluster,isUndefined}from"@vef-framework/shared";import{useMemo,useCallback,memo,useState}from"react";import VefDynamicIcon from"../vef-dynamic-icon/index.js";import{dynamicIconNames}from"../vef-dynamic-icon/props.js";import VefEmptyPlaceholder from"../vef-empty-placeholder/index.js";import VefGenericSelect from"../vef-generic-select/index.js";import VefSpace from"../vef-space/index.js";import VefText from"../vef-text/index.js";import VefVirtualGrid from"../vef-virtual-grid/index.js";const iconsStyle=css`
|
|
2
2
|
color: ${themeVariables.colorTextSlate};
|
|
3
3
|
|
|
4
4
|
.vef-icon-select-wrapper {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! VefFramework version: 1.0.
|
|
1
|
+
/*! VefFramework version: 1.0.119, build time: 2025-03-11T07:03:16.098Z, made by Venus. */import{useRef,useImperativeHandle}from"react";function useInputInstance(ref){const inputRef=useRef(null);return useImperativeHandle(ref,()=>({blur:()=>inputRef.current?.blur(),focus:()=>inputRef.current?.focus({preventScroll:!0}),input:inputRef.current?.input??null,nativeElement:inputRef.current?.nativeElement??null})),inputRef}/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{useInputInstance};
|
package/es/vef-input/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! VefFramework version: 1.0.
|
|
1
|
+
/*! VefFramework version: 1.0.119, build time: 2025-03-11T07:03:16.098Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{isFunction}from"@vef-framework/shared";import{Input}from"antd";import{forwardRef,useMemo}from"react";import"../internal/index.js";import{useInputInstance}from"./hooks/use-input-instance.js";import{convertBasicSizeToUiSize}from"../internal/utils.js";function normalizeValue(value){return value===""?null:value}const VefInput=forwardRef(({defaultValue,value,clearable,size,showCount,prepend,append,onChange,onEnterKeyPress,onBlur,onFocus,...restProps},ref)=>{const eventHandlers=useMemo(()=>({onChange:isFunction(onChange)?event=>onChange(normalizeValue(event.target.value)):void 0,onPressEnter:isFunction(onEnterKeyPress)?event=>onEnterKeyPress(normalizeValue(event.target.value)):void 0,onBlur:isFunction(onBlur)?event=>onBlur(normalizeValue(event.target.value)):void 0,onFocus:isFunction(onFocus)?event=>onFocus(normalizeValue(event.target.value)):void 0}),[onChange,onEnterKeyPress,onBlur,onFocus]),inputRef=useInputInstance(ref);return jsx(Input,{ref:inputRef,addonAfter:append,addonBefore:prepend,allowClear:clearable,defaultValue,showCount,size:convertBasicSizeToUiSize(size),type:"text",value,...restProps,...eventHandlers})});VefInput.displayName="VefInput";/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{VefInput as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! VefFramework version: 1.0.
|
|
1
|
+
/*! VefFramework version: 1.0.119, build time: 2025-03-11T07:03:16.098Z, made by Venus. */import{useRef,useImperativeHandle}from"react";function useInputNumberInstance(ref){const inputNumberRef=useRef(null);return useImperativeHandle(ref,()=>({blur:()=>inputNumberRef.current?.blur(),focus:()=>inputNumberRef.current?.focus({preventScroll:!0})})),inputNumberRef}/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{useInputNumberInstance};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! VefFramework version: 1.0.
|
|
1
|
+
/*! VefFramework version: 1.0.119, build time: 2025-03-11T07:03:16.098Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{isFunction,styles}from"@vef-framework/shared";import{InputNumber}from"antd";import{forwardRef,useMemo}from"react";import"../internal/index.js";import{useInputNumberInstance}from"./hooks/use-input-number-instance.js";import{convertBasicSizeToUiSize}from"../internal/utils.js";function normalizeValue(value,useStringFormat){const number=Number.parseFloat(value);return Number.isNaN(number)?null:useStringFormat?`${number}`:number}const VefInputNumber=forwardRef(({size,showControls,step,min,max,prepend,append,...restProps},ref)=>{const eventHandlerGroup=useMemo(()=>{const{useStringFormat:useStringFormat2}=restProps;if(useStringFormat2){const{onChange:onChange3,onEnterKeyPress:onEnterKeyPress3,onBlur:onBlur3,onFocus:onFocus3}=restProps;return{stringFormat:!0,onChange:isFunction(onChange3)?value2=>onChange3(value2):void 0,onPressEnter:isFunction(onEnterKeyPress3)?event=>onEnterKeyPress3(normalizeValue(event.target.value,!0)):void 0,onBlur:isFunction(onBlur3)?event=>onBlur3(normalizeValue(event.target.value,!0)):void 0,onFocus:isFunction(onFocus3)?event=>onFocus3(normalizeValue(event.target.value,!0)):void 0}}const{onChange:onChange2,onEnterKeyPress:onEnterKeyPress2,onBlur:onBlur2,onFocus:onFocus2}=restProps;return{stringFormat:!1,onChange:isFunction(onChange2)?value2=>onChange2(value2):void 0,onPressEnter:isFunction(onEnterKeyPress2)?event=>onEnterKeyPress2(normalizeValue(event.target.value,!1)):void 0,onBlur:isFunction(onBlur2)?event=>onBlur2(normalizeValue(event.target.value,!1)):void 0,onFocus:isFunction(onFocus2)?event=>onFocus2(normalizeValue(event.target.value,!1)):void 0}},[restProps]),inputNumberRef=useInputNumberInstance(ref),{useStringFormat}=restProps;if(useStringFormat){const{useStringFormat:useStringFormat2,defaultValue:defaultValue2,value:value2,onChange:onChange2,onEnterKeyPress:onEnterKeyPress2,onBlur:onBlur2,onFocus:onFocus2,...commonProps2}=restProps,{stringFormat:stringFormat2}=eventHandlerGroup;if(stringFormat2){const{stringFormat:stringFormat3,...eventHandlers}=eventHandlerGroup;return jsx(InputNumber,{ref:inputNumberRef,stringMode:!0,addonAfter:append,addonBefore:prepend,controls:showControls,css:styles.fullWidth,defaultValue:defaultValue2,max:`${max}`,min:`${min}`,size:convertBasicSizeToUiSize(size),step:`${step}`,value:value2,...commonProps2,...eventHandlers})}return}const{useStringFormat:_,defaultValue,value,onChange,onEnterKeyPress,onBlur,onFocus,...commonProps}=restProps,{stringFormat}=eventHandlerGroup;if(!stringFormat){const{stringFormat:stringFormat2,...eventHandlers}=eventHandlerGroup;return jsx(InputNumber,{ref:inputNumberRef,addonAfter:append,addonBefore:prepend,controls:showControls,css:styles.fullWidth,defaultValue,max,min,step,value,...commonProps,...eventHandlers})}});VefInputNumber.displayName="VefInputNumber";/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{VefInputNumber as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! VefFramework version: 1.0.
|
|
1
|
+
/*! VefFramework version: 1.0.119, build time: 2025-03-11T07:03:16.098Z, made by Venus. */import{useCallback}from"react";function useChangeHandler(onChange){return useCallback(value=>{onChange?.(value??"")},[onChange])}/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{useChangeHandler};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! VefFramework version: 1.0.
|
|
1
|
+
/*! VefFramework version: 1.0.119, build time: 2025-03-11T07:03:16.098Z, made by Venus. */import{useThemeTokens}from"@vef-framework/hooks";import{useMemo}from"react";function useEditorOptions(placeholder,disabled,tabSize){const{fontSize}=useThemeTokens();return useMemo(()=>({placeholder,readOnly:disabled,accessibilitySupport:"off",ariaRequired:!1,lineNumbers:"on",minimap:{enabled:!1},tabSize,fontSize,autoClosingBrackets:"languageDefined",autoClosingComments:"languageDefined",autoClosingDelete:"auto",autoClosingOvertype:"auto",autoClosingQuotes:"languageDefined",autoIndent:"full",autoSurround:"languageDefined",lineNumbersMinChars:3,lineDecorationsWidth:0,fixedOverflowWidgets:!0}),[placeholder,disabled,tabSize,fontSize])}/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{useEditorOptions};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! VefFramework version: 1.0.
|
|
1
|
+
/*! VefFramework version: 1.0.119, build time: 2025-03-11T07:03:16.098Z, made by Venus. */import{useMemo}from"react";function usePath(path,language){return useMemo(()=>{if(!path)switch(language){case"typescript":return"index.ts";case"javascript":return"index.js";case"json":return"index.json";case"html":return"index.html";case"css":return"index.css";case"scss":return"index.scss";case"less":return"index.less";default:return"index"}return path},[path,language])}/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{usePath};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! VefFramework version: 1.0.
|
|
1
|
+
/*! VefFramework version: 1.0.119, build time: 2025-03-11T07:03:16.098Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{Editor}from"@monaco-editor/react";import VefSpin from"../vef-spin/index.js";import{useChangeHandler}from"./hooks/use-change-handler.js";import{useEditorOptions}from"./hooks/use-editor-options.js";import{usePath}from"./hooks/use-path.js";import{editorStyle}from"./styles.js";function VefIntellisenseCodeEditor({value,language,path,placeholder,disabled,height=320,tabSize=2,onChange}){const handleChange=useChangeHandler(onChange),options=useEditorOptions(placeholder,disabled,tabSize),codePath=usePath(path,language);return jsx(Editor,{saveViewState:!0,css:editorStyle,height,keepCurrentModel:!1,language,loading:jsx(VefSpin,{}),options,path:codePath,theme:"github-light",value,width:"100%",onChange:handleChange})}/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{VefIntellisenseCodeEditor as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! VefFramework version: 1.0.
|
|
1
|
+
/*! VefFramework version: 1.0.119, build time: 2025-03-11T07:03:16.098Z, made by Venus. */import{loader}from"@monaco-editor/react";import*as monaco from"monaco-editor";import EditorWorker from"monaco-editor/esm/vs/editor/editor.worker?worker";import CssWorker from"monaco-editor/esm/vs/language/css/css.worker?worker";import HtmlWorker from"monaco-editor/esm/vs/language/html/html.worker?worker";import JsonWorker from"monaco-editor/esm/vs/language/json/json.worker?worker";import TsWorker from"monaco-editor/esm/vs/language/typescript/ts.worker?worker";import github_light_default from"./themes/github-light.json.js";self.MonacoEnvironment={getWorker(_,label){return label==="json"?new JsonWorker:label==="css"||label==="scss"||label==="less"?new CssWorker:label==="html"||label==="handlebars"||label==="razor"?new HtmlWorker:label==="typescript"||label==="javascript"?new TsWorker:new EditorWorker}},monaco.editor.defineTheme("github-light",github_light_default),monaco.languages.typescript.typescriptDefaults.setInlayHintsOptions({includeInlayVariableTypeHints:!0,includeInlayEnumMemberValueHints:!0,includeInlayFunctionParameterTypeHints:!0,includeInlayPropertyDeclarationTypeHints:!0,includeInlayFunctionLikeReturnTypeHints:!0,includeInlayParameterNameHints:"all",includeInlayParameterNameHintsWhenArgumentMatchesName:!0}),monaco.languages.typescript.typescriptDefaults.setEagerModelSync(!0),monaco.languages.typescript.typescriptDefaults.setDiagnosticsOptions({noSemanticValidation:!1,noSuggestionDiagnostics:!1,noSyntaxValidation:!1,onlyVisible:!1}),monaco.languages.typescript.typescriptDefaults.setCompilerOptions({target:monaco.languages.typescript.ScriptTarget.ES2020,lib:["ES2020"],module:monaco.languages.typescript.ModuleKind.ESNext,moduleResolution:monaco.languages.typescript.ModuleResolutionKind.NodeJs,jsx:monaco.languages.typescript.JsxEmit.React,strict:!0,skipLibCheck:!0,esModuleInterop:!0,noEmit:!0,baseUrl:".",noFallthroughCasesInSwitch:!0,allowSyntheticDefaultImports:!0}),monaco.languages.typescript.javascriptDefaults.setModeConfiguration({inlayHints:!0,codeActions:!0,completionItems:!0,definitions:!0,diagnostics:!0,documentHighlights:!0,documentSymbols:!0,hovers:!0,references:!0,onTypeFormattingEdits:!0,rename:!0,signatureHelp:!0,documentRangeFormattingEdits:!0}),monaco.languages.typescript.javascriptDefaults.setInlayHintsOptions({includeInlayVariableTypeHints:!0,includeInlayEnumMemberValueHints:!0,includeInlayFunctionParameterTypeHints:!0,includeInlayPropertyDeclarationTypeHints:!0,includeInlayFunctionLikeReturnTypeHints:!0,includeInlayParameterNameHints:"all",includeInlayParameterNameHintsWhenArgumentMatchesName:!0}),monaco.languages.typescript.javascriptDefaults.setEagerModelSync(!0),monaco.languages.typescript.javascriptDefaults.setDiagnosticsOptions({noSemanticValidation:!1,noSuggestionDiagnostics:!1,noSyntaxValidation:!1,onlyVisible:!1}),monaco.languages.typescript.javascriptDefaults.setCompilerOptions({target:monaco.languages.typescript.ScriptTarget.ES2020,lib:["ES2020"],module:monaco.languages.typescript.ModuleKind.ESNext,moduleResolution:monaco.languages.typescript.ModuleResolutionKind.NodeJs,jsx:monaco.languages.typescript.JsxEmit.React,strict:!0,skipLibCheck:!0,esModuleInterop:!0,noEmit:!0,allowJs:!0,baseUrl:".",noFallthroughCasesInSwitch:!0,allowSyntheticDefaultImports:!0}),monaco.languages.json.jsonDefaults.setDiagnosticsOptions({validate:!0});function initializeIntellisenseCodeEditor(){loader.config({"vs/nls":{availableLanguages:{"*":"zh-cn"}},monaco}),loader.init()}/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{initializeIntellisenseCodeEditor};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/*! VefFramework version: 1.0.
|
|
1
|
+
/*! VefFramework version: 1.0.119, build time: 2025-03-11T07:03:16.098Z, made by Venus. */import{css}from"@emotion/react";import{themeVariables}from"@vef-framework/shared";const editorStyle=css`
|
|
2
2
|
border-width: ${themeVariables.lineWidth};
|
|
3
3
|
border-style: ${themeVariables.lineType};
|
|
4
4
|
border-color: ${themeVariables.colorBorder};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/*! VefFramework version: 1.0.
|
|
1
|
+
/*! VefFramework version: 1.0.119, build time: 2025-03-11T07:03:16.098Z, made by Venus. */var github_light_default=`{
|
|
2
2
|
"base": "vs",
|
|
3
3
|
"inherit": true,
|
|
4
4
|
"rules": [
|
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! VefFramework version: 1.0.
|
|
1
|
+
/*! VefFramework version: 1.0.119, build time: 2025-03-11T07:03:16.098Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import JsonViewer from"@microlink/react-json-view";function VefJsonViewer({data,sortKeys=!1,escapeStrings=!1,collapsed=!1,collapseStringsAfterLength=200,groupArraysAfterLength=100}){return jsx(JsonViewer,{displayArrayKey:!0,displayObjectSize:!0,enableClipboard:!0,collapsed,collapseStringsAfterLength,displayDataTypes:!1,escapeStrings,groupArraysAfterLength,iconStyle:"square",quotesOnKeys:!1,sortKeys,src:data,onAdd:!1,onDelete:!1,onEdit:!1,onSelect:!1})}/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{VefJsonViewer as default};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/*! VefFramework version: 1.0.
|
|
1
|
+
/*! VefFramework version: 1.0.119, build time: 2025-03-11T07:03:16.098Z, made by Venus. */import{css}from"@emotion/react";import{themeVariables,styles}from"@vef-framework/shared";const iconStyle=css`
|
|
2
2
|
padding: ${themeVariables.paddingXs};
|
|
3
3
|
${styles.flexCenter}
|
|
4
4
|
`;/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{iconStyle};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! VefFramework version: 1.0.
|
|
1
|
+
/*! VefFramework version: 1.0.119, build time: 2025-03-11T07:03:16.098Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{Layout}from"antd";import{memo}from"react";const{Content}=Layout;function VefContentBase({children}){return jsx(Content,{children})}const VefContent=memo(VefContentBase);VefContent.displayName="VefContent";/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{VefContent as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! VefFramework version: 1.0.
|
|
1
|
+
/*! VefFramework version: 1.0.119, build time: 2025-03-11T07:03:16.098Z, made by Venus. */import{jsx,jsxs}from"@emotion/react/jsx-runtime";import{useConfigStore}from"../../vef-config-provider/store.js";import VefDropdown from"../../vef-dropdown/index.js";import VefIcon from"../../vef-icon/index.js";import{iconStyle}from"../common-styles.js";function IconFontSize(props){return jsx("svg",{height:24,viewBox:"0 0 24 24",width:24,xmlns:"http://www.w3.org/2000/svg",...props,children:jsxs("g",{fill:"none",fillRule:"evenodd",children:[jsx("path",{d:"m12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035q-.016-.005-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427q-.004-.016-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093q.019.005.029-.008l.004-.014l-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014l-.034.614q.001.018.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z"}),jsx("path",{d:"M21 12a1 1 0 0 1 1 1v6a1 1 0 0 1-1.911.412a4 4 0 1 1 0-6.824A1 1 0 0 1 21 12M8 4c.732 0 1.381.473 1.605 1.17l4.347 13.524a1 1 0 0 1-1.904.612L10.664 15H5.336l-1.384 4.306a1 1 0 0 1-1.904-.612L6.395 5.17A1.69 1.69 0 0 1 8 4m10 10a2 2 0 1 0 0 4a2 2 0 0 0 0-4M8 6.712L5.979 13h4.042z",fill:"currentColor"})]})})}function IconFontSizeDecrease(props){return jsx("svg",{height:24,viewBox:"0 0 24 24",width:24,xmlns:"http://www.w3.org/2000/svg",...props,children:jsx("path",{d:"M4 19V8.5a3.5 3.5 0 1 1 7 0V19m-7-6h7m10-1h-6",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2})})}function IconFontSizeIncrease(props){return jsx("svg",{height:24,viewBox:"0 0 24 24",width:24,xmlns:"http://www.w3.org/2000/svg",...props,children:jsx("path",{d:"M4 19V8.5a3.5 3.5 0 1 1 7 0V19m-7-6h7m7-4v6m3-3h-6",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2})})}const menuItems=[{key:"medium",type:"item",label:"默认字号",icon:jsx(VefIcon,{children:jsx(IconFontSizeDecrease,{})})},{key:"large",type:"item",label:"大字号",icon:jsx(VefIcon,{children:jsx(IconFontSizeIncrease,{})})}];function VefFontSize(){const[fontSize,setFontSize]=useConfigStore(state=>[state.fontSize,state.setFontSize]);return jsx(VefDropdown,{selectable:!0,items:menuItems,selectedKeys:[fontSize],onChange:([fontSize2])=>setFontSize(fontSize2),children:jsx("div",{css:iconStyle,children:jsx(VefIcon,{size:"large",children:jsx(IconFontSize,{})})})})}/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{VefFontSize as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! VefFramework version: 1.0.
|
|
1
|
+
/*! VefFramework version: 1.0.119, build time: 2025-03-11T07:03:16.098Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{MinimizeIcon,MaximizeIcon}from"lucide-react";import{useState,useCallback}from"react";import VefIcon from"../../vef-icon/index.js";import VefTooltip from"../../vef-tooltip/index.js";import{iconStyle}from"../common-styles.js";function VefFullscreen(){const[isFullscreen,setIsFullscreen]=useState(!1),handleClick=useCallback(()=>{isFullscreen?(document.exitFullscreen(),setIsFullscreen(!1)):(document.body.requestFullscreen(),setIsFullscreen(!0))},[isFullscreen]);return jsx(VefTooltip,{content:isFullscreen?"退出全屏":"全屏",delay:.5,children:jsx("div",{css:iconStyle,onClick:handleClick,children:jsx(VefIcon,{size:"large",children:isFullscreen?jsx(MinimizeIcon,{}):jsx(MaximizeIcon,{})})})})}/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{VefFullscreen as default};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/*! VefFramework version: 1.0.
|
|
1
|
+
/*! VefFramework version: 1.0.119, build time: 2025-03-11T07:03:16.098Z, made by Venus. */import{jsxs,jsx}from"@emotion/react/jsx-runtime";import{css}from"@emotion/react";import{themeVariables}from"@vef-framework/shared";import VefDivider from"../../vef-divider/index.js";import VefFontSize from"./font-size.js";import VefFullscreen from"./fullscreen.js";import VefMessage from"./message.js";import VefSearch from"./search.js";import VefUserAvatar from"./user-avatar.js";const wrapperStyle=css`
|
|
2
2
|
display: flex;
|
|
3
3
|
align-items: center;
|
|
4
4
|
column-gap: ${themeVariables.marginXxs};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! VefFramework version: 1.0.
|
|
1
|
+
/*! VefFramework version: 1.0.119, build time: 2025-03-11T07:03:16.098Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{isArray}from"@vef-framework/shared";import VefBreadcrumb from"../../vef-breadcrumb/index.js";import{useLayoutContextSelector}from"../hooks/use-layout-context.js";function VefHeaderContent(){const[breadcrumbItems,onBreadcrumbClick]=useLayoutContextSelector(ctx=>[ctx.breadcrumbItems,ctx.onBreadcrumbClick]);return jsx("div",{children:isArray(breadcrumbItems)&&breadcrumbItems.length>0&&jsx(VefBreadcrumb,{items:breadcrumbItems,onClick:onBreadcrumbClick})})}VefHeaderContent.displayName="VefHeaderContent";/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{VefHeaderContent as default};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/*! VefFramework version: 1.0.
|
|
1
|
+
/*! VefFramework version: 1.0.119, build time: 2025-03-11T07:03:16.098Z, made by Venus. */import{jsx,jsxs}from"@emotion/react/jsx-runtime";import{css}from"@emotion/react";import{themeVariables,styles}from"@vef-framework/shared";import{Layout}from"antd";import{memo}from"react";import VefButton from"../../vef-button/index.js";import VefIcon from"../../vef-icon/index.js";import VefPopover from"../../vef-popover/index.js";import{useLayoutStore}from"../store.js";import VefHeaderActionIcons from"./header-action-icons.js";import VefHeaderContent from"./header-content.js";import VefIconMenuFoldLeft from"./icon-menu-fold-left.js";import VefIconMenuUnfoldLeft from"./icon-menu-unfold-left.js";import VefMenuGroups from"./menu-groups.js";const{Header}=Layout,headerStyle=css`
|
|
2
2
|
--vef-layout-header-height: 60px;
|
|
3
3
|
--vef-layout-header-padding: 0 ${themeVariables.paddingSm};
|
|
4
4
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! VefFramework version: 1.0.
|
|
1
|
+
/*! VefFramework version: 1.0.119, build time: 2025-03-11T07:03:16.098Z, made by Venus. */import{jsxs,jsx}from"@emotion/react/jsx-runtime";import{memo}from"react";function SvgIconBoy(props){return jsxs("svg",{className:"icon-boy_svg__icon",viewBox:"0 0 1024 1024",xmlns:"http://www.w3.org/2000/svg",...props,children:[jsx("path",{d:"M512.002 0C229.382 0 .237 229.145.237 511.765.237 685.839 87.185 839.597 220 932.046c25.884-90.133 91.287-158.031 180.288-189.033a306 306 0 0 1 11.245-3.682c.6-.183 1.19-.383 1.795-.562a325 325 0 0 1 27.058-6.868c.933-.196 1.874-.37 2.807-.558a345 345 0 0 1 14.722-2.62 351 351 0 0 1 10.429-1.453c1.254-.158 2.499-.33 3.757-.47a355 355 0 0 1 14.168-1.359h51.705c4.757.354 9.454.82 14.123 1.35 1.32.154 2.628.333 3.94.5a345 345 0 0 1 14.393 2.099c3.415.574 6.806 1.2 10.167 1.87 1.149.229 2.315.441 3.456.683a328 328 0 0 1 26.446 6.709c1.067.317 2.116.662 3.178.991 3.224 1 6.426 2.045 9.592 3.14 89.284 30.882 154.903 98.838 180.9 189.147 132.722-92.466 219.603-246.166 219.603-420.174C1023.763 229.14 794.622 0 512.002 0m0 725.32c-130.373 0-236.491-103.56-240.743-232.896-.146-.092-.292-.167-.438-.259-4.993-93.353 43.813-165.065 105.598-206.971.358-.246.703-.5 1.062-.741 2.357-1.583 4.747-3.082 7.138-4.578.937-.587 1.853-1.199 2.799-1.77 38.04-23.106 79.896-35.18 116.717-34.48 2.62-.087 5.23-.2 7.871-.2 2.507 0 4.977.113 7.468.188 28.237-.487 59.406 6.534 89.563 20.212a241 241 0 0 1 61.725 39.377c50.227 43.089 86.59 107.847 82.188 188.963l-.2.117c-4.186 129.399-110.329 233.039-240.748 233.039",fill:"#A0D9F6"}),jsx("path",{d:"M376.414 285.194c.354-.242.704-.504 1.062-.741-.358.241-.703.5-1.062.74m143.051-41.581c-2.49-.075-4.96-.187-7.467-.187-2.64 0-5.252.112-7.871.2 2.523.05 5.043.104 7.517.27a156 156 0 0 1 7.821-.283M472.28 386.726c-46.308 81.238-124.764 153.205-201.025 105.698 4.253 129.336 110.37 232.897 240.744 232.897 130.42 0 236.566-103.64 240.748-233.039-63.725 39.66-230.815-17.875-280.467-105.556m-87.664-106.85c.937-.584 1.857-1.2 2.799-1.77-.95.574-1.862 1.186-2.8 1.77m224.413-16.051a260.3 260.3 0 0 1 61.726 39.377 241.1 241.1 0 0 0-61.726-39.377",fill:"#FCE9EA"}),jsx("path",{d:"M610.498 738.656c1.067.317 2.116.662 3.178.991-1.062-.329-2.111-.674-3.178-.99m-170.117-6.755c.933-.196 1.874-.37 2.807-.558-.937.187-1.878.362-2.807.558m-28.854 7.43c.6-.183 1.192-.383 1.795-.562-.603.179-1.195.379-1.795.562m211.736 3.457q1.097.382 2.183.77a119.4 119.4 0 0 1-10.458 22.11c17.142 26.397 12.84 141.49-12.919 123.398l-45.096-31.756-44.98-31.64 2.958-2.078c-.983.025-1.966.075-2.957.075-1.033 0-2.053-.054-3.078-.079l2.961 2.082-44.98 31.64-45.095 31.756c-25.9 18.125-30.19-97.405-12.878-123.535a119.3 119.3 0 0 1-10.357-21.915c.57-.204 1.137-.408 1.711-.603-89 30.998-154.404 98.9-180.287 189.033 82.82 57.653 183.457 91.483 292.003 91.483 108.616 0 209.316-33.876 292.161-91.59-25.984-90.31-91.603-158.27-180.892-189.151m-42.667-11.524c1.149.229 2.315.441 3.456.683-1.14-.242-2.303-.458-3.456-.683m-112.257-3.99c1.253-.154 2.499-.33 3.756-.47-1.257.14-2.503.312-3.756.47m83.753-.483c1.32.15 2.628.333 3.94.5-1.312-.163-2.616-.342-3.94-.5",fill:"#CFE07D"}),jsx("path",{d:"M408.929 765.527c3.44-5.19 7.73-6.872 12.877-3.252l45.096 31.756 42.018 29.557c1.029.025 2.045.08 3.078.08.991 0 1.974-.05 2.957-.076l42.022-29.561 45.096-31.756c5.173-3.653 9.475-1.912 12.92 3.39a119.3 119.3 0 0 0 10.457-22.111l-2.182-.77a307 307 0 0 0-9.592-3.14c-1.062-.33-2.111-.675-3.178-.992a327 327 0 0 0-26.446-6.71c-1.14-.24-2.307-.453-3.456-.682a332 332 0 0 0-24.56-3.97c-1.312-.166-2.62-.35-3.94-.5a368 368 0 0 0-14.123-1.349h-51.705A355 355 0 0 0 472.1 726.8c-1.258.142-2.503.317-3.757.47a338 338 0 0 0-25.15 4.074c-.938.187-1.88.362-2.808.558a329 329 0 0 0-27.058 6.868c-.604.179-1.196.379-1.795.562a298 298 0 0 0-12.957 4.285 119.4 119.4 0 0 0 10.354 21.911",fill:"#FEFEFE"}),jsx("path",{d:"m602.073 762.275-45.096 31.756-42.022 29.561-2.957 2.078 44.98 31.64 45.095 31.756c25.76 18.092 30.061-97.001 12.92-123.397-3.44-5.306-7.743-7.047-12.92-3.394m-180.267 0c-5.148-3.62-9.437-1.937-12.877 3.252-17.313 26.13-13.024 141.66 12.877 123.535l45.096-31.756 44.98-31.64-2.962-2.082-42.018-29.557z",fill:"#7EA701"}),jsx("path",{d:"M472.279 386.726c49.652 87.68 216.742 145.217 280.467 105.556l.2-.117c4.402-81.116-31.965-145.874-82.188-188.963a260.5 260.5 0 0 0-61.726-39.377c-30.156-13.678-61.326-20.7-89.563-20.212-2.627.046-5.247.108-7.82.283 8.337 29.52-8.268 88.264-39.37 142.83",fill:"#F7B970"}),jsx("path",{d:"M472.279 386.726c31.102-54.57 47.711-113.31 39.37-142.83a149 149 0 0 0-7.518-.27c-36.82-.7-78.677 11.373-116.717 34.48-.942.57-1.862 1.186-2.8 1.77-2.39 1.495-4.78 2.994-7.138 4.577-.358.241-.703.5-1.062.74-61.784 41.907-110.59 113.62-105.597 206.972.146.092.292.167.437.259 76.261 47.507 154.717-24.46 201.025-105.698",fill:"#FBCE77"})]})}const Memo=memo(SvgIconBoy);/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{Memo as default};
|