@nutui/nutui-react-taro 2.0.0-alpha.5 → 2.0.0-alpha.6

package/dist/style.mjs

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v2.0.0-alpha.5 Wed May 10 2023 15:25:36 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.0.0-alpha.6 Fri May 12 2023 15:11:54 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/styles/variables-jmapp.scss

@@ -459,10 +459,7 @@ $picker-item-active-line-border: var(
   --nutui-picker-item-active-line-border,
   1px solid #d8d8d8
 ) !default;
-$picker-columns-item-color: var(
-  --nutui-picker-columns-item-color,
-  $title-color
-) !default;
+
 $picker-mask-bg-img: var(
   --picker-mask-bg-img,
   linear-gradient(180deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.4)),

package/dist/styles/variables.scss

@@ -401,8 +401,8 @@ $uploader-preview-close-top: var(
 ) !default;
 
 // picker（✅）（todo:react版本picker组件dom元素类名变化较大，picker.scss暂不改动）
-$picker-cancel-color: var(--nutui-picker-cancel-color, #808080) !default;
-$picker-ok-color: var(--nutui-picker-ok-color, $primary-color) !default;
+$picker-bar-cancel-color: var(--nutui-picker-cancel-color, #808080) !default;
+$picker-bar-ok-color: var(--nutui-picker-ok-color, $primary-color) !default;
 $picker-bar-cancel-font-size: var(
   --nutui-picker-bar-cancel-font-size,
   14px
@@ -442,10 +442,6 @@ $picker-item-active-line-border: var(
   --nutui-picker-item-active-line-border,
   1px solid #d8d8d8
 ) !default;
-$picker-columns-item-color: var(
-  --nutui-picker-columns-item-color,
-  $title-color
-) !default;
 $picker-mask-bg-img: var(
   --picker-mask-bg-img,
   linear-gradient(180deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.4)),

package/dist/types/index.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import React__default, { CSSProperties, ReactNode, FunctionComponent, MouseEvent as MouseEvent$1, MouseEventHandler, HTMLInputTypeAttribute, ChangeEvent, FocusEvent, RefObject, Component } from 'react';
-import { ButtonProps as ButtonProps$1, ITouchEvent, InputProps as InputProps$1 } from '@tarojs/components';
+import { ButtonProps as ButtonProps$1, ITouchEvent, InputProps as InputProps$1, TextareaProps } from '@tarojs/components';
 import Taro, { InnerAudioContext } from '@tarojs/taro';
 
 interface BasicComponent {
@@ -601,27 +601,27 @@ interface CascaderOption {
     loading?: boolean;
     root?: boolean;
 }
+interface optionKey {
+    textKey: string;
+    valueKey: string;
+    childrenKey: string;
+}
 
-interface CascaderProps {
-    className: string;
-    style: CSSProperties;
-    activeColor: string;
-    checkedIcon: string;
-    tabsColor: string;
-    poppable: boolean;
+interface CascaderProps extends BasicComponent {
+    popup: boolean;
     visible: boolean;
+    activeColor: string;
+    activeIcon: string;
     options: CascaderOption[];
     value: string[];
     title: string;
-    textKey: string;
-    valueKey: string;
-    childrenKey: string;
-    convertConfig: Record<string, string | number | null>;
+    optionKey: optionKey;
+    format: Record<string, string | number | null>;
     closeable: boolean;
     closeIconPosition: string;
     closeIcon: string;
     lazy: boolean;
-    lazyLoad: (node: any, resolve: any) => void;
+    onLoad: (node: any, resolve: any) => void;
     onClose?: () => void;
     onChange: (value: any, params: any) => void;
     onPathChange: (value: any, params: any) => void;
@@ -671,7 +671,7 @@ declare const Checkbox: FunctionComponent<Partial<CheckboxProps> & Omit<React__d
 interface PickerOption$1 {
     text: string | number;
     value: string | number;
-    disabled?: string;
+    disabled?: boolean;
     children?: PickerOption$1[];
     className?: string | number;
 }
@@ -690,8 +690,8 @@ interface DatePickerProps {
     formatter: (type: string, option: PickerOption$1) => PickerOption$1;
     filter: (type: string, option: PickerOption$1[]) => PickerOption$1[];
     onCloseDatePicker: () => void;
-    onConfirmDatePicker: (values: (string | number)[], options: PickerOption$1[]) => void;
-    onChange: (columnIndex: string | number, values: (string | number)[], options: PickerOption$1[]) => void;
+    onConfirmDatePicker: (selectedOptions: PickerOption$1[], selectedValue: (string | number)[]) => void;
+    onChange?: (selectedOptions: PickerOption$1[], selectedValue: (string | number)[], columnIndex: number) => void;
 }
 declare const DatePicker: FunctionComponent<Partial<DatePickerProps> & Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onChange'>>;
 
@@ -885,23 +885,23 @@ declare const NumberKeyboard: FunctionComponent<Partial<NumberKeyboardProps> & O
 interface PickerOption {
     text: string | number;
     value: string | number;
-    disabled?: string;
+    disabled?: boolean;
     children?: PickerOption[];
     className?: string | number;
 }
-interface PickerProps {
+
+interface PickerProps extends BasicComponent {
     visible: boolean;
     title?: string;
-    listData: (PickerOption | PickerOption[])[];
-    defaultValueData?: (number | string)[];
-    className?: '';
-    style?: React__default.CSSProperties;
+    options: (PickerOption | PickerOption[])[];
+    value?: (number | string)[];
+    defaultValue?: (number | string)[];
     threeDimensional?: boolean;
-    swipeDuration: number | string;
-    onConfirm?: (selectedValue: (string | number)[], selectedOptions: PickerOption[]) => void;
-    onClose?: (selectedValue: (string | number)[], selectedOptions: PickerOption[]) => void;
-    onCloseUpdate?: (selectedValue: (string | number)[], list: PickerOption[], pickerRef: RefObject<HTMLDivElement>) => void;
-    onChange?: (index: number, value: (string | number)[], selectedOptions: PickerOption[]) => void;
+    duration: number | string;
+    onConfirm?: (selectedOptions: PickerOption[], selectedValue: (string | number)[]) => void;
+    onClose?: (selectedOptions: PickerOption[], selectedValue: (string | number)[]) => void;
+    afterClose?: (selectedOptions: PickerOption[], selectedValue: (string | number)[], pickerRef: RefObject<HTMLDivElement>) => void;
+    onChange?: (selectedOptions: PickerOption[], selectedValue: (string | number)[], columnIndex: number) => void;
 }
 declare const Picker: React__default.ForwardRefExoticComponent<Partial<PickerProps> & React__default.RefAttributes<unknown>>;
 
@@ -1095,23 +1095,21 @@ interface SwitchProps extends BasicComponent {
 }
 declare const Switch: FunctionComponent<Partial<SwitchProps>>;
 
-interface TextAreaProps {
-    className?: string;
-    defaultValue: string | number | any;
-    textAlign?: string | any;
-    limitshow?: boolean;
-    maxlength?: any;
-    rows?: any;
-    placeholder?: string;
-    readonly?: boolean;
-    disabled?: boolean;
-    autosize?: boolean;
-    style?: CSSProperties;
-    onChange?: (value: any, event: Event) => void;
-    onBlur?: (event: Event) => void;
-    onFocus?: (event: Event) => void;
+interface TextAreaProps extends Omit<TextareaProps, 'showCount' | 'onFocus' | 'onBlur'>, Omit<BasicComponent, 'style'> {
+    value: string;
+    defaultValue: string;
+    showCount: boolean;
+    maxLength: number;
+    rows: number;
+    placeholder: string;
+    readOnly: boolean;
+    disabled: boolean;
+    autoSize: boolean;
+    onChange: (value: string) => void;
+    onBlur: (event: Event) => void;
+    onFocus: (event: Event) => void;
 }
-declare const TextArea: FunctionComponent<Partial<TextAreaProps> & Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onChange' | 'onBlur' | 'onFocus'>>;
+declare const TextArea: FunctionComponent<Partial<TextAreaProps>>;
 
 declare class UploadOptions {
     url: string;
@@ -1778,8 +1776,6 @@ interface SwiperItemProps {
 declare const SwiperItem: React__default.ForwardRefExoticComponent<Partial<SwiperItemProps> & React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
 
 interface BasicTableProps extends BasicComponent {
-    className: string;
-    style: React__default.CSSProperties;
     columns: Array<TableColumnProps>;
     data: Array<any>;
     bordered: boolean;
@@ -1787,7 +1783,7 @@ interface BasicTableProps extends BasicComponent {
     striped?: boolean;
     noData?: React__default.ReactNode;
     sorterIcon?: React__default.ReactNode;
-    onSorter?: (item: TableColumnProps, data: Array<any>) => void;
+    onSort?: (item: TableColumnProps, data: Array<any>) => void;
     showHeader?: boolean;
 }
 interface TableColumnProps {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nutui/nutui-react-taro",
-  "version": "2.0.0-alpha.5",
+  "version": "2.0.0-alpha.6",
   "style": "dist/style.css",
   "main": "dist/nutui.react.umd.js",
   "module": "dist/esm/nutui-react.es.js",

package/dist/esm/UserContext-0aac9a82.js

@@ -1,5 +0,0 @@
-import { createContext } from 'react';
-
-const DataContext = createContext({});
-
-export { DataContext as D };

package/dist/esm/UserContext-e402e1a6.js

@@ -1,5 +0,0 @@
-import { createContext } from 'react';
-
-const DataContext = createContext({});
-
-export { DataContext as D };

package/dist/esm/UserContext-e8176108.js

@@ -1,5 +0,0 @@
-import { createContext } from 'react';
-
-const DataContext = createContext({});
-
-export { DataContext as D };

package/dist/esm/actionsheet.taro-12cf5a3e.js

@@ -1,53 +0,0 @@
-import React from 'react';
-import { P as Popup } from './popup.taro-89cc342a.js';
-import { c as cn } from './bem-350c1702.js';
-
-const defaultProps = {
-    cancelText: '',
-    optionTag: 'name',
-    optionSubTag: 'subname',
-    chooseTagValue: '',
-    title: '',
-    color: '#ee0a24',
-    description: '',
-    menuItems: [],
-    onCancel: () => { },
-    onChoose: () => { },
-    visible: false,
-    className: '',
-    style: {},
-};
-const ActionSheet = (props) => {
-    const { children, cancelText, optionTag, optionSubTag, chooseTagValue, title, color, description, menuItems, onCancel, onChoose, visible, className, style, ...rest } = { ...defaultProps, ...props };
-    const b = cn('actionsheet');
-    const isHighlight = (item) => {
-        return props.chooseTagValue &&
-            props.chooseTagValue === item[props.optionTag || 'name']
-            ? props.color
-            : '#1a1a1a';
-    };
-    const cancelActionSheet = () => {
-        onCancel && onCancel();
-    };
-    const chooseItem = (item, index) => {
-        if (!item.disable) {
-            onChoose && onChoose(item, index);
-        }
-    };
-    return (React.createElement(Popup, { round: true, visible: visible, position: "bottom", onClose: () => {
-            onCancel && onCancel();
-        } },
-        React.createElement("div", { className: `${b()} ${className}`, style: style, ...rest },
-            title && React.createElement("div", { className: b('title') }, title),
-            description && (React.createElement("div", { className: `${b('item')} description` }, description)),
-            menuItems.length ? (React.createElement("div", { className: b('menu') }, menuItems.map((item, index) => {
-                return (React.createElement("div", { className: `${b('item')} ${item.disable ? b('item-disabled') : ''}`, style: { color: isHighlight(item) }, key: index, onClick: () => chooseItem(item, index) },
-                    item[optionTag],
-                    React.createElement("div", { className: "subdesc" }, item[optionSubTag])));
-            }))) : (children),
-            cancelText && (React.createElement("div", { className: b('cancel'), onClick: () => cancelActionSheet() }, cancelText)))));
-};
-ActionSheet.defaultProps = defaultProps;
-ActionSheet.displayName = 'NutActionSheet';
-
-export { ActionSheet as A };