vfit 2.0.3 → 2.0.4

package/README.md

@@ -2,7 +2,7 @@
 
 官网：https://vfit.raychart.cn/
 
-公众号：RayChart（获取全网最全的大屏适配调研方案）
+公众号：土豆的孪生可视化（已认证自媒体，获取全网最全的大屏适配调研方案）
 
 作者：RayChart
 

package/dist/fitscale.es.js

@@ -64,7 +64,7 @@ function useFitPosition(props, options = {}) {
       if (props.unit === "%") {
         position[key] = val == void 0 ? "auto" : `${val}${props.unit}`;
       } else {
-        const needScale = options.scaleKeys ? options.scaleKeys.includes(key) : key === "left" || key === "top";
+        const needScale = options.scaleKeys ? options.scaleKeys.includes(key) : true;
         position[key] = val == void 0 ? "auto" : `${needScale ? val * s : val}${props.unit}`;
       }
     });
@@ -74,6 +74,7 @@ function useFitPosition(props, options = {}) {
 const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   __name: "FitContainer",
   props: {
+    /* 自定义缩放因子，传 0 或不传时使用全局 fitScale */
     scale: { type: Number, default: 0 },
     top: { type: Number },
     bottom: { type: Number },
@@ -87,7 +88,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     const { position, origin } = useFitPosition(props);
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: "fit-container",
+        class: "vfit-base fit-container",
         style: normalizeStyle({ transform: unref(position).scale, transformOrigin: unref(origin), top: unref(position).top, bottom: unref(position).bottom, left: unref(position).left, right: unref(position).right, zIndex: props.z })
       }, [
         renderSlot(_ctx.$slots, "default", {}, void 0, true)
@@ -102,10 +103,11 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const FitContainer = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-42c37d40"]]);
+const FitContainer = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-351214cb"]]);
 const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   __name: "VFitLT",
   props: {
+    /* 自定义缩放因子，传 0 或不传时使用全局 fitScale */
     scale: { type: Number, default: 0 },
     top: { type: Number },
     left: { type: Number },
@@ -117,7 +119,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     const { position, origin } = useFitPosition(props);
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: "vfit-lt",
+        class: "vfit-base vfit-lt",
         style: normalizeStyle({ transform: unref(position).scale, transformOrigin: unref(origin), top: unref(position).top, left: unref(position).left, zIndex: props.z })
       }, [
         renderSlot(_ctx.$slots, "default", {}, void 0, true)
@@ -125,10 +127,11 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const VFitLT = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-1533313f"]]);
+const VFitLT = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-a7aa2e99"]]);
 const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   __name: "VFitRT",
   props: {
+    /* 自定义缩放因子，传 0 或不传时使用全局 fitScale */
     scale: { type: Number, default: 0 },
     top: { type: Number },
     right: { type: Number },
@@ -143,7 +146,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: "vfit-rt",
+        class: "vfit-base vfit-rt",
         style: normalizeStyle({ transform: unref(position).scale, transformOrigin: unref(origin), top: unref(position).top, right: unref(position).right, zIndex: props.z })
       }, [
         renderSlot(_ctx.$slots, "default", {}, void 0, true)
@@ -151,10 +154,11 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const VFitRT = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-dfa9fc63"]]);
+const VFitRT = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-66feb296"]]);
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "VFitLB",
   props: {
+    /* 自定义缩放因子，传 0 或不传时使用全局 fitScale */
     scale: { type: Number, default: 0 },
     bottom: { type: Number },
     left: { type: Number },
@@ -169,7 +173,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: "vfit-lb",
+        class: "vfit-base vfit-lb",
         style: normalizeStyle({ transform: unref(position).scale, transformOrigin: unref(origin), bottom: unref(position).bottom, left: unref(position).left, zIndex: props.z })
       }, [
         renderSlot(_ctx.$slots, "default", {}, void 0, true)
@@ -177,10 +181,11 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const VFitLB = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-e2439afc"]]);
+const VFitLB = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-812fdad7"]]);
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "VFitRB",
   props: {
+    /* 自定义缩放因子，传 0 或不传时使用全局 fitScale */
     scale: { type: Number, default: 0 },
     bottom: { type: Number },
     right: { type: Number },
@@ -195,7 +200,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: "vfit-rb",
+        class: "vfit-base vfit-rb",
         style: normalizeStyle({ transform: unref(position).scale, transformOrigin: unref(origin), bottom: unref(position).bottom, right: unref(position).right, zIndex: props.z })
       }, [
         renderSlot(_ctx.$slots, "default", {}, void 0, true)
@@ -203,24 +208,25 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const VFitRB = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-33198615"]]);
+const VFitRB = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-c76864af"]]);
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "VFitCenter",
   props: {
+    /* 自定义缩放因子，传 0 或不传时使用全局 fitScale */
     scale: { type: Number, default: 0 },
     z: { type: Number, default: 300 }
   },
   setup(__props) {
     const props = __props;
     const { position, origin } = useFitPosition(props, {
-      origin: "50% 50%",
+      origin: "0 0",
       scaleKeys: [],
       // No positioning props to scale
       extraTransform: "translate(-50%, -50%)"
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: "vfit-center",
+        class: "vfit-base vfit-center",
         style: normalizeStyle({ transform: unref(position).scale, transformOrigin: unref(origin), zIndex: props.z })
       }, [
         renderSlot(_ctx.$slots, "default", {}, void 0, true)
@@ -228,13 +234,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const VFitCenter = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-289ce2dd"]]);
+const VFitCenter = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-646ac2da"]]);
 function createFitScale(options = {}) {
   const fitScale = ref(1);
   return {
     install(app) {
-      const rootEl = typeof options.target === "string" ? document.querySelector(options.target) : options.target;
+      const rootEl = typeof options.target === "string" ? document.querySelector(options.target) : options.target ?? null;
       const target = rootEl || document.querySelector("#app");
+      if (!target) {
+        console.warn("[vfit] Target element not found, scale observer not started.");
+        return;
+      }
       observeScale(target, options.designHeight ?? 1080, (v) => {
         fitScale.value = v;
       }, options.scaleMode ?? "auto", options.designWidth ?? 1920);

package/dist/fitscale.umd.js

@@ -1 +1 @@
-(function(t,e){typeof exports==="object"&&typeof module!=="undefined"?e(exports,require("vue")):typeof define==="function"&&define.amd?define(["exports","vue"],e):(t=typeof globalThis!=="undefined"?globalThis:t||self,e(t.FitScale={},t.Vue))})(this,function(t,e){"use strict";function o(t,e,o,n="auto",r=1920){const i=new ResizeObserver(t=>{for(const i of t){const t=i.contentRect.height;const s=i.contentRect.width;let l;if(n==="height"){l=t/e}else if(n==="width"){l=s/r}else{const o=r/e;if(s/t<o){l=s/r}else{l=t/e}}o(l)}});i.observe(t);return i}const n=Symbol("FitScale");function r(){const t=e.inject(n,e.ref(1));return t}function i(t,o={}){const r=e.reactive({scale:`scale(1) translateZ(0)`,top:"auto",bottom:"auto",left:"auto",right:"auto"});const i=e.computed(()=>{if(o.origin)return o.origin;const e=t.right!==void 0;const n=t.bottom!==void 0;if(e&&n)return"100% 100%";if(e)return"100% 0";if(n)return"0 100%";return"0 0"});const s=e.inject(n,e.ref(1));e.watch([()=>t.scale,()=>t.unit,()=>t.top,()=>t.bottom,()=>t.left,()=>t.right,s],()=>{const e=t.scale&&t.scale>0?t.scale:(s==null?void 0:s.value)??1;const n=`scale(${e}) translateZ(0)`;r.scale=o.extraTransform?`${n} ${o.extraTransform}`:n;const i=["top","bottom","left","right"];i.forEach(n=>{const i=t[n];if(t.unit==="%"){r[n]=i==void 0?"auto":`${i}${t.unit}`}else{const s=o.scaleKeys?o.scaleKeys.includes(n):n==="left"||n==="top";r[n]=i==void 0?"auto":`${s?i*e:i}${t.unit}`}})},{immediate:true});return{position:r,origin:i}}const s=e.defineComponent({__name:"FitContainer",props:{scale:{type:Number,default:0},top:{type:Number},bottom:{type:Number},left:{type:Number},right:{type:Number},unit:{type:String,default:"px"},z:{type:Number,default:300}},setup(t){const o=t;const{position:n,origin:r}=i(o);return(t,i)=>(e.openBlock(),e.createElementBlock("div",{class:"fit-container",style:e.normalizeStyle({transform:e.unref(n).scale,transformOrigin:e.unref(r),top:e.unref(n).top,bottom:e.unref(n).bottom,left:e.unref(n).left,right:e.unref(n).right,zIndex:o.z})},[e.renderSlot(t.$slots,"default",{},void 0,true)],4))}});const l=(t,e)=>{const o=t.__vccOpts||t;for(const[n,r]of e){o[n]=r}return o};const c=l(s,[["__scopeId","data-v-42c37d40"]]);const a=e.defineComponent({__name:"VFitLT",props:{scale:{type:Number,default:0},top:{type:Number},left:{type:Number},unit:{type:String,default:"px"},z:{type:Number,default:300}},setup(t){const o=t;const{position:n,origin:r}=i(o);return(t,i)=>(e.openBlock(),e.createElementBlock("div",{class:"vfit-lt",style:e.normalizeStyle({transform:e.unref(n).scale,transformOrigin:e.unref(r),top:e.unref(n).top,left:e.unref(n).left,zIndex:o.z})},[e.renderSlot(t.$slots,"default",{},void 0,true)],4))}});const u=l(a,[["__scopeId","data-v-1533313f"]]);const f=e.defineComponent({__name:"VFitRT",props:{scale:{type:Number,default:0},top:{type:Number},right:{type:Number},unit:{type:String,default:"px"},z:{type:Number,default:300}},setup(t){const o=t;const{position:n,origin:r}=i(o,{origin:"100% 0",scaleKeys:["top","right"]});return(t,i)=>(e.openBlock(),e.createElementBlock("div",{class:"vfit-rt",style:e.normalizeStyle({transform:e.unref(n).scale,transformOrigin:e.unref(r),top:e.unref(n).top,right:e.unref(n).right,zIndex:o.z})},[e.renderSlot(t.$slots,"default",{},void 0,true)],4))}});const p=l(f,[["__scopeId","data-v-dfa9fc63"]]);const d=e.defineComponent({__name:"VFitLB",props:{scale:{type:Number,default:0},bottom:{type:Number},left:{type:Number},unit:{type:String,default:"px"},z:{type:Number,default:300}},setup(t){const o=t;const{position:n,origin:r}=i(o,{origin:"0 100%",scaleKeys:["bottom","left"]});return(t,i)=>(e.openBlock(),e.createElementBlock("div",{class:"vfit-lb",style:e.normalizeStyle({transform:e.unref(n).scale,transformOrigin:e.unref(r),bottom:e.unref(n).bottom,left:e.unref(n).left,zIndex:o.z})},[e.renderSlot(t.$slots,"default",{},void 0,true)],4))}});const m=l(d,[["__scopeId","data-v-e2439afc"]]);const y=e.defineComponent({__name:"VFitRB",props:{scale:{type:Number,default:0},bottom:{type:Number},right:{type:Number},unit:{type:String,default:"px"},z:{type:Number,default:300}},setup(t){const o=t;const{position:n,origin:r}=i(o,{origin:"100% 100%",scaleKeys:["bottom","right"]});return(t,i)=>(e.openBlock(),e.createElementBlock("div",{class:"vfit-rb",style:e.normalizeStyle({transform:e.unref(n).scale,transformOrigin:e.unref(r),bottom:e.unref(n).bottom,right:e.unref(n).right,zIndex:o.z})},[e.renderSlot(t.$slots,"default",{},void 0,true)],4))}});const g=l(y,[["__scopeId","data-v-33198615"]]);const b=e.defineComponent({__name:"VFitCenter",props:{scale:{type:Number,default:0},z:{type:Number,default:300}},setup(t){const o=t;const{position:n,origin:r}=i(o,{origin:"50% 50%",scaleKeys:[],extraTransform:"translate(-50%, -50%)"});return(t,i)=>(e.openBlock(),e.createElementBlock("div",{class:"vfit-center",style:e.normalizeStyle({transform:e.unref(n).scale,transformOrigin:e.unref(r),zIndex:o.z})},[e.renderSlot(t.$slots,"default",{},void 0,true)],4))}});const v=l(b,[["__scopeId","data-v-289ce2dd"]]);function h(t={}){const r=e.ref(1);return{install(e){const i=typeof t.target==="string"?document.querySelector(t.target):t.target;const s=i||document.querySelector("#app");o(s,t.designHeight??1080,t=>{r.value=t},t.scaleMode??"auto",t.designWidth??1920);e.provide(n,r);e.config.globalProperties.$fitScale=r;e.component("FitContainer",c);e.component("vfit-lt",u);e.component("vfit-rt",p);e.component("vfit-lb",m);e.component("vfit-rb",g);e.component("vfit-center",v)}}}t.FitContainer=c;t.VFitCenter=v;t.VFitLB=m;t.VFitLT=u;t.VFitRB=g;t.VFitRT=p;t.createFitScale=h;t.useFitScale=r;Object.defineProperty(t,Symbol.toStringTag,{value:"Module"})});
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue")):"function"==typeof define&&define.amd?define(["exports","vue"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).FitScale={},e.Vue)}(this,function(e,t){"use strict";const o=Symbol("FitScale");function n(e,n={}){const r=t.reactive({scale:"scale(1) translateZ(0)",top:"auto",bottom:"auto",left:"auto",right:"auto"}),i=t.computed(()=>{if(n.origin)return n.origin;const t=void 0!==e.right,o=void 0!==e.bottom;return t&&o?"100% 100%":t?"100% 0":o?"0 100%":"0 0"}),a=t.inject(o,t.ref(1));return t.watch([()=>e.scale,()=>e.unit,()=>e.top,()=>e.bottom,()=>e.left,()=>e.right,a],()=>{const t=e.scale&&e.scale>0?e.scale:(null==a?void 0:a.value)??1,o=`scale(${t}) translateZ(0)`;r.scale=n.extraTransform?`${o} ${n.extraTransform}`:o;["top","bottom","left","right"].forEach(o=>{const i=e[o];if("%"===e.unit)r[o]=null==i?"auto":`${i}${e.unit}`;else{const a=!n.scaleKeys||n.scaleKeys.includes(o);r[o]=null==i?"auto":`${a?i*t:i}${e.unit}`}})},{immediate:!0}),{position:r,origin:i}}const r=(e,t)=>{const o=e.__vccOpts||e;for(const[n,r]of t)o[n]=r;return o},i=r(t.defineComponent({__name:"FitContainer",props:{scale:{type:Number,default:0},top:{type:Number},bottom:{type:Number},left:{type:Number},right:{type:Number},unit:{type:String,default:"px"},z:{type:Number,default:300}},setup(e){const o=e,{position:r,origin:i}=n(o);return(e,n)=>(t.openBlock(),t.createElementBlock("div",{class:"vfit-base fit-container",style:t.normalizeStyle({transform:t.unref(r).scale,transformOrigin:t.unref(i),top:t.unref(r).top,bottom:t.unref(r).bottom,left:t.unref(r).left,right:t.unref(r).right,zIndex:o.z})},[t.renderSlot(e.$slots,"default",{},void 0,!0)],4))}}),[["__scopeId","data-v-351214cb"]]),a=r(t.defineComponent({__name:"VFitLT",props:{scale:{type:Number,default:0},top:{type:Number},left:{type:Number},unit:{type:String,default:"px"},z:{type:Number,default:300}},setup(e){const o=e,{position:r,origin:i}=n(o);return(e,n)=>(t.openBlock(),t.createElementBlock("div",{class:"vfit-base vfit-lt",style:t.normalizeStyle({transform:t.unref(r).scale,transformOrigin:t.unref(i),top:t.unref(r).top,left:t.unref(r).left,zIndex:o.z})},[t.renderSlot(e.$slots,"default",{},void 0,!0)],4))}}),[["__scopeId","data-v-a7aa2e99"]]),l=r(t.defineComponent({__name:"VFitRT",props:{scale:{type:Number,default:0},top:{type:Number},right:{type:Number},unit:{type:String,default:"px"},z:{type:Number,default:300}},setup(e){const o=e,{position:r,origin:i}=n(o,{origin:"100% 0",scaleKeys:["top","right"]});return(e,n)=>(t.openBlock(),t.createElementBlock("div",{class:"vfit-base vfit-rt",style:t.normalizeStyle({transform:t.unref(r).scale,transformOrigin:t.unref(i),top:t.unref(r).top,right:t.unref(r).right,zIndex:o.z})},[t.renderSlot(e.$slots,"default",{},void 0,!0)],4))}}),[["__scopeId","data-v-66feb296"]]),s=r(t.defineComponent({__name:"VFitLB",props:{scale:{type:Number,default:0},bottom:{type:Number},left:{type:Number},unit:{type:String,default:"px"},z:{type:Number,default:300}},setup(e){const o=e,{position:r,origin:i}=n(o,{origin:"0 100%",scaleKeys:["bottom","left"]});return(e,n)=>(t.openBlock(),t.createElementBlock("div",{class:"vfit-base vfit-lb",style:t.normalizeStyle({transform:t.unref(r).scale,transformOrigin:t.unref(i),bottom:t.unref(r).bottom,left:t.unref(r).left,zIndex:o.z})},[t.renderSlot(e.$slots,"default",{},void 0,!0)],4))}}),[["__scopeId","data-v-812fdad7"]]),u=r(t.defineComponent({__name:"VFitRB",props:{scale:{type:Number,default:0},bottom:{type:Number},right:{type:Number},unit:{type:String,default:"px"},z:{type:Number,default:300}},setup(e){const o=e,{position:r,origin:i}=n(o,{origin:"100% 100%",scaleKeys:["bottom","right"]});return(e,n)=>(t.openBlock(),t.createElementBlock("div",{class:"vfit-base vfit-rb",style:t.normalizeStyle({transform:t.unref(r).scale,transformOrigin:t.unref(i),bottom:t.unref(r).bottom,right:t.unref(r).right,zIndex:o.z})},[t.renderSlot(e.$slots,"default",{},void 0,!0)],4))}}),[["__scopeId","data-v-c76864af"]]),f=r(t.defineComponent({__name:"VFitCenter",props:{scale:{type:Number,default:0},z:{type:Number,default:300}},setup(e){const o=e,{position:r,origin:i}=n(o,{origin:"0 0",scaleKeys:[],extraTransform:"translate(-50%, -50%)"});return(e,n)=>(t.openBlock(),t.createElementBlock("div",{class:"vfit-base vfit-center",style:t.normalizeStyle({transform:t.unref(r).scale,transformOrigin:t.unref(i),zIndex:o.z})},[t.renderSlot(e.$slots,"default",{},void 0,!0)],4))}}),[["__scopeId","data-v-646ac2da"]]);e.FitContainer=i,e.VFitCenter=f,e.VFitLB=s,e.VFitLT=a,e.VFitRB=u,e.VFitRT=l,e.createFitScale=function(e={}){const n=t.ref(1);return{install(t){const r=("string"==typeof e.target?document.querySelector(e.target):e.target??null)||document.querySelector("#app");r?(!function(e,t,o,n="auto",r=1920){const i=new ResizeObserver(e=>{for(const i of e){const e=i.contentRect.height,a=i.contentRect.width;let l;l="height"===n?e/t:"width"===n||a/e<r/t?a/r:e/t,o(l)}});i.observe(e)}(r,e.designHeight??1080,e=>{n.value=e},e.scaleMode??"auto",e.designWidth??1920),t.provide(o,n),t.config.globalProperties.$fitScale=n,t.component("FitContainer",i),t.component("vfit-lt",a),t.component("vfit-rt",l),t.component("vfit-lb",s),t.component("vfit-rb",u),t.component("vfit-center",f)):console.warn("[vfit] Target element not found, scale observer not started.")}}},e.useFitScale=function(){return t.inject(o,t.ref(1))},Object.defineProperty(e,Symbol.toStringTag,{value:"Module"})});

package/dist/index.d.ts

@@ -5,6 +5,7 @@ import VFitRT from './components/VFitRT.vue';
 import VFitLB from './components/VFitLB.vue';
 import VFitRB from './components/VFitRB.vue';
 import VFitCenter from './components/VFitCenter.vue';
+import './style.css';
 export type FitScaleOptions = {
     target?: string | HTMLElement;
     designHeight?: number;
@@ -16,3 +17,4 @@ export declare function createFitScale(options?: FitScaleOptions): {
 };
 export { FitContainer, VFitLT, VFitRT, VFitLB, VFitRB, VFitCenter };
 export { useFitScale } from './useFitScale';
+export type { FitPositionProps } from './useFitPosition';

package/dist/style.css

@@ -1 +1 @@
-.fit-container[data-v-42c37d40],.vfit-lt[data-v-1533313f]{position:absolute;transform-origin:0 0;z-index:300;will-change:transform;backface-visibility:hidden;perspective:1000px}.vfit-rt[data-v-dfa9fc63]{position:absolute;transform-origin:100% 0;z-index:300;will-change:transform;backface-visibility:hidden;perspective:1000px}.vfit-lb[data-v-e2439afc]{position:absolute;transform-origin:0 100%;z-index:300;will-change:transform;backface-visibility:hidden;perspective:1000px}.vfit-rb[data-v-33198615]{position:absolute;transform-origin:100% 100%;z-index:300;will-change:transform;backface-visibility:hidden;perspective:1000px}.vfit-center[data-v-289ce2dd]{position:absolute;top:50%;left:50%;transform-origin:50% 50%;z-index:300;will-change:transform;backface-visibility:hidden;perspective:1000px}
+.fit-container[data-v-351214cb],.vfit-lt[data-v-a7aa2e99]{transform-origin:0 0}.vfit-rt[data-v-66feb296]{transform-origin:100% 0}.vfit-lb[data-v-812fdad7]{transform-origin:0 100%}.vfit-rb[data-v-c76864af]{transform-origin:100% 100%}.vfit-center[data-v-646ac2da]{top:50%;left:50%;transform-origin:0 0}.vfit-base{position:absolute;will-change:transform;backface-visibility:hidden;perspective:1000px}

package/dist/useFitPosition.d.ts

@@ -1,14 +1,16 @@
-export declare function useFitPosition(props: any, options?: {
+export interface FitPositionProps {
+    scale?: number;
+    top?: number;
+    bottom?: number;
+    left?: number;
+    right?: number;
+    unit?: string;
+}
+export declare function useFitPosition(props: FitPositionProps, options?: {
     origin?: string;
-    scaleKeys?: string[];
+    scaleKeys?: Array<'top' | 'bottom' | 'left' | 'right'>;
     extraTransform?: string;
 }): {
-    position: {
-        scale: string;
-        top: string;
-        bottom: string;
-        left: string;
-        right: string;
-    };
+    position: Record<"top" | "bottom" | "left" | "right" | "scale", string>;
     origin: import("vue").ComputedRef<string>;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vfit",
-  "version": "2.0.3",
+  "version": "2.0.4",
   "description": "A tiny Vue 3 plugin to auto-fit UI scale based on container size, plus a FitContainer component for easy positioning.",
   "keywords": [
     "vue3",
@@ -48,8 +48,7 @@
       "types": "./dist/index.d.ts",
       "import": "./dist/fitscale.es.js",
       "require": "./dist/fitscale.umd.js"
-    },
-    "./style.css": "./dist/style.css"
+    }
   },
   "files": [
     "dist",