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

package/dist/cjs/packages/imagepreview/imagepreview.d.ts

@@ -1,46 +1,3 @@
-import { FunctionComponent, ReactNode } from 'react';
-import { BasicComponent } from "../../utils/typings";
-export type ImagePreviewCloseIconPosition = 'top-right' | 'top-left' | 'bottom';
-export interface ImageOption {
-    src: string;
-    index?: number;
-}
-export interface VideoOption {
-    source: {
-        src: string;
-        type: string;
-    };
-    options: {
-        muted: boolean;
-        controls: boolean;
-    };
-    index?: number;
-}
-export interface ImagePreviewProps extends BasicComponent {
-    images: Array<{
-        src: string;
-    }>;
-    videos: Array<{
-        source: {
-            src: string;
-            type: string;
-        };
-        options: {
-            muted: boolean;
-            controls: boolean;
-        };
-    }>;
-    visible: boolean;
-    autoPlay: number | string;
-    value?: number;
-    defaultValue: number;
-    closeOnContentClick: boolean;
-    pagination: boolean;
-    indicator: boolean;
-    indicatorColor: string;
-    closeIcon: boolean | ReactNode;
-    closeIconPosition: ImagePreviewCloseIconPosition;
-    onChange: (value: number) => void;
-    onClose: () => void;
-}
-export declare const ImagePreview: FunctionComponent<Partial<ImagePreviewProps>>;
+import { FunctionComponent } from 'react';
+import { WebImagePreviewProps } from "../../types";
+export declare const ImagePreview: FunctionComponent<Partial<WebImagePreviewProps>>;

package/dist/cjs/packages/imagepreview/index.d.ts

@@ -1,3 +1,3 @@
 import { ImagePreview } from './imagepreview';
-export type { ImagePreviewProps, ImagePreviewCloseIconPosition, } from './imagepreview';
+export type { WebImagePreviewProps as ImagePreviewProps, ImagePreviewCloseIconPosition, } from "../../types";
 export default ImagePreview;

package/dist/cjs/packages/indicator/index.d.ts

@@ -1,3 +1,3 @@
 import { Indicator } from './indicator';
-export type { IndicatorProps } from './indicator';
+export type { WebIndicatorProps as IndicatorProps, IndicatorColor, IndicatorType, } from "../../types";
 export default Indicator;

package/dist/cjs/packages/indicator/indicator.d.ts

@@ -1,11 +1,3 @@
-import React, { FunctionComponent } from 'react';
-export type IndicatorType = 'anchor' | 'slide';
-export type IndicatorColor = 'primary' | 'white';
-export interface IndicatorProps {
-    total: number;
-    current: number;
-    direction: string;
-    color: IndicatorColor;
-    type: IndicatorType;
-}
-export declare const Indicator: FunctionComponent<Partial<IndicatorProps> & React.HTMLAttributes<HTMLDivElement>>;
+import { FunctionComponent } from 'react';
+import { WebIndicatorProps } from "../../types";
+export declare const Indicator: FunctionComponent<Partial<WebIndicatorProps>>;

package/dist/cjs/packages/indicator/indicator.js

@@ -39,7 +39,7 @@ var Indicator = function Indicator(props) {
         "direction"
     ]);
     var _obj;
-    var classes = (0, _classnames.default)((_obj = {}, (0, _define_property._)(_obj, "".concat(classPrefix, "-vertical"), direction === 'vertical'), (0, _define_property._)(_obj, "".concat(classPrefix, "-white"), color === 'white'), (0, _define_property._)(_obj, "".concat(classPrefix, "-track"), type === 'slide'), _obj));
+    var classes = (0, _classnames.default)((_obj = {}, (0, _define_property._)(_obj, "".concat(classPrefix, "-vertical"), direction === 'vertical'), (0, _define_property._)(_obj, "".concat(classPrefix, "-white"), color === 'default'), (0, _define_property._)(_obj, "".concat(classPrefix, "-track"), type === 'slide'), _obj));
     var renderDotElement = function renderDotElement() {
         var childs = [];
         for(var item = 0; item < total; item++){

package/dist/cjs/packages/infiniteloading/index.d.ts

@@ -1,4 +1,3 @@
 import { InfiniteLoading } from './infiniteloading';
-export type { InfiniteLoadingType } from './types';
-export type { InfiniteLoadingProps } from './infiniteloading';
+export type { InfiniteLoadingType, WebInfiniteLoadingProps as InfiniteLoadingProps, } from "../../types";
 export default InfiniteLoading;

package/dist/cjs/packages/infiniteloading/infiniteloading.d.ts

@@ -1,18 +1,3 @@
-import React, { FunctionComponent, ReactNode } from 'react';
-import { BasicComponent } from "../../utils/typings";
-import { InfiniteLoadingType } from './types';
-export interface InfiniteLoadingProps extends BasicComponent {
-    type: InfiniteLoadingType;
-    hasMore: boolean;
-    threshold: number;
-    target: string;
-    capture: boolean;
-    pullRefresh: boolean;
-    pullingText: ReactNode;
-    loadingText: ReactNode;
-    loadMoreText: ReactNode;
-    onRefresh: () => Promise<void>;
-    onLoadMore: () => Promise<void>;
-    onScroll: (param: number) => void;
-}
-export declare const InfiniteLoading: FunctionComponent<Partial<InfiniteLoadingProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onScroll'>>;
+import React, { FunctionComponent } from 'react';
+import { WebInfiniteLoadingProps } from "../../types";
+export declare const InfiniteLoading: FunctionComponent<Partial<WebInfiniteLoadingProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onScroll'>>;

package/dist/cjs/packages/input/index.d.ts

@@ -1,3 +1,3 @@
 import { Input } from './input';
-export type { InputType, InputAlign, InputProps, InputConfirmType, } from './input';
+export type { WebInputType as InputType, WebInputProps as InputProps, InputConfirmType, InputFormatTrigger, } from "../../types";
 export default Input;

package/dist/cjs/packages/input/input.d.ts

@@ -1,30 +1,3 @@
-import React, { HTMLInputTypeAttribute, MouseEvent } from 'react';
-import { BasicComponent } from "../../utils/typings";
-export type InputAlign = 'left' | 'center' | 'right';
-export type InputFormatTrigger = 'onChange' | 'onBlur';
-export type InputType = HTMLInputTypeAttribute;
-export type InputConfirmType = 'send' | 'search' | 'next' | 'go' | 'done';
-export interface InputProps extends BasicComponent {
-    type: InputType;
-    name: string;
-    defaultValue?: string;
-    value?: string;
-    placeholder?: string;
-    align: InputAlign;
-    disabled: boolean;
-    readOnly: boolean;
-    maxLength: number;
-    clearable: boolean;
-    clearIcon: React.ReactNode;
-    formatTrigger: InputFormatTrigger;
-    autoFocus: boolean;
-    confirmType: InputConfirmType;
-    plain: boolean;
-    formatter?: (value: string) => string;
-    onChange?: (value: string) => void;
-    onBlur?: (value: string) => void;
-    onFocus?: (value: string) => void;
-    onClear?: (value: string) => void;
-    onClick?: (event: MouseEvent<HTMLDivElement>) => void;
-}
-export declare const Input: React.ForwardRefExoticComponent<Partial<InputProps> & Omit<React.HTMLAttributes<HTMLDivElement>, "onClick" | "onFocus" | "onBlur" | "onChange"> & React.RefAttributes<unknown>>;
+import React from 'react';
+import { WebInputProps } from "../../types";
+export declare const Input: React.ForwardRefExoticComponent<Partial<WebInputProps> & Omit<React.HTMLAttributes<HTMLDivElement>, "onClick" | "onFocus" | "onBlur" | "onChange"> & React.RefAttributes<unknown>>;

package/dist/cjs/packages/inputnumber/index.d.ts

@@ -1,3 +1,3 @@
 import { InputNumber } from './inputnumber';
-export type { InputNumberProps } from './inputnumber';
+export type { WebInputNumberProps as InputNumberProps } from "../../types";
 export default InputNumber;

package/dist/cjs/packages/inputnumber/inputnumber.d.ts

@@ -1,23 +1,3 @@
-import React, { FunctionComponent, ChangeEvent } from 'react';
-import { BasicComponent } from "../../utils/typings";
-export interface InputNumberProps extends BasicComponent {
-    value: number | string;
-    defaultValue: number | string;
-    allowEmpty: boolean;
-    min: number | string;
-    max: number | string;
-    disabled: boolean;
-    readOnly: boolean;
-    step: number;
-    digits: number;
-    async: boolean;
-    select: boolean;
-    formatter?: (value?: string | number) => string;
-    onPlus: (e: React.MouseEvent) => void;
-    onMinus: (e: React.MouseEvent) => void;
-    onOverlimit: (e: React.MouseEvent | ChangeEvent<HTMLInputElement>) => void;
-    onBlur: (e: React.FocusEvent<HTMLInputElement>) => void;
-    onFocus: (e: React.FocusEvent<HTMLInputElement>) => void;
-    onChange: (param: string | number, e: React.MouseEvent | ChangeEvent<HTMLInputElement>) => void;
-}
-export declare const InputNumber: FunctionComponent<Partial<InputNumberProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'onBlur'>>;
+import React, { FunctionComponent } from 'react';
+import { WebInputNumberProps } from "../../types";
+export declare const InputNumber: FunctionComponent<Partial<WebInputNumberProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'onBlur'>>;

package/dist/cjs/packages/inputnumber/inputnumber.js

@@ -10,16 +10,19 @@ Object.defineProperty(exports, "InputNumber", {
 });
 var _interop_require_default = require("@swc/helpers/_/_interop_require_default");
 var _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+var _async_to_generator = require("@swc/helpers/_/_async_to_generator");
 var _define_property = require("@swc/helpers/_/_define_property");
 var _object_spread = require("@swc/helpers/_/_object_spread");
 var _object_spread_props = require("@swc/helpers/_/_object_spread_props");
 var _object_without_properties = require("@swc/helpers/_/_object_without_properties");
 var _sliced_to_array = require("@swc/helpers/_/_sliced_to_array");
+var _ts_generator = require("@swc/helpers/_/_ts_generator");
 var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 var _iconsreact = require("@nutui/icons-react");
 var _classnames = /*#__PURE__*/ _interop_require_default._(require("classnames"));
 var _usepropsvalue = require("../../hooks/use-props-value");
 var _typings = require("../../utils/typings");
+var _bound = require("../../utils/bound");
 var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typings.ComponentDefaults), {
     disabled: false,
     readOnly: false,
@@ -28,12 +31,14 @@ var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typing
     max: 9999,
     step: 1,
     digits: 0,
-    async: false,
-    select: true
+    select: true,
+    beforeChange: function beforeChange(value) {
+        return Promise.resolve(true);
+    }
 });
 var classPrefix = "nut-inputnumber";
 var InputNumber = function InputNumber(props) {
-    var _ref = (0, _object_spread._)({}, defaultProps, props), children = _ref.children, disabled = _ref.disabled, min = _ref.min, max = _ref.max, readOnly = _ref.readOnly, value = _ref.value, defaultValue = _ref.defaultValue, allowEmpty = _ref.allowEmpty, digits = _ref.digits, step = _ref.step, async = _ref.async, select = _ref.select, className = _ref.className, style = _ref.style, formatter = _ref.formatter, onPlus = _ref.onPlus, onMinus = _ref.onMinus, onOverlimit = _ref.onOverlimit, onBlur = _ref.onBlur, onFocus = _ref.onFocus, onChange = _ref.onChange, restProps = (0, _object_without_properties._)(_ref, [
+    var _ref = (0, _object_spread._)({}, defaultProps, props), children = _ref.children, disabled = _ref.disabled, min = _ref.min, max = _ref.max, readOnly = _ref.readOnly, value = _ref.value, defaultValue = _ref.defaultValue, allowEmpty = _ref.allowEmpty, digits = _ref.digits, step = _ref.step, select = _ref.select, className = _ref.className, style = _ref.style, formatter = _ref.formatter, onPlus = _ref.onPlus, onMinus = _ref.onMinus, onOverlimit = _ref.onOverlimit, onBlur = _ref.onBlur, onFocus = _ref.onFocus, onChange = _ref.onChange, beforeChange = _ref.beforeChange, restProps = (0, _object_without_properties._)(_ref, [
         "children",
         "disabled",
         "min",
@@ -44,7 +49,6 @@ var InputNumber = function InputNumber(props) {
         "allowEmpty",
         "digits",
         "step",
-        "async",
         "select",
         "className",
         "style",
@@ -54,7 +58,8 @@ var InputNumber = function InputNumber(props) {
         "onOverlimit",
         "onBlur",
         "onFocus",
-        "onChange"
+        "onChange",
+        "beforeChange"
     ]);
     var classes = (0, _classnames.default)(classPrefix, className, (0, _define_property._)({}, "".concat(classPrefix, "-disabled"), disabled));
     var _useState = (0, _sliced_to_array._)((0, _react.useState)(false), 2), focused = _useState[0], setFocused = _useState[1];
@@ -71,24 +76,12 @@ var InputNumber = function InputNumber(props) {
     var _usePropsValue = (0, _sliced_to_array._)((0, _usepropsvalue.usePropsValue)({
         value: typeof value === 'string' ? parseFloat(value) : value,
         defaultValue: typeof defaultValue === 'string' ? parseFloat(defaultValue) : defaultValue,
-        finalValue: 0,
-        onChange: function onChange(value) {}
+        finalValue: 0
     }), 2), shadowValue = _usePropsValue[0], setShadowValue = _usePropsValue[1];
-    var bound = function bound(value, min, max) {
-        var res = value;
-        if (min !== undefined) {
-            res = Math.max(Number(min), res);
-        }
-        if (max !== undefined) {
-            res = Math.min(Number(max), res);
-        }
-        return res;
-    };
     var format = function format(value) {
         if (value === null) return '';
         // 如果超过 min 或 max, 需要纠正
-        if (typeof value === 'string') value = parseFloat(value);
-        var fixedValue = bound(value, Number(min), Number(max));
+        var fixedValue = (0, _bound.bound)(typeof value === 'string' ? parseFloat(value) : value, Number(min), Number(max));
         if (formatter) {
             return formatter(fixedValue);
         }
@@ -99,102 +92,153 @@ var InputNumber = function InputNumber(props) {
     };
     var _useState1 = (0, _sliced_to_array._)((0, _react.useState)(format(shadowValue)), 2), inputValue = _useState1[0], setInputValue = _useState1[1];
     (0, _react.useEffect)(function() {
-        if (!focused && !async) {
-            setShadowValue(bound(Number(shadowValue), Number(min), Number(max)));
+        if (!focused) {
             setInputValue(format(shadowValue));
         }
     }, [
         focused,
         shadowValue
     ]);
-    (0, _react.useEffect)(function() {
-        if (async) {
-            setShadowValue(bound(Number(value), Number(min), Number(max)));
-            setInputValue(format(value));
-        }
-    }, [
-        value
-    ]);
-    var calcNextValue = function calcNextValue(current, step, symbol) {
+    var calcNextValue = function calcNextValue(current, stepValue, symbol) {
         var dig = digits + 1;
-        return (parseFloat(current || '0') * dig + parseFloat(step) * dig * symbol) / dig;
-    };
-    var update = function update(negative, e) {
-        if (step !== undefined) {
-            var shouldOverBoundary = calcNextValue(shadowValue, step, negative ? -1 : 1);
-            var nextValue = bound(shouldOverBoundary, Number(min), Number(max));
-            setShadowValue(nextValue);
-            if (negative ? shouldOverBoundary < Number(min) : shouldOverBoundary > Number(max)) {
-                onOverlimit === null || onOverlimit === void 0 ? void 0 : onOverlimit(e);
-            } else {
-                onChange === null || onChange === void 0 ? void 0 : onChange(nextValue, e);
-            }
-        }
-    };
-    var handleReduce = function handleReduce(e) {
-        if (disabled) return;
-        onMinus === null || onMinus === void 0 ? void 0 : onMinus(e);
-        update(true, e);
-    };
-    var handlePlus = function handlePlus(e) {
-        if (disabled) return;
-        onPlus === null || onPlus === void 0 ? void 0 : onPlus(e);
-        update(false, e);
+        var currentValue = parseFloat(current || '0');
+        var stepAmount = parseFloat(stepValue) * symbol;
+        return (currentValue * dig + stepAmount * dig) / dig;
     };
+    var update = /*#__PURE__*/ function() {
+        var _ref = (0, _async_to_generator._)(function(negative, e) {
+            var shouldOverBoundary, maybeResume, nextValue;
+            return (0, _ts_generator._)(this, function(_state) {
+                switch(_state.label){
+                    case 0:
+                        if (step === undefined) return [
+                            2
+                        ];
+                        negative ? onMinus === null || onMinus === void 0 ? void 0 : onMinus(e) : onPlus === null || onPlus === void 0 ? void 0 : onPlus(e);
+                        shouldOverBoundary = calcNextValue((0, _bound.bound)(Number(shadowValue), Number(min), Number(max)), step, negative ? -1 : 1);
+                        return [
+                            4,
+                            beforeChange(Number(shouldOverBoundary))
+                        ];
+                    case 1:
+                        maybeResume = _state.sent();
+                        if (!maybeResume) return [
+                            2
+                        ];
+                        nextValue = (0, _bound.bound)(shouldOverBoundary, Number(min), Number(max));
+                        setShadowValue(nextValue);
+                        if (negative ? shouldOverBoundary < Number(min) : shouldOverBoundary > Number(max)) {
+                            onOverlimit === null || onOverlimit === void 0 ? void 0 : onOverlimit(e);
+                        } else {
+                            onChange === null || onChange === void 0 ? void 0 : onChange(nextValue, e);
+                        }
+                        return [
+                            2
+                        ];
+                }
+            });
+        });
+        return function update(negative, e) {
+            return _ref.apply(this, arguments);
+        };
+    }();
+    var handleReduce = /*#__PURE__*/ function() {
+        var _ref = (0, _async_to_generator._)(function(e) {
+            return (0, _ts_generator._)(this, function(_state) {
+                switch(_state.label){
+                    case 0:
+                        if (disabled) return [
+                            2
+                        ];
+                        return [
+                            4,
+                            update(true, e)
+                        ];
+                    case 1:
+                        _state.sent();
+                        return [
+                            2
+                        ];
+                }
+            });
+        });
+        return function handleReduce(e) {
+            return _ref.apply(this, arguments);
+        };
+    }();
+    var handlePlus = /*#__PURE__*/ function() {
+        var _ref = (0, _async_to_generator._)(function(e) {
+            return (0, _ts_generator._)(this, function(_state) {
+                switch(_state.label){
+                    case 0:
+                        if (disabled) return [
+                            2
+                        ];
+                        return [
+                            4,
+                            update(false, e)
+                        ];
+                    case 1:
+                        _state.sent();
+                        return [
+                            2
+                        ];
+                }
+            });
+        });
+        return function handlePlus(e) {
+            return _ref.apply(this, arguments);
+        };
+    }();
     var parseValue = function parseValue(text) {
         if (text === '') return null;
         if (text === '-') return null;
         return text;
     };
-    var clampValue = function clampValue(valueStr) {
-        if (valueStr === null) return defaultValue;
-        var val = Number(parseFloat(valueStr || '0').toFixed(digits));
-        return Math.max(Number(min), Math.min(Number(max), val));
-    };
-    var handleValueChange = function handleValueChange(valueStr, e) {
-        var val = clampValue(valueStr);
-        // input暂不触发onOverlimit
-        // if (val !== Number(e.target.value)) {
-        //   onOverlimit?.(e)
-        // }
-        if (val !== Number(shadowValue)) {
-            onChange === null || onChange === void 0 ? void 0 : onChange(val, e);
-        }
-    };
-    var handleInputChange = function handleInputChange(e) {
-        // 设置 input 值， 在 blur 时格式化
-        setInputValue(e.target.value);
-        var valueStr = parseValue(e.target.value);
-        if (valueStr === null) {
-            if (allowEmpty) {
-                setShadowValue(null);
-            } else {
-                setShadowValue(defaultValue);
-            }
-        } else {
-            setShadowValue(clampValue(valueStr));
-        }
-        !async && handleValueChange(valueStr, e);
-    };
+    var handleInputChange = /*#__PURE__*/ function() {
+        var _ref = (0, _async_to_generator._)(function(e) {
+            var valueStr, maybeResume;
+            return (0, _ts_generator._)(this, function(_state) {
+                switch(_state.label){
+                    case 0:
+                        // 设置 input 值， 在 blur 时格式化
+                        setInputValue(e.target.value);
+                        valueStr = parseValue(e.target.value);
+                        return [
+                            4,
+                            beforeChange(Number(valueStr))
+                        ];
+                    case 1:
+                        maybeResume = _state.sent();
+                        if (!maybeResume) return [
+                            2
+                        ];
+                        setShadowValue(valueStr === null ? allowEmpty ? null : defaultValue : valueStr);
+                        if (valueStr !== null && (Number(valueStr) < Number(min) || Number(valueStr) > Number(max))) {
+                            onOverlimit === null || onOverlimit === void 0 ? void 0 : onOverlimit(e);
+                        } else {
+                            onChange === null || onChange === void 0 ? void 0 : onChange(parseFloat(valueStr || '0').toFixed(digits), e);
+                        }
+                        return [
+                            2
+                        ];
+                }
+            });
+        });
+        return function handleInputChange(e) {
+            return _ref.apply(this, arguments);
+        };
+    }();
     var handleFocus = function handleFocus(e) {
         setFocused(true);
-        setInputValue(shadowValue !== undefined && shadowValue !== null ? bound(Number(shadowValue), Number(min), Number(max)).toString() : '');
+        setInputValue(shadowValue !== undefined && shadowValue !== null ? (0, _bound.bound)(Number(shadowValue), Number(min), Number(max)).toString() : '');
         onFocus === null || onFocus === void 0 ? void 0 : onFocus(e);
     };
     var handleBlur = function handleBlur(e) {
         setFocused(false);
-        onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
+        onBlur && onBlur(e);
         var valueStr = parseValue(e.target.value);
-        if (valueStr === null) {
-            if (allowEmpty) {
-                setShadowValue(null);
-            } else {
-                setShadowValue(defaultValue);
-            }
-        } else {
-            setShadowValue(clampValue(valueStr));
-        }
-        async && handleValueChange(valueStr, e);
+        onChange === null || onChange === void 0 ? void 0 : onChange(parseFloat(valueStr || '0').toFixed(digits), e);
     };
     return /*#__PURE__*/ _react.default.createElement("div", (0, _object_spread._)({
         className: classes,

package/dist/cjs/packages/loading/index.d.ts

@@ -1,3 +1,3 @@
 import { Loading } from './loading';
-export type { LoadingProps, LoadingType, LoadingDirection } from './types';
+export type { WebLoadingProps as LoadingProps, LoadingType, LoadingRef, } from "../../types";
 export default Loading;

package/dist/cjs/packages/loading/loading.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-import { LoadingProps } from './types';
-export declare const Loading: React.ForwardRefExoticComponent<Partial<LoadingProps> & React.RefAttributes<any>>;
+import { WebLoadingProps } from "../../types";
+export declare const Loading: React.ForwardRefExoticComponent<Partial<WebLoadingProps> & React.RefAttributes<any>>;

package/dist/cjs/packages/lottie/index.d.ts

@@ -1,3 +1,3 @@
 import { Lottie } from './web';
-export type { LottieProps } from './types';
+export type { WebLottieProps as LottieProps } from "../../types";
 export default Lottie;

package/dist/cjs/packages/lottie/web.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-import { LottieProps } from './types';
-export declare const Lottie: React.ForwardRefExoticComponent<Omit<Partial<LottieProps>, "ref"> & React.RefAttributes<unknown>>;
+import { WebLottieProps } from "../../types";
+export declare const Lottie: React.ForwardRefExoticComponent<Omit<Partial<WebLottieProps>, "ref"> & React.RefAttributes<unknown>>;

package/dist/cjs/packages/menu/index.d.ts

@@ -1,3 +1,3 @@
 import { Menu } from './menu';
-export type { MenuProps, MenuTriggerType, MenuCallBackFunction } from './menu';
+export type { WebMenuProps as MenuProps, MenuTriggerType, MenuCallBack, } from "../../types";
 export default Menu;

package/dist/cjs/packages/menu/menu.d.ts

@@ -1,19 +1,6 @@
-import React, { FunctionComponent } from 'react';
+import { FunctionComponent } from 'react';
 import { MenuItem } from "../menuitem/menuitem";
-import { BasicComponent } from "../../utils/typings";
-export type MenuTriggerType = 'NORMAL' | 'REF';
-export type MenuCallBackFunction = (index: number, from?: MenuTriggerType) => void;
-export interface MenuProps extends BasicComponent {
-    activeColor: string;
-    overlay: boolean;
-    closeOnOverlayClick: boolean;
-    scrollFixed: boolean | string | number;
-    lockScroll: boolean;
-    icon: React.ReactNode;
-    children: React.ReactNode;
-    onOpen: MenuCallBackFunction;
-    onClose: MenuCallBackFunction;
-}
-export declare const Menu: FunctionComponent<Partial<MenuProps>> & {
+import { WebMenuProps } from "../../types";
+export declare const Menu: FunctionComponent<Partial<WebMenuProps>> & {
     Item: typeof MenuItem;
 };

package/dist/cjs/packages/menuitem/index.d.ts

@@ -1,3 +1,3 @@
 import { MenuItem } from './menuitem';
-export type { MenuItemProps } from './menuitem';
+export type { WebMenuItemProps as MenuItemProps, MenuOptionItem } from "../../types";
 export default MenuItem;

package/dist/cjs/packages/menuitem/menuitem.d.ts

@@ -1,23 +1,3 @@
 import React from 'react';
-import { BasicComponent } from "../../utils/typings";
-export interface OptionItem {
-    text: string;
-    value: string | number;
-}
-export interface MenuItemProps extends BasicComponent {
-    title: React.ReactNode;
-    titleIcon: React.ReactNode;
-    options: OptionItem[];
-    disabled: boolean;
-    columns: number;
-    icon: React.ReactNode;
-    closeOnClickAway: boolean;
-    direction: string;
-    activeTitleClass: string;
-    inactiveTitleClass: string;
-    value: string | number;
-    defaultValue: string | number;
-    onChange: (event: any) => void;
-    children: React.ReactNode;
-}
-export declare const MenuItem: React.ForwardRefExoticComponent<Partial<MenuItemProps> & React.RefAttributes<unknown>>;
+import { TaroMenuItemProps } from "../../types";
+export declare const MenuItem: React.ForwardRefExoticComponent<Partial<TaroMenuItemProps> & React.RefAttributes<unknown>>;

package/dist/cjs/packages/navbar/index.d.ts

@@ -1,3 +1,3 @@
 import { NavBar } from './navbar';
-export type { NavBarProps } from './navbar';
+export type { WebNavBarProps as NavBarProps } from "../../types";
 export default NavBar;

package/dist/cjs/packages/navbar/navbar.d.ts

@@ -1,15 +1,3 @@
-import React, { FunctionComponent } from 'react';
-import { BasicComponent } from "../../utils/typings";
-export interface NavBarProps extends BasicComponent {
-    left: React.ReactNode;
-    back: React.ReactNode;
-    right: React.ReactNode;
-    title: React.ReactNode;
-    fixed: boolean;
-    safeAreaInsetTop: boolean;
-    placeholder: boolean;
-    zIndex: number | string;
-    onBackClick: (e: React.MouseEvent<HTMLElement>) => void;
-    children?: React.ReactNode;
-}
-export declare const NavBar: FunctionComponent<Partial<NavBarProps>>;
+import { FunctionComponent } from 'react';
+import { WebNavBarProps } from "../../types";
+export declare const NavBar: FunctionComponent<Partial<WebNavBarProps>>;

package/dist/cjs/packages/noticebar/index.d.ts

@@ -1,4 +1,3 @@
 import { NoticeBar } from './noticebar';
-export type { NoticeBarAlign } from './types';
-export type { NoticeBarProps } from './noticebar';
+export type { WebNoticeBarProps as NoticeBarProps, NoticeBarAlign, } from "../../types";
 export default NoticeBar;