@trionesdev/antd-mobile-react 0.0.2-beta.2 → 0.0.2-beta.20

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-export { default as ActionSheet } from "./ActionSheet";
+export { default as ActionSheet } from './ActionSheet';
 export type { ActionSheetProps } from './ActionSheet';
 export { default as Alert } from './Alert';
 export type { AlertProps } from './Alert';
@@ -12,22 +12,28 @@ export { default as Calendar, CalendarGrid, TouchableCalendarGrid, } from './Cal
 export type { CalendarGridProps, CalendarProps } from './Calendar';
 export { default as CalendarDatetimePicker } from './CalendarDatetimePicker';
 export type { CalendarDatetimePickerProps } from './CalendarDatetimePicker';
+export { default as CalendarDatetimePickerCell } from './CalendarDatetimePickerCell';
+export type { CalendarDatetimePickerCellProps } from './CalendarDatetimePickerCell';
 export { default as CalendarPicker } from './CalendarPicker';
 export type { CalendarPickerProps } from './CalendarPicker';
+export { default as CalendarPickerCell } from './CalendarPickerCell';
+export type { CalendarPickerCellProps, CalendarRangePickerCellProps, } from './CalendarPickerCell';
 export { default as Card } from './Card';
 export type { CardProps } from './Card';
+export { default as CascaderPickerCell } from './CascaderPickerCell';
+export type { CascaderPickerCellProps } from './CascaderPickerCell';
 export { default as CascaderPicker } from './CascaderPicker';
 export type { CascaderPickerProps } from './CascaderPicker';
 export { default as CascaderView } from './CascaderView';
 export type { CascaderViewProps } from './CascaderView';
 export { default as Cell } from './Cell';
-export type { CellProps, CellGroupProps } from './Cell';
+export type { CellGroupProps, CellProps } from './Cell';
 export { default as Checkbox } from './Checkbox';
 export type { CheckboxProps } from './Checkbox';
 export { default as ConfigProvider } from './ConfigProvider';
 export type { ConfigProviderProps } from './ConfigProvider';
-export { default as Descriptions } from "./Descriptions";
-export type { DescriptionsProps } from "./Descriptions";
+export { default as Descriptions } from './Descriptions';
+export type { DescriptionsProps } from './Descriptions';
 export { default as Divider } from './Divider';
 export type { DividerProps } from './Divider';
 export { default as Ellipsis } from './Ellipsis';
@@ -35,35 +41,37 @@ export type { EllipsisProps } from './Ellipsis';
 export { default as Empty } from './Empty';
 export type { EmptyProps } from './Empty';
 export { default as ErrorBlock } from './ErrorBlock';
-export type { ErrorBlockStatus, ErrorBlockProps } from './ErrorBlock';
+export type { ErrorBlockProps, ErrorBlockStatus } from './ErrorBlock';
+export { default as FloatButton } from './FloatButton';
+export type { FloatButtonGroupProps, FloatButtonProps } from './FloatButton';
 export { default as Footer } from './Footer';
 export type { FooterProps } from './Footer';
 export { default as Form } from './Form';
-export type { FormItemProps, FormProps } from './Form';
+export type { FormItemProps, FormProps, FormInstance } from './Form';
 export { default as Grid } from './Grid';
-export type { GridProps, GridItemProps } from './Grid';
+export type { GridItemProps, GridProps } from './Grid';
 export { default as Image } from './Image';
-export type { ImageProps } from "./Image";
+export type { ImageProps } from './Image';
 export { default as ImagesPreview } from './ImagesPreview';
 export type { ImagePreviewProps } from './ImagesPreview';
 export { default as ImagesWall } from './ImagesWall';
-export type { ImagesWallProps, ImagesWallItemProps } from './ImagesWall';
+export type { ImagesWallItemProps, ImagesWallProps } from './ImagesWall';
 export { default as Input } from './Input';
-export type { InputOPTProps, InputPasswordProps, InputProps, InputTextareaProps } from './Input';
+export type { InputOPTProps, InputPasswordProps, InputProps, InputTextareaProps, } from './Input';
 export { default as InputNumber } from './InputNumber';
 export type { InputNumberProps } from './InputNumber';
-export { default as Mask } from "./Mask";
-export type { MaskProps } from "./Mask";
 export { default as NavBar } from './NavBar';
 export type { NavBarProps } from './NavBar';
 export { default as NoticeBar } from './NoticeBar';
 export type { NoticeBarProps } from './NoticeBar';
+export { default as Overlay } from './Overlay';
+export type { OverlayProps } from './Overlay';
 export { default as PageIndicator } from './PageIndicator';
 export type { PageIndicatorProps } from './PageIndicator';
 export { default as Picker } from './Picker';
 export type { PickerProps } from './Picker';
 export { default as PickerView } from './PickerView';
-export type { PickerViewProps, PickerColumnOption } from './PickerView';
+export type { PickerColumnOption, PickerViewProps } from './PickerView';
 export { default as Popup } from './Popup';
 export type { PopupProps } from './Popup';
 export { default as Progress } from './Progress';
@@ -80,16 +88,22 @@ export { default as Scaffold } from './Scaffold';
 export type { ScaffoldProps } from './Scaffold';
 export { default as ScrollView } from './ScrollView';
 export type { ScrollViewProps } from './ScrollView';
+export { default as Segmented } from './Segmented';
+export type { SegmentedProps } from './Segmented';
 export { default as SideBar } from './SideBar';
 export type { SideBarProps } from './SideBar';
+export { default as Skeleton } from './Skeleton';
+export type { SkeletonAvatarProps, SkeletonAvatarShape, SkeletonAvatarSize, SkeletonBlockType, SkeletonButtonProps, SkeletonButtonShape, SkeletonInputProps, SkeletonParagraphProps, SkeletonProps, SkeletonTitleProps, } from './Skeleton';
 export { default as Space } from './Space';
 export type { SpaceProps } from './Space';
-export { default as SpinLoading } from './SpinLoading';
-export type { SpinLoadingProps } from './SpinLoading';
-export { default as Swiper } from "./Swiper";
+export { SpinLoading, DotLoading } from './Loading';
+export type { SpinLoadingProps, DotLoadingProps } from './Loading';
+export { default as Stepper } from './Stepper';
+export type { StepperProps } from './Stepper';
+export { default as Swiper } from './Swiper';
 export type { SwiperProps } from './Swiper';
-export { default as Steps } from "./Steps";
-export type { StepsProps, StepsItemProps } from './Steps';
+export { default as Steps } from './Steps';
+export type { StepsItemProps, StepsProps } from './Steps';
 export { default as Switch } from './Switch';
 export type { SwitchProps } from './Switch';
 export { default as TabBar } from './TabBar';
@@ -101,6 +115,6 @@ export type { ToastProps } from './Toast';
 export { default as Tabs } from './Tabs';
 export type { TabsProps } from './Tabs';
 export { default as VerificationCodeInput } from './VerificationCodeInput';
-export type { ValidationCodeInputProps } from './VerificationCodeInput';
+export type { VerificationCodeInputProps } from './VerificationCodeInput';
 export { default as WaterMark } from './WaterMark';
 export type { WaterMarkProps } from './WaterMark';

package/dist/index.js

@@ -5,8 +5,11 @@ export { default as Badge } from "./Badge";
 export { default as Button } from "./Button";
 export { default as Calendar, CalendarGrid, TouchableCalendarGrid } from "./Calendar";
 export { default as CalendarDatetimePicker } from "./CalendarDatetimePicker";
+export { default as CalendarDatetimePickerCell } from "./CalendarDatetimePickerCell";
 export { default as CalendarPicker } from "./CalendarPicker";
+export { default as CalendarPickerCell } from "./CalendarPickerCell";
 export { default as Card } from "./Card";
+export { default as CascaderPickerCell } from "./CascaderPickerCell";
 export { default as CascaderPicker } from "./CascaderPicker";
 export { default as CascaderView } from "./CascaderView";
 export { default as Cell } from "./Cell";
@@ -17,6 +20,7 @@ export { default as Divider } from "./Divider";
 export { default as Ellipsis } from "./Ellipsis";
 export { default as Empty } from "./Empty";
 export { default as ErrorBlock } from "./ErrorBlock";
+export { default as FloatButton } from "./FloatButton";
 export { default as Footer } from "./Footer";
 export { default as Form } from "./Form";
 export { default as Grid } from "./Grid";
@@ -25,9 +29,9 @@ export { default as ImagesPreview } from "./ImagesPreview";
 export { default as ImagesWall } from "./ImagesWall";
 export { default as Input } from "./Input";
 export { default as InputNumber } from "./InputNumber";
-export { default as Mask } from "./Mask";
 export { default as NavBar } from "./NavBar";
 export { default as NoticeBar } from "./NoticeBar";
+export { default as Overlay } from "./Overlay";
 export { default as PageIndicator } from "./PageIndicator";
 export { default as Picker } from "./Picker";
 export { default as PickerView } from "./PickerView";
@@ -39,9 +43,12 @@ export { default as Result } from "./Result";
 export { default as SafeArea } from "./SafeArea";
 export { default as Scaffold } from "./Scaffold";
 export { default as ScrollView } from "./ScrollView";
+export { default as Segmented } from "./Segmented";
 export { default as SideBar } from "./SideBar";
+export { default as Skeleton } from "./Skeleton";
 export { default as Space } from "./Space";
-export { default as SpinLoading } from "./SpinLoading";
+export { SpinLoading, DotLoading } from "./Loading";
+export { default as Stepper } from "./Stepper";
 export { default as Swiper } from "./Swiper";
 export { default as Steps } from "./Steps";
 export { default as Switch } from "./Switch";

package/dist/style/variable.scss

@@ -1 +1 @@
-@forward "@trionesdev/antd-mobile-base-react/dist/style/variable" ;
+@forward "@trionesdev/antd-mobile-base-react/dist/style/variable" ;

package/dist/types.d.ts

@@ -1,8 +0,0 @@
-export type BoundingClientRectType = {
-    top: number;
-    left: number;
-    right: number;
-    bottom: number;
-    width: number;
-    height: number;
-};

package/dist/types.js

@@ -1 +0,0 @@
-export {};

package/dist/utils/dayjs.d.ts

@@ -0,0 +1,4 @@
+import dayjs, { OpUnitType } from "dayjs";
+export declare const toDayjsArray: (dateArr?: (dayjs.Dayjs | Date)[]) => dayjs.Dayjs[] | undefined;
+export declare const isSame: (x?: dayjs.Dayjs | Date, y?: dayjs.Dayjs | Date, unit?: OpUnitType) => boolean;
+export declare const isSameArray: (x?: (dayjs.Dayjs | Date)[], y?: (dayjs.Dayjs | Date)[], unit?: OpUnitType) => boolean;

package/dist/utils/dayjs.js

@@ -0,0 +1,42 @@
+import dayjs from "dayjs";
+import { isEmpty, isNil } from "lodash-es";
+export var toDayjsArray = function toDayjsArray(dateArr) {
+  if (isNil(dateArr)) {
+    return dateArr;
+  }
+  if (isEmpty(dateArr)) {
+    return [];
+  }
+  return dateArr === null || dateArr === void 0 ? void 0 : dateArr.map(function (date) {
+    if (isNil(date)) {
+      return date;
+    } else {
+      return dayjs(date);
+    }
+  });
+};
+export var isSame = function isSame(x, y, unit) {
+  if (isNil(x) && isNil(y)) {
+    return true;
+  } else if (isNil(x) && !isNil(y)) {
+    return false;
+  } else if (!isNil(x) && isNil(y)) {
+    return false;
+  } else {
+    var _dayjs;
+    return Boolean((_dayjs = dayjs(x)) === null || _dayjs === void 0 ? void 0 : _dayjs.isSame(y, unit));
+  }
+};
+export var isSameArray = function isSameArray(x, y, unit) {
+  var xa = x !== null && x !== void 0 ? x : [];
+  var ya = y !== null && y !== void 0 ? y : [];
+  if (xa.length === 0 && ya.length === 0) {
+    return true;
+  }
+  if (xa.length !== ya.length) {
+    return false;
+  }
+  return xa.every(function (date, index) {
+    return isSame(date, ya[index], unit);
+  });
+};

package/dist/utils/type.js

@@ -1,45 +1,45 @@
 /** https://github.com/Microsoft/TypeScript/issues/29729 */
 
-/**
- * Get component props
- * @example
- * ```ts
- * import { Checkbox } from 'antd'
- * import type { GetProps } from 'antd';
- *
- * type CheckboxGroupProps = GetProps<typeof Checkbox.Group>
- * ```
- * @since 5.13.0
+/**
+ * Get component props
+ * @example
+ * ```ts
+ * import { Checkbox } from 'antd'
+ * import type { GetProps } from 'antd';
+ *
+ * type CheckboxGroupProps = GetProps<typeof Checkbox.Group>
+ * ```
+ * @since 5.13.0
  */
 
-/**
- * Get component props by component name
- * @example
- * ```ts
- * import { Select } from 'antd';
- * import type { GetProp, SelectProps } from 'antd';
- *
- * type SelectOption1 = GetProp<SelectProps, 'options'>[number];
- * // or
- * type SelectOption2 = GetProp<typeof Select, 'options'>[number];
- *
- * const onChange: GetProp<typeof Select, 'onChange'> = (value, option) => {
- *  // Do something
- * };
- * ```
- * @since 5.13.0
+/**
+ * Get component props by component name
+ * @example
+ * ```ts
+ * import { Select } from 'antd';
+ * import type { GetProp, SelectProps } from 'antd';
+ *
+ * type SelectOption1 = GetProp<SelectProps, 'options'>[number];
+ * // or
+ * type SelectOption2 = GetProp<typeof Select, 'options'>[number];
+ *
+ * const onChange: GetProp<typeof Select, 'onChange'> = (value, option) => {
+ *  // Do something
+ * };
+ * ```
+ * @since 5.13.0
  */
 
-/**
- * Get component ref
- * @example
- * ```ts
- * import { Input } from 'antd';
- * import type { GetRef } from 'antd';
- *
- * type InputRef = GetRef<typeof Input>;
- * ```
- * @since 5.13.0
+/**
+ * Get component ref
+ * @example
+ * ```ts
+ * import { Input } from 'antd';
+ * import type { GetRef } from 'antd';
+ *
+ * type InputRef = GetRef<typeof Input>;
+ * ```
+ * @since 5.13.0
  */
 
 export var ComponentDefaults = {

package/dist/utils/use-isomorphic-update-layout-effect.d.ts

@@ -1,2 +1,2 @@
 /// <reference types="react" />
-export declare const useIsomorphicUpdateLayoutEffect: typeof import("react").useLayoutEffect | typeof import("react").useEffect;
+export declare const useIsomorphicUpdateLayoutEffect: typeof import("react").useEffect | typeof import("react").useLayoutEffect;

package/dist/utils/with-default-props.js

@@ -15,10 +15,10 @@ export function mergeProps() {
   return ret;
 }
 
-/**
- * Merge props and return the first non-undefined value.
- * The later has higher priority. e.g. (10, 1, 5) => 5 wins.
- * This is useful with legacy props that have been deprecated.
+/**
+ * Merge props and return the first non-undefined value.
+ * The later has higher priority. e.g. (10, 1, 5) => 5 wins.
+ * This is useful with legacy props that have been deprecated.
  */
 export function mergeProp(defaultProp) {
   for (var _len2 = arguments.length, propList = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trionesdev/antd-mobile-react",
-  "version": "0.0.2-beta.2",
+  "version": "0.0.2-beta.20",
   "description": "antd mobile react ",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -18,7 +18,7 @@
     "lint:css": "stylelint \"{src,test}/**/*.{css,less}\"",
     "lint:es": "eslint \"{src,test}/**/*.{js,jsx,ts,tsx}\"",
     "prepublishOnly": "father doctor && npm run build",
-    "publish": "npm publish --registry=https://registry.npmjs.org/",
+    "publish": "npm publish --tag latest --registry=https://registry.npmjs.org/",
     "publishOnly": "npm publish --ignore-scripts --registry=https://registry.npmjs.org/"
   },
   "authors": [
@@ -64,7 +64,7 @@
     "@commitlint/cli": "^19.6.1",
     "@commitlint/config-conventional": "^19.6.0",
     "@trionesdev/antd-mobile-base-react": "workspace:*",
-    "@trionesdev/antd-mobile-icons-react": "workspace:*",
+    "@trionesdev/antd-mobile-icons-react": "0.0.2-beta.20",
     "@types/crypto-js": "^4.2.2",
     "@types/lodash-es": "^4.17.12",
     "@types/react": "^18.0.0",
@@ -73,13 +73,13 @@
     "@umijs/lint": "^4.0.0",
     "classnames": "^2.5.1",
     "cross-env": "^7.0.3",
-    "dumi": "2.4.12",
+    "dumi": "2.4.23",
     "dumi-theme-mobile": "^2.3.5",
     "eslint": "^8.23.0",
-    "father": "^4.5.1",
+    "father": "^4.6.19",
     "husky": "^8.0.1",
     "lint-staged": "^13.0.3",
-    "lodash-es": "^4.17.21",
+    "lodash-es": "^4.17.23",
     "prettier": "^3.4.2",
     "prettier-plugin-organize-imports": "^4.1.0",
     "prettier-plugin-packagejson": "^2.5.6",
@@ -89,16 +89,11 @@
     "stylelint": "^16.12.0"
   },
   "dependencies": {
-    "@trionesdev/antd-mobile-base-react": "^0.0.2-beta.2",
-    "ahooks": "^3.8.4",
+    "@trionesdev/antd-mobile-base-react": "0.0.2-beta.20",
+    "ahooks": "^3.9.7",
     "crypto-js": "^4.2.0",
-    "rc-field-form": "^2.7.0",
-    "rc-util": "^5.44.3",
-    "runes2": "^1.1.4"
-  },
-  "optionalDependencies": {
-    "@trionesdev/antd-mobile-base-react": "workspace:*",
-    "@trionesdev/antd-mobile-icons-react": "0.0.2-beta.2"
+    "dayjs": "^1.11.20",
+    "rc-field-form": "^2.7.1"
   },
-  "gitHead": "750643002ea1b4b0092d84ec95e8d135b9b83750"
+  "gitHead": "6826587141b29a1e9eda58f95d92210671cbd31c"
 }

package/readme.md

@@ -1,43 +1,43 @@
-# @trionesdev/antd-taro-react
-
-[![NPM version](https://img.shields.io/npm/v/@trionesdev/antd-mobile-react.svg?style=flat)](https://npmjs.org/package/@trionesdev/antd-mobile-react)
-[![NPM downloads](http://img.shields.io/npm/dm/@trionesdev/antd-mobile-react.svg?style=flat)](https://npmjs.org/package/@trionesdev/antd-mobile-react)
-
-antd mobile react 
-
-## Usage
-
-TODO
-
-## Options
-
-TODO
-
-## Development
-
-```bash
-# install dependencies
-$ pnpm install
-
-# develop library by docs demo
-$ pnpm start
-
-# build library source code
-$ pnpm run build
-
-# build library source code in watch mode
-$ pnpm run build:watch
-
-# build docs
-$ pnpm run docs:build
-
-# Locally preview the production build.
-$ pnpm run docs:preview
-
-# check your project for potential problems
-$ pnpm run doctor
-```
-
-## LICENSE
-
-MIT
+# @trionesdev/antd-taro-react
+
+[![NPM version](https://img.shields.io/npm/v/@trionesdev/antd-mobile-react.svg?style=flat)](https://npmjs.org/package/@trionesdev/antd-mobile-react)
+[![NPM downloads](http://img.shields.io/npm/dm/@trionesdev/antd-mobile-react.svg?style=flat)](https://npmjs.org/package/@trionesdev/antd-mobile-react)
+
+antd mobile react 
+
+## Usage
+
+TODO
+
+## Options
+
+TODO
+
+## Development
+
+```bash
+# install dependencies
+$ pnpm install
+
+# develop library by docs demo
+$ pnpm start
+
+# build library source code
+$ pnpm run build
+
+# build library source code in watch mode
+$ pnpm run build:watch
+
+# build docs
+$ pnpm run docs:build
+
+# Locally preview the production build.
+$ pnpm run docs:preview
+
+# check your project for potential problems
+$ pnpm run doctor
+```
+
+## LICENSE
+
+MIT

package/dist/Mask/index.d.ts

@@ -1,3 +0,0 @@
-import { Mask, MaskProps } from "@trionesdev/antd-mobile-base-react";
-export type { MaskProps };
-export default Mask;

package/dist/Mask/index.js

@@ -1,2 +0,0 @@
-import { Mask } from "@trionesdev/antd-mobile-base-react";
-export default Mask;

package/dist/Progress/Progress.d.ts

@@ -1,37 +0,0 @@
-import { FC } from "react";
-import "./style.scss";
-import { PercentPositionAlign, ProgressStatus } from "./types";
-import { Size } from "@trionesdev/antd-mobile-base-react";
-export type ProgressProps = {
-    /**
-     * @description 内容的模板函数
-     * @default percent => `${percent}%`
-     */
-    format?: (percent: number) => string;
-    type?: 'line' | 'circle';
-    /**
-     * @description 百分比
-     * @default 0
-     */
-    percent?: number;
-    size?: Size;
-    /**
-     * @description 是否显示进度数值或状态图标
-     * @default true
-     */
-    showInfo?: boolean;
-    /**
-     * @description 未完成的分段的颜色
-     */
-    railColor?: string;
-    /**
-     * @description 进度条的色彩
-     */
-    strokeColor?: string;
-    status?: ProgressStatus;
-    /**
-     * @description 进度数值位置
-     */
-    percentPositionAlign?: PercentPositionAlign;
-};
-export declare const Progress: FC<ProgressProps>;

package/dist/Progress/Progress.js

@@ -1,52 +0,0 @@
-import React from "react";
-import { ProgressCircle } from "./ProgressCircle";
-import "./style.scss";
-import { ProgressLine } from "./ProgressLine";
-import { exceptionColor, successColor } from "./types";
-export var Progress = function Progress(_ref) {
-  var format = _ref.format,
-    _ref$type = _ref.type,
-    type = _ref$type === void 0 ? 'line' : _ref$type,
-    _ref$percent = _ref.percent,
-    percent = _ref$percent === void 0 ? 0 : _ref$percent,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? 'middle' : _ref$size,
-    _ref$showInfo = _ref.showInfo,
-    showInfo = _ref$showInfo === void 0 ? true : _ref$showInfo,
-    _ref$railColor = _ref.railColor,
-    railColor = _ref$railColor === void 0 ? '#E5E5E5' : _ref$railColor,
-    _ref$strokeColor = _ref.strokeColor,
-    strokeColor = _ref$strokeColor === void 0 ? '#1777FF' : _ref$strokeColor,
-    status = _ref.status,
-    percentPositionAlign = _ref.percentPositionAlign;
-  var handleComputedStrokeColor = function handleComputedStrokeColor() {
-    if (status === 'exception') {
-      return exceptionColor;
-    }
-    if (percent >= 100) {
-      return successColor;
-    }
-    return strokeColor;
-  };
-  if (type === 'line') {
-    return /*#__PURE__*/React.createElement(ProgressLine, {
-      format: format,
-      percent: percent,
-      size: size,
-      railColor: railColor,
-      strokeColor: handleComputedStrokeColor(),
-      status: status,
-      showInfo: showInfo,
-      percentPositionAlign: percentPositionAlign
-    });
-  }
-  return /*#__PURE__*/React.createElement(ProgressCircle, {
-    format: format,
-    percent: percent,
-    size: size,
-    railColor: railColor,
-    strokeColor: handleComputedStrokeColor(),
-    showInfo: showInfo,
-    status: status
-  });
-};

package/dist/Progress/ProgressCircle.d.ts

@@ -1,17 +0,0 @@
-import { FC } from "react";
-import { Size } from "@trionesdev/antd-mobile-base-react";
-import './style.scss';
-import { ProgressStatus } from "./types";
-type ProcessCircleProps = {
-    format?: (percent: number) => string;
-    percent?: number;
-    strokeWidth?: number;
-    size?: Size;
-    showInfo?: boolean;
-    railColor?: string;
-    strokeColor?: string;
-    strokeLineCap?: 'butt' | 'round' | 'square';
-    status?: ProgressStatus;
-};
-export declare const ProgressCircle: FC<ProcessCircleProps>;
-export {};