@nutui/nutui-react 2.0.0-alpha.5 → 2.0.0-alpha.7

package/dist/style.mjs

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v2.0.0-alpha.5 Wed May 10 2023 14:17:44 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.0.0-alpha.7 Fri May 12 2023 15:35:45 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

@@ -595,27 +595,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;
@@ -665,7 +665,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;
 }
@@ -684,8 +684,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'>>;
 
@@ -910,23 +910,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>>;
 
@@ -1113,23 +1113,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 BasicComponent {
+    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> & Omit<React__default.HTMLAttributes<HTMLTextAreaElement>, 'onChange' | 'onBlur' | 'onFocus'>>;
 
 declare class UploadOptions {
     url: string;
@@ -1817,8 +1815,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;
@@ -1826,7 +1822,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",
-  "version": "2.0.0-alpha.5",
+  "version": "2.0.0-alpha.7",
   "style": "dist/style.css",
   "main": "dist/nutui.react.umd.js",
   "module": "dist/esm/nutui-react.es.js",

package/dist/esm/tabpane2.js

@@ -1,42 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-function ownKeys(object, enumerableOnly) {
-  var keys = Object.keys(object);
-  if (Object.getOwnPropertySymbols) {
-    var symbols = Object.getOwnPropertySymbols(object);
-    enumerableOnly && (symbols = symbols.filter(function(sym) {
-      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-    })), keys.push.apply(keys, symbols);
-  }
-  return keys;
-}
-function _objectSpread(target) {
-  for (var i = 1; i < arguments.length; i++) {
-    var source = null != arguments[i] ? arguments[i] : {};
-    i % 2 ? ownKeys(Object(source), true).forEach(function(key) {
-      _defineProperty(target, key, source[key]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function(key) {
-      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-    });
-  }
-  return target;
-}
-import React__default from "react";
-import classNames from "classnames";
-var defaultProps = {
-  title: "",
-  value: "",
-  disabled: false
-};
-var TabPane = function TabPane2(props) {
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), children = _defaultProps$props.children, autoHeightClassName = _defaultProps$props.autoHeightClassName, className = _defaultProps$props.className, disabled = _defaultProps$props.disabled;
-  var classPrefix = "nut-tabpane";
-  var classes = classNames({
-    active: !disabled && props.active
-  }, classPrefix, autoHeightClassName, className);
-  return children ? React__default.createElement("div", {
-    className: classes
-  }, !disabled && children) : null;
-};
-export {
-  TabPane as T
-};