@siact/sime-x-vue 0.0.2 → 0.0.4

package/dist/style.css

@@ -345,7 +345,7 @@
   opacity: 0;
   transform: scale(0.8);
 }
-.sime-x[data-v-d8f992b0] {
+.sime-x[data-v-73306d13] {
   --bg-primary: #ffffff;
   --bg-secondary: #f8fafc;
   --bg-header: #0f172a;
@@ -359,7 +359,7 @@
   --accent-color: #3b82f6;
   --hover-bg: rgba(0, 0, 0, 0.05);
 }
-.sime-x[data-theme=dark][data-v-d8f992b0] {
+.sime-x[data-theme=dark][data-v-73306d13] {
   --bg-primary: #1e293b;
   --bg-secondary: #0f172a;
   --bg-header: #0f172a;
@@ -373,13 +373,13 @@
   --accent-color: #60a5fa;
   --hover-bg: rgba(255, 255, 255, 0.1);
 }
-.is-hidden[data-v-d8f992b0] {
+.is-hidden[data-v-73306d13] {
   height: 0;
   opacity: 0 !important;
   pointer-events: none !important;
   visibility: hidden !important;
 }
-.assistant-fab[data-v-d8f992b0] {
+.assistant-fab[data-v-73306d13] {
   position: relative;
   cursor: pointer;
   overflow: visible;
@@ -388,30 +388,30 @@
   pointer-events: auto;
   transition: all 0.3s ease;
 }
-.assistant-fab[data-v-d8f992b0]:hover {
+.assistant-fab[data-v-73306d13]:hover {
   transform: scale(1.05);
 }
-.assistant-fab[data-v-d8f992b0]:active {
+.assistant-fab[data-v-73306d13]:active {
   transform: scale(0.95);
 }
-.assistant-fab .voice-status[data-v-d8f992b0] {
+.assistant-fab .voice-status[data-v-73306d13] {
   position: absolute;
   right: 100%;
   margin-right: 20px;
 }
-.assistant-fab img[data-v-d8f992b0] {
+.assistant-fab img[data-v-73306d13] {
   display: block;
   position: relative;
   object-fit: contain;
 }
-.assistant-fab .fab-pulse[data-v-d8f992b0] {
+.assistant-fab .fab-pulse[data-v-73306d13] {
   position: absolute;
   inset: -4px;
   border-radius: 50%;
   border: 2px solid var(--accent-color);
   opacity: 0;
 }
-@keyframes pulse-d8f992b0 {
+@keyframes pulse-73306d13 {
 0%, 100% {
     opacity: 0;
     transform: scale(1);
@@ -421,7 +421,7 @@
     transform: scale(1.1);
 }
 }
-.x-dialog-container[data-v-d8f992b0] {
+.x-dialog-container[data-v-73306d13] {
   position: fixed;
   top: 0;
   left: 0;
@@ -435,17 +435,17 @@
   opacity: 0;
   pointer-events: none;
 }
-.x-dialog-container.position-ready[data-v-d8f992b0] {
+.x-dialog-container.position-ready[data-v-73306d13] {
   opacity: 1;
   pointer-events: auto;
 }
-.x-dialog-container[data-v-d8f992b0]:active {
+.x-dialog-container[data-v-73306d13]:active {
   cursor: grabbing;
 }
-.x-dialog-container.collapsed .x-dialog-header[data-v-d8f992b0] {
+.x-dialog-container.collapsed .x-dialog-header[data-v-73306d13] {
   border-radius: 16px;
 }
-.x-dialog-container .x-dialog-header[data-v-d8f992b0] {
+.x-dialog-container .x-dialog-header[data-v-73306d13] {
   position: relative;
   display: flex;
   justify-content: space-between;
@@ -456,12 +456,12 @@
   user-select: none;
   border-bottom: 1px solid var(--border-color);
 }
-.x-dialog-container .x-dialog-header .header-left[data-v-d8f992b0] {
+.x-dialog-container .x-dialog-header .header-left[data-v-73306d13] {
   display: flex;
   align-items: center;
   gap: 10px;
 }
-.x-dialog-container .x-dialog-header .header-left .logo-icon[data-v-d8f992b0] {
+.x-dialog-container .x-dialog-header .header-left .logo-icon[data-v-73306d13] {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -469,23 +469,23 @@
   height: 36px;
   transition: transform 0.2s ease;
 }
-.x-dialog-container .x-dialog-header .header-left .logo-icon .logo[data-v-d8f992b0] {
+.x-dialog-container .x-dialog-header .header-left .logo-icon .logo[data-v-73306d13] {
   width: 100%;
   height: 100%;
   object-fit: contain;
 }
-.x-dialog-container .x-dialog-header .header-left .title[data-v-d8f992b0] {
+.x-dialog-container .x-dialog-header .header-left .title[data-v-73306d13] {
   font-weight: 600;
   font-size: 15px;
   color: var(--text-header);
   letter-spacing: -0.01em;
 }
-.x-dialog-container .x-dialog-header .actions[data-v-d8f992b0] {
+.x-dialog-container .x-dialog-header .actions[data-v-73306d13] {
   display: flex;
   align-items: center;
   gap: 4px;
 }
-.x-dialog-container .x-dialog-header .actions .action-btn[data-v-d8f992b0] {
+.x-dialog-container .x-dialog-header .actions .action-btn[data-v-73306d13] {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -498,26 +498,26 @@
   transition: all 0.2s ease;
   border-radius: 8px;
 }
-.x-dialog-container .x-dialog-header .actions .action-btn[data-v-d8f992b0]:hover {
+.x-dialog-container .x-dialog-header .actions .action-btn[data-v-73306d13]:hover {
   color: var(--text-header);
   background: var(--hover-bg);
   transform: translateY(-1px);
 }
-.x-dialog-container .x-dialog-header .actions .action-btn[data-v-d8f992b0]:active {
+.x-dialog-container .x-dialog-header .actions .action-btn[data-v-73306d13]:active {
   transform: translateY(0);
 }
-.x-dialog-container .x-dialog-header .actions .action-btn svg[data-v-d8f992b0] {
+.x-dialog-container .x-dialog-header .actions .action-btn svg[data-v-73306d13] {
   transition: transform 0.2s ease;
 }
-.x-dialog-container .x-dialog-header .actions .action-btn.collapse-btn:hover svg[data-v-d8f992b0] {
+.x-dialog-container .x-dialog-header .actions .action-btn.collapse-btn:hover svg[data-v-73306d13] {
   transform: scale(1.1);
 }
-.x-dialog-container .voice-container[data-v-d8f992b0] {
+.x-dialog-container .voice-container[data-v-73306d13] {
   width: 100%;
   opacity: 1;
   pointer-events: auto;
 }
-.x-dialog-container .x-dialog-content[data-v-d8f992b0] {
+.x-dialog-container .x-dialog-content[data-v-73306d13] {
   flex: 1;
   display: flex;
   overflow: hidden;
@@ -525,13 +525,13 @@
   opacity: 1;
   pointer-events: auto;
 }
-.x-dialog-container .x-iframe[data-v-d8f992b0] {
+.x-dialog-container .x-iframe[data-v-73306d13] {
   flex: 1;
   width: 100%;
   height: 100%;
   border: none;
 }
-.x-dialog-container .resize-handle[data-v-d8f992b0] {
+.x-dialog-container .resize-handle[data-v-73306d13] {
   position: absolute;
   bottom: 0;
   right: 0;
@@ -547,38 +547,38 @@
   border-bottom-right-radius: 16px;
   z-index: 10;
 }
-.x-dialog-container .resize-handle[data-v-d8f992b0]:hover {
+.x-dialog-container .resize-handle[data-v-73306d13]:hover {
   color: var(--accent-color);
   background: linear-gradient(135deg, transparent 50%, var(--hover-bg) 50%);
 }
-.x-dialog-container .resize-handle svg[data-v-d8f992b0] {
+.x-dialog-container .resize-handle svg[data-v-73306d13] {
   width: 16px;
   height: 16px;
   transform: rotate(0deg);
   transition: transform 0.2s ease;
 }
-.x-dialog-container .resize-handle:hover svg[data-v-d8f992b0] {
+.x-dialog-container .resize-handle:hover svg[data-v-73306d13] {
   transform: scale(1.2);
 }
 
 /* 语音按钮状态样式 */
-.action-btn.theme-btn[data-v-d8f992b0] {
+.action-btn.theme-btn[data-v-73306d13] {
   position: relative;
   transition: all 0.3s ease;
 }
-.action-btn.theme-btn.active[data-v-d8f992b0] {
+.action-btn.theme-btn.active[data-v-73306d13] {
   background: rgba(59, 130, 246, 0.1);
   color: #3b82f6;
 }
-.action-btn.theme-btn.listening[data-v-d8f992b0] {
-  animation: pulse-listening-d8f992b0 2s ease-in-out infinite;
+.action-btn.theme-btn.listening[data-v-73306d13] {
+  animation: pulse-listening-73306d13 2s ease-in-out infinite;
 }
-.action-btn.theme-btn.woke[data-v-d8f992b0] {
+.action-btn.theme-btn.woke[data-v-73306d13] {
   background: rgba(34, 197, 94, 0.2);
   color: #22c55e;
-  animation: pulse-wake-d8f992b0 0.6s ease-in-out;
+  animation: pulse-wake-73306d13 0.6s ease-in-out;
 }
-@keyframes pulse-listening-d8f992b0 {
+@keyframes pulse-listening-73306d13 {
 0%, 100% {
     box-shadow: 0 0 0 0 rgba(59, 130, 246, 0.4);
 }
@@ -586,7 +586,7 @@
     box-shadow: 0 0 0 8px rgba(59, 130, 246, 0);
 }
 }
-@keyframes pulse-wake-d8f992b0 {
+@keyframes pulse-wake-73306d13 {
 0%, 100% {
     transform: scale(1);
 }
@@ -595,7 +595,7 @@
 }
 }
 /* 语音指示器 */
-.voice-indicator[data-v-d8f992b0] {
+.voice-indicator[data-v-73306d13] {
   position: absolute;
   top: 4px;
   right: 4px;
@@ -604,14 +604,14 @@
   border-radius: 50%;
   background: #3b82f6;
 }
-.action-btn.theme-btn.listening .voice-indicator[data-v-d8f992b0] {
-  animation: blink-d8f992b0 1.5s ease-in-out infinite;
+.action-btn.theme-btn.listening .voice-indicator[data-v-73306d13] {
+  animation: blink-73306d13 1.5s ease-in-out infinite;
 }
-.action-btn.theme-btn.woke .voice-indicator[data-v-d8f992b0] {
+.action-btn.theme-btn.woke .voice-indicator[data-v-73306d13] {
   background: #22c55e;
   animation: none;
 }
-@keyframes blink-d8f992b0 {
+@keyframes blink-73306d13 {
 0%, 100% {
     opacity: 1;
 }
@@ -619,8 +619,60 @@
     opacity: 0.3;
 }
 }
+/* 麦克风唤醒动画 */
+.listening-badge.wake-active[data-v-73306d13] {
+  background-color: rgba(34, 197, 94, 0.85);
+  animation: wake-badge-pop-73306d13 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
+}
+.listening-badge.wake-active .listening-icon[data-v-73306d13] {
+  animation: wake-icon-flash-73306d13 1.5s ease-in-out;
+}
+.listening-badge.wake-active[data-v-73306d13]::after {
+  content: "";
+  position: absolute;
+  inset: -3px;
+  border-radius: 50%;
+  border: 2px solid #22c55e;
+  animation: wake-mic-ring-73306d13 1.2s ease-out forwards;
+  pointer-events: none;
+}
+@keyframes wake-badge-pop-73306d13 {
+0% {
+    transform: scale(1);
+}
+50% {
+    transform: scale(1.4);
+}
+100% {
+    transform: scale(1);
+}
+}
+@keyframes wake-icon-flash-73306d13 {
+0%, 100% {
+    color: #ffffff;
+}
+25% {
+    color: #bbf7d0;
+}
+50% {
+    color: #ffffff;
+}
+75% {
+    color: #bbf7d0;
+}
+}
+@keyframes wake-mic-ring-73306d13 {
+0% {
+    transform: scale(1);
+    opacity: 0.8;
+}
+100% {
+    transform: scale(2.2);
+    opacity: 0;
+}
+}
 /* FAB 头像容器 */
-.fab-avatar-wrapper[data-v-d8f992b0] {
+.fab-avatar-wrapper[data-v-73306d13] {
   position: relative;
   display: flex; /* 改用 flex 可以消除图片底部的行高间隙 */
   align-items: center;
@@ -630,7 +682,7 @@
 }
 
 /* 2. 修正图片样式 */
-.fab-avatar-wrapper img[data-v-d8f992b0] {
+.fab-avatar-wrapper img[data-v-73306d13] {
   display: block;
   max-width: 100%;
   height: auto;
@@ -638,7 +690,7 @@
 }
 
 /* 3. 优化徽章定位 */
-.listening-badge[data-v-d8f992b0] {
+.listening-badge[data-v-73306d13] {
   position: absolute;
   /* 强制定位到容器边缘 */
   top: 0;
@@ -655,22 +707,22 @@
   z-index: 10;
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
   /* 继承你原有的动画 */
-  animation: badge-float-d8f992b0 5s ease-in-out infinite;
+  animation: badge-float-73306d13 5s ease-in-out infinite;
   pointer-events: none; /* 防止遮挡头像点击 */
 }
 
 /* 4. 调整声波扩散的基准 */
-.wave[data-v-d8f992b0] {
+.wave[data-v-73306d13] {
   position: absolute;
   /* 确保声波从徽章中心扩散，而不是从容器左上角 */
   inset: -2px;
   border-radius: 50%;
   border: 2px solid rgba(59, 130, 246, 0.6); /* 声波颜色建议跟主题色一致 */
-  animation: wave-expand-d8f992b0 3s ease-out infinite;
+  animation: wave-expand-73306d13 3s ease-out infinite;
 }
 
 /* 优化后的监听状态徽章 */
-.listening-badge[data-v-d8f992b0] {
+.listening-badge[data-v-73306d13] {
   position: absolute;
   top: -8px;
   right: -8px;
@@ -682,11 +734,11 @@
   align-items: center;
   justify-content: center;
   z-index: 10;
-  animation: badge-float-d8f992b0 5s ease-in-out infinite;
+  animation: badge-float-73306d13 5s ease-in-out infinite;
 }
 
 /* 徽章浮动动画 */
-@keyframes badge-float-d8f992b0 {
+@keyframes badge-float-73306d13 {
 0%, 100% {
     transform: translateY(0) scale(1);
 }
@@ -695,7 +747,7 @@
 }
 }
 /* 声波容器 */
-.listening-waves[data-v-d8f992b0] {
+.listening-waves[data-v-73306d13] {
   position: absolute;
   inset: 0;
   display: flex;
@@ -704,35 +756,35 @@
 }
 
 /* 声波动画 */
-.wave[data-v-d8f992b0] {
+.wave[data-v-73306d13] {
   position: absolute;
   width: 100%;
   height: 100%;
   border-radius: 50%;
   border: 2px solid rgba(255, 255, 255, 0.6);
-  animation: wave-expand-d8f992b0 3s ease-out infinite;
+  animation: wave-expand-73306d13 3s ease-out infinite;
 }
-.wave-1[data-v-d8f992b0] {
+.wave-1[data-v-73306d13] {
   animation-delay: 0s;
 }
-.wave-2[data-v-d8f992b0] {
+.wave-2[data-v-73306d13] {
   animation-delay: 0.6s;
 }
-.wave-3[data-v-d8f992b0] {
+.wave-3[data-v-73306d13] {
   animation-delay: 1.2s;
 }
-@keyframes wave-expand-d8f992b0 {
+@keyframes wave-expand-73306d13 {
 0% {
     transform: scale(0.8);
     opacity: 0.8;
 }
 100% {
-    transform: scale(2.2);
+    transform: scale(1.2);
     opacity: 0;
 }
 }
 /* 麦克风图标 */
-.listening-icon[data-v-d8f992b0] {
+.listening-icon[data-v-73306d13] {
   position: relative;
   width: 24px;
   height: 24px;
@@ -741,9 +793,9 @@
   justify-content: center;
   color: #ffffff;
   z-index: 1;
-  animation: icon-pulse-d8f992b0 2.5s ease-in-out infinite;
+  animation: icon-pulse-73306d13 2.5s ease-in-out infinite;
 }
-@keyframes icon-pulse-d8f992b0 {
+@keyframes icon-pulse-73306d13 {
 0%, 100% {
     transform: scale(1);
 }
@@ -752,23 +804,23 @@
 }
 }
 /* 徽章淡入淡出动画 */
-.indicator-fade-enter-active[data-v-d8f992b0] {
+.indicator-fade-enter-active[data-v-73306d13] {
   transition: all 1s cubic-bezier(0.34, 1.56, 0.64, 1);
 }
-.indicator-fade-leave-active[data-v-d8f992b0] {
+.indicator-fade-leave-active[data-v-73306d13] {
   transition: all 1s ease;
 }
-.indicator-fade-enter-from[data-v-d8f992b0] {
+.indicator-fade-enter-from[data-v-73306d13] {
   opacity: 0;
   transform: scale(0.3) rotate(-180deg);
 }
-.indicator-fade-leave-to[data-v-d8f992b0] {
+.indicator-fade-leave-to[data-v-73306d13] {
   opacity: 0;
   transform: scale(0.5) rotate(180deg);
 }
 
 /* FAB 脉冲效果 */
-.fab-pulse[data-v-d8f992b0] {
+.fab-pulse[data-v-73306d13] {
   position: absolute;
   top: 0;
   left: 0;
@@ -777,10 +829,10 @@
   border-radius: 50%;
   pointer-events: none;
 }
-.fab-pulse.active[data-v-d8f992b0] {
-  animation: fab-pulse-d8f992b0 2s ease-in-out infinite;
+.fab-pulse.active[data-v-73306d13] {
+  animation: fab-pulse-73306d13 2s ease-in-out infinite;
 }
-@keyframes fab-pulse-d8f992b0 {
+@keyframes fab-pulse-73306d13 {
 0%, 100% {
     box-shadow: 0 0 0 0 rgba(59, 130, 246, 0.4);
 }
@@ -789,9 +841,9 @@
 }
 }
 /* 深色模式适配 */
-[data-theme=dark] .action-btn.theme-btn.active[data-v-d8f992b0] {
+[data-theme=dark] .action-btn.theme-btn.active[data-v-73306d13] {
   background: rgba(59, 130, 246, 0.2);
 }
-[data-theme=dark] .action-btn.theme-btn.woke[data-v-d8f992b0] {
+[data-theme=dark] .action-btn.theme-btn.woke[data-v-73306d13] {
   background: rgba(34, 197, 94, 0.3);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@siact/sime-x-vue",
-  "version": "0.0.2",
+  "version": "0.0.4",
   "publishConfig": {
     "access": "public"
   },

package/types/components/sime-x.vue.d.ts

@@ -17,6 +17,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "start-transcribing": () => void;
     "stop-transcribing": () => void;
+    wakeUp: (isWake: boolean) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
     xLogo?: string | undefined;
     xSize?: XSize | undefined;
@@ -28,6 +29,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }>>> & Readonly<{
     "onStart-transcribing"?: (() => any) | undefined;
     "onStop-transcribing"?: (() => any) | undefined;
+    onWakeUp?: ((isWake: boolean) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;