geekin-devtoys 0.1.7 → 0.1.9

package/lib/GScreen/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("vue"),I=require("../_plugin-vue_export-helper-BHFhmbuH.js"),p=new WeakMap,V=(...e)=>{var t;const i=e[0],n=(t=o.getCurrentInstance())===null||t===void 0?void 0:t.proxy,u=n??o.getCurrentScope();if(u==null&&!o.hasInjectionContext())throw new Error("injectLocal must be called in setup");return u&&p.has(u)&&i in p.get(u)?p.get(u)[i]:o.inject(...e)},W=typeof window<"u"&&typeof document<"u";typeof WorkerGlobalScope<"u"&&globalThis instanceof WorkerGlobalScope;const M=Object.prototype.toString,T=e=>M.call(e)==="[object Object]",y=()=>{};function x(e,t){function i(...n){return new Promise((u,r)=>{Promise.resolve(e(()=>t.apply(this,n),{fn:t,thisArg:this,args:n})).then(u).catch(r)})}return i}function E(e,t={}){let i,n,u=y;const r=a=>{clearTimeout(a),u(),u=y};let l;return a=>{const c=o.toValue(e),f=o.toValue(t.maxWait);return i&&r(i),c<=0||f!==void 0&&f<=0?(n&&(r(n),n=void 0),Promise.resolve(a())):new Promise((d,m)=>{u=t.rejectOnCancel?m:d,l=a,f&&!n&&(n=setTimeout(()=>{i&&r(i),n=void 0,d(l())},f)),i=setTimeout(()=>{n&&r(n),n=void 0,d(a())},c)})}}function S(e){return e.endsWith("rem")?Number.parseFloat(e)*16:Number.parseFloat(e)}function w(e){return Array.isArray(e)?e:[e]}function j(e){return o.getCurrentInstance()}function C(e,t=200,i={}){return x(E(t,i),e)}function N(e,t=!0,i){j()?o.onMounted(e,i):t?e():o.nextTick(e)}function _(e,t,i){return o.watch(e,t,{...i,immediate:!0})}const g=W?window:void 0;function O(e){var t;const i=o.toValue(e);return(t=i?.$el)!==null&&t!==void 0?t:i}function b(...e){const t=(n,u,r,l)=>(n.addEventListener(u,r,l),()=>n.removeEventListener(u,r,l)),i=o.computed(()=>{const n=w(o.toValue(e[0])).filter(u=>u!=null);return n.every(u=>typeof u!="string")?n:void 0});return _(()=>{var n,u;return[(n=(u=i.value)===null||u===void 0?void 0:u.map(r=>O(r)))!==null&&n!==void 0?n:[g].filter(r=>r!=null),w(o.toValue(i.value?e[1]:e[0])),w(o.unref(i.value?e[2]:e[1])),o.toValue(i.value?e[3]:e[2])]},([n,u,r,l],s,a)=>{if(!n?.length||!u?.length||!r?.length)return;const c=T(l)?{...l}:l,f=n.flatMap(d=>u.flatMap(m=>r.map(h=>t(d,m,h,c))));a(()=>{f.forEach(d=>d())})},{flush:"post"})}function P(){const e=o.shallowRef(!1),t=o.getCurrentInstance();return t&&o.onMounted(()=>{e.value=!0},t),e}function R(e){const t=P();return o.computed(()=>(t.value,!!e()))}const $=Symbol("vueuse-ssr-width");function F(){const e=o.hasInjectionContext()?V($,null):null;return typeof e=="number"?e:void 0}function k(e,t={}){const{window:i=g,ssrWidth:n=F()}=t,u=R(()=>i&&"matchMedia"in i&&typeof i.matchMedia=="function"),r=o.shallowRef(typeof n=="number"),l=o.shallowRef(),s=o.shallowRef(!1),a=c=>{s.value=c.matches};return o.watchEffect(()=>{if(r.value){r.value=!u.value,s.value=o.toValue(e).split(",").some(c=>{const f=c.includes("not all"),d=c.match(/\(\s*min-width:\s*(-?\d+(?:\.\d*)?[a-z]+\s*)\)/),m=c.match(/\(\s*max-width:\s*(-?\d+(?:\.\d*)?[a-z]+\s*)\)/);let h=!!(d||m);return d&&h&&(h=n>=S(d[1])),m&&h&&(h=n<=S(m[1])),f?!h:h});return}u.value&&(l.value=i.matchMedia(o.toValue(e)),s.value=l.value.matches)}),b(l,"change",a,{passive:!0}),o.computed(()=>s.value)}function z(e={}){const{window:t=g,initialWidth:i=Number.POSITIVE_INFINITY,initialHeight:n=Number.POSITIVE_INFINITY,listenOrientation:u=!0,includeScrollbar:r=!0,type:l="inner"}=e,s=o.shallowRef(i),a=o.shallowRef(n),c=()=>{if(t)if(l==="outer")s.value=t.outerWidth,a.value=t.outerHeight;else if(l==="visual"&&t.visualViewport){const{width:d,height:m,scale:h}=t.visualViewport;s.value=Math.round(d*h),a.value=Math.round(m*h)}else r?(s.value=t.innerWidth,a.value=t.innerHeight):(s.value=t.document.documentElement.clientWidth,a.value=t.document.documentElement.clientHeight)};c(),N(c);const f={passive:!0};return b("resize",c,f),t&&l==="visual"&&t.visualViewport&&b(t.visualViewport,"resize",c,f),u&&o.watch(k("(orientation: portrait)"),()=>c()),{width:s,height:a}}const H={class:"g-screen-container"},L=o.defineComponent({name:"GScreen",inheritAttrs:!1,__name:"index",props:{width:{default:()=>"1920"},height:{default:()=>"1080"},debounceDelay:{default:()=>"166"}},setup(e){const t=e,{width:i,height:n}=z(),u=()=>({x:i.value/Number(t.width),y:n.value/Number(t.height)}),r=o.computed(u),l=o.computed(()=>({width:`${t.width}px`,height:`${100/r.value.x}vh`,transform:`scale(${r.value.x})`,transformOrigin:"0 0"})),s=C(()=>{},Number(t.debounceDelay));return o.watch([i,n],s,{deep:!0}),(a,c)=>(o.openBlock(),o.createElementBlock("div",H,[o.createElementVNode("div",{style:o.normalizeStyle(l.value)},[o.renderSlot(a.$slots,"default",{},void 0,!0)],4)]))}}),v=I._export_sfc(L,[["__scopeId","data-v-01f611a2"]]);v.install=e=>{e.component(v.name,v)};exports.GScreen=v;exports.default=v;

package/lib/GScreen/index.mjs

@@ -0,0 +1,176 @@
+import { onMounted as x, nextTick as N, getCurrentInstance as g, watch as W, getCurrentScope as V, hasInjectionContext as E, inject as j, toValue as h, shallowRef as v, computed as p, watchEffect as O, unref as P, defineComponent as C, createElementBlock as _, openBlock as $, createElementVNode as F, normalizeStyle as k, renderSlot as z } from "vue";
+import { _ as L } from "../_plugin-vue_export-helper-CHgC5LLL.mjs";
+const w = /* @__PURE__ */ new WeakMap(), A = /* @__NO_SIDE_EFFECTS__ */ (...e) => {
+  var t;
+  const i = e[0], n = (t = g()) === null || t === void 0 ? void 0 : t.proxy, o = n ?? V();
+  if (o == null && !E()) throw new Error("injectLocal must be called in setup");
+  return o && w.has(o) && i in w.get(o) ? w.get(o)[i] : j(...e);
+}, H = typeof window < "u" && typeof document < "u";
+typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
+const B = Object.prototype.toString, D = (e) => B.call(e) === "[object Object]", M = () => {
+};
+function G(e, t) {
+  function i(...n) {
+    return new Promise((o, r) => {
+      Promise.resolve(e(() => t.apply(this, n), {
+        fn: t,
+        thisArg: this,
+        args: n
+      })).then(o).catch(r);
+    });
+  }
+  return i;
+}
+function R(e, t = {}) {
+  let i, n, o = M;
+  const r = (l) => {
+    clearTimeout(l), o(), o = M;
+  };
+  let u;
+  return (l) => {
+    const a = h(e), d = h(t.maxWait);
+    return i && r(i), a <= 0 || d !== void 0 && d <= 0 ? (n && (r(n), n = void 0), Promise.resolve(l())) : new Promise((s, m) => {
+      o = t.rejectOnCancel ? m : s, u = l, d && !n && (n = setTimeout(() => {
+        i && r(i), n = void 0, s(u());
+      }, d)), i = setTimeout(() => {
+        n && r(n), n = void 0, s(l());
+      }, a);
+    });
+  };
+}
+function T(e) {
+  return e.endsWith("rem") ? Number.parseFloat(e) * 16 : Number.parseFloat(e);
+}
+function b(e) {
+  return Array.isArray(e) ? e : [e];
+}
+function Q(e) {
+  return g();
+}
+// @__NO_SIDE_EFFECTS__
+function Y(e, t = 200, i = {}) {
+  return G(R(t, i), e);
+}
+function U(e, t = !0, i) {
+  Q() ? x(e, i) : t ? e() : N(e);
+}
+function J(e, t, i) {
+  return W(e, t, {
+    ...i,
+    immediate: !0
+  });
+}
+const I = H ? window : void 0;
+function K(e) {
+  var t;
+  const i = h(e);
+  return (t = i?.$el) !== null && t !== void 0 ? t : i;
+}
+function S(...e) {
+  const t = (n, o, r, u) => (n.addEventListener(o, r, u), () => n.removeEventListener(o, r, u)), i = p(() => {
+    const n = b(h(e[0])).filter((o) => o != null);
+    return n.every((o) => typeof o != "string") ? n : void 0;
+  });
+  return J(() => {
+    var n, o;
+    return [
+      (n = (o = i.value) === null || o === void 0 ? void 0 : o.map((r) => K(r))) !== null && n !== void 0 ? n : [I].filter((r) => r != null),
+      b(h(i.value ? e[1] : e[0])),
+      b(P(i.value ? e[2] : e[1])),
+      h(i.value ? e[3] : e[2])
+    ];
+  }, ([n, o, r, u], c, l) => {
+    if (!n?.length || !o?.length || !r?.length) return;
+    const a = D(u) ? { ...u } : u, d = n.flatMap((s) => o.flatMap((m) => r.map((f) => t(s, m, f, a))));
+    l(() => {
+      d.forEach((s) => s());
+    });
+  }, { flush: "post" });
+}
+// @__NO_SIDE_EFFECTS__
+function X() {
+  const e = v(!1), t = g();
+  return t && x(() => {
+    e.value = !0;
+  }, t), e;
+}
+// @__NO_SIDE_EFFECTS__
+function Z(e) {
+  const t = /* @__PURE__ */ X();
+  return p(() => (t.value, !!e()));
+}
+const q = /* @__PURE__ */ Symbol("vueuse-ssr-width");
+// @__NO_SIDE_EFFECTS__
+function ee() {
+  const e = E() ? /* @__PURE__ */ A(q, null) : null;
+  return typeof e == "number" ? e : void 0;
+}
+function te(e, t = {}) {
+  const { window: i = I, ssrWidth: n = /* @__PURE__ */ ee() } = t, o = /* @__PURE__ */ Z(() => i && "matchMedia" in i && typeof i.matchMedia == "function"), r = v(typeof n == "number"), u = v(), c = v(!1), l = (a) => {
+    c.value = a.matches;
+  };
+  return O(() => {
+    if (r.value) {
+      r.value = !o.value, c.value = h(e).split(",").some((a) => {
+        const d = a.includes("not all"), s = a.match(/\(\s*min-width:\s*(-?\d+(?:\.\d*)?[a-z]+\s*)\)/), m = a.match(/\(\s*max-width:\s*(-?\d+(?:\.\d*)?[a-z]+\s*)\)/);
+        let f = !!(s || m);
+        return s && f && (f = n >= T(s[1])), m && f && (f = n <= T(m[1])), d ? !f : f;
+      });
+      return;
+    }
+    o.value && (u.value = i.matchMedia(h(e)), c.value = u.value.matches);
+  }), S(u, "change", l, { passive: !0 }), p(() => c.value);
+}
+// @__NO_SIDE_EFFECTS__
+function ne(e = {}) {
+  const { window: t = I, initialWidth: i = Number.POSITIVE_INFINITY, initialHeight: n = Number.POSITIVE_INFINITY, listenOrientation: o = !0, includeScrollbar: r = !0, type: u = "inner" } = e, c = v(i), l = v(n), a = () => {
+    if (t) if (u === "outer")
+      c.value = t.outerWidth, l.value = t.outerHeight;
+    else if (u === "visual" && t.visualViewport) {
+      const { width: s, height: m, scale: f } = t.visualViewport;
+      c.value = Math.round(s * f), l.value = Math.round(m * f);
+    } else r ? (c.value = t.innerWidth, l.value = t.innerHeight) : (c.value = t.document.documentElement.clientWidth, l.value = t.document.documentElement.clientHeight);
+  };
+  a(), U(a);
+  const d = { passive: !0 };
+  return S("resize", a, d), t && u === "visual" && t.visualViewport && S(t.visualViewport, "resize", a, d), o && W(te("(orientation: portrait)"), () => a()), {
+    width: c,
+    height: l
+  };
+}
+const ie = { class: "g-screen-container" }, oe = /* @__PURE__ */ C({
+  name: "GScreen",
+  inheritAttrs: !1,
+  __name: "index",
+  props: {
+    width: { default: () => "1920" },
+    height: { default: () => "1080" },
+    debounceDelay: { default: () => "166" }
+  },
+  setup(e) {
+    const t = e, { width: i, height: n } = /* @__PURE__ */ ne(), r = p(() => ({
+      x: i.value / Number(t.width),
+      y: n.value / Number(t.height)
+    })), u = p(() => ({
+      width: `${t.width}px`,
+      height: `${100 / r.value.x}vh`,
+      transform: `scale(${r.value.x})`,
+      transformOrigin: "0 0"
+    })), c = /* @__PURE__ */ Y(() => {
+    }, Number(t.debounceDelay));
+    return W([i, n], c, { deep: !0 }), (l, a) => ($(), _("div", ie, [
+      F("div", {
+        style: k(u.value)
+      }, [
+        z(l.$slots, "default", {}, void 0, !0)
+      ], 4)
+    ]));
+  }
+}), y = /* @__PURE__ */ L(oe, [["__scopeId", "data-v-01f611a2"]]);
+y.install = (e) => {
+  e.component(y.name, y);
+};
+export {
+  y as GScreen,
+  y as default
+};

package/lib/GScreen/style.css

@@ -0,0 +1 @@
+.g-screen-container[data-v-01f611a2]{width:100%;height:100%;position:relative}

package/lib/index/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("../GCount/index.js"),u=require("../GPercent/index.js"),l=require("../GDialog/index.js"),r=require("../GTable/index.js"),n=require("../GVideo/index.js"),a=require("../GBubble/index.js"),s=require("../GProgress/index.js"),t={GCount:o.default,GPercent:u.default,GDialog:l.default,GTable:r.default,GVideo:n.default,GBubble:a.default,GProgress:s.default},G=d=>{Object.keys(t).forEach(c=>{const e=t[c];d.component(e.name,e)})},i={install:G};exports.GCount=o.default;exports.GPercent=u.default;exports.GDialog=l.default;exports.GTable=r.default;exports.GVideo=n.default;exports.GBubble=a.default;exports.GProgress=s.default;exports.default=i;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("../GCount/index.js"),o=require("../GPercent/index.js"),l=require("../GDialog/index.js"),n=require("../GTable/index.js"),r=require("../GVideo/index.js"),a=require("../GBubble/index.js"),d=require("../GProgress/index.js"),i=require("../GScreen/index.js"),G=require("../GPluginVideo/index.js"),t={GCount:u.default,GPercent:o.default,GDialog:l.default,GTable:n.default,GVideo:r.default,GBubble:a.default,GProgress:d.default,GScreen:i.default,GPluginVideo:G.default},f=c=>{Object.keys(t).forEach(s=>{const e=t[s];c.component(e.name,e)})},b={install:f};exports.GCount=u.default;exports.GPercent=o.default;exports.GDialog=l.default;exports.GTable=n.default;exports.GVideo=r.default;exports.GBubble=a.default;exports.GProgress=d.default;exports.GScreen=i.default;exports.GPluginVideo=G.default;exports.default=b;

package/lib/index/index.mjs

@@ -1,23 +1,37 @@
 import n from "../GCount/index.mjs";
 import e from "../GPercent/index.mjs";
 import i from "../GDialog/index.mjs";
-import s from "../GTable/index.mjs";
+import p from "../GTable/index.mjs";
 import c from "../GVideo/index.mjs";
-import p from "../GBubble/index.mjs";
-import f from "../GProgress/index.mjs";
-const t = { GCount: n, GPercent: e, GDialog: i, GTable: s, GVideo: c, GBubble: p, GProgress: f }, a = (m) => {
-  Object.keys(t).forEach((r) => {
-    const o = t[r];
+import f from "../GBubble/index.mjs";
+import s from "../GProgress/index.mjs";
+import G from "../GScreen/index.mjs";
+import a from "../GPluginVideo/index.mjs";
+const r = {
+  GCount: n,
+  GPercent: e,
+  GDialog: i,
+  GTable: p,
+  GVideo: c,
+  GBubble: f,
+  GProgress: s,
+  GScreen: G,
+  GPluginVideo: a
+}, l = (m) => {
+  Object.keys(r).forEach((t) => {
+    const o = r[t];
     m.component(o.name, o);
   });
-}, C = { install: a };
+}, h = { install: l };
 export {
-  p as GBubble,
+  f as GBubble,
   n as GCount,
   i as GDialog,
   e as GPercent,
-  f as GProgress,
-  s as GTable,
+  a as GPluginVideo,
+  s as GProgress,
+  G as GScreen,
+  p as GTable,
   c as GVideo,
-  C as default
+  h as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "geekin-devtoys",
-  "version": "0.1.7",
+  "version": "0.1.9",
   "author": "leon",
   "license": "MIT",
   "description": "geekin-devtoys组件库",
@@ -12,16 +12,19 @@
   "scripts": {
     "lib": "vite build && node update-exports.js"
   },
+  "dependencies": {
+    "sortablejs": "^1.15.6",
+    "@vueuse/core": "^14.2.1"
+  },
   "devDependencies": {
     "@babel/core": "^7.12.16",
     "core-js": "^3.8.3",
     "file-loader": "^6.2.0",
     "rollup-plugin-visualizer": "^6.0.1",
     "tsx": "^4.19.1",
+    "vite": "^7.3.0",
     "vite-plugin-dts": "^4.5.4",
-    "vite-plugin-libcss": "^1.1.1",
-    "sortablejs": "^1.15.6",
-    "vite": "^7.3.0"
+    "vite-plugin-libcss": "^1.1.1"
   },
   "browserslist": [
     "> 1%",
@@ -85,6 +88,14 @@
       "import": "./lib/GProgress/style.css",
       "require": "./lib/GProgress/style.css"
     },
+    "./GScreen": {
+      "import": "./lib/GScreen/index.mjs",
+      "require": "./lib/GScreen/index.js"
+    },
+    "./GScreen/style": {
+      "import": "./lib/GScreen/style.css",
+      "require": "./lib/GScreen/style.css"
+    },
     "./GTable": {
       "import": "./lib/GTable/index.mjs",
       "require": "./lib/GTable/index.js"