@vef-framework/components 1.0.5

package/dist/vef-form/components/fields/props.d.ts

@@ -0,0 +1,33 @@
+import type { Consumer, MaybeNull, ObjectType, StringKey } from "@vef-framework/shared";
+import type { ReactNode } from "react";
+import type { Except } from "@vef-framework/shared";
+import type { FormItem, FormItemBase, FormScene } from "../../types";
+/**
+ * The form field props.
+ */
+export interface VefFormFieldProps<Values extends ObjectType, Key extends StringKey<Values>, Scene extends FormScene> {
+    /**
+     * The name of the form item.
+     */
+    name: Key;
+    /**
+     * The label of the form item.
+     */
+    label?: ReactNode;
+    /**
+     * Whether to disable the form item.
+     */
+    disabled: boolean;
+    /**
+     * The value of the form item.
+     */
+    value?: MaybeNull<Values[Key]>;
+    /**
+     * The on change event handler of the form item.
+     */
+    onChange?: Consumer<MaybeNull<Values[Key]>>;
+    /**
+     * The component props of the form item.
+     */
+    componentProps: Except<FormItem<Values, Key, Scene>, keyof FormItemBase<Values, Key, Scene>>;
+}

package/dist/vef-form/components/form-actions.d.ts

@@ -0,0 +1,20 @@
+import { type Handler, type ObjectType } from "@vef-framework/shared";
+import { type FC } from "react";
+import type { VefFormProps } from "../props";
+import type { FormScene, FormSchema } from "../types";
+/**
+ * The props of the form actions component.
+ *
+ * @param T - The type of the form values.
+ * @param R - The type of the submitted result of the form.
+ * @param S - The type of the form schema.
+ */
+export interface FormActionsProps<Values extends ObjectType, Result, Scene extends FormScene, Schema extends FormSchema<Values, Scene>> extends Pick<VefFormProps<Values, Result, Scene, Schema>, "submissionButton" | "resetButton"> {
+    /**
+     * Resets the form fields to their initial values.
+     */
+    handleReset: Handler;
+}
+declare function VefFormActionsBase<Values extends ObjectType, Result, Scene extends FormScene, Schema extends FormSchema<Values, Scene>>({ submissionButton, resetButton, handleReset, }: FormActionsProps<Values, Result, Scene, Schema>): import("@emotion/react/jsx-runtime").JSX.Element | null;
+declare const VefFormActions: typeof VefFormActionsBase & Pick<FC, "displayName">;
+export default VefFormActions;

package/dist/vef-form/components/form-actions.js

@@ -0,0 +1,5 @@
+/*! VefFramework version: 1.0.5, build time: 2024-12-10T10:24:47.065Z, made by Venus. */
+import{jsx as t,jsxs as o}from"@emotion/react/jsx-runtime";import{CheckOutlined as e}from"@ant-design/icons";import{css as r}from"@emotion/react";import{themeVariables as i,omit as n}from"@vef-framework/shared";import{Form as m}from"antd";import{memo as s}from"react";import d from"../../vef-button/index.js";import a from"../../vef-flex/index.js";import{useFormStore as f}from"../store.js";const{Item:c}=m,l={text:"提交",icon:t(e,{})},p={text:"重置"},u=r`
+  padding: ${i.padding} 0;
+`;const x=s((function({submissionButton:e=l,resetButton:r=p,handleReset:i}){const[m,s]=f((t=>[t.isLoading,t.showActionButtons]));return s&&(e||r)?t(c,{children:o(a,{css:u,gap:"medium",justify:"flex-end",children:[r&&t(d,{color:"default",variant:"filled",onClick:i,...n(r,["text"]),children:r.text}),e&&t(d,{color:"primary",loading:m,type:"submit",...n(e,["text"]),children:e.text})]})}):null}));x.displayName="VefFormActions";export{x as default};
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/dist/vef-form/components/form-content.d.ts

@@ -0,0 +1,18 @@
+import { type ObjectType } from "@vef-framework/shared";
+import type { FormScene, FormSchema, FormTabsUse } from "../types";
+/**
+ * The props of the form content component.
+ */
+export interface VefFormContentProps<Values extends ObjectType, Scene extends FormScene, Schema extends FormSchema<Values, Scene>> {
+    /**
+     * The schema of the form.
+     */
+    schema: Schema;
+    /**
+     * The use of the form tabs.
+     */
+    showTabs: false | FormTabsUse;
+}
+declare function VefFormContentBase<Values extends ObjectType, Scene extends FormScene, Schema extends FormSchema<Values, Scene>>({ schema, showTabs, }: VefFormContentProps<Values, Scene, Schema>): import("@emotion/react/jsx-runtime").JSX.Element;
+declare const VefFormContent: typeof VefFormContentBase;
+export default VefFormContent;

package/dist/vef-form/components/form-content.js

@@ -0,0 +1,6 @@
+/*! VefFramework version: 1.0.5, build time: 2024-12-10T10:24:47.065Z, made by Venus. */
+import{jsx as e,jsxs as t}from"@emotion/react/jsx-runtime";import{css as r}from"@emotion/react";import{debounce as o,styles as i,isEqual as s,omit as l}from"@vef-framework/shared";import{useMemo as a,useRef as n,useState as m,useCallback as c,useEffect as d,memo as f}from"react";import u from"../../vef-empty-placeholder/index.js";import h from"../../vef-flex/index.js";import p from"../../vef-scroll-area/index.js";import{VefTabs as y}from"../../vef-tabs/index.js";import{useComputedValues as k}from"../hooks/use-computed-values.js";import{useFormStore as w}from"../store.js";import b from"./form-group.js";const g=r`
+  flex: 1;
+  min-height: 0;
+`;const $=f((function({schema:r,showTabs:s}){const l=k([...r.map((({key:e,title:t})=>({key:`title-${e}`,rawValue:t}))),...r.map((({key:e,show:t})=>({key:`show-${e}`,rawValue:t,defaultValue:!0}))),...r.map((({key:e,disabled:t})=>({key:`disabled-${e}`,rawValue:t,defaultValue:!1})))],!0),f=a((()=>r.filter((({key:e})=>l[`show-${e}`]))),[l,r]),$=n({}),[v,j]=m(f[0]?.key??0),x=c((e=>{$.current[e]?.scrollIntoView({behavior:"smooth",block:"start",inline:"start"}),j(e)}),[]),V=a((()=>{if("navigation"!==s)return;return o({delay:60},(e=>{const{top:t}=e.target.getBoundingClientRect();for(const[e,r]of Object.entries($.current))if(r){const{top:o}=r.getBoundingClientRect();o-t<=60&&j(e)}}))}),[s]),[B]=w((e=>[e.setShowActionButtons]));if(d((()=>{B(f.length>0)}),[B,f.length]),0===f.length)return e(u,{description:"空表单"});if("switch"===s){const t=r.map((({key:t,rows:r})=>({key:`${t}`,label:l[`title-${t}`],destroyInactiveTabPane:!1,children:e(b,{disabled:l[`disabled-${t}`],rows:r})})));return e(y,{items:t})}return"navigation"===s?t(h,{vertical:!0,css:i.fullHeight,children:[e(y,{activeKey:`${v}`,items:r.map((({key:e})=>({key:`${e}`,label:l[`title-${e}`]}))),onChange:x}),e(p,{css:g,onScroll:V,children:r.map((({key:t,rows:r})=>e(b,{ref:e=>{$.current[t]=e},disabled:l[`disabled-${t}`],rows:r,title:l[`title-${t}`]},t)))})]}):e(p,{css:i.fullHeight,onScroll:V,children:r.map((({key:t,rows:r})=>e(b,{disabled:l[`disabled-${t}`],rows:r,title:l[`title-${t}`]},t)))})}),((e,t)=>s(l(e,["schema"]),l(t,["schema"]))));export{$ as default};
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/dist/vef-form/components/form-field.d.ts

@@ -0,0 +1,5 @@
+import { type ObjectType, type StringKey } from "@vef-framework/shared";
+import type { FormScene } from "../types";
+import { type VefFormFieldProps } from "./fields";
+declare function VefFormField<Values extends ObjectType, Key extends StringKey<Values>, Scene extends FormScene>(props: VefFormFieldProps<Values, Key, Scene>): import("@emotion/react/jsx-runtime").JSX.Element;
+export default VefFormField;

package/dist/vef-form/components/form-field.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.5, build time: 2024-12-10T10:24:47.065Z, made by Venus. */
+import{jsx as e}from"@emotion/react/jsx-runtime";import{VefError as r}from"@vef-framework/shared";import{useMemo as o}from"react";import{fieldMap as t}from"./fields/index.js";function n(n){const{name:f,componentProps:{type:i}}=n,m=o((()=>{if("Hidden"===i)return()=>null;const e=t[i];if(!e)throw new r(-9,`Unknown form field type: "${i}", please check the type of "${f}" field.`);return e}),[f,i]);return e(m,{...n})}export{n as default};
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/dist/vef-form/components/form-group.d.ts

@@ -0,0 +1,22 @@
+import { type ObjectType, type ObjectValue } from "@vef-framework/shared";
+import { type FC, type ReactNode, type RefAttributes } from "react";
+import type { FormGroup, FormScene } from "../types";
+/**
+ * The props of the form group.
+ */
+export interface VefFormGroupProps<Values extends ObjectType, Scene extends FormScene> {
+    /**
+     * The title of the form group.
+     */
+    title?: ReactNode;
+    /**
+     * Whether to disable the form group.
+     */
+    disabled: boolean;
+    /**
+     * The rows of the form group.
+     */
+    rows: FormGroup<Values, Scene>["rows"];
+}
+declare const VefFormGroup: (<Values extends ObjectType = ObjectValue, Scene extends FormScene = FormScene>(props: VefFormGroupProps<Values, Scene> & RefAttributes<HTMLDivElement | null>) => ReactNode) & Pick<FC, "displayName">;
+export default VefFormGroup;

package/dist/vef-form/components/form-group.js

@@ -0,0 +1,13 @@
+/*! VefFramework version: 1.0.5, build time: 2024-12-10T10:24:47.065Z, made by Venus. */
+import{jsxs as e,jsx as o}from"@emotion/react/jsx-runtime";import{css as r}from"@emotion/react";import{themeVariables as t,isEqual as a,omit as m}from"@vef-framework/shared";import{useMemo as i,memo as s,forwardRef as d}from"react";import l from"../../vef-empty-placeholder/index.js";import n from"../../vef-title/index.js";import{useComputedValues as f}from"../hooks/use-computed-values.js";import p from"./form-row.js";const c=r`
+  margin-bottom: ${t.margin};
+
+  &:last-child {
+    margin-bottom: 0;
+  }
+
+  .vef-form-group-content {
+    padding: 0 2px;
+  }
+`;const u=s(d((function({title:r,disabled:t,rows:a},m){const s=f([...a.map((({key:e,show:o})=>({key:`show-${e}`,rawValue:o,defaultValue:!0}))),...a.map((({key:e,disabled:o})=>({key:`disabled-${e}`,rawValue:o,defaultValue:t})))],!0),d=i((()=>a.filter((({key:e})=>s[`show-${e}`]))),[s,a]);return e("div",{ref:m,css:c,children:[r&&o(n,{showBottomLine:!0,showLeftBar:!0,level:4,children:r}),o("div",{className:"vef-form-group-content",children:0===d.length?o(l,{description:"空表单组"}):d.map((({key:e,autoExpand:r,columns:t})=>o(p,{autoExpand:r,columns:t,disabled:s[`disabled-${e}`],rowKey:e},e)))})]})})),((e,o)=>a(m(e,["rows"]),m(o,["rows"]))));u.displayName="VefFormGroup";export{u as default};
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/dist/vef-form/components/form-hidden-item.d.ts

@@ -0,0 +1,14 @@
+import type { ObjectType, StringKey } from "@vef-framework/shared";
+import type { FormItem, FormScene } from "../types";
+/**
+ * The props of the form hidden item.
+ */
+export interface VefFormHiddenItemProps<Values extends ObjectType, Key extends StringKey<Values>, Scene extends FormScene> {
+    /**
+     * The item of the form.
+     */
+    item: FormItem<Values, Key, Scene>;
+}
+declare function VefFormHiddenItemBase<Values extends ObjectType, Key extends StringKey<Values>, Scene extends FormScene>({ item, }: VefFormHiddenItemProps<Values, Key, Scene>): import("@emotion/react/jsx-runtime").JSX.Element | null;
+declare const VefFormHiddenItem: typeof VefFormHiddenItemBase;
+export default VefFormHiddenItem;

package/dist/vef-form/components/form-hidden-item.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.5, build time: 2024-12-10T10:24:47.065Z, made by Venus. */
+import{jsx as e}from"@emotion/react/jsx-runtime";import{Form as t}from"antd";import{memo as o}from"react";import{useComputedValues as n}from"../hooks/use-computed-values.js";const{Item:r}=t;const m=o((function({item:t}){const{name:o,show:m}=t,[a]=n([{key:"show",rawValue:m,defaultValue:!0}]);return a?e(r,{hidden:!0,name:o,children:e("input",{type:"hidden"})}):null}),(()=>!1));export{m as default};
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/dist/vef-form/components/form-item.d.ts

@@ -0,0 +1,18 @@
+import type { ObjectType, StringKey } from "@vef-framework/shared";
+import type { FormItem, FormScene } from "../types";
+/**
+ * The props of the form item.
+ */
+export interface VefFormItemProps<Values extends ObjectType, Key extends StringKey<Values>, Scene extends FormScene> {
+    /**
+     * The item of the form.
+     */
+    item: FormItem<Values, Key, Scene>;
+    /**
+     * Whether to disable the form item.
+     */
+    disabled: boolean;
+}
+declare function VefFormItemBase<Values extends ObjectType, Key extends StringKey<Values>, Scene extends FormScene>({ item, disabled, }: VefFormItemProps<Values, Key, Scene>): import("@emotion/react/jsx-runtime").JSX.Element | null;
+declare const VefFormItem: typeof VefFormItemBase;
+export default VefFormItem;

package/dist/vef-form/components/form-item.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.5, build time: 2024-12-10T10:24:47.065Z, made by Venus. */
+import{jsx as e}from"@emotion/react/jsx-runtime";import{useContextDisabled as r}from"@vef-framework/hooks";import{Form as a}from"antd";import{isArray as o}from"@vef-framework/shared";import{memo as l}from"react";import{useComputedValues as t}from"../hooks/use-computed-values.js";import m from"./form-field.js";const{Item:s}=a;const i=l((function({item:a,disabled:l}){const{name:i,show:u,disabled:d,label:f,tip:n,rules:p,virtual:b,...c}=a,k=r(),[w,V,h,v,y]=t([{key:"show",rawValue:u,defaultValue:!0},{key:"disabled",rawValue:d,defaultValue:l},{key:"label",rawValue:f},{key:"tip",rawValue:n},{key:"rules",rawValue:p}]);if(!w)return null;const j=o(y)?y.flatMap((e=>e(a))):void 0;return e(s,{label:h,name:i,preserve:!1,rules:j,tooltip:v,children:e(m,{componentProps:c,disabled:k||V,label:h,name:i})})}),((e,r)=>e.disabled===r.disabled));export{i as default};
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/dist/vef-form/components/form-row.d.ts

@@ -0,0 +1,26 @@
+import type { KeyValue, ObjectType } from "@vef-framework/shared";
+import type { FormRow, FormScene } from "../types";
+/**
+ * The props of the form row.
+ */
+export interface VefFormRowProps<Values extends ObjectType, Scene extends FormScene> {
+    /**
+     * The key of the row.
+     */
+    rowKey: KeyValue;
+    /**
+     * Whether to disable the row.
+     */
+    disabled: boolean;
+    /**
+     * Whether to auto expand the row.
+     */
+    autoExpand?: boolean;
+    /**
+     * The columns of the row.
+     */
+    columns: FormRow<Values, Scene>["columns"];
+}
+declare function VefFormRowBase<Values extends ObjectType, Scene extends FormScene>({ rowKey, columns, disabled, autoExpand: rowAutoExpand, }: VefFormRowProps<Values, Scene>): import("@emotion/react/jsx-runtime").JSX.Element;
+declare const VefFormRow: typeof VefFormRowBase;
+export default VefFormRow;

package/dist/vef-form/components/form-row.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.5, build time: 2024-12-10T10:24:47.065Z, made by Venus. */
+import{jsxs as e,Fragment as o,jsx as t}from"@emotion/react/jsx-runtime";import{isEqual as s,omit as r}from"@vef-framework/shared";import{useMemo as m,memo as i}from"react";import n from"../../vef-grid/index.js";import a from"../../vef-grid-item/index.js";import{useColumnsLayout as l}from"../hooks/use-columns-layout.js";import{useComputedValues as d}from"../hooks/use-computed-values.js";import{useFormContext as u}from"../hooks/use-form-context.js";import f from"./form-hidden-item.js";import p from"./form-item.js";const c=i((function({rowKey:s,columns:r,disabled:i,autoExpand:c}){const{layoutMode:h,autoExpand:k,labelPosition:y,labelWidth:x}=u(),b="top"===y?240:240+(x??80),[g,j]=m((()=>{const e=[],o=[];for(const t of r){const{items:s,...r}=t,m=[];for(const o of s){const{type:t}=o;"Hidden"===t?e.push(o):m.push(o)}m.length>0&&o.push({...r,items:m})}return[e,o]}),[r]),w=d([...j.map((({key:e,show:o})=>({key:`show-${e}`,rawValue:o,defaultValue:!0}))),...j.map((({key:e,disabled:o})=>({key:`disabled-${e}`,rawValue:o,defaultValue:i})))],!0),v=m((()=>r.filter((({key:e})=>w[`show-${e}`]))),[w,r]),V=l(s,v,h,c??k);return e(o,{children:[g.map((e=>{const{name:o}=e;return t(f,{item:e},o)})),v.length>0&&t(n,{baseWidth:b,gap:[0,"large"],children:v.map((e=>{const o={};if("responsive"===h){const t=V;o.xs=t.xs[e.key],o.sm=t.sm[e.key],o.md=t.md[e.key],o.lg=t.lg[e.key],o.xl=t.xl[e.key],o.xxl=t.xxl[e.key]}else{const t=V;o.span=t[e.key]}return t(a,{...o,children:e.items.map((o=>t(p,{disabled:i||w[`disabled-${e.key}`],item:o},o.name)))},e.key)}))})]})}),((e,o)=>s(r(e,["columns"]),r(o,["columns"]))));export{c as default};
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/dist/vef-form/event.d.ts

@@ -0,0 +1,15 @@
+import { type Consumer, type ObjectType } from "@vef-framework/shared";
+import type { FormValues } from "./types";
+/**
+ * The form event bus.
+ */
+export declare class FormEventBus<Values extends ObjectType = any> {
+    #private;
+    clear(): void;
+    onChange(handler: Consumer<FormValues<Values>>): void;
+    offChange(handler: Consumer<FormValues<Values>>): void;
+    emitChange(value: FormValues<Values>): void;
+    onSubmitResult(handler: Consumer<boolean>): void;
+    offSubmitResult(handler: Consumer<boolean>): void;
+    emitSubmitResult(result: boolean): void;
+}

package/dist/vef-form/event.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.5, build time: 2024-12-10T10:24:47.065Z, made by Venus. */
+import{createEventEmitter as e}from"@vef-framework/shared";var t,a=e=>{throw TypeError(e)},o=(e,t,o)=>(((e,t,o)=>{t.has(e)||a("Cannot "+o)})(e,t,"read from private field"),o?o.call(e):t.get(e));const s=Symbol("change"),r=Symbol("submitResult");class i{constructor(){var o,s,r;o=this,s=t,r=e(),s.has(o)?a("Cannot add the same private member more than once"):s instanceof WeakSet?s.add(o):s.set(o,r)}clear(){o(this,t).all.clear()}onChange(e){o(this,t).on(s,e)}offChange(e){o(this,t).off(s,e)}emitChange(e){o(this,t).emit(s,e)}onSubmitResult(e){o(this,t).on(r,e)}offSubmitResult(e){o(this,t).off(r,e)}emitSubmitResult(e){o(this,t).emit(r,e)}}t=new WeakMap;export{i as FormEventBus};
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/dist/vef-form/helper.d.ts

@@ -0,0 +1,11 @@
+import { type MaybeUndefined, type ObjectType } from "@vef-framework/shared";
+import type { FormComputedType, FormScene } from "./types";
+/**
+ * Decide the value with default value.
+ *
+ * @param value - The value to decide.
+ * @param values - The form values.
+ * @param scene - The form scene.
+ * @param defaultValue - The default value to use if value is undefined.
+ */
+export declare function computeValue<Values extends ObjectType, Scene extends FormScene, ComputedValue>(value: MaybeUndefined<FormComputedType<Values, Scene, ComputedValue>>, values: Values, scene: Scene, defaultValue: ComputedValue): ComputedValue;

package/dist/vef-form/helper.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.5, build time: 2024-12-10T10:24:47.065Z, made by Venus. */
+import{isFunction as r,isExpression as e,compileDynamicFn as n}from"@vef-framework/shared";function t(t,f,o,u){if(r(t))return t(f,o);if(e(t)){return n(t,"values","scene",`return ${t.expression}`)(f,o)}return t??u}export{t as computeValue};
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/dist/vef-form/hooks/use-action-handlers.d.ts

@@ -0,0 +1,14 @@
+import type { FormProps } from "antd";
+import { type Handler, type Mapper, type ObjectType } from "@vef-framework/shared";
+import type { VefFormProps } from "../props";
+import type { FormScene, FormSchema, FormVirtualKeys } from "../types";
+type SubmitFailedHandler<Values extends ObjectType> = NonNullable<FormProps<Values>["onFinishFailed"]>;
+/**
+ * The use action handlers hook.
+ */
+export declare function useActionHandlers<Values extends ObjectType, Result, Scene extends FormScene, Schema extends FormSchema<Values, Scene>, VirtualKeys extends FormVirtualKeys<Schema>>({ submitApi, submitTip, onBeforeSubmit, onSubmit, onSubmitSuccess, onSubmitFailure, onReset, }: Pick<VefFormProps<Values, Result, Scene, Schema, VirtualKeys>, "submitApi" | "submitTip" | "onBeforeSubmit" | "onSubmit" | "onSubmitSuccess" | "onSubmitFailure" | "onReset">): {
+    handleReset: Handler;
+    handleSubmit: Mapper<Values, Promise<void>>;
+    handleSubmitFailed: SubmitFailedHandler<Values>;
+};
+export {};

package/dist/vef-form/hooks/use-action-handlers.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.5, build time: 2024-12-10T10:24:47.065Z, made by Venus. */
+import{useApiContext as e}from"@vef-framework/core";import{isFunction as t,VefError as i,showLoadingMessage as o,omit as n,showSuccessMessage as r}from"@vef-framework/shared";import{useCallback as s,useMemo as a}from"react";import{useFormStore as m}from"../store.js";function u({submitApi:u,submitTip:l="提交中...",onBeforeSubmit:c,onSubmit:p,onSubmitSuccess:b,onSubmitFailure:f,onReset:d}){const[S,w,h,v,F,R,g,y]=m((e=>[e.form,e.scene,e.eventBus,e.setIsLoading,e.virtualFieldNames,e.getValues,e.initialValues,e.invokeValueChangeHandlers])),{useApiMutation:A,stubMutationApi:V}=e(),{mutate:k}=A(u??V);if(!t(p)&&!u)throw new i(-1,"'onSubmit' or 'submitApi' prop is required for VefForm component");return{handleReset:s((()=>{const e=R();S.resetFields(),y(),h.emitChange(g),d?.(e,w)}),[S,R,d,w,y,g,h]),handleSubmit:a((()=>t(p)?(u&&console.warn("'submitApi' prop is ignored when 'onSubmit' prop is provided in VefForm component"),async e=>{v(!0);let i=e,r=null;try{const s=t(l)?l(e,w):l;r=o(s),t(c)&&(i=await c(i,w));const a=n(i,F);await p(a,w),h.emitSubmitResult(!0)}catch(e){throw h.emitSubmitResult(!1),e}finally{v(!1),r?.()}}):async e=>{v(!0);let i=e,s=null;try{const a=t(l)?l(e,w):l;s=o(a),t(c)&&(i=await c(e,w));const m=n(i,F),u=await k(m);(b??(({message:e})=>{r(e)}))(u,i,w),h.emitSubmitResult(!0)}catch(e){h.emitSubmitResult(!1),f?.(e,i,w)}finally{v(!1),s?.()}}),[p,u,v,l,w,c,F,h,k,b,f]),handleSubmitFailed:s((({values:e,errorFields:t})=>{h.emitSubmitResult(!1),f?.(new i(-1,t.flatMap((e=>e.errors)).join(", ")),e,w)}),[h,f,w])}}export{u as useActionHandlers};
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/dist/vef-form/hooks/use-columns-layout.d.ts

@@ -0,0 +1,12 @@
+import { type KeyValue, type ObjectType } from "@vef-framework/shared";
+import type { FormColumn, FormLayoutMode, FormScene } from "../types";
+/**
+ * Get the layout of the columns.
+ *
+ * @param rowKey - The key of the row.
+ * @param columns - The columns of the row.
+ * @param layoutMode - The layout mode of the form.
+ * @param autoExpand - Whether to auto expand the columns.
+ * @returns The layout of the columns.
+ */
+export declare function useColumnsLayout<Values extends ObjectType, Scene extends FormScene>(rowKey: KeyValue, columns: Array<FormColumn<Values, Scene>>, layoutMode: FormLayoutMode, autoExpand: boolean): Record<string, number> | Record<string, Record<string, number>>;

package/dist/vef-form/hooks/use-columns-layout.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.5, build time: 2024-12-10T10:24:47.065Z, made by Venus. */
+import{unique as e,VefError as n}from"@vef-framework/shared";import{useMemo as s}from"react";const o=24,t=[{breakpoint:"xs",base:o,spans:1},{breakpoint:"sm",base:12,spans:2},{breakpoint:"md",base:8,spans:3},{breakpoint:"lg",base:6,spans:4},{breakpoint:"xl",base:6,spans:4},{breakpoint:"xxl",base:4,spans:6}],a=e(t.map((e=>e.spans)));function r(e,r,p,l){return s((()=>0===r.length?{}:"responsive"===p?function(e,s,o){const r=s.reduce(((e,n)=>e+(n.span??1)),0);if(!a.includes(r))throw new n(-3,`The total spans of the columns of the row [${e}] must be one of the following: ${a.join(", ")}.`);const p=24/r,l={};for(const{breakpoint:e,base:n,spans:a}of t)if(p>=n)l[e]=s.reduce(((e,n)=>(e[n.key]=(n.span??1)*p,e)),{});else{const t={};let r=a,p=null;for(const e of s){const s=e.span??1;r>=s?(t[e.key]=s*n,r-=s,p=e.key):(p&&(o&&(t[p]+=r*n),r=a,p=null),s>a?t[e.key]=24:(t[e.key]=s*n,r-=s,p=e.key)),0===r&&(r=a,p=null)}r>0&&(o&&(t[p]+=r*n),p=null),l[e]=t}return l}(e,r,l):function(e,s){const t=s.reduce(((e,n)=>e+(n.span??1)),0);if(t>o||o%t!=0)throw new n(-3,`The total spans of the columns of the row [${e}] must be less than or equal to 24 and a divisor of 24.`);const a=o/t;return s.reduce(((e,n)=>(e[n.key]=(n.span??1)*a,e)),{})}(e,r)),[])}export{r as useColumnsLayout};
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/dist/vef-form/hooks/use-computed-values.d.ts

@@ -0,0 +1,42 @@
+import { type ObjectType } from "@vef-framework/shared";
+import type { FormComputedType, FormScene } from "../types";
+type ExtractValueType<T> = T extends {
+    rawValue: FormComputedType<any, any, infer ComputedValue>;
+} ? T extends {
+    defaultValue: NonNullable<ComputedValue>;
+} ? NonNullable<ComputedValue> : ComputedValue : never;
+type ComputedValueTuple<T extends ReadonlyArray<ComputedValue<any, any, unknown>>> = {
+    [K in keyof T]: ExtractValueType<T[K]>;
+};
+type ComputedValueRecord<T extends ReadonlyArray<ComputedValue<any, any, unknown>>> = {
+    [K in T[number]["key"]]: ExtractValueType<Extract<T[number], {
+        key: K;
+    }>>;
+};
+type ComputedValueResult<T extends ReadonlyArray<ComputedValue<any, any, unknown>>, R extends boolean> = R extends true ? ComputedValueRecord<T> : ComputedValueTuple<T>;
+/**
+ * The computed value.
+ */
+export interface ComputedValue<Values extends ObjectType, Scene extends FormScene, ComputedValue> {
+    /**
+     * The key of the computed value.
+     */
+    key: string;
+    /**
+     * The raw value of the computed value.
+     */
+    rawValue?: FormComputedType<Values, Scene, ComputedValue>;
+    /**
+     * The default value of the computed value.
+     */
+    defaultValue?: ComputedValue;
+}
+/**
+ * Use the computed values.
+ *
+ * @param values The computed values.
+ * @param returnAsObject Whether to return the computed values as an object.
+ * @returns The computed values.
+ */
+export declare function useComputedValues<Values extends ObjectType, Scene extends FormScene, T extends ReadonlyArray<ComputedValue<any, Scene, unknown>>, R extends boolean = false>(values: T, returnAsObject?: R): ComputedValueResult<T, R>;
+export {};

package/dist/vef-form/hooks/use-computed-values.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.5, build time: 2024-12-10T10:24:47.065Z, made by Venus. */
+import{useUpdate as e,useDeepCompareMemo as r,useDeepCompareLayoutEffect as o}from"@vef-framework/hooks";import{isFunctionOrExpression as t,isEqual as a}from"@vef-framework/shared";import{computeValue as f}from"../helper.js";import{useFormStore as n}from"../store.js";function u(u,s=!1){const[l,m,c]=n((e=>[e.scene,e.eventBus,e.getValues])),i=e(),k=c(),p=r((()=>u.reduce(((e,r)=>{const{key:o,rawValue:t,defaultValue:a}=r,n=f(t,k,l,a);return e[o]=n,e}),{})),[k,l,u]);return o((()=>{const e=u.filter((({rawValue:e})=>t(e)));if(e.length>0){const r=r=>{for(const o of e){const{key:e,rawValue:t,defaultValue:n}=o,u=p[e],s=f(t,r,l,n);if(!a(s,u)){i();break}}};return m.onChange(r),()=>{m.offChange(r)}}}),[p,m,i,l,u]),s?u.reduce(((e,{key:r})=>(e[r]=p[r],e)),{}):u.map((({key:e})=>p[e]))}export{u as useComputedValues};
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/dist/vef-form/hooks/use-form-context.d.ts

@@ -0,0 +1,6 @@
+import type { InternalFormContext } from "../types";
+declare const useFormContextSelector: <R>(selector: import("@vef-framework/shared").Mapper<InternalFormContext, R>) => R, useFormContext: import("@vef-framework/shared").Provider<InternalFormContext>, FormContextProvider: import("react").ComponentType<{
+    value: InternalFormContext;
+    children: import("react").ReactNode;
+}>;
+export { FormContextProvider, useFormContext, useFormContextSelector, };

package/dist/vef-form/hooks/use-form-context.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.5, build time: 2024-12-10T10:24:47.065Z, made by Venus. */
+import{createSelectableContext as o}from"@vef-framework/shared";const{useContextSelector:e,useContext:t,ContextProvider:r}=o({autoExpand:!0,labelPosition:"top",layoutMode:"responsive"});export{r as FormContextProvider,t as useFormContext,e as useFormContextSelector};
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/dist/vef-form/hooks/use-form-initialization.d.ts

@@ -0,0 +1,14 @@
+import type { BiConsumer, MaybeNull, ObjectType, StringKey } from "@vef-framework/shared";
+import type { FormContext, FormScene, FormSchema } from "../types";
+/**
+ * Initialize the form values.
+ *
+ * @param schema The form schema
+ * @param initialValues The form initial values
+ * @returns The handled initial values and value changes
+ */
+export declare function useFormInitialization<Values extends ObjectType, Scene extends FormScene, Schema extends FormSchema<Values, Scene>>(schema: Schema, initialValues?: Partial<Values>): {
+    mergedInitialValues: Partial<Values>;
+    valueChangeHandlers: Record<StringKey<Values>, BiConsumer<MaybeNull<Values[StringKey<Values>]>, FormContext<Values, Scene>>>;
+    virtualFieldNames: StringKey<Values>[];
+};

package/dist/vef-form/hooks/use-form-initialization.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.5, build time: 2024-12-10T10:24:47.065Z, made by Venus. */
+import{isNullish as o,isFunction as e}from"@vef-framework/shared";import{useMemo as n}from"react";function r(r,t){return n((()=>{const n={...t},s={},a=[];for(const t of r){const{rows:r}=t;for(const t of r){const{columns:r}=t;for(const t of r){const{items:r}=t;for(const t of r){const{name:r,defaultValue:f,virtual:c}=t;!o(f)&&o(n[r])&&(n[r]=f),"Hidden"!==t.type&&e(t.onChange)&&(s[r]=t.onChange),!0===c&&a.push(r)}}}}return{mergedInitialValues:n,valueChangeHandlers:s,virtualFieldNames:a}}),[])}export{r as useFormInitialization};
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/dist/vef-form/hooks/use-form-instance.d.ts

@@ -0,0 +1,10 @@
+import type { Handler, ObjectType } from "@vef-framework/shared";
+import { type ForwardedRef } from "react";
+import type { VefFormInstance } from "../props";
+/**
+ * Use the form instance.
+ *
+ * @param ref - The forwarded ref.
+ * @param reset - The reset handler.
+ */
+export declare function useFormInstance<Values extends ObjectType>(ref: ForwardedRef<VefFormInstance<Values>>, reset: Handler): void;

package/dist/vef-form/hooks/use-form-instance.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.5, build time: 2024-12-10T10:24:47.065Z, made by Venus. */
+import{useImperativeHandle as t}from"react";import{useFormStore as e}from"../store.js";function s(s,o){const[u,m,r,i]=e((t=>[t.form,t.eventBus,t.getValues,t.setValues]));t(s,(()=>({submit:()=>new Promise(((t,e)=>{const s=o=>{m.offSubmitResult(s),o?t():e(o)};m.onSubmitResult(s),u.submit()})),reset:o,getValues:r,setValues:i})))}export{s as useFormInstance};
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/dist/vef-form/hooks/use-form-values-change.d.ts

@@ -0,0 +1,11 @@
+import type { BiConsumer, ObjectType } from "@vef-framework/shared";
+import type { FormScene, FormValues } from "../types";
+/**
+ * Use the form values change
+ *
+ * @param onChange The change handler
+ * @returns The change handler
+ */
+export declare function useFormValuesChange<Values extends ObjectType, Scene extends FormScene>(onChange?: BiConsumer<FormValues<Values>, Scene>): {
+    handleValuesChange: (_: any, values: FormValues<Values>) => void;
+};

package/dist/vef-form/hooks/use-form-values-change.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.5, build time: 2024-12-10T10:24:47.065Z, made by Venus. */
+import{isFunction as e}from"@vef-framework/shared";import{useMemo as n,useEffect as r,useLayoutEffect as o}from"react";import{useFormStore as t}from"../store.js";function a(a){const[f,s,m]=t((e=>[e.scene,e.eventBus,e.invokeValueChangeHandlers])),h=n((()=>(e,n)=>{s.emitChange(n)}),[s]);return r((()=>{if(e(a)){const e=e=>{a(e,f)};return s.onChange(e),()=>{s.offChange(e)}}}),[s,a,f]),o((()=>{m()}),[]),{handleValuesChange:h}}export{a as useFormValuesChange};
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/dist/vef-form/hooks/use-label-width.d.ts

@@ -0,0 +1,9 @@
+import type { FormLabelPosition } from "../types";
+/**
+ * Use the label width of the form.
+ *
+ * @param labelPosition - The label position.
+ * @param labelWidth - The label width.
+ * @returns The label width to use.
+ */
+export declare function useLabelWidth(labelPosition: FormLabelPosition, labelWidth?: number): number | undefined;

package/dist/vef-form/hooks/use-label-width.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.5, build time: 2024-12-10T10:24:47.065Z, made by Venus. */
+import{showWarningMessage as e}from"@vef-framework/shared";import{useMemo as r}from"react";function t(t,o){return r((()=>{if("top"!==t&&o)return(o<60||o>120)&&e("The labelWidth of VefForm component must be between 60 and 120, otherwise it will be 60 or 120."),Math.min(Math.max(o,60),120)}),[t,o])}export{t as useLabelWidth};
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/dist/vef-form/index.d.ts

@@ -0,0 +1,8 @@
+import type { AnyValue, ObjectType, ObjectValue } from "@vef-framework/shared";
+import { type FC, type ReactNode, type RefAttributes } from "react";
+import type { VefFormInstance, VefFormProps } from "./props";
+import type { FormScene, FormSchema, FormVirtualKeys } from "./types";
+declare const VefForm: (<Values extends ObjectType = ObjectValue, Result = AnyValue, Scene extends FormScene = FormScene, Schema extends FormSchema<Values, Scene> = FormSchema<Values, Scene>, VirtualKeys extends FormVirtualKeys<Schema> = FormVirtualKeys<Schema>>(props: VefFormProps<Values, Result, Scene, Schema, VirtualKeys> & RefAttributes<VefFormInstance<Values>>) => ReactNode) & Pick<FC, "displayName">;
+export type { FormActionButtonConfig, FormColumn, FormContext, FormGroup, FormItem, FormLabelAlign, FormLabelPosition, FormLayoutMode, FormRow, FormScene, FormSchema, FormTabsUse, FormValidationRule } from "./types";
+export type { VefFormInstance, VefFormProps };
+export default VefForm;

package/dist/vef-form/index.js

@@ -0,0 +1,5 @@
+/*! VefFramework version: 1.0.5, build time: 2024-12-10T10:24:47.065Z, made by Venus. */
+import{jsxs as o,jsx as e}from"@emotion/react/jsx-runtime";import{css as i}from"@emotion/react";import{useContextDisabled as t,useSingleton as s,useUnmount as a}from"@vef-framework/hooks";import{isNumber as n,isEqual as r,omit as l}from"@vef-framework/shared";import{Form as m}from"antd";import{useMemo as u,forwardRef as h,memo as c}from"react";import"../internal/index.js";import f from"./components/form-actions.js";import d from"./components/form-content.js";import{FormEventBus as p}from"./event.js";import{useActionHandlers as b}from"./hooks/use-action-handlers.js";import{useFormContextSelector as v,FormContextProvider as g}from"./hooks/use-form-context.js";import{useFormInitialization as j}from"./hooks/use-form-initialization.js";import{useFormInstance as F}from"./hooks/use-form-instance.js";import{useFormValuesChange as S}from"./hooks/use-form-values-change.js";import{useLabelWidth as V}from"./hooks/use-label-width.js";import{useFormStore as k,FormStoreProvider as x}from"./store.js";import{convertBasicSizeToUiSize as B}from"../internal/utils.js";const{useForm:w}=m,C={scrollMode:"if-needed",behavior:"smooth"};const y=h((function({schema:s,labelAlign:a="right",variant:r,showTabs:l=!1,height:h="auto",size:c,disabled:p=!1,onChange:g,submissionButton:j,resetButton:V,submitApi:x,submitTip:w,onBeforeSubmit:y,onSubmit:T,onSubmitSuccess:z,onSubmitFailure:A,onReset:N},R){const[W,E]=v((o=>[o.labelPosition,o.labelWidth])),[M,P,$]=k((o=>[o.form,o.initialValues,o.isLoading])),{handleValuesChange:H}=S(g),{handleReset:I,handleSubmit:L,handleSubmitFailed:q}=b({submitApi:x,submitTip:w,onBeforeSubmit:y,onSubmit:T,onSubmitSuccess:z,onSubmitFailure:A,onReset:N});F(R,I);const D=u((()=>{if(E)return{flex:`0 0 ${E}px`}}),[E]),G=u((()=>{let o=h;return"auto"===h?o="100%":n(h)&&(o=`${h}px`),i`
+      height: ${o};
+    `}),[h]),J=t();return o(m,{labelWrap:!0,colon:!1,css:G,disabled:J||p||$,form:M,initialValues:P,labelAlign:a,labelCol:D,layout:"top"===W?"vertical":"horizontal",scrollToFirstError:C,size:B(c),variant:r,onFinish:L,onFinishFailed:q,onValuesChange:H,children:[e(d,{schema:s,showTabs:!0===l?"switch":l}),e(f,{handleReset:I,resetButton:V,submissionButton:j})]})}));y.displayName="VefFormBase";const T=c(h((function({initialValues:o,scene:i,layoutMode:t="responsive",autoExpand:n=!1,labelPosition:r="top",labelWidth:l,...m},h){const{schema:c}=m,[f]=w(),d=s((()=>new p));a((()=>{d.clear()}));const b=V(r,l),v=u((()=>({labelPosition:r,labelWidth:b,autoExpand:n,layoutMode:t})),[t,n,r,b]),{mergedInitialValues:F,valueChangeHandlers:S,virtualFieldNames:k}=j(c,o);return e(x,{eventBus:d,form:f,initialValues:F,scene:i,valueChangeHandlers:S,virtualFieldNames:k,children:e(g,{value:v,children:e(y,{ref:h,...m})})})})),((o,e)=>r(l(o,["initialValues","schema"]),l(e,["initialValues","schema"]))));T.displayName="VefForm";export{T as default};
+/*! 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 */