@nutui/nutui-react-taro 1.4.7-beta.1 → 1.4.8-beta.0

package/CHANGELOG.md

@@ -1,3 +1,47 @@
+# v1.4.8
+`2023-02-15`
+
+* :sparkles: feat(configprovider): demo 增加国际化 (#706) @eiinu
+* :sparkles: feat(rate): demo 增加国际化 (#704) @eiinu
+* :sparkles: feat(shortpassword): demo 增加国际化 (#705) @eiinu
+* :sparkles: feat(shortpassword): 支持自动聚焦 (#693) @Kason Yang
+* :sparkles: feat(sidenavbar): demo 增加国际化 (#709) @eiinu
+* :sparkles: feat(switch): demo 增加国际化 (#708) @eiinu
+* :sparkles: feat(tag): demo 增加国际化 (#707) @eiinu
+* :sparkles: feat: badge组件增加元素提取，增加徽章border设置，完善文档，补充多语言支持 (#697) @xiaoyatong
+* :sparkles: feat: calendar 适配taro 功能增强 (#715) @xiaoyatong
+* :sparkles: feat: cascader 增加checkedIcon属性，增加视觉元素提取，增加自定义样式demo (#719) @xiaoyatong
+* :sparkles: feat: checkbox 增加group样式 (#721) @xiaoyatong
+* :sparkles: feat: collapse 提取变量，增加多语言支持，补充demo (#691) @xiaoyatong
+* :sparkles: feat: inputnumber 增加 buttons 的样式，提取元素变量，增加demo (#685) @xiaoyatong
+* :sparkles: feat: popover 增加交互样式，提取元素变量 (#681) @xiaoyatong
+* :sparkles: feat: steps组件调整样式布局，增加点状样式等，提取元素变量，增加demo (#712) @xiaoyatong
+* :sparkles: feat: swipe 组件对外暴露 open 和 close 方法，优化 taro 版本下 width 的计算时机 (#714) @oasis-cloud
+* :sparkles: feat: tabbar 组件增加受控的 activeVisible 属性 (#711) @oasis-cloud
+* :sparkles: feat: tabs 组件增加 leftAlign 属性；提取视觉元素变量；修复disable 时有 active 状态的问题 (#674) @xiaoyatong
+* :sparkles: feat: textarea 提取元素变量，增加demo演示 (#688) @xiaoyatong
+* :sparkles: feat: 多个组件 demo 完善国际化 (#710) @eiinu
+* :sparkles: feat: 新增form-item的validator校验和重置提示状态功能 (#689) @junjun666
+* :sparkles: feat: 新增taro uploader的multiple属性 (#686) @junjun666
+* :sparkles: feat: 新增表单组件Form.useForm()创建form控制实例的功能 (#679) @junjun666
+* :bug: fix(layout): 修复布局组件 `Row` 和 `Col` 的 className 设置问题 (#683) @AnteeHub
+* :bug: fix: badge初始化classname (#722) @xiaoyatong
+* :bug: fix: button plain的样式 (#678) @xiaoyatong
+* :bug: fix: cascader 没有传递 ref 参数 (#699) @oasis-cloud
+* :bug: fix: checkboxgroup组件通过options渲染时组件选中值反填问题 (#680) @cuicuiworld
+* :bug: fix: ellipsis 展开和关闭操作应该阻止事件冒泡 (#700) @oasis-cloud
+* :bug: fix: radio 支持 换行 (#675) @xiaoyatong
+* :bug: fix: switch 组件的元素变量修改 (#690) @xiaoyatong
+* :bug: fix: textarea 禁用状态仍然可以输入 (#687) @oasis-cloud
+* :bug: fix: 修复 taro 版本中 dialog 组件的 lockScroll 属性，重构 taro 版本的 dialog 类型，去掉函数调… (#702) @oasis-cloud
+* :bug: fix: 修改taro的inputnumber输入框键盘输入异常问题 (#703) @junjun666
+* :bug: fix: 类型错误，修复 @hanyuxinting
+* 🔨 chore: button 组件增加 opentype 示例 @oasis-cloud
+* 🔨 chore: 统一 classnames 导出名称 (#684) @eiinu
+* 🔨 chore: 重构h5和taro环境下 barrage组件代码并修复loop循环的问题 (#717) @junjun666
+* 📖 docs: dialog 组件的 taro 文档去掉函数调用方式 (#677) @oasis-cloud
+
+
 # v1.4.7
 `2023-02-15`
 

package/dist/esm/Badge.js

@@ -1,5 +1,5 @@
-import { B as Badge } from './badge.taro-11e2ec95.js';
-export { B as default } from './badge.taro-11e2ec95.js';
+import { B as Badge } from './badge.taro-116b2521.js';
+export { B as default } from './badge.taro-116b2521.js';
 import 'react';
 import './icon.taro-c9254a81.js';
 import './bem-893ad28d.js';

package/dist/esm/Barrage.js

@@ -1,5 +1,5 @@
-import { B as Barrage } from './barrage.taro-e4fe81ae.js';
-export { B as default } from './barrage.taro-e4fe81ae.js';
+import { B as Barrage } from './barrage.taro-5dbab093.js';
+export { B as default } from './barrage.taro-5dbab093.js';
 import 'react';
 import '@tarojs/taro';
 import 'classnames';

package/dist/esm/Calendar.js

@@ -1,5 +1,5 @@
-import { C as Calendar } from './calendar.taro-02479e8b.js';
-export { C as default } from './calendar.taro-02479e8b.js';
+import { C as Calendar } from './calendar.taro-c95e6998.js';
+export { C as default } from './calendar.taro-c95e6998.js';
 import 'react';
 import './popup.taro-4c18f46c.js';
 import 'react-dom';
@@ -11,8 +11,7 @@ import '@bem-react/classname';
 import '@tarojs/components';
 import './icon.taro-c9254a81.js';
 import './typings-1c5f2628.js';
-import './calendaritem.taro-3cfd4186.js';
+import './calendaritem.taro-86412398.js';
 import './configprovider.taro-26882dd2.js';
 import 'lodash.kebabcase';
 import './zh-CN-dfc384d0.js';
-import './useClientRect-4506e52f.js';

package/dist/esm/CalendarItem.js

@@ -1,5 +1,5 @@
-import { C as CalendarItem } from './calendaritem.taro-3cfd4186.js';
-export { C as default } from './calendaritem.taro-3cfd4186.js';
+import { C as CalendarItem } from './calendaritem.taro-86412398.js';
+export { C as default } from './calendaritem.taro-86412398.js';
 import 'react';
 import 'classnames';
 import './bem-893ad28d.js';
@@ -7,4 +7,3 @@ import '@bem-react/classname';
 import './configprovider.taro-26882dd2.js';
 import 'lodash.kebabcase';
 import './zh-CN-dfc384d0.js';
-import './useClientRect-4506e52f.js';

package/dist/esm/Cascader.js

@@ -1,5 +1,5 @@
-import { C as Cascader } from './cascader.taro-e6610dd1.js';
-export { C as default } from './cascader.taro-e6610dd1.js';
+import { C as Cascader } from './cascader.taro-e0fb7e63.js';
+export { C as default } from './cascader.taro-e0fb7e63.js';
 import 'react';
 import 'classnames';
 import './popup.taro-4c18f46c.js';
@@ -11,5 +11,5 @@ import '@bem-react/classname';
 import '@tarojs/components';
 import './icon.taro-c9254a81.js';
 import './typings-1c5f2628.js';
-import './tabs.taro-5030ce68.js';
-import './tabpane.taro-91cd6cf4.js';
+import './tabs.taro-4629d66c.js';
+import './tabpane.taro-9512e308.js';

package/dist/esm/Checkbox.js

@@ -1,5 +1,5 @@
-import { C as Checkbox } from './checkbox.taro-04da7151.js';
-export { C as default } from './checkbox.taro-04da7151.js';
+import { C as Checkbox } from './checkbox.taro-b76b1c82.js';
+export { C as default } from './checkbox.taro-b76b1c82.js';
 import 'react';
 import './icon.taro-c9254a81.js';
 import './bem-893ad28d.js';

package/dist/esm/CheckboxGroup.js

@@ -1,5 +1,5 @@
-import { a as CheckboxGroup } from './checkbox.taro-04da7151.js';
-export { a as default } from './checkbox.taro-04da7151.js';
+import { a as CheckboxGroup } from './checkbox.taro-b76b1c82.js';
+export { a as default } from './checkbox.taro-b76b1c82.js';
 import 'react';
 import './icon.taro-c9254a81.js';
 import './bem-893ad28d.js';

package/dist/esm/Col.js

@@ -1,4 +1,5 @@
-import { C as Col } from './col.taro-b61c7cba.js';
-export { C as default } from './col.taro-b61c7cba.js';
+import { C as Col } from './col.taro-9e4c5cc0.js';
+export { C as default } from './col.taro-9e4c5cc0.js';
 import 'react';
+import 'classnames';
 import './UserContext-be8097d2.js';

package/dist/esm/Dialog.js

@@ -1,5 +1,5 @@
-import { D as Dialog } from './dialog.taro-54df2e3f.js';
-export { D as default } from './dialog.taro-54df2e3f.js';
+import { B as BaseDialog } from './dialog.taro-7608bd26.js';
+export { B as default } from './dialog.taro-7608bd26.js';
 import 'react';
 import 'classnames';
 import './button.taro-dc4795a3.js';
@@ -7,6 +7,7 @@ import './icon.taro-c9254a81.js';
 import './bem-893ad28d.js';
 import '@bem-react/classname';
 import './typings-1c5f2628.js';
+import '@tarojs/components';
 import 'react-transition-group';
 import './configprovider.taro-26882dd2.js';
 import 'lodash.kebabcase';

package/dist/esm/Ellipsis.js

@@ -1,5 +1,5 @@
-import { E as Ellipsis } from './ellipsis.taro-aa39faf7.js';
-export { E as default } from './ellipsis.taro-aa39faf7.js';
+import { E as Ellipsis } from './ellipsis.taro-5aa23940.js';
+export { E as default } from './ellipsis.taro-5aa23940.js';
 import 'react';
 import '@tarojs/taro';
 import './configprovider.taro-26882dd2.js';

package/dist/esm/InputNumber.js

@@ -1,5 +1,5 @@
-import { I as InputNumber } from './inputnumber.taro-e909d932.js';
-export { I as default } from './inputnumber.taro-e909d932.js';
+import { I as InputNumber } from './inputnumber.taro-94c75663.js';
+export { I as default } from './inputnumber.taro-94c75663.js';
 import 'react';
 import 'classnames';
 import './icon.taro-c9254a81.js';

package/dist/esm/Popover.js

@@ -1,5 +1,5 @@
-import { P as Popover } from './popover.taro-fc7b9a73.js';
-export { P as default } from './popover.taro-fc7b9a73.js';
+import { P as Popover } from './popover.taro-f144cd02.js';
+export { P as default } from './popover.taro-f144cd02.js';
 import 'react';
 import './icon.taro-c9254a81.js';
 import './bem-893ad28d.js';

package/dist/esm/Row.js

@@ -1,4 +1,5 @@
-import { R as Row } from './row.taro-37a895de.js';
-export { R as default } from './row.taro-37a895de.js';
+import { R as Row } from './row.taro-4e697aa2.js';
+export { R as default } from './row.taro-4e697aa2.js';
 import 'react';
+import 'classnames';
 import './UserContext-be8097d2.js';

package/dist/esm/ShortPassword.js

@@ -1,5 +1,5 @@
-import { S as ShortPassword } from './shortpassword.taro-02ea4499.js';
-export { S as default } from './shortpassword.taro-02ea4499.js';
+import { S as ShortPassword } from './shortpassword.taro-53b7ee7b.js';
+export { S as default } from './shortpassword.taro-53b7ee7b.js';
 import 'react';
 import './bem-893ad28d.js';
 import '@bem-react/classname';

package/dist/esm/Swipe.js

@@ -1,6 +1,7 @@
-import { S as Swipe } from './swipe.taro-1eb95b21.js';
-export { S as default } from './swipe.taro-1eb95b21.js';
+import { S as Swipe } from './swipe.taro-6532405d.js';
+export { S as default } from './swipe.taro-6532405d.js';
 import 'react';
+import '@tarojs/taro';
 import './bem-893ad28d.js';
 import '@bem-react/classname';
 import './useTouch-a2ea68c6.js';

package/dist/esm/TabPane.js

@@ -1,5 +1,5 @@
-import { T as TabPane } from './tabpane.taro-91cd6cf4.js';
-export { T as default } from './tabpane.taro-91cd6cf4.js';
+import { T as TabPane } from './tabpane.taro-9512e308.js';
+export { T as default } from './tabpane.taro-9512e308.js';
 import 'react';
 import 'classnames';
 import './bem-893ad28d.js';

package/dist/esm/Tabbar.js

@@ -1,5 +1,5 @@
-import { T as Tabbar } from './tabbar.taro-08e48c43.js';
-export { T as default } from './tabbar.taro-08e48c43.js';
+import { T as Tabbar } from './tabbar.taro-17d898d9.js';
+export { T as default } from './tabbar.taro-17d898d9.js';
 import 'react';
 import './bem-893ad28d.js';
 import '@bem-react/classname';

package/dist/esm/Tabs.js

@@ -1,5 +1,5 @@
-import { T as Tabs } from './tabs.taro-5030ce68.js';
-export { T as default } from './tabs.taro-5030ce68.js';
+import { T as Tabs } from './tabs.taro-4629d66c.js';
+export { T as default } from './tabs.taro-4629d66c.js';
 import 'react';
 import 'classnames';
 import './bem-893ad28d.js';

package/dist/esm/TextArea.js

@@ -1,5 +1,5 @@
-import { T as TextArea } from './textarea.taro-42600f8c.js';
-export { T as default } from './textarea.taro-42600f8c.js';
+import { T as TextArea } from './textarea.taro-47addd05.js';
+export { T as default } from './textarea.taro-47addd05.js';
 import 'react';
 import './configprovider.taro-26882dd2.js';
 import 'lodash.kebabcase';

package/dist/esm/Uploader.js

@@ -1,5 +1,5 @@
-import { U as Uploader } from './uploader.taro-b7b770e6.js';
-export { U as default } from './uploader.taro-b7b770e6.js';
+import { U as Uploader } from './uploader.taro-c830b573.js';
+export { U as default } from './uploader.taro-c830b573.js';
 import 'react';
 import 'classnames';
 import '@tarojs/taro';

package/dist/esm/{badge.taro-11e2ec95.js → badge.taro-116b2521.js}

@@ -4,6 +4,7 @@ import { C as ComponentDefaults } from './typings-1c5f2628.js';
 
 const defaultProps = {
     ...ComponentDefaults,
+    className: '',
     value: '',
     dot: false,
     max: 10000,

package/dist/esm/barrage.taro-5dbab093.js

@@ -0,0 +1,94 @@
+import React__default, { useState, useRef, useImperativeHandle, useEffect } from 'react';
+import { createSelectorQuery } from '@tarojs/taro';
+import classNames from 'classnames';
+import { c as cn } from './bem-893ad28d.js';
+
+const defaultProps = {
+    barrageList: [],
+    frequency: 500,
+    loop: true,
+    speeds: 3000,
+    rows: 3,
+    top: 10,
+};
+const InternalBarrage = (props, ref) => {
+    const { className, frequency, loop, barrageList, speeds, rows, top, ...restProps } = {
+        ...defaultProps,
+        ...props,
+    };
+    const [styleList, setStyleList] = useState([]);
+    const [baItemList, setBaItemList] = useState(barrageList);
+    const barrageListSet = useRef(barrageList);
+    const barrageBody = useRef(null);
+    const barrageContainer = useRef(null);
+    const timeId = useRef(new Date().getTime());
+    const timer = useRef(0);
+    useRef(0);
+    const b = cn('barrage');
+    const classes = classNames(className, b(''), {
+        [`nut-barrage__body${timeId.current}`]: true,
+    });
+    useImperativeHandle(ref, () => ({
+        add: (word) => {
+            barrageListSet.current = [...barrageListSet.current, word];
+            run();
+        },
+    }));
+    useEffect(() => {
+        barrageListSet.current = [...barrageList];
+        run();
+        return () => {
+            clearInterval(timer.current);
+        };
+    }, [barrageList]);
+    const run = () => {
+        setBaItemList(barrageListSet.current);
+        barrageListSet.current.forEach((item, index) => {
+            getNode(index);
+        });
+    };
+    const getNode = (index) => {
+        const query = createSelectorQuery();
+        setTimeout(() => {
+            let width = 100;
+            query
+                .select('.nut-barrage__body' + timeId.current)
+                .boundingClientRect((rec) => {
+                width = rec.width || 300;
+            });
+            query
+                .select('.nut-barrage__item' + index)
+                .boundingClientRect((recs) => {
+                let height = recs.height;
+                let nodeTop = (index % rows) * (height + top) + 20 + 'px';
+                styleInfo(index, nodeTop, width);
+            })
+                .exec();
+        }, 500);
+    };
+    const styleInfo = (index, nodeTop, width) => {
+        let timeIndex = index - rows > 0 ? index - rows : 0;
+        let list = styleList;
+        let time = list[timeIndex] ? Number(list[timeIndex]['--time']) : 0;
+        // // distance.value = '-' + (speeds / 1000) * 200 + '%';
+        let obj = {
+            top: nodeTop,
+            '--time': `${frequency * index + time}`,
+            animationDuration: `${speeds}ms`,
+            animationIterationCount: `${loop ? 'infinite' : 1}`,
+            animationDelay: `${frequency * index + time}ms`,
+            '--move-distance': `-${width}px`,
+        };
+        list.push(obj);
+        setStyleList([...list]);
+    };
+    return (React__default.createElement("div", { className: classes, ref: barrageBody, ...restProps },
+        React__default.createElement("div", { ref: barrageContainer, className: "bContainer" }, baItemList.map((item, index) => {
+            return (React__default.createElement("div", { className: `barrage-item nut-barrage__item${index} move`, style: styleList[index] }, item.length > 8 ? item.substr(0, 8) + '...' : item));
+        }))));
+};
+const Barrage = React__default.forwardRef(InternalBarrage);
+Barrage.defaultProps = defaultProps;
+Barrage.displayName = 'NutBarrage';
+
+export { Barrage as B };

package/dist/esm/calendar.taro-c95e6998.js

@@ -0,0 +1,61 @@
+import React__default, { useRef } from 'react';
+import { P as Popup } from './popup.taro-4c18f46c.js';
+import { U as Utils, C as CalendarItem } from './calendaritem.taro-86412398.js';
+import { u as useConfig } from './configprovider.taro-26882dd2.js';
+
+const defaultProps = {
+    type: 'one',
+    isAutoBackFill: false,
+    poppable: true,
+    visible: false,
+    title: '日历选择',
+    defaultValue: '',
+    startDate: Utils.getDay(0),
+    endDate: Utils.getDay(365),
+    showToday: true,
+    startText: '开始',
+    endText: '结束',
+    confirmText: '确认',
+    showTitle: true,
+    showSubTitle: true,
+    toDateAnimation: true,
+    onBtn: undefined,
+    onDay: undefined,
+    onTopInfo: undefined,
+    onBottomInfo: undefined,
+    onClose: () => { },
+    onChoose: (param) => { },
+    onSelected: (data) => { },
+};
+const Calendar = React__default.forwardRef((props, ref) => {
+    const { locale } = useConfig();
+    const { children, poppable, visible, type, isAutoBackFill, title, defaultValue, startDate, endDate, showToday, startText, endText, confirmText, showTitle, showSubTitle, toDateAnimation, onBtn, onDay, onTopInfo, onBottomInfo, onClose, onChoose, onSelected, } = { ...defaultProps, ...props };
+    const calendarRef = useRef(null);
+    const close = () => {
+        onClose && onClose();
+    };
+    const choose = (param) => {
+        close();
+        onChoose && onChoose(param);
+    };
+    const closePopup = () => {
+        close();
+    };
+    const select = (param) => {
+        onSelected && onSelected(param);
+    };
+    const scrollToDate = (date) => {
+        calendarRef.current?.scrollToDate(date);
+    };
+    React__default.useImperativeHandle(ref, () => ({
+        scrollToDate,
+    }));
+    const renderItem = () => {
+        return (React__default.createElement(CalendarItem, { ref: calendarRef, type: type, isAutoBackFill: isAutoBackFill, poppable: poppable, title: locale.calendaritem.title || title, defaultValue: defaultValue, startDate: startDate, endDate: endDate, showToday: showToday, startText: startText, endText: endText, confirmText: confirmText, showTitle: showTitle, showSubTitle: showSubTitle, toDateAnimation: toDateAnimation, onBtn: onBtn, onDay: onDay, onTopInfo: onTopInfo, onBottomInfo: onBottomInfo, onChoose: choose, onSelected: select }));
+    };
+    return (React__default.createElement(React__default.Fragment, null, poppable ? (React__default.createElement(Popup, { visible: visible, position: "bottom", round: true, duration: 0.5, closeable: true, destroyOnClose: true, onClickOverlay: closePopup, onClickCloseIcon: closePopup, style: { height: '85vh' } }, renderItem())) : (renderItem())));
+});
+Calendar.defaultProps = defaultProps;
+Calendar.displayName = 'NutCalendar';
+
+export { Calendar as C };