@nutui/nutui-react 3.0.9-beta.1 → 3.0.9

package/dist/es/packages/watermark/style-jmapp/watermark.scss

@@ -0,0 +1,14 @@
+.nut-watermark {
+  position: absolute;
+  z-index: $watermark-z-index;
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  pointer-events: none;
+  background-repeat: repeat;
+
+  &-full-page {
+    position: fixed;
+  }
+}

package/dist/es/packages/watermark/style-jrkf/css.js

@@ -0,0 +1 @@
+import './style.css';

package/dist/es/packages/watermark/style-jrkf/index.js

@@ -0,0 +1 @@
+import './watermark.scss';

package/dist/es/packages/watermark/style-jrkf/style.css

@@ -0,0 +1,17 @@
+/* #ifdef harmony */
+/* #endif */
+/* #ifndef harmony */
+/* #endif */
+.nut-watermark {
+  position: absolute;
+  z-index: var(--nutui-watermark-z-index, 1200);
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  pointer-events: none;
+  background-repeat: repeat;
+}
+.nut-watermark-full-page {
+  position: fixed;
+}

package/dist/es/packages/watermark/style-jrkf/watermark.scss

@@ -0,0 +1,14 @@
+.nut-watermark {
+  position: absolute;
+  z-index: $watermark-z-index;
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  pointer-events: none;
+  background-repeat: repeat;
+
+  &-full-page {
+    position: fixed;
+  }
+}

package/dist/es/types/base/atoms.d.ts

@@ -8,6 +8,7 @@ export type UILayout = 'row' | 'col';
 export type UITheme = 'light' | 'dark';
 export type FlexAlign = 'flex-start' | 'center' | 'flex-end' | 'baseline';
 export type FlexJustify = 'start' | 'end' | 'center' | 'between' | 'around' | 'evenly' | 'stretch';
+export type TextAlign = 'start' | 'end' | 'left' | 'right' | 'center' | 'justify' | 'match-parent';
 export type Align = 'left' | 'center' | 'right';
 export type VAlign = 'top' | 'middle' | 'bottom';
 export type Direction = 'horizontal' | 'vertical';

package/dist/es/types/spec/form/base.d.ts

@@ -1,2 +1,122 @@
-export interface BaseForm {
+import { ReactNode } from 'react';
+import { BaseProps } from '../../base/props';
+import { TextAlign } from '../../base/atoms';
+export interface BaseForm extends BaseProps {
+    /**
+    * 表单底部区域，一般放置确认和重置按钮
+    */
+    footer: ReactNode
+    /**
+    * 表单初始值
+    */
+    initialValues: any
+    /**
+    * 表单名称
+    */
+    name: string
+    /**
+    * 经 Form.useForm() 创建的 form 控制实例，不提供时会自动创建
+    */
+    form: any
+    /**
+    * 是否禁用
+    */
+    disabled: boolean
+    divider: boolean;
+    /**
+    * 统一设置字段触发验证的时机
+    */
+    validateTrigger: string | string[] | false
+    /**
+    * 表单项 label 的位置
+    */
+    labelPosition: 'top' | 'left' | 'right'
+    /**
+    * 必填表单项 label 的红色星标位置
+    */
+    starPosition: 'left' | 'right'
+    onSubmit: () => void;
+    onReset: () => void;
+    /**
+    * 校验成功后触发
+    */
+    onFinish: (values: any) => void
+    /**
+    * 任一表单项被校验失败后触发
+    */
+    onFinishFailed: (values: any, errorFields: any) => void
 }
+export interface FormItemRuleWithoutValidator {
+    [key: string]: any;
+    regex?: RegExp;
+    required?: boolean;
+    message?: string;
+}
+type StoreValue = any;
+export type NamePath = string | number;
+export interface Callbacks<Values = any> {
+    onValuesChange?: (values: Values) => void;
+    onFinish?: (values: Values) => void;
+    onFinishFailed?: (values: Values, errorFields: any) => void;
+}
+export interface Store {
+    [name: string]: any;
+}
+export interface FormInstance<Values = any> {
+    getFieldValue: (name: NamePath) => StoreValue;
+    setFieldValue: <T = any>(name: NamePath, value: T) => void;
+    getFieldsValue: (nameList: NamePath[] | true) => {
+        [key: NamePath]: any;
+    };
+    setFieldsValue: (value: Store) => void;
+    resetFields: (fields?: NamePath[]) => void;
+    submit: () => void;
+    getInternal: (secret: string) => any;
+    validateFields: (nameList?: NamePath[]) => Promise<any[]>;
+}
+export interface FormFieldEntity {
+    onStoreChange: (type?: string) => void;
+    getNamePath: () => NamePath;
+    props: {
+        name: NamePath;
+        rules?: any[];
+        dependencies?: NamePath[];
+        initialValue?: any;
+    };
+}
+export interface FormItemRule extends FormItemRuleWithoutValidator {
+    validator?: (ruleCfg: FormItemRuleWithoutValidator, value: any) => boolean | string | Promise<boolean | string>;
+}
+export interface BaseFormField {
+    /**
+     * 字段名
+     */
+    name: string;
+    /**
+     * label 标签的文本
+     */
+    label: ReactNode;
+    /**
+     * 校验规则，设置字段的校验逻辑
+     */
+    rules: FormItemRule[];
+    /**
+     * 是否禁用表单项
+     */
+    disabled: boolean;
+}
+export interface BaseFormItem extends Omit<BaseProps, 'children'>, BaseFormField {
+    required: boolean;
+    initialValue: any;
+    trigger: string;
+    valuePropName: string;
+    getValueFromEvent: (...args: any) => any;
+    onClick: (event: React.MouseEvent, componentRef: React.MutableRefObject<any>) => void;
+    errorMessageAlign: TextAlign;
+    validateTrigger: string | string[];
+    shouldUpdate: boolean;
+    noStyle: boolean;
+    children: ReactNode | ((obj: any) => React.ReactNode);
+    align?: 'flex-start' | 'center' | 'flex-end';
+}
+export {};

package/dist/es/types/spec/form/h5.d.ts

@@ -1,3 +1,5 @@
-import { BaseForm } from './base';
+import { BaseForm, BaseFormItem } from './base';
 export interface WebFormProps extends BaseForm {
 }
+export interface WebFormItemProps extends BaseFormItem {
+}

package/dist/es/types/spec/form/taro.d.ts

@@ -1,3 +1,5 @@
-import { BaseForm } from './base';
+import { BaseForm, BaseFormItem } from './base';
 export interface TaroFormProps extends BaseForm {
 }
+export interface TaroFormItemProps extends BaseFormItem {
+}

package/dist/es/types/spec/image/base.d.ts

@@ -24,11 +24,11 @@ export interface BaseImage extends BaseProps {
     /**
     * 宽度，默认单位px
     */
-    width: string
+    width: string | number
     /**
     * 高度，默认单位px
     */
-    height: string
+    height: string | number
     /**
     * 圆角大小
     */

package/dist/es/types/spec/input/taro.d.ts

@@ -3,7 +3,10 @@ import { HTMLInputTypeAttribute } from 'react';
 import { BaseInput } from './base';
 export type TaroInputType = keyof InputProps.Type | HTMLInputTypeAttribute;
 export type TaroInputConfirmType = 'send' | 'search' | 'next' | 'go' | 'done';
-export interface TaroInputProps extends Omit<BaseInput<TaroInputType, TaroInputConfirmType>, 'onClick' | 'onFocus'> {
+type OmittedInput = Omit<InputProps, 'type' | 'ref' | 'onBlur' | 'onFocus' | 'maxlength' | 'password'>;
+type TaroInput = Omit<BaseInput<TaroInputType, TaroInputConfirmType>, 'onClick' | 'onFocus'> & OmittedInput;
+export interface TaroInputProps extends TaroInput {
     onClick?: (e: ITouchEvent) => void;
     onFocus?: (value: string, height?: number) => void;
 }
+export {};

package/dist/es/types/spec/loading/base.d.ts

@@ -2,7 +2,7 @@ import { ReactNode } from 'react';
 import { BaseProps } from '../../base/props';
 import { Direction } from '../../base/atoms';
 export type LoadingRef = any;
-export type LoadingType = 'spinner' | 'circular' | 'lottie';
+export type LoadingType = 'spinner' | 'circular';
 export interface BaseLoading<LOTTIE_PROPS = any> extends BaseProps {
     /**
     * loading图标的样式