@vunk/plus 1.2.2 → 1.3.1

package/components/lottie-animation/index.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, ref, onMounted, openBlock, createElementBlock, Fragment, createElementVNode, renderSlot } from 'vue';
+import { defineComponent, ref, onMounted, createElementBlock, openBlock, Fragment, createElementVNode, renderSlot } from 'vue';
 import lottie from 'lottie-web';
 import { _ as _export_sfc } from '../_plugin-vue_export-helper.mjs';
 
@@ -58,7 +58,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     /* STABLE_FRAGMENT */
   );
 }
-var VkLottieAnimation = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/home/runner/work/vunk-plus/vunk-plus/packages/components/lottie-animation/src/index.vue"]]);
+var VkLottieAnimation = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 
 var types = /*#__PURE__*/Object.freeze({
   __proto__: null

package/components/lottie-animation/src/index.vue.d.ts

@@ -14,7 +14,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: string;
     };
 }>> & Readonly<{
-    onLoad?: (e: import("./types").LoadEvent) => any;
+    onLoad?: ((e: import("./types").LoadEvent) => any) | undefined;
 }>, {
     path: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/components/monaco-editor/index.mjs

@@ -1,6 +1,6 @@
 import { watchPausable } from '@vueuse/core';
 import { editor } from 'monaco-editor';
-import { defineComponent, ref, onMounted, nextTick, watchEffect, onBeforeUnmount, openBlock, createElementBlock } from 'vue';
+import { defineComponent, ref, onMounted, nextTick, watchEffect, onBeforeUnmount, createElementBlock, openBlock } from 'vue';
 import { bindPropsFactory, onEmitsFactory } from '@vunk/core/shared/utils-vue';
 import { _ as _export_sfc } from '../_plugin-vue_export-helper.mjs';
 
@@ -89,7 +89,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     /* NEED_PATCH */
   );
 }
-var VkMonacoEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/home/runner/work/vunk-plus/vunk-plus/packages/components/monaco-editor/src/index.vue"]]);
+var VkMonacoEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 
 var types = /*#__PURE__*/Object.freeze({
   __proto__: null

package/components/monaco-editor/src/ctx.d.ts

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

package/components/monaco-editor/src/index.vue.d.ts

@@ -16,7 +16,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }>, {
     editorNode: Ref<HTMLDivElement, HTMLDivElement>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    'update:modelValue': any;
+    'update:modelValue': null;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         type: StringConstructor;
@@ -31,10 +31,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: boolean;
     };
 }>> & Readonly<{
-    "onUpdate:modelValue"?: (...args: any[] | unknown[]) => any;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
     modelValue: string;
-    defaultOptions: mEditor.IStandaloneEditorConstructionOptions;
     readOnly: boolean;
+    defaultOptions: mEditor.IStandaloneEditorConstructionOptions;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/components/monaco-environment/index.mjs

@@ -33,7 +33,7 @@ var _sfc_main = defineComponent({
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   return renderSlot(_ctx.$slots, "default");
 }
-var VkMonacoEnvironment = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/home/runner/work/vunk-plus/vunk-plus/packages/components/monaco-environment/src/index.vue"]]);
+var VkMonacoEnvironment = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 
 var types = /*#__PURE__*/Object.freeze({
   __proto__: null

package/components/recorder-button/index.css

@@ -1,19 +1,16 @@
-.sk-recorder-container {
+.vk-recorder-container {
   position: relative;
 }
-.sk-recorder-button {
+.vk-recorder-button {
   position: relative;
   width: 100%;
   touch-action: none;
   user-select: none;
 }
-.recording-mask {
-  position: fixed;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  background: rgba(0, 0, 0, 0.6);
+.vk-recording-mask {
+  position: absolute;
+  inset: 0;
+  background: rgba(0, 0, 0, 0.5);
   z-index: 1000;
   display: flex;
   flex-direction: column;
@@ -25,7 +22,7 @@
   display: flex;
   justify-content: space-between;
   padding: 20px 40px;
-  margin-bottom: 100px;
+  margin-bottom: 24%;
 }
 .cancel-btn, .text-btn {
   display: flex;

package/components/recorder-button/index.mjs

@@ -1,6 +1,6 @@
 import { ElButton, ElMessage } from 'element-plus';
 import Recorder from 'recorder-core';
-import { defineComponent, ref, shallowRef, onUnmounted, resolveComponent, openBlock, createElementBlock, createCommentVNode, createElementVNode, toDisplayString, normalizeClass, createVNode, mergeProps, withCtx } from 'vue';
+import { defineComponent, ref, shallowRef, onUnmounted, resolveComponent, createElementBlock, openBlock, createCommentVNode, createBlock, createVNode, Teleport, createElementVNode, toDisplayString, normalizeClass, mergeProps, withCtx } from 'vue';
 import 'recorder-core/src/engine/mp3';
 import 'recorder-core/src/engine/wav';
 import 'recorder-core/src/engine/mp3-engine';
@@ -9,16 +9,37 @@ import 'recorder-core/src/app-support/app';
 import { _ as _export_sfc } from '../_plugin-vue_export-helper.mjs';
 
 const props = {
-  speenchToTextUrl: {
-    type: String,
-    default: "http://localhost:3000/speech-to-text"
-  },
   /**
    * 自定义转为文本区域事件
    */
   onTextZone: {
     type: Function,
     default: void 0
+  },
+  /**
+   * 遮罩层 appendTo
+   */
+  appendTo: {
+    type: null,
+    default: "body"
+  },
+  disabled: {
+    type: Boolean,
+    default: false
+  },
+  /**
+   * 语音转文本函数
+   */
+  speechToText: {
+    type: Function,
+    default: void 0
+  },
+  /**
+   * @description 是否直接使用提交文本输出
+   */
+  submitToText: {
+    type: Boolean,
+    default: false
   }
 };
 const emits = {
@@ -100,14 +121,20 @@ var _sfc_main = defineComponent({
           blob,
           url: blobUrl.value
         });
-        if (theTextZone) {
+        if (theTextZone || props2.submitToText) {
           if (props2.onTextZone) {
             props2.onTextZone({
               blob,
               url: blobUrl.value
             });
           } else {
-            speechToText(props2.speenchToTextUrl, blob).then((text) => {
+            if (props2.speechToText) {
+              props2.speechToText(blob).then((text) => {
+                emit("submitText", text);
+              });
+              return;
+            }
+            speechToText("/speech-to-text", blob).then((text) => {
               emit("submitText", text);
             }).catch((err) => {
               console.error("\u8BED\u97F3\u8BC6\u522B\u9519\u8BEF:", err);
@@ -126,6 +153,8 @@ var _sfc_main = defineComponent({
       document.removeEventListener("mouseup", onmouseup);
     };
     const onmousedown = (e) => {
+      if (props2.disabled)
+        return;
       e.preventDefault();
       isMouseDown = true;
       const touch = "touches" in e ? e.touches[0] : e;
@@ -196,10 +225,10 @@ var _sfc_main = defineComponent({
   }
 });
 
-const _hoisted_1 = { class: "sk-recorder-container" };
+const _hoisted_1 = { class: "vk-recorder-container" };
 const _hoisted_2 = {
   key: 0,
-  class: "recording-mask"
+  class: "vk-recording-mask"
 };
 const _hoisted_3 = { class: "recording-tip" };
 const _hoisted_4 = {
@@ -212,81 +241,84 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ElButton = resolveComponent("ElButton");
   return openBlock(), createElementBlock("div", _hoisted_1, [
     createCommentVNode(" \u906E\u7F69\u5C42 "),
-    _ctx.isDragging ? (openBlock(), createElementBlock("div", _hoisted_2, [
-      createCommentVNode(" \u5F55\u97F3\u63D0\u793A\u533A\u57DF\u79FB\u5230\u4E0A\u9762 "),
-      createElementVNode("div", _hoisted_3, [
-        createElementVNode(
-          "div",
-          _hoisted_4,
-          null,
-          512
-          /* NEED_PATCH */
-        ),
-        createElementVNode(
-          "div",
-          _hoisted_5,
-          toDisplayString(_ctx.cancelZone ? "\u677E\u5F00\u624B\u6307\uFF0C\u53D6\u6D88\u53D1\u9001" : "\u677E\u5F00\u53D1\u9001\uFF0C\u4E0A\u6ED1\u53D6\u6D88"),
-          1
-          /* TEXT */
-        )
-      ]),
-      createCommentVNode(" \u64CD\u4F5C\u6309\u94AE\u79FB\u5230\u5E95\u90E8 "),
-      createElementVNode("div", _hoisted_6, [
-        createElementVNode(
-          "div",
-          {
-            class: normalizeClass(["cancel-btn", { active: _ctx.cancelZone }])
-          },
-          _cache[0] || (_cache[0] = [
-            createElementVNode(
-              "div",
-              { class: "btn-icon" },
-              " \xD7 ",
-              -1
-              /* HOISTED */
-            ),
-            createElementVNode(
-              "div",
-              { class: "btn-text" },
-              " \u53D6\u6D88\u53D1\u9001 ",
-              -1
-              /* HOISTED */
-            )
-          ]),
-          2
-          /* CLASS */
-        ),
-        createElementVNode(
-          "div",
-          {
-            class: normalizeClass(["text-btn", { active: _ctx.isTextZone }])
-          },
-          _cache[1] || (_cache[1] = [
-            createElementVNode(
-              "div",
-              { class: "btn-icon" },
-              " \u6587 ",
-              -1
-              /* HOISTED */
-            ),
-            createElementVNode(
-              "div",
-              { class: "btn-text" },
-              " \u8F6C\u4E3A\u6587\u5B57 ",
-              -1
-              /* HOISTED */
-            )
-          ]),
-          2
-          /* CLASS */
-        )
-      ])
-    ])) : createCommentVNode("v-if", true),
+    (openBlock(), createBlock(Teleport, { to: _ctx.appendTo }, [
+      _ctx.isDragging ? (openBlock(), createElementBlock("div", _hoisted_2, [
+        createCommentVNode(" \u5F55\u97F3\u63D0\u793A\u533A\u57DF\u79FB\u5230\u4E0A\u9762 "),
+        createElementVNode("div", _hoisted_3, [
+          createElementVNode(
+            "div",
+            _hoisted_4,
+            null,
+            512
+            /* NEED_PATCH */
+          ),
+          createElementVNode(
+            "div",
+            _hoisted_5,
+            toDisplayString(_ctx.cancelZone ? "\u677E\u5F00\u624B\u6307\uFF0C\u53D6\u6D88\u53D1\u9001" : "\u677E\u5F00\u53D1\u9001\uFF0C\u4E0A\u6ED1\u53D6\u6D88"),
+            1
+            /* TEXT */
+          )
+        ]),
+        createElementVNode("div", _hoisted_6, [
+          createElementVNode(
+            "div",
+            {
+              class: normalizeClass(["cancel-btn", { active: _ctx.cancelZone }])
+            },
+            _cache[0] || (_cache[0] = [
+              createElementVNode(
+                "div",
+                { class: "btn-icon" },
+                " \xD7 ",
+                -1
+                /* HOISTED */
+              ),
+              createElementVNode(
+                "div",
+                { class: "btn-text" },
+                " \u53D6\u6D88\u53D1\u9001 ",
+                -1
+                /* HOISTED */
+              )
+            ]),
+            2
+            /* CLASS */
+          ),
+          createElementVNode(
+            "div",
+            {
+              class: normalizeClass(["text-btn", { active: _ctx.isTextZone }])
+            },
+            _cache[1] || (_cache[1] = [
+              createElementVNode(
+                "div",
+                { class: "btn-icon" },
+                " \u6587 ",
+                -1
+                /* HOISTED */
+              ),
+              createElementVNode(
+                "div",
+                { class: "btn-text" },
+                " \u8F6C\u4E3A\u6587\u5B57 ",
+                -1
+                /* HOISTED */
+              )
+            ]),
+            2
+            /* CLASS */
+          )
+        ])
+      ])) : createCommentVNode("v-if", true)
+    ], 8, ["to"])),
     createCommentVNode(" \u5F55\u97F3\u6309\u94AE "),
     createVNode(_component_ElButton, mergeProps(_ctx.$attrs, {
-      class: ["sk-recorder-button", {
+      disabled: _ctx.disabled,
+      class: ["vk-recorder-button", {
         "is-recording": _ctx.recording
       }],
+      size: "large",
       onTouchstart: _ctx.onmousedown,
       onTouchmove: _ctx.onmousemove,
       onTouchend: _ctx.onmouseup,
@@ -295,7 +327,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       default: withCtx(() => _cache[2] || (_cache[2] = [
         createElementVNode(
           "span",
-          { class: "sk-recorder-button-text" },
+          { class: "vk-recorder-button-text" },
           "\u6309\u4F4F \u8BF4\u8BDD",
           -1
           /* HOISTED */
@@ -303,10 +335,10 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       ])),
       _: 1
       /* STABLE */
-    }, 16, ["class", "onTouchstart", "onTouchmove", "onTouchend", "onMousedown"])
+    }, 16, ["disabled", "class", "onTouchstart", "onTouchmove", "onTouchend", "onMousedown"])
   ]);
 }
-var VkRecorderButton = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/home/runner/work/vunk-plus/vunk-plus/packages/components/recorder-button/src/index.vue"]]);
+var VkRecorderButton = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 
 var types = /*#__PURE__*/Object.freeze({
   __proto__: null

package/components/recorder-button/src/ctx.d.ts

@@ -1,16 +1,37 @@
 import type { PropType } from 'vue';
-import type { OnTextZone, SubmitRawEvent } from './types';
+import type { OnTextZone, SpeechToText, SubmitRawEvent } from './types';
 export declare const props: {
-    speenchToTextUrl: {
-        type: StringConstructor;
-        default: string;
-    };
     /**
      * 自定义转为文本区域事件
      */
     onTextZone: {
         type: PropType<OnTextZone>;
-        default: any;
+        default: undefined;
+    };
+    /**
+     * 遮罩层 appendTo
+     */
+    appendTo: {
+        type: null;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 语音转文本函数
+     */
+    speechToText: {
+        type: PropType<SpeechToText>;
+        default: undefined;
+    };
+    /**
+     * @description 是否直接使用提交文本输出
+     */
+    submitToText: {
+        type: BooleanConstructor;
+        default: boolean;
     };
 };
 export declare const emits: {