vfit 0.1.2 → 0.1.3

package/dist/fitscale.es.js

@@ -1,64 +1,84 @@
 import { defineComponent, reactive, inject, ref, watch, createElementBlock, openBlock, normalizeStyle, normalizeClass, renderSlot } from "vue";
-function observeScale(target, designHeight, onScale) {
-  const observer = new ResizeObserver((entries) => {
-    for (const entry of entries) {
-      const rectHeight = entry.contentRect.height;
-      const rectWidth = entry.contentRect.width;
-      let scaleVal;
-      if (rectWidth / rectHeight < 1.7666666666666666) {
-        scaleVal = rectWidth / 1920 * 0.98;
-      } else {
-        scaleVal = rectHeight / designHeight;
-      }
-      onScale(scaleVal);
+function _0x5b39(_0x3715b5, _0x2e4c8d) {
+  const _0x5e3a5 = _0x5e3a();
+  return _0x5b39 = function(_0x5b394e, _0x4459f1) {
+    _0x5b394e = _0x5b394e - 187;
+    let _0x43f33a = _0x5e3a5[_0x5b394e];
+    return _0x43f33a;
+  }, _0x5b39(_0x3715b5, _0x2e4c8d);
+}
+(function(_0x4d0763, _0x217f6f) {
+  const _0x4ff46b = _0x5b39, _0x396afb = _0x4d0763();
+  while (!![]) {
+    try {
+      const _0x3a94a0 = parseInt(_0x4ff46b(193)) / 1 + parseInt(_0x4ff46b(189)) / 2 * (parseInt(_0x4ff46b(192)) / 3) + parseInt(_0x4ff46b(199)) / 4 * (-parseInt(_0x4ff46b(198)) / 5) + -parseInt(_0x4ff46b(195)) / 6 * (-parseInt(_0x4ff46b(200)) / 7) + -parseInt(_0x4ff46b(196)) / 8 * (parseInt(_0x4ff46b(197)) / 9) + parseInt(_0x4ff46b(188)) / 10 * (-parseInt(_0x4ff46b(191)) / 11) + parseInt(_0x4ff46b(194)) / 12;
+      if (_0x3a94a0 === _0x217f6f) break;
+      else _0x396afb["push"](_0x396afb["shift"]());
+    } catch (_0x557b6c) {
+      _0x396afb["push"](_0x396afb["shift"]());
+    }
+  }
+})(_0x5e3a, 653108);
+function observeScale(_0x47f0dd, _0x319e73, _0x1b6eac) {
+  const _0x546310 = new ResizeObserver((_0x9a2e4f) => {
+    const _0x35b442 = _0x5b39;
+    for (const _0x4bf30e of _0x9a2e4f) {
+      const _0x322e1f = _0x4bf30e[_0x35b442(187)][_0x35b442(190)], _0x10af9e = _0x4bf30e[_0x35b442(187)]["width"];
+      let _0x2780a2;
+      _0x10af9e / _0x322e1f < 1.7666666666666666 ? _0x2780a2 = _0x10af9e / 1920 * 0.98 : _0x2780a2 = _0x322e1f / _0x319e73, _0x1b6eac(_0x2780a2);
     }
   });
-  observer.observe(target);
-  return observer;
+  return _0x546310["observe"](_0x47f0dd), _0x546310;
 }
-const _sfc_main = /* @__PURE__ */ 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" }
-  },
-  setup(__props) {
-    const position = reactive({
-      scale: `scale(1)`,
-      top: "auto",
-      bottom: "auto",
-      left: "auto",
-      right: "auto"
-    });
-    const props = __props;
-    const fitScale = inject(FitScaleKey, ref(1));
-    watch([() => props.scale, fitScale], () => {
-      const s = props.scale && props.scale > 0 ? props.scale : (fitScale == null ? void 0 : fitScale.value) ?? 1;
-      position.scale = `scale(${s})`;
-      const styleKey = ["top", "bottom", "left", "right"];
-      styleKey.forEach((key) => {
-        const val = props[key];
-        if (props.unit === "%") {
-          position[key] = val == void 0 ? "auto" : `${val}${props.unit}`;
-        } else {
-          position[key] = val == void 0 ? "auto" : `${val * s}${props.unit}`;
-        }
-      });
-    }, { immediate: true });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["fit-container", { "fit-container-right": props.right !== void 0 }]),
-        style: normalizeStyle({ transform: position.scale, top: position.top, bottom: position.bottom, left: position.left, right: position.right })
-      }, [
-        renderSlot(_ctx.$slots, "default", {}, void 0, true)
-      ], 6);
-    };
+function _0x5e3a() {
+  const _0x2496c4 = ["height", "6360915jgmmHX", "39oTIYPi", "2614wKzJKD", "9664764UuFarW", "78baZmcJ", "2444240fjGScu", "36FHZamq", "5TAXYRD", "439788uhDQcL", "455014cFiuQc", "contentRect", "10ImcMkP", "140062BisBzb"];
+  _0x5e3a = function() {
+    return _0x2496c4;
+  };
+  return _0x5e3a();
+}
+(function(_0x4e7396, _0x3feedf) {
+  const _0x42fcc8 = _0x3700, _0x56ae42 = _0x4e7396();
+  while (!![]) {
+    try {
+      const _0x1e29d4 = parseInt(_0x42fcc8(315)) / 1 + parseInt(_0x42fcc8(314)) / 2 + -parseInt(_0x42fcc8(324)) / 3 * (-parseInt(_0x42fcc8(322)) / 4) + -parseInt(_0x42fcc8(326)) / 5 + parseInt(_0x42fcc8(325)) / 6 + parseInt(_0x42fcc8(318)) / 7 + -parseInt(_0x42fcc8(320)) / 8;
+      if (_0x1e29d4 === _0x3feedf) break;
+      else _0x56ae42["push"](_0x56ae42["shift"]());
+    } catch (_0x29777b) {
+      _0x56ae42["push"](_0x56ae42["shift"]());
+    }
   }
-});
+})(_0xda13, 521578);
+function _0x3700(_0x4ccf37, _0x32cead) {
+  const _0xda13ca = _0xda13();
+  return _0x3700 = function(_0x3700e0, _0xc30946) {
+    _0x3700e0 = _0x3700e0 - 308;
+    let _0x516097 = _0xda13ca[_0x3700e0];
+    return _0x516097;
+  }, _0x3700(_0x4ccf37, _0x32cead);
+}
+function _0xda13() {
+  const _0xfc6c74 = ["auto", "scale(1)", "div", "scale", "left", "unit", "scale(", "663644JGVBnw", "756593rToWWV", "default", "top", "6062693DerMNQ", "forEach", "15258080dmMyDO", "right", "3592iuPECl", "bottom", "1749PUsjdg", "3400062kbRaDz", "3079435NAAHxG"];
+  _0xda13 = function() {
+    return _0xfc6c74;
+  };
+  return _0xda13();
+}
+const _sfc_main = 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" } }, "setup"(_0x13ac5f) {
+  const _0x156e9b = _0x3700, _0x46dff0 = reactive({ "scale": _0x156e9b(308), "top": _0x156e9b(327), "bottom": _0x156e9b(327), "left": _0x156e9b(327), "right": _0x156e9b(327) }), _0x32030a = _0x13ac5f, _0x35cc12 = inject(FitScaleKey, ref(1));
+  return watch([() => _0x32030a[_0x156e9b(310)], _0x35cc12], () => {
+    const _0x42ae48 = _0x156e9b, _0xa4ef78 = _0x32030a[_0x42ae48(310)] && _0x32030a["scale"] > 0 ? _0x32030a[_0x42ae48(310)] : (_0x35cc12 == null ? void 0 : _0x35cc12["value"]) ?? 1;
+    _0x46dff0[_0x42ae48(310)] = _0x42ae48(313) + _0xa4ef78 + ")";
+    const _0x22d343 = [_0x42ae48(317), _0x42ae48(323), _0x42ae48(311), "right"];
+    _0x22d343[_0x42ae48(319)]((_0x17de75) => {
+      const _0x5cceb8 = _0x42ae48, _0x35e2e0 = _0x32030a[_0x17de75];
+      _0x32030a[_0x5cceb8(312)] === "%" ? _0x46dff0[_0x17de75] = _0x35e2e0 == void 0 ? _0x5cceb8(327) : "" + _0x35e2e0 + _0x32030a["unit"] : _0x46dff0[_0x17de75] = _0x35e2e0 == void 0 ? "auto" : "" + _0x35e2e0 * _0xa4ef78 + _0x32030a["unit"];
+    });
+  }, { "immediate": !![] }), (_0x3c1779, _0x5f23ac) => {
+    const _0xfdc63e = _0x156e9b;
+    return openBlock(), createElementBlock(_0xfdc63e(309), { "class": normalizeClass(["fit-container", { "fit-container-right": _0x32030a[_0xfdc63e(321)] !== void 0 }]), "style": normalizeStyle({ "transform": _0x46dff0[_0xfdc63e(310)], "top": _0x46dff0["top"], "bottom": _0x46dff0[_0xfdc63e(323)], "left": _0x46dff0[_0xfdc63e(311)], "right": _0x46dff0[_0xfdc63e(321)] }) }, [renderSlot(_0x3c1779["$slots"], _0xfdc63e(316), {}, void 0, !![])], 6);
+  };
+} });
 const _export_sfc = (sfc, props) => {
   const target = sfc.__vccOpts || sfc;
   for (const [key, val] of props) {
@@ -66,29 +86,52 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const FitContainer = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-1ab0024a"]]);
-const FitScaleKey = Symbol("FitScale");
-function createFitScale(options = {}) {
-  const fitScale = ref(1);
-  return {
-    install(app) {
-      const rootEl = typeof options.target === "string" ? document.querySelector(options.target) : options.target;
-      const target = rootEl || document.querySelector("#app");
-      observeScale(target, options.designHeight ?? 1080, (v) => {
-        fitScale.value = v;
-      });
-      app.provide(FitScaleKey, fitScale);
-      app.config.globalProperties.$fitScale = fitScale;
-      app.component("FitContainer", FitContainer);
+const _0x12e950 = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-1ab0024a"]]);
+const _0x4fe986 = _0x1654;
+(function(_0x517ebe, _0x1bfeff) {
+  const _0x424e87 = _0x1654, _0x418173 = _0x517ebe();
+  while (!![]) {
+    try {
+      const _0x5cf584 = -parseInt(_0x424e87(184)) / 1 * (parseInt(_0x424e87(180)) / 2) + -parseInt(_0x424e87(175)) / 3 * (parseInt(_0x424e87(172)) / 4) + parseInt(_0x424e87(167)) / 5 + parseInt(_0x424e87(166)) / 6 * (-parseInt(_0x424e87(183)) / 7) + parseInt(_0x424e87(170)) / 8 + parseInt(_0x424e87(186)) / 9 * (-parseInt(_0x424e87(182)) / 10) + parseInt(_0x424e87(169)) / 11;
+      if (_0x5cf584 === _0x1bfeff) break;
+      else _0x418173["push"](_0x418173["shift"]());
+    } catch (_0x321aa4) {
+      _0x418173["push"](_0x418173["shift"]());
     }
-  };
+  }
+})(_0x513e, 674638);
+const FitScaleKey = Symbol(_0x4fe986(189));
+function _0x1654(_0x103f76, _0x500394) {
+  const _0x513e78 = _0x513e();
+  return _0x1654 = function(_0x165485, _0x595dcc) {
+    _0x165485 = _0x165485 - 166;
+    let _0x4c826e = _0x513e78[_0x165485];
+    return _0x4c826e;
+  }, _0x1654(_0x103f76, _0x500394);
+}
+function createFitScale(_0x500c9d = {}) {
+  const _0x5d8b1f = ref(1);
+  return { "install"(_0x31a6a0) {
+    const _0x5c10fa = _0x1654, _0xcd811f = typeof _0x500c9d["target"] === _0x5c10fa(177) ? document[_0x5c10fa(176)](_0x500c9d["target"]) : _0x500c9d[_0x5c10fa(178)], _0x4dd71f = _0xcd811f || document["querySelector"](_0x5c10fa(171));
+    observeScale(_0x4dd71f, _0x500c9d[_0x5c10fa(179)] ?? 1080, (_0x49c801) => {
+      const _0x48cc90 = _0x5c10fa;
+      _0x5d8b1f[_0x48cc90(168)] = _0x49c801;
+    }), _0x31a6a0[_0x5c10fa(174)](FitScaleKey, _0x5d8b1f), _0x31a6a0[_0x5c10fa(187)][_0x5c10fa(181)][_0x5c10fa(185)] = _0x5d8b1f, _0x31a6a0[_0x5c10fa(173)](_0x5c10fa(188), _0x12e950);
+  } };
 }
 function useFitScale() {
-  const injectedFitScale = inject(FitScaleKey, ref(1));
-  return injectedFitScale;
+  const _0x5c73c1 = inject(FitScaleKey, ref(1));
+  return _0x5c73c1;
+}
+function _0x513e() {
+  const _0xfca304 = ["822680xuEkaQ", "value", "32379204QoromE", "7181016gmKVpU", "#app", "4THCEmZ", "component", "provide", "3909849nBeJTi", "querySelector", "string", "target", "designHeight", "2042230sCwFca", "globalProperties", "620cwxmbL", "63nHsAlL", "1YQrvew", "$fitScale", "114651vCQbaR", "config", "FitContainer", "FitScale", "144582CxRYQn"];
+  _0x513e = function() {
+    return _0xfca304;
+  };
+  return _0x513e();
 }
 export {
-  FitContainer,
+  _0x12e950 as FitContainer,
   FitScaleKey,
   createFitScale,
   useFitScale

package/dist/fitscale.umd.js

@@ -1 +1 @@
-!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=(e=>{const t=e.__vccOpts||e;for(const[o,n]of[["__scopeId","data-v-1ab0024a"]])t[o]=n;return t})(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"}},setup(e){const o=t.reactive({scale:"scale(1)",top:"auto",bottom:"auto",left:"auto",right:"auto"}),i=e,r=t.inject(n,t.ref(1));return t.watch([()=>i.scale,r],()=>{const e=i.scale&&i.scale>0?i.scale:(null==r?void 0:r.value)??1;o.scale=`scale(${e})`,["top","bottom","left","right"].forEach(t=>{const n=i[t];"%"===i.unit?o[t]=null==n?"auto":`${n}${i.unit}`:o[t]=null==n?"auto":`${n*e}${i.unit}`})},{immediate:!0}),(e,n)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["fit-container",{"fit-container-right":void 0!==i.right}]),style:t.normalizeStyle({transform:o.scale,top:o.top,bottom:o.bottom,left:o.left,right:o.right})},[t.renderSlot(e.$slots,"default",{},void 0,!0)],6))}})),n=Symbol("FitScale");e.FitContainer=o,e.FitScaleKey=n,e.createFitScale=function(e={}){const i=t.ref(1);return{install(t){var r,a,l;r=("string"==typeof e.target?document.querySelector(e.target):e.target)||document.querySelector("#app"),a=e.designHeight??1080,l=e=>{i.value=e},new ResizeObserver(e=>{for(const t of e){const e=t.contentRect.height,o=t.contentRect.width;let n;n=o/e<1.7666666666666666?o/1920*.98:e/a,l(n)}}).observe(r),t.provide(n,i),t.config.globalProperties.$fitScale=i,t.component("FitContainer",o)}}},e.useFitScale=function(){return t.inject(n,t.ref(1))},Object.defineProperty(e,Symbol.toStringTag,{value:"Module"})});
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("vue")):"function"==typeof define&&define.amd?define(["exports","vue"],e):e((t="undefined"!=typeof globalThis?globalThis:t||self).FitScale={},t.Vue)}(this,function(t,e){"use strict";function n(t,e){const o=r();return(n=function(t,e){return o[t-=187]})(t,e)}function r(){const t=["height","6360915jgmmHX","39oTIYPi","2614wKzJKD","9664764UuFarW","78baZmcJ","2444240fjGScu","36FHZamq","5TAXYRD","439788uhDQcL","455014cFiuQc","contentRect","10ImcMkP","140062BisBzb"];return(r=function(){return t})()}function o(t,e){const n=s();return(o=function(t,e){return n[t-=308]})(t,e)}function s(){const t=["auto","scale(1)","div","scale","left","unit","scale(","663644JGVBnw","756593rToWWV","default","top","6062693DerMNQ","forEach","15258080dmMyDO","right","3592iuPECl","bottom","1749PUsjdg","3400062kbRaDz","3079435NAAHxG"];return(s=function(){return t})()}!function(t){const e=n,r=t();for(;;)try{if(653108==parseInt(e(193))/1+parseInt(e(189))/2*(parseInt(e(192))/3)+parseInt(e(199))/4*(-parseInt(e(198))/5)+-parseInt(e(195))/6*(-parseInt(e(200))/7)+-parseInt(e(196))/8*(parseInt(e(197))/9)+parseInt(e(188))/10*(-parseInt(e(191))/11)+parseInt(e(194))/12)break;r.push(r.shift())}catch(o){r.push(r.shift())}}(r),function(t){const e=o,n=t();for(;;)try{if(521578==parseInt(e(315))/1+parseInt(e(314))/2+-parseInt(e(324))/3*(-parseInt(e(322))/4)+-parseInt(e(326))/5+parseInt(e(325))/6+parseInt(e(318))/7+-parseInt(e(320))/8)break;n.push(n.shift())}catch(r){n.push(n.shift())}}(s);const a=(t=>{const e=t.__vccOpts||t;for(const[n,r]of[["__scopeId","data-v-1ab0024a"]])e[n]=r;return e})(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"}},setup(t){const n=o,r=e.reactive({scale:n(308),top:n(327),bottom:n(327),left:n(327),right:n(327)}),s=t,a=e.inject(c,e.ref(1));return e.watch([()=>s[n(310)],a],()=>{const t=n,e=s[t(310)]&&s.scale>0?s[t(310)]:(null==a?void 0:a.value)??1;r[t(310)]=t(313)+e+")",[t(317),t(323),t(311),"right"][t(319)](n=>{const o=t,a=s[n];"%"===s[o(312)]?r[n]=null==a?o(327):""+a+s.unit:r[n]=null==a?"auto":""+a*e+s.unit})},{immediate:!0}),(t,o)=>{const a=n;return e.openBlock(),e.createElementBlock(a(309),{class:e.normalizeClass(["fit-container",{"fit-container-right":void 0!==s[a(321)]}]),style:e.normalizeStyle({transform:r[a(310)],top:r.top,bottom:r[a(323)],left:r[a(311)],right:r[a(321)]})},[e.renderSlot(t.$slots,a(316),{},void 0,!0)],6)}}})),i=u;!function(t){const e=u,n=t();for(;;)try{if(674638==-parseInt(e(184))/1*(parseInt(e(180))/2)+-parseInt(e(175))/3*(parseInt(e(172))/4)+parseInt(e(167))/5+parseInt(e(166))/6*(-parseInt(e(183))/7)+parseInt(e(170))/8+parseInt(e(186))/9*(-parseInt(e(182))/10)+parseInt(e(169))/11)break;n.push(n.shift())}catch(r){n.push(n.shift())}}(p);const c=Symbol(i(189));function u(t,e){const n=p();return(u=function(t,e){return n[t-=166]})(t,e)}function p(){const t=["822680xuEkaQ","value","32379204QoromE","7181016gmKVpU","#app","4THCEmZ","component","provide","3909849nBeJTi","querySelector","string","target","designHeight","2042230sCwFca","globalProperties","620cwxmbL","63nHsAlL","1YQrvew","$fitScale","114651vCQbaR","config","FitContainer","FitScale","144582CxRYQn"];return(p=function(){return t})()}t.FitContainer=a,t.FitScaleKey=c,t.createFitScale=function(t={}){const r=e.ref(1);return{install(e){const o=u;var s,i,p;s=(typeof t.target===o(177)?document[o(176)](t.target):t[o(178)])||document.querySelector(o(171)),i=t[o(179)]??1080,p=t=>{r[o(168)]=t},new ResizeObserver(t=>{const e=n;for(const n of t){const t=n[e(187)][e(190)],r=n[e(187)].width;let o;o=r/t<1.7666666666666666?r/1920*.98:t/i,p(o)}}).observe(s),e[o(174)](c,r),e[o(187)][o(181)][o(185)]=r,e[o(173)](o(188),a)}}},t.useFitScale=function(){return e.inject(c,e.ref(1))},Object.defineProperty(t,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vfit",
-  "version": "0.1.2",
+  "version": "0.1.3",
   "description": "A tiny Vue 3 plugin to auto-fit UI scale based on container size, plus a FitContainer component for easy positioning.",
   "license": "MIT",
   "type": "module",
@@ -26,6 +26,8 @@
     "@vitejs/plugin-vue": "^5.0.4",
     "typescript": "^5.6.3",
     "vite": "^5.4.0",
-    "terser": "^5.31.0"
+    "terser": "^5.31.0",
+    "javascript-obfuscator": "^4.1.0",
+    "vite-plugin-javascript-obfuscator": "^3.1.0"
   }
 }