@robot-admin/naive-ui-components 0.11.6 → 0.11.7

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @robot-admin/naive-ui-components
 
+## 0.11.7
+
+### Patch Changes
+
+- 修复按需消费场景中的登录验证码与功能引导回归：恢复验证码拼图标识和空文本的图标模式，避免未配置引导遮罩透明度时覆盖 driver.js 默认值，并让组件独立样式入口自动包含内部公共组件样式。`C_Menu` 同时新增非破坏性的 `intent` 事件，便于宿主在用户点击前按需预取目标路由。
+
 ## 0.11.6
 
 ### Patch Changes

package/README.md

@@ -93,6 +93,10 @@ Components({
 
 `importStyle: true`（等价于 `'full'`）保持原有完整样式行为。只使用 C_Form/C_Table 基础字段、不使用内置富文本编辑器时，可设置 `importStyle: 'base'`，避免带入编辑器样式；其他组件会安全回退到标准样式入口。如需兼容旧项目的主入口导入，可显式设置 `importOnDemand: false`。
 
+每个 `C_*/style.css` 都是可独立消费的完整组件样式入口：如果组件内部组合了 `C_Icon`、`C_Captcha` 等其他公共组件，对应依赖样式会自动包含，无需使用侧重复导入，也不会依赖全量 `style.css` 兜底。
+
+`C_Menu` 会在鼠标进入或键盘聚焦叶子菜单时触发 `intent` 事件；宿主可将其绑定到路由预取函数，点击与 `select` 行为保持不变。
+
 也可以手动选择样式层级：
 
 ```typescript

package/README_EN.md

@@ -93,6 +93,10 @@ Components({
 
 `importStyle: true` (an alias of `'full'`) preserves the existing complete style behavior. When C_Form/C_Table only use base fields and no built-in rich-text editor, set `importStyle: 'base'` to avoid editor CSS; other components safely fall back to their standard style entry. Set `importOnDemand: false` only when a legacy project still requires the package root.
 
+Every `C_*/style.css` file is a self-contained component style entry. When a component composes public components such as `C_Icon` or `C_Captcha`, their required styles are included automatically, so consumers do not need duplicate imports or the global `style.css` fallback.
+
+`C_Menu` emits a non-mutating `intent` event when a leaf item is hovered or keyboard-focused. Hosts may connect it to route prefetching without changing the existing `select` behavior.
+
 The style tiers can also be imported explicitly:
 
 ```typescript

package/dist/C_ActionBar.css

@@ -1,3 +1,62 @@
+/* unplugin-vue-components disabled */.c-icon[data-v-d0d8dba0] {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  user-select: none;
+  transition: all 0.2s ease-in-out;
+}
+.c-icon--clickable[data-v-d0d8dba0] {
+  cursor: pointer;
+}
+.c-icon--clickable[data-v-d0d8dba0]:hover {
+  opacity: 0.8;
+  transform: scale(1.05);
+}
+.c-icon--clickable[data-v-d0d8dba0]:active {
+  transform: scale(0.95);
+}
+.c-icon--clickable[data-v-d0d8dba0]:focus-visible {
+  outline: 2px solid currentColor;
+  outline-offset: 2px;
+  border-radius: 4px;
+}
+.c-icon--loading[data-v-d0d8dba0] {
+  opacity: 0.6;
+  cursor: wait;
+}
+.c-icon--error[data-v-d0d8dba0] {
+  opacity: 0.5;
+}
+.c-icon__loading[data-v-d0d8dba0] {
+  position: relative;
+}
+.c-icon__spinner[data-v-d0d8dba0] {
+  width: 100%;
+  height: 100%;
+  border: 2px solid currentColor;
+  border-radius: 50%;
+  border-top-color: transparent;
+  animation: spin-d0d8dba0 1s linear infinite;
+}
+.c-icon__error[data-v-d0d8dba0] {
+  font-size: 0.8em;
+  opacity: 0.5;
+}
+.c-icon__rotatable[data-v-d0d8dba0] {
+  transition: transform 0.3s ease-in-out;
+}
+.c-icon__flippable[data-v-d0d8dba0] {
+  transition: transform 0.3s ease-in-out;
+}
+@keyframes spin-d0d8dba0 {
+0% {
+    transform: rotate(0deg);
+}
+100% {
+    transform: rotate(360deg);
+}
+}
+
 /* unplugin-vue-components disabled *//* 通用操作按钮组件样式 */
 /* ================= 主容器 ================= */
 .c-action-bar[data-v-9dc5812b] {

package/dist/C_AudioPlayer.css

@@ -1,3 +1,62 @@
+/* unplugin-vue-components disabled */.c-icon[data-v-d0d8dba0] {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  user-select: none;
+  transition: all 0.2s ease-in-out;
+}
+.c-icon--clickable[data-v-d0d8dba0] {
+  cursor: pointer;
+}
+.c-icon--clickable[data-v-d0d8dba0]:hover {
+  opacity: 0.8;
+  transform: scale(1.05);
+}
+.c-icon--clickable[data-v-d0d8dba0]:active {
+  transform: scale(0.95);
+}
+.c-icon--clickable[data-v-d0d8dba0]:focus-visible {
+  outline: 2px solid currentColor;
+  outline-offset: 2px;
+  border-radius: 4px;
+}
+.c-icon--loading[data-v-d0d8dba0] {
+  opacity: 0.6;
+  cursor: wait;
+}
+.c-icon--error[data-v-d0d8dba0] {
+  opacity: 0.5;
+}
+.c-icon__loading[data-v-d0d8dba0] {
+  position: relative;
+}
+.c-icon__spinner[data-v-d0d8dba0] {
+  width: 100%;
+  height: 100%;
+  border: 2px solid currentColor;
+  border-radius: 50%;
+  border-top-color: transparent;
+  animation: spin-d0d8dba0 1s linear infinite;
+}
+.c-icon__error[data-v-d0d8dba0] {
+  font-size: 0.8em;
+  opacity: 0.5;
+}
+.c-icon__rotatable[data-v-d0d8dba0] {
+  transition: transform 0.3s ease-in-out;
+}
+.c-icon__flippable[data-v-d0d8dba0] {
+  transition: transform 0.3s ease-in-out;
+}
+@keyframes spin-d0d8dba0 {
+0% {
+    transform: rotate(0deg);
+}
+100% {
+    transform: rotate(360deg);
+}
+}
+
 /* unplugin-vue-components disabled *//**
  * C_AudioPlayer — 音频播放器样式
  */

package/dist/C_Breadcrumb.css

@@ -1,3 +1,62 @@
+/* unplugin-vue-components disabled */.c-icon[data-v-d0d8dba0] {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  user-select: none;
+  transition: all 0.2s ease-in-out;
+}
+.c-icon--clickable[data-v-d0d8dba0] {
+  cursor: pointer;
+}
+.c-icon--clickable[data-v-d0d8dba0]:hover {
+  opacity: 0.8;
+  transform: scale(1.05);
+}
+.c-icon--clickable[data-v-d0d8dba0]:active {
+  transform: scale(0.95);
+}
+.c-icon--clickable[data-v-d0d8dba0]:focus-visible {
+  outline: 2px solid currentColor;
+  outline-offset: 2px;
+  border-radius: 4px;
+}
+.c-icon--loading[data-v-d0d8dba0] {
+  opacity: 0.6;
+  cursor: wait;
+}
+.c-icon--error[data-v-d0d8dba0] {
+  opacity: 0.5;
+}
+.c-icon__loading[data-v-d0d8dba0] {
+  position: relative;
+}
+.c-icon__spinner[data-v-d0d8dba0] {
+  width: 100%;
+  height: 100%;
+  border: 2px solid currentColor;
+  border-radius: 50%;
+  border-top-color: transparent;
+  animation: spin-d0d8dba0 1s linear infinite;
+}
+.c-icon__error[data-v-d0d8dba0] {
+  font-size: 0.8em;
+  opacity: 0.5;
+}
+.c-icon__rotatable[data-v-d0d8dba0] {
+  transition: transform 0.3s ease-in-out;
+}
+.c-icon__flippable[data-v-d0d8dba0] {
+  transition: transform 0.3s ease-in-out;
+}
+@keyframes spin-d0d8dba0 {
+0% {
+    transform: rotate(0deg);
+}
+100% {
+    transform: rotate(360deg);
+}
+}
+
 /* unplugin-vue-components disabled */.c-breadcrumb {
   --c-breadcrumb-icon-size: 16px;
   --c-breadcrumb-gap: 4px;

package/dist/C_Captcha.css

@@ -1,16 +1,16 @@
 .vue-puzzle-vcode{position:fixed;top:0;left:0;bottom:0;right:0;background-color:#0000004d;z-index:999;opacity:0;pointer-events:none;transition:opacity .2s}.vue-puzzle-vcode.inside_{position:relative;background-color:transparent;width:100%;height:100%}.vue-puzzle-vcode.inside_ .vue-auth-box_{position:relative;top:0;left:0;transform:translate(0);padding:0;background:transparent;box-shadow:none}.vue-puzzle-vcode.show_{opacity:1;pointer-events:auto}.vue-auth-box_{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);padding:20px;background:#fff;user-select:none;border-radius:3px;box-shadow:0 1px 3px #0000004d}.vue-auth-box_ .auth-body_{position:relative;overflow:hidden;border-radius:3px}.vue-auth-box_ .auth-body_ .loading-box_{position:absolute;top:0;left:0;bottom:0;right:0;background-color:#000c;z-index:20;opacity:1;transition:opacity .1s;display:flex;align-items:center;justify-content:center}.vue-auth-box_ .auth-body_ .loading-box_.hide_{opacity:0;pointer-events:none}.vue-auth-box_ .auth-body_ .loading-box_.hide_ .loading-gif_ span{animation-play-state:paused}.vue-auth-box_ .auth-body_ .loading-box_ .loading-gif_{flex:none;height:5px;line-height:0}@keyframes load{0%{opacity:1;transform:scale(1.3)}to{opacity:.2;transform:scale(.3)}}.vue-auth-box_ .auth-body_ .loading-box_ .loading-gif_ span{display:inline-block;width:5px;height:100%;margin-left:2px;border-radius:50%;background-color:#888;animation:load 1.04s ease infinite}.vue-auth-box_ .auth-body_ .loading-box_ .loading-gif_ span:nth-child(1){margin-left:0}.vue-auth-box_ .auth-body_ .loading-box_ .loading-gif_ span:nth-child(2){animation-delay:.13s}.vue-auth-box_ .auth-body_ .loading-box_ .loading-gif_ span:nth-child(3){animation-delay:.26s}.vue-auth-box_ .auth-body_ .loading-box_ .loading-gif_ span:nth-child(4){animation-delay:.39s}.vue-auth-box_ .auth-body_ .loading-box_ .loading-gif_ span:nth-child(5){animation-delay:.52s}.vue-auth-box_ .auth-body_ .info-box_{position:absolute;bottom:0;left:0;width:100%;height:24px;line-height:24px;text-align:center;overflow:hidden;font-size:13px;background-color:#83ce3f;opacity:0;transform:translateY(24px);transition:all .2s;color:#fff;z-index:10}.vue-auth-box_ .auth-body_ .info-box_.show{opacity:.95;transform:translateY(0)}.vue-auth-box_ .auth-body_ .info-box_.fail{background-color:#ce594b}.vue-auth-box_ .auth-body_ .auth-canvas1_{width:100%;height:100%}.vue-auth-box_ .auth-body_ .auth-canvas2_{position:absolute;top:0;left:0;width:60px;height:100%;z-index:2}.vue-auth-box_ .auth-body_ .auth-canvas3_{position:absolute;width:100%;height:100%;top:0;left:0;opacity:0;transition:opacity .6s;z-index:3}.vue-auth-box_ .auth-body_ .auth-canvas3_.show{opacity:1}.vue-auth-box_ .auth-body_ .flash_{position:absolute;top:0;left:0;width:30px;height:100%;background-color:#ffffff1a;z-index:3}.vue-auth-box_ .auth-body_ .flash_.show{transition:transform .6s}.vue-auth-box_ .auth-body_ .reset_{position:absolute;top:2px;right:2px;width:35px;height:auto;z-index:12;cursor:pointer;transition:transform .2s;transform:rotate(0)}.vue-auth-box_ .auth-body_ .reset_:hover{transform:rotate(-90deg)}.vue-auth-box_ .auth-control_ .range-box{position:relative;width:100%;background-color:#eef1f8;margin-top:20px;border-radius:3px;box-shadow:0 0 8px #f0f0f099 inset}.vue-auth-box_ .auth-control_ .range-box .range-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:14px;color:#b7bcd1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;width:100%}.vue-auth-box_ .auth-control_ .range-box .range-slider{position:absolute;height:100%;width:50px;background-color:#6aa0ffcc;border-radius:3px}.vue-auth-box_ .auth-control_ .range-box .range-slider .range-btn{position:absolute;display:flex;align-items:center;justify-content:center;right:0;width:50px;height:100%;background-color:#fff;border-radius:3px;box-shadow:0 0 4px #ccc;cursor:pointer}.vue-auth-box_ .auth-control_ .range-box .range-slider .range-btn>div{width:0;height:40%;transition:all .2s;border:solid 1px #6aa0ff}.vue-auth-box_ .auth-control_ .range-box .range-slider .range-btn>div:nth-child(2){margin:0 4px}.vue-auth-box_ .auth-control_ .range-box .range-slider .range-btn:hover>div:first-child,.vue-auth-box_ .auth-control_ .range-box .range-slider .range-btn.isDown>div:first-child{border:solid 4px transparent;height:0;border-right-color:#6aa0ff}.vue-auth-box_ .auth-control_ .range-box .range-slider .range-btn:hover>div:nth-child(2),.vue-auth-box_ .auth-control_ .range-box .range-slider .range-btn.isDown>div:nth-child(2){border-width:3px;height:0;border-radius:3px;margin:0 6px;border-right-color:#6aa0ff}.vue-auth-box_ .auth-control_ .range-box .range-slider .range-btn:hover>div:nth-child(3),.vue-auth-box_ .auth-control_ .range-box .range-slider .range-btn.isDown>div:nth-child(3){border:solid 4px transparent;height:0;border-left-color:#6aa0ff}.vue-puzzle-overflow{overflow:hidden!important}
 
-/* unplugin-vue-components disabled */.c-captcha-modern[data-v-3b02fca0] {
+/* unplugin-vue-components disabled */.c-captcha-modern[data-v-29edd4c3] {
   width: 100%;
   font-family: inherit;
 }
-.captcha-shell[data-v-3b02fca0] {
+.captcha-shell[data-v-29edd4c3] {
   position: relative;
   width: 100%;
   max-width: 280px;
   margin: 0 auto;
 }
-.captcha-trigger[data-v-3b02fca0] {
+.captcha-trigger[data-v-29edd4c3] {
   appearance: none;
   border: 0;
   background: transparent;
@@ -26,26 +26,26 @@
   position: relative;
   transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
 }
-.captcha-trigger[data-v-3b02fca0]:hover:not(.disabled) {
+.captcha-trigger[data-v-29edd4c3]:hover:not(.disabled) {
   transform: translateY(-1px);
 }
-.captcha-trigger.disabled[data-v-3b02fca0] {
+.captcha-trigger.disabled[data-v-29edd4c3] {
   opacity: 0.5;
   cursor: not-allowed;
 }
-.captcha-trigger[data-v-3b02fca0]:focus-visible,
-.refresh-button[data-v-3b02fca0]:focus-visible {
+.captcha-trigger[data-v-29edd4c3]:focus-visible,
+.refresh-button[data-v-29edd4c3]:focus-visible {
   outline: 2px solid var(--n-color-target, #18a058);
   outline-offset: 2px;
 }
-.captcha-content[data-v-3b02fca0] {
+.captcha-content[data-v-29edd4c3] {
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 8px;
   flex: 1;
 }
-.captcha-icon[data-v-3b02fca0] {
+.captcha-icon[data-v-29edd4c3] {
   font-size: 18px;
   width: 20px;
   height: 20px;
@@ -54,7 +54,7 @@
   justify-content: center;
   flex-shrink: 0;
 }
-.captcha-text[data-v-3b02fca0] {
+.captcha-text[data-v-29edd4c3] {
   color: rgba(255, 255, 255, 0.8);
   font-size: 14px;
   font-weight: 500;
@@ -62,7 +62,7 @@
   text-align: center;
   white-space: nowrap;
 }
-.refresh-button[data-v-3b02fca0] {
+.refresh-button[data-v-29edd4c3] {
   appearance: none;
   border: 0;
   background: transparent;
@@ -81,25 +81,25 @@
   font-size: 14px;
   flex-shrink: 0;
 }
-.c-captcha-modern[data-theme=light] .captcha-text[data-v-3b02fca0] {
+.c-captcha-modern[data-theme=light] .captcha-text[data-v-29edd4c3] {
   color: rgba(0, 0, 0, 0.72);
 }
-.c-captcha-modern[data-theme=light] .refresh-button[data-v-3b02fca0] {
+.c-captcha-modern[data-theme=light] .refresh-button[data-v-29edd4c3] {
   color: rgba(0, 0, 0, 0.52);
 }
-.refresh-button[data-v-3b02fca0]:hover {
+.refresh-button[data-v-29edd4c3]:hover {
   color: rgba(255, 255, 255, 0.9);
   transform: translateY(-50%) rotate(180deg);
 }
-.success-icon[data-v-3b02fca0],
-.success-text[data-v-3b02fca0] {
+.success-icon[data-v-29edd4c3],
+.success-text[data-v-29edd4c3] {
   color: #43c23a;
 }
-.error-icon[data-v-3b02fca0],
-.error-text[data-v-3b02fca0] {
+.error-icon[data-v-29edd4c3],
+.error-text[data-v-29edd4c3] {
   color: #f56c6c;
 }
-@keyframes shake-3b02fca0 {
+@keyframes shake-29edd4c3 {
 0%, 100% {
     transform: translateX(0);
 }
@@ -111,21 +111,21 @@
 }
 }
 @media (max-width: 768px) {
-.captcha-trigger[data-v-3b02fca0] {
+.captcha-trigger[data-v-29edd4c3] {
     padding: 10px 14px;
 }
-.captcha-shell[data-v-3b02fca0] {
+.captcha-shell[data-v-29edd4c3] {
     max-width: 240px;
 }
-.captcha-icon[data-v-3b02fca0] {
+.captcha-icon[data-v-29edd4c3] {
     font-size: 16px;
     width: 18px;
     height: 18px;
 }
-.captcha-text[data-v-3b02fca0] {
+.captcha-text[data-v-29edd4c3] {
     font-size: 13px;
 }
-.refresh-button[data-v-3b02fca0] {
+.refresh-button[data-v-29edd4c3] {
     width: 24px;
     height: 24px;
     font-size: 12px;

package/dist/C_Captcha2.cjs

@@ -1 +1 @@
-require(`./chunk.cjs`);const e=require(`./config.cjs`),t=require(`./export-helper.cjs`);let n=require(`vue`);var r=class extends Error{constructor(e,t,n){super(t),this.code=e,this.cause=n,this.name=`CaptchaVerificationError`}};let i=0;function a(){let e=Date.now();return{token:`puzzle_${e}_${globalThis.crypto?.randomUUID?.()??`${++i}`}`,timestamp:e,type:`puzzle-captcha`}}async function o(e,t={}){let{verifier:n,requireServerVerification:i=!1,signal:a}=t,o=t.timeout??1e4,s=Number.isFinite(o)&&o>0?o:1e4;if(a?.aborted)throw new r(`aborted`,`Verification was cancelled.`);if(!n){if(i)throw new r(`missing-verifier`,`Server verification is required but no verifier was configured.`);return{...e,verifiedBy:`local`}}let c=new AbortController,l=()=>c.abort(a?.reason);a?.addEventListener(`abort`,l,{once:!0});let u,d=new Promise((e,t)=>{u=setTimeout(()=>{c.abort(`timeout`),t(new r(`timeout`,`Verification timed out after ${s}ms.`))},s)}),f=new Promise((e,t)=>{c.signal.addEventListener(`abort`,()=>{c.signal.reason!==`timeout`&&t(new r(`aborted`,`Verification was cancelled.`))},{once:!0})});try{let t=await Promise.race([Promise.resolve(n({...e,signal:c.signal})),d,f]),a=typeof t==`boolean`?{valid:t}:t;if(!a.valid)throw new r(`rejected`,a.message||`Server verification rejected the challenge.`);let o=a.token?.trim();if(i&&!o)throw new r(`missing-token`,`Server verification did not return a trusted token.`);return{...e,token:o||e.token,verifiedBy:`server`}}catch(e){throw e instanceof r?e:new r(`rejected`,`Server verification failed.`,e)}finally{u&&clearTimeout(u),a?.removeEventListener(`abort`,l)}}const s=[`data-theme`],c={class:`captcha-shell`},l=[`disabled`,`aria-busy`,`aria-label`],u={class:`captcha-content`},d={class:`captcha-icon`,"aria-hidden":`true`},f={key:0},p={key:1,class:`success-icon`},m={key:2,class:`error-icon`},h={key:3},g={class:`captcha-text`,"aria-live":`polite`},_={key:0},v={key:1,class:`success-text`},y={key:2,class:`error-text`},b={key:3},x=[`title`,`aria-label`],S=(0,n.defineComponent)({name:`C_Captcha`,__name:`index`,props:{triggerText:{},images:{default:()=>[]},disabled:{type:Boolean,default:!1},theme:{default:`dark`},verifier:{},verificationTimeout:{default:1e4},requireServerVerification:{type:Boolean,default:!1},feedback:{},locale:{}},emits:[`success`,`fail`,`verify-error`,`load-error`,`change`,`reset`],setup(t,{expose:i,emit:S}){let C=t,w=S,T=e.r(()=>C.feedback),{t:E}=e.i(()=>C.locale),D=typeof window>`u`?()=>null:(0,n.defineAsyncComponent)({loader:()=>import(`vue3-puzzle-vcode`).then(e=>e.default),onError(e,t,n){T.error(E(`captcha.loadFailed`),e),w(`load-error`,e),n()}}),O=(0,n.ref)(!1),k=(0,n.ref)(!1),A=(0,n.ref)(!1),j=(0,n.ref)(!1),M=(0,n.ref)(null),N=null,P=null,F=(0,n.computed)(()=>C.images.length>0?C.images:void 0),I=(0,n.computed)(()=>j.value?E(`captcha.verifying`):k.value?E(`captcha.success`):A.value?E(`captcha.failed`):C.triggerText||E(`captcha.trigger`)),L=()=>{N&&=(clearTimeout(N),null)},R=(e,t)=>{k.value=!1,A.value=!0,M.value=null,L(),N=setTimeout(()=>{A.value=!1,N=null},3e3),w(`fail`,e),w(`change`,!1),t&&w(`verify-error`,t)},z=()=>{C.disabled||j.value||k.value||(A.value=!1,O.value=!0)},B=async()=>{O.value=!1,A.value=!1,P?.abort();let e=new AbortController;P=e,j.value=!0;try{let t=await o(a(),{verifier:C.verifier,timeout:C.verificationTimeout,requireServerVerification:C.requireServerVerification,signal:e.signal});if(P!==e)return;M.value=t,k.value=!0,w(`success`,t),w(`change`,!0)}catch(t){if(P!==e||t instanceof r&&t.code===`aborted`)return;let n=t instanceof Error?t.message:E(`captcha.failed`);T.error(E(`captcha.verifyFailed`),t),R(n,t)}finally{P===e&&(P=null,j.value=!1)}},V=()=>{O.value=!1,R(E(`captcha.puzzleFailed`))},H=()=>{O.value=!1},U=()=>{P?.abort(),P=null,j.value=!1,k.value=!1,A.value=!1,O.value=!1,M.value=null,L(),w(`reset`),w(`change`,!1)};return i({validate:()=>k.value,getToken:()=>M.value?.token??``,getVerificationData:()=>M.value,reset:U,show:z}),(0,n.onBeforeUnmount)(()=>{P?.abort(),L()}),(e,r)=>((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{class:`c-captcha-modern`,"data-theme":t.theme},[(0,n.createElementVNode)(`div`,c,[(0,n.createElementVNode)(`button`,{type:`button`,class:(0,n.normalizeClass)([`captcha-trigger`,{verified:k.value,error:A.value,disabled:t.disabled||j.value}]),disabled:t.disabled||j.value||k.value,"aria-busy":j.value,"aria-label":I.value,onClick:z},[(0,n.createElementVNode)(`span`,u,[(0,n.createElementVNode)(`span`,d,[j.value?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,f,`…`)):k.value?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,p,`✓`)):A.value?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,m,`!`)):((0,n.openBlock)(),(0,n.createElementBlock)(`span`,h,`↔`))]),(0,n.createElementVNode)(`span`,g,[j.value?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,_,(0,n.toDisplayString)((0,n.unref)(E)(`captcha.verifying`)),1)):k.value?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,v,(0,n.toDisplayString)((0,n.unref)(E)(`captcha.success`)),1)):A.value?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,y,(0,n.toDisplayString)((0,n.unref)(E)(`captcha.failed`)),1)):((0,n.openBlock)(),(0,n.createElementBlock)(`span`,b,(0,n.toDisplayString)(t.triggerText||(0,n.unref)(E)(`captcha.trigger`)),1))])])],10,l),k.value||A.value?((0,n.openBlock)(),(0,n.createElementBlock)(`button`,{key:0,type:`button`,class:`refresh-button`,title:(0,n.unref)(E)(`captcha.reset`),"aria-label":(0,n.unref)(E)(`captcha.reset`),onClick:U},` ↻ `,8,x)):(0,n.createCommentVNode)(`v-if`,!0)]),(0,n.createVNode)((0,n.unref)(D),{show:O.value,imgs:F.value,onSuccess:B,onClose:H,onFail:V},null,8,[`show`,`imgs`])],8,s))}});var C=t.t(S,[[`__scopeId`,`data-v-3b02fca0`]]);Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return r}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return C}});
+require(`./chunk.cjs`);const e=require(`./config.cjs`),t=require(`./export-helper.cjs`);let n=require(`vue`);var r=class extends Error{constructor(e,t,n){super(t),this.code=e,this.cause=n,this.name=`CaptchaVerificationError`}};let i=0;function a(){let e=Date.now();return{token:`puzzle_${e}_${globalThis.crypto?.randomUUID?.()??`${++i}`}`,timestamp:e,type:`puzzle-captcha`}}async function o(e,t={}){let{verifier:n,requireServerVerification:i=!1,signal:a}=t,o=t.timeout??1e4,s=Number.isFinite(o)&&o>0?o:1e4;if(a?.aborted)throw new r(`aborted`,`Verification was cancelled.`);if(!n){if(i)throw new r(`missing-verifier`,`Server verification is required but no verifier was configured.`);return{...e,verifiedBy:`local`}}let c=new AbortController,l=()=>c.abort(a?.reason);a?.addEventListener(`abort`,l,{once:!0});let u,d=new Promise((e,t)=>{u=setTimeout(()=>{c.abort(`timeout`),t(new r(`timeout`,`Verification timed out after ${s}ms.`))},s)}),f=new Promise((e,t)=>{c.signal.addEventListener(`abort`,()=>{c.signal.reason!==`timeout`&&t(new r(`aborted`,`Verification was cancelled.`))},{once:!0})});try{let t=await Promise.race([Promise.resolve(n({...e,signal:c.signal})),d,f]),a=typeof t==`boolean`?{valid:t}:t;if(!a.valid)throw new r(`rejected`,a.message||`Server verification rejected the challenge.`);let o=a.token?.trim();if(i&&!o)throw new r(`missing-token`,`Server verification did not return a trusted token.`);return{...e,token:o||e.token,verifiedBy:`server`}}catch(e){throw e instanceof r?e:new r(`rejected`,`Server verification failed.`,e)}finally{u&&clearTimeout(u),a?.removeEventListener(`abort`,l)}}const s=[`data-theme`],c={class:`captcha-shell`},l=[`disabled`,`aria-busy`,`aria-label`],u={class:`captcha-content`},d={class:`captcha-icon`,"aria-hidden":`true`},f={key:0},p={key:1,class:`success-icon`},m={key:2,class:`error-icon`},h={key:3},g={class:`captcha-text`,"aria-live":`polite`},_={key:0},v={key:1,class:`success-text`},y={key:2,class:`error-text`},b={key:3},x=[`title`,`aria-label`],S=(0,n.defineComponent)({name:`C_Captcha`,__name:`index`,props:{triggerText:{},images:{default:()=>[]},disabled:{type:Boolean,default:!1},theme:{default:`dark`},verifier:{},verificationTimeout:{default:1e4},requireServerVerification:{type:Boolean,default:!1},feedback:{},locale:{}},emits:[`success`,`fail`,`verify-error`,`load-error`,`change`,`reset`],setup(t,{expose:i,emit:S}){let C=t,w=S,T=e.r(()=>C.feedback),{t:E}=e.i(()=>C.locale),D=typeof window>`u`?()=>null:(0,n.defineAsyncComponent)({loader:()=>import(`vue3-puzzle-vcode`).then(e=>e.default),onError(e,t,n){T.error(E(`captcha.loadFailed`),e),w(`load-error`,e),n()}}),O=(0,n.ref)(!1),k=(0,n.ref)(!1),A=(0,n.ref)(!1),j=(0,n.ref)(!1),M=(0,n.ref)(null),N=null,P=null,F=(0,n.computed)(()=>C.images.length>0?C.images:void 0),I=(0,n.computed)(()=>j.value?E(`captcha.verifying`):k.value?E(`captcha.success`):A.value?E(`captcha.failed`):C.triggerText??E(`captcha.trigger`)),L=()=>{N&&=(clearTimeout(N),null)},R=(e,t)=>{k.value=!1,A.value=!0,M.value=null,L(),N=setTimeout(()=>{A.value=!1,N=null},3e3),w(`fail`,e),w(`change`,!1),t&&w(`verify-error`,t)},z=()=>{C.disabled||j.value||k.value||(A.value=!1,O.value=!0)},B=async()=>{O.value=!1,A.value=!1,P?.abort();let e=new AbortController;P=e,j.value=!0;try{let t=await o(a(),{verifier:C.verifier,timeout:C.verificationTimeout,requireServerVerification:C.requireServerVerification,signal:e.signal});if(P!==e)return;M.value=t,k.value=!0,w(`success`,t),w(`change`,!0)}catch(t){if(P!==e||t instanceof r&&t.code===`aborted`)return;let n=t instanceof Error?t.message:E(`captcha.failed`);T.error(E(`captcha.verifyFailed`),t),R(n,t)}finally{P===e&&(P=null,j.value=!1)}},V=()=>{O.value=!1,R(E(`captcha.puzzleFailed`))},H=()=>{O.value=!1},U=()=>{P?.abort(),P=null,j.value=!1,k.value=!1,A.value=!1,O.value=!1,M.value=null,L(),w(`reset`),w(`change`,!1)};return i({validate:()=>k.value,getToken:()=>M.value?.token??``,getVerificationData:()=>M.value,reset:U,show:z}),(0,n.onBeforeUnmount)(()=>{P?.abort(),L()}),(e,r)=>((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{class:`c-captcha-modern`,"data-theme":t.theme},[(0,n.createElementVNode)(`div`,c,[(0,n.createElementVNode)(`button`,{type:`button`,class:(0,n.normalizeClass)([`captcha-trigger`,{verified:k.value,error:A.value,disabled:t.disabled||j.value}]),disabled:t.disabled||j.value||k.value,"aria-busy":j.value,"aria-label":I.value,onClick:z},[(0,n.createElementVNode)(`span`,u,[(0,n.createElementVNode)(`span`,d,[j.value?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,f,`…`)):k.value?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,p,`✓`)):A.value?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,m,`⚠️`)):((0,n.openBlock)(),(0,n.createElementBlock)(`span`,h,`🧩`))]),(0,n.createElementVNode)(`span`,g,[j.value?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,_,(0,n.toDisplayString)((0,n.unref)(E)(`captcha.verifying`)),1)):k.value?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,v,(0,n.toDisplayString)((0,n.unref)(E)(`captcha.success`)),1)):A.value?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,y,(0,n.toDisplayString)((0,n.unref)(E)(`captcha.failed`)),1)):((0,n.openBlock)(),(0,n.createElementBlock)(`span`,b,(0,n.toDisplayString)(t.triggerText??(0,n.unref)(E)(`captcha.trigger`)),1))])])],10,l),k.value||A.value?((0,n.openBlock)(),(0,n.createElementBlock)(`button`,{key:0,type:`button`,class:`refresh-button`,title:(0,n.unref)(E)(`captcha.reset`),"aria-label":(0,n.unref)(E)(`captcha.reset`),onClick:U},` ↻ `,8,x)):(0,n.createCommentVNode)(`v-if`,!0)]),(0,n.createVNode)((0,n.unref)(D),{show:O.value,imgs:F.value,onSuccess:B,onClose:H,onFail:V},null,8,[`show`,`imgs`])],8,s))}});var C=t.t(S,[[`__scopeId`,`data-v-29edd4c3`]]);Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return r}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return C}});

package/dist/C_Captcha2.js

@@ -1 +1 @@
-import{i as e,r as t}from"./config.js";import{t as n}from"./export-helper.js";import{computed as r,createCommentVNode as i,createElementBlock as a,createElementVNode as o,createVNode as s,defineAsyncComponent as c,defineComponent as l,normalizeClass as u,onBeforeUnmount as d,openBlock as f,ref as p,toDisplayString as m,unref as h}from"vue";var g=class extends Error{constructor(e,t,n){super(t),this.code=e,this.cause=n,this.name=`CaptchaVerificationError`}};let _=0;function v(){let e=Date.now();return{token:`puzzle_${e}_${globalThis.crypto?.randomUUID?.()??`${++_}`}`,timestamp:e,type:`puzzle-captcha`}}async function y(e,t={}){let{verifier:n,requireServerVerification:r=!1,signal:i}=t,a=t.timeout??1e4,o=Number.isFinite(a)&&a>0?a:1e4;if(i?.aborted)throw new g(`aborted`,`Verification was cancelled.`);if(!n){if(r)throw new g(`missing-verifier`,`Server verification is required but no verifier was configured.`);return{...e,verifiedBy:`local`}}let s=new AbortController,c=()=>s.abort(i?.reason);i?.addEventListener(`abort`,c,{once:!0});let l,u=new Promise((e,t)=>{l=setTimeout(()=>{s.abort(`timeout`),t(new g(`timeout`,`Verification timed out after ${o}ms.`))},o)}),d=new Promise((e,t)=>{s.signal.addEventListener(`abort`,()=>{s.signal.reason!==`timeout`&&t(new g(`aborted`,`Verification was cancelled.`))},{once:!0})});try{let t=await Promise.race([Promise.resolve(n({...e,signal:s.signal})),u,d]),i=typeof t==`boolean`?{valid:t}:t;if(!i.valid)throw new g(`rejected`,i.message||`Server verification rejected the challenge.`);let a=i.token?.trim();if(r&&!a)throw new g(`missing-token`,`Server verification did not return a trusted token.`);return{...e,token:a||e.token,verifiedBy:`server`}}catch(e){throw e instanceof g?e:new g(`rejected`,`Server verification failed.`,e)}finally{l&&clearTimeout(l),i?.removeEventListener(`abort`,c)}}const b=[`data-theme`],x={class:`captcha-shell`},S=[`disabled`,`aria-busy`,`aria-label`],C={class:`captcha-content`},w={class:`captcha-icon`,"aria-hidden":`true`},T={key:0},E={key:1,class:`success-icon`},D={key:2,class:`error-icon`},O={key:3},k={class:`captcha-text`,"aria-live":`polite`},A={key:0},j={key:1,class:`success-text`},M={key:2,class:`error-text`},N={key:3},P=[`title`,`aria-label`];var F=n(l({name:`C_Captcha`,__name:`index`,props:{triggerText:{},images:{default:()=>[]},disabled:{type:Boolean,default:!1},theme:{default:`dark`},verifier:{},verificationTimeout:{default:1e4},requireServerVerification:{type:Boolean,default:!1},feedback:{},locale:{}},emits:[`success`,`fail`,`verify-error`,`load-error`,`change`,`reset`],setup(n,{expose:l,emit:_}){let F=n,I=_,L=t(()=>F.feedback),{t:R}=e(()=>F.locale),z=typeof window>`u`?()=>null:c({loader:()=>import(`vue3-puzzle-vcode`).then(e=>e.default),onError(e,t,n){L.error(R(`captcha.loadFailed`),e),I(`load-error`,e),n()}}),B=p(!1),V=p(!1),H=p(!1),U=p(!1),W=p(null),G=null,K=null,q=r(()=>F.images.length>0?F.images:void 0),J=r(()=>U.value?R(`captcha.verifying`):V.value?R(`captcha.success`):H.value?R(`captcha.failed`):F.triggerText||R(`captcha.trigger`)),Y=()=>{G&&=(clearTimeout(G),null)},X=(e,t)=>{V.value=!1,H.value=!0,W.value=null,Y(),G=setTimeout(()=>{H.value=!1,G=null},3e3),I(`fail`,e),I(`change`,!1),t&&I(`verify-error`,t)},Z=()=>{F.disabled||U.value||V.value||(H.value=!1,B.value=!0)},Q=async()=>{B.value=!1,H.value=!1,K?.abort();let e=new AbortController;K=e,U.value=!0;try{let t=await y(v(),{verifier:F.verifier,timeout:F.verificationTimeout,requireServerVerification:F.requireServerVerification,signal:e.signal});if(K!==e)return;W.value=t,V.value=!0,I(`success`,t),I(`change`,!0)}catch(t){if(K!==e||t instanceof g&&t.code===`aborted`)return;let n=t instanceof Error?t.message:R(`captcha.failed`);L.error(R(`captcha.verifyFailed`),t),X(n,t)}finally{K===e&&(K=null,U.value=!1)}},ee=()=>{B.value=!1,X(R(`captcha.puzzleFailed`))},te=()=>{B.value=!1},$=()=>{K?.abort(),K=null,U.value=!1,V.value=!1,H.value=!1,B.value=!1,W.value=null,Y(),I(`reset`),I(`change`,!1)};return l({validate:()=>V.value,getToken:()=>W.value?.token??``,getVerificationData:()=>W.value,reset:$,show:Z}),d(()=>{K?.abort(),Y()}),(e,t)=>(f(),a(`div`,{class:`c-captcha-modern`,"data-theme":n.theme},[o(`div`,x,[o(`button`,{type:`button`,class:u([`captcha-trigger`,{verified:V.value,error:H.value,disabled:n.disabled||U.value}]),disabled:n.disabled||U.value||V.value,"aria-busy":U.value,"aria-label":J.value,onClick:Z},[o(`span`,C,[o(`span`,w,[U.value?(f(),a(`span`,T,`…`)):V.value?(f(),a(`span`,E,`✓`)):H.value?(f(),a(`span`,D,`!`)):(f(),a(`span`,O,`↔`))]),o(`span`,k,[U.value?(f(),a(`span`,A,m(h(R)(`captcha.verifying`)),1)):V.value?(f(),a(`span`,j,m(h(R)(`captcha.success`)),1)):H.value?(f(),a(`span`,M,m(h(R)(`captcha.failed`)),1)):(f(),a(`span`,N,m(n.triggerText||h(R)(`captcha.trigger`)),1))])])],10,S),V.value||H.value?(f(),a(`button`,{key:0,type:`button`,class:`refresh-button`,title:h(R)(`captcha.reset`),"aria-label":h(R)(`captcha.reset`),onClick:$},` ↻ `,8,P)):i(`v-if`,!0)]),s(h(z),{show:B.value,imgs:q.value,onSuccess:Q,onClose:te,onFail:ee},null,8,[`show`,`imgs`])],8,b))}}),[[`__scopeId`,`data-v-3b02fca0`]]);export{y as i,g as n,v as r,F as t};
+import{i as e,r as t}from"./config.js";import{t as n}from"./export-helper.js";import{computed as r,createCommentVNode as i,createElementBlock as a,createElementVNode as o,createVNode as s,defineAsyncComponent as c,defineComponent as l,normalizeClass as u,onBeforeUnmount as d,openBlock as f,ref as p,toDisplayString as m,unref as h}from"vue";var g=class extends Error{constructor(e,t,n){super(t),this.code=e,this.cause=n,this.name=`CaptchaVerificationError`}};let _=0;function v(){let e=Date.now();return{token:`puzzle_${e}_${globalThis.crypto?.randomUUID?.()??`${++_}`}`,timestamp:e,type:`puzzle-captcha`}}async function y(e,t={}){let{verifier:n,requireServerVerification:r=!1,signal:i}=t,a=t.timeout??1e4,o=Number.isFinite(a)&&a>0?a:1e4;if(i?.aborted)throw new g(`aborted`,`Verification was cancelled.`);if(!n){if(r)throw new g(`missing-verifier`,`Server verification is required but no verifier was configured.`);return{...e,verifiedBy:`local`}}let s=new AbortController,c=()=>s.abort(i?.reason);i?.addEventListener(`abort`,c,{once:!0});let l,u=new Promise((e,t)=>{l=setTimeout(()=>{s.abort(`timeout`),t(new g(`timeout`,`Verification timed out after ${o}ms.`))},o)}),d=new Promise((e,t)=>{s.signal.addEventListener(`abort`,()=>{s.signal.reason!==`timeout`&&t(new g(`aborted`,`Verification was cancelled.`))},{once:!0})});try{let t=await Promise.race([Promise.resolve(n({...e,signal:s.signal})),u,d]),i=typeof t==`boolean`?{valid:t}:t;if(!i.valid)throw new g(`rejected`,i.message||`Server verification rejected the challenge.`);let a=i.token?.trim();if(r&&!a)throw new g(`missing-token`,`Server verification did not return a trusted token.`);return{...e,token:a||e.token,verifiedBy:`server`}}catch(e){throw e instanceof g?e:new g(`rejected`,`Server verification failed.`,e)}finally{l&&clearTimeout(l),i?.removeEventListener(`abort`,c)}}const b=[`data-theme`],x={class:`captcha-shell`},S=[`disabled`,`aria-busy`,`aria-label`],C={class:`captcha-content`},w={class:`captcha-icon`,"aria-hidden":`true`},T={key:0},E={key:1,class:`success-icon`},D={key:2,class:`error-icon`},O={key:3},k={class:`captcha-text`,"aria-live":`polite`},A={key:0},j={key:1,class:`success-text`},M={key:2,class:`error-text`},N={key:3},P=[`title`,`aria-label`];var F=n(l({name:`C_Captcha`,__name:`index`,props:{triggerText:{},images:{default:()=>[]},disabled:{type:Boolean,default:!1},theme:{default:`dark`},verifier:{},verificationTimeout:{default:1e4},requireServerVerification:{type:Boolean,default:!1},feedback:{},locale:{}},emits:[`success`,`fail`,`verify-error`,`load-error`,`change`,`reset`],setup(n,{expose:l,emit:_}){let F=n,I=_,L=t(()=>F.feedback),{t:R}=e(()=>F.locale),z=typeof window>`u`?()=>null:c({loader:()=>import(`vue3-puzzle-vcode`).then(e=>e.default),onError(e,t,n){L.error(R(`captcha.loadFailed`),e),I(`load-error`,e),n()}}),B=p(!1),V=p(!1),H=p(!1),U=p(!1),W=p(null),G=null,K=null,q=r(()=>F.images.length>0?F.images:void 0),J=r(()=>U.value?R(`captcha.verifying`):V.value?R(`captcha.success`):H.value?R(`captcha.failed`):F.triggerText??R(`captcha.trigger`)),Y=()=>{G&&=(clearTimeout(G),null)},X=(e,t)=>{V.value=!1,H.value=!0,W.value=null,Y(),G=setTimeout(()=>{H.value=!1,G=null},3e3),I(`fail`,e),I(`change`,!1),t&&I(`verify-error`,t)},Z=()=>{F.disabled||U.value||V.value||(H.value=!1,B.value=!0)},Q=async()=>{B.value=!1,H.value=!1,K?.abort();let e=new AbortController;K=e,U.value=!0;try{let t=await y(v(),{verifier:F.verifier,timeout:F.verificationTimeout,requireServerVerification:F.requireServerVerification,signal:e.signal});if(K!==e)return;W.value=t,V.value=!0,I(`success`,t),I(`change`,!0)}catch(t){if(K!==e||t instanceof g&&t.code===`aborted`)return;let n=t instanceof Error?t.message:R(`captcha.failed`);L.error(R(`captcha.verifyFailed`),t),X(n,t)}finally{K===e&&(K=null,U.value=!1)}},ee=()=>{B.value=!1,X(R(`captcha.puzzleFailed`))},te=()=>{B.value=!1},$=()=>{K?.abort(),K=null,U.value=!1,V.value=!1,H.value=!1,B.value=!1,W.value=null,Y(),I(`reset`),I(`change`,!1)};return l({validate:()=>V.value,getToken:()=>W.value?.token??``,getVerificationData:()=>W.value,reset:$,show:Z}),d(()=>{K?.abort(),Y()}),(e,t)=>(f(),a(`div`,{class:`c-captcha-modern`,"data-theme":n.theme},[o(`div`,x,[o(`button`,{type:`button`,class:u([`captcha-trigger`,{verified:V.value,error:H.value,disabled:n.disabled||U.value}]),disabled:n.disabled||U.value||V.value,"aria-busy":U.value,"aria-label":J.value,onClick:Z},[o(`span`,C,[o(`span`,w,[U.value?(f(),a(`span`,T,`…`)):V.value?(f(),a(`span`,E,`✓`)):H.value?(f(),a(`span`,D,`⚠️`)):(f(),a(`span`,O,`🧩`))]),o(`span`,k,[U.value?(f(),a(`span`,A,m(h(R)(`captcha.verifying`)),1)):V.value?(f(),a(`span`,j,m(h(R)(`captcha.success`)),1)):H.value?(f(),a(`span`,M,m(h(R)(`captcha.failed`)),1)):(f(),a(`span`,N,m(n.triggerText??h(R)(`captcha.trigger`)),1))])])],10,S),V.value||H.value?(f(),a(`button`,{key:0,type:`button`,class:`refresh-button`,title:h(R)(`captcha.reset`),"aria-label":h(R)(`captcha.reset`),onClick:$},` ↻ `,8,P)):i(`v-if`,!0)]),s(h(z),{show:B.value,imgs:q.value,onSuccess:Q,onClose:te,onFail:ee},null,8,[`show`,`imgs`])],8,b))}}),[[`__scopeId`,`data-v-29edd4c3`]]);export{y as i,g as n,v as r,F as t};

package/dist/C_Chat.css

@@ -1,3 +1,62 @@
+/* unplugin-vue-components disabled */.c-icon[data-v-d0d8dba0] {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  user-select: none;
+  transition: all 0.2s ease-in-out;
+}
+.c-icon--clickable[data-v-d0d8dba0] {
+  cursor: pointer;
+}
+.c-icon--clickable[data-v-d0d8dba0]:hover {
+  opacity: 0.8;
+  transform: scale(1.05);
+}
+.c-icon--clickable[data-v-d0d8dba0]:active {
+  transform: scale(0.95);
+}
+.c-icon--clickable[data-v-d0d8dba0]:focus-visible {
+  outline: 2px solid currentColor;
+  outline-offset: 2px;
+  border-radius: 4px;
+}
+.c-icon--loading[data-v-d0d8dba0] {
+  opacity: 0.6;
+  cursor: wait;
+}
+.c-icon--error[data-v-d0d8dba0] {
+  opacity: 0.5;
+}
+.c-icon__loading[data-v-d0d8dba0] {
+  position: relative;
+}
+.c-icon__spinner[data-v-d0d8dba0] {
+  width: 100%;
+  height: 100%;
+  border: 2px solid currentColor;
+  border-radius: 50%;
+  border-top-color: transparent;
+  animation: spin-d0d8dba0 1s linear infinite;
+}
+.c-icon__error[data-v-d0d8dba0] {
+  font-size: 0.8em;
+  opacity: 0.5;
+}
+.c-icon__rotatable[data-v-d0d8dba0] {
+  transition: transform 0.3s ease-in-out;
+}
+.c-icon__flippable[data-v-d0d8dba0] {
+  transition: transform 0.3s ease-in-out;
+}
+@keyframes spin-d0d8dba0 {
+0% {
+    transform: rotate(0deg);
+}
+100% {
+    transform: rotate(360deg);
+}
+}
+
 /* unplugin-vue-components disabled *//* ─── CSS 变量（基于项目主题变量，自动适配明暗） ───────────────────────── */
 .c-chat[data-v-5b4bf8dc] {
   --chat-bg: var(--card-color);

package/dist/C_Code.css

@@ -1,3 +1,62 @@
+/* unplugin-vue-components disabled */.c-icon[data-v-d0d8dba0] {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  user-select: none;
+  transition: all 0.2s ease-in-out;
+}
+.c-icon--clickable[data-v-d0d8dba0] {
+  cursor: pointer;
+}
+.c-icon--clickable[data-v-d0d8dba0]:hover {
+  opacity: 0.8;
+  transform: scale(1.05);
+}
+.c-icon--clickable[data-v-d0d8dba0]:active {
+  transform: scale(0.95);
+}
+.c-icon--clickable[data-v-d0d8dba0]:focus-visible {
+  outline: 2px solid currentColor;
+  outline-offset: 2px;
+  border-radius: 4px;
+}
+.c-icon--loading[data-v-d0d8dba0] {
+  opacity: 0.6;
+  cursor: wait;
+}
+.c-icon--error[data-v-d0d8dba0] {
+  opacity: 0.5;
+}
+.c-icon__loading[data-v-d0d8dba0] {
+  position: relative;
+}
+.c-icon__spinner[data-v-d0d8dba0] {
+  width: 100%;
+  height: 100%;
+  border: 2px solid currentColor;
+  border-radius: 50%;
+  border-top-color: transparent;
+  animation: spin-d0d8dba0 1s linear infinite;
+}
+.c-icon__error[data-v-d0d8dba0] {
+  font-size: 0.8em;
+  opacity: 0.5;
+}
+.c-icon__rotatable[data-v-d0d8dba0] {
+  transition: transform 0.3s ease-in-out;
+}
+.c-icon__flippable[data-v-d0d8dba0] {
+  transition: transform 0.3s ease-in-out;
+}
+@keyframes spin-d0d8dba0 {
+0% {
+    transform: rotate(0deg);
+}
+100% {
+    transform: rotate(360deg);
+}
+}
+
 pre code.hljs {
   display: block;
   overflow-x: auto;

package/dist/C_CollapsePanel.css

@@ -1,3 +1,62 @@
+/* unplugin-vue-components disabled */.c-icon[data-v-d0d8dba0] {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  user-select: none;
+  transition: all 0.2s ease-in-out;
+}
+.c-icon--clickable[data-v-d0d8dba0] {
+  cursor: pointer;
+}
+.c-icon--clickable[data-v-d0d8dba0]:hover {
+  opacity: 0.8;
+  transform: scale(1.05);
+}
+.c-icon--clickable[data-v-d0d8dba0]:active {
+  transform: scale(0.95);
+}
+.c-icon--clickable[data-v-d0d8dba0]:focus-visible {
+  outline: 2px solid currentColor;
+  outline-offset: 2px;
+  border-radius: 4px;
+}
+.c-icon--loading[data-v-d0d8dba0] {
+  opacity: 0.6;
+  cursor: wait;
+}
+.c-icon--error[data-v-d0d8dba0] {
+  opacity: 0.5;
+}
+.c-icon__loading[data-v-d0d8dba0] {
+  position: relative;
+}
+.c-icon__spinner[data-v-d0d8dba0] {
+  width: 100%;
+  height: 100%;
+  border: 2px solid currentColor;
+  border-radius: 50%;
+  border-top-color: transparent;
+  animation: spin-d0d8dba0 1s linear infinite;
+}
+.c-icon__error[data-v-d0d8dba0] {
+  font-size: 0.8em;
+  opacity: 0.5;
+}
+.c-icon__rotatable[data-v-d0d8dba0] {
+  transition: transform 0.3s ease-in-out;
+}
+.c-icon__flippable[data-v-d0d8dba0] {
+  transition: transform 0.3s ease-in-out;
+}
+@keyframes spin-d0d8dba0 {
+0% {
+    transform: rotate(0deg);
+}
+100% {
+    transform: rotate(360deg);
+}
+}
+
 /* unplugin-vue-components disabled *//* ─── 变量 ───────────────────────────────────────── */
 /* ─── 容器 ───────────────────────────────────────── */
 .c-collapse-panel[data-v-3ad19a41] {

package/dist/C_ContextMenu.css

@@ -1,3 +1,62 @@
+/* unplugin-vue-components disabled */.c-icon[data-v-d0d8dba0] {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  user-select: none;
+  transition: all 0.2s ease-in-out;
+}
+.c-icon--clickable[data-v-d0d8dba0] {
+  cursor: pointer;
+}
+.c-icon--clickable[data-v-d0d8dba0]:hover {
+  opacity: 0.8;
+  transform: scale(1.05);
+}
+.c-icon--clickable[data-v-d0d8dba0]:active {
+  transform: scale(0.95);
+}
+.c-icon--clickable[data-v-d0d8dba0]:focus-visible {
+  outline: 2px solid currentColor;
+  outline-offset: 2px;
+  border-radius: 4px;
+}
+.c-icon--loading[data-v-d0d8dba0] {
+  opacity: 0.6;
+  cursor: wait;
+}
+.c-icon--error[data-v-d0d8dba0] {
+  opacity: 0.5;
+}
+.c-icon__loading[data-v-d0d8dba0] {
+  position: relative;
+}
+.c-icon__spinner[data-v-d0d8dba0] {
+  width: 100%;
+  height: 100%;
+  border: 2px solid currentColor;
+  border-radius: 50%;
+  border-top-color: transparent;
+  animation: spin-d0d8dba0 1s linear infinite;
+}
+.c-icon__error[data-v-d0d8dba0] {
+  font-size: 0.8em;
+  opacity: 0.5;
+}
+.c-icon__rotatable[data-v-d0d8dba0] {
+  transition: transform 0.3s ease-in-out;
+}
+.c-icon__flippable[data-v-d0d8dba0] {
+  transition: transform 0.3s ease-in-out;
+}
+@keyframes spin-d0d8dba0 {
+0% {
+    transform: rotate(0deg);
+}
+100% {
+    transform: rotate(360deg);
+}
+}
+
 /* unplugin-vue-components disabled */.c-context-menu {
   --ctx-bg: var(--card-color);
   --ctx-bg-blur: 12px;