@nutui/nutui-react-taro 3.0.0-beta.0 → 3.0.0-beta.2

package/dist/cjs/packages/uploader/uploader.js

@@ -48,6 +48,9 @@ var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typing
         size: "20px",
         color: "#808080"
     }),
+    deleteIcon: /*#__PURE__*/ _react.default.createElement(_iconsreacttaro.Failure, {
+        color: "rgba(0,0,0,0.6)"
+    }),
     uploadLabel: '',
     previewType: 'picture',
     fit: 'cover',
@@ -72,9 +75,10 @@ var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typing
 });
 var InternalUploader = function InternalUploader(props, ref) {
     var locale = (0, _configprovider.useConfig)().locale;
-    var _ref = (0, _object_spread._)({}, defaultProps, props), children = _ref.children, uploadIcon = _ref.uploadIcon, uploadLabel = _ref.uploadLabel, accept = _ref.accept, name = _ref.name, camera = _ref.camera, defaultValue = _ref.defaultValue, value = _ref.value, previewType = _ref.previewType, fit = _ref.fit, disabled = _ref.disabled, multiple = _ref.multiple, url = _ref.url, previewUrl = _ref.previewUrl, headers = _ref.headers, timeout = _ref.timeout, method = _ref.method, xhrState = _ref.xhrState, data = _ref.data, preview = _ref.preview, deletable = _ref.deletable, maxCount = _ref.maxCount, maxFileSize = _ref.maxFileSize, mediaType = _ref.mediaType, className = _ref.className, autoUpload = _ref.autoUpload, sizeType = _ref.sizeType, sourceType = _ref.sourceType, maxDuration = _ref.maxDuration, onStart = _ref.onStart, onDelete = _ref.onDelete, onChange = _ref.onChange, onFileItemClick = _ref.onFileItemClick, onProgress = _ref.onProgress, onSuccess = _ref.onSuccess, onUpdate = _ref.onUpdate, onFailure = _ref.onFailure, onOversize = _ref.onOversize, beforeXhrUpload = _ref.beforeXhrUpload, beforeDelete = _ref.beforeDelete, restProps = (0, _object_without_properties._)(_ref, [
+    var _ref = (0, _object_spread._)({}, defaultProps, props), children = _ref.children, uploadIcon = _ref.uploadIcon, deleteIcon = _ref.deleteIcon, uploadLabel = _ref.uploadLabel, accept = _ref.accept, name = _ref.name, camera = _ref.camera, defaultValue = _ref.defaultValue, value = _ref.value, previewType = _ref.previewType, fit = _ref.fit, disabled = _ref.disabled, multiple = _ref.multiple, url = _ref.url, previewUrl = _ref.previewUrl, headers = _ref.headers, timeout = _ref.timeout, method = _ref.method, xhrState = _ref.xhrState, data = _ref.data, preview = _ref.preview, deletable = _ref.deletable, maxCount = _ref.maxCount, maxFileSize = _ref.maxFileSize, mediaType = _ref.mediaType, className = _ref.className, autoUpload = _ref.autoUpload, sizeType = _ref.sizeType, sourceType = _ref.sourceType, maxDuration = _ref.maxDuration, onStart = _ref.onStart, onDelete = _ref.onDelete, onChange = _ref.onChange, onFileItemClick = _ref.onFileItemClick, onProgress = _ref.onProgress, onSuccess = _ref.onSuccess, onUpdate = _ref.onUpdate, onFailure = _ref.onFailure, onOversize = _ref.onOversize, beforeUpload = _ref.beforeUpload, beforeXhrUpload = _ref.beforeXhrUpload, beforeDelete = _ref.beforeDelete, restProps = (0, _object_without_properties._)(_ref, [
         "children",
         "uploadIcon",
+        "deleteIcon",
         "uploadLabel",
         "accept",
         "name",
@@ -111,6 +115,7 @@ var InternalUploader = function InternalUploader(props, ref) {
         "onUpdate",
         "onFailure",
         "onOversize",
+        "beforeUpload",
         "beforeXhrUpload",
         "beforeDelete"
     ]);
@@ -138,6 +143,12 @@ var InternalUploader = function InternalUploader(props, ref) {
             }
         };
     });
+    var fileListRef = (0, _react.useRef)([]);
+    (0, _react.useEffect)(function() {
+        fileListRef.current = fileList;
+    }, [
+        fileList
+    ]);
     var clearUploadQueue = function clearUploadQueue() {
         var index = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : -1;
         if (index > -1) {
@@ -168,20 +179,19 @@ var InternalUploader = function InternalUploader(props, ref) {
         if (((0, _taro.getEnv)() === 'WEAPP' || (0, _taro.getEnv)() === 'JD') && _taro.chooseMedia) {
             // 其余端全部使用 chooseImage API
             (0, _taro.chooseMedia)({
-                /** 最多可以选择的文件个数 */ count: multiple ? maxCount * 1 - fileList.length : 1,
+                count: multiple ? maxCount * 1 - fileList.length : 1,
                 /** 文件类型 */ mediaType: mediaType,
                 /** 图片和视频选择的来源 */ sourceType: sourceType,
                 /** 拍摄视频最长拍摄时间，单位秒。时间范围为 3s 至 30s 之间 */ maxDuration: maxDuration,
-                /** 仅对 mediaType 为 image 时有效，是否压缩所选文件 */ sizeType: [],
+                /** 仅对 mediaType 为 image 时有效，是否压缩所选文件 */ sizeType: sizeType,
                 /** 仅在 sourceType 为 camera 时生效，使用前置或后置摄像头 */ camera: camera,
-                /** 接口调用失败的回调函数 */ fail: function fail(res) {
+                fail: function fail(res) {
                     onFailure && onFailure(res);
                 },
-                /** 接口调用成功的回调函数 */ success: onChangeMedia
+                success: onChangeMedia
             });
         } else {
             (0, _taro.chooseImage)({
-                // 选择数量
                 count: multiple ? maxCount * 1 - fileList.length : 1,
                 // 可以指定是原图还是压缩图，默认二者都有
                 sizeType: sizeType,
@@ -207,22 +217,22 @@ var InternalUploader = function InternalUploader(props, ref) {
         uploadOption.beforeXhrUpload = beforeXhrUpload;
         uploadOption.onStart = function(option) {
             clearUploadQueue(index);
-            setFileList(fileList.map(function(item) {
+            setFileList(fileListRef.current.map(function(item) {
                 if (item.uid === fileItem.uid) {
                     item.status = 'ready';
                     item.message = locale.uploader.readyUpload;
                 }
                 return item;
             }));
-            onStart && onStart(option);
+            onStart === null || onStart === void 0 ? void 0 : onStart(option);
         };
         uploadOption.onProgress = function(e, option) {
-            setFileList(fileList.map(function(item) {
+            setFileList(fileListRef.current.map(function(item) {
                 if (item.uid === fileItem.uid) {
                     item.status = _utils.UPLOADING;
                     item.message = locale.uploader.uploading;
                     item.percentage = e.progress;
-                    onProgress && onProgress({
+                    onProgress === null || onProgress === void 0 ? void 0 : onProgress({
                         e: e,
                         option: option,
                         percentage: item.percentage
@@ -232,7 +242,7 @@ var InternalUploader = function InternalUploader(props, ref) {
             }));
         };
         uploadOption.onSuccess = function(responseText, option) {
-            var list = fileList.map(function(item) {
+            var list = fileListRef.current.map(function(item) {
                 if (item.uid === fileItem.uid) {
                     item.status = _utils.SUCCESS;
                     item.message = locale.uploader.success;
@@ -248,7 +258,7 @@ var InternalUploader = function InternalUploader(props, ref) {
             });
         };
         uploadOption.onFailure = function(responseText, option) {
-            var list = fileList.map(function(item) {
+            var list = fileListRef.current.map(function(item) {
                 if (item.uid === fileItem.uid) {
                     item.status = _utils.ERROR;
                     item.message = locale.uploader.error;
@@ -325,10 +335,10 @@ var InternalUploader = function InternalUploader(props, ref) {
             if (preview) {
                 fileItem.url = fileType === 'video' ? file.thumbTempFilePath : filepath;
             }
+            executeUpload(fileItem, index);
             setFileList((0, _to_consumable_array._)(fileList).concat([
                 fileItem
             ]));
-            executeUpload(fileItem, index);
         });
     };
     var filterFiles = function filterFiles(files) {
@@ -342,9 +352,7 @@ var InternalUploader = function InternalUploader(props, ref) {
             }
             return true;
         });
-        if (oversizes.length) {
-            onOversize && onOversize(files);
-        }
+        oversizes.length && (onOversize === null || onOversize === void 0 ? void 0 : onOversize(files));
         var currentFileLength = filterFile.length + fileList.length;
         if (currentFileLength > maximum) {
             filterFile.splice(filterFile.length - (currentFileLength - maximum));
@@ -374,13 +382,29 @@ var InternalUploader = function InternalUploader(props, ref) {
         // 返回选定照片的本地文件路径列表，tempFilePath可以作为img标签的src属性显示图片
         var tempFiles = res.tempFiles;
         var _files = filterFiles(tempFiles);
-        readFile(_files);
+        if (beforeUpload) {
+            beforeUpload(new Array().slice.call(_files)).then(function(f) {
+                var _files = filterFiles(new Array().slice.call(f));
+                if (!_files.length) res.tempFiles = [];
+                readFile(_files);
+            });
+        } else {
+            readFile(_files);
+        }
     };
     var onChangeImage = function onChangeImage(res) {
         // 返回选定照片的本地文件路径列表，tempFilePath可以作为img标签的src属性显示图片
         var tempFiles = res.tempFiles;
         var _files = filterFiles(tempFiles);
-        readFile(_files);
+        if (beforeUpload) {
+            beforeUpload(new Array().slice.call(_files)).then(function(f) {
+                var _files = filterFiles(new Array().slice.call(f));
+                if (!_files.length) res.tempFiles = [];
+                readFile(_files);
+            });
+        } else {
+            readFile(_files);
+        }
     };
     var handleItemClick = function handleItemClick(file, index) {
         onFileItemClick === null || onFileItemClick === void 0 ? void 0 : onFileItemClick(file, index);
@@ -392,7 +416,7 @@ var InternalUploader = function InternalUploader(props, ref) {
     }, /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, children || /*#__PURE__*/ _react.default.createElement(_index.default, {
         size: "small",
         type: "primary"
-    }, "上传文件"), Number(maxCount) > fileList.length && /*#__PURE__*/ _react.default.createElement(_index.default, {
+    }, locale.uploader.list), Number(maxCount) > fileList.length && /*#__PURE__*/ _react.default.createElement(_index.default, {
         className: "nut-uploader-input",
         onClick: _chooseImage
     }))), /*#__PURE__*/ _react.default.createElement(_preview.Preview, {
@@ -402,12 +426,13 @@ var InternalUploader = function InternalUploader(props, ref) {
         onDeleteItem: onDeleteItem,
         handleItemClick: handleItemClick,
         previewUrl: previewUrl,
+        deleteIcon: deleteIcon,
         children: children
     }), Number(maxCount) > fileList.length && previewType === 'picture' && !children && /*#__PURE__*/ _react.default.createElement(_components.View, {
         className: "nut-uploader-upload ".concat(previewType, " ").concat(disabled ? 'nut-uploader-upload-disabled' : '')
     }, /*#__PURE__*/ _react.default.createElement(_components.View, {
         className: "nut-uploader-icon"
-    }, uploadIcon, /*#__PURE__*/ _react.default.createElement("span", {
+    }, uploadIcon, /*#__PURE__*/ _react.default.createElement(_components.Text, {
         className: "nut-uploader-icon-tip"
     }, uploadLabel)), /*#__PURE__*/ _react.default.createElement(_index.default, {
         className: "nut-uploader-input",

package/dist/cjs/packages/uploader/utils.js

@@ -28,13 +28,13 @@ _export(exports, {
         return Utils;
     }
 });
+var _call_super = require("@swc/helpers/_/_call_super");
 var _class_call_check = require("@swc/helpers/_/_class_call_check");
 var _create_class = require("@swc/helpers/_/_create_class");
 var _define_property = require("@swc/helpers/_/_define_property");
 var _inherits = require("@swc/helpers/_/_inherits");
 var _object_spread = require("@swc/helpers/_/_object_spread");
 var _sliced_to_array = require("@swc/helpers/_/_sliced_to_array");
-var _create_super = require("@swc/helpers/_/_create_super");
 var UploadOptions = function UploadOptions() {
     "use strict";
     (0, _class_call_check._)(this, UploadOptions);
@@ -129,20 +129,23 @@ var Utils = /*#__PURE__*/ function() {
 var UploaderTaro = /*#__PURE__*/ function(Utils) {
     "use strict";
     (0, _inherits._)(UploaderTaro, Utils);
-    var _super = (0, _create_super._)(UploaderTaro);
     function UploaderTaro(options) {
         (0, _class_call_check._)(this, UploaderTaro);
-        return _super.call(this, options);
+        return (0, _call_super._)(this, UploaderTaro, [
+            options
+        ]);
     }
     (0, _create_class._)(UploaderTaro, [
         {
             key: "uploadTaro",
             value: function uploadTaro(uploadFile, env) {
                 var options = this.options;
+                if (options.beforeXhrUpload) {
+                    options.beforeXhrUpload(uploadFile, options);
+                    return;
+                }
                 if (env === 'WEB') {
                     this.upload();
-                } else if (options.beforeXhrUpload) {
-                    options.beforeXhrUpload(uploadFile, options);
                 } else {
                     var _options_onStart;
                     var uploadTask = uploadFile({

package/dist/cjs/packages/virtuallist/style/style.css

@@ -4,8 +4,8 @@
 .nut-horizontal-items li {
   display: block;
   float: left;
-  color: var(--nutui-gray-7, #1a1a1a);
-  background: var(--nutui-gray-1, #ffffff);
+  color: var(--nutui-color-title, #1a1a1a);
+  background: var(--nutui-color-background-overlay, #ffffff);
   padding: 10px;
   margin-right: 20px;
 }
@@ -18,8 +18,8 @@
 
 .nut-vertical-items li {
   display: block;
-  color: var(--nutui-gray-7, #1a1a1a);
-  background: var(--nutui-gray-1, #ffffff);
+  color: var(--nutui-color-title, #1a1a1a);
+  background: var(--nutui-color-background-overlay, #ffffff);
   border-radius: 7px;
   box-shadow: 0 1px 6px 0 rgb(237, 238, 241);
   margin-top: 20px;

package/dist/cjs/packages/watermark/watermark.d.ts

@@ -6,6 +6,8 @@ export interface WaterMarkProps extends BasicComponent {
     zIndex: number;
     gapX: number;
     gapY: number;
+    startX: number;
+    startY: number;
     width: number;
     height: number;
     image: string;

package/dist/cjs/packages/watermark/watermark.js

@@ -28,6 +28,8 @@ var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typing
     gapY: 48,
     width: 120,
     height: 64,
+    startX: 0,
+    startY: 0,
     image: '',
     imageWidth: 120,
     imageHeight: 64,
@@ -39,7 +41,7 @@ var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typing
 });
 var WaterMark = function WaterMark(props) {
     var locale = (0, _index.useConfig)().locale;
-    var _$_object_spread = (0, _object_spread._)({}, defaultProps, props), content = _$_object_spread.content, fullPage = _$_object_spread.fullPage, zIndex = _$_object_spread.zIndex, className = _$_object_spread.className, gapX = _$_object_spread.gapX, gapY = _$_object_spread.gapY, width = _$_object_spread.width, height = _$_object_spread.height, image = _$_object_spread.image, imageWidth = _$_object_spread.imageWidth, imageHeight = _$_object_spread.imageHeight, rotate = _$_object_spread.rotate, color = _$_object_spread.color, fontStyle = _$_object_spread.fontStyle, fontFamily = _$_object_spread.fontFamily, fontWeight = _$_object_spread.fontWeight, fontSize = _$_object_spread.fontSize, style = _$_object_spread.style;
+    var _$_object_spread = (0, _object_spread._)({}, defaultProps, props), content = _$_object_spread.content, fullPage = _$_object_spread.fullPage, zIndex = _$_object_spread.zIndex, className = _$_object_spread.className, gapX = _$_object_spread.gapX, gapY = _$_object_spread.gapY, startX = _$_object_spread.startX, startY = _$_object_spread.startY, width = _$_object_spread.width, height = _$_object_spread.height, image = _$_object_spread.image, imageWidth = _$_object_spread.imageWidth, imageHeight = _$_object_spread.imageHeight, rotate = _$_object_spread.rotate, color = _$_object_spread.color, fontStyle = _$_object_spread.fontStyle, fontFamily = _$_object_spread.fontFamily, fontWeight = _$_object_spread.fontWeight, fontSize = _$_object_spread.fontSize, style = _$_object_spread.style;
     var _useState = (0, _sliced_to_array._)((0, _react.useState)(''), 2), base64Url = _useState[0], setBase64Url = _useState[1];
     var classPrefix = 'nut-watermark';
     var classes = (0, _classnames.default)(classPrefix, (0, _define_property._)({}, "".concat(classPrefix, "-full-page"), fullPage));
@@ -99,7 +101,7 @@ var WaterMark = function WaterMark(props) {
                     var markSize = Number(fontSize) * ratio;
                     ctx.font = "".concat(fontStyle, " normal ").concat(fontWeight, " ").concat(markSize, "px/").concat(markHeight, "px ").concat(fontFamily);
                     ctx.fillStyle = color;
-                    ctx.fillText(content, 0, 0) // 在画布上绘制"被填充的"文本。
+                    ctx.fillText(content, startX, startY) // 在画布上绘制"被填充的"文本。
                     ;
                     ctx.restore() // 返回之前保存过的路径状态和属性。
                     ;

package/dist/cjs/utils/get-rect-by-taro.js

@@ -32,7 +32,7 @@ function makeRect(width, height) {
         height: height
     };
 }
-var getRectByTaro = function() {
+var getRectByTaro = /*#__PURE__*/ function() {
     var _ref = (0, _async_to_generator._)(function(element) {
         return (0, _ts_generator._)(this, function(_state) {
             if (element) {

package/dist/cjs/utils/get-scroll-parent.d.ts

@@ -1,4 +1,4 @@
 type ScrollElement = HTMLElement | Window;
-export declare function getScrollParent(el: Element, root?: ScrollElement | null | undefined): Window | Element | null | undefined;
+export declare function getScrollParent(el: Element | null | undefined, root?: ScrollElement | null | undefined): Window | Element | null | undefined;
 export declare function getAllScrollableParents(element: Element | null, scrollableParents?: Element[]): Element[];
 export {};

package/dist/cjs/utils/merge-props.d.ts

@@ -1,5 +1,9 @@
-export declare function mergeProps<T, U>(defaultProps: T, props: U): {
-    [Key in Extract<keyof T, keyof U>]: U[Key];
-} & {
-    [Key in Exclude<keyof U, keyof T>]?: U[Key];
-};
+export declare function mergeProps<A, B>(a: A, b: B): B & A;
+export declare function mergeProps<A, B, C>(a: A, b: B, c: C): C & B & A;
+export declare function mergeProps<A, B, C, D>(a: A, b: B, c: C, d: D): D & C & B & A;
+/**
+ * Merge props and return the first non-undefined value.
+ * The later has higher priority. e.g. (10, 1, 5) => 5 wins.
+ * This is useful with legacy props that have been deprecated.
+ */
+export declare function mergeProp<T, DefaultT extends T = T>(defaultProp: DefaultT, ...propList: T[]): T | undefined;

package/dist/cjs/utils/merge-props.js

@@ -2,13 +2,44 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-Object.defineProperty(exports, "mergeProps", {
-    enumerable: true,
-    get: function() {
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    mergeProp: function() {
+        return mergeProp;
+    },
+    mergeProps: function() {
         return mergeProps;
     }
 });
-var _object_spread = require("@swc/helpers/_/_object_spread");
-function mergeProps(defaultProps, props) {
-    return (0, _object_spread._)({}, defaultProps, props);
+function mergeProps() {
+    for(var _len = arguments.length, items = new Array(_len), _key = 0; _key < _len; _key++){
+        items[_key] = arguments[_key];
+    }
+    var ret = {};
+    items.forEach(function(item) {
+        if (item) {
+            Object.keys(item).forEach(function(key) {
+                if (item[key] !== undefined) {
+                    ret[key] = item[key];
+                }
+            });
+        }
+    });
+    return ret;
+}
+function mergeProp(defaultProp) {
+    for(var _len = arguments.length, propList = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++){
+        propList[_key - 1] = arguments[_key];
+    }
+    for(var i = propList.length - 1; i >= 0; i -= 1){
+        if (propList[i] !== undefined) {
+            return propList[i];
+        }
+    }
+    return defaultProp;
 }

package/dist/cjs/utils/raf.js

@@ -22,7 +22,7 @@ _export(exports, {
 var inBrowser = typeof window !== 'undefined';
 // 防频
 function requestAniFrame() {
-    if (typeof window !== 'undefined') {
+    if (inBrowser) {
         var _window = window;
         return _window.requestAnimationFrame || _window.webkitRequestAnimationFrame || function(callback) {
             _window.setTimeout(callback, 1000 / 60);
@@ -34,7 +34,8 @@ function requestAniFrame() {
 }
 function cancelRaf(id) {
     if (inBrowser) {
-        cancelAnimationFrame(id);
+        var _window = window;
+        (_window.cancelAnimationFrame || _window.webkitCancelAnimationFrame)(id);
     } else {
         clearTimeout(id);
     }

package/dist/cjs/utils/typings.d.ts

@@ -9,3 +9,4 @@ export declare const ComponentDefaults: {
     className: string;
     style: {};
 };
+export type Timeout = ReturnType<typeof setTimeout>;

package/dist/cjs/utils/use-client-rect.d.ts

@@ -9,4 +9,4 @@ export declare function isWindow(val: unknown): val is Window;
   right	右侧与视图窗口左上角的距离	number
   bottom	底部与视图窗口左上角的距离	number
  */
-export declare const getRect: (elementRef: Element | Window | undefined) => any;
+export declare const getRect: (elementRef: HTMLElement | Element | Window | undefined | null) => any;

package/dist/es/locales/base.d.ts

@@ -6,6 +6,8 @@ export interface BaseLang {
     noData: string;
     placeholder: string;
     select: string;
+    edit: string;
+    reset: string;
     video: {
         errorTip: string;
         clickRetry: string;
@@ -43,6 +45,7 @@ export interface BaseLang {
         tips: string;
     };
     uploader: {
+        list: string;
         ready: string;
         readyUpload: string;
         waitingUpload: string;
@@ -109,6 +112,10 @@ export interface BaseLang {
         mute: string;
         tips: string;
     };
+    avatarCropper: {
+        rotate: string;
+        selectImage: string;
+    };
     datepicker: {
         year: string;
         month: string;

package/dist/es/locales/en-US.js

@@ -6,6 +6,8 @@ var enUS = {
     noData: 'No Data',
     placeholder: 'Placeholder',
     select: 'Select',
+    edit: 'Edit',
+    reset: 'Reset',
     video: {
         errorTip: 'Error Tip',
         clickRetry: 'Click Retry'
@@ -53,6 +55,7 @@ var enUS = {
         tips: 'Forget password'
     },
     uploader: {
+        list: 'Upload Files',
         ready: 'Ready',
         readyUpload: 'Ready to upload',
         waitingUpload: 'Waiting for upload',
@@ -123,6 +126,10 @@ var enUS = {
         mute: 'mute',
         tips: 'The onplayend event will only be triggered when loop = false'
     },
+    avatarCropper: {
+        rotate: 'Rotate',
+        selectImage: 'Select Image'
+    },
     datepicker: {
         year: 'Year',
         month: 'Month',

package/dist/es/locales/id-ID.js

@@ -6,6 +6,8 @@ var idID = {
     noData: 'Tidak Ada Data',
     placeholder: 'Kolom Input',
     select: 'Pilih',
+    edit: 'Sunting',
+    reset: 'Mengatur Ulang',
     video: {
         errorTip: 'Terjadi Kesalahan',
         clickRetry: 'Coba Lagi'
@@ -53,6 +55,7 @@ var idID = {
         tips: 'Lupa Kata Sandi'
     },
     uploader: {
+        list: 'Unggah file',
         ready: 'File berhasil diunggah',
         readyUpload: 'Siap untuk mengunggah',
         waitingUpload: 'Menunggu untuk diunggah',
@@ -123,6 +126,10 @@ var idID = {
         mute: 'bisu',
         tips: 'Acara Onplayend hanya akan dipicu saat loop = false'
     },
+    avatarCropper: {
+        rotate: 'Memutar',
+        selectImage: 'Pilih gambar'
+    },
     datepicker: {
         year: 'Tahun',
         month: 'Bulan',

package/dist/es/locales/tr-TR.js

@@ -6,6 +6,8 @@ var trTR = {
     noData: 'Veri Yok',
     placeholder: 'Placeholder',
     select: 'Seçiniz',
+    edit: 'düzenlemek',
+    reset: 'sıfırlama',
     video: {
         errorTip: 'Video yüklenemedi',
         clickRetry: 'Yeniden Tıklayın'
@@ -53,6 +55,7 @@ var trTR = {
         tips: 'Şifrenizi mi unuttunuz'
     },
     uploader: {
+        list: 'Dosyaları yükle',
         ready: 'Tamamlamaya hazır',
         readyUpload: 'Yüklemeye hazır',
         waitingUpload: 'Yükleme için bekleniyor',
@@ -123,6 +126,10 @@ var trTR = {
         mute: 'sessiz',
         tips: 'onPlayEnd olayı loop=false olduğunda ateşlenir'
     },
+    avatarCropper: {
+        rotate: 'döndürmek',
+        selectImage: 'Resim seç'
+    },
     datepicker: {
         year: 'yıl',
         month: 'ay',

package/dist/es/locales/zh-CN.js

@@ -6,6 +6,8 @@ var zhCN = {
     noData: '暂无数据',
     placeholder: '请输入内容',
     select: '请选择',
+    edit: '编辑',
+    reset: '重置',
     video: {
         errorTip: '视频加载失败',
         clickRetry: '点击重试'
@@ -53,6 +55,7 @@ var zhCN = {
         tips: '忘记密码'
     },
     uploader: {
+        list: '上传文件',
         ready: '准备完成',
         readyUpload: '准备上传',
         waitingUpload: '等待上传',
@@ -123,6 +126,10 @@ var zhCN = {
         mute: '静音',
         tips: 'onPlayEnd事件在loop=false时才会触发'
     },
+    avatarCropper: {
+        rotate: '旋转',
+        selectImage: '选择图片'
+    },
     datepicker: {
         year: '年',
         month: '月',

package/dist/es/locales/zh-TW.js

@@ -6,6 +6,8 @@ var zhCN = {
     noData: '暫無數據',
     placeholder: '請輸入內容',
     select: '請選擇',
+    edit: '編輯',
+    reset: '重置',
     video: {
         errorTip: '視頻加載失敗',
         clickRetry: '點擊重試'
@@ -53,6 +55,7 @@ var zhCN = {
         tips: '忘記密碼'
     },
     uploader: {
+        list: '上傳文件',
         ready: '準備完成',
         readyUpload: '準備上傳',
         waitingUpload: '等待上傳',
@@ -123,6 +126,10 @@ var zhCN = {
         mute: '靜音',
         tips: 'onPlayEnd事件在loop=false時才會觸發'
     },
+    avatarCropper: {
+        rotate: '旋轉',
+        selectImage: '選擇圖片'
+    },
     datepicker: {
         year: '年',
         month: '月',

package/dist/es/locales/zh-UG.js

@@ -6,6 +6,8 @@ var zhUG = {
     noData: 'مەزمۇن يوق',
     placeholder: 'كىرگۈزۈڭ',
     select: 'تاللاڭ',
+    edit: 'يحرر',
+    reset: 'إعادة ضبط',
     video: {
         errorTip: 'فىلىمنى قويۇش مەغلۇپ بولدى',
         clickRetry: 'قايتا سىناش'
@@ -53,6 +55,7 @@ var zhUG = {
         tips: 'ئۇنتۇپ قاپتىمەن'
     },
     uploader: {
+        list: 'تحميل الملفات',
         ready: 'تاماملىنىۋاتىدۇ',
         readyUpload: 'يوللاش ئالدىدا',
         waitingUpload: 'ساقلاۋاتىدۇ',
@@ -123,6 +126,10 @@ var zhUG = {
         mute: 'جىم',
         tips: 'onPlayEnd بولسا loop=false بولغاندا ئىشلەيدۇ'
     },
+    avatarCropper: {
+        rotate: 'تناوب',
+        selectImage: 'حدد الصورة'
+    },
     datepicker: {
         year: 'يىل',
         month: 'ئاي',