@nutui/nutui-react 2.0.0-alpha.4 → 2.0.0-alpha.6

package/dist/style.mjs

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v2.0.0-alpha.4 Fri May 05 2023 16:13:01 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.0.0-alpha.6 Fri May 12 2023 15:14:02 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/styles/themes/default.scss

@@ -4,7 +4,6 @@
 @import '../../packages/cell/cell.scss';
 @import '../../packages/cellgroup/cellgroup.scss';
 @import '../../packages/configprovider/configprovider.scss';
-@import '../../packages/icon/icon.scss';
 @import '../../packages/image/image.scss';
 @import '../../packages/overlay/overlay.scss';
 @import '../../packages/col/col.scss';

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

@@ -39,6 +39,7 @@ interface CellGroupProps extends BasicComponent {
     title: ReactNode;
     description: ReactNode;
     children?: ReactNode;
+    divider: boolean;
 }
 declare const CellGroup: FunctionComponent<Partial<CellGroupProps>>;
 
@@ -311,7 +312,7 @@ declare const Elevator: FunctionComponent<Partial<ElevatorProps> & React__defaul
     Context: typeof elevatorContext;
 };
 
-type Direction$1 = 'right' | 'left';
+type Direction$2 = 'right' | 'left';
 type Position$2 = {
     top?: string;
     bottom?: string;
@@ -323,7 +324,7 @@ interface FixedNavProps extends BasicComponent {
     activeText: string;
     inactiveText: string;
     position: Position$2;
-    type: Direction$1;
+    type: Direction$2;
     onChange: (item: any) => void;
     onSelect: (item: any, event: MouseEvent$1) => void;
     content: React__default.ReactNode;
@@ -594,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;
@@ -630,17 +631,17 @@ interface RadioGroupOptionType {
     onChange?: MouseEventHandler<HTMLDivElement>;
 }
 
-type CheckboxTextPosition = 'left' | 'right';
+type CheckboxLabelPosition = 'left' | 'right';
 type CheckboxDirection = 'horizontal' | 'vertical';
 interface CheckboxGroupProps {
-    disabled: boolean;
+    disabled?: boolean;
     value?: string[];
     defaultValue?: string[];
     max: number | undefined;
-    textPosition: CheckboxTextPosition;
+    labelPosition: CheckboxLabelPosition;
     direction: CheckboxDirection;
-    onChange: (value: string[]) => void;
     options: RadioGroupOptionType[];
+    onChange: (value: string[]) => void;
 }
 declare const CheckboxGroup: React__default.ForwardRefExoticComponent<Partial<CheckboxGroupProps> & Omit<React__default.HTMLAttributes<HTMLDivElement>, "onChange"> & React__default.RefAttributes<unknown>>;
 
@@ -648,16 +649,14 @@ interface CheckboxProps extends BasicComponent {
     checked: boolean;
     disabled: boolean;
     defaultChecked: boolean;
-    textPosition: 'left' | 'right';
-    iconSize: string | number;
+    labelPosition: 'left' | 'right';
     icon: React__default.ReactNode;
-    checkedIcon: React__default.ReactNode;
+    activeIcon: React__default.ReactNode;
     indeterminateIcon: React__default.ReactNode;
-    iconClassPrefix: string;
-    iconFontClassName: string;
+    value: string | number;
     indeterminate: boolean;
     label: string | number;
-    onChange: (state: boolean) => void;
+    onChange: (value: boolean) => void;
 }
 declare const Checkbox: FunctionComponent<Partial<CheckboxProps> & Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onChange'>> & {
     Group: typeof CheckboxGroup;
@@ -666,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;
 }
@@ -685,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'>>;
 
@@ -851,8 +850,6 @@ interface InputNumberProps extends BasicComponent {
     step: string | number;
     digits: string | number;
     async: boolean;
-    className: string;
-    style: React__default.CSSProperties;
     formatter?: (displayValue: string | number) => string;
     onPlus: (e: MouseEvent) => void;
     onMinus: (e: MouseEvent) => void;
@@ -913,32 +910,32 @@ 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>>;
 
 type Position$1 = 'left' | 'right';
-type Direction = 'horizontal' | 'vertical';
+type Direction$1 = 'horizontal' | 'vertical';
 interface RadioGroupProps {
     value: string | number | boolean | null;
     textPosition: Position$1;
-    direction: Direction;
+    direction: Direction$1;
     onChange: (value: string | number | boolean) => void;
     options: RadioGroupOptionType[];
 }
@@ -1116,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;
@@ -1305,11 +1300,11 @@ interface DragProps extends BasicComponent {
 }
 declare const Drag: FunctionComponent<Partial<DragProps> & React__default.HTMLAttributes<HTMLDivElement>>;
 
-interface EmptyProps {
-    image: ReactNode;
+interface EmptyProps extends BasicComponent {
+    image?: ReactNode;
     imageSize: number | string;
     description: ReactNode;
-    className: string;
+    status: 'empty' | 'error' | 'network';
 }
 declare const Empty: FunctionComponent<Partial<EmptyProps> & React__default.HTMLAttributes<HTMLDivElement>>;
 
@@ -1438,7 +1433,6 @@ interface SkeletonProps {
 declare const Skeleton: FunctionComponent<Partial<SkeletonProps>>;
 
 type SwipeSide = 'left' | 'right';
-type SwipePosition = SwipeSide | 'cell' | 'outside';
 interface SwipeInstance {
     open: (side: SwipeSide) => void;
     close: () => void;
@@ -1450,10 +1444,6 @@ interface SwipeProps {
     style: React__default.CSSProperties;
     /** 标识符，可以在事件参数中获取到 */
     name?: string | number;
-    /** 指定左侧滑动区域宽度，单位为px */
-    leftWidth?: string | number;
-    /** 指定右侧滑动区域宽度，单位为 px */
-    rightWidth?: string | number;
     /** 左侧滑动区域的内容 */
     leftAction?: React__default.ReactNode;
     /** 右侧滑动区域的内容 */
@@ -1470,10 +1460,10 @@ interface SwipeProps {
     /** 关闭时触发 */
     onClose?: ({ name, position, }: {
         name: string | number;
-        position: SwipePosition;
+        position: SwipeSide;
     }) => void;
     /** 点击时触发 */
-    onActionClick?: (event: Event, position: SwipePosition) => void;
+    onActionClick?: (event: Event, position: SwipeSide) => void;
     onTouchStart?: (event: Event) => void;
     onTouchEnd?: (event: Event) => void;
     onTouchMove?: (event: Event) => void;
@@ -1583,32 +1573,27 @@ declare const Audio: FunctionComponent<Partial<AudioProps> & React__default.HTML
 interface AvatarProps extends BasicComponent {
     size: string;
     icon: React__default.ReactNode;
+    fit: 'contain' | 'cover' | 'fill' | 'none' | 'scale-down';
     shape: AvatarShape;
-    bgColor: string;
+    background: string;
     color: string;
-    prefixCls: string;
-    url: string;
-    className: string;
+    src: string;
     alt: string;
-    style: React__default.CSSProperties;
-    activeAvatar: (e: MouseEvent) => void;
-    onActiveAvatar: (e: MouseEvent) => void;
-    onError: (e: any) => void;
+    onClick: (e: MouseEvent) => void;
+    onError: () => void;
 }
 type AvatarShape = 'round' | 'square';
-declare const Avatar: FunctionComponent<Partial<AvatarProps> & React__default.HTMLAttributes<HTMLDivElement>>;
+declare const Avatar: FunctionComponent<Partial<AvatarProps> & Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onClick'>>;
 
-interface AvatarGroupProps {
+interface AvatarGroupProps extends BasicComponent {
     maxContent: string;
-    maxCount: string | number;
-    maxBgColor: string;
+    max: string | number;
+    maxBackground: string;
     maxColor: string;
-    size: string;
-    shape: string;
-    span: string;
-    zIndex: string;
-    className: string;
-    style: React__default.CSSProperties;
+    size: 'large' | 'normal' | 'small';
+    shape: 'round' | 'square';
+    gap: string;
+    level: 'left' | 'right';
 }
 declare const AvatarGroup: FunctionComponent<Partial<AvatarGroupProps> & React__default.HTMLAttributes<HTMLDivElement>>;
 
@@ -1666,9 +1651,10 @@ interface CountDownProps {
 }
 declare const CountDown: React__default.ForwardRefExoticComponent<Partial<CountDownProps> & React__default.RefAttributes<unknown>>;
 
-interface EllipsisProps {
+type Direction = 'start' | 'end' | 'middle';
+interface EllipsisProps extends BasicComponent {
     content: string;
-    direction: string;
+    direction: Direction;
     rows: number | string;
     expandText: string;
     collapseText: string;
@@ -1829,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;
@@ -1838,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.4",
+  "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/Icon.js

@@ -1,83 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["name", "size", "classPrefix", "color", "tag", "children", "className", "fontClassName", "style", "onClick"];
-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 { c as cn } from "./bem.js";
-import "@bem-react/classname";
-var defaultProps = {
-  name: "",
-  size: "",
-  classPrefix: "nut-icon",
-  fontClassName: "nutui-iconfont",
-  color: "",
-  tag: "i",
-  onClick: function onClick(e) {
-  },
-  className: ""
-};
-function pxCheck(value) {
-  if (value === "") {
-    return value;
-  }
-  if (Number.isNaN(Number(value))) {
-    return String(value);
-  }
-  return "".concat(value, "px");
-}
-function Icon(props) {
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), name = _defaultProps$props.name, size = _defaultProps$props.size, classPrefix = _defaultProps$props.classPrefix, color = _defaultProps$props.color, tag = _defaultProps$props.tag, children = _defaultProps$props.children, className = _defaultProps$props.className, fontClassName = _defaultProps$props.fontClassName, style = _defaultProps$props.style, onClick2 = _defaultProps$props.onClick, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
-  var isImage = name ? name.indexOf("/") !== -1 : false;
-  var type = isImage ? "img" : tag;
-  var b = cn("icon");
-  var handleClick = function handleClick2(e) {
-    if (onClick2) {
-      onClick2(e);
-    }
-  };
-  var hasSrc = function hasSrc2() {
-    if (isImage)
-      return {
-        src: name
-      };
-    return {};
-  };
-  var styles = {};
-  var checkedSize = pxCheck(size);
-  if (checkedSize) {
-    styles.width = styles.height = styles.fontSize = checkedSize;
-  }
-  return React__default.createElement(type, _objectSpread(_objectSpread({
-    className: isImage ? "".concat(b("img"), " ").concat(className || "", " ") : "".concat(fontClassName, " ").concat(b(null), " ").concat(classPrefix, "-").concat(name, " ").concat(className || ""),
-    style: _objectSpread(_objectSpread({
-      color
-    }, styles), style)
-  }, rest), {}, {
-    onClick: handleClick
-  }, hasSrc()), children);
-}
-Icon.defaultProps = defaultProps;
-Icon.displayName = "NutIcon";
-export {
-  Icon as default
-};

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
-};