@nutui/nutui-react-taro 2.3.11 → 2.4.0

package/dist/types/packages/popover/index.taro.d.ts

@@ -1,3 +1,4 @@
 import { Popover } from './popover.taro';
-export type { PopoverLocation, PopoverProps, List } from './popover.taro';
+export type { PopoverProps } from './popover.taro';
+export type { PopoverLocation, List } from './types';
 export default Popover;

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

@@ -1,19 +1,9 @@
 import React, { FunctionComponent } from 'react';
 import { PopupProps } from '../../packages/popup/popup';
-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 {
-    key?: string;
-    name: string;
-    icon?: React.ReactNode;
-    disabled?: boolean;
-    className?: string;
-    action?: {
-        icon?: React.ReactNode;
-        onClick?: (e: any) => void;
-    };
-}
+import { PopoverTheme, PopoverLocation, List } from './types';
 export interface PopoverProps extends PopupProps {
     list: List[];
+    theme: PopoverTheme | string;
     location: PopoverLocation | string;
     visible: boolean;
     offset: string[] | number[];

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

@@ -1,23 +1,13 @@
 import React, { FunctionComponent } from 'react';
 import { PopupProps } from '../../packages/popup/popup.taro';
-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 {
-    key?: string;
-    name: string;
-    icon?: React.ReactNode;
-    disabled?: boolean;
-    className?: string;
-    action?: {
-        icon?: React.ReactNode;
-        onClick?: (e: any) => void;
-    };
-}
+import { PopoverTheme, PopoverLocation, List } from './types';
 export interface PopoverProps extends PopupProps {
     /**
     * 选项列表
     * @default []
     */
     list: List[]
+    theme: PopoverTheme | string;
     /**
     * 弹出位置，里面具体的参数值可以参考上面的位置自定义例子
     * @default bottom

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

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+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 {
+    key?: string;
+    name: string;
+    icon?: React.ReactNode;
+    disabled?: boolean;
+    className?: string;
+    action?: {
+        icon?: React.ReactNode;
+        onClick?: (e: any) => void;
+    };
+}

package/dist/types/packages/table/useTableSticky.d.ts

@@ -1,5 +1,5 @@
 import { TableColumnProps } from './types';
-export default function useTableSticky(columns: Array<TableColumnProps>): {
+export default function useTableSticky(columns: Array<TableColumnProps>, rtl?: boolean): {
     isSticky: boolean;
     stickyLeftWidth: number;
     stickyRightWidth: number;

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

@@ -20,13 +20,13 @@ export interface ToastProps extends BasicComponent {
     * 自定义图标，对应icon组件，支持图片链接
     * @default -
     */
-    icon: string | React.ReactNode
+    icon: React.ReactNode
     iconSize: string;
     /**
-    * 消息文本内容,支持传入HTML
+    * 消息文本内容
     * @default -
     */
-    msg: string | React.ReactNode
+    content: React.ReactNode
     /**
     * 展示时长（秒），值为 0 时，toast 不会自动消失（loading类型默认为0）
     * @default 2
@@ -77,8 +77,12 @@ export interface ToastProps extends BasicComponent {
     * @default null
     */
     onClose: () => void
+    /**
+     * @deprecated Please use `content` prop instead.
+     */
+    msg: React.ReactNode;
 }
-export declare const Toast: FunctionComponent<Partial<ToastProps> & React.HTMLAttributes<HTMLDivElement>> & {
+export declare const Toast: FunctionComponent<Partial<ToastProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'content'>> & {
     show: typeof show;
     hide: typeof hide;
 };

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

@@ -1,6 +1,6 @@
 import React, { ReactNode, FunctionComponent } from 'react';
 import type { MouseEvent } from 'react';
-import { PopoverLocation } from '../../packages/popover/popover';
+import { PopoverLocation } from '../../packages/popover/types';
 import { BasicComponent } from '../../utils/typings';
 export interface ListOptions {
     target: Element | string;

package/dist/types/packages/tour/tour.taro.d.ts

@@ -1,6 +1,6 @@
 import React, { ReactNode, FunctionComponent } from 'react';
 import type { MouseEvent } from 'react';
-import { PopoverLocation } from '../../packages/popover/index.taro';
+import { PopoverLocation } from '../../packages/popover/types';
 import { BasicComponent } from '../../utils/typings';
 export interface ListOptions {
     target: Element | string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nutui/nutui-react-taro",
-  "version": "2.3.11",
+  "version": "2.4.0",
   "style": "dist/style.css",
   "main": "dist/nutui.react.umd.js",
   "module": "dist/esm/nutui-react.es.js",
@@ -52,12 +52,16 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.23.9",
+    "@mdx-js/mdx": "^3.0.1",
+    "@mdx-js/react": "^3.0.1",
+    "@mdx-js/rollup": "^3.0.1",
     "@nutui/icons-react-taro": "^1.0.2",
     "@nutui/touch-emulator": "^1.0.0",
     "@react-spring/web": "~9.6.1",
     "@use-gesture/react": "10.2.20",
     "async-validator": "^4.2.5",
     "classnames": "^2.5.1",
+    "highlight.js": "^11.9.0",
     "lodash.isequal": "^4.5.0",
     "lodash.kebabcase": "^4.1.1",
     "react-transition-group": "^4.4.5"

package/dist/esm/avatar.taro-7ltbzIdY.js

@@ -1,109 +0,0 @@
-import React__default, { useState, useRef, useContext, useEffect } from "react";
-import Taro, { getEnv } from "@tarojs/taro";
-import classNames from "classnames";
-import { User } from "@nutui/icons-react-taro";
-import { I as Image } from "./image.taro-FfeikBlO.js";
-import { a as AvatarContext, A as AvatarGroup } from "./avatargroup.taro-h6dpv6UX.js";
-import { C as ComponentDefaults } from "./typings-buMpDfSR.js";
-const defaultProps = {
-  ...ComponentDefaults,
-  size: "",
-  shape: "round",
-  icon: "",
-  fit: "cover",
-  background: "#eee",
-  color: "#666",
-  src: "",
-  alt: ""
-};
-const classPrefix = `nut-avatar`;
-const Avatar = (props) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
-  const { children, size, shape, background, color, src, icon, fit, alt, className, style, onClick, onError, ...rest } = {
-    ...defaultProps,
-    ...props
-  };
-  const [maxSum, setMaxSum] = useState(0);
-  const [showMax, setShowMax] = useState(false);
-  const [avatarIndex, setAvatarIndex] = useState(1);
-  const avatarRef = useRef(null);
-  const parent = useContext(AvatarContext);
-  const sizeValue = ["large", "normal", "small"];
-  const classes = classNames({
-    [`nut-avatar-${((_a = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _a.size) || size || "normal"}`]: true,
-    [`nut-avatar-${((_b = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _b.shape) || shape}`]: true
-  });
-  const cls = classNames(classPrefix, classes, className);
-  const styles = {
-    width: sizeValue.indexOf(size) > -1 ? "" : `${size}px`,
-    height: sizeValue.indexOf(size) > -1 ? "" : `${size}px`,
-    backgroundColor: `${background}`,
-    color,
-    marginLeft: avatarIndex !== 1 && ((_c = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _c.gap) ? `${(_d = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _d.gap}px` : "",
-    zIndex: ((_e = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _e.level) === "right" ? `${Math.abs(maxSum - avatarIndex)}` : "",
-    ...style
-  };
-  const maxStyles = {
-    backgroundColor: `${(_f = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _f.maxBackground}`,
-    color: `${(_g = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _g.maxColor}`
-  };
-  useEffect(() => {
-    var _a2;
-    const avatarChildren = (_a2 = parent == null ? void 0 : parent.avatarGroupRef) == null ? void 0 : _a2.current.children;
-    if (avatarChildren) {
-      avatarLength(avatarChildren);
-    }
-  }, []);
-  const isAvatarInClassList = (element) => {
-    var _a2, _b2;
-    if (getEnv() === Taro.ENV_TYPE.WEB) {
-      return element.classList[0] === "nut-avatar" || element.classList.values().next().value === "nut-avatar";
-    }
-    return ((_a2 = element.classList) == null ? void 0 : _a2.tokenList[0]) === "nut-avatar" || ((_b2 = element.classList) == null ? void 0 : _b2.tokenList.values().next().value) === "nut-avatar";
-  };
-  const avatarLength = (children2) => {
-    var _a2, _b2, _c2;
-    for (let i = 0; i < children2.length; i++) {
-      if (children2[i] && children2[i].classList && isAvatarInClassList(children2[i])) {
-        children2[i].setAttribute("data-index", i + 1);
-      }
-    }
-    const index = (_b2 = (_a2 = avatarRef == null ? void 0 : avatarRef.current) == null ? void 0 : _a2.dataset) == null ? void 0 : _b2.index;
-    const maxCount = (_c2 = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _c2.max;
-    setMaxSum(children2.length);
-    setAvatarIndex(index);
-    if (index === children2.length && index !== maxCount && children2.length > maxCount) {
-      setShowMax(true);
-    }
-  };
-  const errorEvent = () => {
-    if (props.onError) {
-      props.onError();
-    }
-  };
-  const clickAvatar = (e) => {
-    onClick && onClick(e);
-  };
-  return React__default.createElement(React__default.Fragment, null, (showMax || !((_h = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _h.max) || avatarIndex <= ((_i = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _i.max)) && React__default.createElement(
-    "div",
-    { className: cls, ...rest, style: !showMax ? styles : maxStyles, onClick: clickAvatar, ref: avatarRef },
-    (!((_j = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _j.max) || avatarIndex <= ((_k = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _k.max)) && React__default.createElement(
-      React__default.Fragment,
-      null,
-      src && React__default.createElement(Image, { className: "avatar-img", src, style: { objectFit: fit }, onError: errorEvent }),
-      React__default.isValidElement(icon) ? React__default.cloneElement(icon, {
-        ...icon.props,
-        className: `${icon.props.className || ""} icon`
-      }) : null,
-      children && React__default.createElement("span", { className: "text" }, children),
-      !src && !icon && !children && React__default.createElement(User, { className: "icon" })
-    ),
-    showMax && React__default.createElement("div", { className: "text" }, ((_l = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _l.maxContent) ? (_m = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _m.maxContent : `+ ${avatarIndex - Number(((_n = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _n.max) || 0)}`)
-  ));
-};
-Avatar.defaultProps = defaultProps;
-Avatar.displayName = "NutAvatar";
-Avatar.Group = AvatarGroup;
-export {
-  Avatar as A
-};