fix: 2.x 修复 Textarea onKeyUp 失效、Upload webkitdirectory 属性失效的问题 (#2124)

* fix: 修复 Uplaod 组件 webkitdirectory 属性失效的问题

* fix: 修复 Textarea onKeyUp 属性失效的问题

* feat: changelog

---------

Co-authored-by: 颜宇浩 <yanyuhao@shein.com>

package.json

@@ -1,6 +1,6 @@
 {
   "name": "shineout",
-  "version": "2.0.21",
+  "version": "2.0.22",
   "description": "Shein 前端组件库",
   "main": "./lib/index.js",
   "module": "./es/index.js",

site/chunks/Components/Image.js

@@ -147,7 +147,7 @@ const examples = [
 
 const codes = undefined
 
-const api = '[{"title":"Image","properties":[{"name":"height","tag":{"cn":"图片高度(值为百分比时，对比值为图片宽度)","en":"the height of the image(When the value is percentage, the ratio is the width of the image)","default":"\\\"100%\\\"","version":""},"required":false,"type":"string | number "},{"name":"href","tag":{"cn":"原始图片地址","en":"original picture address","default":"","version":""},"required":false,"type":"string "},{"name":"lazy","tag":{"cn":"是否延迟加载，如果为数字则表示懒加载偏移量","en":"whether to delay loading, number to set lazy offset","default":"false","version":""},"required":false,"type":"number | boolean "},{"name":"src","tag":{"cn":"图片地址","en":"the picture address","default":"","version":""},"required":false,"type":"string "},{"name":"alt","tag":{"cn":"备用地址，src无效时会应用","en":"Alternate address, applied when src is invalid","default":"","version":""},"required":false,"type":"string "},{"name":"onError","tag":{"cn":"src或alt 地址请求出错回调","en":"callback of image src or alt request fail","default":"","version":""},"required":false,"type":"((error: Event, type?: number ) => void) "},{"name":"target","tag":{"cn":"图片打开方式","en":"target of image","default":"\\\"_modal\\\"","version":""},"required":false,"type":"\\\"_self\\\" | \\\"_blank\\\" | \\\"_modal\\\" | \\\"_download\\\" "},{"name":"width","tag":{"cn":"图片宽度","en":"the width of the image","default":"\\\"100%\\\"","version":""},"required":false,"type":"string | number "},{"name":"placeholder","tag":{"cn":"图片加载中占位内容","en":"loading image placeholder content","default":"\\\"loading\\\"","version":""},"required":false,"type":"ReactNode"},{"name":"container","tag":{"cn":"对特定元素进行懒加载判断的选择器, 如: \\\"#id\\\", \\\".class\\\"","en":"the special element selector witch container the lazy image, such as: \\\"#id\\\", \\\".class\\\"","default":"","version":""},"required":false,"type":"string | Element "},{"name":"error","tag":{"cn":"图片载入错误的文案","en":"image error placeholder","default":"","version":""},"required":false,"type":"ReactNode"},{"name":"autoSSL","tag":{"cn":"是否根据页面自动转换协议","en":"auto transform protocol","default":"false","version":""},"required":false,"type":"boolean "},{"name":"fit","tag":{"cn":"适应容器的方式","en":"fit the container","default":"","version":""},"required":false,"type":"\\\"center\\\" | \\\"fill\\\" | \\\"fit\\\" | \\\"stretch\\\" "},{"name":"shape","tag":{"cn":"图片样式","en":"shape of image","default":"\\\"rounded\\\"","version":""},"required":false,"type":"\\\"circle\\\" | \\\"rounded\\\" | \\\"thumbnail\\\" "},{"name":"onClick","tag":{"cn":"点击图片的回调","en":"The callback of click","default":"","version":""},"required":false,"type":"((e: MouseEvent<Element, MouseEvent>) => void) "},{"name":"title","tag":{"cn":"原生 title 属性","en":"The original property of html","default":"","version":""},"required":false,"type":"string "},{"name":"noImgDrag","tag":{"cn":"是否禁止 img 元素原生 draggable 属性","en":"The original property of html","default":"false","version":""},"required":false,"type":"boolean "},{"name":"className","tag":{"cn":"扩展 className","en":"extend className","default":"","version":""},"required":false,"type":"string "},{"name":"style","tag":{"cn":"最外层扩展样式","en":"Container element style","default":"","version":""},"required":false,"type":"CSSProperties "}],"cn":"","en":""},{"title":"Image.Group","properties":[{"name":"height","tag":{"cn":"单个图片高度(值为百分比时，对比值为图片宽度)","en":"the height of single image(When the value is percentage, the ratio is the width of the image)","default":"\\\"100%\\\"","version":""},"required":false,"type":"string | number "},{"name":"lazy","tag":{"cn":"是否延迟加载","en":"whether to delay loading","default":"false","version":""},"required":false,"type":"boolean "},{"name":"pile","tag":{"cn":"是否堆叠","en":"whether to stack","default":"false","version":""},"required":false,"type":"boolean "},{"name":"target","tag":{"cn":"图片打开方式","en":"target of image","default":"\\\"_modal\\\"","version":""},"required":false,"type":"\\\"_self\\\" | \\\"_blank\\\" | \\\"_modal\\\" | \\\"_download\\\" "},{"name":"width","tag":{"cn":"单个图片宽度","en":"the width of single picture","default":"\\\"100%\\\"","version":""},"required":false,"type":"string | number "},{"name":"children","tag":{"cn":"子元素","en":"children","default":"","version":""},"required":false,"type":"ReactNode"},{"name":"className","tag":{"cn":"扩展 className","en":"extend className","default":"","version":""},"required":false,"type":"string "},{"name":"style","tag":{"cn":"最外层扩展样式","en":"Container element style","default":"","version":""},"required":false,"type":"CSSProperties "}],"cn":"","en":""}]';
+const api = '[{"title":"Image","properties":[{"name":"height","tag":{"cn":"图片高度(值为百分比时，对比值为图片宽度)","en":"the height of the image(When the value is percentage, the ratio is the width of the image)","default":"\\\"100%\\\"","version":""},"required":false,"type":"string | number "},{"name":"href","tag":{"cn":"原始图片地址","en":"original picture address","default":"","version":""},"required":false,"type":"string "},{"name":"lazy","tag":{"cn":"是否延迟加载，如果为数字则表示懒加载偏移量","en":"whether to delay loading, number to set lazy offset","default":"false","version":""},"required":false,"type":"number | boolean "},{"name":"src","tag":{"cn":"图片地址","en":"the picture address","default":"","version":""},"required":false,"type":"string "},{"name":"alt","tag":{"cn":"备用地址，src无效时会应用","en":"Alternate address, applied when src is invalid","default":"","version":""},"required":false,"type":"string "},{"name":"onError","tag":{"cn":"src或alt 地址请求出错回调","en":"callback of image src or alt request fail","default":"","version":""},"required":false,"type":"((error: Event, type?: number ) => void) "},{"name":"target","tag":{"cn":"图片打开方式","en":"target of image","default":"\\\"_modal\\\"","version":""},"required":false,"type":"\\\"_self\\\" | \\\"_blank\\\" | \\\"_modal\\\" | \\\"_download\\\" "},{"name":"width","tag":{"cn":"图片宽度","en":"the width of the image","default":"\\\"100%\\\"","version":""},"required":false,"type":"string | number "},{"name":"placeholder","tag":{"cn":"图片加载中占位内容","en":"loading image placeholder content","default":"\\\"loading\\\"","version":""},"required":false,"type":"ReactNode"},{"name":"container","tag":{"cn":"对特定元素进行懒加载判断的选择器, 如: \\\"#id\\\", \\\".class\\\"","en":"the special element selector witch container the lazy image, such as: \\\"#id\\\", \\\".class\\\"","default":"","version":""},"required":false,"type":"string | Element "},{"name":"error","tag":{"cn":"图片载入错误的文案","en":"image error placeholder","default":"","version":""},"required":false,"type":"ReactNode"},{"name":"autoSSL","tag":{"cn":"是否根据页面自动转换协议","en":"auto transform protocol","default":"false","version":""},"required":false,"type":"boolean "},{"name":"fit","tag":{"cn":"适应容器的方式","en":"fit the container","default":"","version":""},"required":false,"type":"\\\"center\\\" | \\\"fill\\\" | \\\"fit\\\" | \\\"stretch\\\" "},{"name":"shape","tag":{"cn":"图片样式","en":"shape of image","default":"\\\"rounded\\\"","version":""},"required":false,"type":"\\\"circle\\\" | \\\"rounded\\\" | \\\"thumbnail\\\" "},{"name":"onClick","tag":{"cn":"点击图片的回调","en":"The callback of click","default":"","version":""},"required":false,"type":"((e: MouseEvent<Element, MouseEvent>) => void) "},{"name":"title","tag":{"cn":"原生 title 属性","en":"The original property of html","default":"","version":""},"required":false,"type":"string "},{"name":"noImgDrag","tag":{"cn":"是否禁止 img 元素原生 draggable 属性","en":"The original property of html","default":"false","version":""},"required":false,"type":"boolean "},{"name":"zIndex","tag":{"cn":"图片预览遮罩层的 z-index","en":"The z-index of the image preview mask layer","default":"1050","version":""},"required":false,"type":"number "},{"name":"className","tag":{"cn":"扩展 className","en":"extend className","default":"","version":""},"required":false,"type":"string "},{"name":"style","tag":{"cn":"最外层扩展样式","en":"Container element style","default":"","version":""},"required":false,"type":"CSSProperties "}],"cn":"","en":""},{"title":"Image.Group","properties":[{"name":"height","tag":{"cn":"单个图片高度(值为百分比时，对比值为图片宽度)","en":"the height of single image(When the value is percentage, the ratio is the width of the image)","default":"\\\"100%\\\"","version":""},"required":false,"type":"string | number "},{"name":"lazy","tag":{"cn":"是否延迟加载","en":"whether to delay loading","default":"false","version":""},"required":false,"type":"boolean "},{"name":"pile","tag":{"cn":"是否堆叠","en":"whether to stack","default":"false","version":""},"required":false,"type":"boolean "},{"name":"target","tag":{"cn":"图片打开方式","en":"target of image","default":"\\\"_modal\\\"","version":""},"required":false,"type":"\\\"_self\\\" | \\\"_blank\\\" | \\\"_modal\\\" | \\\"_download\\\" "},{"name":"width","tag":{"cn":"单个图片宽度","en":"the width of single picture","default":"\\\"100%\\\"","version":""},"required":false,"type":"string | number "},{"name":"children","tag":{"cn":"子元素","en":"children","default":"","version":""},"required":false,"type":"ReactNode"},{"name":"className","tag":{"cn":"扩展 className","en":"extend className","default":"","version":""},"required":false,"type":"string "},{"name":"style","tag":{"cn":"最外层扩展样式","en":"Container element style","default":"","version":""},"required":false,"type":"CSSProperties "}],"cn":"","en":""}]';
 
 export default navable(props => (
   <MarkDown {...props} codes={codes} source={source} examples={examples} api={api} />