@vunk/plus 1.12.1 → 1.13.0

package/components/vditor/index.mjs

@@ -1,11 +1,11 @@
-import Vditor from 'vditor';
-import { bindPropsFactory, onEmitsFactory } from '@vunk/core/shared/utils-vue';
-import { inject, unref, defineComponent, nextTick, ref, watch, shallowRef, provide, onMounted, resolveComponent, openBlock, createElementBlock, Fragment, createElementVNode, createBlock, withCtx, normalizeClass, renderSlot, createCommentVNode } from 'vue';
-import { watchPausable, useMutationObserver } from '@vueuse/core';
-import { _ as _export_sfc } from '../_plugin-vue_export-helper.mjs';
-import { VkAsyncTeleport } from '@vunk/core';
-
-const defaultToolbar = [
+import $ from "vditor";
+import { bindPropsFactory as g, onEmitsFactory as F } from "@vunk/core/shared/utils-vue";
+import { inject as h, unref as T, defineComponent as v, nextTick as C, ref as c, watch as b, shallowRef as M, provide as _, onMounted as S, resolveComponent as m, createElementBlock as P, openBlock as d, Fragment as j, createElementVNode as O, createBlock as p, createCommentVNode as i, renderSlot as E, withCtx as B, normalizeClass as H } from "vue";
+import N from "mitt";
+import { watchPausable as A, useMutationObserver as R } from "@vueuse/core";
+import { VkAsyncTeleport as z } from "@vunk/core";
+import { _ as K } from "../_plugin-vue_export-helper-CHgC5LLL.mjs";
+const U = [
   "headings",
   "bold",
   "italic",
@@ -32,8 +32,7 @@ const defaultToolbar = [
   "outline",
   "export",
   "|"
-];
-const props = {
+], y = {
   modelValue: {
     type: String,
     default: ""
@@ -44,52 +43,38 @@ const props = {
   },
   placeholder: {
     type: String,
-    default: "Crtl + Enter \u53D1\u9001; Enter \u6362\u884C"
+    default: "Crtl + Enter 发送; Enter 换行"
   },
   toolbar: {
     type: Array,
-    default: () => defaultToolbar
+    default: () => U
   },
   fullscreen: {
     type: Boolean,
-    default: false
+    default: !1
   }
-};
-const createBindProps = bindPropsFactory(props);
-const emits = {
+}, L = g(y), k = {
   load: (e) => e,
   "update:modelValue": (e) => e,
   ctrlEnter: (e) => e,
   "update:fullscreen": (e) => e
-};
-const createOnEmits = onEmitsFactory(emits);
-
-var ctx = /*#__PURE__*/Object.freeze({
+}, q = F(k), re = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  createBindProps: createBindProps,
-  createOnEmits: createOnEmits,
-  emits: emits,
-  props: props
-});
-
-function mitt(n){return {all:n=n||new Map,on:function(t,e){var i=n.get(t);i?i.push(e):n.set(t,[e]);},off:function(t,e){var i=n.get(t);i&&(e?i.splice(i.indexOf(e)>>>0,1):n.set(t,[]));},emit:function(t,e){var i=n.get(t);i&&i.slice().map(function(n){n(e);}),(i=n.get("*"))&&i.slice().map(function(n){n(t,e);});}}}
-
-const useVditor = () => {
-  const core = inject("vkVditorRef", null);
-  if (!core) {
+  createBindProps: L,
+  createOnEmits: q,
+  emits: k,
+  props: y
+}, Symbol.toStringTag, { value: "Module" })), w = () => {
+  const e = h("vkVditorRef", null);
+  if (!e)
     throw new Error("useVditor must be used after VditorProvider");
-  }
-  return unref(core);
-};
-const useVditorMitter = () => {
-  const core = inject("vkVditorMitter", null);
-  if (!core) {
+  return T(e);
+}, D = () => {
+  const e = h("vkVditorMitter", null);
+  if (!e)
     throw new Error("useVditorMitter must be used after VditorProvider");
-  }
-  return core;
-};
-
-var _sfc_main$2 = defineComponent({
+  return e;
+}, G = v({
   props: {
     modelValue: {
       type: String,
@@ -99,192 +84,133 @@ var _sfc_main$2 = defineComponent({
   emits: {
     "update:modelValue": null
   },
-  setup(props, { emit }) {
-    const vditor = useVditor();
-    const mitter = useVditorMitter();
-    if (props.modelValue) {
-      vditor.setValue(props.modelValue, true);
-    }
-    const { pause, resume } = watchPausable(() => props.modelValue, (value) => {
-      vditor.setValue(value, true);
+  setup(e, { emit: t }) {
+    const n = w(), u = D();
+    e.modelValue && n.setValue(e.modelValue, !0);
+    const { pause: l, resume: a } = A(() => e.modelValue, (o) => {
+      n.setValue(o, !0);
     });
-    mitter.on("input", (value) => {
-      pause();
-      emit("update:modelValue", value);
-      nextTick(resume);
-    });
-    return () => null;
+    return u.on("input", (o) => {
+      l(), t("update:modelValue", o), C(a);
+    }), () => null;
   }
-});
-
-var HandleValue = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__file", "/home/runner/work/vunk-plus/vunk-plus/packages/components/vditor/src/handle-value.vue"]]);
-
-var _sfc_main$1 = defineComponent({
+}), I = v({
   props: {
     fullscreen: {
       type: Boolean,
-      default: false
+      default: !1
     }
   },
   emits: {
     "update:fullscreen": null
   },
-  setup(props, { emit }) {
-    const vditor = useVditor();
-    const el = vditor.vditor.element;
-    const domFullscreen = ref(false);
-    useMutationObserver(el, () => {
-      if (el.classList.contains("vditor--fullscreen")) {
-        domFullscreen.value = true;
-      } else {
-        domFullscreen.value = false;
-      }
+  setup(e, { emit: t }) {
+    const n = w(), u = n.vditor.element, l = c(!1);
+    return R(u, () => {
+      u.classList.contains("vditor--fullscreen") ? l.value = !0 : l.value = !1;
     }, {
-      attributes: true
-    });
-    watch(() => props.fullscreen, (value) => {
-      if (value !== domFullscreen.value) {
-        const ir = vditor.vditor.ir?.element;
-        if (!ir) return;
-        ir.dispatchEvent(new KeyboardEvent("keydown", {
+      attributes: !0
+    }), b(() => e.fullscreen, (a) => {
+      if (a !== l.value) {
+        const o = n.vditor.ir?.element;
+        if (!o) return;
+        o.dispatchEvent(new KeyboardEvent("keydown", {
           key: "'",
-          ctrlKey: true
+          ctrlKey: !0
         }));
       }
-    }, { immediate: true });
-    watch(() => domFullscreen.value, (value) => {
-      emit("update:fullscreen", value);
-    });
-    return () => null;
+    }, { immediate: !0 }), b(() => l.value, (a) => {
+      t("update:fullscreen", a);
+    }), () => null;
   }
-});
-
-var HandleFullscreen = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__file", "/home/runner/work/vunk-plus/vunk-plus/packages/components/vditor/src/handle-fullscreen.vue"]]);
-
-var _sfc_main = defineComponent({
+}), J = v({
   name: "VkVditor",
   components: {
-    HandleValue,
-    HandleFullscreen,
-    VkAsyncTeleport
+    HandleValue: G,
+    HandleFullscreen: I,
+    VkAsyncTeleport: z
   },
-  props,
-  emits,
-  setup(props2, { emit }) {
-    const vditorNode = ref();
-    const ready = ref(false);
-    const mitter = mitt();
-    const vditorRef = shallowRef();
-    const isTextareaFocus = ref(false);
-    provide("vkVditorMitter", mitter);
-    provide("vkVditorRef", vditorRef);
-    onMounted(() => {
-      const vditor = new Vditor(vditorNode.value, {
-        ...props2.defaultOptions,
-        placeholder: props2.placeholder,
+  props: y,
+  emits: k,
+  setup(e, { emit: t }) {
+    const n = c(), u = c(!1), l = N(), a = M(), o = c(!1);
+    return _("vkVditorMitter", l), _("vkVditorRef", a), S(() => {
+      const s = new $(n.value, {
+        ...e.defaultOptions,
+        placeholder: e.placeholder,
         cache: {
-          enable: true,
+          enable: !0,
           id: "VkVditorCache",
-          ...props2.defaultOptions.cache || {}
+          ...e.defaultOptions.cache || {}
         },
         after() {
-          vditorRef.value = vditor;
-          ready.value = true;
-          emit("load", vditor);
-          props2.defaultOptions.after?.();
+          a.value = s, u.value = !0, t("load", s), e.defaultOptions.after?.();
         },
-        input(value) {
-          mitter.emit("input", value);
-          props2.defaultOptions.input?.(value);
+        input(r) {
+          l.emit("input", r), e.defaultOptions.input?.(r);
         },
-        ctrlEnter(value) {
-          emit("update:modelValue", value);
-          emit("ctrlEnter", value);
+        ctrlEnter(r) {
+          t("update:modelValue", r), t("ctrlEnter", r);
         },
-        focus(v) {
-          isTextareaFocus.value = true;
-          props2.defaultOptions.focus?.(v);
+        focus(r) {
+          o.value = !0, e.defaultOptions.focus?.(r);
         },
-        blur(v) {
-          isTextareaFocus.value = false;
-          props2.defaultOptions.blur?.(v);
+        blur(r) {
+          o.value = !1, e.defaultOptions.blur?.(r);
         },
-        toolbar: props2.toolbar
+        toolbar: e.toolbar
       });
-    });
-    return {
-      vditorNode,
-      isTextareaFocus,
-      ready
+    }), {
+      vditorNode: n,
+      isTextareaFocus: o,
+      ready: u
     };
   }
-});
-
-const _hoisted_1 = {
+}), Q = {
   ref: "vditorNode",
   class: "vkf-vditor"
 };
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_VkAsyncTeleport = resolveComponent("VkAsyncTeleport");
-  const _component_HandleValue = resolveComponent("HandleValue");
-  const _component_HandleFullscreen = resolveComponent("HandleFullscreen");
-  return openBlock(), createElementBlock(
-    Fragment,
-    null,
-    [
-      createElementVNode(
-        "div",
-        _hoisted_1,
-        null,
-        512
-        /* NEED_PATCH */
-      ),
-      _ctx.ready ? (openBlock(), createBlock(_component_VkAsyncTeleport, {
-        key: 0,
-        to: _ctx.vditorNode
-      }, {
-        default: withCtx(() => [
-          createElementVNode(
-            "div",
-            {
-              class: normalizeClass(["vkf-vditor-footer", {
-                "is-textarea-focus": _ctx.isTextareaFocus
-              }])
-            },
-            [
-              renderSlot(_ctx.$slots, "footer")
-            ],
-            2
-            /* CLASS */
-          )
-        ]),
-        _: 3
-        /* FORWARDED */
-      }, 8, ["to"])) : createCommentVNode("v-if", true),
-      _ctx.ready ? (openBlock(), createBlock(_component_HandleValue, {
-        key: 1,
-        "model-value": _ctx.modelValue,
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:modelValue", $event))
-      }, null, 8, ["model-value"])) : createCommentVNode("v-if", true),
-      _ctx.ready ? (openBlock(), createBlock(_component_HandleFullscreen, {
-        key: 2,
-        fullscreen: _ctx.fullscreen,
-        "onUpdate:fullscreen": _cache[1] || (_cache[1] = ($event) => _ctx.$emit("update:fullscreen", $event))
-      }, null, 8, ["fullscreen"])) : createCommentVNode("v-if", true),
-      _ctx.ready ? renderSlot(_ctx.$slots, "default", { key: 3 }) : createCommentVNode("v-if", true)
-    ],
-    64
-    /* STABLE_FRAGMENT */
-  );
+function W(e, t, n, u, l, a) {
+  const o = m("VkAsyncTeleport"), s = m("HandleValue"), r = m("HandleFullscreen");
+  return d(), P(j, null, [
+    O("div", Q, null, 512),
+    e.ready ? (d(), p(o, {
+      key: 0,
+      to: e.vditorNode
+    }, {
+      default: B(() => [
+        O("div", {
+          class: H(["vkf-vditor-footer", {
+            "is-textarea-focus": e.isTextareaFocus
+          }])
+        }, [
+          E(e.$slots, "footer")
+        ], 2)
+      ]),
+      _: 3
+    }, 8, ["to"])) : i("", !0),
+    e.ready ? (d(), p(s, {
+      key: 1,
+      "model-value": e.modelValue,
+      "onUpdate:modelValue": t[0] || (t[0] = (f) => e.$emit("update:modelValue", f))
+    }, null, 8, ["model-value"])) : i("", !0),
+    e.ready ? (d(), p(r, {
+      key: 2,
+      fullscreen: e.fullscreen,
+      "onUpdate:fullscreen": t[1] || (t[1] = (f) => e.$emit("update:fullscreen", f))
+    }, null, 8, ["fullscreen"])) : i("", !0),
+    e.ready ? E(e.$slots, "default", { key: 3 }) : i("", !0)
+  ], 64);
 }
-var VkVditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/home/runner/work/vunk-plus/vunk-plus/packages/components/vditor/src/index.vue"]]);
-
-var types = /*#__PURE__*/Object.freeze({
+const V = /* @__PURE__ */ K(J, [["render", W]]), le = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null
-});
-
-VkVditor.install = (app) => {
-  app.component(VkVditor.name || "VkVditor", VkVditor);
+}, Symbol.toStringTag, { value: "Module" }));
+V.install = (e) => {
+  e.component(V.name || "VkVditor", V);
+};
+export {
+  V as VkVditor,
+  re as _VkVditorCtx,
+  le as __VkVditor,
+  V as default
 };
-
-export { VkVditor, ctx as _VkVditorCtx, types as __VkVditor, VkVditor as default };

package/components/vditor/src/ctx.d.ts

@@ -23,14 +23,14 @@ export declare const props: {
         default: boolean;
     };
 };
-export declare const createBindProps: <T2 extends import("@vunk/core").NormalObject, EX extends (Extract<"toolbar", keyof T2> | Extract<"modelValue", keyof T2> | Extract<"placeholder", keyof T2> | Extract<"fullscreen", keyof T2> | Extract<"defaultOptions", keyof T2>)[]>(propsArg: T2, excludes?: EX | undefined) => import("vue").ComputedRef<{ [P in EX extends (infer KE)[] ? Exclude<Extract<"toolbar", keyof T2>, KE> | Exclude<Extract<"modelValue", keyof T2>, KE> | Exclude<Extract<"placeholder", keyof T2>, KE> | Exclude<Extract<"fullscreen", keyof T2>, KE> | Exclude<Extract<"defaultOptions", keyof T2>, KE> : Extract<"toolbar", keyof T2> | Extract<"modelValue", keyof T2> | Extract<"placeholder", keyof T2> | Extract<"fullscreen", keyof T2> | Extract<"defaultOptions", keyof T2>]: { [k in Extract<"toolbar", keyof T2> | Extract<"modelValue", keyof T2> | Extract<"placeholder", keyof T2> | Extract<"fullscreen", keyof T2> | Extract<"defaultOptions", keyof T2>]: T2[k]; }[P]; }>;
+export declare const createBindProps: <T2 extends import("@vunk/core").NormalObject, EX extends (Extract<"toolbar", keyof T2> | Extract<"placeholder", keyof T2> | Extract<"modelValue", keyof T2> | Extract<"fullscreen", keyof T2> | Extract<"defaultOptions", keyof T2>)[]>(propsArg: T2, excludes?: EX | undefined) => import("vue").ComputedRef<{ [P in EX extends (infer KE)[] ? Exclude<Extract<"toolbar", keyof T2>, KE> | Exclude<Extract<"placeholder", keyof T2>, KE> | Exclude<Extract<"modelValue", keyof T2>, KE> | Exclude<Extract<"fullscreen", keyof T2>, KE> | Exclude<Extract<"defaultOptions", keyof T2>, KE> : Extract<"toolbar", keyof T2> | Extract<"placeholder", keyof T2> | Extract<"modelValue", keyof T2> | Extract<"fullscreen", keyof T2> | Extract<"defaultOptions", keyof T2>]: { [k in Extract<"toolbar", keyof T2> | Extract<"placeholder", keyof T2> | Extract<"modelValue", keyof T2> | Extract<"fullscreen", keyof T2> | Extract<"defaultOptions", keyof T2>]: T2[k]; }[P]; }>;
 export declare const emits: {
     load: (e: Vditor) => Vditor;
     'update:modelValue': (e: string) => string;
     ctrlEnter: (e: string) => string;
     'update:fullscreen': (e: boolean) => boolean;
 };
-export declare const createOnEmits: <T2 extends import("@vunk/core").AnyFunc, EX extends ("load" | "update:modelValue" | "ctrlEnter" | "update:fullscreen")[]>(emit: T2, excludes?: EX | undefined) => { [P in EX extends (infer KE)[] ? Exclude<"load", KE> | Exclude<"update:modelValue", KE> | Exclude<"ctrlEnter", KE> | Exclude<"update:fullscreen", KE> : "load" | "update:modelValue" | "ctrlEnter" | "update:fullscreen"]: {
+export declare const createOnEmits: <T2 extends import("@vunk/core").AnyFunc, EX extends ("load" | "update:modelValue" | "update:fullscreen" | "ctrlEnter")[]>(emit: T2, excludes?: EX | undefined) => { [P in EX extends (infer KE)[] ? Exclude<"load", KE> | Exclude<"update:modelValue", KE> | Exclude<"update:fullscreen", KE> | Exclude<"ctrlEnter", KE> : "load" | "update:modelValue" | "update:fullscreen" | "ctrlEnter"]: {
     load: (...e: import("@vunk/core").RestParameters<T2>) => void;
     'update:modelValue': (...e: import("@vunk/core").RestParameters<T2>) => void;
     ctrlEnter: (...e: import("@vunk/core").RestParameters<T2>) => void;

package/components/vditor/src/handle-fullscreen.vue.d.ts

@@ -1,4 +1,6 @@
-declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     fullscreen: {
         type: BooleanConstructor;
         default: boolean;
@@ -15,4 +17,3 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }>, {
     fullscreen: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-export default _default;

package/components/vditor/src/handle-value.vue.d.ts

@@ -1,4 +1,6 @@
-declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     modelValue: {
         type: StringConstructor;
         default: string;
@@ -15,4 +17,3 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }>, {
     modelValue: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-export default _default;

package/components/vditor/src/index.vue.d.ts

@@ -1,6 +1,8 @@
 import Vditor from 'vditor';
 import { Ref } from 'vue';
-declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     modelValue: {
         type: StringConstructor;
         default: string;
@@ -54,12 +56,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }>> & Readonly<{
     onLoad?: ((e: Vditor) => any) | undefined;
     "onUpdate:modelValue"?: ((e: string) => any) | undefined;
-    onCtrlEnter?: ((e: string) => any) | undefined;
     "onUpdate:fullscreen"?: ((e: boolean) => any) | undefined;
+    onCtrlEnter?: ((e: string) => any) | undefined;
 }>, {
     toolbar: string[];
-    modelValue: string;
     placeholder: string;
+    modelValue: string;
     fullscreen: boolean;
     defaultOptions: IOptions;
 }, {}, {
@@ -140,4 +142,3 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         teleport: boolean;
     }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-export default _default;

package/components/xgplayer/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),c=require("xgplayer"),u={defaultOptions:{type:Object,default:()=>({})},url:{type:String,default:""},autoplay:{type:Boolean,default:!1}},s="_s_vk_xgplayer";function p(t){e.provide(s,t)}function d(){const t=e.inject(s);if(!t)throw new Error("usePlayer must be used after providePlayer");return t}const i=e.defineComponent({__name:"core",props:u,setup(t){const r=t,o=d();return e.watchEffect(()=>{o.url=r.url}),e.watchEffect(()=>{o.autoplay=r.autoplay}),(l,a)=>e.renderSlot(l.$slots,"default")}}),f=["id"],n=e.defineComponent({name:"VkXgplayer",__name:"index",props:u,setup(t){const r=t,o=e.useId(),l=e.ref(!1);return e.onMounted(()=>{const a=new c({id:o,url:r.url,autoplay:r.autoplay,height:"100%",width:"100%",...r.defaultOptions});p(a),l.value=!0}),(a,_)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",{id:e.unref(o)},null,8,f),l.value?(e.openBlock(),e.createBlock(i,{key:0},{default:e.withCtx(()=>[e.renderSlot(a.$slots,"default")]),_:3})):e.createCommentVNode("",!0)],64))}}),y=Object.freeze(Object.defineProperty({__proto__:null},Symbol.toStringTag,{value:"Module"}));n.install=t=>{t.component(n.name||"VkXgplayer",n)};exports.VkXgplayer=n;exports.__VkXgplayer=y;exports.default=n;

package/components/xgplayer/index.mjs

@@ -1,8 +1,6 @@
-import { provide, inject, defineComponent, watchEffect, renderSlot, useId, ref, onMounted, openBlock, createElementBlock, Fragment, createElementVNode, createBlock, withCtx, createCommentVNode } from 'vue';
-import Player from 'xgplayer';
-import { _ as _export_sfc } from '../_plugin-vue_export-helper.mjs';
-
-const props = {
+import { provide as i, inject as y, defineComponent as p, watchEffect as n, renderSlot as s, useId as f, ref as _, onMounted as m, createElementBlock as g, openBlock as u, Fragment as h, createElementVNode as k, createBlock as v, createCommentVNode as w, unref as P, withCtx as V } from "vue";
+import b from "xgplayer";
+const c = {
   /**
    * @link https://v2.h5player.bytedance.com/config
    */
@@ -16,103 +14,64 @@ const props = {
   },
   autoplay: {
     type: Boolean,
-    default: false
+    default: !1
   }
-};
-
-const provideKey = "_s_vk_xgplayer";
-function providePlayer(player) {
-  provide(provideKey, player);
+}, d = "_s_vk_xgplayer";
+function O(e) {
+  i(d, e);
 }
-function usePlayer() {
-  const player = inject(provideKey);
-  if (!player) {
+function j() {
+  const e = y(d);
+  if (!e)
     throw new Error("usePlayer must be used after providePlayer");
-  }
-  return player;
+  return e;
 }
-
-var _sfc_main$1 = /* @__PURE__ */ defineComponent({
+const x = /* @__PURE__ */ p({
   __name: "core",
-  props: props,
-  setup(__props, { expose: __expose }) {
-    __expose();
-    const props = __props;
-    const player = usePlayer();
-    watchEffect(() => {
-      player.url = props.url;
-    });
-    watchEffect(() => {
-      player.autoplay = props.autoplay;
-    });
-    const __returned__ = { props, player };
-    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
-    return __returned__;
+  props: c,
+  setup(e) {
+    const t = e, r = j();
+    return n(() => {
+      r.url = t.url;
+    }), n(() => {
+      r.autoplay = t.autoplay;
+    }), (o, a) => s(o.$slots, "default");
   }
-});
-
-function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
-  return renderSlot(_ctx.$slots, "default");
-}
-var Core = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__file", "/home/runner/work/vunk-plus/vunk-plus/packages/components/xgplayer/src/core.vue"]]);
-
-var _sfc_main = /* @__PURE__ */ defineComponent({
-  ...{
-    name: "VkXgplayer"
-  },
+}), B = ["id"], l = /* @__PURE__ */ p({
+  name: "VkXgplayer",
   __name: "index",
-  props: props,
-  setup(__props, { expose: __expose }) {
-    __expose();
-    const props = __props;
-    const id = useId();
-    const ready = ref(false);
-    onMounted(() => {
-      const player = new Player({
-        id,
+  props: c,
+  setup(e) {
+    const t = e, r = f(), o = _(!1);
+    return m(() => {
+      const a = new b({
+        id: r,
         // url: 'http://s2.pstatp.com/cdn/expire-1-M/byted-player-videos/1.0.0/xgplayer-demo.mp4',
-        url: props.url,
-        autoplay: props.autoplay,
+        url: t.url,
+        autoplay: t.autoplay,
         height: "100%",
         width: "100%",
-        ...props.defaultOptions
+        ...t.defaultOptions
       });
-      providePlayer(player);
-      ready.value = true;
-    });
-    const __returned__ = { props, id, ready, Core };
-    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
-    return __returned__;
-  }
-});
-
-const _hoisted_1 = ["id"];
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock(
-    Fragment,
-    null,
-    [
-      createElementVNode("div", { id: $setup.id }, null, 8, _hoisted_1),
-      $setup.ready ? (openBlock(), createBlock($setup["Core"], { key: 0 }, {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default")
+      O(a), o.value = !0;
+    }), (a, E) => (u(), g(h, null, [
+      k("div", { id: P(r) }, null, 8, B),
+      o.value ? (u(), v(x, { key: 0 }, {
+        default: V(() => [
+          s(a.$slots, "default")
         ]),
         _: 3
-        /* FORWARDED */
-      })) : createCommentVNode("v-if", true)
-    ],
-    64
-    /* STABLE_FRAGMENT */
-  );
-}
-var VkXgplayer = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/home/runner/work/vunk-plus/vunk-plus/packages/components/xgplayer/src/index.vue"]]);
-
-var types = /*#__PURE__*/Object.freeze({
+      })) : w("", !0)
+    ], 64));
+  }
+}), C = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null
-});
-
-VkXgplayer.install = (app) => {
-  app.component(VkXgplayer.name || "VkXgplayer", VkXgplayer);
+}, Symbol.toStringTag, { value: "Module" }));
+l.install = (e) => {
+  e.component(l.name || "VkXgplayer", l);
+};
+export {
+  l as VkXgplayer,
+  C as __VkXgplayer,
+  l as default
 };
-
-export { VkXgplayer, types as __VkXgplayer, VkXgplayer as default };