vft 0.0.501 → 0.0.503

package/es/components/image-viewer/image-viewer.vue2.js

@@ -25,7 +25,7 @@ const ke = ["src", "referrerpolicy", "crossorigin"], be = A({
     closeOnPressEscape: { type: Boolean, default: !0 },
     zoomRate: { default: 1.2 },
     referrerpolicy: { default: "no-referrer" },
-    crossorigin: { default: "anonymous" }
+    crossorigin: {}
   },
   emits: {
     close: () => !0,

package/es/hooks/use-z-index/index.js

@@ -2,14 +2,14 @@ import "@vueuse/core";
 import { isNumber as m, isClient as p } from "@vft/utils";
 import { debugWarn as l } from "../../utils/error.js";
 import "../../components/config-provider/hooks/use-global-config.js";
-import { ref as v, getCurrentInstance as i, inject as e, computed as c, unref as Z } from "vue";
+import { getCurrentInstance as i, inject as e, computed as c, unref as v, ref as Z } from "vue";
 import "lodash-es";
 import "../../components/form/index.js";
 const s = {
   current: 0
-}, u = v(0), f = 2e3, d = Symbol("vftZIndexContextKey"), y = Symbol("zIndexContextKey"), K = (I) => {
+}, u = Z(0), f = 2e3, d = Symbol("vftZIndexContextKey"), y = Symbol("zIndexContextKey"), K = (I) => {
   const n = i() ? e(d, s) : s, x = I || (i() ? e(y, void 0) : void 0), t = c(() => {
-    const r = Z(x);
+    const r = v(x);
     return m(r) ? r : f;
   }), o = c(() => t.value + u.value), a = () => (n.current++, u.value = n.current, o.value);
   return !p && !e(d) && l(

package/es/package.json.d.ts

@@ -1,6 +1,6 @@
 declare const _default: {
   "name": "vft",
-  "version": "0.0.501",
+  "version": "0.0.503",
   "license": "MIT",
   "main": "lib/index.cjs",
   "module": "es/index.js",

package/es/package.json.js

@@ -1,4 +1,4 @@
-const o = "0.0.501";
+const o = "0.0.503";
 export {
   o as version
 };

package/lib/components/image-viewer/image-viewer.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),g=require("@vft/constants"),O=require("@vft/utils"),f=require("../icon/index.cjs"),E=require("@vueuse/core");require("../config-provider/hooks/use-global-config.cjs");const z=require("lodash-es");require("../form/index.cjs");const Z=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");const A=require("../../hooks/use-z-index/index.cjs"),j=require("../teleport/index.cjs"),W=["src","referrerpolicy","crossorigin"],G=e.defineComponent({name:"vft-image-viewer"}),J=e.defineComponent({...G,props:{urlList:{default:()=>[]},zIndex:{},initialIndex:{default:0},infinite:{type:Boolean,default:!0},hideOnClickModal:{type:Boolean,default:!1},teleported:{type:Boolean,default:!1},closeOnPressEscape:{type:Boolean,default:!0},zoomRate:{default:1.2},referrerpolicy:{default:"no-referrer"},crossorigin:{default:"anonymous"}},emits:{close:()=>!0,switch:t=>O.isNumber(t)},setup(t,{expose:$,emit:q}){const w=q,a=Z.useNamespace("image-viewer"),{nextZIndex:B}=A.useZIndex(),b=e.ref(),N=e.ref([]),x=e.effectScope(),m=e.ref(!0),u=e.ref(t.initialIndex),s=e.ref({scale:1,deg:0,offsetX:0,offsetY:0,enableTransition:!1}),D=e.computed(()=>t.urlList.length<=1),h=e.computed(()=>u.value===0),I=e.computed(()=>u.value===t.urlList.length-1),M=e.computed(()=>t.urlList[u.value]),X=e.computed(()=>{const{scale:o,deg:n,offsetX:r,offsetY:l,enableTransition:k}=s.value;let i=r/o,c=l/o;switch(n%360){case 90:case-270:[i,c]=[c,-i];break;case 180:case-180:[i,c]=[-i,-c];break;case 270:case-90:[i,c]=[-c,i];break}const v={transform:`scale(${o}) rotate(${n}deg) translate(${i}px, ${c}px)`,transition:k?"transform .3s":""};return v.maxWidth=v.maxHeight="100%",v}),Y=e.computed(()=>O.isNumber(t.zIndex)?t.zIndex:B());function V(){F(),w("close")}function S(){const o=z.throttle(r=>{switch(r.code){case g.EVENT_CODE.esc:t.closeOnPressEscape&&V();break;case g.EVENT_CODE.space:y();break;case g.EVENT_CODE.left:T();break;case g.EVENT_CODE.up:d("zoomIn");break;case g.EVENT_CODE.right:L();break;case g.EVENT_CODE.down:d("zoomOut");break}}),n=z.throttle(r=>{const l=r.deltaY||r.deltaX;d(l<0?"zoomIn":"zoomOut",{zoomRate:t.zoomRate,enableTransition:!1})});x.run(()=>{E.useEventListener(document,"keydown",o),E.useEventListener(document,"wheel",n)})}function F(){x.stop()}function R(){m.value=!1}function H(o){m.value=!1,o.target.alt="加载失败"}function P(o){if(m.value||o.button!==0||!b.value)return;s.value.enableTransition=!1;const{offsetX:n,offsetY:r}=s.value,l=o.pageX,k=o.pageY,i=z.throttle(v=>{s.value={...s.value,offsetX:n+v.pageX-l,offsetY:r+v.pageY-k}}),c=E.useEventListener(document,"mousemove",i);E.useEventListener(document,"mouseup",()=>{c()}),o.preventDefault()}function p(){s.value={scale:1,deg:0,offsetX:0,offsetY:0,enableTransition:!1}}function y(){m.value||p()}function C(o){const n=t.urlList.length;u.value=(o+n)%n}function T(){h.value&&!t.infinite||C(u.value-1)}function L(){I.value&&!t.infinite||C(u.value+1)}function d(o,n={}){if(m.value)return;const{rotateDeg:r,enableTransition:l}={rotateDeg:90,enableTransition:!0,...n};switch(o){case"zoomOut":s.value.scale>.2&&(s.value.scale=Number.parseFloat((s.value.scale/t.zoomRate).toFixed(3)));break;case"zoomIn":s.value.scale<7&&(s.value.scale=Number.parseFloat((s.value.scale*t.zoomRate).toFixed(3)));break;case"clockwise":s.value.deg+=r;break;case"anticlockwise":s.value.deg-=r;break}s.value.enableTransition=l}return e.watch(M,()=>{e.nextTick(()=>{N.value[0]?.complete||(m.value=!0)})}),e.watch(u,o=>{p(),w("switch",o)}),e.onMounted(()=>{S(),b.value?.focus?.()}),$({setActiveItem:C}),(o,n)=>(e.openBlock(),e.createBlock(e.unref(j.VftTeleport),{to:"body",disabled:!t.teleported},{default:e.withCtx(()=>[e.createVNode(e.Transition,{name:"viewer-fade",appear:""},{default:e.withCtx(()=>[e.createElementVNode("div",{ref_key:"wrapper",ref:b,tabindex:-1,class:e.normalizeClass(e.unref(a).e("wrapper")),style:e.normalizeStyle({zIndex:Y.value})},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(a).e("mask")),onClick:n[0]||(n[0]=e.withModifiers(r=>t.hideOnClickModal&&V(),["self"]))},null,2),e.createElementVNode("span",{class:e.normalizeClass([e.unref(a).e("btn"),e.unref(a).e("close")]),onClick:V},[e.createVNode(e.unref(f.VftIcon),{icon:"icon-close"})],2),D.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("span",{class:e.normalizeClass([e.unref(a).e("btn"),e.unref(a).e("prev"),e.unref(a).is("disabled",!t.infinite&&h.value)]),onClick:T},[e.createVNode(e.unref(f.VftIcon),{icon:"icon-arrow-left"})],2),e.createElementVNode("span",{class:e.normalizeClass([e.unref(a).e("btn"),e.unref(a).e("next"),e.unref(a).is("disabled",!t.infinite&&I.value)]),onClick:L},[e.createVNode(e.unref(f.VftIcon),{icon:"icon-arrow-right"})],2)],64)),e.createElementVNode("div",{class:e.normalizeClass([e.unref(a).e("btn"),e.unref(a).e("actions")])},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(a).e("actions__inner"))},[e.createVNode(e.unref(f.VftIcon),{icon:"icon-zoom-out",onClick:n[1]||(n[1]=r=>d("zoomOut"))}),e.createVNode(e.unref(f.VftIcon),{icon:"icon-zoom-in",onClick:n[2]||(n[2]=r=>d("zoomIn"))}),e.createElementVNode("i",{class:e.normalizeClass(e.unref(a).e("actions__divider"))},null,2),e.createVNode(e.unref(f.VftIcon),{icon:"icon-scale-to-original",onClick:y}),e.createElementVNode("i",{class:e.normalizeClass(e.unref(a).e("actions__divider"))},null,2),e.createVNode(e.unref(f.VftIcon),{icon:"icon-refresh-left",onClick:n[3]||(n[3]=r=>d("anticlockwise"))}),e.createVNode(e.unref(f.VftIcon),{icon:"icon-refresh-right",onClick:n[4]||(n[4]=r=>d("clockwise"))})],2)],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(a).e("canvas"))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.urlList,(r,l)=>e.withDirectives((e.openBlock(),e.createElementBlock("img",{ref_for:!0,ref:k=>N.value[l]=k,key:r,src:r,style:e.normalizeStyle(X.value),class:e.normalizeClass(e.unref(a).e("img")),referrerpolicy:t.referrerpolicy,crossorigin:t.crossorigin,onLoad:R,onError:H,onMousedown:P},null,46,W)),[[e.vShow,l===u.value]])),128))],2),e.renderSlot(o.$slots,"default")],6)]),_:3})]),_:3},8,["disabled"]))}});exports.default=J;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),g=require("@vft/constants"),O=require("@vft/utils"),f=require("../icon/index.cjs"),E=require("@vueuse/core");require("../config-provider/hooks/use-global-config.cjs");const z=require("lodash-es");require("../form/index.cjs");const Z=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");const A=require("../../hooks/use-z-index/index.cjs"),j=require("../teleport/index.cjs"),W=["src","referrerpolicy","crossorigin"],G=e.defineComponent({name:"vft-image-viewer"}),J=e.defineComponent({...G,props:{urlList:{default:()=>[]},zIndex:{},initialIndex:{default:0},infinite:{type:Boolean,default:!0},hideOnClickModal:{type:Boolean,default:!1},teleported:{type:Boolean,default:!1},closeOnPressEscape:{type:Boolean,default:!0},zoomRate:{default:1.2},referrerpolicy:{default:"no-referrer"},crossorigin:{}},emits:{close:()=>!0,switch:t=>O.isNumber(t)},setup(t,{expose:$,emit:q}){const w=q,a=Z.useNamespace("image-viewer"),{nextZIndex:B}=A.useZIndex(),b=e.ref(),N=e.ref([]),x=e.effectScope(),m=e.ref(!0),u=e.ref(t.initialIndex),s=e.ref({scale:1,deg:0,offsetX:0,offsetY:0,enableTransition:!1}),D=e.computed(()=>t.urlList.length<=1),h=e.computed(()=>u.value===0),I=e.computed(()=>u.value===t.urlList.length-1),M=e.computed(()=>t.urlList[u.value]),X=e.computed(()=>{const{scale:o,deg:n,offsetX:r,offsetY:l,enableTransition:k}=s.value;let i=r/o,c=l/o;switch(n%360){case 90:case-270:[i,c]=[c,-i];break;case 180:case-180:[i,c]=[-i,-c];break;case 270:case-90:[i,c]=[-c,i];break}const v={transform:`scale(${o}) rotate(${n}deg) translate(${i}px, ${c}px)`,transition:k?"transform .3s":""};return v.maxWidth=v.maxHeight="100%",v}),Y=e.computed(()=>O.isNumber(t.zIndex)?t.zIndex:B());function V(){F(),w("close")}function S(){const o=z.throttle(r=>{switch(r.code){case g.EVENT_CODE.esc:t.closeOnPressEscape&&V();break;case g.EVENT_CODE.space:y();break;case g.EVENT_CODE.left:T();break;case g.EVENT_CODE.up:d("zoomIn");break;case g.EVENT_CODE.right:L();break;case g.EVENT_CODE.down:d("zoomOut");break}}),n=z.throttle(r=>{const l=r.deltaY||r.deltaX;d(l<0?"zoomIn":"zoomOut",{zoomRate:t.zoomRate,enableTransition:!1})});x.run(()=>{E.useEventListener(document,"keydown",o),E.useEventListener(document,"wheel",n)})}function F(){x.stop()}function R(){m.value=!1}function H(o){m.value=!1,o.target.alt="加载失败"}function P(o){if(m.value||o.button!==0||!b.value)return;s.value.enableTransition=!1;const{offsetX:n,offsetY:r}=s.value,l=o.pageX,k=o.pageY,i=z.throttle(v=>{s.value={...s.value,offsetX:n+v.pageX-l,offsetY:r+v.pageY-k}}),c=E.useEventListener(document,"mousemove",i);E.useEventListener(document,"mouseup",()=>{c()}),o.preventDefault()}function p(){s.value={scale:1,deg:0,offsetX:0,offsetY:0,enableTransition:!1}}function y(){m.value||p()}function C(o){const n=t.urlList.length;u.value=(o+n)%n}function T(){h.value&&!t.infinite||C(u.value-1)}function L(){I.value&&!t.infinite||C(u.value+1)}function d(o,n={}){if(m.value)return;const{rotateDeg:r,enableTransition:l}={rotateDeg:90,enableTransition:!0,...n};switch(o){case"zoomOut":s.value.scale>.2&&(s.value.scale=Number.parseFloat((s.value.scale/t.zoomRate).toFixed(3)));break;case"zoomIn":s.value.scale<7&&(s.value.scale=Number.parseFloat((s.value.scale*t.zoomRate).toFixed(3)));break;case"clockwise":s.value.deg+=r;break;case"anticlockwise":s.value.deg-=r;break}s.value.enableTransition=l}return e.watch(M,()=>{e.nextTick(()=>{N.value[0]?.complete||(m.value=!0)})}),e.watch(u,o=>{p(),w("switch",o)}),e.onMounted(()=>{S(),b.value?.focus?.()}),$({setActiveItem:C}),(o,n)=>(e.openBlock(),e.createBlock(e.unref(j.VftTeleport),{to:"body",disabled:!t.teleported},{default:e.withCtx(()=>[e.createVNode(e.Transition,{name:"viewer-fade",appear:""},{default:e.withCtx(()=>[e.createElementVNode("div",{ref_key:"wrapper",ref:b,tabindex:-1,class:e.normalizeClass(e.unref(a).e("wrapper")),style:e.normalizeStyle({zIndex:Y.value})},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(a).e("mask")),onClick:n[0]||(n[0]=e.withModifiers(r=>t.hideOnClickModal&&V(),["self"]))},null,2),e.createElementVNode("span",{class:e.normalizeClass([e.unref(a).e("btn"),e.unref(a).e("close")]),onClick:V},[e.createVNode(e.unref(f.VftIcon),{icon:"icon-close"})],2),D.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("span",{class:e.normalizeClass([e.unref(a).e("btn"),e.unref(a).e("prev"),e.unref(a).is("disabled",!t.infinite&&h.value)]),onClick:T},[e.createVNode(e.unref(f.VftIcon),{icon:"icon-arrow-left"})],2),e.createElementVNode("span",{class:e.normalizeClass([e.unref(a).e("btn"),e.unref(a).e("next"),e.unref(a).is("disabled",!t.infinite&&I.value)]),onClick:L},[e.createVNode(e.unref(f.VftIcon),{icon:"icon-arrow-right"})],2)],64)),e.createElementVNode("div",{class:e.normalizeClass([e.unref(a).e("btn"),e.unref(a).e("actions")])},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(a).e("actions__inner"))},[e.createVNode(e.unref(f.VftIcon),{icon:"icon-zoom-out",onClick:n[1]||(n[1]=r=>d("zoomOut"))}),e.createVNode(e.unref(f.VftIcon),{icon:"icon-zoom-in",onClick:n[2]||(n[2]=r=>d("zoomIn"))}),e.createElementVNode("i",{class:e.normalizeClass(e.unref(a).e("actions__divider"))},null,2),e.createVNode(e.unref(f.VftIcon),{icon:"icon-scale-to-original",onClick:y}),e.createElementVNode("i",{class:e.normalizeClass(e.unref(a).e("actions__divider"))},null,2),e.createVNode(e.unref(f.VftIcon),{icon:"icon-refresh-left",onClick:n[3]||(n[3]=r=>d("anticlockwise"))}),e.createVNode(e.unref(f.VftIcon),{icon:"icon-refresh-right",onClick:n[4]||(n[4]=r=>d("clockwise"))})],2)],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(a).e("canvas"))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.urlList,(r,l)=>e.withDirectives((e.openBlock(),e.createElementBlock("img",{ref_for:!0,ref:k=>N.value[l]=k,key:r,src:r,style:e.normalizeStyle(X.value),class:e.normalizeClass(e.unref(a).e("img")),referrerpolicy:t.referrerpolicy,crossorigin:t.crossorigin,onLoad:R,onError:H,onMousedown:P},null,46,W)),[[e.vShow,l===u.value]])),128))],2),e.renderSlot(o.$slots,"default")],6)]),_:3})]),_:3},8,["disabled"]))}});exports.default=J;

package/lib/package.json.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="0.0.501";exports.version=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="0.0.503";exports.version=e;

package/lib/package.json.d.ts

@@ -1,6 +1,6 @@
 declare const _default: {
   "name": "vft",
-  "version": "0.0.501",
+  "version": "0.0.503",
   "license": "MIT",
   "main": "lib/index.cjs",
   "module": "es/index.js",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vft",
-  "version": "0.0.501",
+  "version": "0.0.503",
   "license": "MIT",
   "main": "lib/index.cjs",
   "module": "es/index.js",
@@ -60,8 +60,8 @@
     "@vft/router": "0.0.73",
     "@vft/store": "0.0.75",
     "@vft/use": "0.0.96",
-    "@vft/utils": "0.0.161",
-    "@vft/directives": "0.0.36"
+    "@vft/directives": "0.0.36",
+    "@vft/utils": "0.0.161"
   },
   "vetur": {
     "tags": "tags.json",