@nutui/nutui-react-taro 2.0.0-alpha.4 → 2.0.0-alpha.6

package/dist/esm/drag.taro-347dfb84.js

@@ -1,111 +0,0 @@
-import React, { useState, useRef, useEffect } from 'react';
-import { getSystemInfoSync, createSelectorQuery } from '@tarojs/taro';
-import { C as ComponentDefaults } from './typings-d8491423.js';
-
-const defaultProps = {
-    ...ComponentDefaults,
-    attract: false,
-    direction: undefined,
-    boundary: {
-        top: 0,
-        left: 0,
-        right: 0,
-        bottom: 0,
-    },
-    className: 'myDrag',
-};
-const Drag = (props) => {
-    const { attract, direction, boundary, children, className, style, ...reset } = {
-        ...defaultProps,
-        ...props,
-    };
-    const classPrefix = 'nut-drag';
-    const [boundaryState, setBoundaryState] = useState(boundary);
-    const myDrag = useRef(null);
-    const dragRef = useRef(null);
-    const [currstyle, setCurrStyle] = useState({});
-    const timer = useRef(0);
-    const axisCache = useRef({ x: 0, y: 0 });
-    const transformCache = useRef({ x: 0, y: 0 });
-    const translateX = useRef(0);
-    const translateY = useRef(0);
-    const middleLine = useRef(0);
-    const getInfo = () => {
-        const el = myDrag.current;
-        if (el) {
-            const { top, left, bottom, right } = boundary;
-            const { screenWidth, windowHeight } = getSystemInfoSync();
-            createSelectorQuery()
-                .select(`.${className}`)
-                .boundingClientRect((rec) => {
-                setBoundaryState({
-                    top: -rec.top + top,
-                    left: -rec.left + left,
-                    bottom: windowHeight - rec.height - rec.top - bottom,
-                    right: screenWidth - rec.width - rec.left - right,
-                });
-                middleLine.current =
-                    screenWidth - rec.width - rec.left - (screenWidth - rec.width) / 2;
-            })
-                .exec();
-        }
-    };
-    const touchStart = (e) => {
-        e.currentTarget;
-        const touches = e.touches[0];
-        axisCache.current = { x: touches.clientX, y: touches.clientY };
-        transformCache.current = { x: translateX.current, y: translateY.current };
-    };
-    const touchMove = (e) => {
-        if (e.touches.length === 1 && dragRef.current) {
-            const touch = e.touches[0];
-            const x = touch.clientX - axisCache.current.x;
-            const y = touch.clientY - axisCache.current.y;
-            translateX.current = x + transformCache.current.x;
-            translateY.current = y + transformCache.current.y;
-            // 边界判断
-            if (translateX.current < boundaryState.left) {
-                translateX.current = boundaryState.left;
-            }
-            else if (translateX.current > boundaryState.right) {
-                translateX.current = boundaryState.right;
-            }
-            if (translateY.current < boundaryState.top) {
-                translateY.current = boundaryState.top;
-            }
-            else if (translateY.current > boundaryState.bottom) {
-                translateY.current = boundaryState.bottom;
-            }
-            const transform = `translate3d(${props.direction !== 'y' ? translateX.current : 0}px, ${props.direction !== 'x' ? translateY.current : 0}px, 0px)`;
-            setCurrStyle({ transform });
-        }
-    };
-    const touchEnd = (e) => {
-        if (props.direction !== 'y' && props.attract && dragRef.current) {
-            if (translateX.current < middleLine.current) {
-                translateX.current = boundaryState.left;
-            }
-            else {
-                translateX.current = boundaryState.right;
-            }
-            const transform = `translate3d(${translateX.current}px, ${props.direction !== 'x' ? translateY.current : 0}px, 0px)`;
-            setCurrStyle({ transform });
-        }
-    };
-    useEffect(() => {
-        timer.current = window.setTimeout(() => {
-            getInfo();
-        }, 300);
-        return () => {
-            clearTimeout(timer.current);
-        };
-    }, []);
-    return (React.createElement("div", { style: style, className: `${classPrefix} ${className}`, ...reset, ref: myDrag },
-        React.createElement("div", { onTouchStart: (event) => touchStart(event), ref: dragRef, onTouchMove: touchMove, onTouchEnd: touchEnd, 
-            // eslint-disable-next-line react/no-unknown-property
-            style: currstyle }, children)));
-};
-Drag.defaultProps = defaultProps;
-Drag.displayName = 'NutDrag';
-
-export { Drag as D };

package/dist/esm/elevator.taro-360a831f.js

@@ -1,185 +0,0 @@
-import React, { createContext, useRef, useState, useEffect } from 'react';
-import { nextTick, createSelectorQuery } from '@tarojs/taro';
-import { ScrollView } from '@tarojs/components';
-import classNames from 'classnames';
-import { C as ComponentDefaults } from './typings-d8491423.js';
-
-const elevatorContext = createContext({});
-const defaultProps = {
-    ...ComponentDefaults,
-    height: '200px',
-    floorKey: 'title',
-    list: [],
-    sticky: false,
-    spaceHeight: 23,
-    titleHeight: 35,
-    className: 'weapp-elevator',
-};
-const Elevator = (props) => {
-    const { height, floorKey, list, sticky, spaceHeight, titleHeight, className, style, onClickItem, onClickIndex, children, ...rest } = {
-        ...defaultProps,
-        ...props,
-    };
-    const classPrefix = 'nut-elevator';
-    const listview = useRef(null);
-    const initData = {
-        anchorIndex: 0,
-        listHeight: [],
-        listGroup: [],
-        scrollY: 0,
-    };
-    const touchState = useRef({
-        y1: 0,
-        y2: 0,
-    });
-    const [currentData, setCurrentData] = useState({});
-    const [currentKey, setCurrentKey] = useState('');
-    const [currentIndex, setCurrentIndex] = useState(0);
-    const [codeIndex, setCodeIndex] = useState(0);
-    const [scrollStart, setScrollStart] = useState(false);
-    const state = useRef(initData);
-    const [scrollTop, setScrollTop] = useState(0);
-    // 重置滚动参数
-    const resetScrollState = () => {
-        setScrollStart(false);
-    };
-    const getData = (el) => {
-        if (!el.dataset.index) {
-            return '0';
-        }
-        return el.dataset.index;
-    };
-    const calculateHeight = () => {
-        let height = 0;
-        state.current.listHeight.push(height);
-        for (let i = 0; i < state.current.listGroup.length; i++) {
-            const query = createSelectorQuery();
-            query
-                .selectAll(`.${className} .nut-elevator__item__${i}`)
-                .boundingClientRect();
-            // eslint-disable-next-line no-loop-func
-            query.exec((res) => {
-                if (res[0][0])
-                    height += res[0][0].height;
-                // console.log(res, res[0][0].height, height, 'res')
-                state.current.listHeight.push(height);
-            });
-        }
-    };
-    const scrollTo = (index) => {
-        if (!index && index !== 0) {
-            return;
-        }
-        if (!state.current.listHeight.length) {
-            calculateHeight();
-        }
-        let cacheIndex = index;
-        if (index < 0) {
-            cacheIndex = 0;
-        }
-        if (index > state.current.listHeight.length - 2) {
-            cacheIndex = state.current.listHeight.length - 2;
-        }
-        setCodeIndex(cacheIndex);
-        setScrollTop(state.current.listHeight[cacheIndex]);
-    };
-    const touchMove = (e) => {
-        const firstTouch = e.touches[0];
-        touchState.current.y2 = firstTouch.pageY;
-        const delta = (touchState.current.y2 - touchState.current.y1) / spaceHeight || 0;
-        const cacheIndex = state.current.anchorIndex + Math.floor(delta);
-        setCodeIndex(cacheIndex);
-        scrollTo(cacheIndex);
-    };
-    const touchEnd = () => {
-        resetScrollState();
-    };
-    const touchStart = (e) => {
-        setScrollStart(true);
-        const index = Number(getData(e.target));
-        const firstTouch = e.touches[0];
-        touchState.current.y1 = firstTouch.pageY;
-        state.current.anchorIndex = +index;
-        setCodeIndex((codeIndex) => {
-            return codeIndex + index;
-        });
-        scrollTo(index);
-    };
-    const handleClickItem = (key, item) => {
-        onClickItem && onClickItem(key, item);
-        setCurrentData(item);
-        setCurrentKey(key);
-    };
-    const handleClickIndex = (key) => {
-        onClickIndex && onClickIndex(key);
-    };
-    const setListGroup = () => {
-        if (listview.current) {
-            createSelectorQuery()
-                .selectAll(`.${className} .nut-elevator__list__item`)
-                .node((el) => {
-                state.current.listGroup = [...Object.keys(el)];
-                calculateHeight();
-            })
-                .exec();
-        }
-    };
-    const listViewScroll = (e) => {
-        const { listHeight } = state.current;
-        if (!listHeight.length) {
-            calculateHeight();
-        }
-        const target = e.target;
-        const { scrollTop } = target;
-        state.current.scrollY = Math.floor(scrollTop);
-        setScrollTop(scrollTop);
-        for (let i = 0; i < listHeight.length - 1; i++) {
-            const height1 = listHeight[i];
-            const height2 = listHeight[i + 1];
-            if (state.current.scrollY >= height1 && state.current.scrollY < height2) {
-                setCurrentIndex(i);
-                return;
-            }
-        }
-        setCurrentIndex(listHeight.length - 2);
-    };
-    useEffect(() => {
-        if (listview.current) {
-            nextTick(() => {
-                setListGroup();
-            });
-        }
-    }, [listview]);
-    return (React.createElement("div", { className: `${classPrefix} ${className}`, style: style, ...rest },
-        sticky && scrollTop > 0 ? (React.createElement("div", { className: `${classPrefix}__list__fixed` },
-            React.createElement("span", { className: `${classPrefix}__list__fixed__title` }, list[currentIndex][floorKey]))) : null,
-        React.createElement("div", { className: `${classPrefix}__list`, style: { height: Number.isNaN(+height) ? height : `${height}px` } },
-            React.createElement(ScrollView, { scrollTop: scrollTop, scrollY: true, className: `${classPrefix}__list__inner`, type: "list", ref: listview, onScroll: listViewScroll }, list.map((item, idx) => {
-                return (React.createElement("div", { className: `${classPrefix}__list__item nut-elevator__item__${idx}`, key: idx },
-                    React.createElement("div", { className: `${classPrefix}__list__item__code` }, item[floorKey]),
-                    React.createElement(React.Fragment, null, item.list.map((subitem) => {
-                        return (React.createElement("div", { className: classNames({
-                                [`${classPrefix}__list__item__name`]: true,
-                                [`${classPrefix}__list__item__name--highcolor`]: currentData.id === subitem.id &&
-                                    currentKey === item[floorKey],
-                            }), key: subitem.id, onClick: () => handleClickItem(item[floorKey], subitem) }, children ? (React.createElement(React.Fragment, null,
-                            React.createElement(elevatorContext.Provider, { value: subitem }, children))) : (subitem.name)));
-                    }))));
-            }))),
-        list.length && scrollStart ? (React.createElement("div", { className: classNames({
-                [`${classPrefix}__code--current`]: true,
-                [`${classPrefix}__code--current--current`]: true,
-            }) }, list[codeIndex][floorKey])) : null,
-        React.createElement("div", { className: `${classPrefix}__bars` },
-            React.createElement("div", { className: `${classPrefix}__bars__inner`, onTouchStart: (event) => touchStart(event), onTouchMove: (event) => touchMove(event), onTouchEnd: touchEnd, style: { touchAction: 'pan-y' } }, list.map((item, index) => {
-                return (React.createElement("div", { className: classNames({
-                        [`${classPrefix}__bars__inner__item`]: true,
-                        [`${classPrefix}__bars__inner__item--active`]: item[floorKey] === list[currentIndex][floorKey],
-                    }), "data-index": index, key: index, onClick: () => handleClickIndex(item[floorKey]) }, item[floorKey]));
-            })))));
-};
-Elevator.defaultProps = defaultProps;
-Elevator.displayName = 'NutElevator';
-Elevator.Context = elevatorContext;
-
-export { Elevator as E };

package/dist/esm/ellipsis.taro-79044d54.js

@@ -1,241 +0,0 @@
-import React, { useState, useRef, useEffect } from 'react';
-import { useReady, nextTick, createSelectorQuery } from '@tarojs/taro';
-import { u as useConfig } from './configprovider.taro-43a3c646.js';
-import { g as getRectByTaro } from './use-client-rect-1f8ed1fe.js';
-
-const defaultProps = {
-    content: '',
-    direction: 'end',
-    rows: 1,
-    expandText: '',
-    collapseText: '',
-    symbol: '...',
-    lineHeight: '20',
-};
-const Ellipsis = (props) => {
-    useConfig();
-    const { children, content, direction, rows, expandText, collapseText, symbol, lineHeight, onClick, onChange, } = { ...defaultProps, ...props };
-    let maxHeight = 0; // 当行的最大高度
-    const [exceeded, setExceeded] = useState(false);
-    const [expanded, setExpanded] = useState(false);
-    const ellipsis = useRef({
-        leading: '',
-        tailing: '',
-    });
-    const root = useRef(null);
-    const rootContain = useRef(null);
-    const symbolContain = useRef(null);
-    const [contentCopy, setContentCopy] = useState(content);
-    let lineH = 0; // 当行的最大高度
-    let originHeight = 0; // 原始高度
-    const refRandomId = Math.random().toString(36).slice(-8);
-    const widthRef = useRef('auto');
-    let widthBase = [14, 10, 7, 8.4, 10]; // 中、英(大)、英(小)、数字、其他字符的基础宽度
-    let symbolTextWidth = widthBase[0] * 0.7921;
-    const chineseReg = /^[\u4e00-\u9fa5]+$/; // 汉字
-    const digitReg = /^[0-9]+$/; // 数字
-    const letterUpperReg = /^[A-Z]+$/; // 字母
-    const letterLowerReg = /^[a-z]+$/; // 字母
-    const init = () => {
-        setExceeded(false);
-        setExpanded(false);
-        setContentCopy(content);
-        nextTick(() => {
-            getSymbolInfo();
-            getReference();
-        });
-    };
-    useReady(() => init());
-    useEffect(() => init(), [content]);
-    // 获取省略号宽度
-    const getSymbolInfo = async () => {
-        const refe = await getRectByTaro(symbolContain?.current);
-        symbolTextWidth = refe.width
-            ? Math.ceil(refe.width)
-            : Math.ceil(widthBase[0] * 0.7921);
-    };
-    const symbolText = () => {
-        if (direction === 'end' || direction === 'middle') {
-            return `${symbol}${expandText}`;
-        }
-        return `${symbol}${expandText}${symbol}`;
-    };
-    const getReference = async () => {
-        const element = root.current;
-        const query = createSelectorQuery();
-        query.select(`#${element.id}`) &&
-            query
-                .select(`#${element.id}`)
-                .fields({
-                computedStyle: [
-                    'width',
-                    'height',
-                    'lineHeight',
-                    'paddingTop',
-                    'paddingBottom',
-                    'fontSize',
-                ],
-            }, (res) => {
-                if (!res)
-                    return;
-                lineH = pxToNumber(res.lineHeight === 'normal' ? lineHeight : res.lineHeight);
-                maxHeight = Math.floor(lineH * (Number(rows) + 0.5) +
-                    pxToNumber(res.paddingTop) +
-                    pxToNumber(res.paddingBottom));
-                originHeight = pxToNumber(res.height);
-                widthRef.current = res.width;
-                // 设置基础字符
-                const bsize = pxToNumber(res.fontSize);
-                widthBase = [
-                    bsize,
-                    bsize * 0.72,
-                    bsize * 0.53,
-                    bsize * 0.4,
-                    bsize * 0.75,
-                ];
-                calcEllipse();
-            })
-                .exec();
-    };
-    // 计算省略号的位置
-    const calcEllipse = async () => {
-        const refe = await getRectByTaro(rootContain.current);
-        if (refe.height <= maxHeight) {
-            setExceeded(false);
-        }
-        else {
-            const rowNum = Math.floor(content.length / (originHeight / lineH - 1)); // 每行的字数
-            if (direction === 'middle') {
-                const end = content.length;
-                ellipsis.current.leading = tailorContent(0, rowNum * (Number(rows) + 0.5), 'end');
-                ellipsis.current.tailing = tailorContent(content.length - rowNum * (Number(rows) + 0.5), end, 'start');
-            }
-            else if (direction === 'end') {
-                const end = rowNum * (Number(rows) + 0.5);
-                ellipsis.current.leading = tailorContent(0, end);
-            }
-            else {
-                const start = content.length - rowNum * (Number(rows) + 0.5) - 5;
-                ellipsis.current.tailing = tailorContent(start, content.length);
-            }
-            // 进行兜底判断，是否符合要求
-            assignContent();
-            setTimeout(() => {
-                verifyEllipsis();
-            }, 100);
-        }
-    };
-    // 验证省略号
-    const verifyEllipsis = async () => {
-        const refe = await getRectByTaro(rootContain.current);
-        if (refe && refe.height && refe.height > maxHeight) {
-            if (direction === 'end') {
-                ellipsis.current.leading = ellipsis.current?.leading?.slice(0, ellipsis.current?.leading.length - 1);
-            }
-            else {
-                ellipsis.current.tailing = ellipsis.current?.tailing?.slice(1, ellipsis.current?.tailing.length);
-            }
-            assignContent();
-            setTimeout(() => {
-                verifyEllipsis();
-            }, 100);
-        }
-    };
-    const assignContent = () => {
-        const newContent = `${ellipsis.current?.leading || ''}${ellipsis.current?.leading ? symbol : ''}${expandText || ''}${ellipsis.current?.tailing ? symbol : ''}${ellipsis.current?.tailing || ''}`;
-        setContentCopy(newContent);
-    };
-    // 计算省略号
-    const tailorContent = (left, right, type = '') => {
-        const threeDotWidth = symbolTextWidth;
-        const direc = direction === 'middle' && type ? type : direction;
-        setExceeded(true);
-        let widthPart = -1;
-        const start = left;
-        const end = right;
-        let cutoff = 0;
-        let marking = 0;
-        if (direc === 'end') {
-            marking = start;
-            cutoff = end;
-        }
-        else {
-            marking = end;
-            cutoff = start;
-        }
-        const contentWidth = pxToNumber(widthRef.current) * Number(rows) - threeDotWidth;
-        const contentPartWidth = direction === 'middle' ? contentWidth / 2 : contentWidth;
-        while (widthPart < contentPartWidth) {
-            const zi = content[marking];
-            if (chineseReg.test(zi)) {
-                widthPart = Number(widthPart + widthBase[0]);
-            }
-            else if (letterUpperReg.test(zi)) {
-                widthPart = Number(widthPart + widthBase[1]);
-            }
-            else if (letterLowerReg.test(zi)) {
-                widthPart = Number(widthPart + widthBase[2]);
-            }
-            else if (digitReg.test(zi)) {
-                widthPart = Number(widthPart + widthBase[3]);
-            }
-            else {
-                widthPart = Number(widthPart + widthBase[4]);
-            }
-            cutoff = marking;
-            direc === 'end' ? marking++ : marking--;
-        }
-        if (direc === 'end') {
-            return content.slice(0, cutoff);
-        }
-        return content.slice(cutoff, end);
-    };
-    const pxToNumber = (value) => {
-        if (!value)
-            return 0;
-        const match = value.match(/^\d*(\.\d*)?/);
-        return match ? Number(match[0]) : 0;
-    };
-    // 展开收起
-    const clickHandle = (type) => {
-        if (type === 1) {
-            setExpanded(true);
-            onChange && onChange('expand');
-        }
-        else {
-            setExpanded(false);
-            onChange && onChange('collapse');
-        }
-    };
-    // 文本点击
-    const handleClick = () => {
-        onClick && onClick();
-    };
-    return (React.createElement(React.Fragment, null,
-        React.createElement("div", { className: "nut-ellipsis", onClick: handleClick, ref: root, id: `root${refRandomId}` },
-            React.createElement("div", null,
-                !exceeded ? (React.createElement("div", { className: "nut-ellipsis-wordbreak" }, content)) : null,
-                exceeded && !expanded ? (React.createElement(React.Fragment, null,
-                    React.createElement("div", { className: "nut-ellipsis-wordbreak" },
-                        ellipsis.current?.leading,
-                        ellipsis.current?.leading && symbol,
-                        expandText ? (React.createElement("span", { className: "nut-ellipsis-text", onClick: (e) => {
-                                e.stopPropagation();
-                                clickHandle(1);
-                            } }, expandText)) : null,
-                        ellipsis.current?.tailing && symbol,
-                        ellipsis.current?.tailing))) : null,
-                exceeded && expanded ? (React.createElement(React.Fragment, null,
-                    content,
-                    expandText ? (React.createElement("span", { className: "nut-ellipsis-text", onClick: (e) => {
-                            e.stopPropagation();
-                            clickHandle(2);
-                        } }, collapseText)) : null)) : null)),
-        React.createElement("div", { className: "nut-ellipsis-copy", ref: rootContain, id: `rootContain${refRandomId}`, style: { width: `${widthRef}` } },
-            React.createElement("div", null, contentCopy)),
-        React.createElement("div", { className: "nut-ellipsis-copy", ref: symbolContain, id: `symbolContain${refRandomId}`, style: { display: 'inline' } }, symbolText())));
-};
-Ellipsis.defaultProps = defaultProps;
-Ellipsis.displayName = 'NutEllipsis';
-
-export { Ellipsis as E };

package/dist/esm/empty.taro-f8585835.js

@@ -1,62 +0,0 @@
-import React, { useState, useEffect } from 'react';
-import { c as cn } from './bem-350c1702.js';
-import { u as useConfig } from './configprovider.taro-43a3c646.js';
-
-/**
- * 内置图片地址
- */
-const defaultStatus = {
-    empty: 'https://static-ftcms.jd.com/p/files/61a9e3183985005b3958672b.png',
-    error: 'https://ftcms.jd.com/p/files/61a9e33ee7dcdbcc0ce62736.png',
-    network: 'https://static-ftcms.jd.com/p/files/61a9e31de7dcdbcc0ce62734.png',
-};
-const defaultProps = {
-    description: '无内容',
-    image: 'empty',
-    imageSize: '',
-    className: '',
-};
-const Empty = (props) => {
-    const { locale } = useConfig();
-    defaultProps.description = locale.noData || defaultProps.description;
-    const { image, imageSize, description, children, className, ...rest } = {
-        ...defaultProps,
-        ...props,
-    };
-    const [imgStyle, setImgStyle] = useState({});
-    const b = cn('empty');
-    let imageNode = image;
-    if (typeof image === 'string') {
-        const isHttpUrl = image.startsWith('https://') ||
-            image.startsWith('http://') ||
-            image.startsWith('//');
-        const imageUrl = isHttpUrl ? image : defaultStatus[image];
-        imageNode = React.createElement("img", { className: "img", src: imageUrl, alt: "empty" });
-    }
-    useEffect(() => {
-        setImgStyle(() => {
-            if (!imageSize) {
-                return {};
-            }
-            if (typeof imageSize === 'number') {
-                return {
-                    width: `${imageSize}px`,
-                    height: `${imageSize}px`,
-                };
-            }
-            return {
-                width: imageSize,
-                height: imageSize,
-            };
-        });
-    }, [imageSize]);
-    return (React.createElement("div", { className: `${b()} ${className}`, ...rest },
-        React.createElement(React.Fragment, null,
-            React.createElement("div", { className: b('image'), style: imgStyle }, imageNode),
-            typeof description === 'string' ? (React.createElement("div", { className: b('description') }, description)) : ({ description }),
-            children)));
-};
-Empty.defaultProps = defaultProps;
-Empty.displayName = 'NutEmpty';
-
-export { Empty as E };

package/dist/esm/fixednav.taro-cca9a6df.js

@@ -1,54 +0,0 @@
-import React from 'react';
-import classNames from 'classnames';
-import { Left } from '@nutui/icons-react-taro';
-import { O as Overlay } from './overlay.taro-067b7202.js';
-import { u as useConfig } from './configprovider.taro-43a3c646.js';
-import { C as ComponentDefaults } from './typings-d8491423.js';
-
-const defaultProps = {
-    ...ComponentDefaults,
-    activeText: '',
-    inactiveText: '',
-    type: 'right',
-    position: {
-        top: 'auto',
-        bottom: 'auto',
-    },
-};
-const FixedNav = (props) => {
-    const { locale } = useConfig();
-    const { className, overlay, visible, list, activeText, inactiveText, position, onChange, onSelect, type, children, style, content, ...rest } = {
-        ...defaultProps,
-        ...props,
-    };
-    const classPrefix = 'nut-fixednav';
-    const classes = classNames({
-        active: visible,
-    }, type, className, classPrefix);
-    const handleClick = (item, event) => {
-        onSelect(event, item);
-    };
-    const onUpdateValue = (value = !visible) => {
-        onChange(value);
-    };
-    return (React.createElement("div", { className: classes, style: {
-            ...position,
-            ...style,
-        }, ...rest },
-        overlay && (React.createElement(Overlay, { visible: visible, zIndex: 200, onClick: () => onUpdateValue(false) })),
-        React.createElement("div", { className: "list" }, children || (React.createElement("div", { className: `${classPrefix}__list` }, list.map((item, index) => {
-            return (React.createElement("div", { className: `${classPrefix}__list-item`, onClick: (event) => handleClick(item, event), key: item.id || index },
-                React.createElement("img", { src: item.icon, alt: "" }),
-                React.createElement("div", { className: `${classPrefix}__list-text` }, item.text),
-                item.num && React.createElement("div", { className: "b" }, item.num)));
-        })))),
-        React.createElement("div", { className: `${classPrefix}__btn`, onClick: () => onUpdateValue() }, content || (React.createElement(React.Fragment, null,
-            React.createElement(Left, { color: "#fff" }),
-            React.createElement("div", { className: "text" }, visible
-                ? activeText || locale.fixednav.activeText
-                : inactiveText || locale.fixednav.inactiveText))))));
-};
-FixedNav.defaultProps = defaultProps;
-FixedNav.displayName = 'NutFixedNav';
-
-export { FixedNav as F };