@nutui/nutui-react 1.3.3 → 1.3.4-beta.0

package/dist/esm/Table.js

@@ -1,7 +1,7 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["children", "className", "style", "columns", "data", "bordered", "summary", "striped", "noData", "onSorter"];
+var _excluded = ["children", "className", "style", "columns", "data", "bordered", "summary", "striped", "noData", "onSorter", "iconClassPrefix", "iconFontClassName"];
 
 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; }
 
@@ -42,6 +42,8 @@ var Table = function Table(props) {
       striped = _defaultProps$props.striped,
       noData = _defaultProps$props.noData,
       onSorter = _defaultProps$props.onSorter,
+      iconClassPrefix = _defaultProps$props.iconClassPrefix,
+      iconFontClassName = _defaultProps$props.iconFontClassName,
       rest = _objectWithoutProperties(_defaultProps$props, _excluded);
 
   var _useState = useState(data),
@@ -91,8 +93,8 @@ var Table = function Table(props) {
           return handleSorterClick(item);
         }
       }, item.title, item.sorter && React__default.createElement(Icon, {
-        classPrefix: props.iconClassPrefix,
-        fontClassName: props.iconFontClassName,
+        classPrefix: iconClassPrefix,
+        fontClassName: iconFontClassName,
         name: "down-arrow",
         size: "12px"
       }));

package/dist/esm/Tabs.js

@@ -1,5 +1,5 @@
-import { T as Tabs } from './tabs-41234c2c.js';
-export { T as default } from './tabs-41234c2c.js';
+import { T as Tabs } from './tabs-0896a61b.js';
+export { T as default } from './tabs-0896a61b.js';
 import 'react';
 import 'classnames';
 import './bem-893ad28d.js';

package/dist/esm/Tag.js

@@ -34,7 +34,9 @@ var Tag = function Tag(props) {
       closeable = _defaultProps$props.closeable,
       textColor = _defaultProps$props.textColor,
       onClick = _defaultProps$props.onClick,
-      onClose = _defaultProps$props.onClose;
+      onClose = _defaultProps$props.onClose,
+      iconClassPrefix = _defaultProps$props.iconClassPrefix,
+      iconFontClassName = _defaultProps$props.iconFontClassName;
 
   var _useState = useState(''),
       _useState2 = _slicedToArray(_useState, 2),
@@ -89,8 +91,8 @@ var Tag = function Tag(props) {
   }, children && React__default.createElement("span", {
     className: "text"
   }, children), React__default.createElement(Icon, {
-    classPrefix: props.iconClassPrefix,
-    fontClassName: props.iconFontClassName,
+    classPrefix: iconClassPrefix,
+    fontClassName: iconFontClassName,
     className: "_icon",
     name: "close",
     size: "12",

package/dist/esm/Toast.js

@@ -19,7 +19,7 @@ import * as ReactDOM from 'react-dom';
 import classNames from 'classnames';
 import { c as cn } from './bem-893ad28d.js';
 import Icon from './Icon.js';
-import { r as render } from './render-4a3856cb.js';
+import { r as render } from './render-18227751.js';
 import '@bem-react/classname';
 
 var Notification = /*#__PURE__*/function (_React$PureComponent) {

package/dist/esm/Uploader.js

@@ -4,7 +4,7 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _createClass from "@babel/runtime/helpers/createClass";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["children", "uploadIcon", "uploadIconSize", "name", "accept", "defaultFileList", "listType", "disabled", "multiple", "url", "defaultImg", "headers", "timeout", "method", "xhrState", "withCredentials", "data", "isPreview", "isDeletable", "maximum", "capture", "maximize", "className", "autoUpload", "clearInput", "start", "removeImage", "change", "fileItemClick", "progress", "success", "update", "failure", "oversize", "beforeUpload", "beforeDelete"];
+var _excluded = ["children", "uploadIcon", "uploadIconSize", "name", "accept", "defaultFileList", "listType", "disabled", "multiple", "url", "defaultImg", "headers", "timeout", "method", "xhrState", "withCredentials", "data", "isPreview", "isDeletable", "maximum", "capture", "maximize", "className", "autoUpload", "clearInput", "iconClassPrefix", "iconFontClassName", "onStart", "onRemove", "onChange", "onFileItemClick", "onProgress", "onSuccess", "onUpdate", "onFailure", "onOversize", "onBeforeUpload", "onBeforeXhrUpload", "onBeforeDelete"];
 
 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; }
 
@@ -13,6 +13,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 import React__default, { useState, useEffect, useImperativeHandle } from 'react';
 import classNames from 'classnames';
 import Icon from './Icon.js';
+import Progress from './Progress.js';
 import { c as cn } from './bem-893ad28d.js';
 import { useConfig } from './ConfigProvider.js';
 import { C as ComponentDefaults } from './typings-1c5f2628.js';
@@ -25,8 +26,12 @@ var UploadOptions = /*#__PURE__*/_createClass(function UploadOptions() {
 
   _defineProperty(this, "name", 'file');
 
+  _defineProperty(this, "fileType", 'image');
+
   _defineProperty(this, "formData", void 0);
 
+  _defineProperty(this, "sourceFile", void 0);
+
   _defineProperty(this, "method", 'post');
 
   _defineProperty(this, "xhrState", 200);
@@ -46,6 +51,8 @@ var UploadOptions = /*#__PURE__*/_createClass(function UploadOptions() {
   _defineProperty(this, "onSuccess", void 0);
 
   _defineProperty(this, "onFailure", void 0);
+
+  _defineProperty(this, "beforeXhrUpload", void 0);
 });
 
 var Upload = /*#__PURE__*/function () {
@@ -99,11 +106,64 @@ var Upload = /*#__PURE__*/function () {
         }
 
         (_options$onStart = options.onStart) === null || _options$onStart === void 0 ? void 0 : _options$onStart.call(options, options);
-        xhr.send(options.formData);
+
+        if (options.beforeXhrUpload) {
+          options.beforeXhrUpload(xhr, options);
+        } else {
+          xhr.send(options.formData);
+        }
       } else {
         console.warn('浏览器不支持 XMLHttpRequest');
       }
     }
+  }, {
+    key: "uploadTaro",
+    value: function uploadTaro(uploadFile, env) {
+      var options = this.options;
+
+      if (env === 'WEB') {
+        this.upload();
+      } else if (options.beforeXhrUpload) {
+        options.beforeXhrUpload(uploadFile, options);
+      } else {
+        var _options$onStart2;
+
+        var uploadTask = uploadFile({
+          url: options.url,
+          filePath: options.taroFilePath,
+          fileType: options.fileType,
+          header: _objectSpread({
+            'Content-Type': 'multipart/form-data'
+          }, options.headers),
+          formData: options.formData,
+          name: options.name,
+          success: function success(response) {
+            if (options.xhrState == response.statusCode) {
+              var _options$onSuccess2;
+
+              (_options$onSuccess2 = options.onSuccess) === null || _options$onSuccess2 === void 0 ? void 0 : _options$onSuccess2.call(options, response, options);
+            } else {
+              var _options$onFailure2;
+
+              (_options$onFailure2 = options.onFailure) === null || _options$onFailure2 === void 0 ? void 0 : _options$onFailure2.call(options, response, options);
+            }
+          },
+          fail: function fail(e) {
+            var _options$onFailure3;
+
+            (_options$onFailure3 = options.onFailure) === null || _options$onFailure3 === void 0 ? void 0 : _options$onFailure3.call(options, e, options);
+          }
+        });
+        (_options$onStart2 = options.onStart) === null || _options$onStart2 === void 0 ? void 0 : _options$onStart2.call(options, options);
+        uploadTask.progress(function (res) {
+          var _options$onProgress2;
+
+          (_options$onProgress2 = options.onProgress) === null || _options$onProgress2 === void 0 ? void 0 : _options$onProgress2.call(options, res, options); // console.log('上传进度', res.progress);
+          // console.log('已经上传的数据长度', res.totalBytesSent);
+          // console.log('预期需要上传的数据总长度', res.totalBytesExpectedToSend);
+        }); // uploadTask.abort(); // 取消上传任务
+      }
+    }
   }]);
 
   return Upload;
@@ -128,11 +188,11 @@ var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   xhrState: 200,
   timeout: 1000 * 30,
   withCredentials: false,
-  clearInput: false,
+  clearInput: true,
   isPreview: true,
   isDeletable: true,
   capture: false,
-  beforeDelete: function beforeDelete(file, files) {
+  onBeforeDelete: function onBeforeDelete(file, files) {
     return true;
   }
 });
@@ -152,6 +212,10 @@ var FileItem = /*#__PURE__*/_createClass(function FileItem() {
 
   _defineProperty(this, "type", void 0);
 
+  _defineProperty(this, "path", void 0);
+
+  _defineProperty(this, "percentage", 0);
+
   _defineProperty(this, "formData", new FormData());
 });
 
@@ -185,17 +249,20 @@ var InternalUploader = function InternalUploader(props, ref) {
       className = _defaultProps$props.className,
       autoUpload = _defaultProps$props.autoUpload,
       clearInput = _defaultProps$props.clearInput,
-      start = _defaultProps$props.start,
-      removeImage = _defaultProps$props.removeImage,
-      change = _defaultProps$props.change,
-      fileItemClick = _defaultProps$props.fileItemClick,
-      progress = _defaultProps$props.progress,
-      success = _defaultProps$props.success,
-      update = _defaultProps$props.update,
-      failure = _defaultProps$props.failure,
-      oversize = _defaultProps$props.oversize,
-      beforeUpload = _defaultProps$props.beforeUpload,
-      beforeDelete = _defaultProps$props.beforeDelete,
+      iconClassPrefix = _defaultProps$props.iconClassPrefix,
+      iconFontClassName = _defaultProps$props.iconFontClassName,
+      onStart = _defaultProps$props.onStart,
+      onRemove = _defaultProps$props.onRemove,
+      onChange = _defaultProps$props.onChange,
+      onFileItemClick = _defaultProps$props.onFileItemClick,
+      onProgress = _defaultProps$props.onProgress,
+      onSuccess = _defaultProps$props.onSuccess,
+      onUpdate = _defaultProps$props.onUpdate,
+      onFailure = _defaultProps$props.onFailure,
+      onOversize = _defaultProps$props.onOversize,
+      onBeforeUpload = _defaultProps$props.onBeforeUpload,
+      onBeforeXhrUpload = _defaultProps$props.onBeforeXhrUpload,
+      onBeforeDelete = _defaultProps$props.onBeforeDelete,
       restProps = _objectWithoutProperties(_defaultProps$props, _excluded);
 
   var _useState = useState([]),
@@ -209,8 +276,6 @@ var InternalUploader = function InternalUploader(props, ref) {
       setUploadQueue = _useState4[1];
 
   useEffect(function () {
-    console.log('defaultFileList', defaultFileList);
-
     if (defaultFileList) {
       setFileList(defaultFileList);
     }
@@ -262,6 +327,11 @@ var InternalUploader = function InternalUploader(props, ref) {
     uploadOption.xhrState = xhrState;
     uploadOption.headers = headers;
     uploadOption.withCredentials = withCredentials;
+    uploadOption.beforeXhrUpload = onBeforeXhrUpload;
+
+    try {
+      uploadOption.sourceFile = fileItem.formData.get(name);
+    } catch (error) {}
 
     uploadOption.onStart = function (option) {
       clearUploadQueue(index);
@@ -276,7 +346,7 @@ var InternalUploader = function InternalUploader(props, ref) {
         });
         return _toConsumableArray(fileList);
       });
-      start && start(option);
+      onStart && onStart(option);
     };
 
     uploadOption.onProgress = function (e, option) {
@@ -285,21 +355,23 @@ var InternalUploader = function InternalUploader(props, ref) {
           if (item.uid === fileItem.uid) {
             item.status = 'uploading';
             item.message = locale.uploader.uploading;
+            item.percentage = (e.loaded / e.total * 100).toFixed(0);
+            onProgress && onProgress({
+              e: e,
+              option: option,
+              percentage: item.percentage
+            });
           }
 
           return item;
         });
         return _toConsumableArray(fileList);
       });
-      progress && progress({
-        e: e,
-        option: option
-      });
     };
 
     uploadOption.onSuccess = function (responseText, option) {
       setFileList(function (fileList) {
-        update && update(fileList);
+        onUpdate && onUpdate(fileList);
         fileList.map(function (item) {
           if (item.uid === fileItem.uid) {
             item.status = 'success';
@@ -310,7 +382,7 @@ var InternalUploader = function InternalUploader(props, ref) {
         });
         return _toConsumableArray(fileList);
       });
-      success && success({
+      onSuccess && onSuccess({
         responseText: responseText,
         option: option
       });
@@ -328,7 +400,7 @@ var InternalUploader = function InternalUploader(props, ref) {
         });
         return _toConsumableArray(fileList);
       });
-      failure && failure({
+      onFailure && onFailure({
         responseText: responseText,
         option: option
       });
@@ -389,7 +461,7 @@ var InternalUploader = function InternalUploader(props, ref) {
     });
 
     if (oversizes.length) {
-      oversize && oversize(files);
+      onOversize && onOversize(files);
     }
 
     if (filterFile.length > maximum) {
@@ -407,9 +479,9 @@ var InternalUploader = function InternalUploader(props, ref) {
   var onDelete = function onDelete(file, index) {
     clearUploadQueue(index);
 
-    if (beforeDelete && beforeDelete(file, fileList)) {
+    if (onBeforeDelete && onBeforeDelete(file, fileList)) {
       fileList.splice(index, 1);
-      removeImage && removeImage(file, fileList);
+      onRemove && onRemove(file, fileList);
       setFileList(_toConsumableArray(fileList));
     } else {
       console.log(locale.uploader.deleteWord);
@@ -424,8 +496,8 @@ var InternalUploader = function InternalUploader(props, ref) {
     var $el = event.target;
     var files = $el.files;
 
-    if (beforeUpload) {
-      beforeUpload(new Array().slice.call(files)).then(function (f) {
+    if (onBeforeUpload) {
+      onBeforeUpload(new Array().slice.call(files)).then(function (f) {
         var _files = filterFiles(new Array().slice.call(f));
 
         readFile(_files);
@@ -436,7 +508,7 @@ var InternalUploader = function InternalUploader(props, ref) {
       readFile(_files);
     }
 
-    props.change && props.change({
+    onChange && onChange({
       fileList: fileList,
       event: event
     });
@@ -447,7 +519,7 @@ var InternalUploader = function InternalUploader(props, ref) {
   };
 
   var handleItemClick = function handleItemClick(file) {
-    fileItemClick && fileItemClick(file);
+    onFileItemClick && onFileItemClick(file);
   };
 
   return React__default.createElement("div", _objectSpread({
@@ -484,15 +556,15 @@ var InternalUploader = function InternalUploader(props, ref) {
     }, item.message)) : item.status !== 'success' && React__default.createElement("div", {
       className: "nut-uploader__preview__progress"
     }, React__default.createElement(Icon, {
-      classPrefix: props.iconClassPrefix,
-      fontClassName: props.iconFontClassName,
+      classPrefix: iconClassPrefix,
+      fontClassName: iconFontClassName,
       color: "#fff",
       name: "".concat(item.status === 'error' ? 'failure' : 'loading')
     }), React__default.createElement("div", {
       className: "nut-uploader__preview__progress__msg"
     }, item.message)), isDeletable && React__default.createElement(Icon, {
-      classPrefix: props.iconClassPrefix,
-      fontClassName: props.iconFontClassName,
+      classPrefix: iconClassPrefix,
+      fontClassName: iconFontClassName,
       color: "rgba(0,0,0,0.6)",
       className: "close",
       name: "failure",
@@ -521,8 +593,8 @@ var InternalUploader = function InternalUploader(props, ref) {
       },
       className: "nut-uploader__preview-img__file__name"
     }, React__default.createElement(Icon, {
-      classPrefix: props.iconClassPrefix,
-      fontClassName: props.iconFontClassName,
+      classPrefix: iconClassPrefix,
+      fontClassName: iconFontClassName,
       color: "#808080",
       name: "link"
     }), "\xA0", item.name))), React__default.createElement("div", {
@@ -535,24 +607,29 @@ var InternalUploader = function InternalUploader(props, ref) {
         return handleItemClick(item);
       }
     }, React__default.createElement(Icon, {
-      classPrefix: props.iconClassPrefix,
-      fontClassName: props.iconFontClassName,
+      classPrefix: iconClassPrefix,
+      fontClassName: iconFontClassName,
       name: "link"
     }), "\xA0", item.name), React__default.createElement(Icon, {
-      classPrefix: props.iconClassPrefix,
-      fontClassName: props.iconFontClassName,
+      classPrefix: iconClassPrefix,
+      fontClassName: iconFontClassName,
       color: "#808080",
       className: "nut-uploader__preview-img__file__del",
       name: "del",
       onClick: function onClick() {
         return onDelete(item, index);
       }
+    }), item.status === 'uploading' && React__default.createElement(Progress, {
+      size: "small",
+      percentage: item.percentage,
+      strokeColor: "linear-gradient(270deg, rgba(18,126,255,1) 0%,rgba(32,147,255,1) 32.815625%,rgba(13,242,204,1) 100%)",
+      showText: false
     })));
   }), maximum > fileList.length && listType === 'picture' && !children && React__default.createElement("div", {
     className: "nut-uploader__upload ".concat(listType)
   }, React__default.createElement(Icon, {
-    classPrefix: props.iconClassPrefix,
-    fontClassName: props.iconFontClassName,
+    classPrefix: iconClassPrefix,
+    fontClassName: iconFontClassName,
     size: uploadIconSize,
     color: "#808080",
     name: uploadIcon

package/dist/esm/get-scroll-parent-3dcd3f53.js

@@ -0,0 +1,32 @@
+var canUseDom = !!(typeof window !== 'undefined' && typeof document !== 'undefined' && window.document && window.document.createElement);
+var defaultRoot = canUseDom ? window : undefined;
+var overflowStylePatterns = ['scroll', 'auto', 'overlay'];
+
+function isElement(node) {
+  var ELEMENT_NODE_TYPE = 1;
+  return node.nodeType === ELEMENT_NODE_TYPE;
+}
+
+function getScrollParent(el) {
+  var root = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : defaultRoot;
+  var node = el;
+
+  while (node && node !== root && isElement(node)) {
+    if (node === document.body) {
+      return root;
+    }
+
+    var _window$getComputedSt = window.getComputedStyle(node),
+        overflowY = _window$getComputedSt.overflowY;
+
+    if (overflowStylePatterns.includes(overflowY) && node.scrollHeight > node.clientHeight) {
+      return node;
+    }
+
+    node = node.parentNode;
+  }
+
+  return root;
+}
+
+export { canUseDom as c, getScrollParent as g };

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

@@ -11,6 +11,7 @@ export { default as Row } from './Row.js';
 export { default as Divider } from './Divider.js';
 export { default as Grid } from './Grid.js';
 export { default as GridItem } from './GridItem.js';
+export { default as Sticky } from './Sticky.js';
 export { default as NavBar } from './NavBar.js';
 export { default as FixedNav } from './FixedNav.js';
 export { default as Tabbar } from './Tabbar.js';

package/dist/esm/render-18227751.js

@@ -0,0 +1,43 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+
+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 * as ReactDOM from 'react-dom';
+var createRoot;
+var version = ReactDOM.version;
+
+var reactDOMClone = _objectSpread({}, ReactDOM);
+
+try {
+  var mainVersion = Number((version || '').split('.')[0]);
+
+  if (mainVersion >= 18) {
+    createRoot = reactDOMClone.createRoot;
+  }
+} catch (e) {
+  console.log(e);
+}
+
+function legacyRender(node, container) {
+  ReactDOM.render(node, container);
+}
+
+function concurrentRender(node, container) {
+  if (createRoot) {
+    var root = createRoot(container);
+    root.render(node);
+  }
+}
+
+function render(node, container) {
+  if (createRoot) {
+    concurrentRender(node, container);
+    return;
+  }
+
+  legacyRender(node, container);
+}
+
+export { render as r };

package/dist/esm/{tabs-41234c2c.js → tabs-0896a61b.js}

@@ -3,7 +3,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 import _createClass from "@babel/runtime/helpers/createClass";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["value", "color", "background", "direction", "type", "titleScroll", "ellipsis", "animatedTime", "titleGutter", "size", "titleNode", "children", "onClick", "onChange", "className", "autoHeight"];
+var _excluded = ["value", "color", "background", "direction", "type", "titleScroll", "ellipsis", "animatedTime", "titleGutter", "size", "titleNode", "children", "onClick", "onChange", "className", "autoHeight", "iconClassPrefix", "iconFontClassName"];
 
 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; }
 
@@ -66,6 +66,8 @@ var Tabs = function Tabs(props) {
       onChange = _defaultProps$props.onChange,
       className = _defaultProps$props.className,
       autoHeight = _defaultProps$props.autoHeight,
+      iconClassPrefix = _defaultProps$props.iconClassPrefix,
+      iconFontClassName = _defaultProps$props.iconFontClassName,
       rest = _objectWithoutProperties(_defaultProps$props, _excluded);
 
   var _useState = useState({
@@ -161,8 +163,8 @@ var Tabs = function Tabs(props) {
       className: "".concat(b(''), "__titles-item__smile"),
       style: tabsActiveStyle
     }, React__default.createElement(Icon, {
-      classPrefix: props.iconClassPrefix,
-      fontClassName: props.iconFontClassName,
+      classPrefix: iconClassPrefix,
+      fontClassName: iconFontClassName,
       color: color,
       name: "joy-smile"
     })), React__default.createElement("div", {

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

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

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

@@ -14,6 +14,7 @@ export interface CollapseItemProps extends IComponent {
     titleIconColor: string;
     titleIconPosition: string;
     titleIconSize: string;
+    childnull: boolean;
     onToggle: (isOpen: boolean, name: string) => void;
 }
 export declare const CollapseItem: FunctionComponent<Partial<CollapseItemProps> & React.HTMLAttributes<HTMLDivElement>>;

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

@@ -1,7 +1,7 @@
 import React, { FunctionComponent } from 'react';
 export interface DragProps {
     attract: boolean;
-    direction: undefined | string;
+    direction: 'x' | 'y' | 'lock' | undefined;
     boundary: {
         top: number;
         left: number;

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

@@ -1,10 +1,10 @@
 import React, { FunctionComponent, MouseEvent } from 'react';
+import { IComponent } from '@/utils/typings';
 declare type Direction = 'right' | 'left';
 declare type Position = {
     top?: string;
     bottom?: string;
 };
-import { IComponent } from '@/utils/typings';
 export interface FixedNavProps extends IComponent {
     fixednavClass: string;
     visible: boolean;

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

@@ -1,6 +1,6 @@
 import React, { FunctionComponent, ReactNode } from 'react';
-declare type GridDirection = 'horizontal' | 'vertical';
 import { IComponent } from '@/utils/typings';
+declare type GridDirection = 'horizontal' | 'vertical';
 export interface GridItemProps extends IComponent {
     text: string | ReactNode;
     icon: string | ReactNode;

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

@@ -14,8 +14,8 @@ export interface InfiniteloadingProps extends IComponent {
     loadMoreTxt: string;
     className: string;
     style: React.CSSProperties;
-    refresh: (param: () => void) => void;
-    loadMore: (param: () => void) => void;
-    scrollChange: (param: number) => void;
+    onRefresh: (param: () => void) => void;
+    onLoadMore: (param: () => void) => void;
+    onScrollChange: (param: number) => void;
 }
 export declare const Infiniteloading: FunctionComponent<Partial<InfiniteloadingProps> & React.HTMLAttributes<HTMLDivElement>>;

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

@@ -1,4 +1,5 @@
 import React, { CSSProperties, FunctionComponent, HTMLInputTypeAttribute } from 'react';
+import { IComponent } from '@/utils/typings';
 export declare type InputAlignType = 'left' | 'center' | 'right';
 export declare type InputFormatTrigger = 'onChange' | 'onBlur';
 export declare type InputType = HTMLInputTypeAttribute;
@@ -8,7 +9,6 @@ export declare type InputRule = {
     required?: boolean;
 };
 export declare type ConfirmTextType = 'send' | 'search' | 'next' | 'go' | 'done';
-import { IComponent } from '@/utils/typings';
 export interface InputProps extends IComponent {
     type: InputType;
     defaultValue: any;

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

@@ -1,9 +1,9 @@
 import React, { FunctionComponent } from 'react';
+import { IComponent } from '@/utils/typings';
 export interface OptionItem {
     text: string;
     value: string | number;
 }
-import { IComponent } from '@/utils/typings';
 export interface MenuItemProps extends IComponent {
     className: string;
     style: React.CSSProperties;

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

@@ -11,6 +11,7 @@ import Row from '@/packages/row';
 import Divider from '@/packages/divider';
 import Grid from '@/packages/grid';
 import GridItem from '@/packages/griditem';
+import Sticky from '@/packages/sticky';
 import NavBar from '@/packages/navbar';
 import FixedNav from '@/packages/fixednav';
 import Tabbar from '@/packages/tabbar';
@@ -84,4 +85,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, Layout, Col, Row, Divider, Grid, GridItem, 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, 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, Address, Barrage, Signature, Card, TimePannel, TimeDetail, TimeSelect };
+export { Button, Cell, CellGroup, Icon, Overlay, Popup, ConfigProvider, 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, 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, Address, Barrage, Signature, Card, TimePannel, TimeDetail, TimeSelect };