@nutui/nutui-react 2.1.0-beta.0 → 2.1.0-beta.1

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

@@ -34,10 +34,10 @@ export interface TabsProps extends BasicComponent {
     */
     direction: 'horizontal' | 'vertical'
     /**
-    * 选中底部展示样式 可选值 line、smile、simple
+    * 选中底部展示样式 可选值 line、smile
     * @default line
     */
-    activeType: 'line' | 'smile' | 'simple'
+    activeType: 'line' | 'smile'
     /**
     * 切换动画时长,单位 ms 0 代表无动画
     * @default 300

package/dist/types/packages/toast/Notification.d.ts

@@ -1,5 +1,6 @@
 import * as React from 'react';
 import { BasicComponent } from '../../utils/typings';
+import { ToastWordBreakType } from './toast';
 export interface NotificationProps extends BasicComponent {
     id?: string;
     icon: 'success' | 'fail' | 'loading' | 'warn' | React.ReactNode;
@@ -12,6 +13,7 @@ export interface NotificationProps extends BasicComponent {
     lockScroll: boolean;
     contentClassName?: string;
     contentStyle?: React.CSSProperties;
+    wordBreak?: ToastWordBreakType;
     onClose: () => void;
 }
 export interface NotificationState {
@@ -25,8 +27,8 @@ export default class Notification extends React.PureComponent<NotificationProps,
     startCloseTimer(): void;
     clearCloseTimer(): void;
     clickCover(): void;
-    renderIcon(): number | boolean | JSX.Element | React.ReactFragment | null | undefined;
+    renderIcon(): number | boolean | React.JSX.Element | Iterable<React.ReactNode> | null | undefined;
     componentDidMount(): void;
     componentWillUnmount(): void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }

package/dist/types/packages/toast/index.d.ts

@@ -1,3 +1,3 @@
 import Toast from './toast';
-export type { ToastProps, ToastIconType, ToastPositionType } from './toast';
+export type { ToastProps, ToastIconType, ToastPositionType, ToastWordBreakType, } from './toast';
 export default Toast;

package/dist/types/packages/toast/toast.d.ts

@@ -2,6 +2,7 @@ import * as React from 'react';
 import { BasicComponent } from '../../utils/typings';
 export type ToastPositionType = 'top' | 'bottom' | 'center';
 export type ToastIconType = 'success' | 'fail' | 'loading' | 'warn' | React.ReactNode;
+export type ToastWordBreakType = 'normal' | 'break-all' | 'break-word';
 export interface ToastProps extends BasicComponent {
     id?: string;
     /**
@@ -59,9 +60,14 @@ export interface ToastProps extends BasicComponent {
     * @default -
     */
     contentStyle?: React.CSSProperties
+    /**
+    * 换行截断方式
+    * @default break-all
+    */
+    wordBreak?: ToastWordBreakType
 }
 declare function show(option: ToastProps | string): void;
-declare function config(config: Pick<ToastProps, 'duration' | 'position' | 'closeOnOverlayClick' | 'lockScroll'>): void;
+declare function config(config: ToastProps): void;
 declare const _default: {
     show: typeof show;
     config: typeof config;

package/dist/types/utils/index.d.ts

@@ -1,4 +1,7 @@
+/// <reference types="react" />
 export declare const isObject: (val: unknown) => val is Record<any, any>;
 export declare const isFunction: (val: unknown) => val is Function;
 export declare const isPromise: <T = any>(val: unknown) => val is Promise<T>;
 export declare const upperCaseFirst: (str: string) => string;
+export declare const clamp: (num: number, min: number, max: number) => number;
+export declare function preventDefault(event: React.TouchEvent<HTMLElement> | TouchEvent, isStopPropagation?: boolean): void;

package/dist/types/utils/use-lock-scroll.d.ts

@@ -0,0 +1,2 @@
+import { RefObject } from 'react';
+export declare function useLockScroll(rootRef: RefObject<HTMLElement>, shouldLock: boolean | 'strict'): void;

package/dist/types/utils/use-touch.d.ts

@@ -1,17 +1,16 @@
+import React from 'react';
 type Direction = '' | 'vertical' | 'horizontal';
 export declare function useTouch(): {
     move: (event: React.TouchEvent<HTMLElement>) => void;
     start: (event: React.TouchEvent<HTMLElement>) => void;
     reset: () => void;
-    startX: number;
-    startY: number;
-    moveX: number;
-    moveY: number;
-    deltaX: number;
-    deltaY: number;
-    offsetX: number;
-    offsetY: number;
-    direction: Direction;
+    startX: React.MutableRefObject<number>;
+    startY: React.MutableRefObject<number>;
+    deltaX: React.MutableRefObject<number>;
+    deltaY: React.MutableRefObject<number>;
+    offsetX: React.MutableRefObject<number>;
+    offsetY: React.MutableRefObject<number>;
+    direction: React.MutableRefObject<Direction>;
     isVertical: () => boolean;
     isHorizontal: () => boolean;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nutui/nutui-react",
-  "version": "2.1.0-beta.0",
+  "version": "2.1.0-beta.1",
   "style": "dist/style.css",
   "main": "dist/nutui.react.umd.js",
   "module": "dist/esm/nutui-react.es.js",
@@ -52,7 +52,7 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.21.0",
-    "@nutui/icons-react": "0.0.2-beta.9",
+    "@nutui/icons-react": "^0.0.4",
     "@nutui/touch-emulator": "^1.0.0",
     "@react-spring/web": "~9.6.1",
     "@use-gesture/react": "10.2.20",

package/dist/esm/button2.js

@@ -1,88 +0,0 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["color", "shape", "fill", "loading", "disabled", "type", "size", "block", "icon", "rightIcon", "children", "className", "style", "nativeType", "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, { useCallback } from "react";
-import classNames from "classnames";
-import { Loading } from "@nutui/icons-react";
-import { C as ComponentDefaults } from "./typings.js";
-var prefixCls = "nut-button";
-var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
-  color: "",
-  type: "default",
-  size: "normal",
-  shape: "round",
-  fill: "outline",
-  loading: false,
-  disabled: false,
-  block: false,
-  icon: null,
-  rightIcon: null,
-  nativeType: "button",
-  onClick: function onClick(e) {
-  }
-});
-var Button = React__default.forwardRef(function(props, ref) {
-  var _classNames;
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), color = _defaultProps$props.color, shape = _defaultProps$props.shape, fill = _defaultProps$props.fill, loading = _defaultProps$props.loading, disabled = _defaultProps$props.disabled, type = _defaultProps$props.type, size = _defaultProps$props.size, block = _defaultProps$props.block, icon = _defaultProps$props.icon, rightIcon = _defaultProps$props.rightIcon, children = _defaultProps$props.children, className = _defaultProps$props.className, style = _defaultProps$props.style, nativeType = _defaultProps$props.nativeType, onClick2 = _defaultProps$props.onClick, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
-  var getStyle = useCallback(function() {
-    var style2 = {};
-    if (props.color) {
-      if (props.fill && (props.fill === "outline" || props.fill === "dashed")) {
-        style2.color = color;
-        style2.background = "#fff";
-        if (!(color !== null && color !== void 0 && color.includes("gradient"))) {
-          style2.borderColor = color;
-        }
-      } else {
-        style2.color = "#fff";
-        style2.background = color;
-      }
-    }
-    return style2;
-  }, [color]);
-  var handleClick = function handleClick2(e) {
-    if (!loading && !disabled && onClick2) {
-      onClick2(e);
-    }
-  };
-  return React__default.createElement("button", _objectSpread(_objectSpread({}, rest), {}, {
-    ref,
-    type: nativeType,
-    className: classNames(prefixCls, "".concat(prefixCls, "--").concat(type), props.fill ? "".concat(prefixCls, "--").concat(fill) : null, children ? "" : "".concat(prefixCls, "--icononly"), (_classNames = {}, _defineProperty(_classNames, "".concat(prefixCls, "--").concat(size), size), _defineProperty(_classNames, "".concat(prefixCls, "--").concat(shape), shape), _defineProperty(_classNames, "".concat(prefixCls, "--block"), block), _defineProperty(_classNames, "".concat(prefixCls, "--disabled"), disabled), _defineProperty(_classNames, "".concat(prefixCls, "--loading"), loading), _classNames), className),
-    style: _objectSpread(_objectSpread({}, getStyle()), style),
-    onClick: function onClick3(e) {
-      return handleClick(e);
-    }
-  }), React__default.createElement("div", {
-    className: "nut-button-warp"
-  }, loading ? React__default.createElement(Loading, {
-    className: "nut-icon-loading"
-  }) : null, !loading && icon ? icon : null, children && React__default.createElement("div", {
-    className: "".concat(icon || loading ? "nut-button-text" : "").concat(rightIcon ? " nut-button-text right" : "")
-  }, children), rightIcon || null));
-});
-Button.displayName = "NutButton";
-export {
-  Button as B
-};

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

@@ -1,14 +0,0 @@
-import React, { FunctionComponent, HTMLAttributes } from 'react';
-import { OverlayProps } from '@/packages/overlay/overlay.taro';
-interface DialogWrapProps extends OverlayProps {
-    visible: boolean;
-    overlay: boolean;
-    overlayStyle: React.CSSProperties;
-    overlayClassName: string;
-    footer: React.ReactNode;
-    onCancel: () => void;
-    onClose: () => void;
-    onOverlayClick: (e: MouseEvent) => boolean | void;
-}
-export declare const DialogWrap: FunctionComponent<Partial<DialogWrapProps> & Omit<HTMLAttributes<HTMLDivElement>, 'title' | 'content' | 'onClick'>>;
-export {};

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

@@ -1,3 +0,0 @@
-export interface EmptyAction {
-    text: string;
-}

package/dist/types/packages/empty/types.d.ts

@@ -1,3 +0,0 @@
-export interface EmptyAction {
-    text: string;
-}