jk-vue-comps 0.1.0 → 0.1.1

package/dist/{types/components → components}/GoogleAuth.d.ts

@@ -15,11 +15,7 @@ export declare const GoogleAuth: {
             code: string;
         }) => any) | undefined;
         onRejectCallback?: ((_data: any) => any) | undefined;
-    }, {
-        domId: string;
-        isHidden: import("vue").Ref<boolean>;
-        startCheck: () => void;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         callback: (_data: {
             code: string;
         }) => true;
@@ -62,11 +58,7 @@ export declare const GoogleAuth: {
             code: string;
         }) => any) | undefined;
         onRejectCallback?: ((_data: any) => any) | undefined;
-    }, {
-        domId: string;
-        isHidden: import("vue").Ref<boolean>;
-        startCheck: () => void;
-    }, {}, {}, {}, {
+    }, () => JSX.Element, {}, {}, {}, {
         clientId: string;
         redirectUri: string;
     }>;
@@ -85,11 +77,7 @@ export declare const GoogleAuth: {
         code: string;
     }) => any) | undefined;
     onRejectCallback?: ((_data: any) => any) | undefined;
-}, {
-    domId: string;
-    isHidden: import("vue").Ref<boolean>;
-    startCheck: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     callback: (_data: {
         code: string;
     }) => true;

package/dist/components/GoogleAuth.js

@@ -1,81 +1,70 @@
-import { defineComponent as p, ref as m, onMounted as f, createVNode as g } from "vue";
-import { p as u } from "../chunks/vuePropTypes-zy5Iwonj.js";
-import { C as h, A as C } from "../chunks/is-bvgc5qxU.js";
-import { w } from "../chunks/withInstall-b5j1glXj.js";
-import { u as I } from "../chunks/useDomId-D5qLoFSQ.js";
-function _(t, c) {
-  if (!t || !c)
+import { defineComponent as g, ref as p, onMounted as h, createVNode as C } from "vue";
+import { p as f } from "../chunks/vuePropTypes-zy5Iwonj.js";
+import { C as w, A as _ } from "../chunks/is-bvgc5qxU.js";
+import { w as b } from "../chunks/withInstall-b5j1glXj.js";
+function v(o, r) {
+  if (!o || !r)
     return;
-  const i = encodeURIComponent(c), o = encodeURIComponent("email profile"), n = encodeURIComponent(t), d = `https://accounts.google.com/o/oauth2/v2/auth?response_type=code&redirect_uri=${i}&scope=${o}&client_id=${n}`;
-  h() ? window.open(d, "_self") : window.location.href = d;
+  const c = encodeURIComponent(r), a = encodeURIComponent("email profile"), i = encodeURIComponent(o), n = `https://accounts.google.com/o/oauth2/v2/auth?response_type=code&redirect_uri=${c}&scope=${a}&client_id=${i}`;
+  w() ? window.open(n, "_self") : window.location.href = n;
 }
-const b = /* @__PURE__ */ p({
+const I = /* @__PURE__ */ g({
   name: "GoogleAuth",
-  toGoogleAuth: _,
+  toGoogleAuth: v,
   props: {
-    clientId: u.string,
-    redirectUri: u.string
+    clientId: f.string,
+    redirectUri: f.string
   },
   emits: {
-    callback: (t) => !0,
-    rejectCallback: (t) => !0
+    callback: (o) => !0,
+    rejectCallback: (o) => !0
   },
   slots: Object,
-  setup(t, {
-    emit: c
+  setup(o, {
+    emit: r,
+    slots: c,
+    expose: a
   }) {
-    const i = I("google-auth"), o = m(!0), n = () => {
-      var r, e, s;
-      return (s = (e = (r = window == null ? void 0 : window.google) == null ? void 0 : r.accounts) == null ? void 0 : e.oauth2) == null ? void 0 : s.initCodeClient;
+    const i = p(null), n = p(!0), s = () => {
+      var e, t, l;
+      return (l = (t = (e = window == null ? void 0 : window.google) == null ? void 0 : e.accounts) == null ? void 0 : t.oauth2) == null ? void 0 : l.initCodeClient;
     };
     function d() {
-      var r, e, s;
-      (s = (e = (r = n()) == null ? void 0 : r({
-        client_id: t.clientId,
+      var e, t, l;
+      (l = (t = (e = s()) == null ? void 0 : e({
+        client_id: o.clientId,
         scope: "email profile",
-        redirect_uri: t.redirectUri,
-        ux_mode: C() ? "redirect" : "popup",
-        callback(l) {
-          l.error ? c("rejectCallback", l) : c("callback", l);
+        redirect_uri: o.redirectUri,
+        ux_mode: _() ? "redirect" : "popup",
+        callback(u) {
+          u.error ? r("rejectCallback", u) : r("callback", u);
         }
-      })) == null ? void 0 : e.requestCode) == null || s.call(e);
+      })) == null ? void 0 : t.requestCode) == null || l.call(t);
     }
-    function a() {
-      if (!(window != null && window.document) || n()) {
-        n() && (o.value = !1);
+    function m() {
+      if (!(window != null && window.document) || s() || !i.value) {
+        s() && (n.value = !1);
         return;
       }
-      const r = document.getElementById(i);
-      if (!r)
-        return;
       const e = document.createElement("script");
-      e.async = !0, e.defer = !0, e.src = "https://accounts.google.com/gsi/client", r.appendChild(e), e.onload = () => {
-        n() && (o.value = !1);
+      e.async = !0, e.defer = !0, e.src = "https://accounts.google.com/gsi/client", i.value.appendChild(e), e.onload = () => {
+        s() && (n.value = !1);
       };
     }
-    return f(a), {
-      domId: i,
-      isHidden: o,
+    return h(m), a({
       startCheck: d
+    }), () => {
+      var e;
+      return C("div", {
+        ref: i
+      }, [!n.value && ((e = c.default) == null ? void 0 : e.call(c, {
+        startCheck: d
+      }))]);
     };
-  },
-  render() {
-    var n;
-    const {
-      domId: t,
-      isHidden: c,
-      startCheck: i,
-      $slots: o
-    } = this;
-    return g("div", {
-      id: t
-    }, [!c && ((n = o == null ? void 0 : o.default) == null ? void 0 : n.call(o, {
-      startCheck: i
-    }))]);
   }
-}), G = w(b);
+}), R = b(I);
 export {
-  G as GoogleAuth,
-  G as default,
-  _ as toGoogleAuth
+  R as GoogleAuth,
+  R as default,
+  v as toGoogleAuth
 };

package/dist/{types/components → components}/TelegramAuth.d.ts

@@ -12,7 +12,7 @@ export type TgUserData = {
 /** 跳转Telegram身份检查 */
 export declare function toTelegramAuth(botId: number, toPath: string): void;
 /** 获取路由中的Telegram身份检查回调参数 */
-export declare function getTelegramAuthUrlParams(): any;
+export declare function getTelegramAuthUrlParams(): TgUserData | null;
 /** Telegram身份检查 */
 export declare const TelegramAuth: {
     new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
@@ -25,10 +25,7 @@ export declare const TelegramAuth: {
     }>> & {
         onCallback?: ((_user: TgUserData) => any) | undefined;
         onRejectCallback?: (() => any) | undefined;
-    }, {
-        domId: string;
-        startCheck: () => void;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         callback: (_user: TgUserData) => true;
         rejectCallback: () => true;
     }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
@@ -65,10 +62,7 @@ export declare const TelegramAuth: {
     }>> & {
         onCallback?: ((_user: TgUserData) => any) | undefined;
         onRejectCallback?: (() => any) | undefined;
-    }, {
-        domId: string;
-        startCheck: () => void;
-    }, {}, {}, {}, {
+    }, () => JSX.Element, {}, {}, {}, {
         botId: number;
         toPath: string;
     }>;
@@ -85,10 +79,7 @@ export declare const TelegramAuth: {
 }>> & {
     onCallback?: ((_user: TgUserData) => any) | undefined;
     onRejectCallback?: (() => any) | undefined;
-}, {
-    domId: string;
-    startCheck: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     callback: (_user: TgUserData) => true;
     rejectCallback: () => true;
 }, string, {

package/dist/components/TelegramAuth.js

@@ -1,36 +1,35 @@
-import { defineComponent as p, onMounted as f, createVNode as h } from "vue";
-import { p as u } from "../chunks/vuePropTypes-zy5Iwonj.js";
-import { a as g } from "../chunks/index-CA5i_Cgq.js";
-import { u as w } from "../chunks/useDomId-D5qLoFSQ.js";
-import { w as b } from "../chunks/withInstall-b5j1glXj.js";
-import { C, A as l } from "../chunks/is-bvgc5qxU.js";
-function m(r, o) {
+import { defineComponent as h, ref as g, onMounted as w, createVNode as b } from "vue";
+import { p as m } from "../chunks/vuePropTypes-zy5Iwonj.js";
+import { a as A } from "../chunks/index-CA5i_Cgq.js";
+import { w as C } from "../chunks/withInstall-b5j1glXj.js";
+import { C as _, A as p } from "../chunks/is-bvgc5qxU.js";
+function d(r, o) {
   if (!r || !o)
     return;
-  const e = encodeURIComponent(g()), t = encodeURIComponent(o), s = `https://oauth.telegram.org/auth?bot_id=${r}&origin=${e}&embed=1&request_access=write&return_to=${e}${t}`;
-  C() ? window.open(s, "_self") : window.location.href = s;
+  const t = encodeURIComponent(A()), n = encodeURIComponent(o), a = `https://oauth.telegram.org/auth?bot_id=${r}&origin=${t}&embed=1&request_access=write&return_to=${t}${n}`;
+  _() ? window.open(a, "_self") : window.location.href = a;
 }
-function I() {
+function T() {
   const r = /[#\?\&]tgAuthResult=([A-Za-z0-9\-_=]*)$/;
   try {
-    const o = window.location.hash.toString(), e = o.match(r);
-    if (!e)
-      return !1;
+    const o = window.location.hash.toString(), t = o.match(r);
+    if (!t)
+      return null;
     window.location.hash = o.replace(r, "");
-    let t = e[1].replace(/-/g, "+").replace(/_/g, "/");
-    const s = t.length % 4;
-    return s > 1 && (t += new Array(5 - s).join("=")), t ? JSON.parse(window.atob(t)) : !1;
+    let n = t[1].replace(/-/g, "+").replace(/_/g, "/");
+    const a = n.length % 4;
+    return a > 1 && (n += new Array(5 - a).join("=")), n ? JSON.parse(window.atob(n)) : null;
   } catch {
-    return !1;
+    return null;
   }
 }
-const _ = /* @__PURE__ */ p({
+const j = /* @__PURE__ */ h({
   name: "TelegramAuth",
-  toTelegramAuth: m,
-  getTelegramAuthUrlParams: I,
+  toTelegramAuth: d,
+  getTelegramAuthUrlParams: T,
   props: {
-    botId: u.number,
-    toPath: u.string
+    botId: m.number,
+    toPath: m.string
   },
   emits: {
     callback: (r) => !0,
@@ -38,62 +37,55 @@ const _ = /* @__PURE__ */ p({
   },
   slots: Object,
   setup(r, {
-    emit: o
+    emit: o,
+    slots: t,
+    expose: n
   }) {
-    const e = w("telegram-auth"), t = () => {
-      var n, a;
-      return (a = (n = window == null ? void 0 : window.Telegram) == null ? void 0 : n.Login) == null ? void 0 : a.auth;
+    const a = g(null), i = () => {
+      var e, c;
+      return (c = (e = window == null ? void 0 : window.Telegram) == null ? void 0 : e.Login) == null ? void 0 : c.auth;
     };
-    function s() {
+    function l() {
       const {
-        botId: n,
-        toPath: a
+        botId: e,
+        toPath: c
       } = r;
-      if (!n)
+      if (!e)
         return;
-      const c = t();
-      if (l() || !c) {
-        m(n, a);
+      const s = i();
+      if (p() || !s) {
+        d(e, c);
         return;
       }
-      c == null || c({
-        bot_id: n,
+      s == null || s({
+        bot_id: e,
         request_access: !0
-      }, (i) => {
-        i ? o("callback", i) : o("rejectCallback");
+      }, (u) => {
+        u ? o("callback", u) : o("rejectCallback");
       });
     }
-    function d() {
-      if (!(window != null && window.document) || t() || l())
+    function f() {
+      var c;
+      if (!(window != null && window.document) || i() || p())
         return;
-      const n = document.getElementById(e);
-      if (!n)
-        return;
-      const a = document.createElement("script");
-      a.async = !0, a.defer = !0, a.src = "https://telegram.org/js/telegram-widget.js", n.appendChild(a);
+      const e = document.createElement("script");
+      e.async = !0, e.defer = !0, e.src = "https://telegram.org/js/telegram-widget.js", (c = a.value) == null || c.appendChild(e);
     }
-    return f(d), {
-      domId: e,
-      startCheck: s
+    return w(f), n({
+      startCheck: l
+    }), () => {
+      var e;
+      return b("div", {
+        ref: a
+      }, [(e = t.default) == null ? void 0 : e.call(t, {
+        startCheck: l
+      })]);
     };
-  },
-  render() {
-    var t;
-    const {
-      domId: r,
-      startCheck: o,
-      $slots: e
-    } = this;
-    return h("div", {
-      id: r
-    }, [(t = e == null ? void 0 : e.default) == null ? void 0 : t.call(e, {
-      startCheck: o
-    })]);
   }
-}), B = b(_);
+}), R = C(j);
 export {
-  B as TelegramAuth,
-  B as default,
-  I as getTelegramAuthUrlParams,
-  m as toTelegramAuth
+  R as TelegramAuth,
+  R as default,
+  T as getTelegramAuthUrlParams,
+  d as toTelegramAuth
 };

package/dist/{types/index.d.ts → index.d.ts}

@@ -65,11 +65,7 @@ declare const JKVUEComps: {
                 code: string;
             }) => any) | undefined;
             onRejectCallback?: ((_data: any) => any) | undefined;
-        }, {
-            domId: string;
-            isHidden: import("vue").Ref<boolean>;
-            startCheck: () => void;
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             callback: (_data: {
                 code: string;
             }) => true;
@@ -112,11 +108,7 @@ declare const JKVUEComps: {
                 code: string;
             }) => any) | undefined;
             onRejectCallback?: ((_data: any) => any) | undefined;
-        }, {
-            domId: string;
-            isHidden: import("vue").Ref<boolean>;
-            startCheck: () => void;
-        }, {}, {}, {}, {
+        }, () => JSX.Element, {}, {}, {}, {
             clientId: string;
             redirectUri: string;
         }>;
@@ -135,11 +127,7 @@ declare const JKVUEComps: {
             code: string;
         }) => any) | undefined;
         onRejectCallback?: ((_data: any) => any) | undefined;
-    }, {
-        domId: string;
-        isHidden: import("vue").Ref<boolean>;
-        startCheck: () => void;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         callback: (_data: {
             code: string;
         }) => true;
@@ -155,7 +143,7 @@ declare const JKVUEComps: {
         readonly toGoogleAuth: typeof comps.toGoogleAuth;
     } & import("vue").Plugin)));
     toTelegramAuth(botId: number, toPath: string): void;
-    getTelegramAuthUrlParams(): any;
+    getTelegramAuthUrlParams(): comps.TgUserData | null;
     TelegramAuth: {
         new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
             botId: import("vue-types").VueTypeValidableDef<number, import("node_modules/vue-types/dist/types").ValidatorFunction<number>> & {
@@ -167,10 +155,7 @@ declare const JKVUEComps: {
         }>> & {
             onCallback?: ((_user: comps.TgUserData) => any) | undefined;
             onRejectCallback?: (() => any) | undefined;
-        }, {
-            domId: string;
-            startCheck: () => void;
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             callback: (_user: comps.TgUserData) => true;
             rejectCallback: () => true;
         }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
@@ -207,10 +192,7 @@ declare const JKVUEComps: {
         }>> & {
             onCallback?: ((_user: comps.TgUserData) => any) | undefined;
             onRejectCallback?: (() => any) | undefined;
-        }, {
-            domId: string;
-            startCheck: () => void;
-        }, {}, {}, {}, {
+        }, () => JSX.Element, {}, {}, {}, {
             botId: number;
             toPath: string;
         }>;
@@ -227,10 +209,7 @@ declare const JKVUEComps: {
     }>> & {
         onCallback?: ((_user: comps.TgUserData) => any) | undefined;
         onRejectCallback?: (() => any) | undefined;
-    }, {
-        domId: string;
-        startCheck: () => void;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         callback: (_user: comps.TgUserData) => true;
         rejectCallback: () => true;
     }, string, {

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "jk-vue-comps",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "jk-vue-comps",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",
-  "types": "dist/types/index.d.ts",
+  "types": "dist/index.d.ts",
   "files": [
     "dist"
   ],

package/dist/chunks/useDomId-D5qLoFSQ.js

@@ -1,8 +0,0 @@
-function r(e) {
-  if (!e)
-    throw new TypeError("idName is undefined!");
-  return `jk-vue-comps-${e}`;
-}
-export {
-  r as u
-};

package/dist/types/hooks/useDomId.d.ts

@@ -1 +0,0 @@
-export declare function useDomId(idName: string): string;