npm - tntd - Versions diffs - 2.8.21 → 2.8.23 - Mend

tntd 2.8.21 → 2.8.23

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (21) hide show

package/lib/upload/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/upload/index.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, {\n ComponentType,\n forwardRef,\n useEffect,\n useLayoutEffect,\n useState,\n useRef,\n} from 'react'\nimport AntdUpload from 'antd/lib/upload'\nimport LocaleReceiver from 'antd/lib/locale-provider/LocaleReceiver'\nimport type { UploadProps as AntdUploadProps, UploadChangeParam, RcFile } from 'antd/lib/upload'\nimport { ConfigConsumer } from 'antd/lib/config-provider'\nimport { connectReadonlyComponent } from '../connect'\nimport UploadSVG from './svg/UploadSVG'\nimport Ellipsis from '../ellipsis'\nimport message from '../message'\nimport Icon from '../icon'\nimport cn from 'classnames'\nimport './upload.less'\nimport './style'\n\nexport * from 'antd/lib/upload'\n\nexport type UploadProps = AntdUploadProps & {\n readonly?: boolean\n}\n\n//头像\nconst TntdAvatar = forwardRef<\n AntdUpload,\n UploadProps & { avatar?: boolean; avatarStyle?: React.CSSProperties }\n>((props, ref) => {\n const { children, listType, avatar, avatarStyle, onChange: cusOnChange, ...rest } = props\n const [imageUrl, setImageUrl] = useState<string>()\n const [loading, setLoading] = useState(false)\n const getBase64 = (\n img: Blob,\n callback: { (imageUrl: string): void; (arg0: string \| ArrayBuffer \| null): any }\n ) => {\n const reader = new FileReader()\n reader.addEventListener('load', () => callback(reader.result))\n reader.readAsDataURL(img)\n }\n\n const handleChange = (info: UploadChangeParam<any>) => {\n if (cusOnChange) {\n cusOnChange(info)\n }\n getBase64(info.file.originFileObj, (imageUrl) => {\n setImageUrl(imageUrl as string)\n setLoading(false)\n })\n }\n\n const uploadButton = (\n <div className=\"avatar-uploader-btn\" style={avatarStyle}>\n <img\n src={imageUrl}\n style={{\n width: '100%',\n height: '100%',\n borderRadius: '100%',\n background: 'white',\n border: '2px solid #00000066',\n }}\n />\n <div className=\"avatar-uploader-btn-mask\">\n <Icon type={loading ? 'loading' : 'picture'} />\n </div>\n </div>\n )\n\n return (\n <div\n className={cn({\n 'tntd-upload-wrapper-avatar': avatar,\n })}\n >\n <AntdUpload\n {...rest}\n ref={ref}\n name=\"avatar\"\n listType=\"picture-card\"\n className=\"avatar-uploader\"\n showUploadList={false}\n onChange={handleChange}\n >\n {children \|\| uploadButton}\n </AntdUpload>\n </div>\n )\n})\n\n//拖拽\nconst TntdDragger = forwardRef<AntdUpload, UploadProps & { hintText?: string; hintTitle?: string }>(\n ({ className, children, hintText, hintTitle, ...rest }, ref) => {\n return (\n <LocaleReceiver componentName=\"Upload\">\n {(locale) => {\n return (\n <ConfigConsumer>\n {({ getPrefixCls }) => {\n const prefixCls = getPrefixCls('upload')\n return (\n <AntdUpload.Dragger\n {...rest}\n ref={ref}\n className={`${className} tntd-upload-dragger`}\n >\n {children \|\| (\n <div className=\"tntd-upload-dragger-body\">\n <UploadSVG />\n <p className=\"tntd-upload-dragger-text\">\n {hintTitle \|\| (locale as Record<'hintTitle', object>).hintTitle}\n </p>\n {!!hintText && <p className=\"tntd-upload-dragger-hint\">{hintText}</p>}\n </div>\n )}\n </AntdUpload.Dragger>\n )\n }}\n </ConfigConsumer>\n )\n }}\n </LocaleReceiver>\n )\n }\n)\n\n//特殊处理照片墙\nconst TntdUpload = forwardRef<\n AntdUpload,\n UploadProps & {\n pictureCardTitle?: boolean\n pictureCardId?: string\n avatar?: boolean\n avatarStyle?: React.CSSProperties\n }\n>((props, ref) => {\n const { fileList, defaultFileList, pictureCardTitle, listType, avatar } = props\n const showList = fileList ? fileList : defaultFileList\n const uploadRef = useRef<HTMLDivElement>(null) // 新增的ref用于访问AntdUpload\n\n useLayoutEffect(() => {\n if (listType === 'picture-card' && pictureCardTitle && uploadRef.current) {\n const container = uploadRef.current.querySelector('.ant-upload-list')\n // 初次渲染时手动更新 ellipsis\n const updateEllipsis = () => {\n if (uploadRef.current) {\n const updatedContainers = uploadRef.current.querySelectorAll(\n `.ant-upload-list-picture-card-container`\n )\n const ellipsisElements = uploadRef.current.querySelectorAll(\n `.tntd-upload-ellipsis .tntd-ellipsis`\n )\n\n if (updatedContainers.length === ellipsisElements.length) {\n updatedContainers.forEach((item, index) => {\n if (ellipsisElements[index] && !item.contains(ellipsisElements[index])) {\n const existingEllipsis = item.querySelector('.tntd-ellipsis')\n if (existingEllipsis) {\n item.removeChild(existingEllipsis)\n }\n item.appendChild(ellipsisElements[index])\n }\n })\n }\n }\n }\n\n const observer = new MutationObserver((mutationsList) => {\n for (const mutation of mutationsList) {\n if (mutation.type === 'childList') {\n // 处理 DOM 变化时的更新逻辑\n updateEllipsis()\n }\n }\n })\n\n // 初次渲染时立即执行一次 updateEllipsis\n updateEllipsis()\n\n if (container) {\n observer.observe(container, { childList: true, subtree: true })\n }\n\n // 清理 observer\n return () => {\n observer.disconnect()\n }\n }\n }, [listType, uploadRef, showList, pictureCardTitle])\n\n return (\n <ConfigConsumer>\n {({ getPrefixCls }) => {\n const prefixCls = getPrefixCls('upload')\n return (\n <div\n className={cn('tntd-upload-wrapper', {\n 'tntd-upload-wrapper-picture-card': listType === 'picture-card' && pictureCardTitle,\n })}\n ref={uploadRef}\n >\n {listType === 'picture-card' && avatar ? (\n <TntdAvatar {...props} ref={ref} />\n ) : (\n <AntdUpload {...props} ref={ref} />\n )}\n <div\n className=\"tntd-upload-ellipsis\"\n style={{ visibility: 'hidden', position: 'absolute' }}\n key={JSON.stringify(showList)}\n >\n {listType === 'picture-card' &&\n pictureCardTitle &&\n showList?.map((item) => {\n return (\n <Ellipsis\n title={item.name}\n widthLimit={104}\n className={`tntd-upload-list-Ellipsis uid-${item.uid}`}\n style={{ width: 104 }}\n />\n )\n })}\n </div>\n </div>\n )\n }}\n </ConfigConsumer>\n )\n})\n\nconst Upload: ComponentType<UploadProps> = connectReadonlyComponent(TntdUpload, (props) => (\n <AntdUpload {...props} disabled />\n))\n\n// @ts-ignore\nUpload.Dragger = TntdDragger\n// Upload.Dragger = AntdUpload.Dragger\n\nexport default Upload\n"]}
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/upload/index.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, {\n ComponentType,\n forwardRef,\n useEffect,\n useLayoutEffect,\n useState,\n useRef,\n} from 'react'\nimport AntdUpload from 'antd/lib/upload'\nimport LocaleReceiver from 'antd/lib/locale-provider/LocaleReceiver'\nimport type { UploadProps as AntdUploadProps, UploadChangeParam, RcFile } from 'antd/lib/upload'\nimport { ConfigConsumer } from 'antd/lib/config-provider'\nimport { connectReadonlyComponent } from '../connect'\nimport UploadSVG from './svg/UploadSVG'\nimport Ellipsis from '../ellipsis'\nimport Icon from '../icon'\nimport cn from 'classnames'\nimport './upload.less'\nimport './style'\n\nexport * from 'antd/lib/upload'\n\nexport type UploadProps = AntdUploadProps & {\n readonly?: boolean\n}\n\n//头像\nconst TntdAvatar = forwardRef<\n AntdUpload,\n UploadProps & { avatar?: boolean; avatarStyle?: React.CSSProperties }\n>((props, ref) => {\n const { children, listType, avatar, avatarStyle, onChange: cusOnChange, ...rest } = props\n const [imageUrl, setImageUrl] = useState<string>()\n const [loading, setLoading] = useState(false)\n const getBase64 = (\n img: Blob,\n callback: { (imageUrl: string): void; (arg0: string \| ArrayBuffer \| null): any }\n ) => {\n const reader = new FileReader()\n reader.addEventListener('load', () => callback(reader.result))\n reader.readAsDataURL(img)\n }\n\n const handleChange = (info: UploadChangeParam<any>) => {\n if (cusOnChange) {\n cusOnChange(info)\n }\n getBase64(info.file.originFileObj, (imageUrl) => {\n setImageUrl(imageUrl as string)\n setLoading(false)\n })\n }\n\n const uploadButton = (\n <div className=\"avatar-uploader-btn\" style={avatarStyle}>\n <img\n src={imageUrl}\n style={{\n width: '100%',\n height: '100%',\n borderRadius: '100%',\n background: 'white',\n border: '2px solid #00000066',\n }}\n />\n <div className=\"avatar-uploader-btn-mask\">\n <Icon type={loading ? 'loading' : 'picture'} />\n </div>\n </div>\n )\n\n return (\n <div\n className={cn({\n 'tntd-upload-wrapper-avatar': avatar,\n })}\n >\n <AntdUpload\n {...rest}\n ref={ref}\n name=\"avatar\"\n listType=\"picture-card\"\n className=\"avatar-uploader\"\n showUploadList={false}\n onChange={handleChange}\n >\n {children \|\| uploadButton}\n </AntdUpload>\n </div>\n )\n})\n\n//拖拽\nconst TntdDragger = forwardRef<AntdUpload, UploadProps & { hintText?: string; hintTitle?: string }>(\n ({ className, children, hintText, hintTitle, ...rest }, ref) => {\n return (\n <LocaleReceiver componentName=\"Upload\">\n {(locale) => {\n return (\n <ConfigConsumer>\n {({ getPrefixCls }) => {\n const prefixCls = getPrefixCls('upload')\n return (\n <AntdUpload.Dragger\n {...rest}\n ref={ref}\n className={`${className} tntd-upload-dragger`}\n >\n {children \|\| (\n <div className=\"tntd-upload-dragger-body\">\n <UploadSVG />\n <p className=\"tntd-upload-dragger-text\">\n {hintTitle \|\| (locale as Record<'hintTitle', object>).hintTitle}\n </p>\n {!!hintText && <p className=\"tntd-upload-dragger-hint\">{hintText}</p>}\n </div>\n )}\n </AntdUpload.Dragger>\n )\n }}\n </ConfigConsumer>\n )\n }}\n </LocaleReceiver>\n )\n }\n)\n\n//特殊处理照片墙\nconst TntdUpload = forwardRef<\n AntdUpload,\n UploadProps & {\n pictureCardTitle?: boolean\n pictureCardId?: string\n avatar?: boolean\n avatarStyle?: React.CSSProperties\n }\n>((props, ref) => {\n const { fileList, defaultFileList, pictureCardTitle, listType, avatar } = props\n const showList = fileList ? fileList : defaultFileList\n const uploadRef = useRef<HTMLDivElement>(null) // 新增的ref用于访问AntdUpload\n\n useLayoutEffect(() => {\n if (listType === 'picture-card' && pictureCardTitle && uploadRef.current) {\n const container = uploadRef.current.querySelector('.ant-upload-list')\n // 初次渲染时手动更新 ellipsis\n const updateEllipsis = () => {\n if (uploadRef.current) {\n const updatedContainers = uploadRef.current.querySelectorAll(\n `.ant-upload-list-picture-card-container`\n )\n const ellipsisElements = uploadRef.current.querySelectorAll(\n `.tntd-upload-ellipsis .tntd-ellipsis`\n )\n\n if (updatedContainers.length === ellipsisElements.length) {\n updatedContainers.forEach((item, index) => {\n if (ellipsisElements[index] && !item.contains(ellipsisElements[index])) {\n const existingEllipsis = item.querySelector('.tntd-ellipsis')\n if (existingEllipsis) {\n item.removeChild(existingEllipsis)\n }\n item.appendChild(ellipsisElements[index])\n }\n })\n }\n }\n }\n\n const observer = new MutationObserver((mutationsList) => {\n for (const mutation of mutationsList) {\n if (mutation.type === 'childList') {\n // 处理 DOM 变化时的更新逻辑\n updateEllipsis()\n }\n }\n })\n\n // 初次渲染时立即执行一次 updateEllipsis\n updateEllipsis()\n\n if (container) {\n observer.observe(container, { childList: true, subtree: true })\n }\n\n // 清理 observer\n return () => {\n observer.disconnect()\n }\n }\n }, [listType, uploadRef, showList, pictureCardTitle])\n\n const isPictureCard = listType === 'picture-card' && pictureCardTitle\n\n return (\n <span\n className={cn('tntd-upload-wrapper', {\n 'tntd-upload-wrapper-picture-card': isPictureCard,\n })}\n ref={uploadRef}\n >\n {listType === 'picture-card' && avatar ? (\n <TntdAvatar {...props} ref={ref} />\n ) : (\n <AntdUpload {...props} ref={ref} />\n )}\n {isPictureCard && (\n <div\n className=\"tntd-upload-ellipsis\"\n style={{ visibility: 'hidden', position: 'absolute' }}\n key={showList?.length}\n >\n {showList?.map((item) => {\n return (\n <Ellipsis\n title={item.name}\n widthLimit={104}\n className={`tntd-upload-list-Ellipsis uid-${item.uid}`}\n style={{ width: 104 }}\n />\n )\n })}\n </div>\n )}\n </span>\n )\n})\n\nconst Upload: ComponentType<UploadProps> = connectReadonlyComponent(TntdUpload, (props) => (\n <AntdUpload {...props} disabled />\n))\n\n// @ts-ignore\nUpload.Dragger = TntdDragger\n// Upload.Dragger = AntdUpload.Dragger\n\nexport default Upload\n"]}

package/lib/upload/upload.less CHANGED Viewed

@@ -6,14 +6,11 @@
   align-items: center;
   .tntd-upload-dragger-text{
     margin-top: 16px;
-    font-family: PingFang SC;
     font-size: 14px;
     font-weight: 400;
     line-height: 22px;
   }
   .tntd-upload-dragger-hint{
-    //styleName: Body1-12/Regular;
-    font-family: PingFang SC;
     font-size: 12px;
     font-weight: 400;
     line-height: 20px;
@@ -33,7 +30,7 @@
           margin: 20px;
         }
         path:nth-child(1){
-          fill: #17233D;
+          fill: @text-color;
         }
         path:nth-child(2){
           fill: transparent;
@@ -45,7 +42,7 @@
           fill: transparent;
         }
         path:nth-child(5){
-          fill: #17233D;
+          fill: @text-color;
         }
       }
     }
@@ -55,18 +52,14 @@
 //头像
 .tntd-upload-wrapper-avatar{
   .ant-upload-picture-card-wrapper{
-    // width: 52px;
-    // height: 52px;
-    // border-radius: 50%;
     width: auto;
     height: auto;
-    // background-color: red;
     .ant-upload.ant-upload-select-picture-card{
       margin: 0;
       width: auto;
       height: auto;
       border: transparent;
-      background-color: #fff;
+      background-color: @white;
       .ant-upload{
         padding: 0;
       }
@@ -90,7 +83,7 @@
         display: flex;
         justify-content: center;
         align-items: center;
-        color: white;
+        color: @white;
         display: none;
       }
     }
@@ -103,6 +96,6 @@
 }
 .ant-upload-list-item-error{
   .anticon.anticon-paper-clip{
-    color: #17233D;
+    color: @text-color;
   }
 }

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
     "name": "tntd",
-    "version": "2.8.21",
+    "version": "2.8.23",
     "license": "MIT",
     "scripts": {
         "start": "heft start --storybook",
@@ -112,4 +112,4 @@
     "main": "lib/index.js",
     "module": "es/index.js",
     "typings": "lib/index.d.ts"
-}
+}