vft 0.0.517 → 0.0.519

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,20 +1,19 @@
1
- import { defineComponent as T, useAttrs as W, ref as o, computed as d, watch as G, onMounted as J, openBlock as s, createElementBlock as f, normalizeStyle as Q, normalizeClass as y, unref as l, mergeProps as U, createCommentVNode as u, renderSlot as k, createElementVNode as A, Fragment as X, createBlock as Z, withCtx as _, nextTick as ee } from "vue";
2
- import { useAttrs as te } from "@vft/use";
3
- import { isInContainer as le, isElement as ae, isString as ne, getScrollContainer as ie } from "@vft/utils";
4
- import { VftImageViewer as re } from "../image-viewer/index.js";
5
- import { isClient as v, useThrottleFn as oe, useEventListener as V } from "@vueuse/core";
1
+ import { defineComponent as T, defineAsyncComponent as G, useAttrs as J, ref as o, computed as d, watch as Q, onMounted as U, openBlock as s, createElementBlock as f, normalizeStyle as X, normalizeClass as y, unref as l, mergeProps as Z, createCommentVNode as u, renderSlot as C, createElementVNode as A, Fragment as _, createBlock as ee, withCtx as te, nextTick as le } from "vue";
2
+ import { useAttrs as ne } from "@vft/use";
3
+ import { isInContainer as ae, isElement as ie, isString as re, getScrollContainer as oe } from "@vft/utils";
4
+ import { isClient as v, useThrottleFn as se, useEventListener as B } from "@vueuse/core";
6
5
  import "../config-provider/hooks/use-global-config.js";
7
6
  import "lodash-es";
8
7
  import "../form/index.js";
9
- import { useNamespace as se } from "../../hooks/use-namespace/index.js";
8
+ import { useNamespace as ue } from "../../hooks/use-namespace/index.js";
10
9
  import "../../hooks/use-model-toggle/index.js";
11
10
  import "@popperjs/core";
12
11
  import "../../hooks/use-z-index/index.js";
13
- const ue = ["src", "loading"], ce = { key: 0 }, de = T({
12
+ const ce = ["src", "loading"], de = { key: 0 }, fe = T({
14
13
  name: "vft-image",
15
14
  inheritAttrs: !1
16
- }), xe = /* @__PURE__ */ T({
17
- ...de,
15
+ }), Ie = /* @__PURE__ */ T({
16
+ ...fe,
18
17
  props: {
19
18
  hideOnClickModal: { type: Boolean, default: !1 },
20
19
  src: { default: "" },
@@ -32,37 +31,39 @@ const ue = ["src", "loading"], ce = { key: 0 }, de = T({
32
31
  },
33
32
  emits: ["load", "error", "switch", "close", "show"],
34
33
  setup(e, { expose: $, emit: b }) {
35
- const c = b, i = se("image");
36
- let C = "";
37
- const M = W(), O = te(), w = o(), r = o(!1), a = o(!0), h = o(!1), m = o(), n = o(), H = v && "loading" in HTMLImageElement.prototype;
34
+ const c = b, M = G(
35
+ () => import("../image-viewer/index.js").then((t) => t.VftImageViewer)
36
+ ), i = ue("image");
37
+ let k = "";
38
+ const O = J(), H = ne(), w = o(), r = o(!1), n = o(!0), h = o(!1), m = o(), a = o(), F = v && "loading" in HTMLImageElement.prototype;
38
39
  let z, S;
39
- const F = d(() => M.style), N = d(() => v && e.fit ? { objectFit: e.fit } : {}), g = d(() => Array.isArray(e.previewSrcList) && e.previewSrcList.length > 0), P = d(() => {
40
+ const N = d(() => O.style), P = d(() => v && e.fit ? { objectFit: e.fit } : {}), g = d(() => Array.isArray(e.previewSrcList) && e.previewSrcList.length > 0), D = d(() => {
40
41
  let t = e.initialIndex;
41
42
  return e.initialIndex > e.previewSrcList.length - 1 && (t = 0), t;
42
- }), p = d(() => e.loading === "eager" ? !1 : !H && e.loading === "lazy" || e.lazy), L = () => {
43
- v && (a.value = !0, r.value = !1, w.value = e.src);
43
+ }), p = d(() => e.loading === "eager" ? !1 : !F && e.loading === "lazy" || e.lazy), L = () => {
44
+ v && (n.value = !0, r.value = !1, w.value = e.src);
44
45
  };
45
- function D(t) {
46
- a.value = !1, r.value = !1, c("load", t);
47
- }
48
46
  function R(t) {
49
- a.value = !1, r.value = !0, c("error", t);
47
+ n.value = !1, r.value = !1, c("load", t);
48
+ }
49
+ function Y(t) {
50
+ n.value = !1, r.value = !0, c("error", t);
50
51
  }
51
- function x() {
52
- le(m.value, n.value) && (L(), B());
52
+ function I() {
53
+ ae(m.value, a.value) && (L(), V());
53
54
  }
54
- const I = oe(x, 200);
55
+ const x = se(I, 200);
55
56
  async function E() {
56
- v && (await ee(), ae(e.scrollContainer) ? n.value = e.scrollContainer : ne(e.scrollContainer) && e.scrollContainer !== "" ? n.value = document.querySelector(e.scrollContainer) ?? void 0 : m.value && (n.value = ie(m.value)), n.value && (z = V(
57
- n,
57
+ v && (await le(), ie(e.scrollContainer) ? a.value = e.scrollContainer : re(e.scrollContainer) && e.scrollContainer !== "" ? a.value = document.querySelector(e.scrollContainer) ?? void 0 : m.value && (a.value = oe(m.value)), a.value && (z = B(
58
+ a,
58
59
  "scroll",
59
- I
60
- ), setTimeout(() => x(), 100)));
60
+ x
61
+ ), setTimeout(() => I(), 100)));
61
62
  }
62
- function B() {
63
- !v || !n.value || !I || (z?.(), n.value = void 0);
63
+ function V() {
64
+ !v || !a.value || !x || (z?.(), a.value = void 0);
64
65
  }
65
- function Y(t) {
66
+ function j(t) {
66
67
  if (t.ctrlKey) {
67
68
  if (t.deltaY < 0)
68
69
  return t.preventDefault(), !1;
@@ -70,77 +71,77 @@ const ue = ["src", "loading"], ce = { key: 0 }, de = T({
70
71
  return t.preventDefault(), !1;
71
72
  }
72
73
  }
73
- function j() {
74
- g.value && (S = V("wheel", Y, {
74
+ function q() {
75
+ g.value && (S = B("wheel", j, {
75
76
  passive: !1
76
- }), C = document.body.style.overflow, document.body.style.overflow = "hidden", h.value = !0, c("show"));
77
+ }), k = document.body.style.overflow, document.body.style.overflow = "hidden", h.value = !0, c("show"));
77
78
  }
78
- function q() {
79
- S?.(), document.body.style.overflow = C, h.value = !1, c("close");
79
+ function K() {
80
+ S?.(), document.body.style.overflow = k, h.value = !1, c("close");
80
81
  }
81
- function K(t) {
82
+ function W(t) {
82
83
  c("switch", t);
83
84
  }
84
- return G(
85
+ return Q(
85
86
  () => e.src,
86
87
  () => {
87
- p.value ? (a.value = !0, r.value = !1, B(), E()) : L();
88
+ p.value ? (n.value = !0, r.value = !1, V(), E()) : L();
88
89
  }
89
- ), J(() => {
90
+ ), U(() => {
90
91
  p.value ? E() : L();
91
92
  }), $({
92
- isLoading: a
93
- }), (t, fe) => (s(), f("div", {
93
+ isLoading: n
94
+ }), (t, ve) => (s(), f("div", {
94
95
  ref_key: "container",
95
96
  ref: m,
96
97
  class: y([l(i).b(), t.$attrs.class]),
97
- style: Q(F.value)
98
+ style: X(N.value)
98
99
  }, [
99
- w.value !== void 0 && !r.value ? (s(), f("img", U({ key: 0 }, l(O), {
100
+ w.value !== void 0 && !r.value ? (s(), f("img", Z({ key: 0 }, l(H), {
100
101
  src: w.value,
101
102
  loading: e.loading,
102
- style: N.value,
103
+ style: P.value,
103
104
  class: [
104
105
  l(i).e("inner"),
105
106
  g.value && l(i).e("preview"),
106
- a.value && l(i).is("loading")
107
+ n.value && l(i).is("loading")
107
108
  ],
108
- onClick: j,
109
- onLoad: D,
110
- onError: R,
109
+ onClick: q,
110
+ onLoad: R,
111
+ onError: Y,
111
112
  alt: ""
112
- }), null, 16, ue)) : u("", !0),
113
- a.value || r.value ? (s(), f("div", {
113
+ }), null, 16, ce)) : u("", !0),
114
+ n.value || r.value ? (s(), f("div", {
114
115
  key: 1,
115
116
  class: y(l(i).e("wrapper"))
116
117
  }, [
117
- a.value ? k(t.$slots, "placeholder", { key: 0 }, () => [
118
+ n.value ? C(t.$slots, "placeholder", { key: 0 }, () => [
118
119
  A("div", {
119
120
  class: y(l(i).e("placeholder"))
120
121
  }, null, 2)
121
- ]) : r.value ? k(t.$slots, "error", { key: 1 }, () => [
122
+ ]) : r.value ? C(t.$slots, "error", { key: 1 }, () => [
122
123
  A("div", {
123
124
  class: y(l(i).e("error"))
124
125
  }, "加载失败", 2)
125
126
  ]) : u("", !0)
126
127
  ], 2)) : u("", !0),
127
- g.value ? (s(), f(X, { key: 2 }, [
128
- h.value ? (s(), Z(l(re), {
128
+ g.value ? (s(), f(_, { key: 2 }, [
129
+ h.value ? (s(), ee(l(M), {
129
130
  key: 0,
130
131
  "z-index": e.zIndex,
131
- "initial-index": P.value,
132
+ "initial-index": D.value,
132
133
  infinite: e.infinite,
133
134
  "zoom-rate": e.zoomRate,
134
135
  "url-list": e.previewSrcList,
135
136
  "hide-on-click-modal": e.hideOnClickModal,
136
137
  teleported: e.previewTeleported,
137
138
  "close-on-press-escape": e.closeOnPressEscape,
138
- onClose: q,
139
- onSwitch: K
139
+ onClose: K,
140
+ onSwitch: W
140
141
  }, {
141
- default: _(() => [
142
- t.$slots.viewer ? (s(), f("div", ce, [
143
- k(t.$slots, "viewer")
142
+ default: te(() => [
143
+ t.$slots.viewer ? (s(), f("div", de, [
144
+ C(t.$slots, "viewer")
144
145
  ])) : u("", !0)
145
146
  ]),
146
147
  _: 3
@@ -150,5 +151,5 @@ const ue = ["src", "loading"], ce = { key: 0 }, de = T({
150
151
  }
151
152
  });
152
153
  export {
153
- xe as default
154
+ Ie as default
154
155
  };
@@ -9,10 +9,10 @@ export interface VftLoading extends HTMLElement {
9
9
  options: LoadingOptions;
10
10
  };
11
11
  }
12
- export declare const vLoading: Directive<VftLoading, LoadingBinding>;
13
12
  export declare function createLoadingDirective(defaultLoadingCfg?: UnwrapRef<LoadingOptions>): {
14
13
  mounted(el: any, binding: any): void;
15
14
  updated(el: any, binding: any): void;
16
15
  unmounted(el: VftLoading): void;
17
16
  };
17
+ export declare const vLoading: Directive<VftLoading, LoadingBinding>;
18
18
  export {};
@@ -30,7 +30,7 @@ const u = Symbol("VftLoading"), i = (a, o) => {
30
30
  }, y = (a, o) => {
31
31
  for (const t of Object.keys(o))
32
32
  x(o[t]) && (o[t].value = a[t]);
33
- }, L = S();
33
+ };
34
34
  function S(a) {
35
35
  function o(t) {
36
36
  a && (t.value = { ...a, ...t.value });
@@ -48,6 +48,7 @@ function S(a) {
48
48
  }
49
49
  };
50
50
  }
51
+ const L = S();
51
52
  export {
52
53
  S as createLoadingDirective,
53
54
  L as vLoading
@@ -2,14 +2,14 @@ import "@vueuse/core";
2
2
  import { isNumber as m, isClient as p } from "@vft/utils";
3
3
  import { debugWarn as l } from "../../utils/error.js";
4
4
  import "../../components/config-provider/hooks/use-global-config.js";
5
- import { ref as v, getCurrentInstance as i, inject as e, computed as c, unref as Z } from "vue";
5
+ import { getCurrentInstance as i, inject as e, computed as c, unref as v, ref as Z } from "vue";
6
6
  import "lodash-es";
7
7
  import "../../components/form/index.js";
8
8
  const s = {
9
9
  current: 0
10
- }, u = v(0), f = 2e3, d = Symbol("vftZIndexContextKey"), y = Symbol("zIndexContextKey"), K = (I) => {
10
+ }, u = Z(0), f = 2e3, d = Symbol("vftZIndexContextKey"), y = Symbol("zIndexContextKey"), K = (I) => {
11
11
  const n = i() ? e(d, s) : s, x = I || (i() ? e(y, void 0) : void 0), t = c(() => {
12
- const r = Z(x);
12
+ const r = v(x);
13
13
  return m(r) ? r : f;
14
14
  }), o = c(() => t.value + u.value), a = () => (n.current++, u.value = n.current, o.value);
15
15
  return !p && !e(d) && l(
@@ -1,6 +1,6 @@
1
1
  declare const _default: {
2
2
  "name": "vft",
3
- "version": "0.0.517",
3
+ "version": "0.0.519",
4
4
  "license": "MIT",
5
5
  "main": "lib/index.cjs",
6
6
  "module": "es/index.js",
@@ -1,4 +1,4 @@
1
- const o = "0.0.517";
1
+ const o = "0.0.519";
2
2
  export {
3
3
  o as version
4
4
  };
@@ -1 +1 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),$=require("@vft/use"),c=require("@vft/utils"),H=require("../image-viewer/index.cjs"),o=require("@vueuse/core");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");require("../form/index.cjs");const P=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const F=["src","loading"],j={key:0},D=e.defineComponent({name:"vft-image",inheritAttrs:!1}),R=e.defineComponent({...D,props:{hideOnClickModal:{type:Boolean,default:!1},src:{default:""},fit:{default:""},loading:{},lazy:{type:Boolean},scrollContainer:{},previewSrcList:{default:()=>[]},previewTeleported:{type:Boolean,default:!1},zIndex:{},initialIndex:{default:0},infinite:{type:Boolean,default:!0},closeOnPressEscape:{type:Boolean,default:!0},zoomRate:{default:1.2}},emits:["load","error","switch","close","show"],setup(t,{expose:S,emit:B}){const s=B,a=P.useNamespace("image");let y="";const E=e.useAttrs(),q=$.useAttrs(),d=e.ref(),i=e.ref(!1),n=e.ref(!0),f=e.ref(!1),u=e.ref(),r=e.ref(),V=o.isClient&&"loading"in HTMLImageElement.prototype;let w,C;const x=e.computed(()=>E.style),p=e.computed(()=>o.isClient&&t.fit?{objectFit:t.fit}:{}),v=e.computed(()=>Array.isArray(t.previewSrcList)&&t.previewSrcList.length>0),I=e.computed(()=>{let l=t.initialIndex;return t.initialIndex>t.previewSrcList.length-1&&(l=0),l}),h=e.computed(()=>t.loading==="eager"?!1:!V&&t.loading==="lazy"||t.lazy),m=()=>{o.isClient&&(n.value=!0,i.value=!1,d.value=t.src)};function N(l){n.value=!1,i.value=!1,s("load",l)}function b(l){n.value=!1,i.value=!0,s("error",l)}function g(){c.isInContainer(u.value,r.value)&&(m(),z())}const k=o.useThrottleFn(g,200);async function L(){o.isClient&&(await e.nextTick(),c.isElement(t.scrollContainer)?r.value=t.scrollContainer:c.isString(t.scrollContainer)&&t.scrollContainer!==""?r.value=document.querySelector(t.scrollContainer)??void 0:u.value&&(r.value=c.getScrollContainer(u.value)),r.value&&(w=o.useEventListener(r,"scroll",k),setTimeout(()=>g(),100)))}function z(){!o.isClient||!r.value||!k||(w?.(),r.value=void 0)}function M(l){if(l.ctrlKey){if(l.deltaY<0)return l.preventDefault(),!1;if(l.deltaY>0)return l.preventDefault(),!1}}function T(){v.value&&(C=o.useEventListener("wheel",M,{passive:!1}),y=document.body.style.overflow,document.body.style.overflow="hidden",f.value=!0,s("show"))}function A(){C?.(),document.body.style.overflow=y,f.value=!1,s("close")}function O(l){s("switch",l)}return e.watch(()=>t.src,()=>{h.value?(n.value=!0,i.value=!1,z(),L()):m()}),e.onMounted(()=>{h.value?L():m()}),S({isLoading:n}),(l,Y)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"container",ref:u,class:e.normalizeClass([e.unref(a).b(),l.$attrs.class]),style:e.normalizeStyle(x.value)},[d.value!==void 0&&!i.value?(e.openBlock(),e.createElementBlock("img",e.mergeProps({key:0},e.unref(q),{src:d.value,loading:t.loading,style:p.value,class:[e.unref(a).e("inner"),v.value&&e.unref(a).e("preview"),n.value&&e.unref(a).is("loading")],onClick:T,onLoad:N,onError:b,alt:""}),null,16,F)):e.createCommentVNode("",!0),n.value||i.value?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(a).e("wrapper"))},[n.value?e.renderSlot(l.$slots,"placeholder",{key:0},()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(a).e("placeholder"))},null,2)]):i.value?e.renderSlot(l.$slots,"error",{key:1},()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(a).e("error"))},"加载失败",2)]):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),v.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[f.value?(e.openBlock(),e.createBlock(e.unref(H.VftImageViewer),{key:0,"z-index":t.zIndex,"initial-index":I.value,infinite:t.infinite,"zoom-rate":t.zoomRate,"url-list":t.previewSrcList,"hide-on-click-modal":t.hideOnClickModal,teleported:t.previewTeleported,"close-on-press-escape":t.closeOnPressEscape,onClose:A,onSwitch:O},{default:e.withCtx(()=>[l.$slots.viewer?(e.openBlock(),e.createElementBlock("div",j,[e.renderSlot(l.$slots,"viewer")])):e.createCommentVNode("",!0)]),_:3},8,["z-index","initial-index","infinite","zoom-rate","url-list","hide-on-click-modal","teleported","close-on-press-escape"])):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0)],6))}});exports.default=R;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),$=require("@vft/use"),c=require("@vft/utils"),o=require("@vueuse/core");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");require("../form/index.cjs");const H=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const F=["src","loading"],j={key:0},D=e.defineComponent({name:"vft-image",inheritAttrs:!1}),R=e.defineComponent({...D,props:{hideOnClickModal:{type:Boolean,default:!1},src:{default:""},fit:{default:""},loading:{},lazy:{type:Boolean},scrollContainer:{},previewSrcList:{default:()=>[]},previewTeleported:{type:Boolean,default:!1},zIndex:{},initialIndex:{default:0},infinite:{type:Boolean,default:!0},closeOnPressEscape:{type:Boolean,default:!0},zoomRate:{default:1.2}},emits:["load","error","switch","close","show"],setup(t,{expose:S,emit:B}){const s=B,E=e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("../image-viewer/index.cjs")).then(l=>l.VftImageViewer)),a=H.useNamespace("image");let y="";const V=e.useAttrs(),q=$.useAttrs(),d=e.ref(),i=e.ref(!1),n=e.ref(!0),f=e.ref(!1),u=e.ref(),r=e.ref(),p=o.isClient&&"loading"in HTMLImageElement.prototype;let w,h;const I=e.computed(()=>V.style),x=e.computed(()=>o.isClient&&t.fit?{objectFit:t.fit}:{}),v=e.computed(()=>Array.isArray(t.previewSrcList)&&t.previewSrcList.length>0),N=e.computed(()=>{let l=t.initialIndex;return t.initialIndex>t.previewSrcList.length-1&&(l=0),l}),C=e.computed(()=>t.loading==="eager"?!1:!p&&t.loading==="lazy"||t.lazy),m=()=>{o.isClient&&(n.value=!0,i.value=!1,d.value=t.src)};function b(l){n.value=!1,i.value=!1,s("load",l)}function A(l){n.value=!1,i.value=!0,s("error",l)}function g(){c.isInContainer(u.value,r.value)&&(m(),z())}const k=o.useThrottleFn(g,200);async function L(){o.isClient&&(await e.nextTick(),c.isElement(t.scrollContainer)?r.value=t.scrollContainer:c.isString(t.scrollContainer)&&t.scrollContainer!==""?r.value=document.querySelector(t.scrollContainer)??void 0:u.value&&(r.value=c.getScrollContainer(u.value)),r.value&&(w=o.useEventListener(r,"scroll",k),setTimeout(()=>g(),100)))}function z(){!o.isClient||!r.value||!k||(w?.(),r.value=void 0)}function M(l){if(l.ctrlKey){if(l.deltaY<0)return l.preventDefault(),!1;if(l.deltaY>0)return l.preventDefault(),!1}}function T(){v.value&&(h=o.useEventListener("wheel",M,{passive:!1}),y=document.body.style.overflow,document.body.style.overflow="hidden",f.value=!0,s("show"))}function O(){h?.(),document.body.style.overflow=y,f.value=!1,s("close")}function P(l){s("switch",l)}return e.watch(()=>t.src,()=>{C.value?(n.value=!0,i.value=!1,z(),L()):m()}),e.onMounted(()=>{C.value?L():m()}),S({isLoading:n}),(l,Y)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"container",ref:u,class:e.normalizeClass([e.unref(a).b(),l.$attrs.class]),style:e.normalizeStyle(I.value)},[d.value!==void 0&&!i.value?(e.openBlock(),e.createElementBlock("img",e.mergeProps({key:0},e.unref(q),{src:d.value,loading:t.loading,style:x.value,class:[e.unref(a).e("inner"),v.value&&e.unref(a).e("preview"),n.value&&e.unref(a).is("loading")],onClick:T,onLoad:b,onError:A,alt:""}),null,16,F)):e.createCommentVNode("",!0),n.value||i.value?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(a).e("wrapper"))},[n.value?e.renderSlot(l.$slots,"placeholder",{key:0},()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(a).e("placeholder"))},null,2)]):i.value?e.renderSlot(l.$slots,"error",{key:1},()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(a).e("error"))},"加载失败",2)]):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),v.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[f.value?(e.openBlock(),e.createBlock(e.unref(E),{key:0,"z-index":t.zIndex,"initial-index":N.value,infinite:t.infinite,"zoom-rate":t.zoomRate,"url-list":t.previewSrcList,"hide-on-click-modal":t.hideOnClickModal,teleported:t.previewTeleported,"close-on-press-escape":t.closeOnPressEscape,onClose:O,onSwitch:P},{default:e.withCtx(()=>[l.$slots.viewer?(e.openBlock(),e.createElementBlock("div",j,[e.renderSlot(l.$slots,"viewer")])):e.createCommentVNode("",!0)]),_:3},8,["z-index","initial-index","infinite","zoom-rate","url-list","hide-on-click-modal","teleported","close-on-press-escape"])):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0)],6))}});exports.default=R;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("@vft/utils"),m=require("vue"),y=require("./service.cjs"),v=Symbol("VftLoading"),n=(c,s)=>{const t=s.instance,e=a=>u.isObject(s.value)?s.value[a]:void 0,l=a=>{const r=u.isString(a)&&t?.[a]||a;return r&&m.ref(r)},o=a=>l(e(a)??c.getAttribute(`vft-loading-${u.hyphenate(a)}`)),f=e("fullscreen")??s.modifiers.fullscreen,i={text:o("text"),svg:o("svg"),svgViewBox:o("svgViewBox"),spinner:o("spinner"),visible:o("visible"),background:o("background"),customClass:o("customClass"),rotate:o("rotate"),img:o("img"),icon:o("icon"),fullscreen:f,target:e("target")??(f?void 0:c),body:e("body")??s.modifiers.body,lock:e("lock")??s.modifiers.lock};c[v]={options:i,instance:y.Loading(i)}},d=(c,s)=>{for(const t of Object.keys(s))m.isRef(s[t])&&(s[t].value=c[t])},S=p();function p(c){function s(t){c&&(t.value={...c,...t.value})}return{mounted(t,e){e.value!==!1&&(s(e),e.value?.visible===!1&&(e.value=void 0),e.value&&n(t,e))},updated(t,e){const l=t[v];e.oldValue!==e.value&&(e.value&&!e.oldValue||e.value?.visible?(s(e),n(t,e)):e.value&&e.oldValue?(e.value?.visible===!1&&l?.instance.close(),u.isObject(e.value)&&(s(e),d(e.value,l.options))):l?.instance.close())},unmounted(t){t[v]?.instance.close()}}}exports.createLoadingDirective=p;exports.vLoading=S;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("@vft/utils"),m=require("vue"),y=require("./service.cjs"),v=Symbol("VftLoading"),n=(c,s)=>{const t=s.instance,e=a=>u.isObject(s.value)?s.value[a]:void 0,l=a=>{const r=u.isString(a)&&t?.[a]||a;return r&&m.ref(r)},o=a=>l(e(a)??c.getAttribute(`vft-loading-${u.hyphenate(a)}`)),f=e("fullscreen")??s.modifiers.fullscreen,i={text:o("text"),svg:o("svg"),svgViewBox:o("svgViewBox"),spinner:o("spinner"),visible:o("visible"),background:o("background"),customClass:o("customClass"),rotate:o("rotate"),img:o("img"),icon:o("icon"),fullscreen:f,target:e("target")??(f?void 0:c),body:e("body")??s.modifiers.body,lock:e("lock")??s.modifiers.lock};c[v]={options:i,instance:y.Loading(i)}},d=(c,s)=>{for(const t of Object.keys(s))m.isRef(s[t])&&(s[t].value=c[t])};function p(c){function s(t){c&&(t.value={...c,...t.value})}return{mounted(t,e){e.value!==!1&&(s(e),e.value?.visible===!1&&(e.value=void 0),e.value&&n(t,e))},updated(t,e){const l=t[v];e.oldValue!==e.value&&(e.value&&!e.oldValue||e.value?.visible?(s(e),n(t,e)):e.value&&e.oldValue?(e.value?.visible===!1&&l?.instance.close(),u.isObject(e.value)&&(s(e),d(e.value,l.options))):l?.instance.close())},unmounted(t){t[v]?.instance.close()}}}const S=p();exports.createLoadingDirective=p;exports.vLoading=S;
@@ -9,10 +9,10 @@ export interface VftLoading extends HTMLElement {
9
9
  options: LoadingOptions;
10
10
  };
11
11
  }
12
- export declare const vLoading: Directive<VftLoading, LoadingBinding>;
13
12
  export declare function createLoadingDirective(defaultLoadingCfg?: UnwrapRef<LoadingOptions>): {
14
13
  mounted(el: any, binding: any): void;
15
14
  updated(el: any, binding: any): void;
16
15
  unmounted(el: VftLoading): void;
17
16
  };
17
+ export declare const vLoading: Directive<VftLoading, LoadingBinding>;
18
18
  export {};
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="0.0.517";exports.version=e;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="0.0.519";exports.version=e;
@@ -1,6 +1,6 @@
1
1
  declare const _default: {
2
2
  "name": "vft",
3
- "version": "0.0.517",
3
+ "version": "0.0.519",
4
4
  "license": "MIT",
5
5
  "main": "lib/index.cjs",
6
6
  "module": "es/index.js",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "vft",
3
- "version": "0.0.517",
3
+ "version": "0.0.519",
4
4
  "license": "MIT",
5
5
  "main": "lib/index.cjs",
6
6
  "module": "es/index.js",
@@ -57,10 +57,10 @@
57
57
  "sortablejs": "1.15.0",
58
58
  "photoswipe": "5.4.4",
59
59
  "@vft/constants": "0.0.83",
60
- "@vft/use": "0.0.96",
61
- "@vft/store": "0.0.78",
62
60
  "@vft/router": "0.0.73",
61
+ "@vft/store": "0.0.78",
63
62
  "@vft/utils": "0.0.161",
63
+ "@vft/use": "0.0.96",
64
64
  "@vft/directives": "0.0.36"
65
65
  },
66
66
  "vetur": {