@gx-design-vue/image 0.1.2 → 0.2.0-alpha.1

package/dist/image.js

@@ -0,0 +1 @@
+(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require(`vue`),require(`@ant-design/icons-vue`),require(`@gx-design-vue/pro-provider`)):typeof define==`function`&&define.amd?define([`exports`,`vue`,`@ant-design/icons-vue`,`@gx-design-vue/pro-provider`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.Image={},e.Vue,e._ant_design_icons_vue,e._gx_design_vue_pro_provider))})(this,function(e,t,n,r){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`}),typeof process<`u`&&process.versions!=null&&process.versions.node;function i(e,t){return Object.prototype.toString.call(e)===`[object ${t}]`}function a(e){return typeof e==`boolean`}function o(e){return typeof e==`number`}function s(e){return Array.isArray===void 0?Object.prototype.toString.call(e)===`[object Array]`:Array.isArray(e)}function c(e){return e!==null&&i(e,`Object`)}function l(e){return typeof e==`string`}var u=typeof window>`u`;function d({suffixCls:e,customizePrefixCls:t,isPor:n,className:r}){let i=r||(n?`gx-pro`:`gx`);return t||(e?`${i}-${e}`:i)}var f=e=>setTimeout(e,16),p=e=>clearTimeout(e);typeof window<`u`&&`requestAnimationFrame`in window&&(f=e=>window.requestAnimationFrame(e),p=e=>window.cancelAnimationFrame(e));var m=0,h=new Map;function g(e){h.delete(e)}function _(e,t=1){m+=1;let n=m;function r(t){if(t===0)g(n),e();else{let e=f(()=>{r(t-1)});h.set(n,e)}}return r(t),n}_.cancel=e=>{let t=h.get(e);return g(t),p(t)};function v(e){return e.replace(/[-_](.)/g,(e,t)=>t.toUpperCase())}function y(e,t){if(u||!e||!t)return``;t=v(t),t===`float`&&(t=`cssFloat`);try{let n=e.style[t];if(n)return n;let r=document?.defaultView?.getComputedStyle(e,``);return r?r[t]:``}catch{return e.style[t]}}function b(e,t){if(!u)return(t==null?y(e,`overflow`):t?y(e,`overflow-y`):y(e,`overflow-x`)).match(/(scroll|auto|overlay)/)}function ee(e,t){if(u)return;let n=e;for(;n;){if([window,document,document.documentElement].includes(n))return window;if(b(n,t))return n;n=n.parentNode}return n}function x(e,t){if(u||!e||!t)return!1;let n=e.getBoundingClientRect(),r;return r=[window,document,document.documentElement,null,void 0].includes(t)?{top:0,right:window.innerWidth,bottom:window.innerHeight,left:0}:t.getBoundingClientRect(),n.top<r.bottom&&n.bottom>r.top&&n.right>r.left&&n.left<r.right}function S(...e){let t=[];for(let n=0;n<e.length;n++){let r=e[n];if(r){if(l(r))t.push(r);else if(s(r))for(let e=0;e<r.length;e++){let n=S(r[e]);n&&t.push(n)}else if(c(r))for(let e in r)r[e]&&t.push(e)}}return t.filter(e=>e).join(` `)}var C=S;function w({vnode:e,defaultVNode:t},...n){return e===!1?null:typeof e==`function`?e?.(...n):e||t}function T(e,...n){let{slots:r,key:i=`default`,render:a,props:o,defaultChildren:s}=e,l,u=o[i],d=r?.[i],f=typeof s==`function`?s?.():s;return l=u===!1?!1:u===!0?d??f:c(u)&&a?(0,t.isVNode)(u)?u:d:u||d,l===!1?!1:a?w({vnode:l,defaultVNode:f},...n):l}function te(e,...n){let{slots:r,key:i=`default`,props:a,defaultChildren:o}=e,s,l=a[i],u=r?.[i]?.(...n),d=typeof o==`function`?o?.():o;return s=l===!1?!1:l===!0?u??d:c(l)?(0,t.isVNode)(l)?l:u:l||u,s===!1?!1:w({vnode:s,defaultVNode:d},...n)}function ne(e,...t){let{slots:n,props:r,keys:i,render:o,defaultVNodes:s}=e,c={};return i.forEach((e,i)=>{let l=s?s[i]:null,u=o?te({slots:n,props:r,key:e,defaultChildren:l},...t):T({slots:n,props:r,key:e,render:!1,defaultChildren:l},...t);(a(u)||u)&&(c[e]=u)}),c}var E=new WeakMap,D=(...e)=>{let n=e[0],r=(0,t.getCurrentInstance)()?.proxy??(0,t.getCurrentScope)();if(r==null&&!(0,t.hasInjectionContext)())throw Error(`injectLocal must be called in setup`);return r&&E.has(r)&&n in E.get(r)?E.get(r)[n]:(0,t.inject)(...e)},O=typeof window<`u`&&typeof document<`u`;typeof WorkerGlobalScope<`u`&&globalThis instanceof WorkerGlobalScope;var re=Object.prototype.toString,ie=e=>re.call(e)===`[object Object]`,k=()=>{};function A(e,t){function n(...n){return new Promise((r,i)=>{Promise.resolve(e(()=>t.apply(this,n),{fn:t,thisArg:this,args:n})).then(r).catch(i)})}return n}function j(...e){let n=0,r,i=!0,a=k,o,s,c,l,u;!(0,t.isRef)(e[0])&&typeof e[0]==`object`?{delay:s,trailing:c=!0,leading:l=!0,rejectOnCancel:u=!1}=e[0]:[s,c=!0,l=!0,u=!1]=e;let d=()=>{r&&(clearTimeout(r),r=void 0,a(),a=k)};return e=>{let f=(0,t.toValue)(s),p=Date.now()-n,m=()=>o=e();return d(),f<=0?(n=Date.now(),m()):(p>f?(n=Date.now(),(l||!i)&&m()):c&&(o=new Promise((e,t)=>{a=u?t:e,r=setTimeout(()=>{n=Date.now(),i=!0,e(m()),d()},Math.max(0,f-p))})),!l&&!r&&(r=setTimeout(()=>i=!0,f)),i=!1,o)}}function M(e){return e.endsWith(`rem`)?Number.parseFloat(e)*16:Number.parseFloat(e)}function N(e){return Array.isArray(e)?e:[e]}function P(e){return e||(0,t.getCurrentInstance)()}function ae(e,t=200,n=!1,r=!0,i=!1){return A(j(t,n,r,i),e)}function F(e,n=!0,r){P(r)?(0,t.onMounted)(e,r):n?e():(0,t.nextTick)(e)}function I(e,n,r){return(0,t.watch)(e,n,{...r,immediate:!0})}var oe=O?window:void 0;O&&window.document,O&&window.navigator,O&&window.location;function L(e){let n=(0,t.toValue)(e);return n?.$el??n}function R(...e){let n=(e,t,n,r)=>(e.addEventListener(t,n,r),()=>e.removeEventListener(t,n,r)),r=(0,t.computed)(()=>{let n=N((0,t.toValue)(e[0])).filter(e=>e!=null);return n.every(e=>typeof e!=`string`)?n:void 0});return I(()=>[r.value?.map(e=>L(e))??[oe].filter(e=>e!=null),N((0,t.toValue)(r.value?e[1]:e[0])),N((0,t.unref)(r.value?e[2]:e[1])),(0,t.toValue)(r.value?e[3]:e[2])],([e,t,r,i],a,o)=>{if(!e?.length||!t?.length||!r?.length)return;let s=ie(i)?{...i}:i,c=e.flatMap(e=>t.flatMap(t=>r.map(r=>n(e,t,r,s))));o(()=>{c.forEach(e=>e())})},{flush:`post`})}function se(){let e=(0,t.shallowRef)(!1),n=(0,t.getCurrentInstance)();return n&&(0,t.onMounted)(()=>{e.value=!0},n),e}function ce(e){let n=se();return(0,t.computed)(()=>(n.value,!!e()))}var le=Symbol(`vueuse-ssr-width`);function ue(){let e=(0,t.hasInjectionContext)()?D(le,null):null;return typeof e==`number`?e:void 0}function de(e,n={}){let{window:r=oe,ssrWidth:i=ue()}=n,a=ce(()=>r&&`matchMedia`in r&&typeof r.matchMedia==`function`),o=(0,t.shallowRef)(typeof i==`number`),s=(0,t.shallowRef)(),c=(0,t.shallowRef)(!1);return(0,t.watchEffect)(()=>{if(o.value){o.value=!a.value,c.value=(0,t.toValue)(e).split(`,`).some(e=>{let t=e.includes(`not all`),n=e.match(/\(\s*min-width:\s*(-?\d+(?:\.\d*)?[a-z]+\s*)\)/),r=e.match(/\(\s*max-width:\s*(-?\d+(?:\.\d*)?[a-z]+\s*)\)/),a=!!(n||r);return n&&a&&(a=i>=M(n[1])),r&&a&&(a=i<=M(r[1])),t?!a:a});return}a.value&&(s.value=r.matchMedia((0,t.toValue)(e)),c.value=s.value.matches)}),R(s,`change`,e=>{c.value=e.matches},{passive:!0}),(0,t.computed)(()=>c.value)}function fe(e={}){let{window:n=oe,initialWidth:r=1/0,initialHeight:i=1/0,listenOrientation:a=!0,includeScrollbar:o=!0,type:s=`inner`}=e,c=(0,t.shallowRef)(r),l=(0,t.shallowRef)(i),u=()=>{if(n)if(s===`outer`)c.value=n.outerWidth,l.value=n.outerHeight;else if(s===`visual`&&n.visualViewport){let{width:e,height:t,scale:r}=n.visualViewport;c.value=Math.round(e*r),l.value=Math.round(t*r)}else o?(c.value=n.innerWidth,l.value=n.innerHeight):(c.value=n.document.documentElement.clientWidth,l.value=n.document.documentElement.clientHeight)};u(),F(u);let d={passive:!0};return R(`resize`,u,d),n&&s===`visual`&&n.visualViewport&&R(n.visualViewport,`resize`,u,d),a&&(0,t.watch)(de(`(orientation: portrait)`),()=>u()),{width:c,height:l}}function pe(){}function me(e){return e==null||typeof e!=`object`&&typeof e!=`function`}function he(e){return ArrayBuffer.isView(e)&&!(e instanceof DataView)}function ge(e){return Object.getOwnPropertySymbols(e).filter(t=>Object.prototype.propertyIsEnumerable.call(e,t))}function _e(e){return e==null?e===void 0?`[object Undefined]`:`[object Null]`:Object.prototype.toString.call(e)}var ve=`[object RegExp]`,ye=`[object String]`,be=`[object Number]`,xe=`[object Boolean]`,Se=`[object Arguments]`,Ce=`[object Symbol]`,we=`[object Date]`,Te=`[object Map]`,Ee=`[object Set]`,De=`[object Array]`,Oe=`[object Function]`,ke=`[object ArrayBuffer]`,Ae=`[object Object]`,je=`[object Error]`,Me=`[object DataView]`,Ne=`[object Uint8Array]`,Pe=`[object Uint8ClampedArray]`,Fe=`[object Uint16Array]`,Ie=`[object Uint32Array]`,Le=`[object BigUint64Array]`,Re=`[object Int8Array]`,ze=`[object Int16Array]`,Be=`[object Int32Array]`,Ve=`[object BigInt64Array]`,He=`[object Float32Array]`,Ue=`[object Float64Array]`;function z(e,t,n,r=new Map,i=void 0){let a=i?.(e,t,n,r);if(a!==void 0)return a;if(me(e))return e;if(r.has(e))return r.get(e);if(Array.isArray(e)){let t=Array(e.length);r.set(e,t);for(let a=0;a<e.length;a++)t[a]=z(e[a],a,n,r,i);return Object.hasOwn(e,`index`)&&(t.index=e.index),Object.hasOwn(e,`input`)&&(t.input=e.input),t}if(e instanceof Date)return new Date(e.getTime());if(e instanceof RegExp){let t=new RegExp(e.source,e.flags);return t.lastIndex=e.lastIndex,t}if(e instanceof Map){let t=new Map;r.set(e,t);for(let[a,o]of e)t.set(a,z(o,a,n,r,i));return t}if(e instanceof Set){let t=new Set;r.set(e,t);for(let a of e)t.add(z(a,void 0,n,r,i));return t}if(typeof Buffer<`u`&&Buffer.isBuffer(e))return e.subarray();if(he(e)){let t=new(Object.getPrototypeOf(e)).constructor(e.length);r.set(e,t);for(let a=0;a<e.length;a++)t[a]=z(e[a],a,n,r,i);return t}if(e instanceof ArrayBuffer||typeof SharedArrayBuffer<`u`&&e instanceof SharedArrayBuffer)return e.slice(0);if(e instanceof DataView){let t=new DataView(e.buffer.slice(0),e.byteOffset,e.byteLength);return r.set(e,t),B(t,e,n,r,i),t}if(typeof File<`u`&&e instanceof File){let t=new File([e],e.name,{type:e.type});return r.set(e,t),B(t,e,n,r,i),t}if(typeof Blob<`u`&&e instanceof Blob){let t=new Blob([e],{type:e.type});return r.set(e,t),B(t,e,n,r,i),t}if(e instanceof Error){let t=new e.constructor;return r.set(e,t),t.message=e.message,t.name=e.name,t.stack=e.stack,t.cause=e.cause,B(t,e,n,r,i),t}if(e instanceof Boolean){let t=new Boolean(e.valueOf());return r.set(e,t),B(t,e,n,r,i),t}if(e instanceof Number){let t=new Number(e.valueOf());return r.set(e,t),B(t,e,n,r,i),t}if(e instanceof String){let t=new String(e.valueOf());return r.set(e,t),B(t,e,n,r,i),t}if(typeof e==`object`&&We(e)){let t=Object.create(Object.getPrototypeOf(e));return r.set(e,t),B(t,e,n,r,i),t}return e}function B(e,t,n=e,r,i){let a=[...Object.keys(t),...ge(t)];for(let o=0;o<a.length;o++){let s=a[o],c=Object.getOwnPropertyDescriptor(e,s);(c==null||c.writable)&&(e[s]=z(t[s],s,n,r,i))}}function We(e){switch(_e(e)){case Se:case De:case ke:case Me:case xe:case we:case He:case Ue:case Re:case ze:case Be:case Te:case be:case Ae:case ve:case Ee:case ye:case Ce:case Ne:case Pe:case Fe:case Ie:return!0;default:return!1}}function Ge(e){return z(e,void 0,e,new Map,void 0)}function Ke(e){if(!e||typeof e!=`object`)return!1;let t=Object.getPrototypeOf(e);return t===null||t===Object.prototype||Object.getPrototypeOf(t)===null?Object.prototype.toString.call(e)===`[object Object]`:!1}function qe(e,t){let n={...e};for(let e=0;e<t.length;e++){let r=t[e];delete n[r]}return n}function Je(e,t){return e===t||Number.isNaN(e)&&Number.isNaN(t)}function Ye(e,t,n){return Xe(e,t,void 0,void 0,void 0,void 0,n)}function Xe(e,t,n,r,i,a,o){let s=o(e,t,n,r,i,a);if(s!==void 0)return s;if(typeof e==typeof t)switch(typeof e){case`bigint`:case`string`:case`boolean`:case`symbol`:case`undefined`:return e===t;case`number`:return e===t||Object.is(e,t);case`function`:return e===t;case`object`:return Ze(e,t,a,o)}return Ze(e,t,a,o)}function Ze(e,t,n,r){if(Object.is(e,t))return!0;let i=_e(e),a=_e(t);if(i===`[object Arguments]`&&(i=Ae),a===`[object Arguments]`&&(a=Ae),i!==a)return!1;switch(i){case ye:return e.toString()===t.toString();case be:return Je(e.valueOf(),t.valueOf());case xe:case we:case Ce:return Object.is(e.valueOf(),t.valueOf());case ve:return e.source===t.source&&e.flags===t.flags;case Oe:return e===t}n??=new Map;let o=n.get(e),s=n.get(t);if(o!=null&&s!=null)return o===t;n.set(e,t),n.set(t,e);try{switch(i){case Te:if(e.size!==t.size)return!1;for(let[i,a]of e.entries())if(!t.has(i)||!Xe(a,t.get(i),i,e,t,n,r))return!1;return!0;case Ee:{if(e.size!==t.size)return!1;let i=Array.from(e.values()),a=Array.from(t.values());for(let o=0;o<i.length;o++){let s=i[o],c=a.findIndex(i=>Xe(s,i,void 0,e,t,n,r));if(c===-1)return!1;a.splice(c,1)}return!0}case De:case Ne:case Pe:case Fe:case Ie:case Le:case Re:case ze:case Be:case Ve:case He:case Ue:if(typeof Buffer<`u`&&Buffer.isBuffer(e)!==Buffer.isBuffer(t)||e.length!==t.length)return!1;for(let i=0;i<e.length;i++)if(!Xe(e[i],t[i],i,e,t,n,r))return!1;return!0;case ke:return e.byteLength===t.byteLength?Ze(new Uint8Array(e),new Uint8Array(t),n,r):!1;case Me:return e.byteLength!==t.byteLength||e.byteOffset!==t.byteOffset?!1:Ze(new Uint8Array(e),new Uint8Array(t),n,r);case je:return e.name===t.name&&e.message===t.message;case Ae:{if(!(Ze(e.constructor,t.constructor,n,r)||Ke(e)&&Ke(t)))return!1;let i=[...Object.keys(e),...ge(e)],a=[...Object.keys(t),...ge(t)];if(i.length!==a.length)return!1;for(let a=0;a<i.length;a++){let o=i[a],s=e[o];if(!Object.hasOwn(t,o))return!1;let c=t[o];if(!Xe(s,c,o,e,t,n,r))return!1}return!0}default:return!1}}finally{n.delete(e),n.delete(t)}}function Qe(e,t){return Ye(e,t,pe)}function $e(e,n,r){(0,t.watch)(n,(t,n)=>{r?r(t,n)&&e():e()}),(0,t.onMounted)(()=>{e()})}var et=(typeof window>`u`?!1:/iPad|iPhone|iPod/.test(navigator.platform)||navigator.platform===`MacIntel`&&navigator.maxTouchPoints>1)&&!window.MSStream;typeof window>`u`||et||window.safari;function V(e){let n=(0,t.ref)(typeof e==`function`?e():e);function r(e){n.value=e}return[n,r]}function tt(e,n){let{defaultValue:r,value:i=(0,t.ref)()}=n||{},a=typeof e==`function`?e():e;i.value!==void 0&&(a=(0,t.unref)(i)),r!==void 0&&(a=typeof r==`function`?r():r);let o=(0,t.ref)(a),s=(0,t.ref)(a),[c,l]=V([s.value]);(0,t.watchEffect)(()=>{let e=i.value===void 0?o.value:i.value;n?.postState&&(e=n.postState(e,o.value)),s.value=e}),(0,t.watch)(c,()=>{let e=c.value[0];o.value!==e&&n?.onChange?.(o.value,e)},{deep:!0});function u(e){o.value=e}function d(e){u(e),l([s.value])}return(0,t.watch)(i,()=>{o.value=i.value}),[s,d,o]}var nt={x:0,y:0,rotate:0,scale:1,flipX:!1,flipY:!1};function rt(e,n,r,i){let a=(0,t.ref)(null),o=(0,t.ref)([]),[s,c]=V(nt),l=e=>{c(nt),Qe(nt,s.value)||i?.({transform:nt,action:e})},u=(e,t)=>{a.value===null&&(o.value=[],a.value=_(()=>{let e=Ge(s.value);o.value.forEach(t=>{e={...e,...t}}),a.value=null,i?.({transform:e,action:t}),c(e)})),o.value.push({...s.value,...e})};return{transform:s,resetTransform:l,updateTransform:u,dispatchZoomChange:(t,i,a,o,c)=>{let{width:l,height:d,offsetWidth:f,offsetHeight:p,offsetLeft:m,offsetTop:h}=e.value,g=t,_=s.value.scale*t;_>r.value?(_=r.value,g=r.value/s.value.scale):_<n.value&&(_=c?_:n.value,g=_/s.value.scale);let v=a??innerWidth/2,y=o??innerHeight/2,b=g-1,ee=b*l*.5,x=b*d*.5,S=b*(v-s.value.x-m),C=b*(y-s.value.y-h),w=s.value.x-(S-ee),T=s.value.y-(C-x);if(t<1&&_===1){let e=f*_,t=p*_,{width:n,height:r}=fe();e<=n.value&&t<=r.value&&(w=0,T=0)}u({x:w,y:T,scale:_},i)}}}var it=!1;try{let e=Object.defineProperty({},`passive`,{get(){it=!0}});window.addEventListener(`testPassive`,null,e),window.removeEventListener(`testPassive`,null,e)}catch{}function H(e,t,n,r){if(e&&e.addEventListener){let i=r;i===void 0&&it&&(t===`touchstart`||t===`touchmove`||t===`wheel`)&&(i={passive:!1}),e.addEventListener(t,n,i)}return{remove:()=>{e&&e.removeEventListener&&e.removeEventListener(t,n)}}}function at(e,t,n,r){let i=t+n,a=(n-r)/2;if(n>r){if(t>0)return{[e]:a};if(t<0&&i<r)return{[e]:-a}}else if(t<0||i>r)return{[e]:t<0?a:-a};return{}}function ot(e,t,n,r){let{width:i,height:a}=fe(),o=null;return e<=i.value&&t<=a.value?o={x:0,y:0}:(e>i.value||t>a.value)&&(o={...at(`x`,n,e,i.value),...at(`y`,r,t,a.value)}),o}function st(e,n,r,i,a,o,s){let[c,l]=V(!1),u=(0,t.ref)({diffX:0,diffY:0,transformX:0,transformY:0}),d=e=>{!n||e.button!==0||(e.preventDefault(),e.stopPropagation(),u.value={diffX:e.pageX-a.value.x,diffY:e.pageY-a.value.y,transformX:a.value.x,transformY:a.value.y},l(!0))},f=e=>{r&&c.value&&o({x:e.pageX-u.value.diffX,y:e.pageY-u.value.diffY},`move`)},p=()=>{if(r&&c.value){l(!1);let{transformX:t,transformY:n}=u.value;if(!(a.value.x!==t&&a.value.y!==n))return;let r=e.value.offsetWidth*a.value.scale,i=e.value.offsetHeight*a.value.scale,{left:s,top:c}=e.value.getBoundingClientRect(),d=a.value.rotate%180!=0,f=ot(d?i:r,d?r:i,s,c);f&&o({...f},`dragRebound`)}};return $e(()=>{let e,t,r,i;if(n){r=H(window,`mouseup`,p,!1),i=H(window,`mousemove`,f,!1);try{window.top!==window.self&&(e=H(window.top,`mouseup`,p,!1),t=H(window.top,`mousemove`,f,!1))}catch(e){console.warn(`[rc-image] ${e}`)}}return()=>{r?.remove(),i?.remove(),e?.remove(),t?.remove()}},[r,c,()=>a.value.x,()=>a.value.y,()=>a.value.rotate,n]),{isMoving:c,onMouseDown:d,onMouseMove:f,onMouseUp:p,onWheel:e=>{if(!r||e.deltaY===0)return;let t=Math.abs(e.deltaY/100),n=1+Math.min(t,1)*i.value;e.deltaY>0&&(n=1/n),s(n,`wheel`,e.clientX,e.clientY)}}}function ct(e,t){let n=e.x-t.x,r=e.y-t.y;return Math.hypot(n,r)}function lt(e,t,n,r){let i=ct(e,n),a=ct(t,r);if(i===0&&a===0)return[e.x,e.y];let o=i/(i+a);return[e.x+o*(t.x-e.x),e.y+o*(t.y-e.y)]}function ut(e,n,r,i,a,o,s){let[c,l]=V(!1),u=(0,t.ref)({point1:{x:0,y:0},point2:{x:0,y:0},eventType:`none`}),d=e=>{u.value={...u.value,...e}};return $e(()=>{let e;return r.value&&n.value&&(e=H(window,`touchmove`,e=>e.preventDefault(),{passive:!1})),()=>{e?.remove()}},[r,n]),{isTouching:c,onTouchStart:e=>{if(!n.value)return;e.stopPropagation(),l(!0);let{touches:t=[]}=e;t.length>1?d({point1:{x:t[0].clientX,y:t[0].clientY},point2:{x:t[1].clientX,y:t[1].clientY},eventType:`touchZoom`}):d({point1:{x:t[0].clientX-a.value.x,y:t[0].clientY-a.value.y},eventType:`move`})},onTouchMove:e=>{let{touches:t=[]}=e,{point1:n,point2:r,eventType:i}=u.value;if(t.length>1&&i===`touchZoom`){let e={x:t[0].clientX,y:t[0].clientY},i={x:t[1].clientX,y:t[1].clientY},[a,o]=lt(n,r,e,i);s(ct(e,i)/ct(n,r),`touchZoom`,a,o,!0),d({point1:e,point2:i,eventType:`touchZoom`})}else i===`move`&&(o({x:t[0].clientX-n.x,y:t[0].clientY-n.y},`move`),d({eventType:`move`}))},onTouchEnd:()=>{if(!r.value)return;if(c&&l(!1),d({eventType:`none`}),i.value>a.value.scale)return o({x:0,y:0,scale:i.value},`touchZoom`);let t=e.value.offsetWidth*a.value.scale,n=e.value.offsetHeight*a.value.scale,{left:s,top:u}=e.value.getBoundingClientRect(),f=a.value.rotate%180!=0,p=ot(f?n:t,f?t:n,s,u);p&&o({...p},`dragRebound`)}}}let U={infinite:{type:Boolean,default:!0},zIndex:{type:Number,default:2e3},current:{type:Number,default:0},getContainer:{type:String}},dt={preview:{type:[Object,Boolean],default:!0},src:{type:String,default:``},alt:{type:String,default:``},loading:{type:String},fit:{type:String,default:`contain`},crossOrigin:{type:String},lazy:Boolean,scrollContainer:{type:[String,Object]},placeholder:{type:[Function,Object,Boolean],default:()=>void 0},fallback:{type:[Function,Object],default:()=>void 0},onLoad:{type:Function},onError:{type:Function},onClick:{type:Function},imageStyle:{type:Object,default:()=>({})},imageClass:String,size:Number,width:Number,height:Number,zIndex:U.zIndex,getContainer:U.getContainer};var W={urls:{type:Array,default:()=>[]},open:{type:Boolean,default:!1},scaleStep:{type:Number,default:.5},minScale:{type:Number,default:.32},maxScale:{type:Number,default:32},movable:{type:Boolean,default:!0},disabled:Boolean,zIndex:U.zIndex,current:U.current,infinite:U.infinite,getContainer:U.getContainer,onHideOnClickModal:{type:Boolean,default:!0},countRender:[Function,Array,Object],icons:{type:Object,default:()=>({})},onTransform:Function,onOpenChange:Function,"onUpdate:open":Function},ft=(0,t.defineComponent)({name:`Operations`,inheritAttrs:!1,props:{open:Boolean,count:{type:Number,default:0},current:{type:Number,default:0},showSwitch:Boolean,showProgress:Boolean,prefixCls:String,hashId:String,zIndex:W.zIndex,icons:W.icons,infinite:W.infinite,getContainer:W.getContainer,countRender:W.countRender,tools:Array,onClose:Function,onActive:Function},setup(e){let i=(t,n)=>{t.preventDefault(),t.stopPropagation(),e.onActive?.(n)};return()=>{let{prefixCls:a,hashId:o,tools:s}=e,c=(0,r.getTransitionProps)(`${e.prefixCls}-fade`),l=`${a}-operations-operation`,u=`${a}-operations-icon`;return(0,t.createVNode)(t.Teleport,{to:e.getContainer||`body`},{default:()=>[(0,t.createVNode)(t.Transition,c,{default:()=>[(0,t.withDirectives)((0,t.createVNode)(`div`,{class:C(`${a}-operations-wrapper`,o),style:{zIndex:e.zIndex}},[e.icons?.close===null?null:(0,t.createVNode)(`button`,{class:`${a}-close ${o}`,onClick:e.onClose},[e.icons?.close||(0,t.createVNode)(n.CloseOutlined,null,null)]),e.showSwitch&&(0,t.createVNode)(t.Fragment,null,[(0,t.createVNode)(`div`,{class:C(`${a}-switch-left ${o}`,{[`${a}-switch-left-disabled`]:e.infinite?!1:e.current===0}),onClick:e=>i(e,-1)},[e.icons?.left||(0,t.createVNode)(n.LeftOutlined,null,null)]),(0,t.createVNode)(`div`,{class:C(`${a}-switch-right ${o}`,{[`${a}-switch-right-disabled`]:e.infinite?!1:e.current===e.count-1}),onClick:e=>i(e,1)},[e.icons?.right||(0,t.createVNode)(n.RightOutlined,null,null)])]),(0,t.createVNode)(`div`,{class:`${a}-footer ${o}`},[e.showProgress&&(0,t.createVNode)(`div`,{class:`${a}-progress`},[e.countRender?e.countRender(e.current+1,e.count):`${e.current+1} / ${e.count}`]),(0,t.createVNode)(`div`,{class:`${e.prefixCls}-operations`},[s?.map(({icon:n,onClick:r,type:i,disabled:a})=>(0,t.createVNode)(`div`,{class:C(l,{[`${e.prefixCls}-operations-operation-disabled`]:a&&a?.value}),onClick:r,key:i},[(0,t.cloneVNode)(n,{class:u})]))])])]),[[t.vShow,e.open]])]})]})}}});function G(e,t){mt(e)&&(e=`100%`);var n=ht(e);return e=t===360?e:Math.min(t,Math.max(0,parseFloat(e))),n&&(e=parseInt(String(e*t),10)/100),Math.abs(e-t)<1e-6?1:(e=t===360?(e<0?e%t+t:e%t)/parseFloat(String(t)):e%t/parseFloat(String(t)),e)}function pt(e){return Math.min(1,Math.max(0,e))}function mt(e){return typeof e==`string`&&e.indexOf(`.`)!==-1&&parseFloat(e)===1}function ht(e){return typeof e==`string`&&e.indexOf(`%`)!==-1}function gt(e){return e=parseFloat(e),(isNaN(e)||e<0||e>1)&&(e=1),e}function _t(e){return e<=1?`${Number(e)*100}%`:e}function K(e){return e.length===1?`0`+e:String(e)}function vt(e,t,n){return{r:G(e,255)*255,g:G(t,255)*255,b:G(n,255)*255}}function yt(e,t,n){e=G(e,255),t=G(t,255),n=G(n,255);var r=Math.max(e,t,n),i=Math.min(e,t,n),a=0,o=0,s=(r+i)/2;if(r===i)o=0,a=0;else{var c=r-i;switch(o=s>.5?c/(2-r-i):c/(r+i),r){case e:a=(t-n)/c+(t<n?6:0);break;case t:a=(n-e)/c+2;break;case n:a=(e-t)/c+4;break;default:break}a/=6}return{h:a,s:o,l:s}}function bt(e,t,n){return n<0&&(n+=1),n>1&&--n,n<1/6?e+(t-e)*(6*n):n<1/2?t:n<2/3?e+(t-e)*(2/3-n)*6:e}function xt(e,t,n){var r,i,a;if(e=G(e,360),t=G(t,100),n=G(n,100),t===0)i=n,a=n,r=n;else{var o=n<.5?n*(1+t):n+t-n*t,s=2*n-o;r=bt(s,o,e+1/3),i=bt(s,o,e),a=bt(s,o,e-1/3)}return{r:r*255,g:i*255,b:a*255}}function St(e,t,n){e=G(e,255),t=G(t,255),n=G(n,255);var r=Math.max(e,t,n),i=Math.min(e,t,n),a=0,o=r,s=r-i,c=r===0?0:s/r;if(r===i)a=0;else{switch(r){case e:a=(t-n)/s+(t<n?6:0);break;case t:a=(n-e)/s+2;break;case n:a=(e-t)/s+4;break;default:break}a/=6}return{h:a,s:c,v:o}}function Ct(e,t,n){e=G(e,360)*6,t=G(t,100),n=G(n,100);var r=Math.floor(e),i=e-r,a=n*(1-t),o=n*(1-i*t),s=n*(1-(1-i)*t),c=r%6,l=[n,o,a,a,s,n][c],u=[s,n,n,o,a,a][c],d=[a,a,s,n,n,o][c];return{r:l*255,g:u*255,b:d*255}}function wt(e,t,n,r){var i=[K(Math.round(e).toString(16)),K(Math.round(t).toString(16)),K(Math.round(n).toString(16))];return r&&i[0].startsWith(i[0].charAt(1))&&i[1].startsWith(i[1].charAt(1))&&i[2].startsWith(i[2].charAt(1))?i[0].charAt(0)+i[1].charAt(0)+i[2].charAt(0):i.join(``)}function Tt(e,t,n,r,i){var a=[K(Math.round(e).toString(16)),K(Math.round(t).toString(16)),K(Math.round(n).toString(16)),K(Et(r))];return i&&a[0].startsWith(a[0].charAt(1))&&a[1].startsWith(a[1].charAt(1))&&a[2].startsWith(a[2].charAt(1))&&a[3].startsWith(a[3].charAt(1))?a[0].charAt(0)+a[1].charAt(0)+a[2].charAt(0)+a[3].charAt(0):a.join(``)}function Et(e){return Math.round(parseFloat(e)*255).toString(16)}function Dt(e){return q(e)/255}function q(e){return parseInt(e,16)}function Ot(e){return{r:e>>16,g:(e&65280)>>8,b:e&255}}var kt={aliceblue:`#f0f8ff`,antiquewhite:`#faebd7`,aqua:`#00ffff`,aquamarine:`#7fffd4`,azure:`#f0ffff`,beige:`#f5f5dc`,bisque:`#ffe4c4`,black:`#000000`,blanchedalmond:`#ffebcd`,blue:`#0000ff`,blueviolet:`#8a2be2`,brown:`#a52a2a`,burlywood:`#deb887`,cadetblue:`#5f9ea0`,chartreuse:`#7fff00`,chocolate:`#d2691e`,coral:`#ff7f50`,cornflowerblue:`#6495ed`,cornsilk:`#fff8dc`,crimson:`#dc143c`,cyan:`#00ffff`,darkblue:`#00008b`,darkcyan:`#008b8b`,darkgoldenrod:`#b8860b`,darkgray:`#a9a9a9`,darkgreen:`#006400`,darkgrey:`#a9a9a9`,darkkhaki:`#bdb76b`,darkmagenta:`#8b008b`,darkolivegreen:`#556b2f`,darkorange:`#ff8c00`,darkorchid:`#9932cc`,darkred:`#8b0000`,darksalmon:`#e9967a`,darkseagreen:`#8fbc8f`,darkslateblue:`#483d8b`,darkslategray:`#2f4f4f`,darkslategrey:`#2f4f4f`,darkturquoise:`#00ced1`,darkviolet:`#9400d3`,deeppink:`#ff1493`,deepskyblue:`#00bfff`,dimgray:`#696969`,dimgrey:`#696969`,dodgerblue:`#1e90ff`,firebrick:`#b22222`,floralwhite:`#fffaf0`,forestgreen:`#228b22`,fuchsia:`#ff00ff`,gainsboro:`#dcdcdc`,ghostwhite:`#f8f8ff`,goldenrod:`#daa520`,gold:`#ffd700`,gray:`#808080`,green:`#008000`,greenyellow:`#adff2f`,grey:`#808080`,honeydew:`#f0fff0`,hotpink:`#ff69b4`,indianred:`#cd5c5c`,indigo:`#4b0082`,ivory:`#fffff0`,khaki:`#f0e68c`,lavenderblush:`#fff0f5`,lavender:`#e6e6fa`,lawngreen:`#7cfc00`,lemonchiffon:`#fffacd`,lightblue:`#add8e6`,lightcoral:`#f08080`,lightcyan:`#e0ffff`,lightgoldenrodyellow:`#fafad2`,lightgray:`#d3d3d3`,lightgreen:`#90ee90`,lightgrey:`#d3d3d3`,lightpink:`#ffb6c1`,lightsalmon:`#ffa07a`,lightseagreen:`#20b2aa`,lightskyblue:`#87cefa`,lightslategray:`#778899`,lightslategrey:`#778899`,lightsteelblue:`#b0c4de`,lightyellow:`#ffffe0`,lime:`#00ff00`,limegreen:`#32cd32`,linen:`#faf0e6`,magenta:`#ff00ff`,maroon:`#800000`,mediumaquamarine:`#66cdaa`,mediumblue:`#0000cd`,mediumorchid:`#ba55d3`,mediumpurple:`#9370db`,mediumseagreen:`#3cb371`,mediumslateblue:`#7b68ee`,mediumspringgreen:`#00fa9a`,mediumturquoise:`#48d1cc`,mediumvioletred:`#c71585`,midnightblue:`#191970`,mintcream:`#f5fffa`,mistyrose:`#ffe4e1`,moccasin:`#ffe4b5`,navajowhite:`#ffdead`,navy:`#000080`,oldlace:`#fdf5e6`,olive:`#808000`,olivedrab:`#6b8e23`,orange:`#ffa500`,orangered:`#ff4500`,orchid:`#da70d6`,palegoldenrod:`#eee8aa`,palegreen:`#98fb98`,paleturquoise:`#afeeee`,palevioletred:`#db7093`,papayawhip:`#ffefd5`,peachpuff:`#ffdab9`,peru:`#cd853f`,pink:`#ffc0cb`,plum:`#dda0dd`,powderblue:`#b0e0e6`,purple:`#800080`,rebeccapurple:`#663399`,red:`#ff0000`,rosybrown:`#bc8f8f`,royalblue:`#4169e1`,saddlebrown:`#8b4513`,salmon:`#fa8072`,sandybrown:`#f4a460`,seagreen:`#2e8b57`,seashell:`#fff5ee`,sienna:`#a0522d`,silver:`#c0c0c0`,skyblue:`#87ceeb`,slateblue:`#6a5acd`,slategray:`#708090`,slategrey:`#708090`,snow:`#fffafa`,springgreen:`#00ff7f`,steelblue:`#4682b4`,tan:`#d2b48c`,teal:`#008080`,thistle:`#d8bfd8`,tomato:`#ff6347`,turquoise:`#40e0d0`,violet:`#ee82ee`,wheat:`#f5deb3`,white:`#ffffff`,whitesmoke:`#f5f5f5`,yellow:`#ffff00`,yellowgreen:`#9acd32`};function At(e){var t={r:0,g:0,b:0},n=1,r=null,i=null,a=null,o=!1,s=!1;return typeof e==`string`&&(e=Nt(e)),typeof e==`object`&&(X(e.r)&&X(e.g)&&X(e.b)?(t=vt(e.r,e.g,e.b),o=!0,s=String(e.r).substr(-1)===`%`?`prgb`:`rgb`):X(e.h)&&X(e.s)&&X(e.v)?(r=_t(e.s),i=_t(e.v),t=Ct(e.h,r,i),o=!0,s=`hsv`):X(e.h)&&X(e.s)&&X(e.l)&&(r=_t(e.s),a=_t(e.l),t=xt(e.h,r,a),o=!0,s=`hsl`),Object.prototype.hasOwnProperty.call(e,`a`)&&(n=e.a)),n=gt(n),{ok:o,format:e.format||s,r:Math.min(255,Math.max(t.r,0)),g:Math.min(255,Math.max(t.g,0)),b:Math.min(255,Math.max(t.b,0)),a:n}}var J=`(?:[-\\+]?\\d*\\.\\d+%?)|(?:[-\\+]?\\d+%?)`,jt=`[\\s|\\(]+(${J})[,|\\s]+(${J})[,|\\s]+(${J})\\s*\\)?`,Mt=`[\\s|\\(]+(${J})[,|\\s]+(${J})[,|\\s]+(${J})[,|\\s]+(${J})\\s*\\)?`,Y={CSS_UNIT:new RegExp(J),rgb:RegExp(`rgb`+jt),rgba:RegExp(`rgba`+Mt),hsl:RegExp(`hsl`+jt),hsla:RegExp(`hsla`+Mt),hsv:RegExp(`hsv`+jt),hsva:RegExp(`hsva`+Mt),hex3:/^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,hex6:/^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/,hex4:/^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,hex8:/^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/};function Nt(e){if(e=e.trim().toLowerCase(),e.length===0)return!1;var t=!1;if(kt[e])e=kt[e],t=!0;else if(e===`transparent`)return{r:0,g:0,b:0,a:0,format:`name`};var n=Y.rgb.exec(e);return n?{r:n[1],g:n[2],b:n[3]}:(n=Y.rgba.exec(e),n?{r:n[1],g:n[2],b:n[3],a:n[4]}:(n=Y.hsl.exec(e),n?{h:n[1],s:n[2],l:n[3]}:(n=Y.hsla.exec(e),n?{h:n[1],s:n[2],l:n[3],a:n[4]}:(n=Y.hsv.exec(e),n?{h:n[1],s:n[2],v:n[3]}:(n=Y.hsva.exec(e),n?{h:n[1],s:n[2],v:n[3],a:n[4]}:(n=Y.hex8.exec(e),n?{r:q(n[1]),g:q(n[2]),b:q(n[3]),a:Dt(n[4]),format:t?`name`:`hex8`}:(n=Y.hex6.exec(e),n?{r:q(n[1]),g:q(n[2]),b:q(n[3]),format:t?`name`:`hex`}:(n=Y.hex4.exec(e),n?{r:q(n[1]+n[1]),g:q(n[2]+n[2]),b:q(n[3]+n[3]),a:Dt(n[4]+n[4]),format:t?`name`:`hex8`}:(n=Y.hex3.exec(e),n?{r:q(n[1]+n[1]),g:q(n[2]+n[2]),b:q(n[3]+n[3]),format:t?`name`:`hex`}:!1)))))))))}function X(e){return!!Y.CSS_UNIT.exec(String(e))}var Z=function(){function e(t,n){if(t===void 0&&(t=``),n===void 0&&(n={}),t instanceof e)return t;typeof t==`number`&&(t=Ot(t)),this.originalInput=t;var r=At(t);this.originalInput=t,this.r=r.r,this.g=r.g,this.b=r.b,this.a=r.a,this.roundA=Math.round(100*this.a)/100,this.format=n.format??r.format,this.gradientType=n.gradientType,this.r<1&&(this.r=Math.round(this.r)),this.g<1&&(this.g=Math.round(this.g)),this.b<1&&(this.b=Math.round(this.b)),this.isValid=r.ok}return e.prototype.isDark=function(){return this.getBrightness()<128},e.prototype.isLight=function(){return!this.isDark()},e.prototype.getBrightness=function(){var e=this.toRgb();return(e.r*299+e.g*587+e.b*114)/1e3},e.prototype.getLuminance=function(){var e=this.toRgb(),t,n,r,i=e.r/255,a=e.g/255,o=e.b/255;return t=i<=.03928?i/12.92:((i+.055)/1.055)**2.4,n=a<=.03928?a/12.92:((a+.055)/1.055)**2.4,r=o<=.03928?o/12.92:((o+.055)/1.055)**2.4,.2126*t+.7152*n+.0722*r},e.prototype.getAlpha=function(){return this.a},e.prototype.setAlpha=function(e){return this.a=gt(e),this.roundA=Math.round(100*this.a)/100,this},e.prototype.isMonochrome=function(){return this.toHsl().s===0},e.prototype.toHsv=function(){var e=St(this.r,this.g,this.b);return{h:e.h*360,s:e.s,v:e.v,a:this.a}},e.prototype.toHsvString=function(){var e=St(this.r,this.g,this.b),t=Math.round(e.h*360),n=Math.round(e.s*100),r=Math.round(e.v*100);return this.a===1?`hsv(${t}, ${n}%, ${r}%)`:`hsva(${t}, ${n}%, ${r}%, ${this.roundA})`},e.prototype.toHsl=function(){var e=yt(this.r,this.g,this.b);return{h:e.h*360,s:e.s,l:e.l,a:this.a}},e.prototype.toHslString=function(){var e=yt(this.r,this.g,this.b),t=Math.round(e.h*360),n=Math.round(e.s*100),r=Math.round(e.l*100);return this.a===1?`hsl(${t}, ${n}%, ${r}%)`:`hsla(${t}, ${n}%, ${r}%, ${this.roundA})`},e.prototype.toHex=function(e){return e===void 0&&(e=!1),wt(this.r,this.g,this.b,e)},e.prototype.toHexString=function(e){return e===void 0&&(e=!1),`#`+this.toHex(e)},e.prototype.toHex8=function(e){return e===void 0&&(e=!1),Tt(this.r,this.g,this.b,this.a,e)},e.prototype.toHex8String=function(e){return e===void 0&&(e=!1),`#`+this.toHex8(e)},e.prototype.toHexShortString=function(e){return e===void 0&&(e=!1),this.a===1?this.toHexString(e):this.toHex8String(e)},e.prototype.toRgb=function(){return{r:Math.round(this.r),g:Math.round(this.g),b:Math.round(this.b),a:this.a}},e.prototype.toRgbString=function(){var e=Math.round(this.r),t=Math.round(this.g),n=Math.round(this.b);return this.a===1?`rgb(${e}, ${t}, ${n})`:`rgba(${e}, ${t}, ${n}, ${this.roundA})`},e.prototype.toPercentageRgb=function(){var e=function(e){return`${Math.round(G(e,255)*100)}%`};return{r:e(this.r),g:e(this.g),b:e(this.b),a:this.a}},e.prototype.toPercentageRgbString=function(){var e=function(e){return Math.round(G(e,255)*100)};return this.a===1?`rgb(${e(this.r)}%, ${e(this.g)}%, ${e(this.b)}%)`:`rgba(${e(this.r)}%, ${e(this.g)}%, ${e(this.b)}%, ${this.roundA})`},e.prototype.toName=function(){if(this.a===0)return`transparent`;if(this.a<1)return!1;for(var e=`#`+wt(this.r,this.g,this.b,!1),t=0,n=Object.entries(kt);t<n.length;t++){var r=n[t],i=r[0];if(e===r[1])return i}return!1},e.prototype.toString=function(e){var t=!!e;e??=this.format;var n=!1,r=this.a<1&&this.a>=0;return!t&&r&&(e.startsWith(`hex`)||e===`name`)?e===`name`&&this.a===0?this.toName():this.toRgbString():(e===`rgb`&&(n=this.toRgbString()),e===`prgb`&&(n=this.toPercentageRgbString()),(e===`hex`||e===`hex6`)&&(n=this.toHexString()),e===`hex3`&&(n=this.toHexString(!0)),e===`hex4`&&(n=this.toHex8String(!0)),e===`hex8`&&(n=this.toHex8String()),e===`name`&&(n=this.toName()),e===`hsl`&&(n=this.toHslString()),e===`hsv`&&(n=this.toHsvString()),n||this.toHexString())},e.prototype.toNumber=function(){return(Math.round(this.r)<<16)+(Math.round(this.g)<<8)+Math.round(this.b)},e.prototype.clone=function(){return new e(this.toString())},e.prototype.lighten=function(t){t===void 0&&(t=10);var n=this.toHsl();return n.l+=t/100,n.l=pt(n.l),new e(n)},e.prototype.brighten=function(t){t===void 0&&(t=10);var n=this.toRgb();return n.r=Math.max(0,Math.min(255,n.r-Math.round(255*-(t/100)))),n.g=Math.max(0,Math.min(255,n.g-Math.round(255*-(t/100)))),n.b=Math.max(0,Math.min(255,n.b-Math.round(255*-(t/100)))),new e(n)},e.prototype.darken=function(t){t===void 0&&(t=10);var n=this.toHsl();return n.l-=t/100,n.l=pt(n.l),new e(n)},e.prototype.tint=function(e){return e===void 0&&(e=10),this.mix(`white`,e)},e.prototype.shade=function(e){return e===void 0&&(e=10),this.mix(`black`,e)},e.prototype.desaturate=function(t){t===void 0&&(t=10);var n=this.toHsl();return n.s-=t/100,n.s=pt(n.s),new e(n)},e.prototype.saturate=function(t){t===void 0&&(t=10);var n=this.toHsl();return n.s+=t/100,n.s=pt(n.s),new e(n)},e.prototype.greyscale=function(){return this.desaturate(100)},e.prototype.spin=function(t){var n=this.toHsl(),r=(n.h+t)%360;return n.h=r<0?360+r:r,new e(n)},e.prototype.mix=function(t,n){n===void 0&&(n=50);var r=this.toRgb(),i=new e(t).toRgb(),a=n/100;return new e({r:(i.r-r.r)*a+r.r,g:(i.g-r.g)*a+r.g,b:(i.b-r.b)*a+r.b,a:(i.a-r.a)*a+r.a})},e.prototype.analogous=function(t,n){t===void 0&&(t=6),n===void 0&&(n=30);var r=this.toHsl(),i=360/n,a=[this];for(r.h=(r.h-(i*t>>1)+720)%360;--t;)r.h=(r.h+i)%360,a.push(new e(r));return a},e.prototype.complement=function(){var t=this.toHsl();return t.h=(t.h+180)%360,new e(t)},e.prototype.monochromatic=function(t){t===void 0&&(t=6);for(var n=this.toHsv(),r=n.h,i=n.s,a=n.v,o=[],s=1/t;t--;)o.push(new e({h:r,s:i,v:a})),a=(a+s)%1;return o},e.prototype.splitcomplement=function(){var t=this.toHsl(),n=t.h;return[this,new e({h:(n+72)%360,s:t.s,l:t.l}),new e({h:(n+216)%360,s:t.s,l:t.l})]},e.prototype.onBackground=function(t){var n=this.toRgb(),r=new e(t).toRgb(),i=n.a+r.a*(1-n.a);return new e({r:(n.r*n.a+r.r*r.a*(1-n.a))/i,g:(n.g*n.a+r.g*r.a*(1-n.a))/i,b:(n.b*n.a+r.b*r.a*(1-n.a))/i,a:i})},e.prototype.triad=function(){return this.polyad(3)},e.prototype.tetrad=function(){return this.polyad(4)},e.prototype.polyad=function(t){for(var n=this.toHsl(),r=n.h,i=[this],a=360/t,o=1;o<t;o++)i.push(new e({h:(r+o*a)%360,s:n.s,l:n.l}));return i},e.prototype.equals=function(t){return this.toRgbString()===new e(t).toRgbString()},e}();let Pt=new r.Keyframe(`viewFadeIn`,{"0%":{opacity:0},"100%":{opacity:1}}),Ft=new r.Keyframe(`viewFadeOut`,{"0%":{opacity:1},"100%":{opacity:0}});var It=new r.Keyframe(`viewZoomBadgeIn`,{"0%":{transform:`scale(0)`,opacity:0},"100%":{transform:`scale(1)`,opacity:1}}),Lt=new r.Keyframe(`viewZoomBadgeOut`,{"0%":{transform:`scale(1)`},"100%":{transform:`scale(0)`,opacity:0}});function Rt(e){return{position:e||`absolute`,inset:0}}function zt(e){return{position:e,top:0,insetInlineEnd:0,bottom:0,insetInlineStart:0}}function Bt(e){let{previewCls:t,modalMaskBg:n,marginXL:r,margin:i,colorTextLightSolid:a,previewOperationColorDisabled:o,previewOperationHoverColor:s,motionDurationSlow:c,iconCls:l}=e,u=new Z(n).setAlpha(.1),d=u.clone().setAlpha(.2),f=new Z(n).setAlpha(.5),p=new Z(n).setAlpha(.03);return{[`${t}-footer`]:{position:`fixed`,bottom:r,left:{_skip_check_:!0,value:`50%`},display:`flex`,flexDirection:`column`,alignItems:`center`,color:e.previewOperationColor,transform:`translateX(-50%)`},[`${t}-progress`]:{marginBottom:i},[`${t}-close`]:{position:`fixed`,top:r,right:{_skip_check_:!0,value:r},display:`flex`,alignItems:`center`,justifyContent:`center`,color:a,backgroundColor:u.toRgbString(),borderRadius:e.borderRadiusLG,backdropFilter:`saturate(180%) blur(10px)`,width:e.sizeXL,height:e.sizeXL,outline:0,border:0,cursor:`pointer`,transition:`all ${c}`,"&:hover":{backgroundColor:d.toRgbString()},[`& > ${l}`]:{fontSize:e.previewOperationSize}},[`${t}-operations`]:{display:`flex`,alignItems:`center`,gap:e.sizeXXS,padding:e.paddingXXS,border:`1px solid ${e.colorBorderSecondary}`,backgroundColor:f.toRgbString(),borderRadius:e.borderRadiusLG,backdropFilter:`saturate(150%) blur(10px)`,"&-operation":{display:`flex`,alignItems:`center`,justifyContent:`center`,width:e.sizeXL+4,height:e.sizeXL+4,cursor:`pointer`,color:a,borderRadius:e.borderRadiusSM,transition:`all ${c}`,userSelect:`none`,[`&:not(${t}-operations-operation-disabled):hover > ${l}`]:{color:s},"&:hover":{backgroundColor:p.toRgbString()},"&-disabled":{color:o,cursor:`not-allowed`},"&:first-of-type":{marginInlineStart:0},[`& > ${l}`]:{fontSize:e.previewOperationSize}}}}}function Vt(e){let{modalMaskBg:t,iconCls:n,previewOperationColorDisabled:r,previewCls:i,zIndexPopup:a,motionDurationSlow:o,colorTextLightSolid:s}=e,c=new Z(t).setAlpha(.1),l=c.clone().setAlpha(.2);return{[`${i}-switch-left, ${i}-switch-right`]:{position:`fixed`,insetBlockStart:`50%`,zIndex:e.calc(a).add(1).equal(),display:`flex`,alignItems:`center`,justifyContent:`center`,borderRadius:e.borderRadius,backdropFilter:`saturate(180%) blur(10px)`,width:e.imagePreviewSwitchSize,height:e.imagePreviewSwitchSize,marginTop:e.calc(e.imagePreviewSwitchSize).mul(-1).div(2).equal(),color:s,background:c.toRgbString(),transform:`translateY(-50%)`,cursor:`pointer`,transition:`all ${o}`,userSelect:`none`,"&:hover":{background:l.toRgbString()},"&-disabled":{"&, &:hover":{color:r,background:`transparent`,cursor:`not-allowed`,[`> ${n}`]:{cursor:`not-allowed`}}},[`> ${n}`]:{fontSize:e.previewOperationSize}},[`${i}-switch-left`]:{insetInlineStart:e.marginSM},[`${i}-switch-right`]:{insetInlineEnd:e.marginSM}}}var Ht=e=>{let{motionEaseOut:t,motionDurationSlow:n}=e;return{[e.componentCls]:{height:`100%`,textAlign:`center`,pointerEvents:`none`,"&-root":{...zt(`fixed`),zIndex:e.zIndexPopup,overflow:`auto`,outline:0,WebkitOverflowScrolling:`touch`},"&-wrap":{...zt(`fixed`),zIndex:e.zIndexPopup,overflow:`auto`,outline:0,WebkitOverflowScrolling:`touch`},"&-mask":{...zt(`fixed`),zIndex:e.zIndexPopupBase,height:`100%`,backgroundColor:e.colorBgMask,backdropFilter:`blur(8px)`},"&-body":{...Rt(),overflow:`hidden`},"&-img":{maxWidth:`100%`,maxHeight:`70%`,verticalAlign:`middle`,transform:`scale3d(1, 1, 1)`,cursor:`grab`,transition:`transform ${n} ${t} 0s`,userSelect:`none`,"&-wrapper":{...Rt(),transition:`transform ${n} ${t} 0s`,display:`flex`,justifyContent:`center`,alignItems:`center`,"& > *":{pointerEvents:`auto`},"&::before":{display:`inline-block`,width:1,height:`50%`,marginInlineEnd:-1,content:`""`}}},"&-moving":{[`${e.componentCls}-view-img`]:{cursor:`grabbing`,"&-wrapper":{transitionDuration:`0s`}}},"&-mask-zoom-appear, &-mask-zoom-enter":{animationName:Pt,animationDuration:e.motionDurationSlow,animationTimingFunction:`linear`,userSelect:`none`},"&-mask-zoom-leave":{animationName:Ft,animationDuration:e.motionDurationSlow,animationTimingFunction:`linear`,pointerEvents:`none`},"&-zoom-appear, &-zoom-enter":{animationName:It,opacity:0,animationTimingFunction:e.motionEaseOutCirc,animationFillMode:`both`,transform:`none`,animationDuration:e.motionDurationMid,userSelect:`none`},"&-zoom-enter-active":{animationPlayState:`running`},"&-zoom-leave":{animationName:Lt,animationDuration:e.motionDurationSlow,animationTimingFunction:e.motionEaseInOutCirc,animationFillMode:`both`}},[`${e.componentCls}-root`]:{[`${e.componentCls}-wrapper`]:{zIndex:e.zIndexPopup}},[`${e.componentCls}-operations-wrapper`]:{position:`fixed`,insetBlockStart:0,insetInlineEnd:0,zIndex:e.calc(e.zIndexPopup).add(1).equal(),width:`100%`},"&":[Bt(e),Vt(e)]}};function Ut(e){return(0,r.useStyle)(`ImageViewer`,e=>[Ht((0,r.mergeToken)(e,{zIndexPopup:e.zIndexPopupBase+80,previewOperationColor:new Z(e.colorTextLightSolid).setAlpha(.65).toRgbString(),previewOperationHoverColor:new Z(e.colorTextLightSolid).setAlpha(.85).toRgbString(),previewOperationColorDisabled:new Z(e.colorTextLightSolid).setAlpha(.25).toRgbString(),imagePreviewSwitchSize:e.sizeXL,modalMaskBg:new Z(`#000`).setAlpha(.45).toRgbString(),previewOperationSize:e.fontSizeIcon*1.5,iconCls:`.anticon`,previewCls:e.componentCls}))],e)}var Q={MAC_ENTER:3,BACKSPACE:8,TAB:9,NUM_CENTER:12,ENTER:13,SHIFT:16,CTRL:17,ALT:18,PAUSE:19,CAPS_LOCK:20,ESC:27,SPACE:32,PAGE_UP:33,PAGE_DOWN:34,END:35,HOME:36,LEFT:37,UP:38,RIGHT:39,DOWN:40,PRINT_SCREEN:44,INSERT:45,DELETE:46,ZERO:48,ONE:49,TWO:50,THREE:51,FOUR:52,FIVE:53,SIX:54,SEVEN:55,EIGHT:56,NINE:57,QUESTION_MARK:63,A:65,B:66,C:67,D:68,E:69,F:70,G:71,H:72,I:73,J:74,K:75,L:76,M:77,N:78,O:79,P:80,Q:81,R:82,S:83,T:84,U:85,V:86,W:87,X:88,Y:89,Z:90,META:91,WIN_KEY_RIGHT:92,CONTEXT_MENU:93,NUM_ZERO:96,NUM_ONE:97,NUM_TWO:98,NUM_THREE:99,NUM_FOUR:100,NUM_FIVE:101,NUM_SIX:102,NUM_SEVEN:103,NUM_EIGHT:104,NUM_NINE:105,NUM_MULTIPLY:106,NUM_PLUS:107,NUM_MINUS:109,NUM_PERIOD:110,NUM_DIVISION:111,F1:112,F2:113,F3:114,F4:115,F5:116,F6:117,F7:118,F8:119,F9:120,F10:121,F11:122,F12:123,NUMLOCK:144,SEMICOLON:186,DASH:189,EQUALS:187,COMMA:188,PERIOD:190,SLASH:191,APOSTROPHE:192,SINGLE_QUOTE:222,OPEN_SQUARE_BRACKET:219,BACKSLASH:220,CLOSE_SQUARE_BRACKET:221,WIN_KEY:224,MAC_FF_META:224,WIN_IME:229,isTextModifyingKeyEvent:function(e){let{keyCode:t}=e;if(e.altKey&&!e.ctrlKey||e.metaKey||t>=Q.F1&&t<=Q.F12)return!1;switch(t){case Q.ALT:case Q.CAPS_LOCK:case Q.CONTEXT_MENU:case Q.CTRL:case Q.DOWN:case Q.END:case Q.ESC:case Q.HOME:case Q.INSERT:case Q.LEFT:case Q.MAC_FF_META:case Q.META:case Q.NUMLOCK:case Q.NUM_CENTER:case Q.PAGE_DOWN:case Q.PAGE_UP:case Q.PAUSE:case Q.PRINT_SCREEN:case Q.RIGHT:case Q.SHIFT:case Q.UP:case Q.WIN_KEY:case Q.WIN_KEY_RIGHT:return!1;default:return!0}},isCharacterKey:function(e){if(e>=Q.ZERO&&e<=Q.NINE||e>=Q.NUM_ZERO&&e<=Q.NUM_MULTIPLY||e>=Q.A&&e<=Q.Z||window.navigator.userAgent.includes(`WebKit`)&&e===0)return!0;switch(e){case Q.SPACE:case Q.QUESTION_MARK:case Q.NUM_PLUS:case Q.NUM_MINUS:case Q.NUM_PERIOD:case Q.NUM_DIVISION:case Q.SEMICOLON:case Q.DASH:case Q.EQUALS:case Q.COMMA:case Q.PERIOD:case Q.SLASH:case Q.APOSTROPHE:case Q.SINGLE_QUOTE:case Q.OPEN_SQUARE_BRACKET:case Q.BACKSLASH:case Q.CLOSE_SQUARE_BRACKET:return!0;default:return!1}}},$={rotateLeft:(0,t.createVNode)(n.RotateLeftOutlined,null,null),rotateRight:(0,t.createVNode)(n.RotateRightOutlined,null,null),zoomIn:(0,t.createVNode)(n.ZoomInOutlined,null,null),zoomOut:(0,t.createVNode)(n.ZoomOutOutlined,null,null),flipX:(0,t.createVNode)(n.SwapOutlined,null,null),flipY:(0,t.createVNode)(n.SwapOutlined,{rotate:90},null)},Wt=(0,t.defineComponent)({name:`GImagePreview`,props:W,inheritAttrs:!1,slots:Object,emits:{close:()=>!0,transform:e=>!0,"update:open":e=>!0},setup:(e,{emit:n,expose:i,slots:a})=>{let c=d({suffixCls:`image-view`}),{wrapSSR:l,hashId:u}=Ut(c),[f,p,m]=tt(e.open,{value:(0,t.toRef)(e,`open`),onChange:t=>{e.onOpenChange?.(t),n(`update:open`,t)}}),[h,g]=V(!1),[_,v]=V(!0),y=(0,t.ref)(),{transform:b,resetTransform:ee,updateTransform:x,dispatchZoomChange:S}=rt(y,(0,t.toRef)(e,`minScale`),(0,t.toRef)(e,`maxScale`),e.onTransform),{isMoving:C,onMouseDown:w,onWheel:E}=st(y,(0,t.toRef)(e,`movable`),m,(0,t.toRef)(e,`scaleStep`),b,x,S),{isTouching:D,onTouchStart:O,onTouchMove:re,onTouchEnd:ie}=ut(y,(0,t.toRef)(e,`movable`),m,(0,t.toRef)(e,`minScale`),b,x,S);$e(()=>{_.value||v(!0)},[_]);let k=(0,t.ref)(null),A=(0,t.ref)(e.current),j=(0,t.reactive)(new Map),M=(0,t.computed)(()=>new Map(Array.from(j).map(([e,{url:t}])=>[e,t]))),N=(0,t.computed)(()=>M.value.get(A.value)),P=(0,t.computed)(()=>M.value.size),ae=(0,t.computed)(()=>Array.from(M.value.keys())),F=(0,t.computed)(()=>ae.value.indexOf(A.value)),I=(0,t.computed)(()=>P.value>1),oe=(0,t.computed)(()=>P.value>=1);(0,t.watch)(m,e=>{e&&(h.value=!0)});let L=e=>{A.value=e};(0,t.watch)(()=>e.current,e=>{o(e)&&L(e)});function R(e,t){j.set(e,{url:t,loading:!0,canPreview:!1})}let se=()=>{g(!1)},ce=()=>{ee(`close`),n(`close`)},le=e=>{C.value||k.value===e?.target&&se()},ue=()=>{let e=j.get(A.value);e&&(e.loading=!1,e.canPreview=!0)},de=e=>{let t=j.get(A.value);t&&(t.loading=!1,t.canPreview=!1),e.target.alt=`加载失败`},fe=()=>{if(F.value>0||e.infinite){let t=F.value-1<0?e.urls.length-1:F.value-1;L(ae.value[t]),ee(`prev`)}},pe=()=>{if(F.value<P.value-1||e.infinite){let t=F.value+1>e.urls.length-1?0:F.value+1;L(ae.value[t]),ee(`next`)}},me=()=>{S(1+e.scaleStep,`zoomIn`)},he=()=>{S(1/(1+e.scaleStep),`zoomOut`)},ge=()=>{x({rotate:b.value.rotate+90},`rotateRight`)},_e=()=>{x({rotate:b.value.rotate-90},`rotateLeft`)},ve=()=>{x({flipX:!b.value.flipX},`flipX`)},ye=()=>{x({flipY:!b.value.flipY},`flipY`)},be=()=>{let n=ne({slots:a,props:e.icons,keys:[`flipY`,`flipX`,`rotateLeft`,`rotateRight`,`zoomOut`,`zoomIn`],render:!0,defaultVNodes:[$.flipY,$.flipX,$.rotateLeft,$.rotateRight,$.zoomOut,$.zoomIn]});return[{icon:n.flipY,onClick:ye,type:`flipY`},{icon:n.flipX,onClick:ve,type:`flipX`},{icon:n.rotateLeft,onClick:_e,type:`rotateLeft`},{icon:n.rotateRight,onClick:ge,type:`rotateRight`},{icon:n.zoomOut,onClick:()=>he(),type:`zoomOut`,disabled:(0,t.computed)(()=>b.value.scale<=e.minScale)},{icon:n.zoomIn,onClick:()=>me(),type:`zoomIn`,disabled:(0,t.computed)(()=>b.value.scale===e.maxScale)}]},xe=t=>{m.value&&(b.value.scale===1?S(1+e.scaleStep,`doubleClick`,t.clientX,t.clientY):x({x:0,y:0,scale:1},`doubleClick`))},Se=e=>{e.keyCode===Q.ESC&&se(),!(!m.value||!I.value)&&(e.keyCode===Q.LEFT?fe():e.keyCode===Q.RIGHT&&pe())},Ce=()=>{};return(0,t.onMounted)(()=>{(0,t.watch)(()=>e.urls,e=>{s(e)&&e.forEach((e,t)=>{R(t,e)})},{flush:`post`,immediate:!0}),(0,t.watch)([()=>m.value,()=>C.value],()=>{Ce();let e=H(window,`keydown`,Se,!1);Ce=()=>{e.remove()}},{flush:`post`,immediate:!0})}),(0,t.onUnmounted)(()=>{Ce()}),i({setOpen:t=>{p(t),A.value=e.current}}),()=>{let n=(0,r.getTransitionProps)(`${c}-mask-zoom`),i=(0,r.getTransitionProps)(`${c}-zoom`),o={};for(let t in e.icons)o[t]=te({slots:a,props:e.icons,key:t});return l((0,t.createVNode)(t.Fragment,null,[(0,t.createVNode)(t.Teleport,{to:e.getContainer||`body`},{default:()=>[m.value&&(0,t.createVNode)(t.Fragment,null,[(0,t.createVNode)(`div`,{class:`${c}-root ${u.value}`},[(0,t.createVNode)(t.Transition,n,{default:()=>[(0,t.withDirectives)((0,t.createVNode)(`div`,{class:`${c}-mask ${u.value}`},null),[[t.vShow,m.value&&h.value]])]}),(0,t.createVNode)(`div`,{ref:k,tabindex:-1,class:[`${c}-wrap`,`${u.value}`,C.value&&`${c}-moving`],onClick:t=>e.onHideOnClickModal&&le(t)},[(0,t.createVNode)(t.Transition,(0,t.mergeProps)(i,{onAfterLeave:()=>ce()}),{default:()=>[(0,t.withDirectives)((0,t.createVNode)(`div`,{role:`dialog`,class:`${c} ${u.value}`},[(0,t.createVNode)(`div`,{class:`${c}-content ${u.value}`},[(0,t.createVNode)(`div`,{class:`${c}-body ${u.value}`},[(0,t.createVNode)(`div`,{class:`${c}-img-wrapper ${u.value}`},[(0,t.createVNode)(`img`,{ref:y,class:`${c}-img ${u.value}`,src:N.value,onLoad:()=>ue(),onError:e=>de(e),style:{transform:`translate3d(${b.value.x}px, ${b.value.y}px, 0) scale3d(${b.value.flipX?`-`:``}${b.value.scale}, ${b.value.flipY?`-`:``}${b.value.scale}, 1) rotate(${b.value.rotate}deg)`,transitionDuration:!_.value||D.value?`0s`:void 0},onWheel:E,onMousedown:w,onDblclick:xe,onTouchstart:O,onTouchmove:re,onTouchend:ie,onTouchcancel:ie},null)])])])]),[[t.vShow,m.value&&h.value]])]})])])])]}),m.value&&h.value&&(0,t.createVNode)(ft,{open:m.value&&h.value,hashId:u.value,count:e.urls.length,current:A.value,zIndex:e.zIndex+1,getContainer:e.getContainer,prefixCls:c,icons:qe(o,be().map(({type:e})=>e)),tools:be(),infinite:e.infinite,countRender:T({slots:a,props:e,key:`countRender`}),showSwitch:I.value,showProgress:oe.value,onClose:se,onActive:e=>e>0?pe():fe()},null)]))}}}),Gt={width:`100%`,height:`100%`},Kt={overflow:`hidden`,whiteSpace:`nowrap`,textOverflow:`ellipsis`};function qt(e){let{motionDurationSlow:t,paddingXXS:n,marginXXS:i,colorTextLightSolid:a}=e;return{position:`absolute`,inset:0,display:`flex`,alignItems:`center`,justifyContent:`center`,color:a,background:new r.FastColor(`#000`).setA(.5).toRgbString(),cursor:`pointer`,opacity:0,transition:`opacity ${t}`,[`.${e.componentCls}-mask-info`]:{...Kt,padding:`0 ${(0,r.unit)(n)}`,".anticon":{marginInlineEnd:i,svg:{verticalAlign:`baseline`}}}}}function Jt(e){return{position:e||`absolute`,inset:0}}let Yt=e=>({[e.componentCls]:{display:`inline-block`,position:`relative`,overflow:`hidden`,[`${e.componentCls}-img`]:{...Gt,verticalAlign:`top`,opacity:1,[`&${e.componentCls}-img-preview`]:{userSelect:`none`,cursor:`pointer`},"&-placeholder":{...Gt,backgroundColor:e.colorBgContainerDisabled,backgroundImage:`url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTQuNSAyLjVoLTEzQS41LjUgMCAwIDAgMSAzdjEwYS41LjUgMCAwIDAgLjUuNWgxM2EuNS41IDAgMCAwIC41LS41VjNhLjUuNSAwIDAgMC0uNS0uNXpNNS4yODEgNC43NWExIDEgMCAwIDEgMCAyIDEgMSAwIDAgMSAwLTJ6bTguMDMgNi44M2EuMTI3LjEyNyAwIDAgMS0uMDgxLjAzSDIuNzY5YS4xMjUuMTI1IDAgMCAxLS4wOTYtLjIwN2wyLjY2MS0zLjE1NmEuMTI2LjEyNiAwIDAgMSAuMTc3LS4wMTZsLjAxNi4wMTZMNy4wOCAxMC4wOWwyLjQ3LTIuOTNhLjEyNi4xMjYgMCAwIDEgLjE3Ny0uMDE2bC4wMTUuMDE2IDMuNTg4IDQuMjQ0YS4xMjcuMTI3IDAgMCAxLS4wMi4xNzV6IiBmaWxsPSIjOEM4QzhDIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L3N2Zz4=')`,backgroundRepeat:`no-repeat`,backgroundPosition:`center center`,backgroundSize:`30%`}},[`${e.componentCls}-error`]:{...Gt,display:`flex`,alignItems:`center`,justifyContent:`center`},[`${e.componentCls}-placeholder`]:{...Jt()},[`${e.componentCls}-mask`]:{...qt(e)},[`${e.componentCls}-mask:hover`]:{opacity:1}}});function Xt(e){return typeof Element>`u`?!1:e instanceof Element}var Zt=``;function Qt(e){let t={};for(let n=0;n<e.length;n++){let r=e[n];t[r[0]]=r[1]}return t}var $t=(0,t.defineComponent)({props:dt,name:`GImage`,inheritAttrs:!1,emits:{click:e=>!0,load:e=>!0,error:e=>!0},slots:Object,setup(e,{slots:i,emit:a,attrs:s}){let c=O&&`loading`in HTMLImageElement.prototype,u=d({suffixCls:`image`}),{wrapSSR:f,hashId:p}=(0,r.useProStyle)(`Image`,[Yt],u),m=(0,t.ref)(),h=(0,t.ref)(),g=(0,t.ref)(!1),_=(0,t.ref)(!0),v=(0,t.ref)(!1),y=(0,t.ref)(),b=(0,t.ref)(),S,w,T=(0,t.computed)(()=>e.loading===`eager`?!1:!c&&e.loading===`lazy`||e.lazy),te=(0,t.computed)(()=>O&&e.fit?{...e.imageStyle,objectFit:e.fit}:e.imageStyle),E=(0,t.computed)(()=>typeof e.preview==`object`?e.preview:{}),D=(0,t.computed)(()=>!!e.preview),re=(0,t.computed)(()=>{let{urls:t=[],current:n=0}=E.value;if(o(n))return t.length>=n?n:0;let r=t.indexOf(e.src);return r>=0?r:0}),ie=(0,t.computed)(()=>(0,r.unit)(e.width)),k=(0,t.computed)(()=>(0,r.unit)(e.height)),A=()=>{O&&(_.value=!0,g.value=!1,h.value=e.src)};function j(e){g.value||(_.value=!1,g.value=!1,a(`load`,e))}function M(e){_.value=!1,g.value=!0,a(`error`,e)}function N(){x(y.value,b.value)&&(A(),I())}let P=ae(N,200,!0);async function F(){if(!O)return;await(0,t.nextTick)();let{scrollContainer:n}=e;Xt(n)?b.value=n:l(n)&&n!==``?b.value=document.querySelector(n)??void 0:y.value&&(b.value=ee(y.value)),b.value&&(S=R(b,`scroll`,P),setTimeout(()=>N(),100))}function I(){!O||!b.value||!P||(S?.(),b.value=void 0)}function oe(e){if(e.ctrlKey&&(e.deltaY<0||e.deltaY>0))return e.preventDefault(),!1}let L=()=>{a(`click`,_.value?`loaded`:g.value?`error`:`success`),!(_.value||g.value)&&D.value&&(w=R(`wheel`,oe,{passive:!1}),Zt=document.body.style.overflow,document.body.style.overflow=`hidden`,v.value=!0)},se=()=>{w?.(),document.body.style.overflow=Zt,v.value=!1};return(0,t.watch)(()=>e.src,()=>{T.value?(_.value=!0,g.value=!1,I(),F()):A()}),(0,t.watchEffect)(()=>{D.value&&v.value?m.value?.setOpen(!0):m.value?.setOpen(!1)}),(0,t.onMounted)(()=>{T.value?F():A()}),()=>{let a=Qt(Object.entries(s).filter(([e])=>/^(?:data-|on[A-Z])/i.test(e)||[`id`,`style`,`class`].includes(e))),o=qe(s,Object.keys(a)),c=ne({slots:i,props:e,keys:[`fallback`,`mask`,`placeholder`],render:!0});return f((0,t.createVNode)(`div`,(0,t.mergeProps)({class:{[`${p.value}`]:!0,[`${u}`]:!0},ref:y},a,{style:{width:(0,r.unit)(e.size)||ie.value,height:(0,r.unit)(e.size)||k.value,...a.style||{}},onClick:()=>{g.value&&L()}}),[g.value?(0,t.createVNode)(`div`,{class:C(p.value,`${u}-error`)},[c.fallback]):(0,t.createVNode)(t.Fragment,null,[(0,t.createVNode)(`img`,(0,t.mergeProps)(o,{src:h.value,loading:e.loading,style:te.value,class:C(p.value,e.imageClass,`${u}-img`,{[`${u}-img-placeholder`]:e.placeholder===!0,[`${u}-img-preview`]:D.value}),crossorigin:e.crossOrigin,width:ie.value,height:k.value,onClick:L,onLoad:j,onError:M}),null),_.value&&(0,t.createVNode)(`div`,{class:C(`${u}-placeholder`,p.value),onClick:L},[c.placeholder])]),E.value.mask&&D.value&&(0,t.createVNode)(`div`,{class:C(`${u}-mask`,E.value.maskClass,p.value),style:{display:a.style?.display===`none`?`none`:void 0}},[c.mask||(0,t.createVNode)(`div`,{class:C(`${u}-mask-info`,p.value)},[(0,t.createVNode)(n.EyeOutlined,null,null)])]),D.value&&(0,t.createVNode)(Wt,(0,t.mergeProps)({ref:m},E.value,{urls:E.value.urls||[e.src],current:re.value,onClose:()=>se()}),i)]))}}});$t.isGImage=!0,$t.install=e=>(e.component($t.name,$t),e),e.GImage=$t,e.GImagePreview=Wt,e.baseProps=U,e.imageProps=dt});

package/dist/index.d.ts

@@ -1,7 +1,5 @@
-import './design/config.less';
-import './style.less';
-export { default as ImageViewer } from './components/ImageViewer';
-export { default as ImageViewerGroup } from './components/ImageViewerGroup';
-export type { GImageProps } from './Image';
-export { default } from './Image';
-export { default as GImage } from './Image';
+import { BaseImagePreviewProps, PreviewPropsIcons } from "./ImagePreview/props.js";
+import { baseProps, imageProps } from "./props.js";
+import GImage, { GImageProps } from "./GImage.js";
+import GImagePreview, { ImagePreviewProps } from "./ImagePreview/index.js";
+export { BaseImagePreviewProps, GImage, GImagePreview, type GImageProps, type ImagePreviewProps, PreviewPropsIcons, baseProps, imageProps };

package/dist/index.js

@@ -0,0 +1,6 @@
+import { baseProps, imageProps } from "./props.js";
+import "./ImagePreview/props.js";
+import ImagePreview_default from "./ImagePreview/index.js";
+import GImage_default from "./GImage.js";
+
+export { GImage_default as GImage, ImagePreview_default as GImagePreview, baseProps, imageProps };

package/dist/props.d.ts

@@ -1,79 +1,84 @@
-import type { PropType } from 'vue';
-import type { WithFalse, CustomRender } from '@gx-design-vue/pro-utils';
-export declare const gImagePorps: {
-    appendToBody: {
-        type: PropType<boolean>;
-        default: boolean;
-    };
-    hideOnClickModal: {
-        type: PropType<boolean>;
-        default: boolean;
-    };
-    src: {
-        type: PropType<string>;
-        default: string;
-    };
-    fit: {
-        type: PropType<string>;
-        default: string;
-    };
-    lazy: import("vue-types").VueTypeValidableDef<boolean> & {
-        default: boolean;
-    };
-    scrollContainer: {
-        type: PropType<string | HTMLElement | undefined>;
-    };
-    placeholder: {
-        type: PropType<WithFalse<() => CustomRender>>;
-        default: () => undefined;
-    };
-    fallback: {
-        type: PropType<WithFalse<() => CustomRender>>;
-        default: () => undefined;
-    };
-    onError: {
-        type: PropType<(e: Error) => void>;
-    };
-    onClick: {
-        type: PropType<(info: any) => void>;
-    };
-    disablePreview: import("vue-types").VueTypeValidableDef<boolean> & {
-        default: boolean;
-    };
-    previewSrcList: {
-        type: PropType<string[]>;
-        default: () => string[];
-    };
-    width: import("vue-types").VueTypeValidableDef<number> & {
-        default: number;
-    };
-    height: import("vue-types").VueTypeValidableDef<number> & {
-        default: number;
-    };
-    zIndex: {
-        type: PropType<number>;
-        default: number;
-    };
+import { BaseImagePreviewProps } from "./ImagePreview/props.js";
+import { CSSProperties, PropType } from "vue";
+import { CustomRender, WithFalse } from "@gx-design-vue/pro-utils";
+
+//#region src/props.d.ts
+declare const baseProps: {
+  infinite: {
+    type: PropType<boolean>;
+    default: boolean;
+  };
+  zIndex: {
+    type: PropType<number>;
+    default: number;
+  };
+  current: {
+    type: PropType<number>;
+    default: number;
+  };
+  getContainer: {
+    type: PropType<string>;
+  };
 };
-export declare const gImageViewProps: {
-    urlList: {
-        type: PropType<string[]>;
-        default: () => never[];
-    };
-    zIndex: {
-        type: PropType<number>;
-        default: number;
-    };
-    initialIndex: {
-        type: PropType<number>;
-        default: number;
-    };
-    infinite: {
-        type: PropType<boolean>;
-        default: boolean;
-    };
-    onHideOnClickModal: {
-        type: PropType<boolean>;
-        default: boolean;
-    };
+declare const imageProps: {
+  preview: {
+    type: PropType<BaseImagePreviewProps | boolean>;
+    default: boolean;
+  };
+  src: {
+    type: PropType<string>;
+    default: string;
+  };
+  alt: {
+    type: PropType<string>;
+    default: string;
+  };
+  loading: {
+    type: PropType<"eager" | "lazy">;
+  };
+  fit: {
+    type: PropType<"fill" | "contain" | "cover" | "none" | "scale-down">;
+    default: string;
+  };
+  crossOrigin: {
+    type: PropType<"anonymous" | "use-credentials" | "">;
+  };
+  lazy: PropType<boolean>;
+  scrollContainer: {
+    type: PropType<string | HTMLElement | undefined>;
+  };
+  placeholder: {
+    type: PropType<WithFalse<CustomRender>>;
+    default: () => any;
+  };
+  fallback: {
+    type: PropType<WithFalse<CustomRender>>;
+    default: () => any;
+  };
+  onLoad: {
+    type: PropType<(e: Error) => void>;
+  };
+  onError: {
+    type: PropType<(e: Error) => void>;
+  };
+  onClick: {
+    type: PropType<(info: any) => void>;
+  };
+  imageStyle: {
+    type: PropType<CSSProperties>;
+    default: () => {};
+  };
+  imageClass: PropType<string>;
+  size: PropType<number>;
+  width: PropType<number>;
+  height: PropType<number>;
+  zIndex: {
+    type: PropType<number>;
+    default: number;
+  };
+  getContainer: {
+    type: PropType<string>;
+  };
 };
+//#endregion
+export { baseProps, imageProps };

package/dist/props.js

@@ -0,0 +1,66 @@
+//#region src/props.ts
+const baseProps = {
+	infinite: {
+		type: Boolean,
+		default: true
+	},
+	zIndex: {
+		type: Number,
+		default: 2e3
+	},
+	current: {
+		type: Number,
+		default: 0
+	},
+	getContainer: { type: String }
+};
+const imageProps = {
+	preview: {
+		type: [Object, Boolean],
+		default: true
+	},
+	src: {
+		type: String,
+		default: ""
+	},
+	alt: {
+		type: String,
+		default: ""
+	},
+	loading: { type: String },
+	fit: {
+		type: String,
+		default: "contain"
+	},
+	crossOrigin: { type: String },
+	lazy: Boolean,
+	scrollContainer: { type: [String, Object] },
+	placeholder: {
+		type: [
+			Function,
+			Object,
+			Boolean
+		],
+		default: () => void 0
+	},
+	fallback: {
+		type: [Function, Object],
+		default: () => void 0
+	},
+	onLoad: { type: Function },
+	onError: { type: Function },
+	onClick: { type: Function },
+	imageStyle: {
+		type: Object,
+		default: () => ({})
+	},
+	imageClass: String,
+	size: Number,
+	width: Number,
+	height: Number,
+	zIndex: baseProps.zIndex,
+	getContainer: baseProps.getContainer
+};
+
+//#endregion
+export { baseProps, imageProps };

package/dist/slots.d.ts

@@ -0,0 +1,6 @@
+//#region src/slots.d.ts
+type SlotKeys = 'default' | 'mask' | 'close' | 'left' | 'right' | 'flipX' | 'flipY' | 'zoomIn' | 'zoomOut' | 'fallback' | 'placeholder' | 'countRender' | 'rotateLeft' | 'rotateRight';
+declare const previewSlotKeys: SlotKeys[];
+declare const imageSlotKeys: SlotKeys[];
+//#endregion
+export { SlotKeys, imageSlotKeys, previewSlotKeys };

package/dist/slots.js

@@ -0,0 +1,21 @@
+//#region src/slots.ts
+const previewSlotKeys = [
+	"close",
+	"left",
+	"right",
+	"countRender",
+	"rotateRight",
+	"zoomIn",
+	"zoomOut",
+	"flipX",
+	"flipY",
+	"rotateLeft"
+];
+const imageSlotKeys = [
+	...previewSlotKeys,
+	"placeholder",
+	"fallback"
+];
+
+//#endregion
+export { imageSlotKeys, previewSlotKeys };

package/dist/style.d.ts

@@ -0,0 +1,9 @@
+import { CSSObject, GenerateStyle, ProAliasToken } from "@gx-design-vue/pro-provider";
+
+//#region src/style.d.ts
+type PositionType = 'static' | 'relative' | 'fixed' | 'absolute' | 'sticky' | undefined;
+declare function genImageMaskStyle(token: ProAliasToken): CSSObject;
+declare function genBoxStyle(position?: PositionType): CSSObject;
+declare const genImageStyle: GenerateStyle;
+//#endregion
+export { PositionType, genBoxStyle, genImageMaskStyle, genImageStyle };

package/dist/style.js

@@ -0,0 +1,78 @@
+import { FastColor, unit } from "@gx-design-vue/pro-provider";
+
+//#region src/style.ts
+const fullSize = {
+	width: "100%",
+	height: "100%"
+};
+const textEllipsis = {
+	overflow: "hidden",
+	whiteSpace: "nowrap",
+	textOverflow: "ellipsis"
+};
+function genImageMaskStyle(token) {
+	const { motionDurationSlow, paddingXXS, marginXXS, colorTextLightSolid } = token;
+	const iconCls = `.anticon`;
+	return {
+		position: "absolute",
+		inset: 0,
+		display: "flex",
+		alignItems: "center",
+		justifyContent: "center",
+		color: colorTextLightSolid,
+		background: new FastColor("#000").setA(.5).toRgbString(),
+		cursor: "pointer",
+		opacity: 0,
+		transition: `opacity ${motionDurationSlow}`,
+		[`.${token.componentCls}-mask-info`]: {
+			...textEllipsis,
+			padding: `0 ${unit(paddingXXS)}`,
+			[iconCls]: {
+				marginInlineEnd: marginXXS,
+				svg: { verticalAlign: "baseline" }
+			}
+		}
+	};
+}
+function genBoxStyle(position) {
+	return {
+		position: position || "absolute",
+		inset: 0
+	};
+}
+const genImageStyle = (token) => {
+	return { [token.componentCls]: {
+		display: "inline-block",
+		position: "relative",
+		overflow: "hidden",
+		[`${token.componentCls}-img`]: {
+			...fullSize,
+			verticalAlign: "top",
+			opacity: 1,
+			[`&${token.componentCls}-img-preview`]: {
+				userSelect: "none",
+				cursor: "pointer"
+			},
+			"&-placeholder": {
+				...fullSize,
+				backgroundColor: token.colorBgContainerDisabled,
+				backgroundImage: "url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTQuNSAyLjVoLTEzQS41LjUgMCAwIDAgMSAzdjEwYS41LjUgMCAwIDAgLjUuNWgxM2EuNS41IDAgMCAwIC41LS41VjNhLjUuNSAwIDAgMC0uNS0uNXpNNS4yODEgNC43NWExIDEgMCAwIDEgMCAyIDEgMSAwIDAgMSAwLTJ6bTguMDMgNi44M2EuMTI3LjEyNyAwIDAgMS0uMDgxLjAzSDIuNzY5YS4xMjUuMTI1IDAgMCAxLS4wOTYtLjIwN2wyLjY2MS0zLjE1NmEuMTI2LjEyNiAwIDAgMSAuMTc3LS4wMTZsLjAxNi4wMTZMNy4wOCAxMC4wOWwyLjQ3LTIuOTNhLjEyNi4xMjYgMCAwIDEgLjE3Ny0uMDE2bC4wMTUuMDE2IDMuNTg4IDQuMjQ0YS4xMjcuMTI3IDAgMCAxLS4wMi4xNzV6IiBmaWxsPSIjOEM4QzhDIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L3N2Zz4=')",
+				backgroundRepeat: "no-repeat",
+				backgroundPosition: "center center",
+				backgroundSize: "30%"
+			}
+		},
+		[`${token.componentCls}-error`]: {
+			...fullSize,
+			display: "flex",
+			alignItems: "center",
+			justifyContent: "center"
+		},
+		[`${token.componentCls}-placeholder`]: { ...genBoxStyle() },
+		[`${token.componentCls}-mask`]: { ...genImageMaskStyle(token) },
+		[`${token.componentCls}-mask:hover`]: { opacity: 1 }
+	} };
+};
+
+//#endregion
+export { genBoxStyle, genImageMaskStyle, genImageStyle };

package/dist/typings.d.ts

@@ -0,0 +1,6 @@
+import { ImgHTMLAttributes } from "vue";
+
+//#region src/typings.d.ts
+type ImageElementProps = Pick<ImgHTMLAttributes, 'src' | 'crossorigin' | 'decoding' | 'draggable' | 'loading' | 'referrerpolicy' | 'sizes' | 'srcset' | 'usemap' | 'alt'>;
+//#endregion
+export { ImageElementProps };

package/dist/typings.js

@@ -0,0 +1 @@
+export {  };

package/dist/utils/aria.d.ts

@@ -1,12 +1,15 @@
-export declare const EVENT_CODE: {
-    tab: string;
-    enter: string;
-    space: string;
-    left: string;
-    up: string;
-    right: string;
-    down: string;
-    esc: string;
-    delete: string;
-    backspace: string;
+//#region src/utils/aria.d.ts
+declare const EVENT_CODE: {
+  tab: string;
+  enter: string;
+  space: string;
+  left: string;
+  up: string;
+  right: string;
+  down: string;
+  esc: string;
+  delete: string;
+  backspace: string;
 };
+//#endregion
+export { EVENT_CODE };

package/dist/utils/aria.js

@@ -0,0 +1,16 @@
+//#region src/utils/aria.ts
+const EVENT_CODE = {
+	tab: "Tab",
+	enter: "Enter",
+	space: "Space",
+	left: "ArrowLeft",
+	up: "ArrowUp",
+	right: "ArrowRight",
+	down: "ArrowDown",
+	esc: "Escape",
+	delete: "Delete",
+	backspace: "Backspace"
+};
+
+//#endregion
+export { EVENT_CODE };

package/dist/utils/util.d.ts

@@ -0,0 +1,4 @@
+//#region src/utils/util.d.ts
+declare function isElement(e: unknown): e is Element;
+//#endregion
+export { isElement };

package/dist/utils/util.js

@@ -0,0 +1,8 @@
+//#region src/utils/util.ts
+function isElement(e) {
+	if (typeof Element === "undefined") return false;
+	return e instanceof Element;
+}
+
+//#endregion
+export { isElement };

package/global.d.ts

@@ -0,0 +1,8 @@
+export {}
+
+declare module 'vue' {
+  export interface GlobalComponents {
+    GImage: typeof import('@gx-design-vue/image')['GImage']
+    GImagePreview: typeof import('@gx-design-vue/image')['GImagePreview']
+  }
+}