@nutui/nutui-react-taro 1.3.14 → 1.3.15

package/CHANGELOG.md

@@ -1,18 +1,27 @@
+# v1.3.15
+`2022-12-14`
+
+* :sparkles: feat: 新增 animate 动画/动效组件 (#541) @junjun666
+* :sparkles: feat: 新增 ellipsis 组件 (#515) @vickyYe
+* :sparkles: feat: 新增维吾尔语言包 (#526) @MirGhojam
+* :bug: fix: 修复 publish 脚本执行时机错误的问题 (#540) @oasis-cloud
+* 📖 docs: 文档更新 tabbar 的 to 增加属性的说明 (#539)  @oasis-cloud
+
 # v1.3.14
 `2022-12-09`
 
-feat: image 适配 taro (#507) @vickyYe
-feat: Grid 组件添加 onClick 事件，统一管理子项点击事件，无需在GridItem组件中分别添加点击事件 (#492) @cuicuiworld
-fix: react18 render 提示错误信息 (#524) @oasis-cloud
-fix: noticebar 纵向滚动渲染慢问题修复，设置高度小于默认值时动效失效问题修复 (#528) @vickyYe
-fix: icon 组件 mask-close 未展示叉号 (#527) @oasis-cloud
-fix: #508 修改折叠面板组件修改后不刷新问题 (#521) @zhenyulei
-fix: imagepreview 设置 initNo 后  active 计算错误 (#512) @oasis-cloud
-fix: 移除 formitem 对 react-router-dom 的依赖 (#513) @oasis-cloud
-fix: trendarrow 组件文档增加taro引入方式说明、css文件引入icon的scss文件、修改icon组件的引入方式 (#502) @irisSong
-docs: 修正 virtualList 的文档错误 (#510) @Antee
-docs: Readme 中英文修改 (#525) @vickyYe
-docs: 文档中增加 nutui-react-taro的 import 方式 (#522) @oasis-cloud
+* :sparkles: feat: image 适配 taro (#507) @vickyYe
+* :sparkles: feat: Grid 组件添加 onClick 事件，统一管理子项点击事件，无需在GridItem组件中分别添加点击事件 (#492) @cuicuiworld
+* :bug: fix: react18 render 提示错误信息 (#524) @oasis-cloud
+* :bug: fix: noticebar 纵向滚动渲染慢问题修复，设置高度小于默认值时动效失效问题修复 (#528) @vickyYe
+* :bug: fix: icon 组件 mask-close 未展示叉号 (#527) @oasis-cloud
+* :bug: fix: #508 修改折叠面板组件修改后不刷新问题 (#521) @zhenyulei
+* :bug: fix: imagepreview 设置 initNo 后  active 计算错误 (#512) @oasis-cloud
+* :bug: fix: 移除 formitem 对 react-router-dom 的依赖 (#513) @oasis-cloud
+* :bug: fix: trendarrow 组件文档增加taro引入方式说明、css文件引入icon的scss文件、修改icon组件的引入方式 (#502) @irisSong
+* 📖 docs: 修正 virtualList 的文档错误 (#510) @Antee
+* 📖 docs: Readme 中英文修改 (#525) @vickyYe
+* 📖 docs: 文档中增加 nutui-react-taro的 import 方式 (#522) @oasis-cloud
 
 
 # v1.3.13

package/dist/esm/Animate/style/index.js

@@ -0,0 +1,2 @@
+
+import '../../../packages/animate/animate.scss'

package/dist/esm/Animate.js

@@ -0,0 +1,6 @@
+import { A as Animate } from './animate.taro-b0e83dd5.js';
+export { A as default } from './animate.taro-b0e83dd5.js';
+import 'react';
+import 'classnames';
+import './bem-893ad28d.js';
+import '@bem-react/classname';

package/dist/esm/Ellipsis/style/index.js

@@ -0,0 +1,2 @@
+
+import '../../../packages/ellipsis/ellipsis.scss'

package/dist/esm/Ellipsis.js

@@ -0,0 +1,7 @@
+import { E as Ellipsis } from './ellipsis.taro-5c2eac2a.js';
+export { E as default } from './ellipsis.taro-5c2eac2a.js';
+import 'react';
+import '@tarojs/taro';
+import './configprovider.taro-3838604b.js';
+import './zh-CN-dfc384d0.js';
+import './useClientRect-bf69d7b3.js';

package/dist/esm/animate.taro-b0e83dd5.js

@@ -0,0 +1,54 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["className", "type", "action", "loop", "onClick", "children"];
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+import React__default, { useState } from 'react';
+import classNames from 'classnames';
+import { c as cn } from './bem-893ad28d.js';
+var defaultProps = {
+  type: 'shake',
+  action: 'initial',
+  loop: false,
+  onClick: function onClick(event) {}
+};
+var Animate = function Animate(props) {
+  var _classNames;
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
+    className = _defaultProps$props.className,
+    type = _defaultProps$props.type,
+    action = _defaultProps$props.action,
+    loop = _defaultProps$props.loop,
+    onClick = _defaultProps$props.onClick,
+    children = _defaultProps$props.children,
+    rest = _objectWithoutProperties(_defaultProps$props, _excluded);
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    clicked = _useState2[0],
+    setClicked = _useState2[1];
+  var b = cn('animate');
+  var classes = classNames((_classNames = {
+    'nut-ani-container': true
+  }, _defineProperty(_classNames, "".concat(b(''), "-").concat(type), action === 'initial' || clicked ? type : false), _defineProperty(_classNames, "loop", loop), _classNames));
+  var cls = classNames(classes, className);
+  var handleClick = function handleClick(event) {
+    setClicked(true);
+    //如果不是无限循环，清除类名
+    if (!loop) {
+      setTimeout(function () {
+        setClicked(false);
+      }, 1000);
+    }
+    onClick && onClick(event);
+  };
+  return React__default.createElement("div", {
+    className: "nut-animate"
+  }, React__default.createElement("div", _objectSpread({
+    className: cls,
+    onClick: handleClick
+  }, rest), children));
+};
+Animate.defaultProps = defaultProps;
+Animate.displayName = 'NutAnimate';
+export { Animate as A };

package/dist/esm/ellipsis.taro-5c2eac2a.js

@@ -0,0 +1,309 @@
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+import React__default, { useState, useRef, useLayoutEffect } from 'react';
+import Taro from '@tarojs/taro';
+import { u as useConfig } from './configprovider.taro-3838604b.js';
+import { g as getRectByTaro } from './useClientRect-bf69d7b3.js';
+var defaultProps = {
+  content: '',
+  direction: 'end',
+  rows: 1,
+  expandText: '',
+  collapseText: '',
+  symbol: '...',
+  lineHeight: '20'
+};
+var Ellipsis = function Ellipsis(props) {
+  var _ellipsis$current9, _ellipsis$current10, _ellipsis$current11, _ellipsis$current12;
+  useConfig();
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
+    children = _defaultProps$props.children,
+    content = _defaultProps$props.content,
+    direction = _defaultProps$props.direction,
+    rows = _defaultProps$props.rows,
+    expandText = _defaultProps$props.expandText,
+    collapseText = _defaultProps$props.collapseText,
+    symbol = _defaultProps$props.symbol,
+    lineHeight = _defaultProps$props.lineHeight,
+    onClick = _defaultProps$props.onClick,
+    onChange = _defaultProps$props.onChange;
+  var maxHeight = 0; // 当行的最大高度
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    exceeded = _useState2[0],
+    setExceeded = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    expanded = _useState4[0],
+    setExpanded = _useState4[1];
+  var ellipsis = useRef({
+    leading: '',
+    tailing: ''
+  });
+  var root = useRef(null);
+  var rootContain = useRef(null);
+  var symbolContain = useRef(null);
+  var contantCopy = useRef(content);
+  var lineH = 0; // 当行的最大高度
+  var originHeight = 0; // 原始高度
+  var refRandomId = Math.random().toString(36).slice(-8);
+  var widthRef = useRef('auto');
+  var widthBase = [14, 10, 7, 8.4, 10]; // 中、英(大)、英(小)、数字、其他字符的基础宽度
+  var symbolTextWidth = widthBase[0] * 0.7921;
+  var chineseReg = /^[\u4e00-\u9fa5]+$/; // 汉字
+  var digitReg = /^[0-9]+$/; // 数字
+  var letterUpperReg = /^[A-Z]+$/; // 字母
+  var letterLowerReg = /^[a-z]+$/; // 字母
+  useLayoutEffect(function () {
+    setTimeout(function () {
+      getSymbolInfo();
+      getReference();
+    }, 100);
+  }, []);
+  // 获取省略号宽度
+  var getSymbolInfo = /*#__PURE__*/function () {
+    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+      var refe;
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              _context.next = 2;
+              return getRectByTaro(symbolContain === null || symbolContain === void 0 ? void 0 : symbolContain.current);
+            case 2:
+              refe = _context.sent;
+              symbolTextWidth = refe.width ? Math.ceil(refe.width) : Math.ceil(widthBase[0] * 0.7921);
+            case 4:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee);
+    }));
+    return function getSymbolInfo() {
+      return _ref.apply(this, arguments);
+    };
+  }();
+  var symbolText = function symbolText() {
+    if (direction === 'end' || direction === 'middle') {
+      return "".concat(symbol).concat(expandText);
+    }
+    return "".concat(symbol).concat(expandText).concat(symbol);
+  };
+  var getReference = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
+      var element, query;
+      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+        while (1) {
+          switch (_context2.prev = _context2.next) {
+            case 0:
+              element = root.current;
+              query = Taro.createSelectorQuery();
+              query.select("#".concat(element.id)) && query.select("#".concat(element.id)).fields({
+                computedStyle: ['width', 'height', 'lineHeight', 'paddingTop', 'paddingBottom', 'fontSize']
+              }, function (res) {
+                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;
+                // 设置基础字符
+                var bsize = pxToNumber(res.fontSize);
+                widthBase = [bsize, bsize * 0.72, bsize * 0.53, bsize * 0.4, bsize * 0.75];
+                calcEllipse();
+              }).exec();
+            case 3:
+            case "end":
+              return _context2.stop();
+          }
+        }
+      }, _callee2);
+    }));
+    return function getReference() {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  // 计算省略号的位置
+  var calcEllipse = /*#__PURE__*/function () {
+    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
+      var refe, rowNum, end, _end, start;
+      return _regeneratorRuntime.wrap(function _callee3$(_context3) {
+        while (1) {
+          switch (_context3.prev = _context3.next) {
+            case 0:
+              _context3.next = 2;
+              return getRectByTaro(rootContain.current);
+            case 2:
+              refe = _context3.sent;
+              if (refe.height <= maxHeight) {
+                setExceeded(false);
+              } else {
+                rowNum = Math.floor(content.length / (originHeight / lineH - 1)); // 每行的字数
+                if (direction === 'middle') {
+                  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') {
+                  _end = rowNum * (Number(rows) + 0.5);
+                  ellipsis.current.leading = tailorContent(0, _end);
+                } else {
+                  start = content.length - rowNum * (Number(rows) + 0.5) - 5;
+                  ellipsis.current.tailing = tailorContent(start, content.length);
+                }
+                // 进行兜底判断，是否符合要求
+                assignContent();
+                setTimeout(function () {
+                  verifyEllipsis();
+                }, 100);
+              }
+            case 4:
+            case "end":
+              return _context3.stop();
+          }
+        }
+      }, _callee3);
+    }));
+    return function calcEllipse() {
+      return _ref3.apply(this, arguments);
+    };
+  }();
+  // 验证省略号
+  var verifyEllipsis = /*#__PURE__*/function () {
+    var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4() {
+      var refe, _ellipsis$current, _ellipsis$current$lea, _ellipsis$current2, _ellipsis$current3, _ellipsis$current3$ta, _ellipsis$current4;
+      return _regeneratorRuntime.wrap(function _callee4$(_context4) {
+        while (1) {
+          switch (_context4.prev = _context4.next) {
+            case 0:
+              _context4.next = 2;
+              return getRectByTaro(rootContain.current);
+            case 2:
+              refe = _context4.sent;
+              if (refe && refe.height && refe.height > maxHeight) {
+                if (direction === 'end') {
+                  ellipsis.current.leading = (_ellipsis$current = ellipsis.current) === null || _ellipsis$current === void 0 ? void 0 : (_ellipsis$current$lea = _ellipsis$current.leading) === null || _ellipsis$current$lea === void 0 ? void 0 : _ellipsis$current$lea.slice(0, ((_ellipsis$current2 = ellipsis.current) === null || _ellipsis$current2 === void 0 ? void 0 : _ellipsis$current2.leading.length) - 1);
+                } else {
+                  ellipsis.current.tailing = (_ellipsis$current3 = ellipsis.current) === null || _ellipsis$current3 === void 0 ? void 0 : (_ellipsis$current3$ta = _ellipsis$current3.tailing) === null || _ellipsis$current3$ta === void 0 ? void 0 : _ellipsis$current3$ta.slice(1, (_ellipsis$current4 = ellipsis.current) === null || _ellipsis$current4 === void 0 ? void 0 : _ellipsis$current4.tailing.length);
+                }
+                assignContent();
+                setTimeout(function () {
+                  verifyEllipsis();
+                }, 100);
+              }
+            case 4:
+            case "end":
+              return _context4.stop();
+          }
+        }
+      }, _callee4);
+    }));
+    return function verifyEllipsis() {
+      return _ref4.apply(this, arguments);
+    };
+  }();
+  var assignContent = function assignContent() {
+    var _ellipsis$current5, _ellipsis$current6, _ellipsis$current7, _ellipsis$current8;
+    contantCopy.current = "".concat(((_ellipsis$current5 = ellipsis.current) === null || _ellipsis$current5 === void 0 ? void 0 : _ellipsis$current5.leading) || '').concat((_ellipsis$current6 = ellipsis.current) !== null && _ellipsis$current6 !== void 0 && _ellipsis$current6.leading ? symbol : '').concat(expandText || '').concat((_ellipsis$current7 = ellipsis.current) !== null && _ellipsis$current7 !== void 0 && _ellipsis$current7.tailing ? symbol : '').concat(((_ellipsis$current8 = ellipsis.current) === null || _ellipsis$current8 === void 0 ? void 0 : _ellipsis$current8.tailing) || '');
+  };
+  // 计算省略号
+  var tailorContent = function tailorContent(left, right) {
+    var type = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
+    var threeDotWidth = symbolTextWidth;
+    var direc = direction === 'middle' && type ? type : direction;
+    setExceeded(true);
+    var widthPart = -1;
+    var start = left;
+    var end = right;
+    var cutoff = 0;
+    var marking = 0;
+    if (direc === 'end') {
+      marking = start;
+      cutoff = end;
+    } else {
+      marking = end;
+      cutoff = start;
+    }
+    var contentWidth = pxToNumber(widthRef.current) * Number(rows) - threeDotWidth;
+    var contentPartWidth = direction === 'middle' ? contentWidth / 2 : contentWidth;
+    while (widthPart < contentPartWidth) {
+      var 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);
+  };
+  var pxToNumber = function pxToNumber(value) {
+    if (!value) return 0;
+    var match = value.match(/^\d*(\.\d*)?/);
+    return match ? Number(match[0]) : 0;
+  };
+  // 展开收起
+  var clickHandle = function clickHandle(type) {
+    if (type === 1) {
+      setExpanded(true);
+      onChange && onChange('expand');
+      //   emit('change', 'expand')
+    } else {
+      setExpanded(false);
+      onChange && onChange('collapse');
+    }
+  };
+  // 文本点击
+  var handleClick = function handleClick() {
+    onClick && onClick();
+  };
+  return React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
+    className: "nut-ellipsis",
+    onClick: handleClick,
+    ref: root,
+    id: "root".concat(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$current9 = ellipsis.current) === null || _ellipsis$current9 === void 0 ? void 0 : _ellipsis$current9.leading, ((_ellipsis$current10 = ellipsis.current) === null || _ellipsis$current10 === void 0 ? void 0 : _ellipsis$current10.leading) && symbol, expandText ? React__default.createElement("span", {
+    className: "nut-ellipsis-text",
+    onClick: function onClick() {
+      clickHandle(1);
+    }
+  }, expandText) : null, ((_ellipsis$current11 = ellipsis.current) === null || _ellipsis$current11 === void 0 ? void 0 : _ellipsis$current11.tailing) && symbol, (_ellipsis$current12 = ellipsis.current) === null || _ellipsis$current12 === void 0 ? void 0 : _ellipsis$current12.tailing)) : null, exceeded && expanded ? React__default.createElement(React__default.Fragment, null, content, expandText ? React__default.createElement("span", {
+    className: "nut-ellipsis-text",
+    onClick: function onClick() {
+      clickHandle(2);
+    }
+  }, collapseText) : null) : null)), React__default.createElement("div", {
+    className: "nut-ellipsis-copy",
+    ref: rootContain,
+    id: "rootContain".concat(refRandomId),
+    style: {
+      width: "".concat(widthRef)
+    }
+  }, React__default.createElement("div", null, contantCopy.current)), React__default.createElement("div", {
+    className: "nut-ellipsis-copy",
+    ref: symbolContain,
+    id: "symbolContain".concat(refRandomId),
+    style: {
+      display: 'inline'
+    }
+  }, symbolText()));
+};
+Ellipsis.defaultProps = defaultProps;
+Ellipsis.displayName = 'NutEllipsis';
+export { Ellipsis as E };

package/dist/esm/nutui-react.es.js

@@ -81,6 +81,8 @@ export { A as Audio } from './audio.taro-ba2f6d01.js';
 export { I as ImagePreview } from './imagepreview.taro-69d47ab0.js';
 export { T as TrendArrow } from './trendarrow.taro-5a7153e4.js';
 export { W as WaterMark } from './watermark.taro-7aab4afb.js';
+export { A as Animate } from './animate.taro-b0e83dd5.js';
+export { E as Ellipsis } from './ellipsis.taro-5c2eac2a.js';
 export { A as Address } from './address.taro-5e5bdac3.js';
 export { B as Barrage } from './barrage.taro-d86c367a.js';
 export { S as Signature } from './signature.taro-a4f4b45a.js';

package/dist/esm/types/src/locales/zh-UG.d.ts

@@ -0,0 +1,3 @@
+import { BaseLang } from './base';
+declare const zhUG: BaseLang;
+export default zhUG;

package/dist/esm/types/src/packages/animate/__tests__/animate.spec.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/dist/esm/types/src/packages/animate/animate.d.ts

@@ -0,0 +1,11 @@
+import React, { FunctionComponent } from 'react';
+import { AnimateType, AnimateAction } from './type';
+export interface AnimateProps {
+    type: AnimateType;
+    action: AnimateAction;
+    loop: boolean;
+    className: string;
+    style: React.CSSProperties;
+    onClick: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
+}
+export declare const Animate: FunctionComponent<Partial<AnimateProps> & React.HTMLAttributes<HTMLDivElement>>;

package/dist/esm/types/src/packages/animate/animate.taro.d.ts

@@ -0,0 +1,11 @@
+import React, { FunctionComponent } from 'react';
+import { AnimateType, AnimateAction } from './type';
+export interface AnimateProps {
+    type: AnimateType;
+    action: AnimateAction;
+    loop: boolean;
+    className: string;
+    style: React.CSSProperties;
+    onClick: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
+}
+export declare const Animate: FunctionComponent<Partial<AnimateProps> & React.HTMLAttributes<HTMLDivElement>>;

package/dist/esm/types/src/packages/animate/demo.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import './demo.scss';
+declare const AnimateDemo: () => JSX.Element;
+export default AnimateDemo;

package/dist/esm/types/src/packages/animate/index.d.ts

@@ -0,0 +1,2 @@
+import { Animate } from './animate';
+export default Animate;

package/dist/esm/types/src/packages/animate/index.taro.d.ts

@@ -0,0 +1,2 @@
+import { Animate } from './animate.taro';
+export default Animate;

package/dist/esm/types/src/packages/animate/type.d.ts

@@ -0,0 +1,2 @@
+export declare type AnimateType = 'shake' | 'ripple' | 'breath' | 'float' | 'slide-right' | 'slide-left' | 'slide-top' | 'slide-bottom' | 'jump' | 'twinkle' | 'flicker';
+export declare type AnimateAction = 'initial' | 'click';

package/dist/esm/types/src/packages/ellipsis/__test__/ellipsis.spec.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/dist/esm/types/src/packages/ellipsis/demo.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const EllipsisDemo: () => JSX.Element;
+export default EllipsisDemo;

package/dist/esm/types/src/packages/ellipsis/ellipsis.d.ts

@@ -0,0 +1,14 @@
+import React, { FunctionComponent } from 'react';
+export declare type Direction = 'start' | 'end' | 'middle';
+export interface EllipsisProps {
+    content: string;
+    direction: string;
+    rows: number | string;
+    expandText: string;
+    collapseText: string;
+    symbol: string;
+    lineHeight: number | string;
+    onClick: () => void;
+    onChange: (type: string) => void;
+}
+export declare const Ellipsis: FunctionComponent<Partial<EllipsisProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onClick' | 'onChange'>>;

package/dist/esm/types/src/packages/ellipsis/ellipsis.taro.d.ts

@@ -0,0 +1,14 @@
+import React, { FunctionComponent } from 'react';
+export declare type Direction = 'start' | 'end' | 'middle';
+export interface EllipsisProps {
+    content: string;
+    direction: string;
+    rows: number | string;
+    expandText: string;
+    collapseText: string;
+    symbol: string;
+    lineHeight: number | string;
+    onClick: () => void;
+    onChange: (type: string) => void;
+}
+export declare const Ellipsis: FunctionComponent<Partial<EllipsisProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onClick' | 'onChange'>>;

package/dist/esm/types/src/packages/ellipsis/index.d.ts

@@ -0,0 +1,2 @@
+import { Ellipsis } from './ellipsis';
+export default Ellipsis;

package/dist/esm/types/src/packages/ellipsis/index.taro.d.ts

@@ -0,0 +1,2 @@
+import { Ellipsis } from './ellipsis.taro';
+export default Ellipsis;

package/dist/esm/types/src/packages/nutui.react.build.d.ts

@@ -83,6 +83,8 @@ import Audio from '@/packages/audio';
 import ImagePreview from '@/packages/imagepreview';
 import TrendArrow from '@/packages/trendarrow';
 import WaterMark from '@/packages/watermark';
+import Animate from '@/packages/animate';
+import Ellipsis from '@/packages/ellipsis';
 import Address from '@/packages/address';
 import Barrage from '@/packages/barrage';
 import Signature from '@/packages/signature';
@@ -90,4 +92,4 @@ import Card from '@/packages/card';
 import TimePannel from '@/packages/timepannel';
 import TimeDetail from '@/packages/timedetail';
 import TimeSelect from '@/packages/timeselect';
-export { Button, Cell, CellGroup, Icon, Overlay, Popup, ConfigProvider, Image, Layout, Col, Row, Divider, Grid, GridItem, Sticky, NavBar, FixedNav, Tabbar, TabbarItem, Elevator, Pagination, Tabs, TabPane, Indicator, SideNavBar, SubSideNavBar, SideNavBarItem, Menu, MenuItem, Range, Calendar, Checkbox, CheckboxGroup, DatePicker, InputNumber, Input, Radio, RadioGroup, Rate, CalendarItem, Picker, ShortPassword, TextArea, Uploader, Cascader, SearchBar, NumberKeyboard, Form, FormItem, ActionSheet, BackTop, Drag, Dialog, Infiniteloading, Notify, Switch, Toast, Swipe, PullToRefresh, CircleProgress, NoticeBar, Steps, Step, Swiper, SwiperItem, Avatar, AvatarGroup, Price, Badge, Tag, Popover, Skeleton, CountDown, Collapse, CollapseItem, AnimatingNumbers, Empty, VirtualList, Table, Video, Progress, Audio, ImagePreview, TrendArrow, WaterMark, Address, Barrage, Signature, Card, TimePannel, TimeDetail, TimeSelect };
+export { Button, Cell, CellGroup, Icon, Overlay, Popup, ConfigProvider, Image, Layout, Col, Row, Divider, Grid, GridItem, Sticky, NavBar, FixedNav, Tabbar, TabbarItem, Elevator, Pagination, Tabs, TabPane, Indicator, SideNavBar, SubSideNavBar, SideNavBarItem, Menu, MenuItem, Range, Calendar, Checkbox, CheckboxGroup, DatePicker, InputNumber, Input, Radio, RadioGroup, Rate, CalendarItem, Picker, ShortPassword, TextArea, Uploader, Cascader, SearchBar, NumberKeyboard, Form, FormItem, ActionSheet, BackTop, Drag, Dialog, Infiniteloading, Notify, Switch, Toast, Swipe, PullToRefresh, CircleProgress, NoticeBar, Steps, Step, Swiper, SwiperItem, Avatar, AvatarGroup, Price, Badge, Tag, Popover, Skeleton, CountDown, Collapse, CollapseItem, AnimatingNumbers, Empty, VirtualList, Table, Video, Progress, Audio, ImagePreview, TrendArrow, WaterMark, Animate, Ellipsis, Address, Barrage, Signature, Card, TimePannel, TimeDetail, TimeSelect };

package/dist/esm/types/src/packages/nutui.react.d.ts

@@ -83,6 +83,8 @@ import Audio from '@/packages/audio';
 import ImagePreview from '@/packages/imagepreview';
 import TrendArrow from '@/packages/trendarrow';
 import WaterMark from '@/packages/watermark';
+import Animate from '@/packages/animate';
+import Ellipsis from '@/packages/ellipsis';
 import Address from '@/packages/address';
 import Barrage from '@/packages/barrage';
 import Signature from '@/packages/signature';
@@ -175,6 +177,8 @@ import '@/packages/audio/audio.scss';
 import '@/packages/imagepreview/imagepreview.scss';
 import '@/packages/trendarrow/trendarrow.scss';
 import '@/packages/watermark/watermark.scss';
+import '@/packages/animate/animate.scss';
+import '@/packages/ellipsis/ellipsis.scss';
 import '@/packages/address/address.scss';
 import '@/packages/barrage/barrage.scss';
 import '@/packages/signature/signature.scss';
@@ -182,4 +186,4 @@ import '@/packages/card/card.scss';
 import '@/packages/timepannel/timepannel.scss';
 import '@/packages/timedetail/timedetail.scss';
 import '@/packages/timeselect/timeselect.scss';
-export { Button, Cell, CellGroup, Icon, Overlay, Popup, ConfigProvider, Image, Layout, Col, Row, Divider, Grid, GridItem, Sticky, NavBar, FixedNav, Tabbar, TabbarItem, Elevator, Pagination, Tabs, TabPane, Indicator, SideNavBar, SubSideNavBar, SideNavBarItem, Menu, MenuItem, Range, Calendar, Checkbox, CheckboxGroup, DatePicker, InputNumber, Input, Radio, RadioGroup, Rate, CalendarItem, Picker, ShortPassword, TextArea, Uploader, Cascader, SearchBar, NumberKeyboard, Form, FormItem, ActionSheet, BackTop, Drag, Dialog, Infiniteloading, Notify, Switch, Toast, Swipe, PullToRefresh, CircleProgress, NoticeBar, Steps, Step, Swiper, SwiperItem, Avatar, AvatarGroup, Price, Badge, Tag, Popover, Skeleton, CountDown, Collapse, CollapseItem, AnimatingNumbers, Empty, VirtualList, Table, Video, Progress, Audio, ImagePreview, TrendArrow, WaterMark, Address, Barrage, Signature, Card, TimePannel, TimeDetail, TimeSelect };
+export { Button, Cell, CellGroup, Icon, Overlay, Popup, ConfigProvider, Image, Layout, Col, Row, Divider, Grid, GridItem, Sticky, NavBar, FixedNav, Tabbar, TabbarItem, Elevator, Pagination, Tabs, TabPane, Indicator, SideNavBar, SubSideNavBar, SideNavBarItem, Menu, MenuItem, Range, Calendar, Checkbox, CheckboxGroup, DatePicker, InputNumber, Input, Radio, RadioGroup, Rate, CalendarItem, Picker, ShortPassword, TextArea, Uploader, Cascader, SearchBar, NumberKeyboard, Form, FormItem, ActionSheet, BackTop, Drag, Dialog, Infiniteloading, Notify, Switch, Toast, Swipe, PullToRefresh, CircleProgress, NoticeBar, Steps, Step, Swiper, SwiperItem, Avatar, AvatarGroup, Price, Badge, Tag, Popover, Skeleton, CountDown, Collapse, CollapseItem, AnimatingNumbers, Empty, VirtualList, Table, Video, Progress, Audio, ImagePreview, TrendArrow, WaterMark, Animate, Ellipsis, Address, Barrage, Signature, Card, TimePannel, TimeDetail, TimeSelect };

package/dist/esm/types/src/packages/nutui.react.scss.d.ts

@@ -83,6 +83,8 @@ import '@/packages/audio/audio.scss';
 import '@/packages/imagepreview/imagepreview.scss';
 import '@/packages/trendarrow/trendarrow.scss';
 import '@/packages/watermark/watermark.scss';
+import '@/packages/animate/animate.scss';
+import '@/packages/ellipsis/ellipsis.scss';
 import '@/packages/address/address.scss';
 import '@/packages/barrage/barrage.scss';
 import '@/packages/signature/signature.scss';

package/dist/esm/types/src/packages/nutui.react.taro.d.ts

@@ -83,6 +83,8 @@ import Audio from '@/packages/audio/index.taro';
 import ImagePreview from '@/packages/imagepreview/index.taro';
 import TrendArrow from '@/packages/trendarrow/index.taro';
 import WaterMark from '@/packages/watermark/index.taro';
+import Animate from '@/packages/animate/index.taro';
+import Ellipsis from '@/packages/ellipsis/index.taro';
 import Address from '@/packages/address/index.taro';
 import Barrage from '@/packages/barrage/index.taro';
 import Signature from '@/packages/signature/index.taro';
@@ -175,6 +177,8 @@ import '@/packages/audio/audio.scss';
 import '@/packages/imagepreview/imagepreview.scss';
 import '@/packages/trendarrow/trendarrow.scss';
 import '@/packages/watermark/watermark.scss';
+import '@/packages/animate/animate.scss';
+import '@/packages/ellipsis/ellipsis.scss';
 import '@/packages/address/address.scss';
 import '@/packages/barrage/barrage.scss';
 import '@/packages/signature/signature.scss';
@@ -182,4 +186,4 @@ import '@/packages/card/card.scss';
 import '@/packages/timepannel/timepannel.scss';
 import '@/packages/timedetail/timedetail.scss';
 import '@/packages/timeselect/timeselect.scss';
-export { Button, Cell, CellGroup, Icon, Overlay, Popup, ConfigProvider, Image, Layout, Col, Row, Divider, Grid, GridItem, Sticky, NavBar, FixedNav, Tabbar, TabbarItem, Elevator, Pagination, Tabs, TabPane, Indicator, SideNavBar, SubSideNavBar, SideNavBarItem, Menu, MenuItem, Range, Calendar, Checkbox, CheckboxGroup, DatePicker, InputNumber, Input, Radio, RadioGroup, Rate, CalendarItem, Picker, ShortPassword, TextArea, Uploader, Cascader, SearchBar, NumberKeyboard, Form, FormItem, ActionSheet, BackTop, Drag, Dialog, Infiniteloading, Notify, Switch, Toast, Swipe, PullToRefresh, CircleProgress, NoticeBar, Steps, Step, Swiper, SwiperItem, Avatar, AvatarGroup, Price, Badge, Tag, Popover, Skeleton, CountDown, Collapse, CollapseItem, AnimatingNumbers, Empty, VirtualList, Table, Video, Progress, Audio, ImagePreview, TrendArrow, WaterMark, Address, Barrage, Signature, Card, TimePannel, TimeDetail, TimeSelect };
+export { Button, Cell, CellGroup, Icon, Overlay, Popup, ConfigProvider, Image, Layout, Col, Row, Divider, Grid, GridItem, Sticky, NavBar, FixedNav, Tabbar, TabbarItem, Elevator, Pagination, Tabs, TabPane, Indicator, SideNavBar, SubSideNavBar, SideNavBarItem, Menu, MenuItem, Range, Calendar, Checkbox, CheckboxGroup, DatePicker, InputNumber, Input, Radio, RadioGroup, Rate, CalendarItem, Picker, ShortPassword, TextArea, Uploader, Cascader, SearchBar, NumberKeyboard, Form, FormItem, ActionSheet, BackTop, Drag, Dialog, Infiniteloading, Notify, Switch, Toast, Swipe, PullToRefresh, CircleProgress, NoticeBar, Steps, Step, Swiper, SwiperItem, Avatar, AvatarGroup, Price, Badge, Tag, Popover, Skeleton, CountDown, Collapse, CollapseItem, AnimatingNumbers, Empty, VirtualList, Table, Video, Progress, Audio, ImagePreview, TrendArrow, WaterMark, Animate, Ellipsis, Address, Barrage, Signature, Card, TimePannel, TimeDetail, TimeSelect };

package/dist/esm/types/src/packages/nutui.react.taro.scss.d.ts

@@ -83,6 +83,8 @@ import '@/packages/audio/audio.scss';
 import '@/packages/imagepreview/imagepreview.scss';
 import '@/packages/trendarrow/trendarrow.scss';
 import '@/packages/watermark/watermark.scss';
+import '@/packages/animate/animate.scss';
+import '@/packages/ellipsis/ellipsis.scss';
 import '@/packages/address/address.scss';
 import '@/packages/barrage/barrage.scss';
 import '@/packages/signature/signature.scss';