@simpleform/form 2.1.14 → 2.2.0

package/README.md

@@ -1,7 +1,7 @@
 # `@simpleform/form`
 English | [中文说明](./README_CN.md)
 
-[![](https://img.shields.io/badge/version-2.1.14-green)](https://www.npmjs.com/package/@simpleform/form)
+[![](https://img.shields.io/badge/version-2.2.0-green)](https://www.npmjs.com/package/@simpleform/form)
 
 > The underlying form component, Binding of form values to display and update events is accomplished through callback functions.
 

package/README_CN.md

@@ -2,7 +2,7 @@
 
 [English](./README.md) | 中文说明
 
-[![](https://img.shields.io/badge/version-2.1.14-green)](https://www.npmjs.com/package/@simpleform/form)
+[![](https://img.shields.io/badge/version-2.2.0-green)](https://www.npmjs.com/package/@simpleform/form)
 
 > 表单底层组件，通过回调函数方式实现表单值的显示和更新事件的绑定.
 

package/lib/context.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { FormProps } from './form';
-export declare const SimpleFormContext: React.Context<Omit<import(".").ItemProps, "children"> & import("./item-core").ItemCoreProps & {
+export declare const SimpleFormContext: React.Context<Omit<import(".").ItemProps, "children"> & import("./core").ItemCoreProps & {
     component?: React.ComponentType<any> | React.ForwardRefExoticComponent<any> | null;
 } & Pick<FormProps, "form">>;
 export declare const FormInitialValuesContext: React.Context<unknown>;

package/lib/{item-core.d.ts → core.d.ts}

@@ -1,21 +1,21 @@
 import React from 'react';
-import { getValueFromEvent } from './utils/utils';
+import { FormPathType, getValueFromEvent } from './utils/utils';
 import { FormRule } from './validator';
 import { FormProps } from './form';
 type TriggerType = string;
 export type FormEventHandler<V = unknown, A = unknown> = (obj: {
-    name?: string;
+    name?: FormPathType;
     value?: V;
 }, values?: A) => void;
 export interface ItemCoreProps {
-    name?: string;
+    name?: FormPathType;
     nonform?: boolean;
     index?: number;
     trigger?: TriggerType;
     validateTrigger?: TriggerType | TriggerType[];
     valueProp?: string | ((type: string) => string);
     valueGetter?: typeof getValueFromEvent;
-    valueSetter?: <V>(value: V) => V;
+    valueSetter?: (value: any) => unknown;
     rules?: FormRule[];
     initialValue?: unknown;
     errorClassName?: string;
@@ -29,7 +29,7 @@ export interface ItemCoreProps {
     }) => React.ReactNode);
 }
 export declare function getRulesTriggers(rules?: ItemCoreProps['rules']): string[];
-export declare function getTriggers(trigger: ItemCoreProps['trigger'], validateTrigger: ItemCoreProps['validateTrigger'], ruleTriggers: Array<TriggerType>): Set<string>;
+export declare function mergeTriggers(trigger: ItemCoreProps['trigger'], validateTrigger: ItemCoreProps['validateTrigger'], ruleTriggers: Array<TriggerType>): Set<string>;
 export declare const ItemCore: {
     (props: ItemCoreProps): React.JSX.Element;
     displayName: string;

package/lib/css/main.css

@@ -1 +1 @@
-.field-item:not(:last-child){margin-bottom:16px}.field-item .label__container{font-size:14px;line-height:normal;overflow-wrap:break-word;word-break:break-all}.field-item .label__container .label__tooltip{cursor:help;-webkit-writing-mode:horizontal-tb;-ms-writing-mode:lr-tb;writing-mode:horizontal-tb;-webkit-margin-start:4px;margin-inline-start:4px}.field-item .label__container--required label:before{display:inline-block;-webkit-margin-end:4px;color:#ff4d4f;content:"*";font-family:SimSun,sans-serif;font-size:14px;line-height:1;margin-inline-end:4px}.field-item .control__container{position:relative}.field-item .control__container .item__control{margin-left:0;margin-right:0;overflow-wrap:break-word;padding:.1px;word-break:break-word}.field-item .control__container .item__suffix{font-size:14px;margin-left:10px;margin-top:3px}.field-item .control__container .item__footer{margin-top:8px;width:100%}.field-item .control__container .item__message{color:red;font-size:12px}.field-item .control__container--error .item__control .ant-checkbox,.field-item .control__container--error .item__control .ant-input,.field-item .control__container--error .item__control .ant-input-number,.field-item .control__container--error .item__control .ant-mentions,.field-item .control__container--error .item__control .ant-picker,.field-item .control__container--error .item__control .ant-radio,.field-item .control__container--error .item__control .ant-rate,.field-item .control__container--error .item__control .ant-select .ant-select-selector,.field-item .control__container--error .item__control .ant-slider,.field-item .control__container--error .item__control .ant-switch,.field-item .control__container--error .item__control .ant-upload{border-color:#ff4d4f}.field-item .control__container--error .item__control .ant-checkbox:hover,.field-item .control__container--error .item__control .ant-input-number:hover,.field-item .control__container--error .item__control .ant-input:hover,.field-item .control__container--error .item__control .ant-mentions:hover,.field-item .control__container--error .item__control .ant-picker:hover,.field-item .control__container--error .item__control .ant-radio:hover,.field-item .control__container--error .item__control .ant-rate:hover,.field-item .control__container--error .item__control .ant-select .ant-select-selector:hover,.field-item .control__container--error .item__control .ant-slider:hover,.field-item .control__container--error .item__control .ant-switch:hover,.field-item .control__container--error .item__control .ant-upload:hover{border-color:#ff7875;border-right-width:1px!important;-webkit-box-shadow:0 0 0 2px rgba(255,77,79,.2);box-shadow:0 0 0 2px rgba(255,77,79,.2);outline:0}.field-item--horizontal{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:100%}.field-item--horizontal>.label__container{padding-right:8px;text-align:right;width:100px}.field-item--horizontal>.control__container{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.field-item--vertical{display:inline-block;width:100%}.field-item--vertical>.label__container{padding-bottom:8px;width:auto}.field-item--error{margin-bottom:3px}.field-item--inline{vertical-align:top;width:auto}.field-item--compact{margin:0;padding:0}.svg-icon{height:1.1em;vertical-align:-.2em;width:1.1em;fill:currentColor;outline:none;overflow:hidden}.custom-tooltip.react-tooltip{background:#fff;background-clip:padding-box;border-radius:2px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.15);box-shadow:0 2px 8px rgba(0,0,0,.15);color:rgba(0,0,0,.85);z-index:999}.custom-tooltip.react-tooltip .react-tooltip-arrow{background:#fff}
+.field-item:not(:last-child){margin-bottom:16px}.field-item .label__container{font-size:14px;line-height:normal;overflow-wrap:break-word;word-break:break-all}.field-item .label__container .label__tooltip{cursor:help;-webkit-writing-mode:horizontal-tb;-ms-writing-mode:lr-tb;writing-mode:horizontal-tb;-webkit-margin-start:4px;margin-inline-start:4px}.field-item .label__container--required label:before{display:inline-block;-webkit-margin-end:4px;color:#ff4d4f;content:"*";font-family:SimSun,sans-serif;font-size:14px;line-height:1;margin-inline-end:4px}.field-item .control__container{position:relative}.field-item .control__container .item__control{margin-left:0;margin-right:0;overflow-wrap:break-word;padding:.1px;word-break:break-word}.field-item .control__container .item__suffix{font-size:14px;margin-left:10px;margin-top:3px}.field-item .control__container .item__footer{margin-top:8px;width:100%}.field-item .control__container .item__message{color:red;font-size:12px}.field-item .control__container--error .item__control .ant-checkbox,.field-item .control__container--error .item__control .ant-input,.field-item .control__container--error .item__control .ant-input-number,.field-item .control__container--error .item__control .ant-mentions,.field-item .control__container--error .item__control .ant-picker,.field-item .control__container--error .item__control .ant-radio,.field-item .control__container--error .item__control .ant-rate,.field-item .control__container--error .item__control .ant-select .ant-select-selector,.field-item .control__container--error .item__control .ant-slider,.field-item .control__container--error .item__control .ant-switch,.field-item .control__container--error .item__control .ant-upload{border-color:#ff4d4f}.field-item .control__container--error .item__control .ant-checkbox:hover,.field-item .control__container--error .item__control .ant-input-number:hover,.field-item .control__container--error .item__control .ant-input:hover,.field-item .control__container--error .item__control .ant-mentions:hover,.field-item .control__container--error .item__control .ant-picker:hover,.field-item .control__container--error .item__control .ant-radio:hover,.field-item .control__container--error .item__control .ant-rate:hover,.field-item .control__container--error .item__control .ant-select .ant-select-selector:hover,.field-item .control__container--error .item__control .ant-slider:hover,.field-item .control__container--error .item__control .ant-switch:hover,.field-item .control__container--error .item__control .ant-upload:hover{border-color:#ff7875;border-right-width:1px!important;-webkit-box-shadow:0 0 0 2px rgba(255,77,79,.2);box-shadow:0 0 0 2px rgba(255,77,79,.2);outline:0}.field-item--horizontal{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:100%}.field-item--horizontal>.label__container{padding-right:8px;text-align:right;width:100px}.field-item--horizontal>.control__container{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.field-item--vertical{display:inline-block;width:100%}.field-item--vertical>.label__container{padding-bottom:8px;width:auto}.field-item--error{margin-bottom:3px}.field-item--inline{vertical-align:top;width:auto}.field-item--compact{margin:0;padding:0}.svg-icon{height:1.1em;vertical-align:-.2em;width:1.1em;fill:currentColor;outline:none;overflow:hidden}

package/lib/form-item.d.ts

@@ -1,6 +1,6 @@
 import React, { CSSProperties } from 'react';
 import { ItemProps } from './components/Item';
-import { ItemCoreProps } from './item-core';
+import { ItemCoreProps } from './core';
 export type FormItemOptions<P = ItemProps> = Omit<P, 'children'> & ItemCoreProps & {
     component?: React.ComponentType<any> | React.ForwardRefExoticComponent<any> | null;
 };

package/lib/form.d.ts

@@ -21,7 +21,7 @@ export type FormProps<V = any, P = ItemProps> = {
 } & FormItemOptions<P> & CreateFormProps;
 export declare function Form(props: FormProps): React.JSX.Element;
 export declare namespace Form {
-    var Item: React.ForwardRefExoticComponent<Omit<ItemProps, "children"> & import("./item-core").ItemCoreProps & {
+    var Item: React.ForwardRefExoticComponent<Omit<ItemProps, "children"> & import("./core").ItemCoreProps & {
         component?: React.ComponentType<any> | React.ForwardRefExoticComponent<any> | null;
     } & {
         className?: string;

package/lib/hooks.d.ts

@@ -1,5 +1,5 @@
 import { SimpleForm } from './store';
 import { FormPathType } from './utils/utils';
 export declare function useSimpleForm<T>(values?: T): SimpleForm<T>;
-export declare function useFormError(form?: SimpleForm, path?: string): readonly [string | boolean | undefined, import("react").Dispatch<import("react").SetStateAction<string | boolean | undefined>>];
-export declare function useFormValues<V>(form: SimpleForm<V>, path?: FormPathType): Partial<V> | undefined;
+export declare function useFormError(form?: SimpleForm, path?: FormPathType): readonly [string | boolean | undefined, import("react").Dispatch<import("react").SetStateAction<string | boolean | undefined>>];
+export declare function useFormValues<V>(form: SimpleForm<V>, path?: FormPathType | Array<FormPathType>): Partial<V> | undefined;

package/lib/index.d.ts

@@ -1,10 +1,9 @@
-export * from './item-core';
+export * from './core';
 export * from './form';
 export * from './form-item';
 export * from './store';
 export * from './context';
 export * from './hooks';
-export * from './components/Tooltip';
 export * from './components/Item';
 export * from './utils/utils';
 export * from './validator';