@para-ui/core 4.0.53 → 4.0.55

package/CycleSelector/index.js

@@ -9,7 +9,7 @@ import DatePicker from '../DatePicker/index.js';
 import Select from '../Select/index.js';
 import { TextField } from '../TextField/index.js';
 import { Popover } from '../Popover/index.js';
-import { Button } from '../Button/index.js';
+import { B as Button } from '../_verture/index-7e60b72c.js';
 import { G as GlobalContext } from '../_verture/index-ca413216.js';
 import { u as useFormatMessage } from '../_verture/useFormatMessage-1fc7c957.js';
 import HelperText from '../HelperText/index.js';
@@ -19,6 +19,9 @@ import 'rc-picker/es/generate/dayjs';
 import '../Tag/index.js';
 import '../_verture/tslib.es6-55ed4bd2.js';
 import '@para-ui/icons/EditOutline';
+import '../_verture/toConsumableArray-599cd94a.js';
+import '../_verture/slicedToArray-61604a6c.js';
+import '../_verture/typeof-adeedc13.js';
 import '../AutoTips/index.js';
 import '../Tooltip/index.js';
 import 'rc-tooltip';
@@ -28,7 +31,7 @@ import '@paraview/lib';
 import '../_verture/tinycolor-ece3542d.js';
 import '../_verture/useGlobalProps-4ae1a007.js';
 import '@para-ui/icons/Plus';
-import '../_verture/defineProperty-f0e15205.js';
+import '../_verture/defineProperty-6f62bb2a.js';
 import 'rc-picker';
 import '@para-ui/icons/CloseCircleF';
 import '@para-ui/icons/Calendar';
@@ -50,6 +53,8 @@ import '../Loading/index.js';
 import '@para-ui/icons/LoadingF';
 import '@para-ui/icons/PreviewClose';
 import '@para-ui/icons/PreviewOpen';
+import '@para-ui/icons/CheckCircleF';
+import '@para-ui/icons/WarningCircle';
 
 var en = {
   placeholder: 'Please select',

package/DatePicker/index.js

@@ -1,8 +1,8 @@
 import dayjsGenerateConfig from 'rc-picker/es/generate/dayjs';
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { Button } from '../Button/index.js';
+import { B as Button } from '../_verture/index-7e60b72c.js';
 import { Tag } from '../Tag/index.js';
-import { a as _defineProperty } from '../_verture/defineProperty-f0e15205.js';
+import { _ as _defineProperty } from '../_verture/defineProperty-6f62bb2a.js';
 import { _ as __rest } from '../_verture/tslib.es6-55ed4bd2.js';
 import React__default, { forwardRef, useImperativeHandle } from 'react';
 import clsx from 'clsx';
@@ -28,14 +28,20 @@ import '../AutoTips/index.js';
 import 'rc-tooltip';
 import 'rc-tooltip/lib/placements';
 import '@para-ui/icons/Forbid';
-import 'rc-dropdown';
+import '@para-ui/icons/CheckCircleF';
+import '@para-ui/icons/WarningCircle';
+import '@para-ui/icons/WarningCircleF';
 import '../_verture/usePopupContainer-635f66f4.js';
-import 'dayjs';
 import '@para-ui/icons/Close';
 import '@para-ui/icons/EditOutline';
+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';
 import '@para-ui/icons/Plus';
+import 'rc-dropdown';
+import 'dayjs';
 import '../Help/index.js';
 import '@para-ui/icons/Help';
 

package/Descriptions/index.js

@@ -3,7 +3,7 @@ import { useState, useEffect, Fragment as Fragment$1 } from 'react';
 import { Title } from '../Title/index.js';
 import AutoTips from '../AutoTips/index.js';
 import CollapseBox from '../CollapseBox/index.js';
-import { Button } from '../Button/index.js';
+import { B as Button } from '../_verture/index-7e60b72c.js';
 import clsx from 'clsx';
 import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
 import { u as useFormatMessage } from '../_verture/useFormatMessage-1fc7c957.js';
@@ -28,6 +28,10 @@ import '../_verture/index-bde7aabe.js';
 import 'rc-dropdown';
 import '../_verture/usePopupContainer-635f66f4.js';
 import 'dayjs';
+import '@para-ui/icons/CheckCircleF';
+import '@para-ui/icons/WarningCircle';
+import '@para-ui/icons/CloseCircleF';
+import '@para-ui/icons/WarningCircleF';
 import '../_verture/index-ca413216.js';
 
 var en = {

package/Desktop/index.js

@@ -5,7 +5,7 @@ import { DeepClone } from '@paraview/lib';
 import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
 import AutoTips from '../AutoTips/index.js';
 import NavigateBefore from '@para-ui/icons/Left';
-import { Button } from '../Button/index.js';
+import { B as Button } from '../_verture/index-7e60b72c.js';
 import ReactDOM from 'react-dom';
 import { Tooltip } from '../Tooltip/index.js';
 import { u as useFormatMessage } from '../_verture/useFormatMessage-1fc7c957.js';
@@ -31,6 +31,9 @@ import 'rc-tooltip';
 import 'rc-tooltip/lib/placements';
 import '@para-ui/icons/Forbid';
 import '@para-ui/icons/Down';
+import '@para-ui/icons/CheckCircleF';
+import '@para-ui/icons/WarningCircle';
+import '@para-ui/icons/WarningCircleF';
 
 var en = {
   createDir: 'Create Folder',

package/Drawer/index.js

@@ -3,7 +3,7 @@ import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { useState, useRef, useEffect } from 'react';
 import clsx from 'clsx';
 import RcDrawer from 'rc-drawer';
-import { Button } from '../Button/index.js';
+import { B as Button } from '../_verture/index-7e60b72c.js';
 import { u as useFormatMessage } from '../_verture/useFormatMessage-1fc7c957.js';
 import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
 import AutoTips from '../AutoTips/index.js';
@@ -19,6 +19,10 @@ import '../_verture/index-bde7aabe.js';
 import 'rc-dropdown';
 import '../_verture/usePopupContainer-635f66f4.js';
 import 'dayjs';
+import '@para-ui/icons/CheckCircleF';
+import '@para-ui/icons/WarningCircle';
+import '@para-ui/icons/CloseCircleF';
+import '@para-ui/icons/WarningCircleF';
 import '../_verture/index-ca413216.js';
 
 var en = {

package/DynamicMultiBox/index.js

@@ -52,17 +52,16 @@ import '@para-ui/icons/Up';
 import '../MultiBox/index.js';
 import '@para-ui/icons/Internet';
 import '../Table/index.js';
-import '../Button/index.js';
+import '../_verture/index-7e60b72c.js';
+import '@para-ui/icons/CheckCircleF';
+import '@para-ui/icons/WarningCircle';
+import '@para-ui/icons/WarningCircleF';
 import '@para-ui/icons/ScreenF';
 import '@para-ui/icons/UpTriangleF';
 import '@para-ui/icons/DownTriangleF';
 import '../Radio/index.js';
 import '../OperateBtn/index.js';
 import '@para-ui/icons/More';
-import '../PopConfirm/index.js';
-import '@para-ui/icons/CheckCircleF';
-import '@para-ui/icons/WarningCircle';
-import '@para-ui/icons/WarningCircleF';
 import '@para-ui/icons/Refresh';
 import '../Pagination/index.js';
 import '@para-ui/icons/Left';
@@ -71,10 +70,11 @@ import '@para-ui/icons/Right';
 import '@para-ui/icons/DoubleLeft';
 import '@para-ui/icons/DoubleRight';
 import '../ScrollBar/index.js';
-import '../_verture/index-d728b0ce.js';
-import '../_verture/toConsumableArray-c7a8028f.js';
-import '../_verture/slicedToArray-75fa4188.js';
-import '../_verture/defineProperty-f0e15205.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';
@@ -400,7 +400,7 @@ styleInject(css_248z);
 const DynamicMultiBox = props => {
   const {
     rowKey = 'id',
-    valueList,
+    valueList = [],
     config = [],
     errors = [],
     isSort = false,
@@ -855,7 +855,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;