@nutui/nutui-react 2.0.0-beta.1 → 2.0.0-beta.3

package/dist/esm/menuitem2.js

@@ -0,0 +1,156 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+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, { forwardRef, useState, useEffect, useImperativeHandle, useRef } from "react";
+import classNames from "classnames";
+import { CSSTransition } from "react-transition-group";
+import { Check } from "@nutui/icons-react";
+import { O as Overlay } from "./overlay2.js";
+import { u as useClickAway } from "./use-click-away.js";
+import { C as ComponentDefaults } from "./typings.js";
+var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
+  columns: 1,
+  direction: "down",
+  icon: null,
+  activeTitleClass: "",
+  inactiveTitleClass: "",
+  onChange: function onChange(value) {
+    return void 0;
+  }
+});
+var MenuItem = forwardRef(function(props, ref) {
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), className = _defaultProps$props.className, style = _defaultProps$props.style, options = _defaultProps$props.options, value = _defaultProps$props.value, columns = _defaultProps$props.columns, title = _defaultProps$props.title, icon = _defaultProps$props.icon, direction = _defaultProps$props.direction, onChange2 = _defaultProps$props.onChange, activeTitleClass = _defaultProps$props.activeTitleClass, inactiveTitleClass = _defaultProps$props.inactiveTitleClass, closeOnClickAway = _defaultProps$props.closeOnClickAway, children = _defaultProps$props.children, activeColor = _defaultProps$props.activeColor, show = _defaultProps$props.show, parent = _defaultProps$props.parent, index = _defaultProps$props.index;
+  var _useState = useState(show), _useState2 = _slicedToArray(_useState, 2), _showPopup = _useState2[0], setShowPopup = _useState2[1];
+  var _useState3 = useState(value), _useState4 = _slicedToArray(_useState3, 2), _value = _useState4[0], setValue = _useState4[1];
+  useEffect(function() {
+    setShowPopup(show);
+  }, [show]);
+  useImperativeHandle(ref, function() {
+    return {
+      toggle: parent.toggleMenuItem
+    };
+  });
+  var getIconCName = function getIconCName2(optionVal, value2) {
+    var _classNames;
+    return classNames((_classNames = {}, _defineProperty(_classNames, activeTitleClass, optionVal === value2), _defineProperty(_classNames, inactiveTitleClass, optionVal !== value2), _classNames));
+  };
+  var setTitle = function setTitle2(text) {
+    if (!title) {
+      parent.updateTitle(text, index);
+    }
+  };
+  var handleClick = function handleClick2(item) {
+    parent.toggleMenuItem(index);
+    setTitle(item.text);
+    setValue(item.value);
+    onChange2 && onChange2(item);
+  };
+  var isShow = function isShow2() {
+    if (_showPopup)
+      return {};
+    return {
+      display: "none"
+    };
+  };
+  var getPosition = function getPosition2() {
+    return direction === "down" ? {
+      position: "absolute",
+      height: "".concat(window.innerHeight, "px")
+    } : {
+      position: "absolute",
+      bottom: "100%",
+      top: "auto",
+      height: "".concat(window.innerHeight, "px")
+    };
+  };
+  var micRef = useRef(null);
+  var targetSet = [micRef.current];
+  useClickAway(
+    function() {
+      parent.hideMenuItem(index);
+    },
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
+    targetSet,
+    "click",
+    false,
+    _showPopup,
+    closeOnClickAway
+  );
+  return React__default.createElement("div", {
+    className: "nut-menu-item-container",
+    ref: micRef,
+    style: {
+      position: "absolute",
+      left: 0,
+      right: 0
+    }
+  }, React__default.createElement(Overlay, {
+    className: "nut-menu__overlay",
+    style: getPosition(),
+    lockScroll: parent.lockScroll,
+    visible: _showPopup,
+    closeOnOverlayClick: parent.closeOnOverlayClick,
+    onClick: function onClick() {
+      parent.closeOnOverlayClick && parent.toggleMenuItem(index);
+    }
+  }), React__default.createElement("div", {
+    className: classNames(className, {
+      "nut-menu-item__wrap": direction === "down",
+      "nut-menu-item__wrap-up": direction !== "down"
+    }),
+    style: _objectSpread(_objectSpread({}, style), isShow())
+  }, React__default.createElement(CSSTransition, {
+    "in": _showPopup,
+    timeout: 100,
+    classNames: direction === "down" ? "menu-item" : "menu-item-up"
+  }, React__default.createElement("div", {
+    className: "nut-menu-item__content"
+  }, options === null || options === void 0 ? void 0 : options.map(function(item) {
+    return React__default.createElement("div", {
+      className: "nut-menu-item__option ".concat(classNames({
+        active: item.value === _value
+      })),
+      key: item.text,
+      style: {
+        flexBasis: "".concat(100 / columns, "%")
+      },
+      onClick: function onClick() {
+        handleClick(item);
+      }
+    }, item.value === _value ? React__default.createElement("i", null, icon || React__default.createElement(Check, {
+      color: activeColor,
+      className: getIconCName(item.value, value)
+    })) : null, React__default.createElement("div", {
+      className: getIconCName(item.value, value),
+      style: {
+        color: "".concat(item.value === _value ? activeColor : "")
+      }
+    }, item.text));
+  }), children))));
+});
+MenuItem.defaultProps = defaultProps;
+MenuItem.displayName = "NutMenuItem";
+export {
+  MenuItem as M
+};

package/dist/esm/nutui-react.es.js

@@ -56,10 +56,10 @@ import { default as default56 } from "./InfiniteLoading.js";
 import { default as default57 } from "./NoticeBar.js";
 import { default as default58 } from "./Notify.js";
 import { default as default59 } from "./Popover.js";
-import { default as default60 } from "./PullToRefresh.js";
-import { default as default61 } from "./Skeleton.js";
-import { default as default62 } from "./Swipe.js";
-import { default as default63 } from "./Popup.js";
+import { default as default60 } from "./Popup.js";
+import { default as default61 } from "./PullToRefresh.js";
+import { default as default62 } from "./Skeleton.js";
+import { default as default63 } from "./Swipe.js";
 import { default as default64 } from "./Toast.js";
 import { default as default65 } from "./Animate.js";
 import { default as default66 } from "./AnimatingNumbers.js";
@@ -73,17 +73,17 @@ import { default as default73 } from "./CountDown.js";
 import { default as default74 } from "./Ellipsis.js";
 import { default as default75 } from "./ImagePreview.js";
 import { default as default76 } from "./Indicator.js";
-import { default as default77 } from "./VirtualList.js";
-import { default as default78 } from "./Pagination.js";
-import { default as default79 } from "./Price.js";
-import { default as default80 } from "./Progress.js";
-import { default as default81 } from "./Step.js";
-import { default as default82 } from "./Steps.js";
-import { default as default83 } from "./Swiper.js";
-import { default as default84 } from "./SwiperItem.js";
-import { default as default85 } from "./Table.js";
-import { default as default86 } from "./Tag.js";
-import { default as default87 } from "./Video.js";
+import { default as default77 } from "./Pagination.js";
+import { default as default78 } from "./Price.js";
+import { default as default79 } from "./Progress.js";
+import { default as default80 } from "./Step.js";
+import { default as default81 } from "./Steps.js";
+import { default as default82 } from "./Swiper.js";
+import { default as default83 } from "./SwiperItem.js";
+import { default as default84 } from "./Table.js";
+import { default as default85 } from "./Tag.js";
+import { default as default86 } from "./Video.js";
+import { default as default87 } from "./VirtualList.js";
 import { default as default88 } from "./Barrage.js";
 import { default as default89 } from "./Card.js";
 import { default as default90 } from "./TimeDetail.js";
@@ -142,13 +142,13 @@ export {
   default58 as Notify,
   default39 as NumberKeyboard,
   default7 as Overlay,
-  default78 as Pagination,
+  default77 as Pagination,
   default40 as Picker,
   default59 as Popover,
-  default63 as Popup,
-  default79 as Price,
-  default80 as Progress,
-  default60 as PullToRefresh,
+  default60 as Popup,
+  default78 as Price,
+  default79 as Progress,
+  default61 as PullToRefresh,
   default41 as Radio,
   default42 as RadioGroup,
   default43 as Range,
@@ -159,28 +159,28 @@ export {
   default19 as SideNavBar,
   default20 as SideNavBarItem,
   default47 as Signature,
-  default61 as Skeleton,
-  default81 as Step,
-  default82 as Steps,
+  default62 as Skeleton,
+  default80 as Step,
+  default81 as Steps,
   default14 as Sticky,
   default21 as SubSideNavBar,
-  default62 as Swipe,
-  default83 as Swiper,
-  default84 as SwiperItem,
+  default63 as Swipe,
+  default82 as Swiper,
+  default83 as SwiperItem,
   default48 as Switch,
   default24 as TabPane,
   default22 as Tabbar,
   default23 as TabbarItem,
-  default85 as Table,
+  default84 as Table,
   default25 as Tabs,
-  default86 as Tag,
+  default85 as Tag,
   default49 as TextArea,
   default90 as TimeDetail,
   default91 as TimeSelect,
   default64 as Toast,
   default92 as TrendArrow,
   default50 as Uploader,
-  default87 as Video,
-  default77 as VirtualList,
+  default86 as Video,
+  default87 as VirtualList,
   default93 as WaterMark
 };

package/dist/esm/popup2.js

@@ -45,17 +45,17 @@ var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   },
   onClose: function onClose() {
   },
-  onClickOverlay: function onClickOverlay(e) {
+  onOverlayClick: function onOverlayClick(e) {
     return true;
   },
-  onClickCloseIcon: function onClickCloseIcon(e) {
+  onCloseIconClick: function onCloseIconClick(e) {
     return true;
   }
 }, defaultOverlayProps);
 var _zIndex = 1e3;
 var Popup = function Popup2(props) {
   var _classNames, _classNames2;
-  var children = props.children, visible = props.visible, overlay = props.overlay, closeOnOverlayClick = props.closeOnOverlayClick, overlayStyle = props.overlayStyle, overlayClassName = props.overlayClassName, zIndex = props.zIndex, lockScroll = props.lockScroll, duration = props.duration, closeable = props.closeable, closeIconPosition = props.closeIconPosition, closeIcon = props.closeIcon, left = props.left, title = props.title, style = props.style, transition = props.transition, round = props.round, position = props.position, className = props.className, destroyOnClose = props.destroyOnClose, portal = props.portal, onOpen2 = props.onOpen, onClose2 = props.onClose, onClickOverlay2 = props.onClickOverlay, onClickCloseIcon2 = props.onClickCloseIcon, afterShow = props.afterShow, afterClose = props.afterClose, onClick = props.onClick;
+  var children = props.children, visible = props.visible, overlay = props.overlay, closeOnOverlayClick = props.closeOnOverlayClick, overlayStyle = props.overlayStyle, overlayClassName = props.overlayClassName, zIndex = props.zIndex, lockScroll = props.lockScroll, duration = props.duration, closeable = props.closeable, closeIconPosition = props.closeIconPosition, closeIcon = props.closeIcon, left = props.left, title = props.title, style = props.style, transition = props.transition, round = props.round, position = props.position, className = props.className, destroyOnClose = props.destroyOnClose, portal = props.portal, onOpen2 = props.onOpen, onClose2 = props.onClose, onOverlayClick2 = props.onOverlayClick, onCloseIconClick2 = props.onCloseIconClick, afterShow = props.afterShow, afterClose = props.afterClose, onClick = props.onClick;
   var _useState = useState(zIndex || _zIndex), _useState2 = _slicedToArray(_useState, 2), index = _useState2[0], setIndex = _useState2[1];
   var _useState3 = useState(visible), _useState4 = _slicedToArray(_useState3, 2), innerVisible = _useState4[0], setInnerVisible = _useState4[1];
   var _useState5 = useState(true), _useState6 = _slicedToArray(_useState5, 2), showChildren = _useState6[0], setShowChildren = _useState6[1];
@@ -95,7 +95,7 @@ var Popup = function Popup2(props) {
   var onHandleClickOverlay = function onHandleClickOverlay2(e) {
     e.stopPropagation();
     if (closeOnOverlayClick) {
-      var closed = onClickOverlay2 && onClickOverlay2(e);
+      var closed = onOverlayClick2 && onOverlayClick2(e);
       closed && close();
     }
   };
@@ -103,7 +103,7 @@ var Popup = function Popup2(props) {
     onClick && onClick(e);
   };
   var onHandleClickCloseIcon = function onHandleClickCloseIcon2(e) {
-    var closed = onClickCloseIcon2 && onClickCloseIcon2(e);
+    var closed = onCloseIconClick2 && onCloseIconClick2(e);
     closed && close();
   };
   var onHandleOpened = function onHandleOpened2(e) {

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

@@ -1,5 +1,6 @@
 import React, { FunctionComponent } from 'react';
 import { BasicComponent } from '@/utils/typings';
+import AvatarGroup from '@/packages/avatargroup';
 export interface AvatarProps extends BasicComponent {
     size: string;
     icon: React.ReactNode;
@@ -13,4 +14,6 @@ export interface AvatarProps extends BasicComponent {
     onError: () => void;
 }
 export type AvatarShape = 'round' | 'square';
-export declare const Avatar: FunctionComponent<Partial<AvatarProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onClick'>>;
+export declare const Avatar: FunctionComponent<Partial<AvatarProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onClick'>> & {
+    Group: typeof AvatarGroup;
+};

package/dist/esm/types/src/packages/avatar/avatar.taro.d.ts

@@ -1,5 +1,6 @@
 import React, { FunctionComponent } from 'react';
 import { BasicComponent } from '@/utils/typings';
+import AvatarGroup from '@/packages/avatargroup/index.taro';
 export interface AvatarProps extends BasicComponent {
     size: string;
     icon: React.ReactNode;
@@ -13,4 +14,6 @@ export interface AvatarProps extends BasicComponent {
     onError: () => void;
 }
 export type AvatarShape = 'round' | 'square';
-export declare const Avatar: FunctionComponent<Partial<AvatarProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onClick'>>;
+export declare const Avatar: FunctionComponent<Partial<AvatarProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onClick'>> & {
+    Group: typeof AvatarGroup;
+};

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

@@ -1,13 +1,10 @@
 import React, { ReactNode } from 'react';
+import { Day, SelectedType } from './type';
 type CalendarRef = {
     scrollToDate: (date: string) => void;
 };
-interface Day {
-    day: string | number;
-    type: string;
-}
 export interface CalendarProps {
-    type?: string;
+    type?: SelectedType;
     autoBackfill?: boolean;
     popup?: boolean;
     visible?: boolean;
@@ -22,13 +19,14 @@ export interface CalendarProps {
     showTitle?: boolean;
     showSubTitle?: boolean;
     scrollAnimation?: boolean;
+    firstDayOfWeek: number;
     renderHeaderButtons?: () => string | JSX.Element;
     renderDay?: (date: Day) => string | JSX.Element;
     renderDayTop?: (date: Day) => string | JSX.Element;
     renderDayBottom?: (date: Day) => string | JSX.Element;
     onClose?: () => void;
     onConfirm?: (param: string) => void;
-    onClickDay?: (data: string) => void;
+    onDayClick?: (data: string) => void;
     onPageChange?: (param: string) => void;
 }
 export declare const Calendar: React.ForwardRefExoticComponent<Partial<CalendarProps> & Omit<React.HTMLAttributes<HTMLDivElement>, ""> & React.RefAttributes<CalendarRef>>;

package/dist/esm/types/src/packages/calendar/calendar.taro.d.ts

@@ -1,13 +1,10 @@
 import React, { ReactNode } from 'react';
+import { Day, SelectedType } from './type';
 type CalendarRef = {
     scrollToDate: (date: string) => void;
 };
-interface Day {
-    day: string | number;
-    type: string;
-}
 export interface CalendarProps {
-    type?: string;
+    type?: SelectedType;
     autoBackfill?: boolean;
     popup?: boolean;
     visible?: boolean;
@@ -22,13 +19,14 @@ export interface CalendarProps {
     showTitle?: boolean;
     showSubTitle?: boolean;
     scrollAnimation?: boolean;
+    firstDayOfWeek: number;
     renderHeaderButtons?: () => string | JSX.Element;
     renderDay?: (date: Day) => string | JSX.Element;
     renderDayTop?: (date: Day) => string | JSX.Element;
     renderDayBottom?: (date: Day) => string | JSX.Element;
     onClose?: () => void;
     onConfirm?: (param: string) => void;
-    onClickDay?: (data: string) => void;
+    onDayClick?: (data: string) => void;
     onPageChange?: (param: string) => void;
 }
 export declare const Calendar: React.ForwardRefExoticComponent<Partial<CalendarProps> & Omit<React.HTMLAttributes<HTMLDivElement>, ""> & React.RefAttributes<CalendarRef>>;

package/dist/esm/types/src/packages/calendar/type.d.ts

@@ -0,0 +1,13 @@
+export interface Day {
+    day: string | number;
+    type: string;
+}
+export interface MonthInfo {
+    curData: string[] | string;
+    title: string;
+    monthData: Day[];
+    cssHeight?: number;
+    scrollTop?: number;
+}
+export type InputDate = string | string[];
+export type SelectedType = 'single' | 'range' | 'multiple' | 'week';

package/dist/esm/types/src/packages/calendar/utils.d.ts

@@ -0,0 +1,8 @@
+import { Day, MonthInfo } from './type';
+export declare const splitDate: (date: string) => string[];
+export declare const isMultiple: (day: string, days: string[]) => boolean;
+export declare const isCurrDay: (month: MonthInfo, day: string | number) => boolean;
+export declare const getCurrDate: (day: Day, month: MonthInfo) => string;
+export declare const isStart: (day: string, days: string[]) => boolean;
+export declare const isEnd: (day: string, days: string[]) => boolean;
+export declare const isStartAndEnd: (days: string[]) => boolean;

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

@@ -1,36 +1,34 @@
 import React, { ReactNode } from 'react';
+import { PopupProps } from '@/packages/popup/index';
+import { Day, InputDate, SelectedType } from '../calendar/type';
 type CalendarRef = {
     scrollToDate: (date: string) => void;
 };
-type InputDate = string | string[];
-interface Day {
-    day: string | number;
-    type: string;
-}
-export interface CalendarItemProps {
-    type?: string;
-    autoBackfill?: boolean;
-    popup?: boolean;
-    title?: string;
+export interface CalendarItemProps extends PopupProps {
+    type: SelectedType;
+    autoBackfill: boolean;
+    popup: boolean;
+    title: string;
     value?: InputDate;
     defaultValue?: InputDate;
-    startDate?: InputDate;
-    endDate?: InputDate;
-    showToday?: boolean;
-    startText?: ReactNode;
-    endText?: ReactNode;
-    confirmText?: ReactNode;
-    showTitle?: boolean;
-    showSubTitle?: boolean;
-    scrollAnimation?: boolean;
-    renderHeaderButtons?: (() => string | JSX.Element) | undefined;
-    renderDay?: ((date: Day) => string | JSX.Element) | undefined;
-    renderDayTop?: ((date: Day) => string | JSX.Element) | undefined;
-    renderDayBottom?: ((date: Day) => string | JSX.Element) | undefined;
-    onConfirm?: (data: any) => void;
-    onUpdate?: () => void;
-    onClickDay?: (data: string) => void;
-    onPageChange?: (data: any) => void;
+    startDate: InputDate;
+    endDate: InputDate;
+    showToday: boolean;
+    startText: ReactNode;
+    endText: ReactNode;
+    confirmText: ReactNode;
+    showTitle: boolean;
+    showSubTitle: boolean;
+    scrollAnimation: boolean;
+    firstDayOfWeek: number;
+    renderHeaderButtons: () => string | JSX.Element;
+    renderDay: (date: Day) => string | JSX.Element;
+    renderDayTop: (date: Day) => string | JSX.Element;
+    renderDayBottom: (date: Day) => string | JSX.Element;
+    onConfirm: (data: string) => void;
+    onUpdate: () => void;
+    onDayClick: (data: string) => void;
+    onPageChange: (data: any) => void;
 }
 export declare const CalendarItem: React.ForwardRefExoticComponent<Partial<CalendarItemProps> & Omit<React.HTMLAttributes<HTMLDivElement>, ""> & React.RefAttributes<CalendarRef>>;
 export {};

package/dist/esm/types/src/packages/calendaritem/calendaritem.taro.d.ts

@@ -1,36 +1,34 @@
 import React, { ReactNode } from 'react';
+import { PopupProps } from '@/packages/popup/index.taro';
+import { Day, InputDate, SelectedType } from '../calendar/type';
 type CalendarRef = {
     scrollToDate: (date: string) => void;
 };
-type InputDate = string | string[];
-interface Day {
-    day: string | number;
-    type: string;
-}
-export interface CalendarItemProps {
-    type?: string;
-    autoBackfill?: boolean;
-    popup?: boolean;
-    title?: string;
+export interface CalendarItemProps extends PopupProps {
+    type: SelectedType;
+    autoBackfill: boolean;
+    popup: boolean;
+    title: string;
     value?: InputDate;
     defaultValue?: InputDate;
-    startDate?: InputDate;
-    endDate?: InputDate;
-    showToday?: boolean;
-    startText?: ReactNode;
-    endText?: ReactNode;
-    confirmText?: ReactNode;
-    showTitle?: boolean;
-    showSubTitle?: boolean;
-    scrollAnimation?: boolean;
-    renderHeaderButtons?: (() => string | JSX.Element) | undefined;
-    renderDay?: ((date: Day) => string | JSX.Element) | undefined;
-    renderDayTop?: ((date: Day) => string | JSX.Element) | undefined;
-    renderDayBottom?: ((date: Day) => string | JSX.Element) | undefined;
-    onConfirm?: (data: any) => void;
-    onUpdate?: () => void;
-    onClickDay?: (data: string) => void;
-    onPageChange?: (data: any) => void;
+    startDate: InputDate;
+    endDate: InputDate;
+    showToday: boolean;
+    startText: ReactNode;
+    endText: ReactNode;
+    confirmText: ReactNode;
+    showTitle: boolean;
+    showSubTitle: boolean;
+    scrollAnimation: boolean;
+    firstDayOfWeek: number;
+    renderHeaderButtons: () => string | JSX.Element;
+    renderDay: (date: Day) => string | JSX.Element;
+    renderDayTop: (date: Day) => string | JSX.Element;
+    renderDayBottom: (date: Day) => string | JSX.Element;
+    onConfirm: (data: string) => void;
+    onUpdate: () => void;
+    onDayClick: (data: string) => void;
+    onPageChange: (data: any) => void;
 }
-export declare const CalendarItem: React.ForwardRefExoticComponent<Partial<CalendarItemProps> & Omit<React.HTMLAttributes<HTMLDivElement>, ""> & React.RefAttributes<CalendarRef>>;
+export declare const CalendarItem: React.ForwardRefExoticComponent<Partial<CalendarItemProps> & Omit<React.HTMLAttributes<HTMLDivElement>, "onClick"> & React.RefAttributes<CalendarRef>>;
 export {};

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

@@ -1,5 +1,6 @@
 import React, { FunctionComponent, ReactNode } from 'react';
 import { BasicComponent } from '@/utils/typings';
+import CellGroup from '@/packages/cellgroup';
 export interface CellProps extends BasicComponent {
     title: ReactNode;
     description: ReactNode;
@@ -8,4 +9,6 @@ export interface CellProps extends BasicComponent {
     align: string;
     onClick: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
 }
-export declare const Cell: FunctionComponent<Partial<CellProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'title'>>;
+export declare const Cell: FunctionComponent<Partial<CellProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'title'>> & {
+    Group: typeof CellGroup;
+};

package/dist/esm/types/src/packages/cell/cell.taro.d.ts

@@ -1,5 +1,6 @@
 import React, { FunctionComponent, ReactNode } from 'react';
 import { BasicComponent } from '@/utils/typings';
+import { CellGroup } from '@/packages/cellgroup/cellgroup.taro';
 export interface CellProps extends BasicComponent {
     title: ReactNode;
     description: ReactNode;
@@ -8,4 +9,6 @@ export interface CellProps extends BasicComponent {
     align: string;
     onClick: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
 }
-export declare const Cell: FunctionComponent<Partial<CellProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'title'>>;
+export declare const Cell: FunctionComponent<Partial<CellProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'title'>> & {
+    Group: typeof CellGroup;
+};