@transsionfe/semi-ui-vue 0.0.1

package/lib/cjs/components/image/Preview.vue.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("vue"),G=require("classnames"),K=require("@douyinfe/semi-foundation/image/constants"),$=require("@douyinfe/semi-foundation/image/previewFoundation"),W=require("./context.cjs"),H=require("./PreviewInner.vue.cjs"),y=require("lodash-es"),X=require("@douyinfe/semi-foundation/utils/uuid"),J=require("../../_utils/useFoundation.cjs"),Q=["id"],Y=r.defineComponent({name:"Preview",__name:"Preview",props:{visible:{type:Boolean,default:!1},src:{default:()=>[]},previewTitle:{},currentIndex:{default:0},defaultCurrentIndex:{default:0},defaultVisible:{type:Boolean,default:!1},maskClosable:{type:Boolean,default:!0},closable:{type:Boolean,default:!0},zoomStep:{},infinite:{type:Boolean},showTooltip:{type:Boolean},closeOnEsc:{type:Boolean},prevTip:{},nextTip:{},zoomInTip:{},zoomOutTip:{},rotateTip:{},downloadTip:{},adaptiveTip:{},originTip:{},lazyLoad:{type:Boolean,default:!0},lazyLoadMargin:{default:"0px 100px 100px 0px"},preLoad:{type:Boolean},preLoadGap:{},viewerVisibleDelay:{},disableDownload:{type:Boolean},zIndex:{},children:{},crossOrigin:{},maxZoom:{},minZoom:{},previewCls:{},previewStyle:{},renderLeftIcon:{},renderRightIcon:{},renderCloseIcon:{},renderHeader:{},renderPreviewMenu:{},getPopupContainer:{},onVisibleChange:{},onChange:{},onClose:{},onZoomIn:{},onZoomOut:{},onPrev:{},onNext:{},onRatioChange:{},onRotateLeft:{},onDownload:{},onDownloadError:{},setDownloadName:{},className:{},style:{}},emits:["visibleChange","change"],setup(z,{expose:V,emit:k}){const w=K.cssClasses.PREFIX,l=z,b=k,L=r.ref(null),h=r.ref(null),_=r.ref(X.getUuidShort({prefix:"semi-image-preview-group",length:4})),c=r.ref({currentIndex:l.currentIndex??l.defaultCurrentIndex??0,visible:l.visible??l.defaultVisible??!1}),f=r.ref([]),A=r.ref([]),g=r.ref([]),P=r.useSlots(),C=e=>{const n=[];for(const t of e)if(t){if(Array.isArray(t))n.push(...C(t));else if(r.isVNode(t))if(t.type===r.Fragment){if(t.children){const o=Array.isArray(t.children)?t.children:[t.children];n.push(...C(o))}}else t.type!==r.Comment&&n.push(t)}return n},O=e=>e?(e==null?void 0:e.isSemiImage)===!0?!0:((e==null?void 0:e.__name)||(e==null?void 0:e.name)||(e==null?void 0:e.__file))==="Image":!1,v=(e,n=0)=>{const t=[],o=[],d=[];let a=n;for(const s of e){if(!s){t.push(s);continue}if(Array.isArray(s)){const u=v(s,a);t.push(...u.children),o.push(...u.srcList),d.push(...u.titles),a=u.nextIndex;continue}if(!r.isVNode(s)){t.push(s);continue}if(s.type===r.Fragment){if(s.children){const u=Array.isArray(s.children)?s.children:[s.children],i=v(u,a);i.children.length>0?(t.push(r.h(r.Fragment,{},i.children)),o.push(...i.srcList),d.push(...i.titles),a=i.nextIndex):t.push(s)}else t.push(s);continue}const x=s.type,I=s.props||{};if(O(x)){const{src:u,preview:i}=I;if(i!==!1){const p=y.isObject(i)?i.src??u:u;p&&(o.push(p),d.push(i==null?void 0:i.previewTitle));const j=r.h(x,{...I,imageID:a++},s.children);t.push(j)}else t.push(s);continue}if(s.children){const u=Array.isArray(s.children)?s.children:[s.children],i=v(u,a);if(i.srcList.length>0||i.children.length!==u.length){const p=r.h(x,I,i.children);t.push(p),o.push(...i.srcList),d.push(...i.titles),a=i.nextIndex}else t.push(s)}else t.push(s)}return{children:t,srcList:o,titles:d,nextIndex:a}},m=r.computed(()=>{if(!P.default)return[];try{const e=P.default();return C(Array.isArray(e)?e:[e])}catch{return[]}}),B=e=>e.map(n=>r.isVNode(n)?n.key??null:null),D=r.computed(()=>{const e=m.value,n=v(e,0);return y.isEqual(n.srcList,f.value)||(f.value=n.srcList,A.value=n.titles),n.children}),S=r.computed(()=>[...Array.isArray(l.src)?l.src:typeof l.src=="string"?[l.src]:[],...f.value]),F=r.computed(()=>G(`${w}-preview-group`,l.className)),M={getProps:()=>l,getProp:e=>l[e],getState:e=>c.value[e],getStates:()=>c.value,setState:(e,n)=>{Object.assign(c.value,e),n==null||n()},getContext:()=>null,getContexts:()=>({}),getCache:()=>null,getCaches:()=>({}),setCache:()=>{},stopPropagation:e=>e==null?void 0:e.stopPropagation(),persistEvent:()=>{}},{foundation:N}=J.useFoundation($,M),E=e=>{N.handleVisibleChange(e),b("visibleChange",e)},R=r.computed(()=>{const{previewCls:e,previewStyle:n,onVisibleChange:t,onChange:o,...d}=l;return{...d,className:e,style:n,onVisibleChange:s=>{E(s),t&&t(s)},onChange:o}}),U=e=>{N.handleCurrentIndexChange(e),b("change",e)},q=()=>{if(!l.lazyLoad)return;h.value&&h.value.disconnect(),h.value=new IntersectionObserver(n=>{n.forEach(t=>{var a,s;const o=t.target,d=(a=o.dataset)==null?void 0:a.src;t.isIntersecting&&d&&(o.src=d,o.removeAttribute("data-src"),(s=h.value)==null||s.unobserve(o))})},{root:document.querySelector(`#${_.value}`),rootMargin:l.lazyLoadMargin}),document.querySelectorAll(`.${w}-img`).forEach(n=>{var t;return(t=h.value)==null?void 0:t.observe(n)})};r.watch(()=>l.currentIndex,e=>{e!==void 0&&e!==c.value.currentIndex&&(c.value.currentIndex=e)}),r.watch(()=>l.visible,e=>{e!==void 0&&e!==c.value.visible&&(c.value.visible=e)});const Z=r.reactive({isGroup:!0,get previewSrc(){return S.value},get titles(){return A.value},get currentIndex(){return c.value.currentIndex},get visible(){return c.value.visible},get lazyLoad(){return l.lazyLoad},get previewObserver(){return h.value},setCurrentIndex:U,handleVisibleChange:E,get setDownloadName(){return l.setDownloadName}});return W.providePreviewContext(Z),r.onMounted(()=>{r.nextTick(()=>{const e=m.value;g.value=B(e),q()})}),r.onUpdated(()=>{l.lazyLoad&&r.nextTick(()=>{const e=m.value,n=B(e);y.isEqual(g.value,n)||(g.value=n,q())})}),r.onBeforeUnmount(()=>{h.value&&(h.value.disconnect(),h.value=null)}),V({previewRef:L}),(e,n)=>(r.openBlock(),r.createElementBlock(r.Fragment,null,[r.createElementVNode("div",{id:_.value,class:r.normalizeClass(F.value),style:r.normalizeStyle(l.style)},[(r.openBlock(!0),r.createElementBlock(r.Fragment,null,r.renderList(D.value,(t,o)=>(r.openBlock(),r.createBlock(r.resolveDynamicComponent(t),{key:o}))),128))],14,Q),r.createVNode(H.default,r.mergeProps({ref_key:"previewRef",ref:L},R.value,{src:S.value,currentIndex:c.value.currentIndex,visible:c.value.visible}),null,16,["src","currentIndex","visible"])],64))}});exports.default=Y;
+//# sourceMappingURL=Preview.vue.cjs.map

package/lib/cjs/components/image/Preview.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Preview.vue.cjs","sources":["../../../../src/components/image/Preview.vue"],"sourcesContent":["<template>\n    <div :id=\"previewGroupId\" :class=\"groupCls\" :style=\"props.style\">\n        <template v-for=\"(child, index) in renderedChildren\" :key=\"index\">\n            <component :is=\"child\" />\n        </template>\n    </div>\n    <PreviewInner\n        ref=\"previewRef\"\n        v-bind=\"previewInnerProps\"\n        :src=\"finalSrcList\"\n        :currentIndex=\"state.currentIndex\"\n        :visible=\"state.visible\"\n    />\n</template>\n\n<script setup lang=\"ts\">\nimport {\n    ref,\n    computed,\n    watch,\n    onMounted,\n    onBeforeUnmount,\n    onUpdated,\n    nextTick,\n    VNode,\n    useSlots,\n    Fragment,\n    reactive,\n    isVNode,\n    Comment,\n    h,\n} from 'vue';\nimport cls from 'classnames';\nimport { cssClasses } from '@douyinfe/semi-foundation/image/constants';\nimport PreviewFoundation from '@douyinfe/semi-foundation/image/previewFoundation';\nimport { PreviewProps, PreviewState } from './interface';\nimport { useFoundation } from '../_utils';\nimport { providePreviewContext } from './context';\nimport PreviewInner from './PreviewInner.vue';\nimport { isObject, isEqual, omit } from 'lodash-es';\nimport { getUuidShort } from '@douyinfe/semi-foundation/utils/uuid';\n\ndefineOptions({\n    name: 'Preview',\n});\n\nconst prefixCls = cssClasses.PREFIX;\n\nconst props = withDefaults(defineProps<PreviewProps>(), {\n    src: () => [],\n    lazyLoad: true,\n    lazyLoadMargin: '0px 100px 100px 0px',\n    closable: true,\n    maskClosable: true,\n    visible: false,\n    currentIndex: 0,\n    defaultCurrentIndex: 0,\n    defaultVisible: false,\n});\n\nconst emit = defineEmits<{\n    visibleChange: [visible: boolean];\n    change: [index: number];\n}>();\n\n// Refs\nconst previewRef = ref<any>(null);\nconst previewObserver = ref<IntersectionObserver | null>(null);\nconst previewGroupId = ref<string>(getUuidShort({ prefix: 'semi-image-preview-group', length: 4 }));\n\n// State\nconst state = ref<PreviewState>({\n    currentIndex: props.currentIndex ?? props.defaultCurrentIndex ?? 0,\n    visible: props.visible ?? props.defaultVisible ?? false,\n});\n\nconst srcListInChildren = ref<string[]>([]);\nconst titles = ref<VNode[]>([]);\nconst prevChildrenKeys = ref<(string | number | symbol | null)[]>([]);\n\nconst slots = useSlots();\n\n/**\n * 扁平化子节点，处理数组和 Fragment\n */\nconst flattenChildren = (children: any[]): any[] => {\n    const result: any[] = [];\n    for (const child of children) {\n        if (!child) continue;\n        if (Array.isArray(child)) {\n            result.push(...flattenChildren(child));\n        } else if (isVNode(child)) {\n            if (child.type === Fragment) {\n                // Fragment 需要展开其子节点\n                if (child.children) {\n                    const fragmentChildren = Array.isArray(child.children) ? child.children : [child.children];\n                    result.push(...flattenChildren(fragmentChildren));\n                }\n            } else if (child.type !== Comment) {\n                result.push(child);\n            }\n        }\n    }\n    return result;\n};\n\n/**\n * 检查是否是 Image 组件\n * 优先使用 isSemiImage 标识（与 React 版本一致，最稳定）\n */\nconst isImageComponent = (componentType: any): boolean => {\n    if (!componentType) return false;\n    // 优先检查 isSemiImage（与 React 版本的 child.type.isSemiImage 一致）\n    if ((componentType as any)?.isSemiImage === true) {\n        return true;\n    }\n    // 备用检查：组件名称\n    const componentName =\n        (componentType as any)?.__name || (componentType as any)?.name || (componentType as any)?.__file;\n    return componentName === 'Image';\n};\n\n/**\n * 处理子组件，识别 Image 组件并收集预览信息\n * 参考 React 版本的 loopImageIndex 实现，保持逻辑一致性\n */\nconst processChildren = (\n    children: any[],\n    index: number = 0\n): { children: any[]; srcList: string[]; titles: VNode[]; nextIndex: number } => {\n    const processedChildren: any[] = [];\n    const srcList: string[] = [];\n    const titleList: VNode[] = [];\n    let currentIndex = index;\n\n    for (const child of children) {\n        if (!child) {\n            processedChildren.push(child);\n            continue;\n        }\n\n        // 处理数组类型的子节点\n        if (Array.isArray(child)) {\n            const result = processChildren(child, currentIndex);\n            processedChildren.push(...result.children);\n            srcList.push(...result.srcList);\n            titleList.push(...result.titles);\n            currentIndex = result.nextIndex;\n            continue;\n        }\n\n        // 处理 VNode\n        if (!isVNode(child)) {\n            processedChildren.push(child);\n            continue;\n        }\n\n        // 处理 Fragment\n        if (child.type === Fragment) {\n            if (child.children) {\n                const fragmentChildren = Array.isArray(child.children) ? child.children : [child.children];\n                const result = processChildren(fragmentChildren, currentIndex);\n                // 只有当 Fragment 有处理后的子节点时才重新创建 Fragment\n                if (result.children.length > 0) {\n                    processedChildren.push(h(Fragment, {}, result.children));\n                    srcList.push(...result.srcList);\n                    titleList.push(...result.titles);\n                    currentIndex = result.nextIndex;\n                } else {\n                    processedChildren.push(child);\n                }\n            } else {\n                processedChildren.push(child);\n            }\n            continue;\n        }\n\n        const componentType = child.type;\n        const childProps = child.props || {};\n\n        // 检查是否是 Image 组件\n        if (isImageComponent(componentType)) {\n            const { src, preview } = childProps;\n\n            // 只有当 preview 不为 false 时才处理\n            if (preview !== false) {\n                const previewSrc = isObject(preview) ? ((preview as any).src ?? src) : src;\n                if (previewSrc) {\n                    srcList.push(previewSrc);\n                    titleList.push((preview as any)?.previewTitle);\n                }\n                // 克隆 VNode 并添加 imageID（类似 React 的 cloneElement）\n                const clonedChild = h(componentType as any, { ...childProps, imageID: currentIndex++ }, child.children);\n                processedChildren.push(clonedChild);\n            } else {\n                processedChildren.push(child);\n            }\n            continue;\n        }\n\n        // 非 Image 组件：如果有子节点，递归处理\n        if (child.children) {\n            const childChildren = Array.isArray(child.children) ? child.children : [child.children];\n            const result = processChildren(childChildren, currentIndex);\n\n            // 如果子节点被处理过，需要重新创建父组件（类似 React 的 cloneElement）\n            if (result.srcList.length > 0 || result.children.length !== childChildren.length) {\n                const newChild = h(componentType as any, childProps, result.children);\n                processedChildren.push(newChild);\n                srcList.push(...result.srcList);\n                titleList.push(...result.titles);\n                currentIndex = result.nextIndex;\n            } else {\n                processedChildren.push(child);\n            }\n        } else {\n            processedChildren.push(child);\n        }\n    }\n\n    return {\n        children: processedChildren,\n        srcList,\n        titles: titleList,\n        nextIndex: currentIndex,\n    };\n};\n\nconst validChildren = computed(() => {\n    if (!slots.default) return [];\n    try {\n        const children = slots.default();\n        return flattenChildren(Array.isArray(children) ? children : [children]);\n    } catch (e) {\n        return [];\n    }\n});\n\n/**\n * 获取子组件的 keys，用于判断子组件是否变化\n * 参考 React 版本的 componentDidUpdate 逻辑\n */\nconst getChildrenKeys = (children: any[]): (string | number | symbol | null)[] => {\n    return children.map((child) => {\n        if (!isVNode(child)) return null;\n        return child.key ?? null;\n    });\n};\n\nconst renderedChildren = computed(() => {\n    const children = validChildren.value;\n    const result = processChildren(children, 0);\n\n    // 更新 srcList 和 titles\n    if (!isEqual(result.srcList, srcListInChildren.value)) {\n        srcListInChildren.value = result.srcList;\n        titles.value = result.titles;\n    }\n\n    return result.children;\n});\n\nconst finalSrcList = computed(() => {\n    const srcArr = Array.isArray(props.src) ? props.src : typeof props.src === 'string' ? [props.src] : [];\n    return [...srcArr, ...srcListInChildren.value];\n});\n\nconst groupCls = computed(() => {\n    return cls(`${prefixCls}-preview-group`, props.className);\n});\n\nconst adapter = {\n    getProps: () => props,\n    getProp: (key: string) => (props as any)[key],\n    getState: (key: string) => (state.value as any)[key],\n    getStates: () => state.value,\n    setState: (states: Partial<PreviewState>, cb?: () => void) => {\n        Object.assign(state.value, states);\n        cb?.();\n    },\n    getContext: () => null,\n    getContexts: () => ({}),\n    getCache: () => null,\n    getCaches: () => ({}),\n    setCache: () => {},\n    stopPropagation: (e: Event) => e?.stopPropagation(),\n    persistEvent: () => {},\n};\n\nconst { foundation } = useFoundation(PreviewFoundation, adapter);\nconst handleVisibleChange = (newVisible: boolean) => {\n    foundation.handleVisibleChange(newVisible);\n    emit('visibleChange', newVisible);\n};\n\nconst previewInnerProps = computed(() => {\n    const { previewCls, previewStyle, onVisibleChange, onChange, ...restProps } = props;\n    const handleVisibleChangeWrapper = (visible: boolean) => {\n        handleVisibleChange(visible);\n        if (onVisibleChange) {\n            onVisibleChange(visible);\n        }\n    };\n    return {\n        ...restProps,\n        className: previewCls,\n        style: previewStyle,\n        onVisibleChange: handleVisibleChangeWrapper,\n        onChange: onChange,\n    };\n});\n\nconst handleCurrentIndexChange = (index: number) => {\n    foundation.handleCurrentIndexChange(index);\n    emit('change', index);\n};\n\n/**\n * 初始化或更新图片懒加载观察器\n * 参考 React 版本的 observerImages 实现\n */\nconst observerImages = () => {\n    if (!props.lazyLoad) return;\n\n    // 如果观察器已存在，先断开连接\n    if (previewObserver.value) {\n        previewObserver.value.disconnect();\n    }\n\n    // 创建新的观察器\n    previewObserver.value = new IntersectionObserver(\n        (entries) => {\n            entries.forEach((item) => {\n                const target = item.target as HTMLElement;\n                const src = target.dataset?.src;\n                if (item.isIntersecting && src) {\n                    (target as HTMLImageElement).src = src;\n                    target.removeAttribute('data-src');\n                    previewObserver.value?.unobserve(target);\n                }\n            });\n        },\n        {\n            root: document.querySelector(`#${previewGroupId.value}`),\n            rootMargin: props.lazyLoadMargin,\n        }\n    );\n\n    // 观察所有图片元素\n    const allImgElements = document.querySelectorAll(`.${prefixCls}-img`);\n    allImgElements.forEach((item) => previewObserver.value?.observe(item));\n};\n\n/**\n * 监听 currentIndex 变化\n * 参考 React 版本的 getDerivedStateFromProps\n * 只有当 props 中明确包含 currentIndex 时才更新（受控组件）\n *\n * 注意：Vue 3 的 props 是 Proxy 对象，'in' 操作符可以正常工作\n * 但为了更准确，我们同时检查值是否与当前状态不同\n */\nwatch(\n    () => props.currentIndex,\n    (newIndex) => {\n        // 检查是否是受控组件：props 中包含 currentIndex 且值发生变化\n        // 与 React 版本的 \"currentIndex\" in props 逻辑一致\n        if (newIndex !== undefined && newIndex !== state.value.currentIndex) {\n            state.value.currentIndex = newIndex;\n        }\n    }\n);\n\n/**\n * 监听 visible 变化\n * 参考 React 版本的 getDerivedStateFromProps\n * 只有当 props 中明确包含 visible 时才更新（受控组件）\n */\nwatch(\n    () => props.visible,\n    (newVisible) => {\n        // 检查是否是受控组件：props 中包含 visible 且值发生变化\n        // 与 React 版本的 \"visible\" in props 逻辑一致\n        if (newVisible !== undefined && newVisible !== state.value.visible) {\n            state.value.visible = newVisible;\n        }\n    }\n);\n\nconst previewContextValue = reactive({\n    isGroup: true,\n    get previewSrc() {\n        return finalSrcList.value;\n    },\n    get titles() {\n        return titles.value;\n    },\n    get currentIndex() {\n        return state.value.currentIndex;\n    },\n    get visible() {\n        return state.value.visible;\n    },\n    get lazyLoad() {\n        return props.lazyLoad;\n    },\n    get previewObserver() {\n        return previewObserver.value;\n    },\n    setCurrentIndex: handleCurrentIndexChange,\n    handleVisibleChange: handleVisibleChange,\n    get setDownloadName() {\n        return props.setDownloadName;\n    },\n});\n\nprovidePreviewContext(previewContextValue);\n\nonMounted(() => {\n    nextTick(() => {\n        // 记录初始子组件的 keys\n        const children = validChildren.value;\n        prevChildrenKeys.value = getChildrenKeys(children);\n        observerImages();\n    });\n});\n\nonUpdated(() => {\n    // 参考 React 版本的 componentDidUpdate 逻辑\n    // 只在懒加载启用且子组件 keys 变化时才更新观察器，避免重复观察\n    if (props.lazyLoad) {\n        nextTick(() => {\n            const children = validChildren.value;\n            const currChildrenKeys = getChildrenKeys(children);\n\n            // 只有当子组件的 keys 发生变化时才重新观察\n            if (!isEqual(prevChildrenKeys.value, currChildrenKeys)) {\n                prevChildrenKeys.value = currChildrenKeys;\n                observerImages();\n            }\n        });\n    }\n});\n\nonBeforeUnmount(() => {\n    if (previewObserver.value) {\n        previewObserver.value.disconnect();\n        previewObserver.value = null;\n    }\n});\n\ndefineExpose({\n    previewRef,\n});\n</script>\n"],"names":["prefixCls","cssClasses","props","__props","emit","__emit","previewRef","ref","previewObserver","previewGroupId","getUuidShort","state","srcListInChildren","titles","prevChildrenKeys","slots","useSlots","flattenChildren","children","result","child","isVNode","Fragment","fragmentChildren","Comment","isImageComponent","componentType","processChildren","index","processedChildren","srcList","titleList","currentIndex","h","childProps","src","preview","previewSrc","isObject","clonedChild","childChildren","newChild","validChildren","computed","getChildrenKeys","renderedChildren","isEqual","finalSrcList","groupCls","cls","adapter","key","states","cb","foundation","useFoundation","PreviewFoundation","handleVisibleChange","newVisible","previewInnerProps","previewCls","previewStyle","onVisibleChange","onChange","restProps","visible","handleCurrentIndexChange","observerImages","entries","item","target","_a","_b","watch","newIndex","previewContextValue","reactive","providePreviewContext","onMounted","nextTick","onUpdated","currChildrenKeys","onBeforeUnmount","__expose","_createElementVNode","_normalizeStyle","_openBlock","_createElementBlock","_Fragment","_renderList","_createBlock","_resolveDynamicComponent","_createVNode","PreviewInner","_mergeProps"],"mappings":"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"}

package/lib/cjs/components/image/Preview.vue2.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Preview.vue.cjs");exports.default=e.default;
+//# sourceMappingURL=Preview.vue2.cjs.map

package/lib/cjs/components/image/Preview.vue2.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Preview.vue2.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/lib/cjs/components/image/PreviewFooter.vue.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),h=require("classnames"),F=require("@douyinfe/semi-foundation/image/constants"),O=require("@douyinfe/semi-foundation/image/previewFooterFoundation"),r=require("../tooltip/Tooltip.vue.cjs"),g=require("../divider/Divider.vue.cjs"),Z=require("../slider/Slider.vue.cjs"),A=require("lodash-es"),V=require("../../_utils/useFoundation.cjs"),E=require("../icons/icons/IconChevronLeft.cjs"),L=require("../icons/icons/IconChevronRight.cjs"),j=require("../icons/icons/IconMinus.cjs"),W=require("../icons/icons/IconPlus.cjs"),X=require("../icons/icons/IconRealSizeStroked.cjs"),G=require("../icons/icons/IconWindowAdaptionStroked.cjs"),H=require("../icons/icons/IconRotate.cjs"),J=require("../icons/icons/IconDownload.cjs"),K=t.defineComponent({name:"PreviewFooter",__name:"PreviewFooter",props:{curPage:{},totalNum:{},disabledPrev:{type:Boolean},disabledNext:{type:Boolean},disableDownload:{type:Boolean,default:!1},className:{},zoom:{},ratio:{},prevTip:{},nextTip:{},zoomInTip:{},zoomOutTip:{},rotateTip:{},downloadTip:{},adaptiveTip:{},originTip:{},showTooltip:{type:Boolean,default:!1},zIndex:{},onZoomIn:{},onZoomOut:{},onPrev:{},onNext:{},onAdjustRatio:{},onRotate:{},onDownload:{},renderPreviewMenu:{},max:{default:500},min:{default:10},step:{default:10}},emits:["prev","next","zoomIn","zoomOut","rotate","adjustRatio","download"],setup(d,{expose:v,emit:w}){const a=`${F.cssClasses.PREFIX}-preview-footer`,e=d,i=w,s=t.ref(null),C={getProps:()=>e,getProp:o=>e[o],getState:()=>null,getStates:()=>({}),setState:()=>{},getContext:()=>null,getContexts:()=>({}),getCache:()=>null,getCaches:()=>({}),setCache:()=>{},stopPropagation:o=>o==null?void 0:o.stopPropagation(),persistEvent:()=>{}},{foundation:l}=V.useFoundation(O,C),u=()=>{l.changeSliderValue("minus")},p=()=>{l.changeSliderValue("plus")},m=()=>{l.handleRotate("left"),i("rotate","left")},k=()=>{l.handleRotate("right"),i("rotate","right")},P=A.throttle(o=>{const n=Array.isArray(o)?o[0]:o;l.handleValueChange(n)},50),c=()=>{l.handleRatioClick()},b=()=>{const o=t.h(E.default,{size:"large",class:e.disabledPrev?`${a}-disabled`:"",onClick:e.disabledPrev?void 0:()=>i("prev")});return e.showTooltip?t.h(r.default,{content:e.prevTip||"上一张"},{default:()=>o}):o},x=()=>{const o=t.h(L.default,{size:"large",class:e.disabledNext?`${a}-disabled`:"",onClick:e.disabledNext?void 0:()=>i("next")});return e.showTooltip?t.h(r.default,{content:e.nextTip||"下一张"},{default:()=>o}):o},I=()=>{const o=e.zoom===e.min,n=t.h(j.default,{size:"large",class:o?`${a}-disabled`:"",onClick:o?void 0:u});return e.showTooltip?t.h(r.default,{content:e.zoomOutTip||"缩小"},{default:()=>n}):n},T=()=>{const o=e.zoom===e.max,n=t.h(W.default,{size:"large",class:o?`${a}-disabled`:"",onClick:o?void 0:p});return e.showTooltip?t.h(r.default,{content:e.zoomInTip||"放大"},{default:()=>n}):n},z=()=>{const o=e.ratio==="adaptation"?t.h(X.default,{size:"large",class:`${a}-gap`,onClick:c}):t.h(G.default,{size:"large",class:`${a}-gap`,onClick:c}),n=e.ratio==="adaptation"?e.originTip||"原始尺寸":e.adaptiveTip||"适应窗口";return e.showTooltip?t.h(r.default,{content:n},{default:()=>o}):o},y=()=>{const o=t.h(H.default,{size:"large",onClick:m});return e.showTooltip?t.h(r.default,{content:e.rotateTip||"旋转"},{default:()=>o}):o},R=()=>{const o=t.h(J.default,{size:"large",class:h(`${a}-gap`,{[`${a}-disabled`]:e.disableDownload}),onClick:e.disableDownload?void 0:()=>i("download")});return e.showTooltip?t.h(r.default,{content:e.downloadTip||"下载"},{default:()=>o}):o},_=()=>t.h("div",{class:`${a}-page`,key:"info"},`${e.curPage}/${e.totalNum}`),q=()=>t.h(Z.default,{key:"slider",value:e.zoom,min:e.min,max:e.max,step:e.step,tipFormatter:o=>{const n=Array.isArray(o)?o[0]:o;return typeof n=="number"?`${n}%`:String(n||"")},tooltipVisible:e.showTooltip?void 0:!1,onChange:P}),f=()=>[b(),_(),x(),I(),q(),T(),z(),y(),R()],$=()=>{const o=f();return o.splice(3,0,t.h(g.default,{layout:"vertical",key:"divider-first"})),o.splice(8,0,t.h(g.default,{layout:"vertical",key:"divider-second"})),o},N=t.computed(()=>$()),M=t.computed(()=>{if(!e.renderPreviewMenu)return null;const o={min:e.min,max:e.max,step:e.step,curPage:e.curPage,totalNum:e.totalNum,zoom:e.zoom,ratio:e.ratio,disabledPrev:e.disabledPrev,disabledNext:e.disabledNext,disableDownload:e.disableDownload,disableZoomIn:e.zoom===e.max,disableZoomOut:e.zoom===e.min,onDownload:()=>i("download"),onNext:()=>i("next"),onPrev:()=>i("prev"),onZoomIn:()=>p(),onZoomOut:()=>u(),onRatioClick:c,onRotateLeft:m,onRotateRight:k,menuItems:f()};return e.renderPreviewMenu(o)}),S=t.computed(()=>h(a,`${a}-wrapper`,e.className,{[`${a}-content`]:!e.renderPreviewMenu}));return v({footerRef:s,$el:s}),(o,n)=>(t.openBlock(),t.createElementBlock("section",{ref_key:"footerRef",ref:s,class:t.normalizeClass(S.value)},[d.renderPreviewMenu?(t.openBlock(),t.createBlock(t.resolveDynamicComponent(M.value),{key:0})):(t.openBlock(!0),t.createElementBlock(t.Fragment,{key:1},t.renderList(N.value,(B,D)=>(t.openBlock(),t.createBlock(t.resolveDynamicComponent(B),{key:D}))),128))],2))}});exports.default=K;
+//# sourceMappingURL=PreviewFooter.vue.cjs.map

package/lib/cjs/components/image/PreviewFooter.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PreviewFooter.vue.cjs","sources":["../../../../src/components/image/PreviewFooter.vue"],"sourcesContent":["<template>\n    <section ref=\"footerRef\" :class=\"menuCls\">\n        <template v-if=\"renderPreviewMenu\">\n            <component :is=\"customMenu\" />\n        </template>\n        <template v-else>\n            <template v-for=\"(item, index) in defaultMenu\" :key=\"index\">\n                <component :is=\"item\" />\n            </template>\n        </template>\n    </section>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, h, VNode, ref, Fragment } from 'vue';\nimport cls from 'classnames';\nimport { cssClasses } from '@douyinfe/semi-foundation/image/constants';\nimport PreviewFooterFoundation, { PreviewFooterAdapter } from '@douyinfe/semi-foundation/image/previewFooterFoundation';\nimport { FooterProps, MenuProps, RatioType } from './interface';\nimport { useFoundation } from '../_utils';\nimport {\n    IconChevronLeft,\n    IconChevronRight,\n    IconMinus,\n    IconPlus,\n    IconRotate,\n    IconDownload,\n    IconWindowAdaptionStroked,\n    IconRealSizeStroked,\n} from '../icons';\nimport Tooltip from '../tooltip/Tooltip.vue';\nimport Divider from '../divider/Divider.vue';\nimport Slider from '../slider/Slider.vue';\nimport { throttle } from 'lodash-es';\n\ndefineOptions({\n    name: 'PreviewFooter',\n});\n\nconst prefixCls = cssClasses.PREFIX;\nconst footerPrefixCls = `${prefixCls}-preview-footer`;\n\nconst props = withDefaults(defineProps<FooterProps>(), {\n    min: 10,\n    max: 500,\n    step: 10,\n    showTooltip: false,\n    disableDownload: false,\n});\n\nconst emit = defineEmits<{\n    prev: [];\n    next: [];\n    zoomIn: [zoom: number];\n    zoomOut: [zoom: number];\n    rotate: [direction: string];\n    adjustRatio: [type: RatioType];\n    download: [];\n}>();\n\nconst footerRef = ref<HTMLElement | null>(null);\n\nconst adapter: PreviewFooterAdapter<FooterProps> = {\n    getProps: () => props,\n    getProp: (key: string) => (props as any)[key],\n    getState: () => null,\n    getStates: () => ({}),\n    setState: () => {},\n    getContext: () => null,\n    getContexts: () => ({}),\n    getCache: () => null,\n    getCaches: () => ({}),\n    setCache: () => {},\n    stopPropagation: (e: Event) => e?.stopPropagation(),\n    persistEvent: () => {},\n};\n\nconst { foundation } = useFoundation(PreviewFooterFoundation, adapter);\nconst handleMinusClick = () => {\n    foundation.changeSliderValue('minus');\n};\n\nconst handlePlusClick = () => {\n    foundation.changeSliderValue('plus');\n};\n\nconst handleRotateLeft = () => {\n    foundation.handleRotate('left');\n    emit('rotate', 'left');\n};\n\nconst handleRotateRight = () => {\n    foundation.handleRotate('right');\n    emit('rotate', 'right');\n};\n\nconst handleSlideChange = throttle((value: number | number[]) => {\n    const numValue = Array.isArray(value) ? value[0] : value;\n    foundation.handleValueChange(numValue);\n}, 50);\n\nconst handleRatioClick = () => {\n    foundation.handleRatioClick();\n};\n\nconst getIconChevronLeft = () => {\n    const icon = h(IconChevronLeft, {\n        size: 'large',\n        class: props.disabledPrev ? `${footerPrefixCls}-disabled` : '',\n        onClick: !props.disabledPrev ? () => emit('prev') : undefined,\n    });\n    return props.showTooltip ? h(Tooltip, { content: props.prevTip || '上一张' }, { default: () => icon }) : icon;\n};\n\nconst getIconChevronRight = () => {\n    const icon = h(IconChevronRight, {\n        size: 'large',\n        class: props.disabledNext ? `${footerPrefixCls}-disabled` : '',\n        onClick: !props.disabledNext ? () => emit('next') : undefined,\n    });\n    return props.showTooltip ? h(Tooltip, { content: props.nextTip || '下一张' }, { default: () => icon }) : icon;\n};\n\nconst getIconMinus = () => {\n    const disabledZoomOut = props.zoom === props.min;\n    const icon = h(IconMinus, {\n        size: 'large',\n        class: disabledZoomOut ? `${footerPrefixCls}-disabled` : '',\n        onClick: !disabledZoomOut ? handleMinusClick : undefined,\n    });\n    return props.showTooltip ? h(Tooltip, { content: props.zoomOutTip || '缩小' }, { default: () => icon }) : icon;\n};\n\nconst getIconPlus = () => {\n    const disabledZoomIn = props.zoom === props.max;\n    const icon = h(IconPlus, {\n        size: 'large',\n        class: disabledZoomIn ? `${footerPrefixCls}-disabled` : '',\n        onClick: !disabledZoomIn ? handlePlusClick : undefined,\n    });\n    return props.showTooltip ? h(Tooltip, { content: props.zoomInTip || '放大' }, { default: () => icon }) : icon;\n};\n\nconst getIconRatio = () => {\n    const icon =\n        props.ratio === 'adaptation'\n            ? h(IconRealSizeStroked, { size: 'large', class: `${footerPrefixCls}-gap`, onClick: handleRatioClick })\n            : h(IconWindowAdaptionStroked, {\n                  size: 'large',\n                  class: `${footerPrefixCls}-gap`,\n                  onClick: handleRatioClick,\n              });\n    const content = props.ratio === 'adaptation' ? props.originTip || '原始尺寸' : props.adaptiveTip || '适应窗口';\n    return props.showTooltip ? h(Tooltip, { content }, { default: () => icon }) : icon;\n};\n\nconst getIconRotate = () => {\n    const icon = h(IconRotate, {\n        size: 'large',\n        onClick: handleRotateLeft,\n    });\n    return props.showTooltip ? h(Tooltip, { content: props.rotateTip || '旋转' }, { default: () => icon }) : icon;\n};\n\nconst getIconDownload = () => {\n    const icon = h(IconDownload, {\n        size: 'large',\n        class: cls(`${footerPrefixCls}-gap`, {\n            [`${footerPrefixCls}-disabled`]: props.disableDownload,\n        }),\n        onClick: !props.disableDownload ? () => emit('download') : undefined,\n    });\n    return props.showTooltip ? h(Tooltip, { content: props.downloadTip || '下载' }, { default: () => icon }) : icon;\n};\n\nconst getNumberInfo = () => {\n    return h('div', { class: `${footerPrefixCls}-page`, key: 'info' }, `${props.curPage}/${props.totalNum}`);\n};\n\nconst getSlider = () => {\n    return h(Slider, {\n        key: 'slider',\n        value: props.zoom,\n        min: props.min,\n        max: props.max,\n        step: props.step,\n        tipFormatter: (v: string | number | boolean | null | (string | number | boolean | null)[]) => {\n            const numValue = Array.isArray(v) ? v[0] : v;\n            return typeof numValue === 'number' ? `${numValue}%` : String(numValue || '');\n        },\n        tooltipVisible: props.showTooltip ? undefined : false,\n        onChange: handleSlideChange,\n    });\n};\n\nconst getMenu = () => [\n    getIconChevronLeft(),\n    getNumberInfo(),\n    getIconChevronRight(),\n    getIconMinus(),\n    getSlider(),\n    getIconPlus(),\n    getIconRatio(),\n    getIconRotate(),\n    getIconDownload(),\n];\n\nconst getFooterMenu = () => {\n    const menuItems = getMenu();\n    menuItems.splice(3, 0, h(Divider, { layout: 'vertical', key: 'divider-first' }));\n    menuItems.splice(8, 0, h(Divider, { layout: 'vertical', key: 'divider-second' }));\n    return menuItems;\n};\n\nconst defaultMenu = computed(() => {\n    return getFooterMenu();\n});\n\nconst customMenu = computed(() => {\n    if (!props.renderPreviewMenu) return null;\n    const menuProps: MenuProps = {\n        min: props.min,\n        max: props.max,\n        step: props.step,\n        curPage: props.curPage,\n        totalNum: props.totalNum,\n        zoom: props.zoom,\n        ratio: props.ratio,\n        disabledPrev: props.disabledPrev,\n        disabledNext: props.disabledNext,\n        disableDownload: props.disableDownload,\n        disableZoomIn: props.zoom === props.max,\n        disableZoomOut: props.zoom === props.min,\n        onDownload: () => emit('download'),\n        onNext: () => emit('next'),\n        onPrev: () => emit('prev'),\n        onZoomIn: () => handlePlusClick(),\n        onZoomOut: () => handleMinusClick(),\n        onRatioClick: handleRatioClick,\n        onRotateLeft: handleRotateLeft,\n        onRotateRight: handleRotateRight,\n        menuItems: getMenu() as any,\n    };\n    return props.renderPreviewMenu!(menuProps);\n});\n\nconst menuCls = computed(() => {\n    return cls(footerPrefixCls, `${footerPrefixCls}-wrapper`, props.className, {\n        [`${footerPrefixCls}-content`]: !props.renderPreviewMenu,\n    });\n});\n\ndefineExpose({\n    footerRef: footerRef,\n    $el: footerRef,\n});\n</script>\n"],"names":["footerPrefixCls","cssClasses","props","__props","emit","__emit","footerRef","ref","adapter","key","e","foundation","useFoundation","PreviewFooterFoundation","handleMinusClick","handlePlusClick","handleRotateLeft","handleRotateRight","handleSlideChange","throttle","value","numValue","handleRatioClick","getIconChevronLeft","icon","h","IconChevronLeft","Tooltip","getIconChevronRight","IconChevronRight","getIconMinus","disabledZoomOut","IconMinus","getIconPlus","disabledZoomIn","IconPlus","getIconRatio","IconRealSizeStroked","IconWindowAdaptionStroked","content","getIconRotate","IconRotate","getIconDownload","IconDownload","cls","getNumberInfo","getSlider","Slider","v","getMenu","getFooterMenu","menuItems","Divider","defaultMenu","computed","customMenu","menuProps","menuCls","__expose","_createElementBlock","_openBlock","_createBlock","_resolveDynamicComponent","_Fragment","_renderList","item","index"],"mappings":"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"}

package/lib/cjs/components/image/PreviewFooter.vue2.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./PreviewFooter.vue.cjs");exports.default=e.default;
+//# sourceMappingURL=PreviewFooter.vue2.cjs.map

package/lib/cjs/components/image/PreviewFooter.vue2.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PreviewFooter.vue2.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/lib/cjs/components/image/PreviewHeader.vue.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),C=require("classnames"),v=require("@douyinfe/semi-foundation/image/constants"),y=require("./context.cjs"),I=require("../icons/icons/IconClose.cjs"),h=e.defineComponent({name:"PreviewHeader",__name:"PreviewHeader",props:{closable:{type:Boolean,default:!0},renderHeader:{},title:{},titleStyle:{},className:{},onClose:{},renderCloseIcon:{}},emits:["close"],setup(r,{expose:u,emit:i}){const l=`${v.cssClasses.PREFIX}-preview-header`,o=r,d=i,n=y.usePreviewContext(),s=e.ref(null),m=e.computed(()=>C(l,o.className)),c=e.computed(()=>n&&n.titles&&typeof n.currentIndex=="number"?n.titles[n.currentIndex]:o.title),a=e.computed(()=>{if(o.renderHeader){const t=o.renderHeader(c.value);return t&&typeof t=="object"&&"type"in t?t:e.h("span",t||"")}return c.value?e.h("span",c.value):null}),p=e.computed(()=>{if(o.renderCloseIcon){const t=typeof o.renderCloseIcon=="function"?o.renderCloseIcon():o.renderCloseIcon;if(t&&typeof t=="object"&&"type"in t)return t;console.warn("[Semi ImagePreview] RenderCloseIcon should be a valid vue element or a function that returns a vue element")}return e.h(I.default)}),f=t=>{d("close",t)};return u({headerRef:s,$el:s}),(t,k)=>(e.openBlock(),e.createElementBlock("section",{ref_key:"headerRef",ref:s,class:e.normalizeClass(m.value)},[e.createElementVNode("section",{class:e.normalizeClass(`${l}-title`),style:e.normalizeStyle(r.titleStyle)},[a.value?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(a.value),{key:0})):e.createCommentVNode("",!0)],6),r.closable?(e.openBlock(),e.createElementBlock("section",{key:0,class:e.normalizeClass(`${l}-close`),onMouseup:f},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(p.value)))],34)):e.createCommentVNode("",!0)],2))}});exports.default=h;
+//# sourceMappingURL=PreviewHeader.vue.cjs.map

package/lib/cjs/components/image/PreviewHeader.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PreviewHeader.vue.cjs","sources":["../../../../src/components/image/PreviewHeader.vue"],"sourcesContent":["<template>\n    <section ref=\"headerRef\" :class=\"headerCls\">\n        <section :class=\"`${prefixCls}-title`\" :style=\"titleStyle\">\n            <component :is=\"titleNode\" v-if=\"titleNode\" />\n        </section>\n        <section v-if=\"closable\" :class=\"`${prefixCls}-close`\" @mouseup=\"handleClose\">\n            <component :is=\"closeIconNode\" />\n        </section>\n    </section>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, h, VNode, ref } from 'vue';\nimport cls from 'classnames';\nimport { cssClasses } from '@douyinfe/semi-foundation/image/constants';\nimport { HeaderProps } from './interface';\nimport { usePreviewContext } from './context';\nimport { IconClose } from '../icons';\n\ndefineOptions({\n    name: 'PreviewHeader',\n});\n\nconst prefixCls = `${cssClasses.PREFIX}-preview-header`;\n\nconst props = withDefaults(defineProps<HeaderProps>(), {\n    closable: true,\n});\n\nconst emit = defineEmits<{\n    close: [e: MouseEvent];\n}>();\n\nconst previewContext = usePreviewContext();\n\nconst headerRef = ref<HTMLElement | null>(null);\n\nconst headerCls = computed(() => {\n    return cls(prefixCls, props.className);\n});\n\nconst title = computed(() => {\n    if (previewContext && previewContext.titles && typeof previewContext.currentIndex === 'number') {\n        return previewContext.titles[previewContext.currentIndex];\n    }\n    return props.title;\n});\n\nconst titleNode = computed(() => {\n    if (props.renderHeader) {\n        const rendered = props.renderHeader(title.value);\n        if (rendered && typeof rendered === 'object' && 'type' in rendered) {\n            return rendered;\n        }\n        return h('span', rendered || '');\n    }\n    return title.value ? h('span', title.value) : null;\n});\n\nconst closeIconNode = computed(() => {\n    if (props.renderCloseIcon) {\n        const icon = typeof props.renderCloseIcon === 'function' ? props.renderCloseIcon() : props.renderCloseIcon;\n        if (icon && typeof icon === 'object' && 'type' in icon) {\n            return icon;\n        }\n        console.warn(\n            '[Semi ImagePreview] RenderCloseIcon should be a valid vue element or a function that returns a vue element'\n        );\n    }\n    return h(IconClose);\n});\n\nconst handleClose = (e: MouseEvent) => {\n    emit('close', e);\n};\n\ndefineExpose({\n    headerRef: headerRef,\n    $el: headerRef,\n});\n</script>\n"],"names":["prefixCls","cssClasses","props","__props","emit","__emit","previewContext","usePreviewContext","headerRef","ref","headerCls","computed","cls","title","titleNode","rendered","h","closeIconNode","icon","IconClose","handleClose","e","__expose","_createElementBlock","_createElementVNode","_openBlock","_createBlock","_resolveDynamicComponent"],"mappings":"ggBAuBA,MAAMA,EAAY,GAAGC,aAAW,MAAM,kBAEhCC,EAAQC,EAIRC,EAAOC,EAIPC,EAAiBC,EAAAA,kBAAA,EAEjBC,EAAYC,EAAAA,IAAwB,IAAI,EAExCC,EAAYC,EAAAA,SAAS,IAChBC,EAAIZ,EAAWE,EAAM,SAAS,CACxC,EAEKW,EAAQF,EAAAA,SAAS,IACfL,GAAkBA,EAAe,QAAU,OAAOA,EAAe,cAAiB,SAC3EA,EAAe,OAAOA,EAAe,YAAY,EAErDJ,EAAM,KAChB,EAEKY,EAAYH,EAAAA,SAAS,IAAM,CAC7B,GAAIT,EAAM,aAAc,CACpB,MAAMa,EAAWb,EAAM,aAAaW,EAAM,KAAK,EAC/C,OAAIE,GAAY,OAAOA,GAAa,UAAY,SAAUA,EAC/CA,EAEJC,IAAE,OAAQD,GAAY,EAAE,CACnC,CACA,OAAOF,EAAM,MAAQG,EAAAA,EAAE,OAAQH,EAAM,KAAK,EAAI,IAClD,CAAC,EAEKI,EAAgBN,EAAAA,SAAS,IAAM,CACjC,GAAIT,EAAM,gBAAiB,CACvB,MAAMgB,EAAO,OAAOhB,EAAM,iBAAoB,WAAaA,EAAM,kBAAoBA,EAAM,gBAC3F,GAAIgB,GAAQ,OAAOA,GAAS,UAAY,SAAUA,EAC9C,OAAOA,EAEX,QAAQ,KACJ,4GAAA,CAER,CACA,OAAOF,EAAAA,EAAEG,EAAAA,OAAS,CACtB,CAAC,EAEKC,EAAeC,GAAkB,CACnCjB,EAAK,QAASiB,CAAC,CACnB,EAEA,OAAAC,EAAa,CACT,UAAAd,EACA,IAAKA,CAAA,CACR,wBA9EGe,EAAAA,mBAOU,UAAA,SAPG,YAAJ,IAAIf,EAAa,uBAAOE,EAAA,KAAS,CAAA,GACtCc,EAAAA,mBAEU,UAAA,CAFA,0BAAUxB,CAAS,QAAA,EAAW,uBAAOG,EAAA,UAAU,CAAA,GACpBW,EAAA,OAAjCW,EAAAA,UAAA,EAAAC,EAAAA,YAA8CC,EAAAA,wBAA9Bb,EAAA,KAAS,EAAA,CAAA,IAAA,CAAA,CAAA,mCAEdX,EAAA,wBAAfoB,EAAAA,mBAEU,UAAA,OAFgB,0BAAUvB,CAAS,QAAA,EAAW,UAASoB,CAAA,IAC7DK,EAAAA,YAAAC,EAAAA,YAAiCC,EAAAA,wBAAjBV,EAAA,KAAa,CAAA,EAAA"}

package/lib/cjs/components/image/PreviewHeader.vue2.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./PreviewHeader.vue.cjs");exports.default=e.default;
+//# sourceMappingURL=PreviewHeader.vue2.cjs.map

package/lib/cjs/components/image/PreviewHeader.vue2.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PreviewHeader.vue2.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/lib/cjs/components/image/PreviewImage.vue.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),E=require("@douyinfe/semi-foundation/image/constants"),z=require("@douyinfe/semi-foundation/image/previewImageFoundation"),R=require("../spin/Spin.vue.cjs"),_=require("../../_utils/useFoundation.cjs"),M=["src","crossOrigin"],L=t.defineComponent({name:"PreviewImage",__name:"PreviewImage",props:{src:{},rotation:{default:0},style:{},zoom:{default:void 0},ratio:{default:"adaptation"},disableDownload:{type:Boolean},clickZoom:{},crossOrigin:{},setRatio:{},onZoom:{},onLoad:{},onError:{}},emits:["zoom","load","error"],setup(c,{expose:f,emit:w}){const u=`${E.cssClasses.PREFIX}-preview-image`,n=c,d=w,g=t.ref(null),r=t.ref(null),s=t.ref({width:0,height:0,loading:!0,translate:{x:0,y:0},currZoom:n.zoom}),C=t.computed(()=>{const{width:e,height:o,loading:i,translate:l}=s.value;return{position:"absolute",visibility:i?"hidden":"visible",transform:`translate(${l.x}px, ${l.y}px) rotate(${n.rotation}deg)`,width:e?`${e}px`:"0px",height:o?`${o}px`:"0px"}}),m={getProps:()=>({...n}),getProp:e=>n[e],getState:e=>s.value[e],getStates:()=>s.value,setState:(e,o)=>{Object.assign(s.value,e),o==null||o()},getContext:()=>null,getContexts:()=>({}),getCache:()=>null,getCaches:()=>({}),setCache:()=>{},stopPropagation:e=>e==null?void 0:e.stopPropagation(),persistEvent:()=>{},getContainer:()=>g.value,getImage:()=>r.value,setLoading:e=>{s.value.loading=e},setImageCursor:e=>{r.value&&(r.value.style.cursor=e?"grab":"default")}},{foundation:a}=_.useFoundation(z,m),x=m.getProps;m.getProps=()=>{const e=x(),o=n.onZoom;return{...e,onZoom:(i,l=!0)=>{l&&o?o(i):l?d("zoom",i):a.changeZoom(i)}}};const v=e=>{const o=e.target;o&&o.naturalWidth>0&&o.naturalHeight>0&&(a.handleLoad(e),d("load",n.src||""))},k=e=>{a.handleError(e),d("error",n.src||"")},y=e=>{a.handleImageMove(e)},P=e=>{a.handleImageMouseDown(e)},I=e=>{a.handleRightClickImage(e)},p=()=>{a.handleWindowResize()};t.watch(()=>n.src,(e,o)=>{e&&e!==o&&a.setLoading(!0)}),t.watch(()=>n.zoom,e=>{e!==void 0&&e!==s.value.currZoom&&(s.value.currZoom=e)}),t.watch(()=>n.ratio,()=>{a.handleRatioChange()}),t.watch(()=>n.rotation,()=>{p()});const h=()=>{var e;if((e=r.value)!=null&&e.complete&&r.value.naturalWidth>0){const o=new Event("load");Object.defineProperty(o,"target",{value:r.value,enumerable:!0}),v(o)}};return t.onMounted(()=>{a.init(),window.addEventListener("resize",p),t.nextTick(h)}),t.watch(()=>n.src,()=>{t.nextTick(h)}),t.onBeforeUnmount(()=>{window.removeEventListener("resize",p)}),f({foundation:a,containerRef:g,imageRef:r}),(e,o)=>(t.openBlock(),t.createElementBlock("div",{ref_key:"containerRef",ref:g,class:t.normalizeClass(u)},[(t.openBlock(),t.createElementBlock("img",{ref_key:"imageRef",ref:r,key:c.src,src:c.src,alt:"previewImage",class:t.normalizeClass(`${u}-img`),style:t.normalizeStyle(C.value),crossOrigin:c.crossOrigin,onMousemove:y,onMousedown:P,onContextmenu:I,onDragstart:o[0]||(o[0]=t.withModifiers(()=>{},["prevent"])),onLoad:v,onError:k},null,46,M)),s.value.loading?(t.openBlock(),t.createBlock(R.default,{key:0,size:"large",wrapperClassName:`${u}-spin`},null,8,["wrapperClassName"])):t.createCommentVNode("",!0)],512))}});exports.default=L;
+//# sourceMappingURL=PreviewImage.vue.cjs.map

package/lib/cjs/components/image/PreviewImage.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PreviewImage.vue.cjs","sources":["../../../../src/components/image/PreviewImage.vue"],"sourcesContent":["<template>\n    <div ref=\"containerRef\" :class=\"preViewImgPrefixCls\">\n        <img\n            ref=\"imageRef\"\n            :key=\"src\"\n            :src=\"src\"\n            alt=\"previewImage\"\n            :class=\"`${preViewImgPrefixCls}-img`\"\n            :style=\"imgStyle\"\n            :crossOrigin=\"crossOrigin\"\n            @mousemove=\"handleImageMove\"\n            @mousedown=\"handleMouseDown\"\n            @contextmenu=\"handleRightClickImage\"\n            @dragstart.prevent\n            @load=\"handleLoad\"\n            @error=\"handleError\"\n        />\n        <Spin v-if=\"state.loading\" size=\"large\" :wrapperClassName=\"`${preViewImgPrefixCls}-spin`\" />\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed, watch, onMounted, onBeforeUnmount, nextTick, CSSProperties } from 'vue';\nimport { cssClasses } from '@douyinfe/semi-foundation/image/constants';\nimport PreviewImageFoundation, { PreviewImageAdapter } from '@douyinfe/semi-foundation/image/previewImageFoundation';\nimport { PreviewImageProps, PreviewImageStates } from './interface';\nimport { useFoundation } from '../_utils';\nimport Spin from '../spin/Spin.vue';\n\ndefineOptions({\n    name: 'PreviewImage',\n});\n\nconst prefixCls = cssClasses.PREFIX;\nconst preViewImgPrefixCls = `${prefixCls}-preview-image`;\n\nconst props = withDefaults(defineProps<PreviewImageProps>(), {\n    zoom: undefined,\n    rotation: 0,\n    ratio: 'adaptation',\n});\n\nconst emit = defineEmits<{\n    zoom: [zoom: number];\n    load: [src: string];\n    error: [src: string];\n}>();\n\nconst containerRef = ref<HTMLDivElement | null>(null);\nconst imageRef = ref<HTMLImageElement | null>(null);\n\nconst state = ref<PreviewImageStates>({\n    width: 0,\n    height: 0,\n    loading: true,\n    translate: {\n        x: 0,\n        y: 0,\n    },\n    currZoom: props.zoom,\n});\n\nconst imgStyle = computed<CSSProperties>(() => {\n    const { width, height, loading, translate } = state.value;\n    return {\n        position: 'absolute',\n        visibility: loading ? 'hidden' : 'visible',\n        transform: `translate(${translate.x}px, ${translate.y}px) rotate(${props.rotation}deg)`,\n        width: width ? `${width}px` : '0px',\n        height: height ? `${height}px` : '0px',\n    };\n});\nconst adapter: PreviewImageAdapter<PreviewImageProps, PreviewImageStates> = {\n    getProps: () => ({ ...props }),\n    getProp: (key: string) => (props as any)[key],\n    getState: (key: string) => (state.value as any)[key],\n    getStates: () => state.value,\n    setState: (states: Partial<PreviewImageStates>, cb?: () => void) => {\n        Object.assign(state.value, states);\n        cb?.();\n    },\n    getContext: () => null,\n    getContexts: () => ({}),\n    getCache: () => null,\n    getCaches: () => ({}),\n    setCache: () => {},\n    stopPropagation: (e: Event) => e?.stopPropagation(),\n    persistEvent: () => {},\n    getContainer: () => containerRef.value,\n    getImage: () => imageRef.value,\n    setLoading: (loading: boolean) => {\n        state.value.loading = loading;\n    },\n    setImageCursor: (canDrag: boolean) => {\n        if (imageRef.value) {\n            imageRef.value.style.cursor = canDrag ? 'grab' : 'default';\n        }\n    },\n};\n\nconst { foundation } = useFoundation(PreviewImageFoundation, adapter);\n\nconst originalGetProps = adapter.getProps;\nadapter.getProps = () => {\n    const propsFromAdapter = originalGetProps();\n    const onZoomFromProps = props.onZoom;\n\n    return {\n        ...propsFromAdapter,\n        onZoom: (zoom: number, notify: boolean = true) => {\n            if (notify && onZoomFromProps) {\n                onZoomFromProps(zoom);\n            } else if (notify) {\n                emit('zoom', zoom);\n            } else {\n                foundation.changeZoom(zoom);\n            }\n        },\n    };\n};\n\nconst handleLoad = (e: Event) => {\n    const img = e.target as HTMLImageElement;\n    if (img && img.naturalWidth > 0 && img.naturalHeight > 0) {\n        foundation.handleLoad(e);\n        emit('load', props.src || '');\n    }\n};\n\nconst handleError = (e: Event) => {\n    foundation.handleError(e);\n    emit('error', props.src || '');\n};\n\nconst handleImageMove = (e: MouseEvent) => {\n    foundation.handleImageMove(e);\n};\n\nconst handleMouseDown = (e: MouseEvent) => {\n    foundation.handleImageMouseDown(e);\n};\n\nconst handleRightClickImage = (e: MouseEvent) => {\n    foundation.handleRightClickImage(e);\n};\n\nconst onWindowResize = () => {\n    foundation.handleWindowResize();\n};\nwatch(\n    () => props.src,\n    (newSrc, oldSrc) => {\n        if (newSrc && newSrc !== oldSrc) {\n            foundation.setLoading(true);\n        }\n    }\n);\n\nwatch(\n    () => props.zoom,\n    (newZoom) => {\n        if (newZoom !== undefined && newZoom !== state.value.currZoom) {\n            state.value.currZoom = newZoom;\n        }\n    }\n);\n\nwatch(\n    () => props.ratio,\n    () => {\n        foundation.handleRatioChange();\n    }\n);\n\nwatch(\n    () => props.rotation,\n    () => {\n        onWindowResize();\n    }\n);\n\nconst checkImageLoaded = () => {\n    if (imageRef.value?.complete && imageRef.value.naturalWidth > 0) {\n        const loadEvent = new Event('load');\n        Object.defineProperty(loadEvent, 'target', {\n            value: imageRef.value,\n            enumerable: true,\n        });\n        handleLoad(loadEvent as any);\n    }\n};\n\nonMounted(() => {\n    foundation.init();\n    window.addEventListener('resize', onWindowResize);\n    nextTick(checkImageLoaded);\n});\n\nwatch(\n    () => props.src,\n    () => {\n        nextTick(checkImageLoaded);\n    }\n);\n\nonBeforeUnmount(() => {\n    window.removeEventListener('resize', onWindowResize);\n});\n\ndefineExpose({\n    foundation,\n    containerRef,\n    imageRef,\n});\n</script>\n"],"names":["preViewImgPrefixCls","cssClasses","props","__props","emit","__emit","containerRef","ref","imageRef","state","imgStyle","computed","width","height","loading","translate","adapter","key","states","cb","canDrag","foundation","useFoundation","PreviewImageFoundation","originalGetProps","propsFromAdapter","onZoomFromProps","zoom","notify","handleLoad","img","handleError","handleImageMove","handleMouseDown","handleRightClickImage","onWindowResize","watch","newSrc","oldSrc","newZoom","checkImageLoaded","_a","loadEvent","onMounted","nextTick","onBeforeUnmount","__expose","_createElementBlock","_createBlock","Spin"],"mappings":"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"}

package/lib/cjs/components/image/PreviewImage.vue2.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./PreviewImage.vue.cjs");exports.default=e.default;
+//# sourceMappingURL=PreviewImage.vue2.cjs.map

package/lib/cjs/components/image/PreviewImage.vue2.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PreviewImage.vue2.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/lib/cjs/components/image/PreviewInner.vue.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("vue"),oe=require("classnames"),M=require("@douyinfe/semi-foundation/image/constants"),ne=require("./previewInnerFoundation.cjs"),te=require("../_utils/index.cjs"),ae=require("./context.cjs"),re=require("../_portal/Portal.vue.cjs"),ie=require("./PreviewHeader.vue.cjs"),le=require("./PreviewFooter.vue.cjs"),se=require("./PreviewImage.vue.cjs"),l=require("lodash-es"),ue=require("../icons/icons/IconArrowLeft.cjs"),de=require("../icons/icons/IconArrowRight.cjs"),ce=require("../../_utils/useFoundation.cjs"),ve=o.defineComponent({name:"PreviewInner",__name:"PreviewInner",props:{visible:{type:Boolean,default:!1},src:{},previewTitle:{},currentIndex:{},defaultCurrentIndex:{},defaultVisible:{type:Boolean},maskClosable:{type:Boolean,default:!0},closable:{type:Boolean,default:!0},zoomStep:{default:.1},infinite:{type:Boolean,default:!1},showTooltip:{type:Boolean,default:!1},closeOnEsc:{type:Boolean,default:!0},prevTip:{},nextTip:{},zoomInTip:{},zoomOutTip:{},rotateTip:{},downloadTip:{},adaptiveTip:{},originTip:{},lazyLoad:{type:Boolean,default:!1},lazyLoadMargin:{},preLoad:{type:Boolean,default:!0},preLoadGap:{default:2},viewerVisibleDelay:{default:1e4},disableDownload:{type:Boolean},zIndex:{default:M.numbers.DEFAULT_Z_INDEX},children:{},crossOrigin:{},maxZoom:{default:5},minZoom:{default:.1},renderLeftIcon:{},renderRightIcon:{},renderCloseIcon:{},renderHeader:{},renderPreviewMenu:{},getPopupContainer:{},onVisibleChange:{},onChange:{},onClose:{},onZoomIn:{},onZoomOut:{},onPrev:{},onNext:{},onRatioChange:{},onRotateLeft:{},onDownload:{},onDownloadError:{},setDownloadName:{},className:{},style:{}},emits:["visibleChange"],setup(r,{expose:V,emit:Z}){const R=M.cssClasses.PREFIX,c=`${R}-preview`,n=r,q=Z,s=ae.usePreviewContext(),C=o.ref(null),b=o.ref(null),T=o.ref(null),P=o.ref(null),v=o.ref(null),f=o.ref(null),a=o.ref({imgSrc:[],imgLoadStatus:new Map,zoom:.1,currentIndex:0,ratio:"adaptation",rotation:0,viewerVisible:!0,visible:n.visible,preloadAfterVisibleChange:!0,direction:""}),g=o.ref(""),x=o.ref("100%"),z=o.ref(0),O=o.computed(()=>!!(s&&s.isGroup)),$=o.computed(()=>a.value.imgSrc[a.value.currentIndex]||""),p=o.computed(()=>a.value.imgSrc.length),B=o.computed(()=>p.value!==1&&(n.infinite||a.value.currentIndex!==0)),L=o.computed(()=>p.value!==1&&(n.infinite||a.value.currentIndex!==p.value-1)),A=o.computed(()=>oe(c,{[`${R}-hide`]:!n.visible,[`${c}-popup`]:n.getPopupContainer},n.className)),h=o.computed(()=>a.value.viewerVisible?"":`${c}-hide`),W=o.computed(()=>{const e={zIndex:n.zIndex};return n.getPopupContainer&&(e.position="static"),e}),H=o.computed(()=>n.renderLeftIcon?l.isFunction(n.renderLeftIcon)?n.renderLeftIcon(a.value.currentIndex):n.renderLeftIcon:o.h(ue.default,{size:"large"})),j=o.computed(()=>n.renderRightIcon?l.isFunction(n.renderRightIcon)?n.renderRightIcon(a.value.currentIndex):n.renderRightIcon:o.h(de.default,{size:"large"}));o.watch([()=>n.visible,()=>n.src,()=>n.currentIndex],([e,t,u],[d,w,I])=>{if(e!==d&&(a.value.visible=e,e)){const m=Array.isArray(n.src)?n.src:n.src?[n.src]:[];l.isEqual(m,a.value.imgSrc)||(a.value.imgSrc=m),a.value.preloadAfterVisibleChange=!0,a.value.viewerVisible=!0,a.value.rotation=0,a.value.ratio="adaptation"}if(e&&t!==w){const m=Array.isArray(t)?t:t?[t]:[];l.isEqual(m,a.value.imgSrc)||(a.value.imgSrc=m)}u!==I&&u!==void 0&&u!==a.value.currentIndex&&(a.value.currentIndex=u,a.value.ratio="adaptation")},{immediate:!0});const G={getProps:()=>n,getProp:e=>n[e],getState:e=>a.value[e],getStates:()=>a.value,setState:(e,t)=>{Object.assign(a.value,e),t==null||t()},getContext:e=>e?s==null?void 0:s[e]:s,getContexts:()=>({setCurrentIndex:s==null?void 0:s.setCurrentIndex,handleVisibleChange:s==null?void 0:s.handleVisibleChange}),getCache:()=>null,getCaches:()=>({}),setCache:()=>{},stopPropagation:e=>e==null?void 0:e.stopPropagation(),persistEvent:()=>{},getIsInGroup:()=>O.value,notifyChange:(e,t)=>{l.isFunction(n.onChange)&&n.onChange(e),t==="prev"&&l.isFunction(n.onPrev)?n.onPrev(e):t==="next"&&l.isFunction(n.onNext)&&n.onNext(e)},notifyZoom:(e,t)=>{t&&l.isFunction(n.onZoomIn)?n.onZoomIn(e):!t&&l.isFunction(n.onZoomOut)&&n.onZoomOut(e)},notifyClose:()=>{l.isFunction(n.onClose)&&n.onClose()},notifyVisibleChange:e=>{q("visibleChange",e),l.isFunction(n.onVisibleChange)&&n.onVisibleChange(e)},notifyRatioChange:e=>{l.isFunction(n.onRatioChange)&&n.onRatioChange(e)},notifyRotateChange:e=>{l.isFunction(n.onRotateLeft)&&n.onRotateLeft(e)},notifyDownload:(e,t)=>{l.isFunction(n.onDownload)&&n.onDownload(e,t)},notifyDownloadError:e=>{l.isFunction(n.onDownloadError)&&n.onDownloadError(e)},registerKeyDownListener:()=>{window.addEventListener("keydown",N)},unregisterKeyDownListener:()=>{window.removeEventListener("keydown",N)},disabledBodyScroll:()=>{n.getPopupContainer||(g.value=document.body.style.overflow||"",g.value!=="hidden"&&(document.body.style.overflow="hidden",document.body.style.width=`calc(${x.value||"100%"} - ${z.value}px)`))},enabledBodyScroll:()=>{!n.getPopupContainer&&g.value!=="hidden"&&(document.body.style.overflow=g.value,document.body.style.width=x.value)},getSetDownloadFunc:()=>(s==null?void 0:s.setDownloadName)??n.setDownloadName,isValidTarget:e=>{const t=e.target;if(!t)return!0;const u=C.value,d=b.value,w=(u==null?void 0:u.headerRef)||(u==null?void 0:u.$el),I=(d==null?void 0:d.footerRef)||(d==null?void 0:d.$el);return!(w&&w.contains(t)||I&&I.contains(t)||T.value&&T.value.contains(t)||P.value&&P.value.contains(t))},changeImageZoom:e=>{v.value&&v.value.foundation&&v.value.foundation.changeZoom(e)}},{foundation:i}=ce.useFoundation(ne.default,G),N=e=>{i.handleKeyDown(e)},K=e=>{i.handleMouseDown(e)},U=e=>{i.handleMouseUp(e)},k=l.throttle(e=>{i.handleMouseMove(e)},50),S=e=>{i.handleWheel(e)},y=e=>{i.handleSwitchImage(e)},X=()=>{i.handleDownload()},J=e=>{i.handlePreviewClose(e)},Q=e=>{i.handleAdjustRatio(e)},Y=e=>{i.handleRotateImage(e)},D=(e,t=!0)=>{i.handleZoomImage(e,t)},_=()=>{i.preloadSingleImage()},ee=e=>{i.onImageLoad(e)},E=()=>{f.value&&f.value.addEventListener("wheel",S,{passive:!1})},F=()=>{f.value&&f.value.removeEventListener("wheel",S)};return o.onMounted(()=>{z.value=te.getScrollbarWidth(),x.value=document.body.style.width,E(),n.visible&&i.beforeShow()}),o.onBeforeUnmount(()=>{F(),i.clearTimer(),i.afterHide()}),o.watch(()=>n.visible,(e,t)=>{!t&&e?(o.nextTick(()=>{E()}),i.beforeShow()):t&&!e&&(F(),i.afterHide())}),o.watch(()=>n.src,()=>{n.visible&&i.updateTimer()}),V({foundation:i,imageRef:v,headerRef:C,footerRef:b}),(e,t)=>n.visible?(o.openBlock(),o.createBlock(re.default,{key:0,getPopupContainer:r.getPopupContainer,style:o.normalizeStyle(W.value)},{default:o.withCtx(()=>[o.createElementVNode("div",{ref_key:"imageWrapRef",ref:f,class:o.normalizeClass(A.value),style:o.normalizeStyle(r.style),onMousedown:K,onMouseup:U,onMousemove:t[4]||(t[4]=(...u)=>o.unref(k)&&o.unref(k)(...u))},[o.createVNode(ie.default,{ref_key:"headerRef",ref:C,class:o.normalizeClass(h.value),closable:r.closable,renderHeader:r.renderHeader,renderCloseIcon:r.renderCloseIcon,onClose:J},null,8,["class","closable","renderHeader","renderCloseIcon"]),o.createVNode(se.default,{ref_key:"imageRef",ref:v,src:$.value,zoom:a.value.zoom,ratio:a.value.ratio,rotation:a.value.rotation,crossOrigin:r.crossOrigin,disableDownload:r.disableDownload,onZoom:D,onLoad:ee,onError:_},null,8,["src","zoom","ratio","rotation","crossOrigin","disableDownload"]),B.value?(o.openBlock(),o.createElementBlock("div",{key:0,ref_key:"leftIconRef",ref:T,class:o.normalizeClass([`${c}-icon`,`${c}-prev`,h.value]),onClick:t[0]||(t[0]=u=>y("prev"))},[(o.openBlock(),o.createBlock(o.resolveDynamicComponent(H.value)))],2)):o.createCommentVNode("",!0),L.value?(o.openBlock(),o.createElementBlock("div",{key:1,ref_key:"rightIconRef",ref:P,class:o.normalizeClass([`${c}-icon`,`${c}-next`,h.value]),onClick:t[1]||(t[1]=u=>y("next"))},[(o.openBlock(),o.createBlock(o.resolveDynamicComponent(j.value)))],2)):o.createCommentVNode("",!0),o.createVNode(le.default,{ref_key:"footerRef",ref:b,class:o.normalizeClass(h.value),totalNum:p.value,curPage:a.value.currentIndex+1,disabledPrev:!B.value,disabledNext:!L.value,zoom:a.value.zoom*100,step:r.zoomStep*100,showTooltip:r.showTooltip,ratio:a.value.ratio,prevTip:r.prevTip,nextTip:r.nextTip,zIndex:r.zIndex,zoomInTip:r.zoomInTip,zoomOutTip:r.zoomOutTip,rotateTip:r.rotateTip,downloadTip:r.downloadTip,disableDownload:r.disableDownload,adaptiveTip:r.adaptiveTip,originTip:r.originTip,renderPreviewMenu:r.renderPreviewMenu,onPrev:t[2]||(t[2]=()=>y("prev")),onNext:t[3]||(t[3]=()=>y("next")),onZoomIn:D,onZoomOut:D,onDownload:X,onRotate:Y,onAdjustRatio:Q},null,8,["class","totalNum","curPage","disabledPrev","disabledNext","zoom","step","showTooltip","ratio","prevTip","nextTip","zIndex","zoomInTip","zoomOutTip","rotateTip","downloadTip","disableDownload","adaptiveTip","originTip","renderPreviewMenu"])],38)]),_:1},8,["getPopupContainer","style"])):o.createCommentVNode("",!0)}});exports.default=ve;
+//# sourceMappingURL=PreviewInner.vue.cjs.map

package/lib/cjs/components/image/PreviewInner.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PreviewInner.vue.cjs","sources":["../../../../src/components/image/PreviewInner.vue"],"sourcesContent":["<template>\n    <Portal v-if=\"props.visible\" :getPopupContainer=\"getPopupContainer\" :style=\"wrapperStyle\">\n        <div\n            ref=\"imageWrapRef\"\n            :class=\"previewWrapperCls\"\n            :style=\"style\"\n            @mousedown=\"handleMouseDown\"\n            @mouseup=\"handleMouseUp\"\n            @mousemove=\"handleMouseMove\"\n        >\n            <PreviewHeader\n                ref=\"headerRef\"\n                :class=\"hideViewerCls\"\n                :closable=\"closable\"\n                :renderHeader=\"renderHeader\"\n                :renderCloseIcon=\"renderCloseIcon\"\n                @close=\"handlePreviewClose\"\n            />\n            <PreviewImage\n                ref=\"imageRef\"\n                :src=\"currentSrc\"\n                :zoom=\"state.zoom\"\n                :ratio=\"state.ratio\"\n                :rotation=\"state.rotation\"\n                :crossOrigin=\"crossOrigin\"\n                :disableDownload=\"disableDownload\"\n                :onZoom=\"handleZoomImage\"\n                @load=\"onImageLoad\"\n                @error=\"onImageError\"\n            />\n            <div\n                v-if=\"showPrev\"\n                ref=\"leftIconRef\"\n                :class=\"[`${previewPrefixCls}-icon`, `${previewPrefixCls}-prev`, hideViewerCls]\"\n                @click=\"handleSwitchImage('prev')\"\n            >\n                <component :is=\"leftIconNode\" />\n            </div>\n            <div\n                v-if=\"showNext\"\n                ref=\"rightIconRef\"\n                :class=\"[`${previewPrefixCls}-icon`, `${previewPrefixCls}-next`, hideViewerCls]\"\n                @click=\"handleSwitchImage('next')\"\n            >\n                <component :is=\"rightIconNode\" />\n            </div>\n            <PreviewFooter\n                ref=\"footerRef\"\n                :class=\"hideViewerCls\"\n                :totalNum=\"total\"\n                :curPage=\"state.currentIndex + 1\"\n                :disabledPrev=\"!showPrev\"\n                :disabledNext=\"!showNext\"\n                :zoom=\"state.zoom * 100\"\n                :step=\"zoomStep * 100\"\n                :showTooltip=\"showTooltip\"\n                :ratio=\"state.ratio\"\n                :prevTip=\"prevTip\"\n                :nextTip=\"nextTip\"\n                :zIndex=\"zIndex\"\n                :zoomInTip=\"zoomInTip\"\n                :zoomOutTip=\"zoomOutTip\"\n                :rotateTip=\"rotateTip\"\n                :downloadTip=\"downloadTip\"\n                :disableDownload=\"disableDownload\"\n                :adaptiveTip=\"adaptiveTip\"\n                :originTip=\"originTip\"\n                :renderPreviewMenu=\"renderPreviewMenu\"\n                @prev=\"() => handleSwitchImage('prev')\"\n                @next=\"() => handleSwitchImage('next')\"\n                @zoom-in=\"handleZoomImage\"\n                @zoom-out=\"handleZoomImage\"\n                @download=\"handleDownload\"\n                @rotate=\"handleRotateImage\"\n                @adjust-ratio=\"handleAdjustRatio\"\n            />\n        </div>\n    </Portal>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed, watch, onMounted, onBeforeUnmount, nextTick, h, CSSProperties } from 'vue';\nimport cls from 'classnames';\nimport { cssClasses, numbers } from '@douyinfe/semi-foundation/image/constants';\nimport VuePreviewInnerFoundation from './previewInnerFoundation';\nimport type { PreviewInnerAdapter, RatioType } from './previewInnerFoundation';\nimport { PreviewInnerProps, PreviewInnerStates } from './interface';\nimport { useFoundation } from '../_utils';\nimport { usePreviewContext } from './context';\nimport Portal from '../_portal/Portal.vue';\nimport PreviewHeader from './PreviewHeader.vue';\nimport PreviewFooter from './PreviewFooter.vue';\nimport PreviewImage from './PreviewImage.vue';\nimport { IconArrowLeft, IconArrowRight } from '../icons';\nimport { isEqual, isFunction, throttle } from 'lodash-es';\nimport { getScrollbarWidth } from '../_utils';\n\ndefineOptions({\n    name: 'PreviewInner',\n});\n\nconst prefixCls = cssClasses.PREFIX;\nconst previewPrefixCls = `${prefixCls}-preview`;\n\nconst props = withDefaults(defineProps<PreviewInnerProps>(), {\n    showTooltip: false,\n    zoomStep: 0.1,\n    infinite: false,\n    closable: true,\n    closeOnEsc: true,\n    lazyLoad: false,\n    preLoad: true,\n    preLoadGap: 2,\n    zIndex: numbers.DEFAULT_Z_INDEX,\n    maskClosable: true,\n    viewerVisibleDelay: 10000,\n    maxZoom: 5,\n    minZoom: 0.1,\n    visible: false,\n});\n\nconst emit = defineEmits<{\n    visibleChange: [visible: boolean];\n}>();\n\nconst previewContext = usePreviewContext();\nconst headerRef = ref<HTMLElement | null>(null);\nconst footerRef = ref<HTMLElement | null>(null);\nconst leftIconRef = ref<HTMLDivElement | null>(null);\nconst rightIconRef = ref<HTMLDivElement | null>(null);\nconst imageRef = ref<any>(null);\nconst imageWrapRef = ref<HTMLDivElement | null>(null);\nconst state = ref<PreviewInnerStates>({\n    imgSrc: [],\n    imgLoadStatus: new Map(),\n    zoom: 0.1,\n    currentIndex: 0,\n    ratio: 'adaptation',\n    rotation: 0,\n    viewerVisible: true,\n    visible: props.visible,\n    preloadAfterVisibleChange: true,\n    direction: '',\n});\n\nconst bodyOverflow = ref<string>('');\nconst originBodyWidth = ref('100%');\nconst scrollBarWidth = ref(0);\n\nconst isInGroup = computed(() => {\n    return Boolean(previewContext && previewContext.isGroup);\n});\n\nconst currentSrc = computed(() => {\n    return state.value.imgSrc[state.value.currentIndex] || '';\n});\n\nconst total = computed(() => state.value.imgSrc.length);\n\nconst showPrev = computed(() => {\n    return total.value !== 1 && (props.infinite || state.value.currentIndex !== 0);\n});\n\nconst showNext = computed(() => {\n    return total.value !== 1 && (props.infinite || state.value.currentIndex !== total.value - 1);\n});\n\nconst previewWrapperCls = computed(() => {\n    return cls(\n        previewPrefixCls,\n        {\n            [`${prefixCls}-hide`]: !props.visible,\n            [`${previewPrefixCls}-popup`]: props.getPopupContainer,\n        },\n        props.className\n    );\n});\n\nconst hideViewerCls = computed(() => {\n    return !state.value.viewerVisible ? `${previewPrefixCls}-hide` : '';\n});\n\nconst wrapperStyle = computed<CSSProperties>(() => {\n    const style: CSSProperties = {\n        zIndex: props.zIndex,\n    };\n    if (props.getPopupContainer) {\n        style.position = 'static';\n    }\n    return style;\n});\n\nconst leftIconNode = computed(() => {\n    if (props.renderLeftIcon) {\n        return isFunction(props.renderLeftIcon) ? props.renderLeftIcon(state.value.currentIndex) : props.renderLeftIcon;\n    }\n    return h(IconArrowLeft, { size: 'large' });\n});\n\nconst rightIconNode = computed(() => {\n    if (props.renderRightIcon) {\n        return isFunction(props.renderRightIcon)\n            ? props.renderRightIcon(state.value.currentIndex)\n            : props.renderRightIcon;\n    }\n    return h(IconArrowRight, { size: 'large' });\n});\n\nwatch(\n    [() => props.visible, () => props.src, () => props.currentIndex],\n    ([newVisible, newSrc, newIndex], [oldVisible, oldSrc, oldIndex]) => {\n        if (newVisible !== oldVisible) {\n            state.value.visible = newVisible;\n            if (newVisible) {\n                const src = Array.isArray(props.src) ? props.src : props.src ? [props.src] : [];\n                if (!isEqual(src, state.value.imgSrc)) {\n                    state.value.imgSrc = src;\n                }\n                state.value.preloadAfterVisibleChange = true;\n                state.value.viewerVisible = true;\n                state.value.rotation = 0;\n                state.value.ratio = 'adaptation';\n            }\n        }\n        if (newVisible && newSrc !== oldSrc) {\n            const src = Array.isArray(newSrc) ? newSrc : newSrc ? [newSrc] : [];\n            if (!isEqual(src, state.value.imgSrc)) {\n                state.value.imgSrc = src;\n            }\n        }\n        if (newIndex !== oldIndex && newIndex !== undefined && newIndex !== state.value.currentIndex) {\n            state.value.currentIndex = newIndex;\n            state.value.ratio = 'adaptation';\n        }\n    },\n    { immediate: true }\n);\n\nconst adapter: PreviewInnerAdapter<PreviewInnerProps, PreviewInnerStates> = {\n    getProps: () => props,\n    getProp: (key: string) => (props as any)[key],\n    getState: (key: string) => (state.value as any)[key],\n    getStates: () => state.value,\n    setState: (states: Partial<PreviewInnerStates>, cb?: () => void) => {\n        Object.assign(state.value, states);\n        cb?.();\n    },\n    getContext: (key?: string) => {\n        if (key) {\n            return previewContext?.[key as keyof typeof previewContext];\n        }\n        return previewContext;\n    },\n    getContexts: () => ({\n        setCurrentIndex: previewContext?.setCurrentIndex,\n        handleVisibleChange: previewContext?.handleVisibleChange,\n    }),\n    getCache: () => null,\n    getCaches: () => ({}),\n    setCache: () => {},\n    stopPropagation: (e: Event) => e?.stopPropagation(),\n    persistEvent: () => {},\n    getIsInGroup: () => isInGroup.value,\n    notifyChange: (index: number, direction: string) => {\n        if (isFunction(props.onChange)) props.onChange(index);\n        if (direction === 'prev' && isFunction(props.onPrev)) {\n            props.onPrev(index);\n        } else if (direction === 'next' && isFunction(props.onNext)) {\n            props.onNext(index);\n        }\n    },\n    notifyZoom: (zoom: number, increase: boolean) => {\n        if (increase && isFunction(props.onZoomIn)) {\n            props.onZoomIn(zoom);\n        } else if (!increase && isFunction(props.onZoomOut)) {\n            props.onZoomOut(zoom);\n        }\n    },\n    notifyClose: () => {\n        if (isFunction(props.onClose)) props.onClose();\n    },\n    notifyVisibleChange: (visible: boolean) => {\n        emit('visibleChange', visible);\n        if (isFunction(props.onVisibleChange)) props.onVisibleChange(visible);\n    },\n    notifyRatioChange: (type: RatioType) => {\n        if (isFunction(props.onRatioChange)) props.onRatioChange(type);\n    },\n    notifyRotateChange: (angle: number) => {\n        if (isFunction(props.onRotateLeft)) props.onRotateLeft(angle);\n    },\n    notifyDownload: (src: string, index: number) => {\n        if (isFunction(props.onDownload)) props.onDownload(src, index);\n    },\n    notifyDownloadError: (src: string) => {\n        if (isFunction(props.onDownloadError)) props.onDownloadError(src);\n    },\n    registerKeyDownListener: () => {\n        window.addEventListener('keydown', handleKeyDown);\n    },\n    unregisterKeyDownListener: () => {\n        window.removeEventListener('keydown', handleKeyDown);\n    },\n    disabledBodyScroll: () => {\n        if (!props.getPopupContainer) {\n            bodyOverflow.value = document.body.style.overflow || '';\n            if (bodyOverflow.value !== 'hidden') {\n                document.body.style.overflow = 'hidden';\n                document.body.style.width = `calc(${originBodyWidth.value || '100%'} - ${scrollBarWidth.value}px)`;\n            }\n        }\n    },\n    enabledBodyScroll: () => {\n        if (!props.getPopupContainer && bodyOverflow.value !== 'hidden') {\n            document.body.style.overflow = bodyOverflow.value;\n            document.body.style.width = originBodyWidth.value;\n        }\n    },\n    getSetDownloadFunc: () => {\n        return previewContext?.setDownloadName ?? props.setDownloadName;\n    },\n    isValidTarget: (e: any) => {\n        const target = e.target as HTMLElement;\n        if (!target) return true;\n\n        const headerComponent = headerRef.value as any;\n        const footerComponent = footerRef.value as any;\n        const headerDom = headerComponent?.headerRef || headerComponent?.$el;\n        const footerDom = footerComponent?.footerRef || footerComponent?.$el;\n\n        if (\n            (headerDom && headerDom.contains(target)) ||\n            (footerDom && footerDom.contains(target)) ||\n            (leftIconRef.value && leftIconRef.value.contains(target)) ||\n            (rightIconRef.value && rightIconRef.value.contains(target))\n        ) {\n            return false;\n        }\n\n        return true;\n    },\n    changeImageZoom: (zoom: number) => {\n        if (imageRef.value && imageRef.value.foundation) {\n            imageRef.value.foundation.changeZoom(zoom);\n        }\n    },\n};\n\nconst { foundation } = useFoundation(VuePreviewInnerFoundation, adapter);\nconst handleKeyDown = (e: KeyboardEvent) => {\n    foundation.handleKeyDown(e);\n};\n\nconst handleMouseDown = (e: MouseEvent) => {\n    foundation.handleMouseDown(e);\n};\n\nconst handleMouseUp = (e: MouseEvent) => {\n    foundation.handleMouseUp(e);\n};\n\nconst handleMouseMove = throttle((e: MouseEvent) => {\n    foundation.handleMouseMove(e);\n}, 50);\n\n/**\n * 处理 wheel 事件\n * 注意：此函数通过 addEventListener 注册，而不是使用 @wheel 指令\n * 原因：需要设置 { passive: false } 以允许 preventDefault()\n * 参考 React 版本的注释说明\n */\nconst handleWheel = (e: WheelEvent) => {\n    foundation.handleWheel(e);\n};\n\nconst handleSwitchImage = (direction: string) => {\n    foundation.handleSwitchImage(direction);\n};\n\nconst handleDownload = () => {\n    foundation.handleDownload();\n};\n\nconst handlePreviewClose = (e: MouseEvent) => {\n    foundation.handlePreviewClose(e);\n};\n\nconst handleAdjustRatio = (type: RatioType) => {\n    foundation.handleAdjustRatio(type);\n};\n\nconst handleRotateImage = (direction: string) => {\n    foundation.handleRotateImage(direction);\n};\n\nconst handleZoomImage = (newZoom: number, notify: boolean = true) => {\n    foundation.handleZoomImage(newZoom, notify);\n};\n\nconst onImageError = () => {\n    foundation.preloadSingleImage();\n};\n\nconst onImageLoad = (src: string) => {\n    foundation.onImageLoad(src);\n};\n\n/**\n * 注册 wheel 事件监听器\n * 使用 addEventListener 并设置 { passive: false } 以允许 preventDefault()\n * 参考 React 版本的 registryImageWrapRef 实现\n */\nconst registerWheelListener = () => {\n    if (imageWrapRef.value) {\n        imageWrapRef.value.addEventListener('wheel', handleWheel, { passive: false });\n    }\n};\n\n/**\n * 移除 wheel 事件监听器\n */\nconst unregisterWheelListener = () => {\n    if (imageWrapRef.value) {\n        imageWrapRef.value.removeEventListener('wheel', handleWheel);\n    }\n};\n\nonMounted(() => {\n    scrollBarWidth.value = getScrollbarWidth();\n    originBodyWidth.value = document.body.style.width;\n    // 注册 wheel 事件监听器\n    registerWheelListener();\n    if (props.visible) {\n        foundation.beforeShow();\n    }\n});\n\nonBeforeUnmount(() => {\n    // 移除 wheel 事件监听器\n    unregisterWheelListener();\n    foundation.clearTimer();\n    foundation.afterHide();\n});\n\nwatch(\n    () => props.visible,\n    (newVisible, oldVisible) => {\n        if (!oldVisible && newVisible) {\n            // 当预览显示时，确保 wheel 事件监听器已注册\n            // 由于使用了 v-if，Portal 会重新渲染，需要等待 DOM 更新\n            nextTick(() => {\n                registerWheelListener();\n            });\n            foundation.beforeShow();\n        } else if (oldVisible && !newVisible) {\n            // 当预览隐藏时，移除 wheel 事件监听器\n            unregisterWheelListener();\n            foundation.afterHide();\n        }\n    }\n);\n\nwatch(\n    () => props.src,\n    () => {\n        if (props.visible) {\n            foundation.updateTimer();\n        }\n    }\n);\n\ndefineExpose({\n    foundation,\n    imageRef,\n    headerRef,\n    footerRef,\n});\n</script>\n"],"names":["prefixCls","cssClasses","previewPrefixCls","props","__props","emit","__emit","previewContext","usePreviewContext","headerRef","ref","footerRef","leftIconRef","rightIconRef","imageRef","imageWrapRef","state","bodyOverflow","originBodyWidth","scrollBarWidth","isInGroup","computed","currentSrc","total","showPrev","showNext","previewWrapperCls","cls","hideViewerCls","wrapperStyle","style","leftIconNode","isFunction","h","IconArrowLeft","rightIconNode","IconArrowRight","watch","newVisible","newSrc","newIndex","oldVisible","oldSrc","oldIndex","src","isEqual","adapter","key","states","cb","index","direction","zoom","increase","visible","type","angle","handleKeyDown","target","headerComponent","footerComponent","headerDom","footerDom","foundation","useFoundation","VuePreviewInnerFoundation","handleMouseDown","handleMouseUp","handleMouseMove","throttle","handleWheel","handleSwitchImage","handleDownload","handlePreviewClose","handleAdjustRatio","handleRotateImage","handleZoomImage","newZoom","notify","onImageError","onImageLoad","registerWheelListener","unregisterWheelListener","onMounted","getScrollbarWidth","onBeforeUnmount","nextTick","__expose","_createBlock","Portal","_createElementVNode","_cache","_unref","args","_createVNode","PreviewHeader","PreviewImage","_createElementBlock","_normalizeClass","_openBlock","_resolveDynamicComponent","PreviewFooter"],"mappings":"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"}

package/lib/cjs/components/image/PreviewInner.vue2.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./PreviewInner.vue.cjs");exports.default=e.default;
+//# sourceMappingURL=PreviewInner.vue2.cjs.map

package/lib/cjs/components/image/PreviewInner.vue2.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PreviewInner.vue2.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/lib/cjs/components/image/context.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),e=Symbol("PreviewContext"),n=()=>o.inject(e,null),r=t=>{o.provide(e,t)};exports.PreviewContextKey=e;exports.providePreviewContext=r;exports.usePreviewContext=n;
+//# sourceMappingURL=context.cjs.map

package/lib/cjs/components/image/context.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.cjs","sources":["../../../../src/components/image/context.ts"],"sourcesContent":["import { inject, provide, InjectionKey } from 'vue';\nimport { PreviewContextProps } from './interface';\n\nexport const PreviewContextKey: InjectionKey<PreviewContextProps> = Symbol('PreviewContext');\n\nexport const usePreviewContext = () => {\n    const context = inject(PreviewContextKey, null);\n    return context;\n};\n\nexport const providePreviewContext = (context: PreviewContextProps) => {\n    provide(PreviewContextKey, context);\n};\n"],"names":["PreviewContextKey","usePreviewContext","inject","providePreviewContext","context","provide"],"mappings":"uGAGaA,EAAuD,OAAO,gBAAgB,EAE9EC,EAAoB,IACbC,EAAAA,OAAOF,EAAmB,IAAI,EAIrCG,EAAyBC,GAAiC,CACnEC,EAAAA,QAAQL,EAAmBI,CAAO,CACtC"}

package/lib/cjs/components/image/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Image.vue.cjs");;/* empty css             */exports.Image=e.default;exports.default=e.default;
+//# sourceMappingURL=index.cjs.map

package/lib/cjs/components/image/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/lib/cjs/components/image/previewInnerFoundation.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("@douyinfe/semi-foundation/image/previewInnerFoundation"),o=require("@douyinfe/semi-foundation/image/utils"),u=["icon","footer"];class l extends a{constructor(){super(...arguments),this.handleMouseUp=t=>{const{maskClosable:e}=this.getProps();if(!e||!this._adapter.isValidTarget(t)||o.isTargetEmit(t,u))return;const{clientX:s,clientY:i}=t,{x:r,y:n}=this._startMouseDown;Math.abs(s-r)>5||Math.abs(n-i)>5||this._adapter.notifyVisibleChange(!1)}}}exports.default=l;
+//# sourceMappingURL=previewInnerFoundation.cjs.map

package/lib/cjs/components/image/previewInnerFoundation.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"previewInnerFoundation.cjs","sources":["../../../../src/components/image/previewInnerFoundation.ts"],"sourcesContent":["/**\n * Vue 版本的 PreviewInnerFoundation 扩展\n * 覆盖 handleMouseUp 方法以支持 Vue 组件中的 isValidTarget 检查\n */\nimport PreviewInnerFoundation from '@douyinfe/semi-foundation/image/previewInnerFoundation';\nimport type { PreviewInnerAdapter, RatioType } from '@douyinfe/semi-foundation/image/previewInnerFoundation';\nimport { isTargetEmit } from '@douyinfe/semi-foundation/image/utils';\n\nconst NOT_CLOSE_TARGETS = ['icon', 'footer'];\n\nexport default class VuePreviewInnerFoundation<\n    P = Record<string, any>,\n    S = Record<string, any>,\n> extends PreviewInnerFoundation<P, S> {\n    handleMouseUp = (e: any) => {\n        const { maskClosable } = this.getProps();\n        if (!maskClosable) {\n            return;\n        }\n\n        // 使用 isValidTarget 检查是否点击在操作区域（header、footer、leftIcon、rightIcon）\n        // isValidTarget 返回 true 表示点击在预览区域（可以关闭），返回 false 表示点击在操作区域（不能关闭）\n        // Use isValidTarget to check if clicking in the operation area (header, footer, leftIcon, rightIcon)\n        // isValidTarget returns true if clicking in preview area (can close), false if clicking in operation area (cannot close)\n        const isValidTarget = this._adapter.isValidTarget(e);\n        if (!isValidTarget) {\n            // 点击在操作区域，不关闭\n            return;\n        }\n\n        // 同时使用 isTargetEmit 作为备用检查（检查 className 中是否包含 \"icon\" 或 \"footer\"）\n        // Also use isTargetEmit as a fallback check (check if className contains \"icon\" or \"footer\")\n        const isTargetEmitResult = isTargetEmit(e, NOT_CLOSE_TARGETS);\n        if (isTargetEmitResult) {\n            // 点击在操作区域，不关闭\n            return;\n        }\n\n        const { clientX, clientY } = e;\n        const { x, y } = this._startMouseDown;\n        // 对鼠标移动做容错处理，当 x 和 y 方向在 mouseUp 的时候移动距离都小于等于 5px 时候就可以关闭预览\n        // Error-tolerant processing of mouse movement, when the movement distance in the x and y directions is less than or equal to 5px in mouseUp, the preview can be closed\n        // 不做容错处理的话，直接用 clientX !== x || y !== clientY 做判断，鼠标在用户点击时候无意识的轻微移动无法关闭预览，不符合用户预期\n        // If you do not do fault-tolerant processing, but directly use clientX !== x || y !== clientY to make judgments, the slight movement of the mouse when the user clicks will not be able to close the preview, which does not meet the user's expectations.\n        if (Math.abs(clientX - x) > 5 || Math.abs(y - clientY) > 5) {\n            return;\n        }\n\n        // 所有检查都通过，可以关闭\n        this._adapter.notifyVisibleChange(false);\n    };\n}\n\n// 重新导出类型（使用 export type 因为它们是类型，不是值）\nexport type { PreviewInnerAdapter, RatioType };\n"],"names":["NOT_CLOSE_TARGETS","VuePreviewInnerFoundation","PreviewInnerFoundation","e","maskClosable","isTargetEmit","clientX","clientY","x","y"],"mappings":"yOAQMA,EAAoB,CAAC,OAAQ,QAAQ,EAE3C,MAAqBC,UAGXC,CAA6B,CAHvC,aAAA,CAAA,MAAA,GAAA,SAAA,EAII,KAAA,cAAiBC,GAAW,CACxB,KAAM,CAAE,aAAAC,CAAA,EAAiB,KAAK,SAAA,EAkB9B,GAjBI,CAACA,GASD,CADkB,KAAK,SAAS,cAAcD,CAAC,GAQxBE,EAAAA,aAAaF,EAAGH,CAAiB,EAGxD,OAGJ,KAAM,CAAE,QAAAM,EAAS,QAAAC,CAAA,EAAYJ,EACvB,CAAE,EAAAK,EAAG,EAAAC,CAAA,EAAM,KAAK,gBAKlB,KAAK,IAAIH,EAAUE,CAAC,EAAI,GAAK,KAAK,IAAIC,EAAIF,CAAO,EAAI,GAKzD,KAAK,SAAS,oBAAoB,EAAK,CAC3C,CAAA,CACJ"}

package/lib/cjs/components/input/Input.vue.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("vue"),k=require("classnames"),Ce=require("@douyinfe/semi-foundation/input/constants"),ke=require("@douyinfe/semi-foundation/input/foundation"),g=require("../_utils/index.cjs"),Be=require("./context.cjs"),xe=require("../../_utils/useFoundation.cjs"),be=require("../icons/icons/IconClear.cjs"),we=require("../icons/icons/IconEyeClosedSolid.cjs"),Se=require("../icons/icons/IconEyeOpened.cjs"),$e=["id"],Ie=["id","name","disabled","readonly","type","placeholder","value","maxlength","minlength","aria-invalid"],Me=["aria-label"],Ee=o.defineComponent({name:"SemiInput",__name:"Input",props:o.mergeModels({value:{},"aria-label":{},"aria-describedby":{},"aria-errormessage":{},"aria-invalid":{type:Boolean},"aria-labelledby":{},"aria-required":{type:Boolean},addonBefore:{},addonAfter:{},borderless:{type:Boolean,default:!1},prefix:{},suffix:{},mode:{},modelValue:{},disabled:{type:Boolean},readonly:{type:Boolean,default:!1},type:{default:"text"},showClear:{type:Boolean,default:!1},hideSuffix:{type:Boolean,default:!1},placeholder:{},insetLabel:{},insetLabelId:{},size:{default:"default"},className:{},clearIcon:{},style:{},validateStatus:{default:"default"},inputStyle:{},getValueLength:{},preventScroll:{type:Boolean},showClearIgnoreDisabled:{type:Boolean},onlyBorder:{},maxLength:{},minLength:{},autoFocus:{type:Boolean},id:{},name:{}},{modelValue:{},modelModifiers:{}}),emits:o.mergeModels(["update:value","clear","change","blur","focus","input","keydown","keyup","keypress","enter-press","composition-start","composition-end","composition-update"],["update:modelValue"]),setup(B,{expose:z,emit:V}){const d=o.useModel(B,"modelValue"),l=Ce.cssClasses.PREFIX,n=B,u=V,_=o.useAttrs(),r=o.useSlots(),h=Be.useInputGroup(),F=o.computed(()=>{var e;return(e=h.inputGroup)!=null&&e.size?h.inputGroup.size:n.size}),$=o.computed(()=>{var e;return typeof n.disabled=="boolean"?n.disabled:((e=h.inputGroup)==null?void 0:e.disabled)??!1}),c=o.ref(null),A=()=>d.value!==void 0?d.value:n.value!==void 0?n.value:"",p=o.ref(A()),x=o.ref(!1),b=o.ref(!1),w=o.ref(n.mode==="password"),I=o.ref(n.minLength!==void 0?n.minLength:void 0);o.watch(()=>d.value,e=>{e!==void 0?p.value=e!==null?e:"":p.value=""}),o.watch(()=>n.value,e=>{d.value===void 0&&e!==void 0&&(p.value=e!==null?e:"")});const K=o.markRaw({setValue:e=>{p.value=e},setEyeClosed:e=>{w.value=e},toggleFocusing:e=>{x.value=e},focusInput:()=>{const{preventScroll:e}=n;c.value&&c.value.focus({preventScroll:e})},toggleHovering:e=>{b.value=e},getIfFocusing:()=>x.value,notifyChange:(e,t)=>{const s=n.value!==void 0,i=d.value!==void 0;if(s){u("change",e,t);return}if(i){d.value=e,u("update:value",e),u("change",e,t);return}p.value=e,u("change",e,t)},notifyBlur:(e,t)=>{u("blur",t)},notifyFocus:(e,t)=>{u("focus",t)},notifyInput:e=>{u("input",e)},notifyKeyPress:e=>{u("keypress",e)},notifyKeyDown:e=>{u("keydown",e)},notifyKeyUp:e=>{u("keyup",e)},notifyEnterPress:e=>{u("enter-press",e)},notifyClear:e=>{u("clear",e)},notifyCompositionStart:e=>{u("composition-start",e)},notifyCompositionEnd:e=>{u("composition-end",e)},notifyCompositionUpdate:e=>{u("composition-update",e)},setMinLength:e=>{I.value=e},isEventTarget:e=>e&&e.target===e.currentTarget,_isControlledComponent:(e="value")=>e==="value"?d.value!==void 0||n.value!==void 0:n[e]!==void 0,getProp:e=>n[e],getProps:()=>n,getState:e=>({value:p.value,isFocus:x.value,isHovering:b.value,eyeClosed:w.value,stateMinLength:I.value})[e],getStates:()=>({value:p.value,isFocus:x.value,isHovering:b.value,eyeClosed:w.value,stateMinLength:I.value}),getContext:()=>null,getContexts:()=>({}),getCache:()=>null,getCaches:()=>({}),setCache:()=>{},setState:()=>{},stopPropagation:e=>e==null?void 0:e.stopPropagation(),persistEvent:()=>{}}),{foundation:a}=xe.useFoundation(ke,K),y=e=>typeof e=="string",S=o.computed(()=>r.prefix?r.prefix:n.prefix||n.insetLabel),C=o.computed(()=>r.suffix?r.suffix:n.suffix),f=o.computed(()=>r.addonBefore?r.addonBefore:n.addonBefore),v=o.computed(()=>r.addonAfter?r.addonAfter:n.addonAfter),q=o.computed(()=>n.value!==void 0?n.value===null?"":n.value:d.value!==void 0?d.value===null?"":d.value:p.value===null||p.value===void 0?"":p.value),T=o.computed(()=>a.handleInputType(n.type)),M=o.computed(()=>a.isAllowClear()),G=o.computed(()=>n.mode==="password"&&!$.value),U=o.computed(()=>w.value?"Show password":"Hidden password"),H=o.computed(()=>{const{maxLength:e,getValueLength:t}=n;if(typeof t!="function")return e}),O=o.computed(()=>n.validateStatus==="error"?!0:void 0),R=o.computed(()=>{const{class:e,style:t,id:s,name:i,...E}=_;return E}),W=o.computed(()=>{const{validateStatus:e,readonly:t,borderless:s,mode:i,type:E,onlyBorder:D}=n,P=F.value,ge=$.value,m=`${l}-wrapper`;return k(m,n.className,{[`${l}-wrapper__with-prefix`]:S.value,[`${l}-wrapper__with-suffix`]:C.value,[`${l}-wrapper__with-suffix-hidden`]:M.value&&!!n.hideSuffix,[`${l}-wrapper__with-suffix-icon`]:g.isSemiIcon(C.value),[`${l}-wrapper__with-append`]:f.value,[`${l}-wrapper__with-prepend`]:v.value,[`${l}-wrapper__with-append-only`]:f.value&&!v.value,[`${l}-wrapper__with-prepend-only`]:!f.value&&v.value,[`${m}-readonly`]:t,[`${m}-disabled`]:ge,[`${m}-warning`]:e==="warning",[`${m}-error`]:e==="error",[`${m}-focus`]:x.value,[`${m}-clearable`]:n.showClear,[`${m}-modebtn`]:i==="password",[`${m}-hidden`]:E==="hidden",[`${m}-${P}`]:P,[`${l}-borderless`]:s,[`${l}-only_border`]:D!=null})}),j=o.computed(()=>{const{mode:e}=n,t=F.value,s=$.value;return k(l,{[`${l}-${t}`]:t,[`${l}-disabled`]:s,[`${l}-sibling-clearbtn`]:M.value,[`${l}-sibling-modebtn`]:e==="password"})}),X=o.computed(()=>k({[`${l}-prepend`]:!0,[`${l}-prepend-text`]:f.value&&y(f.value),[`${l}-prepend-icon`]:g.isSemiIcon(f.value)})),J=o.computed(()=>k({[`${l}-append`]:!0,[`${l}-append-text`]:v.value&&y(v.value),[`${l}-append-icon`]:g.isSemiIcon(v.value)})),Q=o.computed(()=>{let e=!1,t=!1;if(r.prefix){const s=r.prefix();if(s&&s.length>0){const i=s[0];e=g.isSemiIcon(i),t=typeof i.children=="string"}}else e=g.isSemiIcon(n.prefix||n.insetLabel),t=y(n.prefix||n.insetLabel);return k({[`${l}-prefix`]:!0,[`${l}-inset-label`]:n.insetLabel,[`${l}-prefix-text`]:t,[`${l}-prefix-icon`]:e})}),Y=o.computed(()=>{let e=!1,t=!1;if(r.suffix){const s=r.suffix();if(s&&s.length>0){const i=s[0];e=g.isSemiIcon(i),t=typeof i.children=="string"}}else e=g.isSemiIcon(n.suffix),t=y(n.suffix);return k({[`${l}-suffix`]:!0,[`${l}-suffix-text`]:t,[`${l}-suffix-icon`]:e,[`${l}-suffix-hidden`]:M.value&&!!n.hideSuffix})}),Z=o.computed(()=>{let e={...n.style};return n.onlyBorder!==void 0&&(e={borderWidth:n.onlyBorder,...n.style}),e}),ee=e=>{a.handleInput(e)},oe=e=>{const t=e.target;a.handleChange(t.value,e)},ne=e=>{var t;a.handleFocus(e),(t=h.inputGroup)!=null&&t.onFocus&&h.inputGroup.onFocus(e)},te=e=>{var t;a.handleBlur(e),(t=h.inputGroup)!=null&&t.onBlur&&h.inputGroup.onBlur(e)},le=e=>{a.handleKeyUp(e)},ae=e=>{a.handleKeyDown(e)},re=e=>{a.handleKeyPress(e)},se=e=>{a.handleCompositionStart(e)},ue=e=>{a.handleCompositionEnd(e)},ie=e=>{a.handleCompositionUpdate(e)},de=e=>{a.handleClear(e)},ce=e=>{a.handleClick(e)},pe=()=>{b.value=!0},fe=()=>{b.value=!1},ve=e=>{a.handleClickEye(e)},me=e=>{a.handleMouseDown(e)},ye=e=>{a.handleMouseUp(e)},he=e=>{a.handleModeEnterPress(e)},L=e=>{a.handleClickPrefixOrSuffix(e)},N=e=>{a.handlePreventMouseDown(e)};return o.onMounted(()=>{const{disabled:e,autoFocus:t,preventScroll:s}=n,i=t||_.autofocus;!e&&i&&c.value&&c.value.focus({preventScroll:s})}),o.watch(()=>n.mode,(e,t)=>{e!==t&&a.handleModeChange(e)}),z({focus:()=>{c.value&&c.value.focus({preventScroll:n.preventScroll})},blur:()=>{c.value&&c.value.blur()},inputRef:c}),(e,t)=>(o.openBlock(),o.createElementBlock("div",{class:o.normalizeClass(W.value),style:o.normalizeStyle(Z.value),onMouseenter:pe,onMouseleave:fe,onClick:ce},[f.value?(o.openBlock(),o.createElementBlock("div",{key:0,class:o.normalizeClass(X.value),"x-semi-prop":"addonBefore"},[o.unref(r).addonBefore?o.renderSlot(e.$slots,"addonBefore",{key:0}):y(f.value)?(o.openBlock(),o.createElementBlock(o.Fragment,{key:2},[o.createTextVNode(o.toDisplayString(f.value),1)],64)):(o.openBlock(),o.createBlock(o.resolveDynamicComponent(f.value),{key:1}))],2)):o.createCommentVNode("",!0),S.value?(o.openBlock(),o.createElementBlock("div",{key:1,id:n.insetLabelId,class:o.normalizeClass(Q.value),"x-semi-prop":"prefix,insetLabel",onMousedown:N,onClick:L},[o.unref(r).prefix?o.renderSlot(e.$slots,"prefix",{key:0}):y(S.value)?(o.openBlock(),o.createElementBlock(o.Fragment,{key:2},[o.createTextVNode(o.toDisplayString(S.value),1)],64)):(o.openBlock(),o.createBlock(o.resolveDynamicComponent(S.value),{key:1}))],42,$e)):o.createCommentVNode("",!0),o.createElementVNode("input",o.mergeProps({id:n.id,ref_key:"inputRef",ref:c,name:n.name,class:j.value,style:B.inputStyle,disabled:$.value,readonly:B.readonly,type:T.value,placeholder:B.placeholder,value:q.value,maxlength:H.value,minlength:I.value,"aria-invalid":O.value},R.value,{onInput:ee,onChange:oe,onFocus:ne,onBlur:te,onKeyup:le,onKeydown:ae,onKeypress:re,onCompositionstart:se,onCompositionend:ue,onCompositionupdate:ie}),null,16,Ie),M.value?(o.openBlock(),o.createElementBlock("div",{key:2,class:o.normalizeClass(`${o.unref(l)}-clearbtn`),onMousedown:de},[n.clearIcon?(o.openBlock(),o.createBlock(o.resolveDynamicComponent(n.clearIcon),{key:0})):(o.openBlock(),o.createBlock(o.unref(be.default),{key:1}))],34)):o.createCommentVNode("",!0),C.value?(o.openBlock(),o.createElementBlock("div",{key:3,class:o.normalizeClass(Y.value),"x-semi-prop":"suffix",onMousedown:N,onClick:L},[o.unref(r).suffix?o.renderSlot(e.$slots,"suffix",{key:0}):y(C.value)?(o.openBlock(),o.createElementBlock(o.Fragment,{key:2},[o.createTextVNode(o.toDisplayString(C.value),1)],64)):(o.openBlock(),o.createBlock(o.resolveDynamicComponent(C.value),{key:1}))],34)):o.createCommentVNode("",!0),G.value?(o.openBlock(),o.createElementBlock("div",{key:4,role:"button",tabindex:"0","aria-label":U.value,class:o.normalizeClass(`${o.unref(l)}-modebtn`),onClick:ve,onMousedown:me,onMouseup:ye,onKeypress:he},[w.value?(o.openBlock(),o.createBlock(o.unref(we.default),{key:0})):(o.openBlock(),o.createBlock(o.unref(Se.default),{key:1}))],42,Me)):o.createCommentVNode("",!0),v.value?(o.openBlock(),o.createElementBlock("div",{key:5,class:o.normalizeClass(J.value),"x-semi-prop":"addonAfter"},[o.unref(r).addonAfter?o.renderSlot(e.$slots,"addonAfter",{key:0}):y(v.value)?(o.openBlock(),o.createElementBlock(o.Fragment,{key:2},[o.createTextVNode(o.toDisplayString(v.value),1)],64)):(o.openBlock(),o.createBlock(o.resolveDynamicComponent(v.value),{key:1}))],2)):o.createCommentVNode("",!0)],38))}});exports.default=Ee;
+//# sourceMappingURL=Input.vue.cjs.map

package/lib/cjs/components/input/Input.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.vue.cjs","sources":["../../../../src/components/input/Input.vue"],"sourcesContent":["<template>\n    <div\n        :class=\"wrapperCls\"\n        :style=\"wrapperStyle\"\n        @mouseenter=\"handleMouseOver\"\n        @mouseleave=\"handleMouseLeave\"\n        @click=\"handleClick\"\n    >\n        <div v-if=\"addonBeforeNode\" :class=\"prependCls\" x-semi-prop=\"addonBefore\">\n            <slot v-if=\"slots.addonBefore\" name=\"addonBefore\"></slot>\n            <template v-else-if=\"!isString(addonBeforeNode)\">\n                <component :is=\"addonBeforeNode\" />\n            </template>\n            <template v-else>{{ addonBeforeNode }}</template>\n        </div>\n\n        <div\n            v-if=\"labelNode\"\n            :id=\"props.insetLabelId\"\n            :class=\"prefixWrapperCls\"\n            x-semi-prop=\"prefix,insetLabel\"\n            @mousedown=\"handlePreventMouseDown\"\n            @click=\"handleClickPrefixOrSuffix\"\n        >\n            <slot v-if=\"slots.prefix\" name=\"prefix\"></slot>\n            <template v-else-if=\"!isString(labelNode)\">\n                <component :is=\"labelNode\" />\n            </template>\n            <template v-else>{{ labelNode }}</template>\n        </div>\n\n        <input\n            :id=\"props.id\"\n            ref=\"inputRef\"\n            :name=\"props.name\"\n            :class=\"inputCls\"\n            :style=\"inputStyle\"\n            :disabled=\"mergedDisabled\"\n            :readonly=\"readonly\"\n            :type=\"inputType\"\n            :placeholder=\"placeholder as string\"\n            :value=\"inputValue\"\n            :maxlength=\"computedMaxLength\"\n            :minlength=\"stateMinLength\"\n            :aria-invalid=\"ariaInvalid\"\n            v-bind=\"restAttrs\"\n            @input=\"handleInput\"\n            @change=\"handleChange\"\n            @focus=\"handleFocus\"\n            @blur=\"handleBlur\"\n            @keyup=\"handleKeyUp\"\n            @keydown=\"handleKeyDown\"\n            @keypress=\"handleKeyPress\"\n            @compositionstart=\"handleCompositionStart\"\n            @compositionend=\"handleCompositionEnd\"\n            @compositionupdate=\"handleCompositionUpdate\"\n        />\n\n        <div v-if=\"allowClear\" :class=\"`${prefixCls}-clearbtn`\" @mousedown=\"handleClear\">\n            <template v-if=\"props.clearIcon\">\n                <component :is=\"props.clearIcon\" />\n            </template>\n            <IconClear v-else />\n        </div>\n\n        <div\n            v-if=\"suffixNode\"\n            :class=\"suffixWrapperCls\"\n            x-semi-prop=\"suffix\"\n            @mousedown=\"handlePreventMouseDown\"\n            @click=\"handleClickPrefixOrSuffix\"\n        >\n            <slot v-if=\"slots.suffix\" name=\"suffix\"></slot>\n            <template v-else-if=\"!isString(suffixNode)\">\n                <component :is=\"suffixNode\" />\n            </template>\n            <template v-else>{{ suffixNode }}</template>\n        </div>\n\n        <div\n            v-if=\"showModeBtn\"\n            role=\"button\"\n            tabindex=\"0\"\n            :aria-label=\"modeAriaLabel\"\n            :class=\"`${prefixCls}-modebtn`\"\n            @click=\"handleClickEye\"\n            @mousedown=\"handleMouseDown\"\n            @mouseup=\"handleMouseUp\"\n            @keypress=\"handleModeEnterPress\"\n        >\n            <IconEyeClosedSolid v-if=\"eyeClosed\" />\n            <IconEyeOpened v-else />\n        </div>\n\n        <div v-if=\"addonAfterNode\" :class=\"appendCls\" x-semi-prop=\"addonAfter\">\n            <slot v-if=\"slots.addonAfter\" name=\"addonAfter\"></slot>\n            <template v-else-if=\"!isString(addonAfterNode)\">\n                <component :is=\"addonAfterNode\" />\n            </template>\n            <template v-else>{{ addonAfterNode }}</template>\n        </div>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed, watch, onMounted, useAttrs, useSlots, markRaw } from 'vue';\nimport cls from 'classnames';\nimport { cssClasses } from '@douyinfe/semi-foundation/input/constants';\nimport InputFoundation from '@douyinfe/semi-foundation/input/foundation';\nimport { IconClear, IconEyeOpened, IconEyeClosedSolid } from '../icons';\nimport { InputProps as _InputProps } from './interface';\nimport { useFoundation } from '../_utils';\nimport { isSemiIcon } from '../../_utils';\nimport { useInputGroup } from './context';\n\nconst modelValue = defineModel<string | number>();\n\ninterface InputProps extends _InputProps {\n    value?: string | number;\n}\n\ndefineOptions({\n    name: 'SemiInput',\n});\n\nconst prefixCls = cssClasses.PREFIX;\n\nconst props = withDefaults(defineProps<InputProps>(), {\n    type: 'text',\n    size: 'default',\n    showClear: false,\n    hideSuffix: false,\n    readonly: false,\n    validateStatus: 'default',\n    borderless: false,\n});\n\nconst emit = defineEmits<{\n    'update:value': [value: string | number];\n    clear: [e: MouseEvent];\n    change: [value: string, e: Event];\n    blur: [e: FocusEvent];\n    focus: [e: FocusEvent];\n    input: [e: Event];\n    keydown: [e: KeyboardEvent];\n    keyup: [e: KeyboardEvent];\n    keypress: [e: KeyboardEvent];\n    'enter-press': [e: KeyboardEvent];\n    'composition-start': [e: CompositionEvent];\n    'composition-end': [e: CompositionEvent];\n    'composition-update': [e: CompositionEvent];\n}>();\n\nconst attrs = useAttrs();\nconst slots = useSlots();\n\nconst inputGroupContext = useInputGroup();\n\nconst mergedSize = computed(() => {\n    if (inputGroupContext.inputGroup?.size) {\n        return inputGroupContext.inputGroup.size;\n    }\n    return props.size;\n});\n\nconst mergedDisabled = computed(() => {\n    if (typeof props.disabled === 'boolean') {\n        return props.disabled;\n    }\n    return inputGroupContext.inputGroup?.disabled ?? false;\n});\n\nconst inputRef = ref<HTMLInputElement | null>(null);\n\n/**\n * 获取初始值\n * 优先级：modelValue (v-model) > value (受控) > 默认值\n */\nconst getInitialValue = () => {\n    if (modelValue.value !== undefined) {\n        return modelValue.value;\n    }\n    if (props.value !== undefined) {\n        return props.value;\n    }\n    return '';\n};\n\nconst internalValue = ref<string | number>(getInitialValue());\nconst isFocus = ref<boolean>(false);\nconst isHovering = ref<boolean>(false);\nconst eyeClosed = ref<boolean>(props.mode === 'password');\nconst stateMinLength = ref<number | undefined>(props.minLength !== undefined ? props.minLength : undefined);\n\n/**\n * 监听 v-model 值变化\n * 当外部通过 v-model 更新值时，同步到内部状态\n */\nwatch(\n    () => modelValue.value,\n    (newValue) => {\n        if (newValue !== undefined) {\n            internalValue.value = newValue !== null ? newValue : '';\n        } else {\n            internalValue.value = '';\n        }\n    }\n);\n\n/**\n * 监听受控组件模式下的 value 变化\n * 仅在未使用 v-model 时生效，保持向后兼容\n */\nwatch(\n    () => props.value,\n    (newValue) => {\n        if (modelValue.value === undefined && newValue !== undefined) {\n            internalValue.value = newValue !== null ? newValue : '';\n        }\n    }\n);\n\nconst adapter = markRaw({\n    setValue: (val: string) => {\n        internalValue.value = val;\n    },\n    setEyeClosed: (val: boolean) => {\n        eyeClosed.value = val;\n    },\n    toggleFocusing: (focused: boolean) => {\n        isFocus.value = focused;\n    },\n    focusInput: () => {\n        const { preventScroll } = props;\n        if (inputRef.value) {\n            inputRef.value.focus({ preventScroll });\n        }\n    },\n    toggleHovering: (hovering: boolean) => {\n        isHovering.value = hovering;\n    },\n    getIfFocusing: () => isFocus.value,\n    /**\n     * 通知值变化\n     * - 如果使用 :value 受控模式，只触发 change 事件，不更新 v-model\n     * - 如果使用 v-model，更新 v-model 并触发 change 事件\n     * - 如果非受控，更新内部状态并触发 change 事件\n     */\n    notifyChange: (cbValue: string, e: Event) => {\n        const isControlledByValue = props.value !== undefined;\n        const isControlledByModel = modelValue.value !== undefined;\n\n        // 受控模式（:value）：只触发事件，不更新值\n        if (isControlledByValue) {\n            emit('change', cbValue, e);\n            return;\n        }\n\n        // 双向绑定模式（v-model）：更新 v-model\n        if (isControlledByModel) {\n            modelValue.value = cbValue;\n            emit('update:value', cbValue);\n            emit('change', cbValue, e);\n            return;\n        }\n\n        // 非受控模式：更新内部状态\n        internalValue.value = cbValue;\n        emit('change', cbValue, e);\n    },\n    notifyBlur: (val: string, e: FocusEvent) => {\n        emit('blur', e);\n    },\n    notifyFocus: (val: string, e: FocusEvent) => {\n        emit('focus', e);\n    },\n    notifyInput: (e: Event) => {\n        emit('input', e);\n    },\n    notifyKeyPress: (e: KeyboardEvent) => {\n        emit('keypress', e);\n    },\n    notifyKeyDown: (e: KeyboardEvent) => {\n        emit('keydown', e);\n    },\n    notifyKeyUp: (e: KeyboardEvent) => {\n        emit('keyup', e);\n    },\n    notifyEnterPress: (e: KeyboardEvent) => {\n        emit('enter-press', e);\n    },\n    notifyClear: (e: MouseEvent) => {\n        emit('clear', e);\n    },\n    notifyCompositionStart: (e: CompositionEvent) => {\n        emit('composition-start', e);\n    },\n    notifyCompositionEnd: (e: CompositionEvent) => {\n        emit('composition-end', e);\n    },\n    notifyCompositionUpdate: (e: CompositionEvent) => {\n        emit('composition-update', e);\n    },\n    setMinLength: (minLength: number) => {\n        stateMinLength.value = minLength;\n    },\n    isEventTarget: (e: MouseEvent) => e && e.target === e.currentTarget,\n    _isControlledComponent: (key: string = 'value') => {\n        if (key === 'value') {\n            return modelValue.value !== undefined || props.value !== undefined;\n        }\n        return props[key] !== undefined;\n    },\n    getProp: (key: string) => props[key],\n    getProps: () => props,\n    getState: (key: string) => {\n        const states = {\n            value: internalValue.value,\n            isFocus: isFocus.value,\n            isHovering: isHovering.value,\n            eyeClosed: eyeClosed.value,\n            stateMinLength: stateMinLength.value,\n        };\n        return states[key];\n    },\n    getStates: () => ({\n        value: internalValue.value,\n        isFocus: isFocus.value,\n        isHovering: isHovering.value,\n        eyeClosed: eyeClosed.value,\n        stateMinLength: stateMinLength.value,\n    }),\n    getContext: () => null,\n    getContexts: () => ({}),\n    getCache: () => null,\n    getCaches: () => ({}),\n    setCache: () => {},\n    setState: () => {},\n    stopPropagation: (e?: Event) => e?.stopPropagation(),\n    persistEvent: () => {},\n});\n\nconst { foundation } = useFoundation(InputFoundation, adapter);\n\nconst isString = (val: unknown): val is string => typeof val === 'string';\n\nconst labelNode = computed(() => {\n    if (slots.prefix) {\n        return slots.prefix;\n    }\n    return props.prefix || props.insetLabel;\n});\n\nconst suffixNode = computed(() => {\n    if (slots.suffix) {\n        return slots.suffix;\n    }\n    return props.suffix;\n});\n\nconst addonBeforeNode = computed(() => {\n    if (slots.addonBefore) {\n        return slots.addonBefore;\n    }\n    return props.addonBefore;\n});\n\nconst addonAfterNode = computed(() => {\n    if (slots.addonAfter) {\n        return slots.addonAfter;\n    }\n    return props.addonAfter;\n});\n\nconst inputValue = computed(() => {\n    // 数据绑定优先级（按使用场景）：\n    // 1. :value prop - 受控组件模式，用于 InputNumber 等需要控制显示格式的组件\n    // 2. v-model - 标准双向绑定，大多数场景使用\n    // 3. 内部状态 - 非受控模式\n    //\n    // 注意：不要同时使用 :value 和 v-model，:value 优先级更高\n\n    // 受控组件模式：使用 :value prop\n    if (props.value !== undefined) {\n        return props.value === null ? '' : props.value;\n    }\n\n    // 双向绑定模式：使用 v-model\n    if (modelValue.value !== undefined) {\n        return modelValue.value === null ? '' : modelValue.value;\n    }\n\n    // 非受控模式：使用内部状态\n    return internalValue.value === null || internalValue.value === undefined ? '' : internalValue.value;\n});\n\nconst inputType = computed(() => foundation.handleInputType(props.type));\n\nconst allowClear = computed(() => foundation.isAllowClear());\n\nconst showModeBtn = computed(() => props.mode === 'password' && !mergedDisabled.value);\n\nconst modeAriaLabel = computed(() => (eyeClosed.value ? 'Show password' : 'Hidden password'));\n\nconst computedMaxLength = computed(() => {\n    const { maxLength, getValueLength } = props;\n    if (typeof getValueLength === 'function') {\n        return undefined;\n    }\n    return maxLength;\n});\n\nconst ariaInvalid = computed(() => (props.validateStatus === 'error' ? true : undefined));\n\nconst restAttrs = computed(() => {\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    const { class: _, style: __, id: _id, name: _name, ...rest } = attrs;\n    return rest;\n});\n\nconst wrapperCls = computed(() => {\n    const { validateStatus, readonly, borderless, mode, type, onlyBorder } = props;\n    const size = mergedSize.value;\n    const disabled = mergedDisabled.value;\n    const wrapperPrefix = `${prefixCls}-wrapper`;\n    return cls(wrapperPrefix, props.className, {\n        [`${prefixCls}-wrapper__with-prefix`]: labelNode.value,\n        [`${prefixCls}-wrapper__with-suffix`]: suffixNode.value,\n        [`${prefixCls}-wrapper__with-suffix-hidden`]: allowClear.value && Boolean(props.hideSuffix),\n        [`${prefixCls}-wrapper__with-suffix-icon`]: isSemiIcon(suffixNode.value),\n        [`${prefixCls}-wrapper__with-append`]: addonBeforeNode.value,\n        [`${prefixCls}-wrapper__with-prepend`]: addonAfterNode.value,\n        [`${prefixCls}-wrapper__with-append-only`]: addonBeforeNode.value && !addonAfterNode.value,\n        [`${prefixCls}-wrapper__with-prepend-only`]: !addonBeforeNode.value && addonAfterNode.value,\n        [`${wrapperPrefix}-readonly`]: readonly,\n        [`${wrapperPrefix}-disabled`]: disabled,\n        [`${wrapperPrefix}-warning`]: validateStatus === 'warning',\n        [`${wrapperPrefix}-error`]: validateStatus === 'error',\n        [`${wrapperPrefix}-focus`]: isFocus.value,\n        [`${wrapperPrefix}-clearable`]: props.showClear,\n        [`${wrapperPrefix}-modebtn`]: mode === 'password',\n        [`${wrapperPrefix}-hidden`]: type === 'hidden',\n        [`${wrapperPrefix}-${size}`]: size,\n        [`${prefixCls}-borderless`]: borderless,\n        [`${prefixCls}-only_border`]: onlyBorder !== undefined && onlyBorder !== null,\n    });\n});\n\nconst inputCls = computed(() => {\n    const { mode } = props;\n    const size = mergedSize.value;\n    const disabled = mergedDisabled.value;\n    return cls(prefixCls, {\n        [`${prefixCls}-${size}`]: size,\n        [`${prefixCls}-disabled`]: disabled,\n        [`${prefixCls}-sibling-clearbtn`]: allowClear.value,\n        [`${prefixCls}-sibling-modebtn`]: mode === 'password',\n    });\n});\n\nconst prependCls = computed(() => {\n    return cls({\n        [`${prefixCls}-prepend`]: true,\n        [`${prefixCls}-prepend-text`]: addonBeforeNode.value && isString(addonBeforeNode.value),\n        [`${prefixCls}-prepend-icon`]: isSemiIcon(addonBeforeNode.value),\n    });\n});\n\nconst appendCls = computed(() => {\n    return cls({\n        [`${prefixCls}-append`]: true,\n        [`${prefixCls}-append-text`]: addonAfterNode.value && isString(addonAfterNode.value),\n        [`${prefixCls}-append-icon`]: isSemiIcon(addonAfterNode.value),\n    });\n});\n\nconst prefixWrapperCls = computed(() => {\n    let isIcon = false;\n    let isText = false;\n\n    if (slots.prefix) {\n        const slotContent = slots.prefix();\n        if (slotContent && slotContent.length > 0) {\n            const firstNode = slotContent[0];\n            isIcon = isSemiIcon(firstNode);\n            isText = typeof firstNode.children === 'string';\n        }\n    } else {\n        isIcon = isSemiIcon(props.prefix || props.insetLabel);\n        isText = isString(props.prefix || props.insetLabel);\n    }\n\n    return cls({\n        [`${prefixCls}-prefix`]: true,\n        [`${prefixCls}-inset-label`]: props.insetLabel,\n        [`${prefixCls}-prefix-text`]: isText,\n        [`${prefixCls}-prefix-icon`]: isIcon,\n    });\n});\n\nconst suffixWrapperCls = computed(() => {\n    let isIcon = false;\n    let isText = false;\n\n    if (slots.suffix) {\n        const slotContent = slots.suffix();\n        if (slotContent && slotContent.length > 0) {\n            const firstNode = slotContent[0];\n            isIcon = isSemiIcon(firstNode);\n            isText = typeof firstNode.children === 'string';\n        }\n    } else {\n        isIcon = isSemiIcon(props.suffix);\n        isText = isString(props.suffix);\n    }\n\n    return cls({\n        [`${prefixCls}-suffix`]: true,\n        [`${prefixCls}-suffix-text`]: isText,\n        [`${prefixCls}-suffix-icon`]: isIcon,\n        [`${prefixCls}-suffix-hidden`]: allowClear.value && Boolean(props.hideSuffix),\n    });\n});\n\nconst wrapperStyle = computed(() => {\n    let style = { ...props.style };\n    if (props.onlyBorder !== undefined) {\n        style = {\n            borderWidth: props.onlyBorder,\n            ...props.style,\n        };\n    }\n    return style;\n});\n\nconst handleInput = (e: Event) => {\n    foundation.handleInput(e);\n};\n\nconst handleChange = (e: Event) => {\n    const target = e.target as HTMLInputElement;\n    foundation.handleChange(target.value, e);\n};\n\nconst handleFocus = (e: FocusEvent) => {\n    foundation.handleFocus(e);\n    if (inputGroupContext.inputGroup?.onFocus) {\n        inputGroupContext.inputGroup.onFocus(e);\n    }\n};\n\nconst handleBlur = (e: FocusEvent) => {\n    foundation.handleBlur(e);\n    if (inputGroupContext.inputGroup?.onBlur) {\n        inputGroupContext.inputGroup.onBlur(e);\n    }\n};\n\nconst handleKeyUp = (e: KeyboardEvent) => {\n    foundation.handleKeyUp(e);\n};\n\nconst handleKeyDown = (e: KeyboardEvent) => {\n    foundation.handleKeyDown(e);\n};\n\nconst handleKeyPress = (e: KeyboardEvent) => {\n    foundation.handleKeyPress(e);\n};\n\nconst handleCompositionStart = (e: CompositionEvent) => {\n    foundation.handleCompositionStart(e);\n};\n\nconst handleCompositionEnd = (e: CompositionEvent) => {\n    foundation.handleCompositionEnd(e);\n};\n\nconst handleCompositionUpdate = (e: CompositionEvent) => {\n    foundation.handleCompositionUpdate(e);\n};\n\nconst handleClear = (e: MouseEvent) => {\n    foundation.handleClear(e);\n};\n\nconst handleClick = (e: MouseEvent) => {\n    foundation.handleClick(e);\n};\n\nconst handleMouseOver = () => {\n    isHovering.value = true;\n};\n\nconst handleMouseLeave = () => {\n    isHovering.value = false;\n};\n\nconst handleClickEye = (e: MouseEvent) => {\n    foundation.handleClickEye(e);\n};\n\nconst handleMouseDown = (e: MouseEvent) => {\n    foundation.handleMouseDown(e);\n};\n\nconst handleMouseUp = (e: MouseEvent) => {\n    foundation.handleMouseUp(e);\n};\n\nconst handleModeEnterPress = (e: KeyboardEvent) => {\n    foundation.handleModeEnterPress(e);\n};\n\nconst handleClickPrefixOrSuffix = (e: MouseEvent) => {\n    foundation.handleClickPrefixOrSuffix(e);\n};\n\nconst handlePreventMouseDown = (e: MouseEvent) => {\n    foundation.handlePreventMouseDown(e);\n};\n\nonMounted(() => {\n    const { disabled, autoFocus, preventScroll } = props;\n    const shouldAutoFocus = autoFocus || attrs['autofocus'];\n    if (!disabled && shouldAutoFocus && inputRef.value) {\n        inputRef.value.focus({ preventScroll });\n    }\n});\n\nwatch(\n    () => props.mode,\n    (newMode, oldMode) => {\n        if (newMode !== oldMode) {\n            foundation.handleModeChange(newMode);\n        }\n    }\n);\n\ndefineExpose({\n    focus: () => {\n        if (inputRef.value) {\n            inputRef.value.focus({ preventScroll: props.preventScroll });\n        }\n    },\n    blur: () => {\n        if (inputRef.value) {\n            inputRef.value.blur();\n        }\n    },\n    inputRef,\n});\n</script>\n"],"names":["modelValue","_useModel","prefixCls","cssClasses","props","__props","emit","__emit","attrs","useAttrs","slots","useSlots","inputGroupContext","useInputGroup","mergedSize","computed","_a","mergedDisabled","inputRef","ref","getInitialValue","internalValue","isFocus","isHovering","eyeClosed","stateMinLength","watch","newValue","adapter","markRaw","val","focused","preventScroll","hovering","cbValue","e","isControlledByValue","isControlledByModel","minLength","key","foundation","useFoundation","InputFoundation","isString","labelNode","suffixNode","addonBeforeNode","addonAfterNode","inputValue","inputType","allowClear","showModeBtn","modeAriaLabel","computedMaxLength","maxLength","getValueLength","ariaInvalid","restAttrs","_","__","_id","_name","rest","wrapperCls","validateStatus","readonly","borderless","mode","type","onlyBorder","size","disabled","wrapperPrefix","cls","isSemiIcon","inputCls","prependCls","appendCls","prefixWrapperCls","isIcon","isText","slotContent","firstNode","suffixWrapperCls","wrapperStyle","style","handleInput","handleChange","target","handleFocus","handleBlur","handleKeyUp","handleKeyDown","handleKeyPress","handleCompositionStart","handleCompositionEnd","handleCompositionUpdate","handleClear","handleClick","handleMouseOver","handleMouseLeave","handleClickEye","handleMouseDown","handleMouseUp","handleModeEnterPress","handleClickPrefixOrSuffix","handlePreventMouseDown","onMounted","autoFocus","shouldAutoFocus","newMode","oldMode","__expose","_createElementBlock","_unref","_renderSlot","_ctx","_Fragment","_openBlock","_createBlock","_resolveDynamicComponent","_createElementVNode","_mergeProps","IconClear","IconEyeClosedSolid","IconEyeOpened"],"mappings":"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"}

package/lib/cjs/components/input/Input.vue2.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Input.vue.cjs");exports.default=e.default;
+//# sourceMappingURL=Input.vue2.cjs.map

package/lib/cjs/components/input/Input.vue2.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.vue2.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/lib/cjs/components/input/InputGroup.vue.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),i=require("classnames"),m=require("@douyinfe/semi-foundation/input/constants"),f=require("./context.cjs"),g=["id","aria-disabled"],y=["aria-disabled"],z=e.defineComponent({name:"InputGroup",__name:"InputGroup",props:{className:{},size:{default:"default"},style:{},label:{},labelPosition:{},disabled:{type:Boolean}},emits:["blur","focus"],setup(t,{emit:c}){const s=m.cssClasses.PREFIX,l=t,n=c,d=e.computed(()=>l.label&&l.label.name||"input-group"),p=e.computed(()=>i({[`${s}-group-wrapper`]:!0,[`${s}-group-wrapper-with-top-label`]:l.labelPosition==="top",[`${s}-group-wrapper-with-left-label`]:l.labelPosition==="left"})),u=e.computed(()=>i(`${s}-group`,{[`${s}-${l.size}`]:l.size!=="default"},l.className)),a=o=>{n("focus",o)},r=o=>{n("blur",o)},b=e.computed(()=>({inputGroup:{size:l.size,disabled:l.disabled,onBlur:r,onFocus:a}}));return f.provideInputGroup(b),(o,v)=>t.label&&t.label.text?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(p.value)},[e.createElementVNode("span",{id:d.value,role:"group","aria-disabled":t.disabled,class:e.normalizeClass(u.value),style:e.normalizeStyle(t.style),onFocus:a,onBlur:r},[e.renderSlot(o.$slots,"default")],46,g)],2)):(e.openBlock(),e.createElementBlock("span",{key:1,role:"group","aria-label":"Input group","aria-disabled":t.disabled,class:e.normalizeClass(u.value),style:e.normalizeStyle(t.style),onFocus:a,onBlur:r},[e.renderSlot(o.$slots,"default")],46,y))}});exports.default=z;
+//# sourceMappingURL=InputGroup.vue.cjs.map

package/lib/cjs/components/input/InputGroup.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputGroup.vue.cjs","sources":["../../../../src/components/input/InputGroup.vue"],"sourcesContent":["<template>\n    <div v-if=\"label && label.text\" :class=\"groupWrapperCls\">\n        <span\n            :id=\"labelId\"\n            role=\"group\"\n            :aria-disabled=\"disabled\"\n            :class=\"groupCls\"\n            :style=\"style\"\n            @focus=\"handleFocus\"\n            @blur=\"handleBlur\"\n        >\n            <slot></slot>\n        </span>\n    </div>\n    <span\n        v-else\n        role=\"group\"\n        aria-label=\"Input group\"\n        :aria-disabled=\"disabled\"\n        :class=\"groupCls\"\n        :style=\"style\"\n        @focus=\"handleFocus\"\n        @blur=\"handleBlur\"\n    >\n        <slot></slot>\n    </span>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport cls from 'classnames';\nimport { cssClasses } from '@douyinfe/semi-foundation/input/constants';\nimport { InputGroupProps } from './interface';\nimport { provideInputGroup } from './context';\n\ndefineOptions({\n    name: 'InputGroup',\n});\n\nconst prefixCls = cssClasses.PREFIX;\n\nconst props = withDefaults(defineProps<InputGroupProps>(), {\n    size: 'default',\n});\n\nconst emit = defineEmits<{\n    blur: [e: FocusEvent];\n    focus: [e: FocusEvent];\n}>();\n\nconst labelId = computed(() => {\n    return (props.label && props.label.name) || 'input-group';\n});\n\nconst groupWrapperCls = computed(() => {\n    return cls({\n        [`${prefixCls}-group-wrapper`]: true,\n        [`${prefixCls}-group-wrapper-with-top-label`]: props.labelPosition === 'top',\n        [`${prefixCls}-group-wrapper-with-left-label`]: props.labelPosition === 'left',\n    });\n});\n\nconst groupCls = computed(() => {\n    return cls(\n        `${prefixCls}-group`,\n        {\n            [`${prefixCls}-${props.size}`]: props.size !== 'default',\n        },\n        props.className\n    );\n});\n\nconst handleFocus = (e: FocusEvent) => {\n    emit('focus', e);\n};\n\nconst handleBlur = (e: FocusEvent) => {\n    emit('blur', e);\n};\n\nconst inputGroupContext = computed(() => ({\n    inputGroup: {\n        size: props.size,\n        disabled: props.disabled,\n        onBlur: handleBlur,\n        onFocus: handleFocus,\n    },\n}));\n\nprovideInputGroup(inputGroupContext);\n</script>\n"],"names":["prefixCls","cssClasses","props","__props","emit","__emit","labelId","computed","groupWrapperCls","cls","groupCls","handleFocus","e","handleBlur","inputGroupContext","provideInputGroup","_createElementBlock","_createElementVNode","_renderSlot","_ctx"],"mappings":"ueAuCA,MAAMA,EAAYC,EAAAA,WAAW,OAEvBC,EAAQC,EAIRC,EAAOC,EAKPC,EAAUC,EAAAA,SAAS,IACbL,EAAM,OAASA,EAAM,MAAM,MAAS,aAC/C,EAEKM,EAAkBD,EAAAA,SAAS,IACtBE,EAAI,CACP,CAAC,GAAGT,CAAS,gBAAgB,EAAG,GAChC,CAAC,GAAGA,CAAS,+BAA+B,EAAGE,EAAM,gBAAkB,MACvE,CAAC,GAAGF,CAAS,gCAAgC,EAAGE,EAAM,gBAAkB,MAAA,CAC3E,CACJ,EAEKQ,EAAWH,EAAAA,SAAS,IACfE,EACH,GAAGT,CAAS,SACZ,CACI,CAAC,GAAGA,CAAS,IAAIE,EAAM,IAAI,EAAE,EAAGA,EAAM,OAAS,SAAA,EAEnDA,EAAM,SAAA,CAEb,EAEKS,EAAeC,GAAkB,CACnCR,EAAK,QAASQ,CAAC,CACnB,EAEMC,EAAcD,GAAkB,CAClCR,EAAK,OAAQQ,CAAC,CAClB,EAEME,EAAoBP,EAAAA,SAAS,KAAO,CACtC,WAAY,CACR,KAAML,EAAM,KACZ,SAAUA,EAAM,SAChB,OAAQW,EACR,QAASF,CAAA,CACb,EACF,EAEFI,OAAAA,EAAAA,kBAAkBD,CAAiB,SAxFpBX,EAAA,OAASA,EAAA,MAAM,oBAA1Ba,EAAAA,mBAYM,MAAA,OAZ2B,uBAAOR,EAAA,KAAe,CAAA,GACnDS,EAAAA,mBAUO,OAAA,CATF,GAAIX,EAAA,MACL,KAAK,QACJ,gBAAeH,EAAA,SACf,uBAAOO,EAAA,KAAQ,EACf,uBAAOP,EAAA,KAAK,EACZ,QAAOQ,EACP,OAAME,CAAA,GAEPK,aAAaC,EAAA,OAAA,SAAA,CAAA,4BAGrBH,EAAAA,mBAWO,OAAA,OATH,KAAK,QACL,aAAW,cACV,gBAAeb,EAAA,SACf,uBAAOO,EAAA,KAAQ,EACf,uBAAOP,EAAA,KAAK,EACZ,QAAOQ,EACP,OAAME,CAAA,GAEPK,aAAaC,EAAA,OAAA,SAAA,CAAA"}

package/lib/cjs/components/input/InputGroup.vue2.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./InputGroup.vue.cjs");exports.default=e.default;
+//# sourceMappingURL=InputGroup.vue2.cjs.map

package/lib/cjs/components/input/InputGroup.vue2.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputGroup.vue2.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/lib/cjs/components/input/TextArea.vue.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),oe=require("lodash"),C=require("classnames"),ne=require("@douyinfe/semi-foundation/input/constants"),le=require("@douyinfe/semi-foundation/input/textareaFoundation"),se=require("../_resizeObserver/index.vue.cjs"),ue=require("../../_utils/useFoundation.cjs"),re=require("../icons/icons/IconClear.cjs"),ie=["disabled","readonly","placeholder","value","maxlength","minlength","aria-invalid","rows","cols"],ce=["disabled","readonly","placeholder","value","maxlength","minlength","aria-invalid","rows","cols"],de=t.defineComponent({name:"SemiTextArea",__name:"TextArea",props:t.mergeModels({value:{},autosize:{type:[Boolean,Object]},borderless:{type:Boolean,default:!1},placeholder:{},modelValue:{},rows:{default:4},cols:{default:20},maxCount:{},validateStatus:{default:"default"},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},autoFocus:{type:Boolean},showCounter:{type:Boolean,default:!1},showClear:{type:Boolean,default:!1},getValueLength:{},disabledEnterStartNewLine:{type:Boolean},className:{},style:{},maxLength:{},minLength:{}},{modelValue:{},modelModifiers:{}}),emits:t.mergeModels(["update:value","clear","change","blur","focus","input","keydown","keyup","keypress","enter-press","resize","composition-start","composition-end","composition-update"],["update:modelValue"]),setup(r,{expose:D,emit:A}){const c=t.useModel(r,"modelValue"),l=ne.cssClasses.PREFIX,a=r,w=t.computed(()=>typeof a.rows=="string"?parseInt(a.rows,10):a.rows),b=t.computed(()=>typeof a.cols=="string"?parseInt(a.cols,10):a.cols),x=t.computed(()=>typeof a.maxCount=="string"?parseInt(a.maxCount,10):a.maxCount),H=t.computed(()=>typeof a.maxLength=="string"?parseInt(a.maxLength,10):a.maxLength),B=t.computed(()=>typeof a.minLength=="string"?parseInt(a.minLength,10):a.minLength),s=A,j=t.useAttrs(),i=t.ref(null),O=()=>c.value!==void 0?c.value:a.value!==void 0?a.value:"",u=t.ref(O()),m=t.ref(!1),g=t.ref(!1),h=t.ref(0),f=t.ref(B.value!==void 0?B.value:void 0),v=oe.throttle(()=>{n.resizeTextarea()},10);t.watch(()=>c.value,e=>{e!==void 0?(u.value=e!==null?e:"",a.autosize&&setTimeout(()=>{v()},0)):(u.value="",a.autosize&&setTimeout(()=>{v()},0))}),t.watch(()=>a.value,e=>{c.value===void 0&&e!==void 0&&(u.value=e!==null?e:"",a.autosize&&setTimeout(()=>{v()},0))});const X=t.markRaw({setValue:e=>{u.value=e,a.autosize&&v()},getRef:()=>i.value,toggleFocusing:e=>{m.value=e},toggleHovering:e=>{g.value=e},notifyChange:(e,o)=>{c.value=e,s("update:value",e),s("change",e,o)},notifyClear:e=>{s("clear",e)},notifyBlur:(e,o)=>{s("blur",o)},notifyFocus:(e,o)=>{s("focus",o)},notifyInput:e=>{s("input",e)},notifyKeyDown:e=>{s("keydown",e)},notifyKeyUp:e=>{s("keyup",e)},notifyKeyPress:e=>{s("keypress",e)},notifyPressEnter:e=>{s("enter-press",e)},notifyHeightUpdate:e=>{h.value=e,s("resize",{height:e})},notifyCompositionStart:e=>{s("composition-start",e)},notifyCompositionEnd:e=>{s("composition-end",e)},notifyCompositionUpdate:e=>{s("composition-update",e)},setMinLength:e=>{f.value=e},_isControlledComponent:(e="value")=>e==="value"?c.value!==void 0||a.value!==void 0:a[e]!==void 0,getProp:e=>a[e],getProps:()=>a,getState:e=>({value:u.value,isFocus:m.value,isHover:g.value,height:h.value,minLength:f.value})[e],getStates:()=>({value:u.value,isFocus:m.value,isHover:g.value,height:h.value,minLength:f.value}),getContext:()=>null,getContexts:()=>({}),getCache:()=>null,getCaches:()=>({}),setCache:()=>{},setState:()=>{},stopPropagation:e=>e==null?void 0:e.stopPropagation(),persistEvent:()=>{}}),{foundation:n}=ue.useFoundation(le,X),k=t.computed(()=>c.value!==void 0?c.value===null?"":c.value:a.value!==void 0?a.value===null?"":a.value:u.value===null||u.value===void 0?"":u.value),y=t.computed(()=>a.autosize),G=t.computed(()=>{const{showClear:e,disabled:o,readonly:d}=a;return u.value&&e&&!o&&(m.value||g.value)&&!d}),L=t.computed(()=>{const{getValueLength:e}=a;if(typeof e!="function")return H.value}),S=t.computed(()=>{const{getValueLength:e}=a;return u.value?typeof e=="function"?e(u.value):u.value.length:0}),z=t.computed(()=>x.value||null),$=t.computed(()=>a.validateStatus==="error"?!0:void 0),M=t.computed(()=>{const{class:e,style:o,...d}=j;return d}),J=t.computed(()=>{const{disabled:e,readonly:o,validateStatus:d,borderless:p}=a;return C(`${l}-textarea-wrapper`,a.className,{[`${l}-textarea-wrapper-disabled`]:e,[`${l}-textarea-wrapper-readonly`]:o,[`${l}-textarea-wrapper-${d}`]:!!d,[`${l}-textarea-wrapper-focus`]:m.value,[`${l}-textarea-borderless`]:p})}),E=t.computed(()=>{const{disabled:e,readonly:o,showClear:d}=a,p=y.value;return C(`${l}-textarea`,{[`${l}-textarea-disabled`]:e,[`${l}-textarea-readonly`]:o,[`${l}-textarea-autosize`]:typeof p=="object"?(p==null?void 0:p.maxRows)===void 0:p,[`${l}-textarea-showClear`]:d})}),Q=t.computed(()=>{const e=G.value;return C(`${l}-clearbtn`,{[`${l}-clearbtn-hidden`]:!e})}),W=t.computed(()=>C(`${l}-textarea-counter`,{[`${l}-textarea-counter-exceed`]:S.value>z.value})),Y=t.computed(()=>({...a.style})),F=t.computed(()=>!y.value||h.value===0?{}:{height:`${h.value}px`}),K=e=>{const o=e.target;n.handleChange(o.value,e),s("input",e),a.autosize&&v()},I=e=>{const o=e.target;n.handleChange(o.value,e)},P=e=>{n.handleFocus(e)},R=e=>{n.handleBlur(e)},T=e=>{var o;(o=n.handleKeyDown)==null||o.call(n,e)},V=e=>{var o;(o=n.handleKeyUp)==null||o.call(n,e)},q=e=>{var o;(o=n.handleKeyPress)==null||o.call(n,e)},N=e=>{n.handleCompositionStart(e)},_=e=>{n.handleCompositionEnd(e)},U=e=>{n.handleCompositionUpdate(e)},Z=e=>{n.handleClear(e)},ee=e=>{n.handleMouseEnter(e)},te=e=>{n.handleMouseLeave(e)},ae=()=>{y.value&&v()};return t.onMounted(()=>{const{disabled:e,autoFocus:o}=a;!e&&o&&i.value&&i.value.focus(),y.value&&v()}),D({focus:()=>{i.value&&i.value.focus()},blur:()=>{i.value&&i.value.blur()},textareaRef:i}),(e,o)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(J.value),style:t.normalizeStyle(Y.value),onMouseenter:ee,onMouseleave:te},[y.value?(t.openBlock(),t.createBlock(t.unref(se.default),{key:0,onResize:ae},{default:t.withCtx(()=>[t.createElementVNode("textarea",t.mergeProps({ref_key:"textareaRef",ref:i,class:E.value,style:F.value,disabled:r.disabled,readonly:r.readonly,placeholder:r.placeholder,value:k.value,maxlength:L.value,minlength:f.value,"aria-invalid":$.value,rows:w.value,cols:b.value},M.value,{onInput:K,onChange:I,onFocus:P,onBlur:R,onKeydown:T,onKeyup:V,onKeypress:q,onCompositionstart:N,onCompositionend:_,onCompositionupdate:U}),null,16,ie)]),_:1})):(t.openBlock(),t.createElementBlock("textarea",t.mergeProps({key:1,ref_key:"textareaRef",ref:i,class:E.value,style:F.value,disabled:r.disabled,readonly:r.readonly,placeholder:r.placeholder,value:k.value,maxlength:L.value,minlength:f.value,"aria-invalid":$.value,rows:w.value,cols:b.value},M.value,{onInput:K,onChange:I,onFocus:P,onBlur:R,onKeydown:T,onKeyup:V,onKeypress:q,onCompositionstart:N,onCompositionend:_,onCompositionupdate:U}),null,16,ce)),r.showClear?(t.openBlock(),t.createElementBlock("div",{key:2,class:t.normalizeClass(Q.value),onClick:Z},[t.createVNode(t.unref(re.default))],2)):t.createCommentVNode("",!0),r.showCounter||x.value?(t.openBlock(),t.createElementBlock("div",{key:3,class:t.normalizeClass(W.value)},t.toDisplayString(S.value)+t.toDisplayString(x.value?"/":null)+t.toDisplayString(z.value),3)):t.createCommentVNode("",!0)],38))}});exports.default=de;
+//# sourceMappingURL=TextArea.vue.cjs.map