@vunk/plus 1.2.0 → 1.3.0

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/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-environment/index.mjs

@@ -1,27 +1,27 @@
-import { defineComponent, renderSlot } from 'vue';
-import jsonWorker from 'monaco-editor/esm/vs/language/json/json.worker?worker';
-import cssWorker from 'monaco-editor/esm/vs/language/css/css.worker?worker';
-import htmlWorker from 'monaco-editor/esm/vs/language/html/html.worker?worker';
-import tsWorker from 'monaco-editor/esm/vs/language/typescript/ts.worker?worker';
 import EditorWorker from 'monaco-editor/esm/vs/editor/editor.worker?worker';
+import CssWorker from 'monaco-editor/esm/vs/language/css/css.worker?worker';
+import HtmlWorker from 'monaco-editor/esm/vs/language/html/html.worker?worker';
+import JsonWorker from 'monaco-editor/esm/vs/language/json/json.worker?worker';
+import TsWorker from 'monaco-editor/esm/vs/language/typescript/ts.worker?worker';
+import { defineComponent, renderSlot } from 'vue';
 import { _ as _export_sfc } from '../_plugin-vue_export-helper.mjs';
 
 var _sfc_main = defineComponent({
   name: "VkMonacoEnvironment",
   setup() {
-    self.MonacoEnvironment = {
+    globalThis.MonacoEnvironment = {
       getWorker(_, label) {
         if (label === "json") {
-          return new jsonWorker();
+          return new JsonWorker();
         }
         if (label === "css" || label === "scss" || label === "less") {
-          return new cssWorker();
+          return new CssWorker();
         }
         if (label === "html" || label === "handlebars" || label === "razor") {
-          return new htmlWorker();
+          return new HtmlWorker();
         }
         if (["typescript", "javascript"].includes(label)) {
-          return new tsWorker();
+          return new TsWorker();
         }
         return new EditorWorker();
       }
@@ -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/routes-menu-content/index.mjs

@@ -1,6 +1,6 @@
-import { defineComponent, computed, resolveComponent, openBlock, createBlock, withCtx, renderSlot, createElementBlock, Fragment, mergeProps, normalizeProps, guardReactiveProps, createCommentVNode, renderList, createVNode } from 'vue';
+import { defineComponent, computed, resolveComponent, createBlock, openBlock, withCtx, renderSlot, createElementBlock, createCommentVNode, Fragment, mergeProps, normalizeProps, guardReactiveProps, renderList, createVNode } from 'vue';
 import { resolveFullPath } from '@vunk/shared/string/url';
-import { ElSubMenu, ElMenuItem } from 'element-plus';
+import { ElMenuItem, ElSubMenu } from 'element-plus';
 import { bindPropsFactory } from '@vunk/core/shared/utils-vue';
 import { _ as _export_sfc } from '../_plugin-vue_export-helper.mjs';
 
@@ -106,7 +106,7 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
     /* FORWARDED */
   }, 8, ["index"]));
 }
-var CoreVue = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$2], ["__file", "/home/runner/work/vunk-plus/vunk-plus/packages/components/routes-menu-content/src/item/core/index.vue"]]);
+var CoreVue = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$2]]);
 
 const props = {
   ...props$1
@@ -224,7 +224,7 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
     /* STABLE_FRAGMENT */
   )) : createCommentVNode("v-if", true);
 }
-var ItemVue = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__file", "/home/runner/work/vunk-plus/vunk-plus/packages/components/routes-menu-content/src/item/index.vue"]]);
+var ItemVue = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1]]);
 
 var _sfc_main = defineComponent({
   name: "VkRoutesMenuContent",
@@ -289,7 +289,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     /* KEYED_FRAGMENT */
   );
 }
-var VkRoutesMenuContent = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/home/runner/work/vunk-plus/vunk-plus/packages/components/routes-menu-content/src/index.vue"]]);
+var VkRoutesMenuContent = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 
 var types = /*#__PURE__*/Object.freeze({
   __proto__: null

package/components/sender/index.css

@@ -1,15 +1,16 @@
-.vk-sender .ant-sender-content{
+.ant-sender-header-header{
+  display: flex;
+  justify-content: space-between;
+}
+/* .vk-sender .ant-sender-content{
   display: grid;
-  /* 两列 auto 1fr */
   grid-template-columns: auto 1fr;
 }
 .vk-sender .ant-sender-actions-list {
   margin-top: 1em;
-  /* 独占两列 */
   grid-column: 1 / -1;
-}
+} */
 .vk-sender .ant-sender-prefix {
-  /* 要素考上 */
   align-self: start;
 }
 .vk-sender-actions{