@vunk/plus 1.1.3 → 1.2.0

package/index.css

@@ -8,6 +8,120 @@
   height: 100%;
 }
 
+.sk-recorder-container {
+  position: relative;
+}
+.sk-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);
+  z-index: 1000;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  pointer-events: none;
+}
+.action-buttons {
+  pointer-events: auto;
+  display: flex;
+  justify-content: space-between;
+  padding: 20px 40px;
+  margin-bottom: 100px;
+}
+.cancel-btn, .text-btn {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  color: white;
+}
+.btn-icon {
+  width: 60px; /* 增大按钮尺寸 */
+  height: 60px;
+  background: rgba(0, 0, 0, 0.4);
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 28px;
+  margin-bottom: 8px;
+}
+.cancel-btn.active .btn-icon {
+  background: var(--el-color-danger);
+}
+.text-btn.active .btn-icon {
+  background: var(--el-color-primary);
+}
+.btn-text {
+  font-size: 14px;
+}
+.recording-tip {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding-bottom: 100px; /* 向上移动一些 */
+  color: white;
+}
+.wave-container {
+  width: 160px; /* 增大波形显示区域 */
+  height: 100px;
+  margin-bottom: 20px;
+}
+.tip-text {
+  font-size: 14px;
+}
+
+.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{
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  width: 100%;
+}
+.vk-sender-actions__before,
+.vk-sender-actions__after {
+  display: flex;
+  align-items: center;
+}
+.vk-sender-actions__before > * + *,
+.vk-sender-actions__after > * + * {
+  margin-left: 8px;
+}
+
+.vk-speech-button{
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+}
+.vk-speech-button-recording-icon{
+  height: 1.2em;
+  width: 1.2em;
+  vertical-align: top;
+}
+
 .vk-tables-v1-table{
   height: 100%;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vunk/plus",
-  "version": "1.1.3",
+  "version": "1.2.0",
   "description": "",
   "author": "",
   "license": "ISC",
@@ -31,6 +31,10 @@
       "import": "./composables/index.mjs",
       "types": "./composables/index.d.ts"
     },
+    "./composables/recorder": {
+      "import": "./composables/recorder/index.mjs",
+      "types": "./composables/recorder/index.d.ts"
+    },
     "./composables/el-breakpoints": {
       "import": "./composables/el-breakpoints/index.mjs",
       "types": "./composables/el-breakpoints/index.d.ts"
@@ -55,10 +59,22 @@
       "import": "./components/table-columns/index.mjs",
       "types": "./components/table-columns/index.d.ts"
     },
+    "./components/speech-button": {
+      "import": "./components/speech-button/index.mjs",
+      "types": "./components/speech-button/index.d.ts"
+    },
+    "./components/sender": {
+      "import": "./components/sender/index.mjs",
+      "types": "./components/sender/index.d.ts"
+    },
     "./components/routes-menu-content": {
       "import": "./components/routes-menu-content/index.mjs",
       "types": "./components/routes-menu-content/index.d.ts"
     },
+    "./components/recorder-button": {
+      "import": "./components/recorder-button/index.mjs",
+      "types": "./components/recorder-button/index.d.ts"
+    },
     "./components/monaco-environment": {
       "import": "./components/monaco-environment/index.mjs",
       "types": "./components/monaco-environment/index.d.ts"
@@ -71,6 +87,10 @@
       "import": "./components/lottie-animation/index.mjs",
       "types": "./components/lottie-animation/index.d.ts"
     },
+    "./components/avatar": {
+      "import": "./components/avatar/index.mjs",
+      "types": "./components/avatar/index.d.ts"
+    },
     "./index.css": {
       "import": "./index.css"
     },
@@ -86,6 +106,15 @@
     "./components/tables-v1/index.css": {
       "import": "./components/tables-v1/index.css"
     },
+    "./components/speech-button/index.css": {
+      "import": "./components/speech-button/index.css"
+    },
+    "./components/sender/index.css": {
+      "import": "./components/sender/index.css"
+    },
+    "./components/recorder-button/index.css": {
+      "import": "./components/recorder-button/index.css"
+    },
     "./components/monaco-editor/index.css": {
       "import": "./components/monaco-editor/index.css"
     },