@nutui/nutui-react-taro 1.4.7 → 1.4.8

package/dist/esm/{tabs.taro-5030ce68.js → tabs.taro-4629d66c.js}

@@ -25,13 +25,14 @@ const defaultProps = {
     animatedTime: 300,
     titleGutter: 0,
     size: 'normal',
+    leftAlign: false,
     autoHeight: false,
 };
 const pxCheck = (value) => {
     return Number.isNaN(Number(value)) ? String(value) : `${value}px`;
 };
 const Tabs = (props) => {
-    const { value, color, tabStyle, background, direction, type, titleScroll, ellipsis, animatedTime, titleGutter, size, titleNode, children, onClick, onChange, className, autoHeight, iconClassPrefix, iconFontClassName, ...rest } = {
+    const { value, color, tabStyle, background, direction, type, titleScroll, ellipsis, animatedTime, titleGutter, size, leftAlign, titleNode, children, onClick, onChange, className, autoHeight, iconClassPrefix, iconFontClassName, ...rest } = {
         ...defaultProps,
         ...props,
     };
@@ -95,8 +96,10 @@ const Tabs = (props) => {
             ? titleNode()
             : titles.current.map((item, index) => {
                 return (React__default.createElement("div", { style: titleStyle, onClick: (e) => tabChange(item), className: classNames({
-                        active: String(item.paneKey) === String(value),
+                        active: !item.disabled &&
+                            String(item.paneKey) === String(value),
                         disabled: item.disabled,
+                        'nut-tabs__titles-item-left-align': leftAlign,
                     }, `${b('')}__titles-item`), key: item.paneKey },
                     type === 'line' && (React__default.createElement("div", { className: `${b('')}__titles-item__line`, style: tabsActiveStyle })),
                     type === 'smile' && (React__default.createElement("div", { className: `${b('')}__titles-item__smile`, style: tabsActiveStyle },

package/dist/esm/{textarea.taro-42600f8c.js → textarea.taro-47addd05.js}

@@ -26,6 +26,10 @@ const TextArea = (props) => {
         SetInputValue(initValue);
     }, [defaultValue]);
     const textChange = (event) => {
+        if (disabled)
+            return;
+        if (readonly)
+            return;
         const text = event.detail ? event.detail : event.target;
         if (maxlength && [...text.value].length > Number(maxlength)) {
             text.value = text.value.substring(0, Number(maxlength));
@@ -54,7 +58,7 @@ const TextArea = (props) => {
                 textAlign,
                 resize: `${autosize ? 'vertical' : 'none'}`,
                 ...style,
-            }, disabled: disabled, readOnly: readonly, value: inputValue, onInput: (e) => {
+            }, readOnly: disabled || readonly, value: inputValue, onInput: (e) => {
                 textChange(e);
             }, onChange: (e) => {
                 textChange(e);

package/dist/esm/types/src/packages/calendar/calendar.taro.d.ts

@@ -1,4 +1,11 @@
-import React, { FunctionComponent } from 'react';
+import React from 'react';
+type CalendarRef = {
+    scrollToDate: (date: string) => void;
+};
+interface Day {
+    day: string | number;
+    type: string;
+}
 export interface CalendarProps {
     type?: string;
     isAutoBackFill?: boolean;
@@ -8,7 +15,20 @@ export interface CalendarProps {
     defaultValue?: string | string[];
     startDate?: string;
     endDate?: string;
+    showToday?: boolean;
+    startText?: string;
+    endText?: string;
+    confirmText?: string;
+    showTitle?: boolean;
+    showSubTitle?: boolean;
+    toDateAnimation?: boolean;
+    onBtn?: (() => string | JSX.Element) | undefined;
+    onDay?: ((date: Day) => string | JSX.Element) | undefined;
+    onTopInfo?: ((date: Day) => string | JSX.Element) | undefined;
+    onBottomInfo?: ((date: Day) => string | JSX.Element) | undefined;
     onClose?: () => void;
     onChoose?: (param: string) => void;
+    onSelected?: (data: string) => void;
 }
-export declare const Calendar: FunctionComponent<Partial<CalendarProps> & React.HTMLAttributes<HTMLDivElement>>;
+export declare const Calendar: React.ForwardRefExoticComponent<Partial<CalendarProps> & Omit<React.HTMLAttributes<HTMLDivElement>, ""> & React.RefAttributes<CalendarRef>>;
+export {};

package/dist/esm/types/src/packages/calendaritem/calendaritem.taro.d.ts

@@ -1,5 +1,12 @@
-import React, { FunctionComponent } from 'react';
+import React from 'react';
+type CalendarRef = {
+    scrollToDate: (date: string) => void;
+};
 type InputDate = string | string[];
+interface Day {
+    day: string | number;
+    type: string;
+}
 export interface CalendarItemProps {
     type?: string;
     isAutoBackFill?: boolean;
@@ -9,9 +16,20 @@ export interface CalendarItemProps {
     defaultValue: InputDate;
     startDate?: InputDate;
     endDate?: InputDate;
+    showToday?: boolean;
+    startText?: string;
+    endText?: string;
+    confirmText?: string;
+    showTitle?: boolean;
+    showSubTitle?: boolean;
+    toDateAnimation?: boolean;
+    onBtn?: (() => string | JSX.Element) | undefined;
+    onDay?: ((date: Day) => string | JSX.Element) | undefined;
+    onTopInfo?: ((date: Day) => string | JSX.Element) | undefined;
+    onBottomInfo?: ((date: Day) => string | JSX.Element) | undefined;
     onChoose?: (data: any) => void;
     onUpdate?: () => void;
-    onClose?: () => void;
+    onSelected?: (data: string) => void;
 }
-export declare const CalendarItem: FunctionComponent<Partial<CalendarItemProps> & React.HTMLAttributes<HTMLDivElement>>;
+export declare const CalendarItem: React.ForwardRefExoticComponent<Partial<CalendarItemProps> & Omit<React.HTMLAttributes<HTMLDivElement>, ""> & React.RefAttributes<CalendarRef>>;
 export {};

package/dist/esm/types/src/packages/cascader/cascader.d.ts

@@ -4,6 +4,7 @@ export interface CascaderProps {
     className: string;
     style: CSSProperties;
     activeColor: string;
+    checkedIcon: string;
     tabsColor: string;
     poppable: boolean;
     visible: boolean;

package/dist/esm/types/src/packages/cascader/cascader.taro.d.ts

@@ -4,6 +4,7 @@ export interface CascaderProps {
     className: string;
     style: CSSProperties;
     activeColor: string;
+    checkedIcon: string;
     tabsColor: string;
     poppable: boolean;
     visible: boolean;

package/dist/esm/types/src/packages/cascader/cascaderItem.d.ts

@@ -17,6 +17,7 @@ export interface CascaderItemProps {
         children?: OptiosInfo[];
     };
     checked: boolean;
+    checkedIcon: string;
     activeColor: string;
     chooseItem: (data: any) => void;
 }

package/dist/esm/types/src/packages/cascader/cascaderItem.taro.d.ts

@@ -17,6 +17,7 @@ export interface CascaderItemProps {
         children?: OptiosInfo[];
     };
     checked: boolean;
+    checkedIcon: string;
     activeColor: string;
     chooseItem: (data: any) => void;
 }

package/dist/esm/types/src/packages/checkbox/demo.d.ts

@@ -1,4 +1,3 @@
 /// <reference types="react" />
-import './demo.scss';
 declare const CheckboxDemo: () => JSX.Element;
 export default CheckboxDemo;

package/dist/esm/types/src/packages/checkboxgroup/checkboxgroup.d.ts

@@ -1,10 +1,15 @@
 import React from 'react';
 import { RadioGroupOptionType } from '@/packages/radiogroup/type';
+type Position = 'left' | 'right';
+type Direction = 'horizontal' | 'vertical';
 export interface CheckboxGroupProps {
     disabled: boolean;
     checkedValue: string[];
     max: number | undefined;
+    textPosition: Position;
+    direction: Direction;
     onChange: (value: string[]) => void;
     options: RadioGroupOptionType[];
 }
 export declare const CheckboxGroup: React.ForwardRefExoticComponent<Partial<CheckboxGroupProps> & Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> & React.RefAttributes<unknown>>;
+export {};

package/dist/esm/types/src/packages/checkboxgroup/checkboxgroup.taro.d.ts

@@ -1,10 +1,15 @@
 import React from 'react';
 import { RadioGroupOptionType } from '@/packages/radiogroup/type';
+type Position = 'left' | 'right';
+type Direction = 'horizontal' | 'vertical';
 export interface CheckboxGroupProps {
     disabled: boolean;
     checkedValue: string[];
     max: number | undefined;
+    textPosition: Position;
+    direction: Direction;
     onChange: (value: string[]) => void;
     options: RadioGroupOptionType[];
 }
 export declare const CheckboxGroup: React.ForwardRefExoticComponent<Partial<CheckboxGroupProps> & Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> & React.RefAttributes<unknown>>;
+export {};

package/dist/esm/types/src/packages/dialog/DialogWrap.d.ts

@@ -8,5 +8,5 @@ interface DialogWrapProps {
     onClosed?: () => void;
     onClickSelf?: () => void;
 }
-export declare const DialogWrap: FunctionComponent<Partial<DialogWrapProps> & HTMLAttributes<HTMLDivElement>>;
+export declare const DialogWrap: FunctionComponent<Partial<DialogWrapProps> & Omit<HTMLAttributes<HTMLDivElement>, 'title'>>;
 export {};

package/dist/esm/types/src/packages/dialog/DialogWrapper.taro.d.ts

@@ -0,0 +1,11 @@
+import { FunctionComponent, ReactNode, HTMLAttributes } from 'react';
+interface DialogWrapperProps {
+    visible?: boolean;
+    title?: ReactNode;
+    footer?: ReactNode;
+    lockScroll?: boolean;
+    onCancel?: () => void;
+    onClosed?: () => void;
+}
+export declare const DialogWrapper: FunctionComponent<Partial<DialogWrapperProps> & Omit<HTMLAttributes<HTMLDivElement>, 'title'>>;
+export {};

package/dist/esm/types/src/packages/dialog/dialog.taro.d.ts

@@ -1,3 +1,4 @@
-import { BasicDialogProps, DialogComponent } from './config';
+import React from 'react';
+import { BasicDialogProps } from './config';
 export type DialogProps = BasicDialogProps;
-export declare const Dialog: DialogComponent;
+export declare const BaseDialog: React.ForwardRefExoticComponent<Partial<BasicDialogProps> & Omit<React.HTMLAttributes<HTMLDivElement>, "title"> & React.RefAttributes<unknown>>;

package/dist/esm/types/src/packages/dialog/index.taro.d.ts

@@ -1,2 +1,2 @@
-import { Dialog } from './dialog.taro';
-export default Dialog;
+import { BaseDialog } from './dialog.taro';
+export default BaseDialog;

package/dist/esm/types/src/packages/form/form.d.ts

@@ -1,4 +1,5 @@
 import React, { FunctionComponent } from 'react';
+import { useForm } from './useForm';
 import { BasicComponent } from '@/utils/typings';
 import { FormItem } from '../formitem/formitem';
 import { BaseForm } from './types';
@@ -6,4 +7,6 @@ export interface FormProps extends BasicComponent, BaseForm {
 }
 export declare const Form: FunctionComponent<Partial<FormProps> & React.HTMLAttributes<HTMLFormElement>> & {
     Item: typeof FormItem;
+} & {
+    useForm: typeof useForm;
 };

package/dist/esm/types/src/packages/formitem/formitem.d.ts

@@ -17,10 +17,11 @@ export declare class FormItem extends React.Component<FieldProps> {
     static contextType: any;
     context: React.ContextType<typeof FormItemContext>;
     private cancelRegister;
+    private isInitialValue;
     componentDidMount(): void;
     componentWillUnmount(): void;
     getControlled: (children: React.ReactElement) => {
-        value: any;
+        defaultValue: any;
         onChange: (event: React.ChangeEvent<HTMLInputElement> | number | string | string[]) => void;
     };
     onStoreChange: () => void;

package/dist/esm/types/src/packages/formitem/types.d.ts

@@ -29,7 +29,7 @@ export interface FormItemRuleWithoutValidator {
     message?: string;
 }
 export interface FormItemRule extends FormItemRuleWithoutValidator {
-    validator?: (value: any, ruleCfg: FormItemRuleWithoutValidator) => boolean | string | Promise<boolean | string>;
+    validator?: (ruleCfg: FormItemRuleWithoutValidator, value: string) => boolean | string | Promise<boolean | string>;
 }
 export interface BaseFormField {
     /**

package/dist/esm/types/src/packages/popover/popover.taro.d.ts

@@ -1,6 +1,6 @@
 import React, { CSSProperties, FunctionComponent } from 'react';
-import { BasicComponent } from '@/utils/typings';
 import { ITouchEvent } from '@tarojs/components';
+import { BasicComponent } from '@/utils/typings';
 export type PopoverTheme = 'light' | 'dark';
 export type PopoverLocation = 'bottom' | 'top' | 'left' | 'right' | 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end' | 'left-start' | 'left-end' | 'right-start' | 'right-end';
 export interface List {

package/dist/esm/types/src/packages/shortpassword/shortpassword.d.ts

@@ -12,6 +12,7 @@ export interface ShortPasswordProps extends BasicComponent {
     length: string | number;
     className: string;
     style?: CSSProperties;
+    autoFocus?: boolean;
     onChange: (value: string | number) => void;
     onOk: (value: string | number) => void;
     onCancel: () => void;

package/dist/esm/types/src/packages/shortpassword/shortpassword.taro.d.ts

@@ -12,6 +12,7 @@ export interface ShortPasswordProps extends BasicComponent {
     length: string | number;
     className: string;
     style?: CSSProperties;
+    autoFocus?: boolean;
     onChange: (value: string | number) => void;
     onOk: (value: string | number) => void;
     onCancel: () => void;

package/dist/esm/types/src/packages/switch/switch.d.ts

@@ -1,5 +1,6 @@
 import React, { FunctionComponent } from 'react';
-export interface SwitchProps {
+import { BasicComponent } from '@/utils/typings';
+export interface SwitchProps extends BasicComponent {
     isAsync: boolean;
     checked: boolean;
     disable: boolean;

package/dist/esm/types/src/packages/tabbar/tabbar.d.ts

@@ -1,6 +1,7 @@
 import React, { FunctionComponent } from 'react';
 export interface TabbarProps {
     visible: number | string;
+    activeVisible?: number | string;
     bottom: boolean;
     size: string | number;
     unactiveColor: string;
@@ -8,7 +9,6 @@ export interface TabbarProps {
     safeAreaInsetBottom: boolean;
     className: string;
     style: React.CSSProperties;
-    tabSwitch: (child: React.ReactElement<any>, active: number) => void;
     onSwitch: (child: React.ReactElement<any>, active: number) => void;
     children?: React.ReactNode;
 }

package/dist/esm/types/src/packages/tabbar/tabbar.taro.d.ts

@@ -1,6 +1,7 @@
 import React, { FunctionComponent } from 'react';
 export interface TabbarProps {
     visible: number | string;
+    activeVisible?: number | string;
     bottom: boolean;
     size: string | number;
     unactiveColor: string;
@@ -8,7 +9,6 @@ export interface TabbarProps {
     safeAreaInsetBottom: boolean;
     className: string;
     style: React.CSSProperties;
-    tabSwitch: (child: React.ReactElement<any>, active: number) => void;
     onSwitch: (child: React.ReactElement<any>, active: number) => void;
     children?: React.ReactNode;
 }

package/dist/esm/types/src/packages/tabbar/use-props-value.d.ts

@@ -0,0 +1,7 @@
+type Options<T> = {
+    value?: T;
+    defaultValue?: T;
+    onChange?: (v: T) => void;
+};
+export declare const usePropsValue: <T>(options: Options<T>) => void;
+export {};

package/dist/esm/types/src/packages/tabpane/tabpane.taro.d.ts

@@ -7,7 +7,6 @@ export interface TabPaneProps {
     paneKey: string | number;
     activeKey: string | number;
     disabled: boolean;
-    autoHeightClassName: string;
     className: string;
     children?: React.ReactNode;
 }

package/dist/esm/types/src/packages/tabs/tabs.d.ts

@@ -22,6 +22,7 @@ export interface TabsProps extends BasicComponent {
     animatedTime: number | string;
     titleGutter: number | string;
     size: TabsSize;
+    leftAlign: boolean;
     titleNode: () => JSX.Element[];
     onChange: (t: Title) => void;
     onClick: (t: Title) => void;

package/dist/esm/types/src/packages/tabs/tabs.taro.d.ts

@@ -22,6 +22,7 @@ export interface TabsProps extends BasicComponent {
     animatedTime: number | string;
     titleGutter: number | string;
     size: TabsSize;
+    leftAlign: boolean;
     titleNode: () => JSX.Element[];
     onChange: (t: Title) => void;
     onClick: (t: Title) => void;

package/dist/esm/types/src/packages/uploader/uploader.taro.d.ts

@@ -37,6 +37,7 @@ export interface UploaderProps extends BasicComponent {
     name: string;
     disabled: boolean;
     autoUpload: boolean;
+    multiple: boolean;
     timeout: number;
     data: object;
     method: string;

package/dist/esm/{uploader.taro-b7b770e6.js → uploader.taro-c830b573.js}

@@ -122,6 +122,7 @@ const defaultProps = {
     name: 'file',
     disabled: false,
     autoUpload: true,
+    multiple: false,
     maximize: Number.MAX_VALUE,
     data: {},
     headers: {},
@@ -148,7 +149,7 @@ class FileItem {
 }
 const InternalUploader = (props, ref) => {
     const { locale } = useConfig();
-    const { children, uploadIcon, uploadIconSize, name, defaultFileList, listType, disabled, url, defaultImg, headers, timeout, method, xhrState, data, isPreview, isDeletable, maximum, maximize, className, autoUpload, sizeType, sourceType, onStart, onRemove, onChange, onFileItemClick, onProgress, onSuccess, onUpdate, onFailure, onOversize, onBeforeUpload, onBeforeXhrUpload, onBeforeDelete, ...restProps } = { ...defaultProps, ...props };
+    const { children, uploadIcon, uploadIconSize, name, defaultFileList, listType, disabled, url, defaultImg, headers, timeout, method, xhrState, data, isPreview, isDeletable, maximum, maximize, multiple, className, autoUpload, sizeType, sourceType, onStart, onRemove, onChange, onFileItemClick, onProgress, onSuccess, onUpdate, onFailure, onOversize, onBeforeUpload, onBeforeXhrUpload, onBeforeDelete, ...restProps } = { ...defaultProps, ...props };
     const [fileList, setFileList] = useState([]);
     const [uploadQueue, setUploadQueue] = useState([]);
     useEffect(() => {
@@ -180,7 +181,7 @@ const InternalUploader = (props, ref) => {
         }
         chooseImage({
             // 选择数量
-            count: maximum * 1 - fileList.length,
+            count: multiple ? maximum * 1 - fileList.length : 1,
             // 可以指定是原图还是压缩图，默认二者都有
             sizeType,
             sourceType,

package/dist/locales/base.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v1.4.7 Wed Feb 15 2023 16:35:18 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v1.4.8 Wed Feb 22 2023 17:16:50 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/en-US.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v1.4.7 Wed Feb 15 2023 16:35:18 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v1.4.8 Wed Feb 22 2023 17:16:50 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/id-ID.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v1.4.7 Wed Feb 15 2023 16:35:18 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v1.4.8 Wed Feb 22 2023 17:16:50 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/zh-CN.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v1.4.7 Wed Feb 15 2023 16:35:18 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v1.4.8 Wed Feb 22 2023 17:16:50 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/zh-TW.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v1.4.7 Wed Feb 15 2023 16:35:18 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v1.4.8 Wed Feb 22 2023 17:16:50 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/zh-UG.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v1.4.7 Wed Feb 15 2023 16:35:18 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v1.4.8 Wed Feb 22 2023 17:16:50 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */