@nutui/nutui-react-taro 1.5.2-beta.0 → 1.5.2-beta.1

package/dist/esm/drag.taro-79bb8744.js

@@ -0,0 +1,110 @@
+import React__default, { useState, useRef, useEffect } from 'react';
+import { getSystemInfoSync, createSelectorQuery } from '@tarojs/taro';
+import { c as cn } from './bem-350c1702.js';
+
+const defaultProps = {
+    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 b = cn('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__default.createElement("div", { style: style, className: `${b()} ${className}`, ...reset, ref: myDrag },
+        React__default.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-6019669e.js

@@ -0,0 +1,178 @@
+import React__default, { createContext, useRef, useState, useEffect } from 'react';
+import { nextTick, createSelectorQuery } from '@tarojs/taro';
+import { ScrollView } from '@tarojs/components';
+import { c as cn } from './bem-350c1702.js';
+
+const elevatorContext = createContext({});
+const defaultProps = {
+    height: '200px',
+    acceptKey: 'title',
+    indexList: [],
+    isSticky: false,
+    spaceHeight: 23,
+    titleHeight: 35,
+    className: 'weapp-elevator',
+};
+const Elevator = (props) => {
+    const { height, acceptKey, indexList, isSticky, spaceHeight, titleHeight, className, onClickItem, onClickIndex, children, ...rest } = {
+        ...defaultProps,
+        ...props,
+    };
+    const b = cn('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} .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__default.createElement("div", { className: `${b()} ${className} `, ...rest },
+        isSticky && scrollTop > 0 ? (React__default.createElement("div", { className: b('list__fixed') },
+            React__default.createElement("span", { className: "fixed-title" }, indexList[currentIndex][acceptKey]))) : null,
+        React__default.createElement("div", { className: b('list'), style: { height: Number.isNaN(+height) ? height : `${height}px` } },
+            React__default.createElement(ScrollView, { scrollTop: scrollTop, scrollY: true, className: b('list__inner'), ref: listview, onScroll: listViewScroll }, indexList.map((item, idx) => {
+                return (React__default.createElement("div", { className: `${b('list__item')} elevator__item__${idx}`, key: idx },
+                    React__default.createElement("div", { className: b('list__item__code') }, item[acceptKey]),
+                    React__default.createElement(React__default.Fragment, null, item.list.map((subitem) => {
+                        return (React__default.createElement("div", { className: b('list__item__name', {
+                                highcolor: currentData.id === subitem.id &&
+                                    currentKey === item[acceptKey],
+                            }), key: subitem.id, onClick: () => handleClickItem(item[acceptKey], subitem) }, children ? (React__default.createElement(React__default.Fragment, null,
+                            React__default.createElement(elevatorContext.Provider, { value: subitem }, children))) : (subitem.name)));
+                    }))));
+            }))),
+        indexList.length && scrollStart ? (React__default.createElement("div", { className: b('code--current', { current: true }) }, indexList[codeIndex][acceptKey])) : null,
+        React__default.createElement("div", { className: b('bars') },
+            React__default.createElement("div", { className: b('bars__inner'), onTouchStart: (event) => touchStart(event), onTouchMove: (event) => touchMove(event), onTouchEnd: touchEnd, style: { touchAction: 'pan-y' } }, indexList.map((item, index) => {
+                return (React__default.createElement("div", { className: `${b('bars__inner__item', {
+                        active: item[acceptKey] === indexList[currentIndex][acceptKey],
+                    })} `, "data-index": index, key: index, onClick: () => handleClickIndex(item[acceptKey]) }, item[acceptKey]));
+            })))));
+};
+Elevator.defaultProps = defaultProps;
+Elevator.displayName = 'NutElevator';
+Elevator.Context = elevatorContext;
+
+export { Elevator as E };

package/dist/esm/ellipsis.taro-f15f26da.js

@@ -0,0 +1,241 @@
+import React__default, { useState, useRef, useEffect } from 'react';
+import { useReady, nextTick, createSelectorQuery } from '@tarojs/taro';
+import { u as useConfig } from './configprovider.taro-8d71eb49.js';
+import { g as getRectByTaro } from './useClientRect-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__default.createElement(React__default.Fragment, null,
+        React__default.createElement("div", { className: "nut-ellipsis", onClick: handleClick, ref: root, id: `root${refRandomId}` },
+            React__default.createElement("div", null,
+                !exceeded ? (React__default.createElement("div", { className: "nut-ellipsis-wordbreak" }, content)) : null,
+                exceeded && !expanded ? (React__default.createElement(React__default.Fragment, null,
+                    React__default.createElement("div", { className: "nut-ellipsis-wordbreak" },
+                        ellipsis.current?.leading,
+                        ellipsis.current?.leading && symbol,
+                        expandText ? (React__default.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__default.createElement(React__default.Fragment, null,
+                    content,
+                    expandText ? (React__default.createElement("span", { className: "nut-ellipsis-text", onClick: (e) => {
+                            e.stopPropagation();
+                            clickHandle(2);
+                        } }, collapseText)) : null)) : null)),
+        React__default.createElement("div", { className: "nut-ellipsis-copy", ref: rootContain, id: `rootContain${refRandomId}`, style: { width: `${widthRef}` } },
+            React__default.createElement("div", null, contentCopy)),
+        React__default.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-04ae4389.js

@@ -0,0 +1,62 @@
+import React__default, { useState, useEffect } from 'react';
+import { c as cn } from './bem-350c1702.js';
+import { u as useConfig } from './configprovider.taro-8d71eb49.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__default.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__default.createElement("div", { className: `${b()} ${className}`, ...rest },
+        React__default.createElement(React__default.Fragment, null,
+            React__default.createElement("div", { className: b('image'), style: imgStyle }, imageNode),
+            typeof description === 'string' ? (React__default.createElement("div", { className: b('description') }, description)) : ({ description }),
+            children)));
+};
+Empty.defaultProps = defaultProps;
+Empty.displayName = 'NutEmpty';
+
+export { Empty as E };

package/dist/esm/fixednav.taro-1f05acaf.js

@@ -0,0 +1,53 @@
+import React__default from 'react';
+import classNames from 'classnames';
+import { I as Icon } from './icon.taro-296a1bec.js';
+import { O as Overlay } from './overlay.taro-21e87fb1.js';
+import { c as cn } from './bem-350c1702.js';
+import { u as useConfig } from './configprovider.taro-8d71eb49.js';
+import { C as ComponentDefaults } from './typings-b9828dba.js';
+
+const defaultProps = {
+    ...ComponentDefaults,
+    fixednavClass: 'nut-fixednav',
+    activeText: '',
+    unActiveText: '',
+    type: 'right',
+    position: {
+        top: 'auto',
+        bottom: 'auto',
+    },
+};
+const FixedNav = (props) => {
+    const { locale } = useConfig();
+    const { fixednavClass, overlay, visible, navList, activeText, unActiveText, position, onChange, onSelected, type, slotList, slotBtn, iconClassPrefix, iconFontClassName, ...rest } = {
+        ...defaultProps,
+        ...props,
+    };
+    const b = cn('fixednav');
+    const classes = classNames({
+        active: visible,
+    }, type, fixednavClass, b(''));
+    const onSelectCb = (event, item) => {
+        onSelected(item, event);
+    };
+    const onUpdateValue = (value = !visible) => {
+        onChange(value);
+    };
+    return (React__default.createElement("div", { className: classes, style: position, ...rest },
+        overlay && (React__default.createElement(Overlay, { visible: visible, zIndex: 200, onClick: () => onUpdateValue(false) })),
+        React__default.createElement("div", { className: "list" }, slotList || (React__default.createElement("div", { className: "nut-fixednav__list" }, navList.map((item, index) => {
+            return (React__default.createElement("div", { className: "nut-fixednav__list-item", onClick: (event) => onSelectCb(event, item), key: item.id || index },
+                React__default.createElement("img", { src: item.icon, alt: "" }),
+                React__default.createElement("div", { className: "nut-fixednav__list-text" }, item.text),
+                item.num && React__default.createElement("div", { className: "b" }, item.num)));
+        })))),
+        React__default.createElement("div", { className: "nut-fixednav__btn", onClick: () => onUpdateValue() }, slotBtn || (React__default.createElement(React__default.Fragment, null,
+            React__default.createElement(Icon, { classPrefix: iconClassPrefix, fontClassName: iconFontClassName, name: "left", color: "#fff" }),
+            React__default.createElement("div", { className: "text" }, visible
+                ? activeText || locale.fixednav.activeText
+                : unActiveText || locale.fixednav.unActiveText))))));
+};
+FixedNav.defaultProps = defaultProps;
+FixedNav.displayName = 'NutFixedNav';
+
+export { FixedNav as F };