tdesign-react 0.42.7-alpha.1 → 0.42.7-alpha.2
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.
- package/cjs/_chunks/dep-6a672006.js +515 -0
- package/cjs/_chunks/dep-6a672006.js.map +1 -0
- package/cjs/_chunks/dep-b5df8873.js +198 -0
- package/cjs/_chunks/dep-b5df8873.js.map +1 -0
- package/cjs/avatar/AvararGroup.js +1 -1
- package/cjs/avatar/Avatar.js +1 -1
- package/cjs/avatar/index.js +1 -1
- package/cjs/form/Form.js +1 -1
- package/cjs/form/FormItem.js +1 -1
- package/cjs/form/index.js +1 -1
- package/cjs/form/useInitialData.js +1 -1
- package/cjs/image-viewer/ImageViewer.js +1 -1
- package/cjs/image-viewer/ImageViewerMini.js +1 -1
- package/cjs/image-viewer/ImageViewerModel.js +1 -1
- package/cjs/image-viewer/index.js +1 -1
- package/cjs/index-lib.js +2 -2
- package/cjs/index.js +2 -2
- package/cjs/popup/hooks/useTrigger.js +3 -29
- package/cjs/popup/hooks/useTrigger.js.map +1 -1
- package/cjs/upload/index.js +1 -1
- package/cjs/upload/themes/DraggerFile.js +1 -1
- package/cjs/upload/themes/ImageCard.js +1 -1
- package/cjs/upload/themes/MultipleFlowList.js +1 -1
- package/cjs/upload/upload.js +1 -1
- package/dist/tdesign.css +317 -301
- package/dist/tdesign.css.map +1 -1
- package/dist/tdesign.js +3 -5
- package/dist/tdesign.js.map +1 -1
- package/dist/tdesign.min.css +1 -1
- package/dist/tdesign.min.css.map +1 -1
- package/dist/tdesign.min.js +1 -1
- package/dist/tdesign.min.js.map +1 -1
- package/es/_chunks/{dep-51336096.js → dep-26aef3c9.js} +1 -1
- package/{lib/_chunks/dep-db75b5b6.js.map → es/_chunks/dep-26aef3c9.js.map} +1 -1
- package/{esm/_chunks/dep-8e115ca7.js → es/_chunks/dep-5e0eb6ae.js} +1 -1
- package/{esm/_chunks/dep-8e115ca7.js.map → es/_chunks/dep-5e0eb6ae.js.map} +1 -1
- package/es/alert/style/index.css +26 -14
- package/es/anchor/style/index.css +5 -12
- package/es/avatar/AvararGroup.js +1 -1
- package/es/avatar/Avatar.js +1 -1
- package/es/avatar/index.js +1 -1
- package/es/breadcrumb/style/index.css +4 -4
- package/es/button/style/index.css +10 -10
- package/es/dialog/style/index.css +4 -4
- package/es/divider/style/index.css +2 -2
- package/es/drawer/style/index.css +16 -11
- package/es/dropdown/style/index.css +11 -10
- package/es/form/Form.js +1 -1
- package/es/form/FormItem.js +1 -1
- package/es/form/index.js +1 -1
- package/es/form/style/index.css +2 -2
- package/es/form/useInitialData.js +1 -1
- package/es/guide/style/index.css +9 -9
- package/es/image-viewer/ImageViewer.js +1 -1
- package/es/image-viewer/ImageViewerMini.js +1 -1
- package/es/image-viewer/ImageViewerModel.js +1 -1
- package/es/image-viewer/index.js +1 -1
- package/es/index.js +2 -2
- package/es/input/style/index.css +1 -1
- package/es/layout/style/index.css +3 -3
- package/es/link/style/index.css +6 -6
- package/es/list/style/index.css +1 -1
- package/es/menu/style/index.css +26 -26
- package/es/message/style/index.css +6 -6
- package/es/notification/style/index.css +8 -13
- package/es/pagination/style/index.css +23 -23
- package/es/popconfirm/style/index.css +7 -7
- package/es/popup/hooks/useTrigger.js +3 -33
- package/es/popup/hooks/useTrigger.js.map +1 -1
- package/es/popup/style/index.css +1 -1
- package/es/radio/style/index.css +16 -1
- package/es/rate/style/index.css +5 -4
- package/es/steps/style/index.css +34 -43
- package/es/style/index.css +4 -3
- package/es/swiper/style/index.css +42 -42
- package/es/tabs/style/index.css +12 -12
- package/es/tag-input/style/index.css +7 -7
- package/es/tree/style/index.css +26 -24
- package/es/upload/index.js +1 -1
- package/es/upload/themes/DraggerFile.js +1 -1
- package/es/upload/themes/ImageCard.js +1 -1
- package/es/upload/themes/MultipleFlowList.js +1 -1
- package/es/upload/upload.js +1 -1
- package/{es/_chunks/dep-8e115ca7.js → esm/_chunks/dep-5e0eb6ae.js} +1 -1
- package/{es/_chunks/dep-8e115ca7.js.map → esm/_chunks/dep-5e0eb6ae.js.map} +1 -1
- package/esm/_chunks/{dep-fad7989c.js → dep-72461c3f.js} +1 -1
- package/{es/_chunks/dep-51336096.js.map → esm/_chunks/dep-72461c3f.js.map} +1 -1
- package/esm/_common/style/web/_variables.less +7 -6
- package/esm/_common/style/web/components/alert/_index.less +12 -6
- package/esm/_common/style/web/components/alert/_var.less +19 -10
- package/esm/_common/style/web/components/anchor/_index.less +4 -10
- package/esm/_common/style/web/components/anchor/_var.less +9 -23
- package/esm/_common/style/web/components/breadcrumb/_index.less +4 -4
- package/esm/_common/style/web/components/breadcrumb/_var.less +2 -2
- package/esm/_common/style/web/components/button/_var.less +2 -2
- package/esm/_common/style/web/components/dialog/_var.less +2 -2
- package/esm/_common/style/web/components/divider/_var.less +2 -2
- package/esm/_common/style/web/components/drawer/_index.less +2 -1
- package/esm/_common/style/web/components/drawer/_var.less +9 -10
- package/esm/_common/style/web/components/dropdown-new/_index.less +7 -6
- package/esm/_common/style/web/components/dropdown-new/_var.less +8 -4
- package/esm/_common/style/web/components/form/_index.less +1 -1
- package/esm/_common/style/web/components/guide/_index.less +8 -8
- package/esm/_common/style/web/components/guide/_var.less +10 -0
- package/esm/_common/style/web/components/layout/_var.less +2 -5
- package/esm/_common/style/web/components/link/_var.less +5 -5
- package/esm/_common/style/web/components/menu/_index-v2.less +26 -26
- package/esm/_common/style/web/components/menu/_index.less +25 -25
- package/esm/_common/style/web/components/menu/_var.less +1 -7
- package/esm/_common/style/web/components/message/_index.less +1 -1
- package/esm/_common/style/web/components/message/_var.less +7 -10
- package/esm/_common/style/web/components/notification/_index.less +0 -5
- package/esm/_common/style/web/components/notification/_var.less +9 -11
- package/esm/_common/style/web/components/pagination/_index.less +1 -1
- package/esm/_common/style/web/components/pagination/_var.less +8 -8
- package/esm/_common/style/web/components/popconfirm/_index.less +3 -3
- package/esm/_common/style/web/components/popconfirm/_var.less +12 -11
- package/esm/_common/style/web/components/radio/_index.less +26 -0
- package/esm/_common/style/web/components/radio/_var.less +4 -1
- package/esm/_common/style/web/components/rate/_index.less +2 -3
- package/esm/_common/style/web/components/rate/_var.less +2 -8
- package/esm/_common/style/web/components/steps/_index.less +1 -7
- package/esm/_common/style/web/components/steps/_mixin.less +10 -11
- package/esm/_common/style/web/components/steps/_var.less +14 -17
- package/esm/_common/style/web/components/swiper/_mixin.less +1 -1
- package/esm/_common/style/web/components/tabs/_var.less +2 -2
- package/esm/_common/style/web/components/tag-input/_index.less +5 -4
- package/esm/_common/style/web/components/tree/_index.less +8 -8
- package/esm/_common/style/web/components/tree/_var.less +17 -13
- package/esm/_common/style/web/theme/_size.less +4 -3
- package/esm/avatar/AvararGroup.js +1 -1
- package/esm/avatar/Avatar.js +1 -1
- package/esm/avatar/index.js +1 -1
- package/esm/form/Form.js +1 -1
- package/esm/form/FormItem.js +1 -1
- package/esm/form/index.js +1 -1
- package/esm/form/useInitialData.js +1 -1
- package/esm/image-viewer/ImageViewer.js +1 -1
- package/esm/image-viewer/ImageViewerMini.js +1 -1
- package/esm/image-viewer/ImageViewerModel.js +1 -1
- package/esm/image-viewer/index.js +1 -1
- package/esm/index.js +2 -2
- package/esm/popup/hooks/useTrigger.js +3 -33
- package/esm/popup/hooks/useTrigger.js.map +1 -1
- package/esm/upload/index.js +1 -1
- package/esm/upload/themes/DraggerFile.js +1 -1
- package/esm/upload/themes/ImageCard.js +1 -1
- package/esm/upload/themes/MultipleFlowList.js +1 -1
- package/esm/upload/upload.js +1 -1
- package/lib/_chunks/{dep-db75b5b6.js → dep-1b32736a.js} +1 -1
- package/{esm/_chunks/dep-fad7989c.js.map → lib/_chunks/dep-1b32736a.js.map} +1 -1
- package/lib/_chunks/{dep-75db5f2e.js → dep-61f02037.js} +1 -1
- package/lib/_chunks/{dep-75db5f2e.js.map → dep-61f02037.js.map} +1 -1
- package/lib/avatar/AvararGroup.js +1 -1
- package/lib/avatar/Avatar.js +1 -1
- package/lib/avatar/index.js +1 -1
- package/lib/form/Form.js +1 -1
- package/lib/form/FormItem.js +1 -1
- package/lib/form/index.js +1 -1
- package/lib/form/useInitialData.js +1 -1
- package/lib/image-viewer/ImageViewer.js +1 -1
- package/lib/image-viewer/ImageViewerMini.js +1 -1
- package/lib/image-viewer/ImageViewerModel.js +1 -1
- package/lib/image-viewer/index.js +1 -1
- package/lib/index.js +2 -2
- package/lib/popup/hooks/useTrigger.js +3 -29
- package/lib/popup/hooks/useTrigger.js.map +1 -1
- package/lib/upload/index.js +1 -1
- package/lib/upload/themes/DraggerFile.js +1 -1
- package/lib/upload/themes/ImageCard.js +1 -1
- package/lib/upload/themes/MultipleFlowList.js +1 -1
- package/lib/upload/upload.js +1 -1
- package/package.json +1 -1
- package/esm/_common/style/web/components/dropdown/_index.less +0 -99
- package/esm/_common/style/web/components/dropdown/_mixin.less +0 -0
- package/esm/_common/style/web/components/dropdown/_var.less +0 -22
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dep-51336096.js","sources":["../../src/image-viewer/ImageViewerMini.tsx","../../src/image-viewer/ImageViewerModel.tsx"],"sourcesContent":["import React, { KeyboardEvent, MouseEvent } from 'react';\nimport { CloseIcon as TdCloseIcon } from 'tdesign-icons-react';\nimport { TNode } from 'tdesign-react/common';\nimport Dialog from '../dialog';\nimport { ImageInfo, ImageScale, ImageViewerScale } from './type';\nimport { ImageModelItem, ImageViewerUtils } from './ImageViewerModel';\nimport useConfig from '../hooks/useConfig';\nimport useGlobalIcon from '../hooks/useGlobalIcon';\n\nexport interface ImageModelMiniProps {\n visible: boolean;\n title?: TNode;\n draggable: boolean;\n index: number;\n scale: number;\n mirror: number;\n images: ImageInfo[];\n onClose: (context: { trigger: 'close-btn' | 'overlay' | 'esc'; e: MouseEvent<HTMLElement> | KeyboardEvent }) => void;\n onScroll: (e: any) => void;\n imageScale: ImageScale;\n viewerScale: ImageViewerScale;\n rotateZ: number;\n currentImage: ImageInfo;\n prev: () => void;\n next: () => void;\n onMirror: () => void;\n onZoom: () => void;\n onZoomOut: () => void;\n onReset: () => void;\n onRotate: (red: number) => void;\n zIndex: number;\n}\n\nexport const ImageModelMiniContent = (props: ImageModelMiniProps) => {\n const { classPrefix } = useConfig();\n\n return (\n <div className={`${classPrefix}-image-viewer-mini__content`}>\n <ImageModelItem\n rotateZ={props.rotateZ}\n scale={props.scale}\n mirror={props.mirror}\n src={props.currentImage.mainImage}\n preSrc={props.currentImage.thumbnail}\n />\n </div>\n );\n};\n\nconst DIALOG_CSS_PADDING = {\n padding: 0,\n};\n\nexport const ImageModelMini = (props: ImageModelMiniProps) => {\n const {\n visible,\n title,\n index,\n images,\n scale,\n currentImage,\n draggable,\n onZoomOut,\n onZoom,\n onClose,\n onRotate,\n onMirror,\n onReset,\n } = props;\n\n const { classPrefix } = useConfig();\n const { CloseIcon } = useGlobalIcon({ CloseIcon: TdCloseIcon });\n\n const header = (\n <div className={`${classPrefix}-image-viewer__mini-header`}>\n <span>{title}</span>\n {`${index + 1}/${images.length}`}\n <span className={`${classPrefix}-image-viewer__mini-close`}>\n <CloseIcon size=\"1.5rem\" onClick={(e: MouseEvent<any>) => onClose({ trigger: 'close-btn', e })} />\n </span>\n </div>\n );\n\n const footer = (\n <div className={`${classPrefix}-image-viewer-mini__footer`}>\n <ImageViewerUtils\n onZoom={onZoom}\n onZoomOut={onZoomOut}\n scale={scale}\n currentImage={currentImage}\n onRotate={onRotate}\n onMirror={onMirror}\n onReset={onReset}\n />\n </div>\n );\n\n return (\n <Dialog\n className={`${classPrefix}-image-viewer__dialog`}\n draggable={draggable}\n visible={visible}\n width=\"min(90vw, 1000px)\"\n placement=\"center\"\n mode=\"modeless\"\n cancelBtn={null}\n confirmBtn={null}\n closeBtn={false}\n header={header}\n footer={footer}\n onClose={onClose}\n style={DIALOG_CSS_PADDING}\n >\n <ImageModelMiniContent {...props} />\n </Dialog>\n );\n};\n","import React, { useState, useEffect, useCallback, WheelEventHandler, MouseEvent, KeyboardEvent } from 'react';\nimport isArray from 'lodash/isArray';\nimport isFunction from 'lodash/isFunction';\nimport {\n ImageErrorIcon as TdImageErrorIcon,\n ImageIcon as TdImageIcon,\n MirrorIcon as TdMirrorIcon,\n RotationIcon as TdRotationIcon,\n} from 'tdesign-icons-react';\nimport classNames from 'classnames';\nimport { TooltipLite } from '../tooltip';\nimport useConfig from '../hooks/useConfig';\nimport { TNode } from '../common';\nimport { downloadFile } from './utils';\nimport { ImageInfo, ImageScale, ImageViewerScale } from './type';\nimport { ImageModelMini } from './ImageViewerMini';\nimport useMirror from './hooks/useMirror';\nimport usePosition from './hooks/usePosition';\nimport useIndex from './hooks/useIndex';\nimport useRotate from './hooks/useRotate';\nimport useScale from './hooks/useScale';\nimport useGlobalIcon from '../hooks/useGlobalIcon';\nimport useIconMap from './hooks/useIconMap';\n\nconst ImageError = () => {\n const { classPrefix } = useConfig();\n const { ImageErrorIcon } = useGlobalIcon({ ImageErrorIcon: TdImageErrorIcon });\n return (\n <div className={`${classPrefix}-image-viewer__img-error`}>\n {/* 脱离文档流 */}\n <div className={`${classPrefix}-image-viewer__img-error-content`}>\n <ImageErrorIcon size=\"4em\" />\n <div className={`${classPrefix}-image-viewer__img-error-text`}>图片加载失败,可尝试重新加载</div>\n </div>\n </div>\n );\n};\n\ninterface ImageModelItemProps {\n rotateZ: number;\n scale: number;\n mirror: number;\n src: string;\n preSrc?: string;\n}\n\n// 单个弹窗实例\nexport const ImageModelItem = ({ rotateZ, scale, src, preSrc, mirror }: ImageModelItemProps) => {\n const { classPrefix } = useConfig();\n\n const [position, onMouseDown] = usePosition({ initPosition: [0, 0] });\n const [loaded, setLoaded] = useState(false);\n const [error, setError] = useState(false);\n\n const imgStyle = {\n transform: `rotateZ(${rotateZ}deg) scale(${scale})`,\n display: !preSrc || loaded ? 'block' : 'none',\n };\n const preImgStyle = { transform: `rotateZ(${rotateZ}deg) scale(${scale})`, display: !loaded ? 'block' : 'none' };\n const boxStyle = { transform: `translate(${position[0]}px, ${position[1]}px) scale(${mirror}, 1)` };\n\n useEffect(() => {\n setError(false);\n }, [src]);\n\n return (\n <div className={`${classPrefix}-image-viewer__modal-pic`}>\n <div className={`${classPrefix}-image-viewer__modal-box`} style={boxStyle}>\n {error && <ImageError />}\n {!error && !!preSrc && (\n <img\n className={`${classPrefix}-image-viewer__modal-image`}\n onMouseDown={(event) => {\n event.stopPropagation();\n onMouseDown(event);\n }}\n src={preSrc}\n style={preImgStyle}\n data-testid=\"img-drag\"\n alt=\"image\"\n draggable=\"false\"\n />\n )}\n {!error && (\n <img\n className={`${classPrefix}-image-viewer__modal-image`}\n onMouseDown={(event) => {\n event.stopPropagation();\n onMouseDown(event);\n }}\n src={src}\n onLoad={() => setLoaded(true)}\n onError={() => setError(true)}\n style={imgStyle}\n data-testid=\"img-drag\"\n alt=\"image\"\n draggable=\"false\"\n />\n )}\n </div>\n </div>\n );\n};\n\n// 旋转角度单位\nconst ROTATE_COUNT = 90;\n\ninterface ImageModelIconProps {\n name?: string;\n size?: string;\n label?: string;\n className?: string;\n disabled?: boolean;\n isRange?: boolean;\n onClick?: (e: MouseEvent<HTMLElement>) => void;\n}\n\nconst ImageModelIcon = ({ onClick, className, disabled, isRange, name, label, size = '3em' }: ImageModelIconProps) => {\n const { classPrefix } = useConfig();\n\n const Icons = useIconMap();\n\n const Icon = Icons[name];\n return (\n <div\n className={classNames(`${classPrefix}-image-viewer__modal-icon`, className, {\n [`${classPrefix}-is-disabled`]: disabled,\n })}\n onClick={onClick}\n >\n {name && <Icon size={size} className={isRange ? 'is-range' : null} />}\n {label && <span className={`${classPrefix}-image-viewer__modal-icon-label`}>{label}</span>}\n </div>\n );\n};\n\ninterface ImageViewerUtilsProps {\n scale: number;\n currentImage: ImageInfo;\n onRotate: (ROTATE_COUNT: number) => void;\n onZoom: () => void;\n onZoomOut: () => void;\n onMirror: () => void;\n onReset: () => void;\n}\n\nexport const ImageViewerUtils = ({\n onZoom,\n scale,\n onZoomOut,\n currentImage,\n onRotate,\n onMirror,\n onReset,\n}: ImageViewerUtilsProps) => {\n const { classPrefix } = useConfig();\n const { MirrorIcon, RotationIcon, ImageIcon } = useGlobalIcon({\n MirrorIcon: TdMirrorIcon,\n RotationIcon: TdRotationIcon,\n ImageIcon: TdImageIcon,\n });\n\n return (\n <div className={`${classPrefix}-image-viewer__utils`}>\n <div className={`${classPrefix}-image-viewer__utils-content`}>\n <TooltipLite className={`${classPrefix}-image-viewer__utils--tip`} content=\"镜像\" showShadow={false}>\n <div className={`${classPrefix}-image-viewer__modal-icon`}>\n <MirrorIcon size=\"medium\" onClick={onMirror} />\n </div>\n </TooltipLite>\n <TooltipLite className={`${classPrefix}-image-viewer__utils--tip`} content=\"旋转\" showShadow={false}>\n <div className={`${classPrefix}-image-viewer__modal-icon`}>\n <RotationIcon size=\"medium\" onClick={() => onRotate(-ROTATE_COUNT)} />\n </div>\n </TooltipLite>\n <ImageModelIcon size=\"medium\" name=\"zoom-out\" onClick={onZoomOut} />\n <ImageModelIcon\n className={`${classPrefix}-image-viewer__utils-scale`}\n size=\"medium\"\n label={`${scale * 100}%`}\n />\n <ImageModelIcon size=\"medium\" name=\"zoom-in\" onClick={onZoom} />\n <TooltipLite className={`${classPrefix}-image-viewer__utils--tip`} content=\"原始大小\" showShadow={false}>\n <div className={`${classPrefix}-image-viewer__modal-icon`}>\n <ImageIcon\n size=\"medium\"\n name=\"image\"\n onClick={() => {\n onReset();\n }}\n />\n </div>\n </TooltipLite>\n {currentImage.download && (\n <ImageModelIcon\n size=\"medium\"\n name=\"download\"\n onClick={() => {\n downloadFile(currentImage.mainImage);\n }}\n />\n )}\n </div>\n {/* <IconFont size=\"3em\" name=\"page-last\" onClick={() => onRotate(ROTATE_COUNT)} /> */}\n </div>\n );\n};\n\ntype ImageViewerHeaderProps = {\n onImgClick: (index: number) => void;\n images: ImageInfo[];\n currentIndex: number;\n};\n\nconst ImageViewerHeader = (props: ImageViewerHeaderProps) => {\n const { classPrefix } = useConfig();\n const { images, currentIndex, onImgClick } = props;\n\n const [isExpand, setIsExpand] = useState(true);\n\n const transStyle = { transform: `translateX(-${currentIndex * 62}px)` };\n\n return (\n <div\n className={classNames(`${classPrefix}-image-viewer__modal-header`, {\n [`${classPrefix}-is-show`]: isExpand,\n })}\n >\n <ImageModelIcon\n size=\"20px\"\n name=\"chevron-down\"\n className={`${classPrefix}-image-viewer__header-pre-bt`}\n onClick={() => setIsExpand(!isExpand)}\n />\n <div className={`${classPrefix}-image-viewer__header-prev`}>\n <div className={`${classPrefix}-image-viewer__bokeh-left`} />\n <div className={`${classPrefix}-image-viewer__bokeh-right`} />\n <div className={`${classPrefix}-image-viewer__header-trans`} style={transStyle}>\n {images.map((image, index) => (\n <div\n key={index}\n className={classNames(`${classPrefix}-image-viewer__header-box`, {\n [`${classPrefix}-is-active`]: index === currentIndex,\n })}\n onClick={() => onImgClick(index)}\n >\n <img\n alt=\"\"\n src={image.thumbnail || image.mainImage}\n className={`${classPrefix}-image-viewer__header-img`}\n />\n </div>\n ))}\n </div>\n </div>\n </div>\n );\n};\n\ninterface ImageModalProps {\n title?: TNode;\n visible: boolean;\n closeOnOverlay: boolean;\n showOverlay: boolean;\n index: number;\n defaultIndex?: number;\n images: ImageInfo[];\n onClose: (context: { trigger: 'close-btn' | 'overlay' | 'esc'; e: MouseEvent<HTMLElement> | KeyboardEvent }) => void;\n onOpen: () => void;\n imageScale: ImageScale;\n viewerScale: ImageViewerScale;\n zIndex: number;\n isMini: boolean;\n draggable: boolean;\n closeBtn: boolean | TNode;\n onIndexChange?: (index: number, context: { trigger: 'prev' | 'next' }) => void;\n}\n\n// 弹窗基础组件\nexport const ImageModal = (props: ImageModalProps) => {\n const {\n closeOnOverlay,\n showOverlay = true,\n zIndex,\n images,\n isMini,\n imageScale,\n viewerScale,\n closeBtn,\n draggable,\n onOpen,\n onClose,\n visible,\n title,\n ...resProps\n } = props;\n const { classPrefix } = useConfig();\n if (resProps.index === undefined) delete resProps.index;\n const { index, next, prev, setIndex } = useIndex(resProps, images);\n const { rotateZ, onResetRotate, onRotate } = useRotate();\n const { scale, onZoom, onZoomOut, onResetScale } = useScale(imageScale);\n const { mirror, onResetMirror, onMirror } = useMirror();\n\n const onReset = useCallback(() => {\n onResetScale();\n onResetRotate();\n onResetMirror();\n }, [onResetMirror, onResetScale, onResetRotate]);\n\n const onScroll: WheelEventHandler<HTMLDivElement> = useCallback(\n (e) => {\n const { deltaY } = e;\n deltaY > 0 ? onZoom() : onZoomOut();\n },\n [onZoom, onZoomOut],\n );\n\n const onKeyDown = useCallback(\n (event) => {\n switch (event.key) {\n case 'ArrowRight':\n return next();\n case 'ArrowLeft':\n return prev();\n case 'ArrowUp':\n return onZoom();\n case 'ArrowDown':\n return onZoomOut();\n case 'Escape':\n return onClose?.({ trigger: 'esc', e: event });\n }\n },\n [next, onClose, prev, onZoom, onZoomOut],\n );\n\n useEffect(() => {\n document.addEventListener('keydown', onKeyDown);\n return () => document.removeEventListener('keydown', onKeyDown);\n }, [onKeyDown]);\n\n useEffect(() => {\n onReset();\n }, [index, onReset]);\n\n if (!isArray(images) || images.length < 1) return null;\n\n const currentImage: ImageInfo = images[index];\n\n if (isMini) {\n return (\n <ImageModelMini\n visible={visible}\n draggable={draggable}\n index={index}\n images={images}\n imageScale={imageScale}\n viewerScale={viewerScale}\n rotateZ={rotateZ}\n zIndex={zIndex}\n currentImage={currentImage}\n prev={prev}\n next={next}\n mirror={mirror}\n scale={scale}\n title={title}\n onMirror={onMirror}\n onZoom={onZoom}\n onClose={onClose}\n onZoomOut={onZoomOut}\n onScroll={onScroll}\n onReset={onReset}\n onRotate={onRotate}\n />\n );\n }\n\n // boolean控制显示,tnode直接展示\n let closeNode: TNode = closeBtn;\n if (closeBtn === true) {\n closeNode = (\n <ImageModelIcon\n name=\"close\"\n size=\"24px\"\n className={`${classPrefix}-image-viewer__modal-close-bt `}\n onClick={(e: MouseEvent<HTMLElement>) => onClose && onClose({ trigger: 'close-btn', e })}\n />\n );\n } else if (isFunction(closeBtn)) closeNode = closeBtn({ onClose, onOpen });\n\n return (\n <div\n className={classNames(`${classPrefix}-image-viewer-preview-image`, {\n [`${classPrefix}-is-hide`]: !visible,\n })}\n onWheel={onScroll}\n style={{ zIndex }}\n >\n {!!showOverlay && (\n <div\n className={`${classPrefix}-image-viewer__modal-mask`}\n onClick={(e: MouseEvent<HTMLElement>) => closeOnOverlay && onClose?.({ trigger: 'overlay', e })}\n />\n )}\n {images.length > 1 && (\n <>\n <ImageViewerHeader images={images} currentIndex={index} onImgClick={setIndex} />\n <div className={`${classPrefix}-image-viewer__modal-index`}>\n <span>{title}</span>\n {`${index + 1}/${images.length}`}\n </div>\n <ImageModelIcon\n size=\"24px\"\n name=\"chevron-left\"\n className={`${classPrefix}-image-viewer__modal-prev-bt`}\n onClick={prev}\n disabled={index <= 0}\n />\n <ImageModelIcon\n size=\"24px\"\n name=\"chevron-right\"\n className={`${classPrefix}-image-viewer__modal-next-bt`}\n onClick={next}\n disabled={index >= images.length - 1}\n />\n </>\n )}\n <ImageViewerUtils\n onZoom={onZoom}\n onZoomOut={onZoomOut}\n scale={scale}\n currentImage={currentImage}\n onRotate={onRotate}\n onMirror={onMirror}\n onReset={onReset}\n />\n {closeNode}\n <ImageModelItem\n scale={scale}\n rotateZ={rotateZ}\n mirror={mirror}\n preSrc={currentImage.thumbnail}\n src={currentImage.mainImage}\n />\n </div>\n );\n};\n"],"names":["ImageModelMiniContent","props","useConfig","classPrefix","React","createElement","className","ImageModelItem","rotateZ","scale","mirror","src","currentImage","mainImage","preSrc","thumbnail","DIALOG_CSS_PADDING","padding","ImageModelMini","visible","title","index","images","draggable","onZoomOut","onZoom","onClose","onRotate","onMirror","onReset","useGlobalIcon","CloseIcon","TdCloseIcon","header","length","size","onClick","e","trigger","footer","ImageViewerUtils","Dialog","width","placement","mode","cancelBtn","confirmBtn","closeBtn","style","ImageError","ImageErrorIcon","TdImageErrorIcon","usePosition","initPosition","position","onMouseDown","useState","loaded","setLoaded","error","setError","imgStyle","transform","display","preImgStyle","boxStyle","useEffect","event","stopPropagation","alt","onLoad","onError","ROTATE_COUNT","ImageModelIcon","disabled","isRange","name","label","Icons","useIconMap","Icon","classNames","MirrorIcon","TdMirrorIcon","RotationIcon","TdRotationIcon","ImageIcon","TdImageIcon","TooltipLite","content","showShadow","download","downloadFile","ImageViewerHeader","currentIndex","onImgClick","isExpand","setIsExpand","transStyle","map","image","key","ImageModal","closeOnOverlay","showOverlay","zIndex","isMini","imageScale","viewerScale","onOpen","resProps","useIndex","next","prev","setIndex","useRotate","onResetRotate","useScale","onResetScale","useMirror","onResetMirror","useCallback","onScroll","deltaY","onKeyDown","document","addEventListener","removeEventListener","isArray","closeNode","isFunction","onWheel"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"dep-72461c3f.js","sources":["../../src/image-viewer/ImageViewerMini.tsx","../../src/image-viewer/ImageViewerModel.tsx"],"sourcesContent":["import React, { KeyboardEvent, MouseEvent } from 'react';\nimport { CloseIcon as TdCloseIcon } from 'tdesign-icons-react';\nimport { TNode } from 'tdesign-react/common';\nimport Dialog from '../dialog';\nimport { ImageInfo, ImageScale, ImageViewerScale } from './type';\nimport { ImageModelItem, ImageViewerUtils } from './ImageViewerModel';\nimport useConfig from '../hooks/useConfig';\nimport useGlobalIcon from '../hooks/useGlobalIcon';\n\nexport interface ImageModelMiniProps {\n visible: boolean;\n title?: TNode;\n draggable: boolean;\n index: number;\n scale: number;\n mirror: number;\n images: ImageInfo[];\n onClose: (context: { trigger: 'close-btn' | 'overlay' | 'esc'; e: MouseEvent<HTMLElement> | KeyboardEvent }) => void;\n onScroll: (e: any) => void;\n imageScale: ImageScale;\n viewerScale: ImageViewerScale;\n rotateZ: number;\n currentImage: ImageInfo;\n prev: () => void;\n next: () => void;\n onMirror: () => void;\n onZoom: () => void;\n onZoomOut: () => void;\n onReset: () => void;\n onRotate: (red: number) => void;\n zIndex: number;\n}\n\nexport const ImageModelMiniContent = (props: ImageModelMiniProps) => {\n const { classPrefix } = useConfig();\n\n return (\n <div className={`${classPrefix}-image-viewer-mini__content`}>\n <ImageModelItem\n rotateZ={props.rotateZ}\n scale={props.scale}\n mirror={props.mirror}\n src={props.currentImage.mainImage}\n preSrc={props.currentImage.thumbnail}\n />\n </div>\n );\n};\n\nconst DIALOG_CSS_PADDING = {\n padding: 0,\n};\n\nexport const ImageModelMini = (props: ImageModelMiniProps) => {\n const {\n visible,\n title,\n index,\n images,\n scale,\n currentImage,\n draggable,\n onZoomOut,\n onZoom,\n onClose,\n onRotate,\n onMirror,\n onReset,\n } = props;\n\n const { classPrefix } = useConfig();\n const { CloseIcon } = useGlobalIcon({ CloseIcon: TdCloseIcon });\n\n const header = (\n <div className={`${classPrefix}-image-viewer__mini-header`}>\n <span>{title}</span>\n {`${index + 1}/${images.length}`}\n <span className={`${classPrefix}-image-viewer__mini-close`}>\n <CloseIcon size=\"1.5rem\" onClick={(e: MouseEvent<any>) => onClose({ trigger: 'close-btn', e })} />\n </span>\n </div>\n );\n\n const footer = (\n <div className={`${classPrefix}-image-viewer-mini__footer`}>\n <ImageViewerUtils\n onZoom={onZoom}\n onZoomOut={onZoomOut}\n scale={scale}\n currentImage={currentImage}\n onRotate={onRotate}\n onMirror={onMirror}\n onReset={onReset}\n />\n </div>\n );\n\n return (\n <Dialog\n className={`${classPrefix}-image-viewer__dialog`}\n draggable={draggable}\n visible={visible}\n width=\"min(90vw, 1000px)\"\n placement=\"center\"\n mode=\"modeless\"\n cancelBtn={null}\n confirmBtn={null}\n closeBtn={false}\n header={header}\n footer={footer}\n onClose={onClose}\n style={DIALOG_CSS_PADDING}\n >\n <ImageModelMiniContent {...props} />\n </Dialog>\n );\n};\n","import React, { useState, useEffect, useCallback, WheelEventHandler, MouseEvent, KeyboardEvent } from 'react';\nimport isArray from 'lodash/isArray';\nimport isFunction from 'lodash/isFunction';\nimport {\n ImageErrorIcon as TdImageErrorIcon,\n ImageIcon as TdImageIcon,\n MirrorIcon as TdMirrorIcon,\n RotationIcon as TdRotationIcon,\n} from 'tdesign-icons-react';\nimport classNames from 'classnames';\nimport { TooltipLite } from '../tooltip';\nimport useConfig from '../hooks/useConfig';\nimport { TNode } from '../common';\nimport { downloadFile } from './utils';\nimport { ImageInfo, ImageScale, ImageViewerScale } from './type';\nimport { ImageModelMini } from './ImageViewerMini';\nimport useMirror from './hooks/useMirror';\nimport usePosition from './hooks/usePosition';\nimport useIndex from './hooks/useIndex';\nimport useRotate from './hooks/useRotate';\nimport useScale from './hooks/useScale';\nimport useGlobalIcon from '../hooks/useGlobalIcon';\nimport useIconMap from './hooks/useIconMap';\n\nconst ImageError = () => {\n const { classPrefix } = useConfig();\n const { ImageErrorIcon } = useGlobalIcon({ ImageErrorIcon: TdImageErrorIcon });\n return (\n <div className={`${classPrefix}-image-viewer__img-error`}>\n {/* 脱离文档流 */}\n <div className={`${classPrefix}-image-viewer__img-error-content`}>\n <ImageErrorIcon size=\"4em\" />\n <div className={`${classPrefix}-image-viewer__img-error-text`}>图片加载失败,可尝试重新加载</div>\n </div>\n </div>\n );\n};\n\ninterface ImageModelItemProps {\n rotateZ: number;\n scale: number;\n mirror: number;\n src: string;\n preSrc?: string;\n}\n\n// 单个弹窗实例\nexport const ImageModelItem = ({ rotateZ, scale, src, preSrc, mirror }: ImageModelItemProps) => {\n const { classPrefix } = useConfig();\n\n const [position, onMouseDown] = usePosition({ initPosition: [0, 0] });\n const [loaded, setLoaded] = useState(false);\n const [error, setError] = useState(false);\n\n const imgStyle = {\n transform: `rotateZ(${rotateZ}deg) scale(${scale})`,\n display: !preSrc || loaded ? 'block' : 'none',\n };\n const preImgStyle = { transform: `rotateZ(${rotateZ}deg) scale(${scale})`, display: !loaded ? 'block' : 'none' };\n const boxStyle = { transform: `translate(${position[0]}px, ${position[1]}px) scale(${mirror}, 1)` };\n\n useEffect(() => {\n setError(false);\n }, [src]);\n\n return (\n <div className={`${classPrefix}-image-viewer__modal-pic`}>\n <div className={`${classPrefix}-image-viewer__modal-box`} style={boxStyle}>\n {error && <ImageError />}\n {!error && !!preSrc && (\n <img\n className={`${classPrefix}-image-viewer__modal-image`}\n onMouseDown={(event) => {\n event.stopPropagation();\n onMouseDown(event);\n }}\n src={preSrc}\n style={preImgStyle}\n data-testid=\"img-drag\"\n alt=\"image\"\n draggable=\"false\"\n />\n )}\n {!error && (\n <img\n className={`${classPrefix}-image-viewer__modal-image`}\n onMouseDown={(event) => {\n event.stopPropagation();\n onMouseDown(event);\n }}\n src={src}\n onLoad={() => setLoaded(true)}\n onError={() => setError(true)}\n style={imgStyle}\n data-testid=\"img-drag\"\n alt=\"image\"\n draggable=\"false\"\n />\n )}\n </div>\n </div>\n );\n};\n\n// 旋转角度单位\nconst ROTATE_COUNT = 90;\n\ninterface ImageModelIconProps {\n name?: string;\n size?: string;\n label?: string;\n className?: string;\n disabled?: boolean;\n isRange?: boolean;\n onClick?: (e: MouseEvent<HTMLElement>) => void;\n}\n\nconst ImageModelIcon = ({ onClick, className, disabled, isRange, name, label, size = '3em' }: ImageModelIconProps) => {\n const { classPrefix } = useConfig();\n\n const Icons = useIconMap();\n\n const Icon = Icons[name];\n return (\n <div\n className={classNames(`${classPrefix}-image-viewer__modal-icon`, className, {\n [`${classPrefix}-is-disabled`]: disabled,\n })}\n onClick={onClick}\n >\n {name && <Icon size={size} className={isRange ? 'is-range' : null} />}\n {label && <span className={`${classPrefix}-image-viewer__modal-icon-label`}>{label}</span>}\n </div>\n );\n};\n\ninterface ImageViewerUtilsProps {\n scale: number;\n currentImage: ImageInfo;\n onRotate: (ROTATE_COUNT: number) => void;\n onZoom: () => void;\n onZoomOut: () => void;\n onMirror: () => void;\n onReset: () => void;\n}\n\nexport const ImageViewerUtils = ({\n onZoom,\n scale,\n onZoomOut,\n currentImage,\n onRotate,\n onMirror,\n onReset,\n}: ImageViewerUtilsProps) => {\n const { classPrefix } = useConfig();\n const { MirrorIcon, RotationIcon, ImageIcon } = useGlobalIcon({\n MirrorIcon: TdMirrorIcon,\n RotationIcon: TdRotationIcon,\n ImageIcon: TdImageIcon,\n });\n\n return (\n <div className={`${classPrefix}-image-viewer__utils`}>\n <div className={`${classPrefix}-image-viewer__utils-content`}>\n <TooltipLite className={`${classPrefix}-image-viewer__utils--tip`} content=\"镜像\" showShadow={false}>\n <div className={`${classPrefix}-image-viewer__modal-icon`}>\n <MirrorIcon size=\"medium\" onClick={onMirror} />\n </div>\n </TooltipLite>\n <TooltipLite className={`${classPrefix}-image-viewer__utils--tip`} content=\"旋转\" showShadow={false}>\n <div className={`${classPrefix}-image-viewer__modal-icon`}>\n <RotationIcon size=\"medium\" onClick={() => onRotate(-ROTATE_COUNT)} />\n </div>\n </TooltipLite>\n <ImageModelIcon size=\"medium\" name=\"zoom-out\" onClick={onZoomOut} />\n <ImageModelIcon\n className={`${classPrefix}-image-viewer__utils-scale`}\n size=\"medium\"\n label={`${scale * 100}%`}\n />\n <ImageModelIcon size=\"medium\" name=\"zoom-in\" onClick={onZoom} />\n <TooltipLite className={`${classPrefix}-image-viewer__utils--tip`} content=\"原始大小\" showShadow={false}>\n <div className={`${classPrefix}-image-viewer__modal-icon`}>\n <ImageIcon\n size=\"medium\"\n name=\"image\"\n onClick={() => {\n onReset();\n }}\n />\n </div>\n </TooltipLite>\n {currentImage.download && (\n <ImageModelIcon\n size=\"medium\"\n name=\"download\"\n onClick={() => {\n downloadFile(currentImage.mainImage);\n }}\n />\n )}\n </div>\n {/* <IconFont size=\"3em\" name=\"page-last\" onClick={() => onRotate(ROTATE_COUNT)} /> */}\n </div>\n );\n};\n\ntype ImageViewerHeaderProps = {\n onImgClick: (index: number) => void;\n images: ImageInfo[];\n currentIndex: number;\n};\n\nconst ImageViewerHeader = (props: ImageViewerHeaderProps) => {\n const { classPrefix } = useConfig();\n const { images, currentIndex, onImgClick } = props;\n\n const [isExpand, setIsExpand] = useState(true);\n\n const transStyle = { transform: `translateX(-${currentIndex * 62}px)` };\n\n return (\n <div\n className={classNames(`${classPrefix}-image-viewer__modal-header`, {\n [`${classPrefix}-is-show`]: isExpand,\n })}\n >\n <ImageModelIcon\n size=\"20px\"\n name=\"chevron-down\"\n className={`${classPrefix}-image-viewer__header-pre-bt`}\n onClick={() => setIsExpand(!isExpand)}\n />\n <div className={`${classPrefix}-image-viewer__header-prev`}>\n <div className={`${classPrefix}-image-viewer__bokeh-left`} />\n <div className={`${classPrefix}-image-viewer__bokeh-right`} />\n <div className={`${classPrefix}-image-viewer__header-trans`} style={transStyle}>\n {images.map((image, index) => (\n <div\n key={index}\n className={classNames(`${classPrefix}-image-viewer__header-box`, {\n [`${classPrefix}-is-active`]: index === currentIndex,\n })}\n onClick={() => onImgClick(index)}\n >\n <img\n alt=\"\"\n src={image.thumbnail || image.mainImage}\n className={`${classPrefix}-image-viewer__header-img`}\n />\n </div>\n ))}\n </div>\n </div>\n </div>\n );\n};\n\ninterface ImageModalProps {\n title?: TNode;\n visible: boolean;\n closeOnOverlay: boolean;\n showOverlay: boolean;\n index: number;\n defaultIndex?: number;\n images: ImageInfo[];\n onClose: (context: { trigger: 'close-btn' | 'overlay' | 'esc'; e: MouseEvent<HTMLElement> | KeyboardEvent }) => void;\n onOpen: () => void;\n imageScale: ImageScale;\n viewerScale: ImageViewerScale;\n zIndex: number;\n isMini: boolean;\n draggable: boolean;\n closeBtn: boolean | TNode;\n onIndexChange?: (index: number, context: { trigger: 'prev' | 'next' }) => void;\n}\n\n// 弹窗基础组件\nexport const ImageModal = (props: ImageModalProps) => {\n const {\n closeOnOverlay,\n showOverlay = true,\n zIndex,\n images,\n isMini,\n imageScale,\n viewerScale,\n closeBtn,\n draggable,\n onOpen,\n onClose,\n visible,\n title,\n ...resProps\n } = props;\n const { classPrefix } = useConfig();\n if (resProps.index === undefined) delete resProps.index;\n const { index, next, prev, setIndex } = useIndex(resProps, images);\n const { rotateZ, onResetRotate, onRotate } = useRotate();\n const { scale, onZoom, onZoomOut, onResetScale } = useScale(imageScale);\n const { mirror, onResetMirror, onMirror } = useMirror();\n\n const onReset = useCallback(() => {\n onResetScale();\n onResetRotate();\n onResetMirror();\n }, [onResetMirror, onResetScale, onResetRotate]);\n\n const onScroll: WheelEventHandler<HTMLDivElement> = useCallback(\n (e) => {\n const { deltaY } = e;\n deltaY > 0 ? onZoom() : onZoomOut();\n },\n [onZoom, onZoomOut],\n );\n\n const onKeyDown = useCallback(\n (event) => {\n switch (event.key) {\n case 'ArrowRight':\n return next();\n case 'ArrowLeft':\n return prev();\n case 'ArrowUp':\n return onZoom();\n case 'ArrowDown':\n return onZoomOut();\n case 'Escape':\n return onClose?.({ trigger: 'esc', e: event });\n }\n },\n [next, onClose, prev, onZoom, onZoomOut],\n );\n\n useEffect(() => {\n document.addEventListener('keydown', onKeyDown);\n return () => document.removeEventListener('keydown', onKeyDown);\n }, [onKeyDown]);\n\n useEffect(() => {\n onReset();\n }, [index, onReset]);\n\n if (!isArray(images) || images.length < 1) return null;\n\n const currentImage: ImageInfo = images[index];\n\n if (isMini) {\n return (\n <ImageModelMini\n visible={visible}\n draggable={draggable}\n index={index}\n images={images}\n imageScale={imageScale}\n viewerScale={viewerScale}\n rotateZ={rotateZ}\n zIndex={zIndex}\n currentImage={currentImage}\n prev={prev}\n next={next}\n mirror={mirror}\n scale={scale}\n title={title}\n onMirror={onMirror}\n onZoom={onZoom}\n onClose={onClose}\n onZoomOut={onZoomOut}\n onScroll={onScroll}\n onReset={onReset}\n onRotate={onRotate}\n />\n );\n }\n\n // boolean控制显示,tnode直接展示\n let closeNode: TNode = closeBtn;\n if (closeBtn === true) {\n closeNode = (\n <ImageModelIcon\n name=\"close\"\n size=\"24px\"\n className={`${classPrefix}-image-viewer__modal-close-bt `}\n onClick={(e: MouseEvent<HTMLElement>) => onClose && onClose({ trigger: 'close-btn', e })}\n />\n );\n } else if (isFunction(closeBtn)) closeNode = closeBtn({ onClose, onOpen });\n\n return (\n <div\n className={classNames(`${classPrefix}-image-viewer-preview-image`, {\n [`${classPrefix}-is-hide`]: !visible,\n })}\n onWheel={onScroll}\n style={{ zIndex }}\n >\n {!!showOverlay && (\n <div\n className={`${classPrefix}-image-viewer__modal-mask`}\n onClick={(e: MouseEvent<HTMLElement>) => closeOnOverlay && onClose?.({ trigger: 'overlay', e })}\n />\n )}\n {images.length > 1 && (\n <>\n <ImageViewerHeader images={images} currentIndex={index} onImgClick={setIndex} />\n <div className={`${classPrefix}-image-viewer__modal-index`}>\n <span>{title}</span>\n {`${index + 1}/${images.length}`}\n </div>\n <ImageModelIcon\n size=\"24px\"\n name=\"chevron-left\"\n className={`${classPrefix}-image-viewer__modal-prev-bt`}\n onClick={prev}\n disabled={index <= 0}\n />\n <ImageModelIcon\n size=\"24px\"\n name=\"chevron-right\"\n className={`${classPrefix}-image-viewer__modal-next-bt`}\n onClick={next}\n disabled={index >= images.length - 1}\n />\n </>\n )}\n <ImageViewerUtils\n onZoom={onZoom}\n onZoomOut={onZoomOut}\n scale={scale}\n currentImage={currentImage}\n onRotate={onRotate}\n onMirror={onMirror}\n onReset={onReset}\n />\n {closeNode}\n <ImageModelItem\n scale={scale}\n rotateZ={rotateZ}\n mirror={mirror}\n preSrc={currentImage.thumbnail}\n src={currentImage.mainImage}\n />\n </div>\n );\n};\n"],"names":["ImageModelMiniContent","props","useConfig","classPrefix","React","createElement","className","ImageModelItem","rotateZ","scale","mirror","src","currentImage","mainImage","preSrc","thumbnail","DIALOG_CSS_PADDING","padding","ImageModelMini","visible","title","index","images","draggable","onZoomOut","onZoom","onClose","onRotate","onMirror","onReset","useGlobalIcon","CloseIcon","TdCloseIcon","header","length","size","onClick","e","trigger","footer","ImageViewerUtils","Dialog","width","placement","mode","cancelBtn","confirmBtn","closeBtn","style","ImageError","ImageErrorIcon","TdImageErrorIcon","usePosition","initPosition","position","onMouseDown","useState","loaded","setLoaded","error","setError","imgStyle","transform","display","preImgStyle","boxStyle","useEffect","event","stopPropagation","alt","onLoad","onError","ROTATE_COUNT","ImageModelIcon","disabled","isRange","name","label","Icons","useIconMap","Icon","classNames","MirrorIcon","TdMirrorIcon","RotationIcon","TdRotationIcon","ImageIcon","TdImageIcon","TooltipLite","content","showShadow","download","downloadFile","ImageViewerHeader","currentIndex","onImgClick","isExpand","setIsExpand","transStyle","map","image","key","ImageModal","closeOnOverlay","showOverlay","zIndex","isMini","imageScale","viewerScale","onOpen","resProps","useIndex","next","prev","setIndex","useRotate","onResetRotate","useScale","onResetScale","useMirror","onResetMirror","useCallback","onScroll","deltaY","onKeyDown","document","addEventListener","removeEventListener","isArray","closeNode","isFunction","onWheel"],"mappings":"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"}
|
|
@@ -206,7 +206,8 @@
|
|
|
206
206
|
@size-16: var(--td-size-16);
|
|
207
207
|
|
|
208
208
|
// component 组件尺寸高度相关 token
|
|
209
|
-
@comp-size-
|
|
209
|
+
@comp-size-xxxs: var(--td-comp-size-xxxs);
|
|
210
|
+
@comp-size-xxs: var(--td-comp-size-xxs);
|
|
210
211
|
@comp-size-xs: var(--td-comp-size-xs);
|
|
211
212
|
@comp-size-s: var(--td-comp-size-s);
|
|
212
213
|
@comp-size-m: var(--td-comp-size-m);
|
|
@@ -269,11 +270,11 @@
|
|
|
269
270
|
@spacer-9: @spacer * 9; // 间距-大-48
|
|
270
271
|
@spacer-10: @spacer * 10; // 间距-大-80
|
|
271
272
|
|
|
272
|
-
@text-line-height-s:
|
|
273
|
-
@text-line-height-base:
|
|
274
|
-
@text-line-height-l:
|
|
275
|
-
@text-line-height-xl:
|
|
276
|
-
@text-line-height-xxl:
|
|
273
|
+
@text-line-height-s: var(--td-line-height-body-small);
|
|
274
|
+
@text-line-height-base: var(--td-line-height-body-medium);
|
|
275
|
+
@text-line-height-l: var(--td-line-height-body-large);
|
|
276
|
+
@text-line-height-xl: var(--td-line-height-title-large);
|
|
277
|
+
@text-line-height-xxl: var(--td-line-height-headline-large);
|
|
277
278
|
|
|
278
279
|
// Font
|
|
279
280
|
@font-size: 10px;
|
|
@@ -13,6 +13,7 @@
|
|
|
13
13
|
.reset;
|
|
14
14
|
|
|
15
15
|
display: flex;
|
|
16
|
+
align-items: flex-start;
|
|
16
17
|
padding: @alert-padding;
|
|
17
18
|
opacity: 1;
|
|
18
19
|
transition: opacity .2s;
|
|
@@ -93,6 +94,7 @@
|
|
|
93
94
|
}
|
|
94
95
|
|
|
95
96
|
.@{prefix}-alert__icon {
|
|
97
|
+
padding: @alert-icon-padding;
|
|
96
98
|
font-size: @alert-icon-size;
|
|
97
99
|
display: inherit;
|
|
98
100
|
}
|
|
@@ -105,7 +107,7 @@
|
|
|
105
107
|
|
|
106
108
|
.@{prefix}-alert__content {
|
|
107
109
|
flex: 1 1 0;
|
|
108
|
-
font: @font-
|
|
110
|
+
font: @alert-font-size;
|
|
109
111
|
overflow: hidden;
|
|
110
112
|
}
|
|
111
113
|
|
|
@@ -120,7 +122,7 @@
|
|
|
120
122
|
font-weight: bold;
|
|
121
123
|
|
|
122
124
|
+ .@{prefix}-alert__message {
|
|
123
|
-
margin-top: @
|
|
125
|
+
margin-top: @alert-description-margin-top;
|
|
124
126
|
}
|
|
125
127
|
}
|
|
126
128
|
|
|
@@ -132,7 +134,7 @@
|
|
|
132
134
|
|
|
133
135
|
.@{prefix}-alert__operation {
|
|
134
136
|
flex: 0 0 auto;
|
|
135
|
-
padding:
|
|
137
|
+
padding: @alert-operation-padding;
|
|
136
138
|
color: @brand-color;
|
|
137
139
|
cursor: pointer;
|
|
138
140
|
transition: color @anim-duration-base;
|
|
@@ -147,17 +149,21 @@
|
|
|
147
149
|
}
|
|
148
150
|
|
|
149
151
|
.@{prefix}-alert__icon + .@{prefix}-alert__content {
|
|
150
|
-
margin-left:
|
|
152
|
+
margin-left: @alert-margin-left;
|
|
151
153
|
}
|
|
152
154
|
|
|
153
155
|
.@{prefix}-alert__collapse {
|
|
154
|
-
margin-top:
|
|
156
|
+
margin-top: @alert-collapse-margin-top;
|
|
155
157
|
color: @brand-color;
|
|
156
158
|
cursor: pointer;
|
|
157
159
|
}
|
|
158
160
|
|
|
159
161
|
.@{prefix}-alert__close {
|
|
160
|
-
|
|
162
|
+
display: inline-flex;
|
|
163
|
+
align-items: center;
|
|
164
|
+
margin-left: @alert-close-margin-left;
|
|
165
|
+
font-size: @alert-close-size;
|
|
161
166
|
color: @alert-close-color;
|
|
167
|
+
padding: @alert-close-padding;
|
|
162
168
|
cursor: pointer;
|
|
163
169
|
}
|
|
@@ -12,10 +12,10 @@
|
|
|
12
12
|
// 如:@button-line-height-s
|
|
13
13
|
|
|
14
14
|
// color
|
|
15
|
-
@alert-success-bg-color: @success-color-
|
|
15
|
+
@alert-success-bg-color: @success-color-focus;
|
|
16
16
|
@alert-info-bg-color: @brand-color-focus;
|
|
17
|
-
@alert-warning-bg-color: @warning-color-
|
|
18
|
-
@alert-error-bg-color: @error-color-
|
|
17
|
+
@alert-warning-bg-color: @warning-color-focus;
|
|
18
|
+
@alert-error-bg-color: @error-color-focus;
|
|
19
19
|
@alert-title-color: @text-color-primary;
|
|
20
20
|
@alert-description-color: @text-color-secondary;
|
|
21
21
|
|
|
@@ -26,18 +26,27 @@
|
|
|
26
26
|
|
|
27
27
|
@alert-close-color: @text-color-secondary;
|
|
28
28
|
|
|
29
|
-
@alert-success-trigger-color: @success-color-
|
|
29
|
+
@alert-success-trigger-color: @success-color-focus;
|
|
30
30
|
@alert-info-trigger-color: @brand-color;
|
|
31
|
-
@alert-warning-trigger-color: @warning-color-
|
|
32
|
-
@alert-error-trigger-color: @error-color-
|
|
31
|
+
@alert-warning-trigger-color: @warning-color-focus;
|
|
32
|
+
@alert-error-trigger-color: @error-color-focus;
|
|
33
33
|
|
|
34
34
|
@alert-success-trigger-active-color: @success-color;
|
|
35
35
|
@alert-info-trigger-active-color: @brand-color;
|
|
36
36
|
@alert-warning-trigger-active-color: @warning-color;
|
|
37
37
|
@alert-error-trigger-active-color: @error-color;
|
|
38
38
|
|
|
39
|
-
// 间距
|
|
40
|
-
@alert-padding: 14px 24px;
|
|
41
|
-
|
|
42
39
|
// size
|
|
43
|
-
@alert-
|
|
40
|
+
@alert-font-size: @font-body-medium;
|
|
41
|
+
@alert-icon-size: calc(@font-size-base + 6px);
|
|
42
|
+
@alert-close-size: calc(@font-size-base + 2px);
|
|
43
|
+
|
|
44
|
+
// 间距
|
|
45
|
+
@alert-padding: @comp-paddingTB-l @comp-paddingLR-xl;
|
|
46
|
+
@alert-operation-padding: 0 @comp-paddingLR-s;
|
|
47
|
+
@alert-margin-left: @comp-margin-s;
|
|
48
|
+
@alert-close-margin-left: @comp-margin-l;
|
|
49
|
+
@alert-icon-padding: calc((@text-line-height-base - @alert-icon-size) / 2 ) 0;
|
|
50
|
+
@alert-close-padding: calc((@text-line-height-base - @alert-close-size) / 2 ) 0;
|
|
51
|
+
@alert-description-margin-top: @comp-margin-s;
|
|
52
|
+
@alert-collapse-margin-top: @comp-margin-s;
|
|
@@ -13,7 +13,7 @@
|
|
|
13
13
|
background: @anchor-bg-color;
|
|
14
14
|
width: @anchor-width-default;
|
|
15
15
|
color: @anchor-text-color-default;
|
|
16
|
-
font
|
|
16
|
+
font: @anchor-font;
|
|
17
17
|
|
|
18
18
|
//锚点 item 被选中
|
|
19
19
|
.@{prefix}-is-active > a {
|
|
@@ -63,19 +63,14 @@
|
|
|
63
63
|
&__item-link {
|
|
64
64
|
display: inline-block;
|
|
65
65
|
position: relative;
|
|
66
|
-
line-height: @anchor-item-line-height;
|
|
67
|
-
max-height: @anchor-item-max-height;
|
|
68
66
|
overflow: hidden;
|
|
69
67
|
word-break: break-all;
|
|
70
68
|
color: @anchor-text-color-default;
|
|
71
69
|
text-decoration: none;
|
|
72
70
|
text-align: justify;
|
|
73
|
-
margin-right: -4px;
|
|
74
|
-
padding-right: 10px;
|
|
75
71
|
}
|
|
76
72
|
|
|
77
73
|
a {
|
|
78
|
-
line-height: @anchor-item-height;
|
|
79
74
|
transition: color @anim-duration-base linear;
|
|
80
75
|
}
|
|
81
76
|
|
|
@@ -99,8 +94,7 @@
|
|
|
99
94
|
|
|
100
95
|
.@{prefix}-anchor__target {
|
|
101
96
|
cursor: pointer;
|
|
102
|
-
font
|
|
103
|
-
line-height: @anchor-item-height;
|
|
97
|
+
font: @anchor-font;
|
|
104
98
|
color: @anchor-text-color-default;
|
|
105
99
|
|
|
106
100
|
@keyframes fadeOut {
|
|
@@ -126,8 +120,8 @@
|
|
|
126
120
|
display: inline-block;
|
|
127
121
|
}
|
|
128
122
|
|
|
129
|
-
|
|
130
|
-
//target属性参考文档https://developer.mozilla.org/zh-CN/docs/Web/CSS/:target
|
|
123
|
+
// 激活锚点 滚动到指定锚点 标题后边出现定位提示
|
|
124
|
+
//target属性参考文档 https://developer.mozilla.org/zh-CN/docs/Web/CSS/:target
|
|
131
125
|
&:target::after {
|
|
132
126
|
display: inline-block;
|
|
133
127
|
content: "";
|
|
@@ -1,41 +1,27 @@
|
|
|
1
1
|
//颜色
|
|
2
2
|
@anchor-text-color-default: @text-color-primary;
|
|
3
3
|
@anchor-text-color-hover: @brand-color;
|
|
4
|
-
@anchor-text-color-current: @brand-color;
|
|
5
|
-
// 被选中的字体、左侧竖线色值
|
|
4
|
+
@anchor-text-color-current: @brand-color; // 被选中的字体、左侧竖线色值
|
|
6
5
|
@anchor-text-color-active: @brand-color-active;
|
|
7
6
|
@anchor-bg-color: @bg-color-container;
|
|
8
|
-
// anchor左侧竖线颜色
|
|
9
|
-
@anchor-border-color: @component-stroke;
|
|
10
|
-
|
|
11
|
-
// 位置
|
|
12
|
-
// 固定模式时的top值
|
|
13
|
-
@anchor-affix-top: 20px;
|
|
7
|
+
@anchor-border-color: @component-stroke; // anchor左侧竖线颜色
|
|
14
8
|
|
|
15
9
|
// 尺寸
|
|
16
10
|
@anchor-width-s: 120px;
|
|
17
11
|
@anchor-width-default: 200px;
|
|
18
12
|
@anchor-width-l: 320px;
|
|
19
|
-
@anchor-
|
|
20
|
-
// 锚点最大高度,可折行,最大3行
|
|
21
|
-
@anchor-item-max-height: (@anchor-item-height * 3);
|
|
22
|
-
@anchor-item-line-height: 22px;
|
|
23
|
-
// 选中竖线的宽度
|
|
24
|
-
@anchor-point-width: 1px;
|
|
25
|
-
// 选中竖线的高度
|
|
26
|
-
@anchor-point-height: 22px;
|
|
13
|
+
@anchor-point-width: 1px; // 选中竖线的宽度
|
|
27
14
|
@anchor-target-width: 6px;
|
|
28
15
|
|
|
29
|
-
|
|
30
|
-
@anchor-font
|
|
16
|
+
// 字体
|
|
17
|
+
@anchor-font: @font-body-medium;
|
|
31
18
|
|
|
32
19
|
// 间距
|
|
33
|
-
// 一级锚点padding
|
|
34
|
-
|
|
35
|
-
// 二级锚点padding
|
|
36
|
-
@anchor-sub-item-padding: 0 @spacer-1 0 @spacer-2;
|
|
20
|
+
@anchor-item-padding: @comp-paddingTB-xxs @comp-paddingTB-l; // 一级锚点padding
|
|
21
|
+
|
|
22
|
+
@anchor-sub-item-padding: @comp-paddingTB-xxs @comp-paddingTB-l; // 二级锚点padding
|
|
37
23
|
|
|
38
|
-
@anchor-target-copy-margin: 0 0 0
|
|
24
|
+
@anchor-target-copy-margin: 0 0 0 @comp-margin-xs;
|
|
39
25
|
|
|
40
26
|
// 动画
|
|
41
27
|
@anchor-point-transition: all @anim-duration-base
|
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
.breadcrumb;
|
|
12
12
|
|
|
13
13
|
&__separator {
|
|
14
|
-
margin:
|
|
14
|
+
margin: @breadcrumb-separator-margin;
|
|
15
15
|
display: flex;
|
|
16
16
|
align-items: center;
|
|
17
17
|
}
|
|
@@ -70,7 +70,7 @@
|
|
|
70
70
|
|
|
71
71
|
//箭头型
|
|
72
72
|
&--arrow {
|
|
73
|
-
margin:
|
|
73
|
+
margin: @breadcrumb-separator-margin;
|
|
74
74
|
line-height: 0;
|
|
75
75
|
color: @breadcrumb-icon-arrow-color-default;
|
|
76
76
|
.v-inlineblock;
|
|
@@ -78,7 +78,7 @@
|
|
|
78
78
|
|
|
79
79
|
//斜杠型
|
|
80
80
|
&--slash {
|
|
81
|
-
margin:
|
|
81
|
+
margin: @breadcrumb-separator-margin;
|
|
82
82
|
line-height: 0;
|
|
83
83
|
color: @breadcrumb-icon-slash-color-default;
|
|
84
84
|
.v-inlineblock;
|
|
@@ -91,7 +91,7 @@
|
|
|
91
91
|
.v-inlineblock;
|
|
92
92
|
|
|
93
93
|
.t-icon {
|
|
94
|
-
margin:
|
|
94
|
+
margin: @breadcrumb-separator-margin;
|
|
95
95
|
}
|
|
96
96
|
}
|
|
97
97
|
|
|
@@ -31,8 +31,8 @@
|
|
|
31
31
|
|
|
32
32
|
@breadcrumb-option-box-bg: @bg-color-container;
|
|
33
33
|
//间距
|
|
34
|
-
@breadcrumb-
|
|
35
|
-
@breadcrumb-content-icon-margin-bottom:
|
|
34
|
+
@breadcrumb-separator-margin: 0 @comp-margin-xs;
|
|
35
|
+
@breadcrumb-content-icon-margin-bottom: @comp-margin-xxs;
|
|
36
36
|
|
|
37
37
|
// 尺寸
|
|
38
38
|
@breadcrumb-icon-size: @font-size-l;
|
|
@@ -36,8 +36,8 @@
|
|
|
36
36
|
// 尺寸
|
|
37
37
|
@dialog-width: 480px;
|
|
38
38
|
@dialog-header-height-fullscreen: @comp-size-xxxl;
|
|
39
|
-
@dialog-icon-size: @
|
|
40
|
-
@dialog-close-icon-size: @
|
|
39
|
+
@dialog-icon-size: calc(@font-size-l + 8px);
|
|
40
|
+
@dialog-close-icon-size: calc(@font-size-l + 4px);
|
|
41
41
|
@dialog-footer-height-fullscreen: @comp-size-xxxxl;
|
|
42
42
|
|
|
43
43
|
// 间距
|
|
@@ -19,8 +19,8 @@
|
|
|
19
19
|
@divider-font: @font-body-medium;
|
|
20
20
|
|
|
21
21
|
// 间距
|
|
22
|
-
@divider-horizontal-margin: @
|
|
23
|
-
@divider-vertical-margin: 0
|
|
22
|
+
@divider-horizontal-margin: @comp-margin-xxl 0;
|
|
23
|
+
@divider-vertical-margin: 0 @comp-margin-m;
|
|
24
24
|
@divider-inner-text-padding: 0 1em;
|
|
25
25
|
|
|
26
26
|
// 尺寸
|
|
@@ -121,6 +121,8 @@
|
|
|
121
121
|
}
|
|
122
122
|
|
|
123
123
|
&__header {
|
|
124
|
+
display: flex;
|
|
125
|
+
align-items: center;
|
|
124
126
|
min-height: @drawer-header-height;
|
|
125
127
|
padding: @drawer-header-padding;
|
|
126
128
|
font: @drawer-header-font-size;
|
|
@@ -138,7 +140,6 @@
|
|
|
138
140
|
|
|
139
141
|
&__footer {
|
|
140
142
|
width: 100%;
|
|
141
|
-
min-height: @drawer-footer-height;
|
|
142
143
|
padding: @drawer-footer-padding;
|
|
143
144
|
text-align: @drawer-footer-text-align;
|
|
144
145
|
border-top: 1px solid @drawer-border-color;
|
|
@@ -29,10 +29,9 @@
|
|
|
29
29
|
/**
|
|
30
30
|
* 尺寸
|
|
31
31
|
*/
|
|
32
|
-
@drawer-icon-size: @font-size-
|
|
33
|
-
@drawer-header-height:
|
|
34
|
-
@drawer-
|
|
35
|
-
@drawer-close-btn-size: @icon-l;
|
|
32
|
+
@drawer-icon-size: calc(@font-size-base + 2px);
|
|
33
|
+
@drawer-header-height: @comp-size-xxxl;
|
|
34
|
+
@drawer-close-btn-size: @comp-size-xs;
|
|
36
35
|
@drawer-content-wrapper-size: 300px;
|
|
37
36
|
|
|
38
37
|
/**
|
|
@@ -51,16 +50,16 @@
|
|
|
51
50
|
/**
|
|
52
51
|
* 间距
|
|
53
52
|
*/
|
|
54
|
-
@drawer-footer-padding:
|
|
55
|
-
@drawer-header-padding:
|
|
56
|
-
@drawer-body-padding: @
|
|
57
|
-
@drawer-footer-btn-margin-left: @
|
|
53
|
+
@drawer-footer-padding: @comp-paddingTB-l @comp-paddingLR-l;
|
|
54
|
+
@drawer-header-padding: 0 @comp-paddingLR-l;
|
|
55
|
+
@drawer-body-padding: @comp-paddingTB-l @comp-paddingLR-l;
|
|
56
|
+
@drawer-footer-btn-margin-left: @comp-margin-s;
|
|
58
57
|
|
|
59
58
|
/**
|
|
60
59
|
* 位置
|
|
61
60
|
*/
|
|
62
|
-
@drawer-close-btn-position-top:
|
|
63
|
-
@drawer-close-btn-position-right:
|
|
61
|
+
@drawer-close-btn-position-top: @comp-margin-s;
|
|
62
|
+
@drawer-close-btn-position-right: @comp-margin-s;
|
|
64
63
|
@drawer-footer-text-align: left;
|
|
65
64
|
|
|
66
65
|
/**
|
|
@@ -34,12 +34,12 @@
|
|
|
34
34
|
.@{prefix}-divider {
|
|
35
35
|
margin: @dropdown-item-divider-margin;
|
|
36
36
|
color: @dropdown-active-bg-color;
|
|
37
|
-
width: calc(100% - @
|
|
37
|
+
width: calc(100% - @dropdown-item-divider-horizon-margin * 2);
|
|
38
38
|
}
|
|
39
39
|
|
|
40
40
|
&--right {
|
|
41
41
|
.@{prefix}-dropdown__item-direction {
|
|
42
|
-
margin: 0 0 0 @
|
|
42
|
+
margin: 0 0 0 @comp-margin-s;
|
|
43
43
|
}
|
|
44
44
|
}
|
|
45
45
|
|
|
@@ -53,7 +53,7 @@
|
|
|
53
53
|
}
|
|
54
54
|
|
|
55
55
|
.@{prefix}-dropdown__item-direction {
|
|
56
|
-
margin: 0 @
|
|
56
|
+
margin: 0 @comp-margin-s 0 0;
|
|
57
57
|
}
|
|
58
58
|
}
|
|
59
59
|
}
|
|
@@ -83,7 +83,7 @@
|
|
|
83
83
|
left: calc(100% - 6px);
|
|
84
84
|
|
|
85
85
|
.@{prefix}-dropdown__item-direction {
|
|
86
|
-
margin: 0 0 0 @
|
|
86
|
+
margin: 0 0 0 @comp-margin-s;
|
|
87
87
|
}
|
|
88
88
|
}
|
|
89
89
|
|
|
@@ -99,7 +99,7 @@
|
|
|
99
99
|
}
|
|
100
100
|
|
|
101
101
|
.@{prefix}-dropdown__item-direction {
|
|
102
|
-
margin: 0 @
|
|
102
|
+
margin: 0 @comp-margin-s 0 0;
|
|
103
103
|
}
|
|
104
104
|
}
|
|
105
105
|
}
|
|
@@ -114,12 +114,13 @@
|
|
|
114
114
|
white-space: nowrap;
|
|
115
115
|
display: flex;
|
|
116
116
|
align-items: center;
|
|
117
|
+
height: @dropdown-item-height;
|
|
117
118
|
padding: @dropdown-item-padding;
|
|
118
119
|
|
|
119
120
|
&-icon {
|
|
120
121
|
display: flex;
|
|
121
122
|
color: currentcolor;
|
|
122
|
-
margin-right: @
|
|
123
|
+
margin-right: @comp-margin-s;
|
|
123
124
|
font-size: @dropdown-text-icon-size;
|
|
124
125
|
}
|
|
125
126
|
|
|
@@ -16,12 +16,16 @@
|
|
|
16
16
|
@dropdown-theme-success-bg-color: @success-color-light;
|
|
17
17
|
@dropdown-theme-warning-color: @warning-color;
|
|
18
18
|
@dropdown-theme-warning-bg-color: @warning-color-light;
|
|
19
|
+
|
|
19
20
|
// border
|
|
20
21
|
@dropdown-border: .5px solid @component-border;
|
|
21
22
|
|
|
23
|
+
// height
|
|
24
|
+
@dropdown-item-height: @comp-size-s;
|
|
25
|
+
|
|
22
26
|
// padding
|
|
23
|
-
@dropdown-item-padding:
|
|
24
|
-
@dropdown-item-margin:
|
|
25
|
-
@dropdown-item-divider-margin: @
|
|
27
|
+
@dropdown-item-padding: 0 @comp-paddingLR-s;
|
|
28
|
+
@dropdown-item-divider-horizon-margin: @comp-margin-s;
|
|
29
|
+
@dropdown-item-divider-margin: @comp-margin-xs @dropdown-item-divider-horizon-margin @comp-margin-xxs @dropdown-item-divider-horizon-margin;
|
|
30
|
+
@dropdown-menu-padding: @pop-padding-m;
|
|
26
31
|
@dropdown-menu-gap: 2px;
|
|
27
|
-
@dropdown-menu-padding: 6px;
|