@para-ui/core 4.0.52 → 4.0.54

package/Button/index.js

@@ -253,11 +253,11 @@ const InternalButton = props => {
         })), renderBtnIcon('end')]
       }));
     }
-    return jsxs("button", Object.assign({}, restProps, {
+    return jsxs("button", Object.assign({
       disabled: disabled,
       type: "button",
       className: makeCls()
-    }, {
+    }, restProps, {
       children: [renderBtnIcon('start'), children && jsx("span", Object.assign({
         className: 'button-label'
       }, {

package/Cascader/Cascader.d.ts

@@ -87,6 +87,9 @@ export interface MultipleCascaderProps<OptionType extends BaseOptionType = Defau
 export type CascaderProps<OptionType extends BaseOptionType = DefaultOptionType> = SingleCascaderProps<OptionType> | MultipleCascaderProps<OptionType>;
 export type InternalCascaderProps<OptionType extends BaseOptionType = DefaultOptionType> = Omit<SingleCascaderProps<OptionType> | MultipleCascaderProps<OptionType>, 'onChange'> & {
     onChange?: (value: SingleValueType | SingleValueType[], selectOptions: OptionType[] | OptionType[][]) => void;
+    error?: boolean;
+    hideErrorDom?: boolean;
+    helperText?: string;
 };
 export type CascaderRef = Omit<BaseSelectRef, 'scrollTo'>;
 declare const Cascader: (<OptionType extends BaseOptionType | DefaultOptionType = DefaultOptionType>(props: React.PropsWithChildren<CascaderProps<OptionType>> & {

package/Cascader/index.js

@@ -1,17 +1,19 @@
-import { C as Cascader } from '../_verture/index-5b0d1c7d.js';
-export { C as default } from '../_verture/index-5b0d1c7d.js';
+import { C as Cascader } from '../_verture/index-0a300edb.js';
+export { C as default } from '../_verture/index-0a300edb.js';
 import '../_verture/tslib.es6-55ed4bd2.js';
 import 'react/jsx-runtime';
-import '../_verture/Portal-f9bedb3a.js';
-import '../_verture/slicedToArray-75fa4188.js';
+import '../_verture/index-1856bbeb.js';
+import '../_verture/defineProperty-6f62bb2a.js';
+import '../_verture/typeof-adeedc13.js';
+import '../_verture/toConsumableArray-599cd94a.js';
+import '../_verture/slicedToArray-61604a6c.js';
+import '../_verture/Portal-502bb85e.js';
 import 'react';
 import 'react-dom';
-import '../_verture/typeof-adeedc13.js';
-import '../_verture/toConsumableArray-c7a8028f.js';
-import '../_verture/defineProperty-6f62bb2a.js';
+import '../_verture/useState-f2419d68.js';
+import '../_verture/typeof-6ec38efd.js';
 import 'rc-motion';
 import 'clsx';
-import '../_verture/typeof-6ec38efd.js';
 import 'rc-tree/lib/utils/conductUtil';
 import '@para-ui/icons/Right';
 import '@para-ui/icons/Down';
@@ -29,3 +31,4 @@ import '../AutoTips/index.js';
 import '@paraview/lib';
 import '../_verture/useFormatMessage-1fc7c957.js';
 import '../_verture/index-ca413216.js';
+import '../HelperText/index.js';

package/ComboSelect/index.js

@@ -6,7 +6,7 @@ import SearchIcon from '@para-ui/icons/Search';
 import Close from '@para-ui/icons/Close';
 import CloseCircleF from '@para-ui/icons/CloseCircleF';
 import Table from '../Table/index.js';
-import { T as Tree } from '../_verture/index-ba8815d0.js';
+import { T as Tree } from '../_verture/index-320d67c4.js';
 import { Button } from '../Button/index.js';
 import { D as Dropdown } from '../_verture/index-bde7aabe.js';
 import { Popover } from '../Popover/index.js';
@@ -24,8 +24,6 @@ import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
 import { Search } from '../Search/index.js';
 import LoadingOutlined from '@para-ui/icons/LoadingF';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
-import '../_verture/typeof-adeedc13.js';
-import '../_verture/slicedToArray-75fa4188.js';
 import '../Checkbox/index.js';
 import '../Help/index.js';
 import '@para-ui/icons/Help';
@@ -37,7 +35,6 @@ import '@para-ui/icons/UpTriangleF';
 import '@para-ui/icons/DownTriangleF';
 import '@para-ui/icons/Panel';
 import '../Empty/index.js';
-import '../_verture/defineProperty-6f62bb2a.js';
 import '../_verture/index-0f5ee6f7.js';
 import '../_verture/sortable.esm-76fe46a4.js';
 import '../Radio/index.js';
@@ -63,7 +60,10 @@ import '@para-ui/icons/Right';
 import '@para-ui/icons/DoubleLeft';
 import '@para-ui/icons/DoubleRight';
 import '../ScrollBar/index.js';
-import '../_verture/toConsumableArray-c7a8028f.js';
+import '../_verture/toConsumableArray-599cd94a.js';
+import '../_verture/slicedToArray-61604a6c.js';
+import '../_verture/defineProperty-6f62bb2a.js';
+import '../_verture/typeof-adeedc13.js';
 import '../_verture/index-8ac46bd9.js';
 import '../_verture/typeof-6ec38efd.js';
 import 'rc-tree';

package/CycleSelector/index.js

@@ -19,8 +19,8 @@ import 'rc-picker/es/generate/dayjs';
 import '../Tag/index.js';
 import '../_verture/tslib.es6-55ed4bd2.js';
 import '@para-ui/icons/EditOutline';
-import '../_verture/toConsumableArray-c7a8028f.js';
-import '../_verture/slicedToArray-75fa4188.js';
+import '../_verture/toConsumableArray-599cd94a.js';
+import '../_verture/slicedToArray-61604a6c.js';
 import '../_verture/typeof-adeedc13.js';
 import '../AutoTips/index.js';
 import '../Tooltip/index.js';

package/DatePicker/index.js

@@ -33,8 +33,8 @@ import '../_verture/usePopupContainer-635f66f4.js';
 import 'dayjs';
 import '@para-ui/icons/Close';
 import '@para-ui/icons/EditOutline';
-import '../_verture/toConsumableArray-c7a8028f.js';
-import '../_verture/slicedToArray-75fa4188.js';
+import '../_verture/toConsumableArray-599cd94a.js';
+import '../_verture/slicedToArray-61604a6c.js';
 import '../_verture/typeof-adeedc13.js';
 import '../_verture/tinycolor-ece3542d.js';
 import '../_verture/useGlobalProps-4ae1a007.js';

package/DynamicMultiBox/index.js

@@ -52,13 +52,10 @@ import '@para-ui/icons/Up';
 import '../MultiBox/index.js';
 import '@para-ui/icons/Internet';
 import '../Table/index.js';
-import '../_verture/typeof-adeedc13.js';
-import '../_verture/slicedToArray-75fa4188.js';
 import '../Button/index.js';
 import '@para-ui/icons/ScreenF';
 import '@para-ui/icons/UpTriangleF';
 import '@para-ui/icons/DownTriangleF';
-import '../_verture/defineProperty-6f62bb2a.js';
 import '../Radio/index.js';
 import '../OperateBtn/index.js';
 import '@para-ui/icons/More';
@@ -74,8 +71,11 @@ import '@para-ui/icons/Right';
 import '@para-ui/icons/DoubleLeft';
 import '@para-ui/icons/DoubleRight';
 import '../ScrollBar/index.js';
-import '../_verture/index-ba8815d0.js';
-import '../_verture/toConsumableArray-c7a8028f.js';
+import '../_verture/index-320d67c4.js';
+import '../_verture/toConsumableArray-599cd94a.js';
+import '../_verture/slicedToArray-61604a6c.js';
+import '../_verture/defineProperty-6f62bb2a.js';
+import '../_verture/typeof-adeedc13.js';
 import '../_verture/index-8ac46bd9.js';
 import '../_verture/typeof-6ec38efd.js';
 import 'rc-tree';
@@ -401,7 +401,7 @@ styleInject(css_248z);
 const DynamicMultiBox = props => {
   const {
     rowKey = 'id',
-    valueList,
+    valueList = [],
     config = [],
     errors = [],
     isSort = false,
@@ -856,7 +856,7 @@ const DynamicMultiBox = props => {
     children: [jsxs("div", Object.assign({
       className: "multi-value-content"
     }, {
-      children: [renderTitle, isSort ? jsx(dist.exports.ReactSortable, Object.assign({
+      children: [renderTitle, isSort && Array.isArray(valueList) && valueList.length > 0 ? jsx(dist.exports.ReactSortable, Object.assign({
         id: rowKey,
         list: valueList,
         handle: '.sort-handler',

package/DynamicMultiBox/interface.d.ts

@@ -119,7 +119,7 @@ export interface IMultiValueProps {
     /**
      * 表单value集合
      */
-    valueList: IValueList[];
+    valueList?: IValueList[];
     /**
      * 表单错误集合
      */

package/FieldForm/ErrorList.d.ts

@@ -0,0 +1,16 @@
+/**
+ * @author yaoxue
+ * @date 2024/08/21
+ * @description 错误列表
+ */
+import { FC, ReactNode } from 'react';
+import type { ValidateStatus } from './FieldFormItem';
+export interface ErrorListProps {
+    helperText?: ReactNode;
+    helpStatus?: ValidateStatus;
+    errors?: ReactNode[];
+    warnings?: ReactNode[];
+    onVisibleChanged?: (visible: boolean) => void;
+}
+declare const ErrorList: FC<ErrorListProps>;
+export default ErrorList;

package/FieldForm/FieldFormItem/ItemHolder.d.ts

@@ -0,0 +1,18 @@
+/**
+ * @author yaoxue
+ * @date 2024/08/20
+ * @description 表单项容器
+ */
+import { ReactNode } from 'react';
+import type { Meta } from 'rc-field-form/lib/interface';
+import type { ReportMetaChange } from '../context';
+import type { FormItemProps } from './index';
+export interface ItemHolderProps extends FormItemProps {
+    fieldId?: string;
+    errors: ReactNode[];
+    warnings: ReactNode[];
+    meta: Meta;
+    onSubItemMetaChange: ReportMetaChange;
+}
+declare function ItemHolder(props: ItemHolderProps): import("react/jsx-runtime").JSX.Element;
+export default ItemHolder;

package/FieldForm/FieldFormItem/MemoInput.d.ts

@@ -0,0 +1,14 @@
+/**
+ * @author yaoxue
+ * @date 2024/08/21
+ * @description MemoInput
+ */
+import React from 'react';
+interface MemoInputProps {
+    control: object;
+    update: any;
+    children: React.ReactNode;
+    childProps: any[];
+}
+declare const _default: React.MemoExoticComponent<({ children }: MemoInputProps) => JSX.Element>;
+export default _default;

package/FieldForm/FieldFormItem/StatusProvider.d.ts

@@ -0,0 +1,20 @@
+/**
+ * @author yaoxue
+ * @date 2024/08/22
+ * @description 状态管理
+ */
+import { ReactNode } from 'react';
+import type { Meta } from 'rc-field-form/lib/interface';
+import type { ValidateStatus } from './index';
+interface StatusProviderProps {
+    children?: ReactNode;
+    validateStatus?: ValidateStatus;
+    prefixCls?: string;
+    meta: Meta;
+    errors: ReactNode[];
+    warnings: ReactNode[];
+    hasFeedback?: boolean;
+    noStyle?: boolean;
+}
+declare function StatusProvider({ children, errors, warnings, hasFeedback, validateStatus, prefixCls, meta, noStyle }: StatusProviderProps): import("react/jsx-runtime").JSX.Element;
+export default StatusProvider;

package/FieldForm/FieldFormItem/index.d.ts

@@ -0,0 +1,58 @@
+/**
+ * @author yaoxue
+ * @date 2024/08/19
+ * @description 表单项
+ */
+import { ReactNode, ReactElement, CSSProperties } from 'react';
+import type { FieldProps } from 'rc-field-form/lib/Field';
+import type { Meta } from 'rc-field-form/lib/interface';
+import type { FormInstance, FormItemLayout } from '../Form';
+import type { FormItemInputProps } from '../FormItemInput';
+import type { FormItemLabelProps } from '../FormItemLabel';
+import type { ReportMetaChange } from '../context';
+import useFormItemStatus from '../hooks/useFormItemStatus';
+type RenderChildren<Values = any> = (form: FormInstance<Values>) => ReactNode;
+type RcFieldProps<Values = any> = Omit<FieldProps<Values>, 'children'>;
+type ChildrenType<Values = any> = RenderChildren<Values> | ReactNode;
+declare const ValidateStatuses: readonly ["success", "warning", "error", "validating", ""];
+export type ValidateStatus = (typeof ValidateStatuses)[number];
+export type FeedbackIcons = (itemStatus: {
+    status: ValidateStatus;
+    errors?: ReactNode[];
+    warnings?: ReactNode[];
+}) => {
+    [key in ValidateStatus]?: ReactNode;
+};
+export interface FormItemProps<Values = any> extends FormItemLabelProps, FormItemInputProps, RcFieldProps<Values> {
+    noStyle?: boolean;
+    style?: CSSProperties;
+    className?: string;
+    children?: ChildrenType<Values>;
+    id?: string;
+    hasFeedback?: boolean;
+    validateStatus?: ValidateStatus;
+    required?: boolean;
+    hidden?: boolean;
+    initialValue?: any;
+    messageVariables?: Record<string, string>;
+    layout?: FormItemLayout;
+    hideError?: boolean;
+    disabled?: boolean;
+    size?: 'small' | 'medium' | 'large';
+}
+export interface ItemHolderProps extends FormItemProps {
+    errors: ReactNode[];
+    warnings: ReactNode[];
+    meta: Meta;
+    children?: ReactNode;
+    fieldId?: string;
+    isRequired?: boolean;
+    onSubItemMetaChange: ReportMetaChange;
+}
+declare function InternalFormItem<Values = any>(props: FormItemProps<Values>): ReactElement;
+type InternalFormItemType = typeof InternalFormItem;
+type CompoundedComponent = InternalFormItemType & {
+    useStatus: typeof useFormItemStatus;
+};
+declare const FieldFormItem: CompoundedComponent;
+export default FieldFormItem;

package/FieldForm/Form.d.ts

@@ -0,0 +1,36 @@
+/**
+ * @author yaoxue
+ * @date 2024/08/19
+ * @description 表单
+ */
+import React, { PropsWithChildren, RefAttributes, ReactElement, ReactNode } from 'react';
+import { useWatch } from 'rc-field-form';
+import type { FormProps as RcFormProps } from 'rc-field-form/lib/Form';
+import type { FormRef } from 'rc-field-form/lib/interface';
+import type { FormLabelAlign } from './interface';
+import type { FormInstance } from './hooks/useForm';
+import useForm from './hooks/useForm';
+import type { FeedbackIcons } from './FieldFormItem';
+export type RequiredMark = boolean | 'optional' | ((labelNode: ReactNode, info: {
+    required: boolean;
+}) => ReactNode);
+export type FormLayout = 'horizontal' | 'vertical';
+export type FormItemLayout = 'horizontal' | 'vertical';
+export interface FormProps<Values = any> extends Omit<RcFormProps<Values>, 'form'> {
+    colon?: boolean;
+    name?: string;
+    layout?: FormLayout;
+    labelAlign?: FormLabelAlign;
+    labelWrap?: boolean;
+    labelWidth?: number | string;
+    form?: FormInstance<Values>;
+    feedbackIcons?: FeedbackIcons;
+    disabled?: boolean;
+    requiredMark?: RequiredMark;
+    size?: 'small' | 'medium' | 'large';
+}
+declare const FieldForm: (<Values = any>(props: FormProps<Values> & {
+    children?: React.ReactNode;
+} & React.RefAttributes<FormRef<Values>>) => ReactElement) & Pick<React.FC<{}>, "displayName">;
+export { useForm, useWatch, type FormInstance };
+export default FieldForm;

package/FieldForm/FormItemInput.d.ts

@@ -0,0 +1,21 @@
+/**
+ * @author yaoxue
+ * @date 2024/08/21
+ * @description 表单项输入框
+ */
+import { FC, ReactNode } from 'react';
+import type { ValidateStatus } from './FieldFormItem';
+interface FormItemInputMiscProps {
+    children: ReactNode;
+    errors: ReactNode[];
+    warnings: ReactNode[];
+    marginBottom?: number | null;
+    onErrorVisibleChanged?: (visible: boolean) => void;
+}
+export interface FormItemInputProps {
+    status?: ValidateStatus;
+    helperText?: ReactNode;
+    fieldId?: string;
+}
+declare const FormItemInput: FC<FormItemInputProps & FormItemInputMiscProps>;
+export default FormItemInput;

package/FieldForm/FormItemLabel.d.ts

@@ -0,0 +1,21 @@
+/**
+ * @author yaoxue
+ * @date 2024/08/22
+ * @description 表单项标签
+ */
+import { FC, ReactNode } from 'react';
+import { FormLabelAlign } from './interface';
+import type { LabelProps } from '../Label';
+export interface FormItemLabelProps {
+    fieldId?: string;
+    labelAlign?: FormLabelAlign;
+    labelWrap?: boolean;
+    labelWidth?: number | string;
+    label?: ReactNode;
+    labelProps?: Omit<LabelProps, 'label'>;
+    hideLabel?: boolean;
+    colon?: boolean;
+    layout?: 'horizontal' | 'vertical';
+}
+declare const FormItemLabel: FC<FormItemLabelProps>;
+export default FormItemLabel;

package/FieldForm/FormList.d.ts

@@ -0,0 +1,23 @@
+import { FC, ReactNode } from 'react';
+import type { StoreValue, ValidatorRule } from 'rc-field-form/lib/interface';
+export interface FormListFieldData {
+    name: number;
+    key: number;
+    error?: any;
+}
+export interface FormListOperation {
+    add: (defaultValue?: StoreValue, insertIndex?: number) => void;
+    remove: (index: number | number[]) => void;
+    move: (from: number, to: number) => void;
+}
+export interface FormListProps {
+    name: string | number | (string | number)[];
+    rules?: ValidatorRule[];
+    initialValue?: any[];
+    children: (fields: FormListFieldData[], operation: FormListOperation, meta: {
+        errors: ReactNode[];
+        warnings: ReactNode[];
+    }) => ReactNode;
+}
+declare const FormList: FC<FormListProps>;
+export default FormList;

package/FieldForm/context.d.ts

@@ -0,0 +1,33 @@
+import React, { FC, ReactElement, Key, ReactNode } from 'react';
+import type { FormProviderProps as RcFormProviderProps } from 'rc-field-form/lib/FormContext';
+import type { Meta } from 'rc-field-form/lib/interface';
+import type { FormLabelAlign } from './interface';
+import type { FormInstance, FormLayout } from './Form';
+import type { ValidateStatus } from './FieldFormItem';
+export declare const FormProvider: FC<RcFormProviderProps>;
+export interface FormContextProps {
+    name?: string;
+    labelAlign?: FormLabelAlign;
+    labelWrap?: boolean;
+    labelWidth?: number | string;
+    labelMaxWidth?: number | string;
+    layout: FormLayout;
+    colon?: boolean;
+    itemRef: (name: (string | number)[]) => (node: ReactElement) => void;
+    form?: FormInstance;
+    prefixCls?: string;
+    disabled?: boolean;
+    size?: 'small' | 'medium' | 'large';
+}
+export declare const FormContext: React.Context<FormContextProps>;
+export type ReportMetaChange = (meta: Meta, uniqueKeys: Key[]) => void;
+export declare const NoStyleItemContext: React.Context<ReportMetaChange | null>;
+export interface FormItemStatusContextProps {
+    isFormItemInput?: boolean;
+    status?: ValidateStatus;
+    errors?: ReactNode[];
+    warnings?: ReactNode[];
+    hasFeedback?: boolean;
+    feedbackIcon?: ReactNode;
+}
+export declare const FormItemInputContext: React.Context<FormItemStatusContextProps>;

package/FieldForm/hooks/useChildren.d.ts

@@ -0,0 +1,2 @@
+import type { FormItemProps } from '../FieldFormItem';
+export default function useChildren(children?: FormItemProps['children']): FormItemProps['children'];

package/FieldForm/hooks/useDebounce.d.ts

@@ -0,0 +1 @@
+export default function useDebounce<T>(value: T[]): T[];

package/FieldForm/hooks/useForm.d.ts

@@ -0,0 +1,6 @@
+import type { FormInstance as RcFormInstance } from 'rc-field-form';
+import type { NamePath } from '../interface';
+export interface FormInstance<Values = any> extends RcFormInstance<Values> {
+    getFieldInstance: (name: NamePath) => any;
+}
+export default function useForm<Values = any>(form?: FormInstance<Values>): [FormInstance<Values>];

package/FieldForm/hooks/useFormInstance.d.ts

@@ -0,0 +1,2 @@
+import type { FormInstance } from './useForm';
+export default function useFormInstance<Value = any>(): FormInstance<Value>;

package/FieldForm/hooks/useFormItemStatus.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+import type { ValidateStatus } from '../FieldFormItem';
+type UseFormItemStatus = () => {
+    status?: ValidateStatus;
+    errors: ReactNode[];
+    warnings: ReactNode[];
+};
+declare const useFormItemStatus: UseFormItemStatus;
+export default useFormItemStatus;

package/FieldForm/hooks/useFrameState.d.ts

@@ -0,0 +1,3 @@
+type Updater<ValueType> = (prev?: ValueType) => ValueType;
+export default function useFrameState<ValueType>(defaultValue: ValueType): [ValueType, (updater: Updater<ValueType>) => void];
+export {};

package/FieldForm/hooks/useItemRef.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { InternalNamePath } from '../interface';
+export default function useItemRef(): (name: InternalNamePath, children: any) => React.Ref<any> | undefined;

package/FieldForm/index.d.ts

@@ -0,0 +1,30 @@
+/**
+ * @author yaoxue
+ * @date 2024/08/19
+ * @description 表单
+ */
+import type { Rule, RuleObject, RuleRender } from 'rc-field-form/lib/interface';
+import { FormProvider } from './context';
+import InternalForm, { useForm, useWatch } from './Form';
+import type { FormInstance as FieldFormInstance, FormProps as FieldFormProps } from './Form';
+import ErrorList from './ErrorList';
+import type { ErrorListProps } from './ErrorList';
+import Item from './FieldFormItem';
+import type { FormItemProps as FieldFormItemProps } from './FieldFormItem';
+import List from './FormList';
+import type { FormListFieldData as FieldFormListFieldData, FormListOperation as FieldFormListOperation, FormListProps as FieldFormListProps } from './FormList';
+import useFormInstance from './hooks/useFormInstance';
+import './index.scss';
+type InternalFormType = typeof InternalForm;
+type CompoundedComponent = InternalFormType & {
+    useForm: typeof useForm;
+    useFormInstance: typeof useFormInstance;
+    useWatch: typeof useWatch;
+    Item: typeof Item;
+    List: typeof List;
+    ErrorList: typeof ErrorList;
+    Provider: typeof FormProvider;
+};
+declare const FieldForm: CompoundedComponent;
+export type { ErrorListProps, FieldFormInstance, FieldFormItemProps, FieldFormListFieldData, FieldFormListOperation, FieldFormListProps, FieldFormProps, Rule, RuleObject, RuleRender };
+export default FieldForm;