vft 0.0.184 → 0.0.185

package/es/app-components/form/types.d.ts

@@ -1,9 +1,37 @@
 import type { Arrayable } from '../types';
 import type { RuleItem, ValidateError, ValidateFieldsError } from 'async-validator';
 import type { SetupContext, UnwrapRef } from 'vue';
-import { type FormProps } from './form.vue';
-import { type FormItemProps } from './form-item.vue';
 import type { useFormLabelWidth } from './utils';
+export interface FormItemProps {
+    label?: string;
+    labelWidth?: string | number;
+    prop?: string | string[];
+    required?: boolean;
+    rules?: FormItemRule;
+    error?: string;
+    for?: string;
+    validateStatus?: '' | 'error' | 'validating' | 'success';
+    inlineMessage?: string | boolean;
+    showMessage?: boolean;
+    size?: ComponentSize;
+}
+export interface FormProps {
+    size?: ComponentSize;
+    disabled?: boolean;
+    model?: Record<string, any>;
+    rules?: FormRules;
+    labelPosition?: 'left' | 'right' | 'top';
+    requireAsteriskPosition?: 'left' | 'right';
+    labelWidth?: string | number;
+    labelSuffix?: string;
+    inline?: boolean;
+    inlineMessage?: boolean;
+    statusIcon?: boolean;
+    showMessage?: boolean;
+    validateOnRuleChange?: boolean;
+    hideRequiredAsterisk?: boolean;
+    scrollToError?: boolean;
+}
 export type FormItemProp = Arrayable<string>;
 export declare const formItemValidateStates: readonly ["", "error", "validating", "success"];
 export type FormItemValidateState = (typeof formItemValidateStates)[number];

package/es/app-components/row/types.d.ts

@@ -1,2 +1,12 @@
+export interface RowProps {
+    /** 自定义元素标签 */
+    tag?: string;
+    /** 栅格间隔 */
+    gutter?: number;
+    /** flex 布局下的水平排列方式 */
+    justify?: RowJustify;
+    /** flex 布局下的垂直排列方式 */
+    align?: RowAlign;
+}
 export type RowJustify = 'start' | 'center' | 'end' | 'space-around' | 'space-between' | 'space-evenly';
 export type RowAlign = 'top' | 'middle' | 'bottom';

package/es/app-components/super-form/component-map.d.ts

@@ -4,7 +4,8 @@ export declare enum FormCompEnum {
     INPUT_NUMBER = "input-number",
     INPUT_NUMBER_STEP = "input-number-step",
     PASSWORD = "password",
-    TEXTAREA = "textarea"
+    TEXTAREA = "textarea",
+    DIVIDER = "divider"
 }
 declare const componentMap: Map<FormCompEnum, Component>;
 export declare function add(compName: FormCompEnum, type: Component): void;

package/es/app-components/super-form/types.d.ts

@@ -1,8 +1,7 @@
 import type { ButtonProps, ColProps, RowProps } from '..';
 import type { FormItemProps, FormProps } from '../form';
 import type { InternalRuleItem, RuleItem } from 'async-validator';
-import type { VNode } from 'vue';
-import type { StyleValue } from 'vue/types/jsx';
+import type { VNode, StyleValue } from 'vue';
 import { FormCompEnum } from './component-map';
 import type { Arrayable, Recordable } from '../types';
 export type ButtonOptions = Partial<ButtonProps> & {
@@ -43,6 +42,7 @@ export interface FormActionType {
     resetSchema: (data: Partial<FormSchema> | Partial<FormSchema>[]) => Promise<void>;
     setProps: (formProps: Partial<SuperFormProps>) => Promise<void>;
     removeSchemaByField: (field: string | string[]) => Promise<void>;
+    /** 设置提交按钮  loading 状态 */
     setSubmitLoading: (loading?: boolean) => Promise<void>;
     appendSchemaByField: (schema: FormSchema | FormSchema[], prefixField: string | undefined, first?: boolean | undefined) => Promise<void>;
     validateField: (nameList?: NamePath[]) => Promise<any>;

package/es/components/button/use-button.js

@@ -3,11 +3,11 @@ import "../form/index.js";
 import { useThrottleFn as T } from "@vueuse/core";
 import { inject as _, computed as i, ref as k, useSlots as p, Text as I } from "vue";
 import { buttonGroupContextKey as S } from "./constants.js";
-import { useFormItem as z } from "../form/hooks/use-form-item.js";
-import { useGlobalConfig as C } from "../config-provider/hooks/use-global-config.js";
+import { useGlobalConfig as z } from "../config-provider/hooks/use-global-config.js";
+import { useFormItem as C } from "../form/hooks/use-form-item.js";
 import { useFormSize as D, useFormDisabled as j } from "../form/hooks/use-form-common-props.js";
 const H = (t, u) => {
-  const o = _(S, void 0), m = C("button"), { form: s } = z(), d = D(i(() => o == null ? void 0 : o.size)), c = j(), f = k(), r = p(), h = i(() => t.type || (o == null ? void 0 : o.type) || ""), g = i(
+  const o = _(S, void 0), m = z("button"), { form: s } = C(), d = D(i(() => o == null ? void 0 : o.size)), c = j(), f = k(), r = p(), h = i(() => t.type || (o == null ? void 0 : o.type) || ""), g = i(
     () => {
       var e;
       return t.autoInsertSpace ?? ((e = m.value) == null ? void 0 : e.autoInsertSpace) ?? !1;

package/es/components/index.js

@@ -89,45 +89,45 @@ import { VftLoading as he } from "./loading/index.js";
 import { VftMessage as Be, VftMessage as He } from "./message/index.js";
 import { VftInfiniteScroll as Je } from "./infinite-scroll/index.js";
 import { VftProgressI as je } from "./progress-i/index.js";
-import { default as We } from "./time-picker/common/picker.vue2.js";
-import { default as Ze } from "./time-picker/time-picker-com/panel-time-pick.vue2.js";
-import { buttonGroupContextKey as ot } from "./button/constants.js";
-import { checkboxGroupContextKey as et } from "./checkbox/constants.js";
-import { configProviderContextKey as ft, messageConfig as mt } from "./config-provider/constants.js";
-import { provideGlobalConfig as xt, useGlobalComponentSettings as at, useGlobalConfig as it } from "./config-provider/hooks/use-global-config.js";
-import { ROOT_PICKER_INJECTION_KEY as nt, datePickerConfig as st } from "./date-picker/constants.js";
-import { datePickerProps as ut } from "./date-picker/props/date-picker.js";
-import { dialogInjectionKey as ct } from "./dialog/constants.js";
-import { useDialog as Tt } from "./dialog/hooks/use-dialog.js";
-import { DROPDOWN_INJECTION_KEY as gt } from "./dropdown/tokens.js";
-import { EmptyEnum as Et } from "./empty/constants.js";
-import { formContextKey as Mt, formItemContextKey as Ft } from "./form/constants.js";
-import { useDisabled as Lt, useFormDisabled as yt, useFormSize as bt, useSize as _t } from "./form/hooks/use-form-common-props.js";
-import { useFormItem as Kt, useFormItemInputId as kt } from "./form/hooks/use-form-item.js";
-import { formItemValidateStates as Rt } from "./form/types.js";
-import { MenuTypeEnum as Ot } from "./horizontal-menu/constants.js";
-import { initAffixTabs as zt, useTabsDrag as Nt } from "./multiple-tabs/use/use-multiple-tabs.js";
-import { useTabDropdown as Ut } from "./multiple-tabs/use/use-tab-dropdown.js";
-import { usePagination as Ht, vftPaginationKey as qt } from "./pagination/usePagination.js";
-import { default as Yt } from "./popper/arrow.vue2.js";
-import { default as Qt } from "./popper/content.vue2.js";
-import { default as Xt } from "./popper/trigger.vue2.js";
-import { radioGroupKey as $t } from "./radio/constants.js";
-import { rowContextKey as rf } from "./row/constants.js";
-import { scrollbarContextKey as tf } from "./scrollbar/constants.js";
-import { BAR_MAP as mf, GAP as pf, renderThumbStyle as xf } from "./scrollbar/util.js";
-import { selectInjectionKey as Vf } from "./select/token.js";
-import { sliderContextKey as sf } from "./slider/constants.js";
-import { sliderEmits as uf } from "./slider/slider.js";
-import { spaceProps as cf } from "./space/space.js";
-import { useSpace as Tf } from "./space/use-space.js";
-import { ACTION_FIELD as gf, CHECKED_FIELD as Df, CREATE_TIME_FIELD as Ef, DATE_FIELD as Pf, DATE_TIME_FIELD as Mf, ID_FIELD as Ff, NAME_FIELD as Sf, SEQ_FIELD as Lf, STATUS_FIELD as yf, UPDATE_TIME_FIELD as bf } from "./table/field.js";
-import { useTable as Af } from "./table/use/use-table.js";
-import { addRequire as kf, removeRequire as vf, selectMapping as Rf } from "./table/utils.js";
-import { TabsRootContextKey as Of } from "./tabs/types.js";
-import { timePickerDefaultProps as zf } from "./time-picker/common/props.js";
-import { DEFAULT_FORMATS_DATE as hf, DEFAULT_FORMATS_DATEPICKER as Uf, DEFAULT_FORMATS_TIME as Bf, timeUnits as Hf } from "./time-picker/constants.js";
-import { buildTimeList as Jf, dateEquals as Yf, extractDateFormat as jf, extractTimeFormat as Qf, formatter as Wf, makeList as Xf, parseDate as Zf, rangeArr as $f, valueEquals as om } from "./time-picker/utils.js";
+import { buttonGroupContextKey as We } from "./button/constants.js";
+import { checkboxGroupContextKey as Ze } from "./checkbox/constants.js";
+import { configProviderContextKey as ot, messageConfig as rt } from "./config-provider/constants.js";
+import { provideGlobalConfig as tt, useGlobalComponentSettings as ft, useGlobalConfig as mt } from "./config-provider/hooks/use-global-config.js";
+import { ROOT_PICKER_INJECTION_KEY as xt, datePickerConfig as at } from "./date-picker/constants.js";
+import { datePickerProps as Vt } from "./date-picker/props/date-picker.js";
+import { dialogInjectionKey as st } from "./dialog/constants.js";
+import { useDialog as ut } from "./dialog/hooks/use-dialog.js";
+import { DROPDOWN_INJECTION_KEY as ct } from "./dropdown/tokens.js";
+import { EmptyEnum as Tt } from "./empty/constants.js";
+import { formContextKey as gt, formItemContextKey as Dt } from "./form/constants.js";
+import { useDisabled as Pt, useFormDisabled as Mt, useFormSize as Ft, useSize as St } from "./form/hooks/use-form-common-props.js";
+import { useFormItem as yt, useFormItemInputId as bt } from "./form/hooks/use-form-item.js";
+import { formItemValidateStates as At } from "./form/types.js";
+import { MenuTypeEnum as kt } from "./horizontal-menu/constants.js";
+import { initAffixTabs as Rt, useTabsDrag as Gt } from "./multiple-tabs/use/use-multiple-tabs.js";
+import { useTabDropdown as wt } from "./multiple-tabs/use/use-tab-dropdown.js";
+import { usePagination as Nt, vftPaginationKey as ht } from "./pagination/usePagination.js";
+import { default as Bt } from "./popper/arrow.vue2.js";
+import { default as qt } from "./popper/content.vue2.js";
+import { default as Yt } from "./popper/trigger.vue2.js";
+import { radioGroupKey as Qt } from "./radio/constants.js";
+import { rowContextKey as Xt } from "./row/constants.js";
+import { scrollbarContextKey as $t } from "./scrollbar/constants.js";
+import { BAR_MAP as rf, GAP as ef, renderThumbStyle as tf } from "./scrollbar/util.js";
+import { selectInjectionKey as mf } from "./select/token.js";
+import { sliderContextKey as xf } from "./slider/constants.js";
+import { sliderEmits as Vf } from "./slider/slider.js";
+import { spaceProps as sf } from "./space/space.js";
+import { useSpace as uf } from "./space/use-space.js";
+import { ACTION_FIELD as cf, CHECKED_FIELD as If, CREATE_TIME_FIELD as Tf, DATE_FIELD as Cf, DATE_TIME_FIELD as gf, ID_FIELD as Df, NAME_FIELD as Ef, SEQ_FIELD as Pf, STATUS_FIELD as Mf, UPDATE_TIME_FIELD as Ff } from "./table/field.js";
+import { useTable as Lf } from "./table/use/use-table.js";
+import { addRequire as bf, removeRequire as _f, selectMapping as Af } from "./table/utils.js";
+import { TabsRootContextKey as kf } from "./tabs/types.js";
+import { timePickerDefaultProps as Rf } from "./time-picker/common/props.js";
+import { DEFAULT_FORMATS_DATE as Of, DEFAULT_FORMATS_DATEPICKER as wf, DEFAULT_FORMATS_TIME as zf, timeUnits as Nf } from "./time-picker/constants.js";
+import { buildTimeList as Uf, dateEquals as Bf, extractDateFormat as Hf, extractTimeFormat as qf, formatter as Jf, makeList as Yf, parseDate as jf, rangeArr as Qf, valueEquals as Wf } from "./time-picker/utils.js";
+import { default as Zf } from "./time-picker/common/picker.vue2.js";
+import { default as om } from "./time-picker/time-picker-com/panel-time-pick.vue2.js";
 import { TOOLTIP_INJECTION_KEY as em } from "./tooltip/constants.js";
 import { getChildState as fm } from "./tree/model/node.js";
 import { dragEventsKey as pm, useDragNodeHandler as xm } from "./tree/model/useDragNode.js";
@@ -140,36 +140,36 @@ import { vLoading as ym, createLoadingDirective as bm, vLoading as _m } from "./
 import { Loading as Km } from "./loading/service.js";
 import { messageDefaults as vm, messageTypes as Rm } from "./message/types.js";
 export {
-  gf as ACTION_FIELD,
-  mf as BAR_MAP,
-  Df as CHECKED_FIELD,
-  Ef as CREATE_TIME_FIELD,
-  We as CommonPicker,
-  Pf as DATE_FIELD,
-  Mf as DATE_TIME_FIELD,
-  hf as DEFAULT_FORMATS_DATE,
-  Uf as DEFAULT_FORMATS_DATEPICKER,
-  Bf as DEFAULT_FORMATS_TIME,
-  gt as DROPDOWN_INJECTION_KEY,
+  cf as ACTION_FIELD,
+  rf as BAR_MAP,
+  If as CHECKED_FIELD,
+  Tf as CREATE_TIME_FIELD,
+  Zf as CommonPicker,
+  Cf as DATE_FIELD,
+  gf as DATE_TIME_FIELD,
+  Of as DEFAULT_FORMATS_DATE,
+  wf as DEFAULT_FORMATS_DATEPICKER,
+  zf as DEFAULT_FORMATS_TIME,
+  ct as DROPDOWN_INJECTION_KEY,
   oe as DynamicSizeGrid,
   ee as DynamicSizeList,
-  Et as EmptyEnum,
+  Tt as EmptyEnum,
   fe as FixedSizeGrid,
   pe as FixedSizeList,
   sm as FormCompEnum,
-  pf as GAP,
-  Ff as ID_FIELD,
+  ef as GAP,
+  Df as ID_FIELD,
   Po as Icon,
-  Ot as MenuTypeEnum,
+  kt as MenuTypeEnum,
   Be as Message,
-  Sf as NAME_FIELD,
-  nt as ROOT_PICKER_INJECTION_KEY,
-  Lf as SEQ_FIELD,
-  yf as STATUS_FIELD,
+  Ef as NAME_FIELD,
+  xt as ROOT_PICKER_INJECTION_KEY,
+  Pf as SEQ_FIELD,
+  Mf as STATUS_FIELD,
   em as TOOLTIP_INJECTION_KEY,
-  Of as TabsRootContextKey,
-  Ze as TimePickPanel,
-  bf as UPDATE_TIME_FIELD,
+  kf as TabsRootContextKey,
+  om as TimePickPanel,
+  Ff as UPDATE_TIME_FIELD,
   e as VftAlert,
   k as VftAside,
   le as VftAutocomplete,
@@ -246,9 +246,9 @@ export {
   fr as VftPopconfirm,
   pr as VftPopover,
   ar as VftPopper,
-  Yt as VftPopperArrow,
-  Qt as VftPopperContent,
-  Xt as VftPopperTrigger,
+  Bt as VftPopperArrow,
+  qt as VftPopperContent,
+  Yt as VftPopperTrigger,
   Ie as VftProgress,
   je as VftProgressI,
   Vr as VftQrcode,
@@ -281,77 +281,77 @@ export {
   De as VftUpload,
   Zr as VftVerifyCode,
   lm as add,
-  kf as addRequire,
-  Jf as buildTimeList,
-  ot as buttonGroupContextKey,
+  bf as addRequire,
+  Uf as buildTimeList,
+  We as buttonGroupContextKey,
   Sm as carouselContextKey,
-  et as checkboxGroupContextKey,
+  Ze as checkboxGroupContextKey,
   um as componentMap,
-  ft as configProviderContextKey,
+  ot as configProviderContextKey,
   z as createContextMenu,
   bm as createLoadingDirective,
-  Yf as dateEquals,
-  st as datePickerConfig,
-  ut as datePickerProps,
+  Bf as dateEquals,
+  at as datePickerConfig,
+  Vt as datePickerProps,
   dm as del,
   N as destroyContextMenu,
-  ct as dialogInjectionKey,
+  st as dialogInjectionKey,
   pm as dragEventsKey,
-  jf as extractDateFormat,
-  Qf as extractTimeFormat,
-  Mt as formContextKey,
-  Ft as formItemContextKey,
-  Rt as formItemValidateStates,
-  Wf as formatter,
+  Hf as extractDateFormat,
+  qf as extractTimeFormat,
+  gt as formContextKey,
+  Dt as formItemContextKey,
+  At as formItemValidateStates,
+  Jf as formatter,
   Pm as genFileId,
   fm as getChildState,
   gm as getDynamicProps,
-  zt as initAffixTabs,
+  Rt as initAffixTabs,
   cm as isDatePicker,
   Im as isInput,
   Tm as isRangePicker,
-  Xf as makeList,
-  mt as messageConfig,
+  Yf as makeList,
+  rt as messageConfig,
   vm as messageDefaults,
   Rm as messageTypes,
-  Zf as parseDate,
-  xt as provideGlobalConfig,
-  $t as radioGroupKey,
-  $f as rangeArr,
-  vf as removeRequire,
-  xf as renderThumbStyle,
-  rf as rowContextKey,
-  tf as scrollbarContextKey,
-  Vf as selectInjectionKey,
-  Rf as selectMapping,
-  sf as sliderContextKey,
-  uf as sliderEmits,
-  cf as spaceProps,
-  zf as timePickerDefaultProps,
-  Hf as timeUnits,
+  jf as parseDate,
+  tt as provideGlobalConfig,
+  Qt as radioGroupKey,
+  Qf as rangeArr,
+  _f as removeRequire,
+  tf as renderThumbStyle,
+  Xt as rowContextKey,
+  $t as scrollbarContextKey,
+  mf as selectInjectionKey,
+  Af as selectMapping,
+  xf as sliderContextKey,
+  Vf as sliderEmits,
+  sf as spaceProps,
+  Rf as timePickerDefaultProps,
+  Nf as timeUnits,
   Mm as uploadContextKey,
   U as useContextMenu,
-  Tt as useDialog,
-  Lt as useDisabled,
+  ut as useDialog,
+  Pt as useDisabled,
   xm as useDragNodeHandler,
   Dm as useForm,
-  yt as useFormDisabled,
-  Kt as useFormItem,
-  kt as useFormItemInputId,
-  bt as useFormSize,
-  at as useGlobalComponentSettings,
-  it as useGlobalConfig,
+  Mt as useFormDisabled,
+  yt as useFormItem,
+  bt as useFormItemInputId,
+  Ft as useFormSize,
+  ft as useGlobalComponentSettings,
+  mt as useGlobalConfig,
   im as useModal,
   Vm as useModalInner,
-  Ht as usePagination,
-  _t as useSize,
-  Tf as useSpace,
-  Ut as useTabDropdown,
-  Af as useTable,
-  Nt as useTabsDrag,
+  Nt as usePagination,
+  St as useSize,
+  uf as useSpace,
+  wt as useTabDropdown,
+  Lf as useTable,
+  Gt as useTabsDrag,
   _m as vLoading,
-  om as valueEquals,
-  qt as vftPaginationKey,
+  Wf as valueEquals,
+  ht as vftPaginationKey,
   ae as virtualizedGridProps,
   ie as virtualizedListProps,
   Ve as virtualizedProps,