@robot-admin/naive-ui-components 0.19.0 → 0.20.0

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @robot-admin/naive-ui-components
 
+## 0.20.0
+
+### Minor Changes
+
+- 面包屑增加可选授权菜单输入，保留自动路由与手动 items 用法；统一相对路径、深层目录、隐藏项与动态详情页的解析，组件只发出选择事件，权限和实际导航由宿主负责。
+- 完善路径层级、目录箭头和当前页样式，父级点击打开主题化目录卡片；提供当前页高亮、有效页面计数、目录展开、键盘导航、Escape 焦点恢复及窄容器完整路径入口。
+- 路由、查询参数、菜单和容器尺寸变化会关闭旧浮层；只读输入不被修改，组件卸载清理观察器。增加真实路由挂载与消费者类型、独立入口体积回归，Robot_Admin 复用现有授权菜单直接接入。
+
 ## 0.19.0
 
 ### Minor Changes

package/dist/C_Breadcrumb.css

@@ -65,40 +65,328 @@
 .transform[data-v-075758a0]{transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
 .px[data-v-075758a0]{padding-left:1rem;padding-right:1rem;}
 
-.c-breadcrumb {
-  --c-breadcrumb-icon-size: 16px;
-  --c-breadcrumb-gap: 4px;
-  --c-breadcrumb-font-size: inherit;
+.c-breadcrumb-menu[data-v-3ca99da3] {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+.c-breadcrumb-menu[role=group][data-v-3ca99da3] {
+  margin-left: 13px;
+  padding-left: 8px;
+  border-left: 1px solid var(--c-crumb-border);
+}
+.c-breadcrumb-menu__item[data-v-3ca99da3] {
+  margin: 2px 0;
+}
+.c-breadcrumb-menu__directory[data-v-3ca99da3], .c-breadcrumb-menu__page[data-v-3ca99da3] {
+  box-sizing: border-box;
   display: flex;
   align-items: center;
+  gap: 9px;
+  width: 100%;
+  min-width: 0;
+  min-height: 38px;
+  padding: 5px 8px;
+  border: 0;
+  border-radius: 8px;
+  background: transparent;
+  color: var(--c-crumb-text);
+  font: inherit;
+  font-size: 13px;
+  line-height: 20px;
+  text-align: left;
+  cursor: pointer;
+  transition: background-color 0.15s ease, color 0.15s ease;
+}
+.c-breadcrumb-menu__directory[data-v-3ca99da3]:hover:not(:disabled), .c-breadcrumb-menu__page[data-v-3ca99da3]:hover:not(:disabled) {
+  background: var(--c-crumb-hover);
+  color: var(--c-crumb-current);
+}
+.c-breadcrumb-menu__directory[data-v-3ca99da3]:focus-visible, .c-breadcrumb-menu__page[data-v-3ca99da3]:focus-visible {
+  outline: 2px solid var(--c-crumb-primary);
+  outline-offset: -2px;
+  background: var(--c-crumb-hover);
+}
+.c-breadcrumb-menu__directory[data-v-3ca99da3]:disabled, .c-breadcrumb-menu__page[data-v-3ca99da3]:disabled {
+  cursor: not-allowed;
+  opacity: 0.5;
+}
+.c-breadcrumb-menu__directory[aria-current=page][data-v-3ca99da3], .c-breadcrumb-menu__page[aria-current=page][data-v-3ca99da3] {
+  background: color-mix(in srgb, var(--c-crumb-primary) 8%, transparent);
+  color: var(--c-crumb-primary);
+  cursor: default;
+  opacity: 1;
+}
+.c-breadcrumb-menu__icon[data-v-3ca99da3] {
+  display: inline-flex;
+  flex: none;
+  align-items: center;
+  justify-content: center;
+  width: 26px;
+  height: 26px;
+  border-radius: 7px;
+  background: color-mix(in srgb, var(--c-crumb-primary) 7%, transparent);
+  color: var(--c-crumb-primary);
+}
+.c-breadcrumb-menu__icon svg[data-v-3ca99da3] {
+  width: 17px;
+  height: 17px;
+}
+.c-breadcrumb-menu__icon.is-directory[data-v-3ca99da3] {
+  background: var(--c-crumb-hover);
+  color: var(--c-crumb-muted);
+}
+.c-breadcrumb-menu__label[data-v-3ca99da3] {
+  flex: 1;
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.c-breadcrumb-menu__count[data-v-3ca99da3], .c-breadcrumb-menu__current[data-v-3ca99da3] {
+  flex: none;
+  min-width: 20px;
+  padding: 0 6px;
+  border-radius: 9px;
+  background: var(--c-crumb-hover);
+  color: var(--c-crumb-muted);
+  font-size: 11px;
+  line-height: 18px;
+  text-align: center;
+}
+.c-breadcrumb-menu__current[data-v-3ca99da3] {
+  background: color-mix(in srgb, var(--c-crumb-primary) 10%, transparent);
+  color: var(--c-crumb-primary);
+}
+.c-breadcrumb-menu__chevron[data-v-3ca99da3] {
+  flex: none;
+  width: 12px;
+  height: 12px;
+  color: var(--c-crumb-muted);
+  transition: transform 0.16s ease;
+}
+.c-breadcrumb-menu__chevron.is-expanded[data-v-3ca99da3] {
+  transform: rotate(90deg);
+}
+@media (prefers-reduced-motion: reduce) {
+.c-breadcrumb-menu__directory[data-v-3ca99da3],
+  .c-breadcrumb-menu__page[data-v-3ca99da3],
+  .c-breadcrumb-menu__chevron[data-v-3ca99da3] {
+    transition: none;
+}
+}
+
+/* layer: default */
+.m6[data-v-3ca99da3]{margin:1.5rem;}
+
+/* 路径与目录浮层仅使用组件自身类名，主题色由 Naive 提供。 */
+.c-breadcrumb[data-v-69d2eaf4] {
+  --c-breadcrumb-font-size: 13px;
+  display: flex;
+  align-items: center;
+  width: 100%;
+  min-width: 0;
   height: 100%;
 }
-.c-breadcrumb__trigger, .c-breadcrumb__link {
+.c-breadcrumb__path[data-v-69d2eaf4] {
+  box-sizing: border-box;
+  display: flex;
+  align-items: center;
+  width: 100%;
+  min-width: 0;
+  margin: 0;
+  padding: 3px;
+  list-style: none;
+}
+.c-breadcrumb__item[data-v-69d2eaf4] {
+  display: flex;
+  flex: 0 1 auto;
+  align-items: center;
+  min-width: 0;
+}
+.c-breadcrumb__item.is-current[data-v-69d2eaf4] {
+  flex: 1 1 auto;
+}
+.c-breadcrumb__item.is-overflow[data-v-69d2eaf4] {
+  flex: none;
+}
+.c-breadcrumb__item:last-child .c-breadcrumb__separator[data-v-69d2eaf4] {
+  display: none;
+}
+.c-breadcrumb__trigger[data-v-69d2eaf4], .c-breadcrumb__link[data-v-69d2eaf4], .c-breadcrumb__current[data-v-69d2eaf4] {
+  box-sizing: border-box;
   display: inline-flex;
   align-items: center;
-  gap: var(--c-breadcrumb-gap);
+  gap: var(--c-breadcrumb-gap, 4px);
+  min-width: 0;
+  max-width: 220px;
+  min-height: 28px;
+  padding: 3px 7px;
+  border: 1px solid transparent;
+  border-radius: 7px;
+  background: transparent;
+  color: var(--c-crumb-text);
+  font: inherit;
   font-size: var(--c-breadcrumb-font-size);
-  line-height: 1;
+  font-weight: 500;
+  line-height: 20px;
+  text-align: left;
+  transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease;
+}
+.c-breadcrumb__trigger .c-icon[data-v-69d2eaf4], .c-breadcrumb__link .c-icon[data-v-69d2eaf4], .c-breadcrumb__current .c-icon[data-v-69d2eaf4] {
+  flex: none;
+}
+.c-breadcrumb__trigger[data-v-69d2eaf4], .c-breadcrumb__link[data-v-69d2eaf4] {
   cursor: pointer;
 }
-.c-breadcrumb .c-icon {
-  flex-shrink: 0;
+.c-breadcrumb__trigger[data-v-69d2eaf4]:hover:not(:disabled), .c-breadcrumb__trigger.is-open[data-v-69d2eaf4], .c-breadcrumb__link[data-v-69d2eaf4]:hover:not(:disabled), .c-breadcrumb__link.is-open[data-v-69d2eaf4] {
+  border-color: color-mix(in srgb, var(--c-crumb-primary) 17%, transparent);
+  background: color-mix(in srgb, var(--c-crumb-primary) 6%, transparent);
+  color: var(--c-crumb-primary);
+}
+.c-breadcrumb__trigger[data-v-69d2eaf4]:focus-visible, .c-breadcrumb__link[data-v-69d2eaf4]:focus-visible {
+  outline: 2px solid var(--c-crumb-primary);
+  outline-offset: 1px;
+}
+.c-breadcrumb__trigger[data-v-69d2eaf4]:disabled, .c-breadcrumb__link[data-v-69d2eaf4]:disabled {
+  color: var(--c-crumb-muted);
+  cursor: not-allowed;
+  opacity: 0.6;
+}
+.c-breadcrumb__current[data-v-69d2eaf4] {
+  position: relative;
+  max-width: 100%;
+  color: var(--c-crumb-current);
+  font-weight: 600;
+}
+.c-breadcrumb__current[data-v-69d2eaf4]::after {
+  position: absolute;
+  right: 7px;
+  bottom: 1px;
+  left: 7px;
+  height: 1.5px;
+  border-radius: 1px;
+  background: linear-gradient(90deg, color-mix(in srgb, var(--c-crumb-primary) 50%, transparent), transparent);
+  content: "";
+}
+.c-breadcrumb__current .c-icon[data-v-69d2eaf4] {
+  color: var(--c-crumb-primary);
+}
+.c-breadcrumb__label[data-v-69d2eaf4] {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.c-breadcrumb__separator[data-v-69d2eaf4] {
+  flex: none;
+  margin: 0 5px;
+  color: color-mix(in srgb, var(--c-crumb-muted) 60%, transparent);
+  font-size: 12px;
+  font-weight: 400;
+}
+.c-breadcrumb__chevron[data-v-69d2eaf4] {
+  flex: none;
+  width: 12px;
+  height: 12px;
+  color: var(--c-crumb-muted);
+  transition: transform 0.16s ease;
+}
+.c-breadcrumb__trigger.is-open .c-breadcrumb__chevron[data-v-69d2eaf4] {
+  transform: rotate(180deg);
+}
+.c-breadcrumb.is-narrow .c-breadcrumb__path[data-v-69d2eaf4] {
+  gap: 4px;
+  padding: 0;
 }
-.c-breadcrumb .n-breadcrumb-item {
-  display: inline-flex !important;
+.c-breadcrumb.is-narrow .c-breadcrumb__separator[data-v-69d2eaf4] {
+  display: none;
+}
+.c-breadcrumb.is-narrow .c-breadcrumb__item.is-current[data-v-69d2eaf4] {
+  flex: 1 1 0;
+}
+.c-breadcrumb.is-narrow .c-breadcrumb__item.is-overflow .c-breadcrumb__trigger[data-v-69d2eaf4] {
+  width: 28px;
+  padding: 3px 0;
+  justify-content: center;
+}
+.c-breadcrumb.is-narrow .c-breadcrumb__current[data-v-69d2eaf4] {
+  padding: 3px 0;
+  border: 0;
+}
+.c-breadcrumb.is-narrow .c-breadcrumb__current .c-icon[data-v-69d2eaf4] {
+  display: none;
+}
+.c-breadcrumb-panel[data-v-69d2eaf4] {
+  box-sizing: border-box;
+  width: 100%;
+  max-width: calc(100vw - 24px);
+  color: var(--c-crumb-text);
+}
+.c-breadcrumb-panel__header[data-v-69d2eaf4] {
+  display: flex;
   align-items: center;
+  gap: 10px;
+  min-height: 64px;
+  padding: 12px 14px;
+  border-bottom: 1px solid var(--c-crumb-border);
+  background: linear-gradient(120deg, color-mix(in srgb, var(--c-crumb-primary) 4%, transparent), transparent);
 }
-.c-breadcrumb .n-breadcrumb-item .n-breadcrumb-item__separator {
+.c-breadcrumb-panel__icon[data-v-69d2eaf4] {
   display: inline-flex;
+  flex: none;
   align-items: center;
-  line-height: 1;
-  margin-top: -4px;
+  justify-content: center;
+  width: 34px;
+  height: 34px;
+  border: 1px solid color-mix(in srgb, var(--c-crumb-primary) 12%, transparent);
+  border-radius: 9px;
+  background: color-mix(in srgb, var(--c-crumb-primary) 8%, transparent);
+  color: var(--c-crumb-primary);
+}
+.c-breadcrumb-panel__icon svg[data-v-69d2eaf4] {
+  width: 21px;
+  height: 21px;
+}
+.c-breadcrumb-panel__heading[data-v-69d2eaf4] {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  min-width: 0;
+  gap: 2px;
+}
+.c-breadcrumb-panel__heading h2[data-v-69d2eaf4] {
+  margin: 0;
+  overflow: hidden;
+  color: var(--c-crumb-current);
+  font-size: 14px;
+  font-weight: 600;
+  line-height: 21px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.c-breadcrumb-panel__heading small[data-v-69d2eaf4] {
+  color: var(--c-crumb-muted);
+  font-size: 12px;
+  line-height: 18px;
+}
+.c-breadcrumb-panel__body[data-v-69d2eaf4] {
+  max-height: min(380px, 65dvh);
+  padding: 7px;
+  overflow: auto;
+  scrollbar-width: thin;
+  scrollbar-color: var(--c-crumb-border) transparent;
+  overscroll-behavior: contain;
+}
+@media (prefers-reduced-motion: reduce) {
+.c-breadcrumb__trigger[data-v-69d2eaf4],
+  .c-breadcrumb__link[data-v-69d2eaf4],
+  .c-breadcrumb__chevron[data-v-69d2eaf4] {
+    transition: none;
+}
 }
 
 /* layer: default */
-.min-w-0[data-v-a86331d5]{min-width:0;}
-.flex[data-v-a86331d5]{display:flex;}
-.inline-flex[data-v-a86331d5]{display:inline-flex;}
-.flex-1[data-v-a86331d5]{flex:1 1 0%;}
-.flex-shrink[data-v-a86331d5]{flex-shrink:1;}
-.px[data-v-a86331d5]{padding-left:1rem;padding-right:1rem;}
+.m5[data-v-69d2eaf4]{margin:1.25rem;}
+.hidden[data-v-69d2eaf4]{display:none;}
+.border[data-v-69d2eaf4]{border-width:1px;}
+.px[data-v-69d2eaf4]{padding-left:1rem;padding-right:1rem;}

package/dist/C_Breadcrumb.d.cts

@@ -1,3 +1,3 @@
 import { t as BreadcrumbItem } from "./types.cjs";
-import { t as _default } from "./index5.vue.cjs";
-export { type BreadcrumbItem, _default as C_Breadcrumb };
+import { n as BreadcrumbMenuItem, t as _default } from "./index5.vue.cjs";
+export { type BreadcrumbItem, type BreadcrumbMenuItem, _default as C_Breadcrumb };

package/dist/C_Breadcrumb.d.ts

@@ -1,3 +1,3 @@
 import { i as BreadcrumbItem } from "./public.js";
-import { t as _default } from "./index4.vue.js";
-export { type BreadcrumbItem, _default as C_Breadcrumb };
+import { n as BreadcrumbMenuItem, t as _default } from "./index4.vue.js";
+export { type BreadcrumbItem, type BreadcrumbMenuItem, _default as C_Breadcrumb };

package/dist/C_Breadcrumb2.cjs

@@ -1 +1 @@
-require(`./chunk.cjs`);const e=require(`./C_Icon2.cjs`),t=require(`./export-helper.cjs`);let n=require(`vue`),r=require(`naive-ui`),i=require(`vue-router`);const a={class:`c-breadcrumb__trigger`},o=[`onClick`],s=(0,n.defineComponent)({name:`C_Breadcrumb`,__name:`index`,props:{items:{},showIcon:{type:Boolean,default:!0},iconSize:{default:16},labelFormatter:{}},emits:[`select`],setup(t,{emit:s}){let c=t,l=s,u=(0,i.useRoute)(),d=e=>c.labelFormatter?c.labelFormatter(e):e,f=(0,n.computed)(()=>u.matched.filter(e=>e.meta?.title).map(e=>({key:e.path,label:d(e.meta.title||``),icon:e.meta.icon,children:e.children?.length?e.children.map(e=>({key:e.path,label:d(e.meta?.title||``),...e.children?.length&&{children:e.children.map(e=>({key:e.path,label:d(e.meta?.title||``)}))}})):[]}))),p=(0,n.computed)(()=>c.items??f.value),m=e=>{l(`select`,e)};return(i,s)=>{let c=r.NDropdown,l=r.NBreadcrumbItem,u=r.NBreadcrumb;return(0,n.openBlock)(),(0,n.createElementBlock)(`div`,{class:`c-breadcrumb flex-1 min-w-0`,style:(0,n.normalizeStyle)({"--c-breadcrumb-icon-size":`${t.iconSize}px`,"--c-breadcrumb-gap":`${Math.max(Math.round(t.iconSize/4),2)}px`})},[(0,n.createVNode)(u,null,{default:(0,n.withCtx)(()=>[((0,n.openBlock)(!0),(0,n.createElementBlock)(n.Fragment,null,(0,n.renderList)(p.value,(r,i)=>((0,n.openBlock)(),(0,n.createBlock)(l,{key:i},{default:(0,n.withCtx)(()=>[r.children?.length?((0,n.openBlock)(),(0,n.createBlock)(c,{key:0,options:r.children,onSelect:m},{default:(0,n.withCtx)(()=>[(0,n.createElementVNode)(`div`,a,[t.showIcon&&r.icon?((0,n.openBlock)(),(0,n.createBlock)((0,n.unref)(e.t),{key:0,name:r.icon,size:t.iconSize},null,8,[`name`,`size`])):(0,n.createCommentVNode)(`v-if`,!0),(0,n.createTextVNode)(` `+(0,n.toDisplayString)(r.label),1)])]),_:2},1032,[`options`])):((0,n.openBlock)(),(0,n.createElementBlock)(`span`,{key:1,class:`c-breadcrumb__link`,onClick:e=>m(r.key)},[t.showIcon&&r.icon?((0,n.openBlock)(),(0,n.createBlock)((0,n.unref)(e.t),{key:0,name:r.icon,size:t.iconSize},null,8,[`name`,`size`])):(0,n.createCommentVNode)(`v-if`,!0),(0,n.createTextVNode)(` `+(0,n.toDisplayString)(r.label),1)],8,o))]),_:2},1024))),128))]),_:1})],4)}}});var c=t.t(s,[[`__scopeId`,`data-v-a86331d5`]]);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return c}});
+require(`./chunk.cjs`);const e=require(`./useComponentLocale.cjs`),t=require(`./C_Icon2.cjs`),n=require(`./export-helper.cjs`);let r=require(`vue`),i=require(`naive-ui`),a=require(`vue-router`);const o=e=>typeof e==`string`?e.trim():``,s=e=>e[e.length-1],c=e=>e.split(/[?#]/,1)[0],l=e=>/(^|\/)[:*]/.test(c(e));function u(e){let t=[];for(let n of e.split(`/`))!n||n===`.`||(n===`..`?t.pop():t.push(n));return`/${t.join(`/`)}`}function d(e,t=``){let n=String(e??``).trim();if(!n||/^(?:[a-z][\w+.-]*:|\/\/|#)/i.test(n))return``;let r=n.search(/[?#]/),i=r<0?``:n.slice(r),a=r<0?n:n.slice(0,r);return`${u(a.startsWith(`/`)?a:`${c(t)}/${a}`)}${i}`}const f=e=>o(e.label)||o(e.meta?.title),p=e=>o(e.icon)||o(e.meta?.icon)||void 0,m=e=>e.meta?.hidden===!0||e.type===`divider`,h=e=>e.type===`group`||e.meta?.breadcrumb===!1;function g(e,t,n){if(m(e))return[];let r=n||e.disabled===!0,i=e.type===`group`?t:d(o(e.path)||e.key,t),a=_(e.children??[],i||t,r),s=f(e);return h(e)||!s||!i?a:[{path:i,label:s,icon:p(e),disabled:r,children:a}]}function _(e,t=``,n=!1){return e.flatMap(e=>g(e,t,n))}function v(e,t){return e.flatMap(e=>{let n=v(e.children,t);return l(e.path)&&!n.length?[]:[{key:e.path,label:t(e.label),icon:e.icon,disabled:e.disabled||l(e.path),...n.length?{children:n}:{}}]})}function y(e,t,n=e.path){return{key:n,label:t(e.label),icon:e.icon,disabled:e.disabled||l(n),children:v(e.children,t)}}function b(e,t,n){let r=c(e.path);return r===t||l(r)&&r===s(n)?3e5+r.length:r!==`/`&&t.startsWith(`${r}/`)?2e5+r.length:n.includes(r)?1e5+r.length:0}function x(e,t,n){let r=[],i=0,a=(e,o)=>{e.forEach(e=>{let s=[...o,e],c=b(e,t,n);c>i&&(r=s,i=c),a(e.children,s)})};return a(e,[]),r}function S(e,t){let n=o(e?.meta?.title);if(n)return n;let r=typeof e?.name==`symbol`?e.name.description:e?.name;if(o(r))return o(r);let i=s(c(t).split(`/`).filter(Boolean))||`/`;try{return decodeURIComponent(i).replace(/[-_]+/g,` `)}catch{return i}}function C(e,t){let n=[],r=``;return e.matched.forEach((i,a)=>{r=d(i.path,r);let o=a===e.matched.length-1,s=T(i,r,o,e,t);s&&n.push(s)}),n}function w(e,t){return e.meta?.breadcrumb===!1?!1:t||e.meta?.hidden!==!0&&!!o(e.meta?.title)}function T(e,t,n,r,i){if(!w(e,n))return;let a=r.menus===void 0?_(e.children??[],t):[];return{key:n?r.path:t,label:i(n?S(e,r.path):o(e.meta?.title)),icon:p(e),disabled:!n&&l(t),children:v(a,i)}}function E(e,t,n){return e?c(e.path)===t||l(e.path)&&c(e.path)===s(n):!1}function D(e,t){let n=c(d(e.path)||e.path),r=_(e.menus??[]),i=e.matched.map(e=>c(e.path)),a=x(r,n,i),o=s(a),l=E(o,n,i),u=s(e.matched)?.meta?.breadcrumb===!1&&l?a.slice(0,-1):a;if(u.length)return u.map(n=>y(n,t,l&&n===o?e.path:n.path))}function O(e,t=!1){return e.map(e=>({...e,...t?{disabled:!0}:{},...e.children===void 0?{}:{children:O(e.children,t||e.disabled===!0)}}))}function k(e,t,n){let r=s(t.matched);return r?.meta?.breadcrumb===!1||s(e)?.key===t.path||e.push({key:t.path,label:n(S(r,t.path)),icon:r?p(r):void 0}),e}function A(e){return e.reduce((e,t)=>t.disabled?e:e+(t.children?.length?A(t.children):1),0)}function j(e){if(e.items!==void 0)return O(e.items);let t=e.formatLabel??(e=>e);return k(D(e,t)??C(e,t),e,t)}const M=[`role`,`aria-label`],N=[`aria-level`,`aria-expanded`,`aria-current`,`disabled`,`title`,`onClick`],P={key:1,viewBox:`0 0 20 20`,fill:`none`},F={key:0,d:`M2.5 6a1.5 1.5 0 0 1 1.5-1.5h4l1.5 1.5H16a1.5 1.5 0 0 1 1.5 1.5v7A1.5 1.5 0 0 1 16 16H4a1.5 1.5 0 0 1-1.5-1.5Z`,stroke:`currentColor`,"stroke-width":`1.4`},I={key:1,d:`M6 2.5h5l3 3v12H6a1.5 1.5 0 0 1-1.5-1.5V4A1.5 1.5 0 0 1 6 2.5Zm4.5 0v4H14M7 10h5m-5 3h5`,stroke:`currentColor`,"stroke-width":`1.3`,"stroke-linejoin":`round`},L={class:`c-breadcrumb-menu__label`},R={key:1,class:`c-breadcrumb-menu__count`},z={key:2,class:`c-breadcrumb-menu__current`},B=(0,r.defineComponent)({name:`BreadcrumbMenu`,__name:`BreadcrumbMenu`,props:{items:{},currentKey:{},level:{default:0},showIcon:{type:Boolean},iconSize:{}},emits:[`select`],setup(n,{emit:i}){let a=n,o=i,{t:s}=e.t(),c=(0,r.ref)(null),l=(0,r.ref)(new Set),u=e=>e.some(e=>e.key===a.currentKey||e.children&&u(e.children));(0,r.watch)([()=>a.items,()=>a.currentKey],()=>{l.value=new Set(a.items.filter(e=>e.children&&u(e.children)).map(e=>e.key))},{immediate:!0});let d=e=>{if(!e.disabled)if(e.children?.length){let t=new Set(l.value);t.has(e.key)?t.delete(e.key):t.add(e.key),l.value=t}else e.key!==a.currentKey&&o(`select`,e.key)},f=e=>{if(!(a.level!==0||!(e.target instanceof HTMLButtonElement)))for(let t of c.value?.querySelectorAll(`button[role="treeitem"]`)??[])t.tabIndex=t===e.target?0:-1},p=(e,t)=>{if(e.hasAttribute(`aria-expanded`)){if(e.getAttribute(`aria-expanded`)===`true`){t?.focus();return}e.click(),(0,r.nextTick)(()=>e.parentElement?.querySelector(`ul button:not(:disabled)`)?.focus())}},m=e=>{e.getAttribute(`aria-expanded`)===`true`?e.click():e.closest(`ul[role="group"]`)?.parentElement?.querySelector(`button[role="treeitem"]`)?.focus()},h=e=>{if(a.level!==0||!(e.target instanceof HTMLButtonElement))return;let{target:t}=e,n=[...c.value?.querySelectorAll(`button[role="treeitem"]:not(:disabled)`)??[]],r=n.indexOf(t);if(r<0)return;let i={ArrowDown:Math.min(r+1,n.length-1),ArrowUp:Math.max(r-1,0),Home:0,End:n.length-1};if(e.key in i){e.preventDefault(),n[i[e.key]]?.focus();return}e.key===`ArrowRight`?(e.preventDefault(),p(t,n[r+1])):e.key===`ArrowLeft`&&(e.preventDefault(),m(t))};return(0,r.onMounted)(()=>{a.level===0&&(0,r.nextTick)(()=>c.value?.querySelector(`button[role="treeitem"]:not(:disabled)`)?.focus())}),(e,i)=>{let a=(0,r.resolveComponent)(`BreadcrumbMenu`,!0);return(0,r.openBlock)(),(0,r.createElementBlock)(`ul`,{ref_key:`listRef`,ref:c,class:`c-breadcrumb-menu`,role:n.level===0?`tree`:`group`,"aria-label":n.level===0?(0,r.unref)(s)(`breadcrumb.directoryPages`):void 0,onKeydown:h,onFocusin:f},[((0,r.openBlock)(!0),(0,r.createElementBlock)(r.Fragment,null,(0,r.renderList)(n.items,e=>((0,r.openBlock)(),(0,r.createElementBlock)(`li`,{key:e.key,role:`none`,class:`c-breadcrumb-menu__item`},[(0,r.createElementVNode)(`button`,{type:`button`,role:`treeitem`,tabindex:`-1`,"aria-level":n.level+1,"aria-expanded":e.children?.length?l.value.has(e.key):void 0,"aria-current":e.key===n.currentKey?`page`:void 0,disabled:e.disabled||!e.children?.length&&e.key===n.currentKey,class:(0,r.normalizeClass)(e.children?.length?`c-breadcrumb-menu__directory`:`c-breadcrumb-menu__page`),title:e.label,onClick:t=>d(e)},[n.showIcon?((0,r.openBlock)(),(0,r.createElementBlock)(`span`,{key:0,class:(0,r.normalizeClass)([`c-breadcrumb-menu__icon`,{"is-directory":e.children?.length}]),"aria-hidden":`true`},[n.showIcon&&e.icon?((0,r.openBlock)(),(0,r.createBlock)((0,r.unref)(t.t),{key:0,name:e.icon,size:Math.min(n.iconSize,18)},null,8,[`name`,`size`])):((0,r.openBlock)(),(0,r.createElementBlock)(`svg`,P,[e.children?.length?((0,r.openBlock)(),(0,r.createElementBlock)(`path`,F)):((0,r.openBlock)(),(0,r.createElementBlock)(`path`,I))]))],2)):(0,r.createCommentVNode)(`v-if`,!0),(0,r.createElementVNode)(`span`,L,(0,r.toDisplayString)(e.label),1),e.children?.length?((0,r.openBlock)(),(0,r.createElementBlock)(`span`,R,(0,r.toDisplayString)((0,r.unref)(A)(e.children)),1)):e.key===n.currentKey?((0,r.openBlock)(),(0,r.createElementBlock)(`span`,z,(0,r.toDisplayString)((0,r.unref)(s)(`breadcrumb.current`)),1)):(0,r.createCommentVNode)(`v-if`,!0),e.children?.length?((0,r.openBlock)(),(0,r.createElementBlock)(`svg`,{key:3,class:(0,r.normalizeClass)([`c-breadcrumb-menu__chevron`,{"is-expanded":l.value.has(e.key)}]),viewBox:`0 0 16 16`,fill:`none`,"aria-hidden":`true`},[...i[1]||=[(0,r.createElementVNode)(`path`,{d:`m6 4 4 4-4 4`,stroke:`currentColor`,"stroke-width":`1.4`,"stroke-linecap":`round`,"stroke-linejoin":`round`},null,-1)]],2)):(0,r.createCommentVNode)(`v-if`,!0)],10,N),e.children?.length&&l.value.has(e.key)?((0,r.openBlock)(),(0,r.createBlock)(a,{key:0,items:e.children,"current-key":n.currentKey,level:n.level+1,"show-icon":n.showIcon,"icon-size":n.iconSize,onSelect:i[0]||=e=>o(`select`,e)},null,8,[`items`,`current-key`,`level`,`show-icon`,`icon-size`])):(0,r.createCommentVNode)(`v-if`,!0)]))),128))],40,M)}}});var V=n.t(B,[[`__scopeId`,`data-v-3ca99da3`]]);const H=[`aria-label`],U={class:`c-breadcrumb__path`},W=[`title`],G={class:`c-breadcrumb__label`},K=[`disabled`,`aria-expanded`,`aria-label`,`title`],q={class:`c-breadcrumb__label`},J={key:1,class:`c-breadcrumb__chevron`,viewBox:`0 0 16 16`,fill:`none`,"aria-hidden":`true`},Y=[`aria-label`],X={class:`c-breadcrumb-panel__header`},Z={class:`c-breadcrumb-panel__heading`},Q={class:`c-breadcrumb-panel__body`},$=[`disabled`,`title`,`onClick`],ee={class:`c-breadcrumb__label`},te=(0,r.defineComponent)({name:`C_Breadcrumb`,__name:`index`,props:{items:{},menus:{},showIcon:{type:Boolean,default:!0},iconSize:{default:16},labelFormatter:{}},emits:[`select`],setup(n,{emit:o}){let s=n,c=o,l=(0,r.inject)(a.routeLocationKey,void 0),u=(0,r.computed)(()=>l?.path??``),d=(0,i.useThemeVars)(),{t:f}=e.t(),p=(0,r.ref)(null),m=(0,r.ref)(null),h=(0,r.ref)(`bottom-start`),g=(0,r.ref)(320),_=(0,r.ref)(1/0),v=null,y,b=!1,x=(0,r.computed)(()=>!l&&s.items===void 0?[]:j({items:s.items,menus:s.menus,matched:l?.matched??[],path:u.value,formatLabel:s.labelFormatter})),S=(0,r.computed)(()=>({"--c-breadcrumb-icon-size":`${s.iconSize}px`,"--c-breadcrumb-gap":`${Math.max(Math.round(s.iconSize/4),2)}px`,"--c-crumb-text":d.value.textColor2,"--c-crumb-muted":d.value.textColor3,"--c-crumb-current":d.value.textColor1,"--c-crumb-primary":d.value.primaryColor,"--c-crumb-border":d.value.borderColor,"--c-crumb-hover":d.value.hoverColor})),C=(0,r.computed)(()=>({boxSizing:`border-box`,width:`${g.value}px`,padding:`0`,borderRadius:`12px`,overflow:`hidden`,border:`1px solid ${d.value.borderColor}`,background:d.value.popoverColor,boxShadow:d.value.boxShadow2,maxWidth:`calc(100vw - 24px)`})),w=(0,r.computed)(()=>{let e=x.value.map((e,t)=>({key:`${t}:${e.key}`,index:t,item:e}));if(e.length<2)return e;let t=e[e.length-1];return _.value<260?[{key:`overflow`,index:-1,overflow:x.value.slice(0,-1)},t]:_.value<360&&e.length>2?[e[0],{key:`overflow`,index:-1,overflow:x.value.slice(1,-1)},t]:e}),T=(e,t)=>e.key===u.value||s.items!==void 0&&t===x.value.length-1&&!e.children?.length,E=(0,r.computed)(()=>{let e=new Set,t=n=>{for(let r of n)e.add(r.key),r.children&&t(r.children)};for(let e of x.value)t(e.children??[]);return x.value.filter(t=>!e.has(t.key))}),D=e=>e.overflow?E.value:e.item?.children??[],O=e=>{if(!(e.currentTarget instanceof HTMLButtonElement))return;v=e.currentTarget;let t=document.documentElement.clientWidth;if(t<=0)return;let n=v.getBoundingClientRect(),r=Math.min(320,Math.max(t-24,1)),i=t-n.left-12,a=n.right-12,o=i>=r||a<r&&i>=a;h.value=o?`bottom-start`:`bottom-end`,g.value=Math.max(Math.min(r,o?i:a),1)},k=(e,t)=>{m.value=e?t:m.value===t?null:m.value},M=(e=!1)=>{m.value=null,e&&(0,r.nextTick)(()=>{!b&&v?.isConnected&&v.focus()})},N=e=>{e.currentTarget instanceof HTMLElement&&!e.currentTarget.contains(e.relatedTarget instanceof Node?e.relatedTarget:null)&&M()},P=e=>{M(!0),e!==u.value&&c(`select`,e)};return(0,r.watch)([()=>l?.fullPath,x],()=>M()),(0,r.onMounted)(()=>{typeof ResizeObserver<`u`&&p.value&&(y=new ResizeObserver(([e])=>{b||!e||(_.value!==e.contentRect.width&&M(),_.value=e.contentRect.width)}),y.observe(p.value))}),(0,r.onBeforeUnmount)(()=>{b=!0,y?.disconnect(),v=null}),(e,a)=>((0,r.openBlock)(),(0,r.createElementBlock)(`nav`,{ref_key:`rootRef`,ref:p,class:(0,r.normalizeClass)([`c-breadcrumb`,{"is-narrow":_.value<120}]),"aria-label":(0,r.unref)(f)(`breadcrumb.label`),style:(0,r.normalizeStyle)(S.value)},[(0,r.createElementVNode)(`ol`,U,[((0,r.openBlock)(!0),(0,r.createElementBlock)(r.Fragment,null,(0,r.renderList)(w.value,e=>((0,r.openBlock)(),(0,r.createElementBlock)(`li`,{key:e.key,class:(0,r.normalizeClass)([`c-breadcrumb__item`,{"is-current":e.item&&T(e.item,e.index),"is-overflow":e.overflow}])},[e.item&&T(e.item,e.index)?((0,r.openBlock)(),(0,r.createElementBlock)(`span`,{key:0,class:`c-breadcrumb__current`,"aria-current":`page`,title:e.item.label},[n.showIcon&&e.item.icon?((0,r.openBlock)(),(0,r.createBlock)((0,r.unref)(t.t),{key:0,"aria-hidden":`true`,name:e.item.icon,size:n.iconSize},null,8,[`name`,`size`])):(0,r.createCommentVNode)(`v-if`,!0),(0,r.createElementVNode)(`span`,G,(0,r.toDisplayString)(e.item.label),1)],8,W)):e.overflow||e.item?.children?.length?((0,r.openBlock)(),(0,r.createBlock)((0,r.unref)(i.NPopover),{key:1,trigger:`click`,placement:h.value,show:m.value===e.key,"show-arrow":!1,style:(0,r.normalizeStyle)(C.value),class:`c-breadcrumb-popover`,disabled:e.item?.disabled,"onUpdate:show":t=>k(t,e.key)},{trigger:(0,r.withCtx)(()=>[(0,r.createElementVNode)(`button`,{type:`button`,class:(0,r.normalizeClass)([`c-breadcrumb__trigger`,{"is-open":m.value===e.key}]),disabled:e.item?.disabled,"aria-haspopup":`tree`,"aria-expanded":m.value===e.key,"aria-label":e.overflow?(0,r.unref)(f)(`breadcrumb.expandPath`):e.item?.label,title:e.item?.label,onClick:O},[e.item&&n.showIcon&&e.item.icon?((0,r.openBlock)(),(0,r.createBlock)((0,r.unref)(t.t),{key:0,"aria-hidden":`true`,name:e.item.icon,size:n.iconSize},null,8,[`name`,`size`])):(0,r.createCommentVNode)(`v-if`,!0),(0,r.createElementVNode)(`span`,q,(0,r.toDisplayString)(e.overflow?`…`:e.item?.label),1),e.overflow?(0,r.createCommentVNode)(`v-if`,!0):((0,r.openBlock)(),(0,r.createElementBlock)(`svg`,J,[...a[1]||=[(0,r.createElementVNode)(`path`,{d:`m5 6 3 3 3-3`,stroke:`currentColor`,"stroke-width":`1.4`,"stroke-linecap":`round`,"stroke-linejoin":`round`},null,-1)]]))],10,K)]),default:(0,r.withCtx)(()=>[m.value===e.key?((0,r.openBlock)(),(0,r.createElementBlock)(`section`,{key:0,class:`c-breadcrumb-panel`,style:(0,r.normalizeStyle)(S.value),"aria-label":e.overflow?(0,r.unref)(f)(`breadcrumb.fullPath`):e.item?.label,onKeydown:a[0]||=(0,r.withKeys)((0,r.withModifiers)(e=>M(!0),[`stop`,`prevent`]),[`esc`]),onFocusout:N},[(0,r.createElementVNode)(`header`,X,[a[2]||=(0,r.createElementVNode)(`span`,{class:`c-breadcrumb-panel__icon`,"aria-hidden":`true`},[(0,r.createElementVNode)(`svg`,{viewBox:`0 0 24 24`,fill:`none`},[(0,r.createElementVNode)(`path`,{d:`M3 7a2 2 0 0 1 2-2h5l2 2h7a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2Z`,stroke:`currentColor`,"stroke-width":`1.6`,"stroke-linejoin":`round`}),(0,r.createElementVNode)(`path`,{d:`M3 10h18`,stroke:`currentColor`,"stroke-width":`1.6`})])],-1),(0,r.createElementVNode)(`div`,Z,[(0,r.createElementVNode)(`h2`,null,(0,r.toDisplayString)(e.overflow?(0,r.unref)(f)(`breadcrumb.fullPath`):e.item?.label),1),(0,r.createElementVNode)(`small`,null,(0,r.toDisplayString)((0,r.unref)(f)(`breadcrumb.pageCount`,{count:(0,r.unref)(A)(D(e))})),1)])]),(0,r.createElementVNode)(`div`,Q,[(0,r.createVNode)(V,{items:D(e),"current-key":u.value,"show-icon":n.showIcon,"icon-size":n.iconSize,onSelect:P},null,8,[`items`,`current-key`,`show-icon`,`icon-size`])])],44,Y)):(0,r.createCommentVNode)(`v-if`,!0)]),_:2},1032,[`placement`,`show`,`style`,`disabled`,`onUpdate:show`])):e.item?((0,r.openBlock)(),(0,r.createElementBlock)(`button`,{key:2,type:`button`,class:`c-breadcrumb__link`,disabled:e.item.disabled,title:e.item.label,onClick:t=>P(e.item.key)},[n.showIcon&&e.item.icon?((0,r.openBlock)(),(0,r.createBlock)((0,r.unref)(t.t),{key:0,"aria-hidden":`true`,name:e.item.icon,size:n.iconSize},null,8,[`name`,`size`])):(0,r.createCommentVNode)(`v-if`,!0),(0,r.createElementVNode)(`span`,ee,(0,r.toDisplayString)(e.item.label),1)],8,$)):(0,r.createCommentVNode)(`v-if`,!0),a[3]||=(0,r.createElementVNode)(`span`,{class:`c-breadcrumb__separator`,"aria-hidden":`true`},`/`,-1)],2))),128))])],14,H))}});var ne=n.t(te,[[`__scopeId`,`data-v-69d2eaf4`]]);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return ne}});

package/dist/C_Breadcrumb2.js

@@ -1 +1 @@
-import{t as e}from"./C_Icon2.js";import{t}from"./export-helper.js";import{Fragment as n,computed as r,createBlock as i,createCommentVNode as a,createElementBlock as o,createElementVNode as s,createTextVNode as c,createVNode as l,defineComponent as u,normalizeStyle as d,openBlock as f,renderList as p,resolveComponent as m,toDisplayString as h,unref as g,withCtx as _}from"vue";import{NBreadcrumb as v,NBreadcrumbItem as y,NDropdown as b}from"naive-ui";import{useRoute as x}from"vue-router";const S={class:`c-breadcrumb__trigger`},C=[`onClick`];var w=t(u({name:`C_Breadcrumb`,__name:`index`,props:{items:{},showIcon:{type:Boolean,default:!0},iconSize:{default:16},labelFormatter:{}},emits:[`select`],setup(t,{emit:u}){let m=t,w=u,T=x(),E=e=>m.labelFormatter?m.labelFormatter(e):e,D=r(()=>T.matched.filter(e=>e.meta?.title).map(e=>({key:e.path,label:E(e.meta.title||``),icon:e.meta.icon,children:e.children?.length?e.children.map(e=>({key:e.path,label:E(e.meta?.title||``),...e.children?.length&&{children:e.children.map(e=>({key:e.path,label:E(e.meta?.title||``)}))}})):[]}))),O=r(()=>m.items??D.value),k=e=>{w(`select`,e)};return(r,u)=>{let m=b,x=y,w=v;return f(),o(`div`,{class:`c-breadcrumb flex-1 min-w-0`,style:d({"--c-breadcrumb-icon-size":`${t.iconSize}px`,"--c-breadcrumb-gap":`${Math.max(Math.round(t.iconSize/4),2)}px`})},[l(w,null,{default:_(()=>[(f(!0),o(n,null,p(O.value,(n,r)=>(f(),i(x,{key:r},{default:_(()=>[n.children?.length?(f(),i(m,{key:0,options:n.children,onSelect:k},{default:_(()=>[s(`div`,S,[t.showIcon&&n.icon?(f(),i(g(e),{key:0,name:n.icon,size:t.iconSize},null,8,[`name`,`size`])):a(`v-if`,!0),c(` `+h(n.label),1)])]),_:2},1032,[`options`])):(f(),o(`span`,{key:1,class:`c-breadcrumb__link`,onClick:e=>k(n.key)},[t.showIcon&&n.icon?(f(),i(g(e),{key:0,name:n.icon,size:t.iconSize},null,8,[`name`,`size`])):a(`v-if`,!0),c(` `+h(n.label),1)],8,C))]),_:2},1024))),128))]),_:1})],4)}}}),[[`__scopeId`,`data-v-a86331d5`]]);export{w as t};
+import{t as e}from"./useComponentLocale.js";import{t}from"./C_Icon2.js";import{t as n}from"./export-helper.js";import{Fragment as r,computed as i,createBlock as a,createCommentVNode as o,createElementBlock as s,createElementVNode as c,createVNode as l,defineComponent as u,inject as d,nextTick as f,normalizeClass as p,normalizeStyle as m,onBeforeUnmount as h,onMounted as g,openBlock as _,ref as v,renderList as ee,resolveComponent as y,toDisplayString as b,unref as x,watch as S,withCtx as C,withKeys as w,withModifiers as T}from"vue";import{NPopover as E,useThemeVars as D}from"naive-ui";import{routeLocationKey as O}from"vue-router";const k=e=>typeof e==`string`?e.trim():``,A=e=>e[e.length-1],j=e=>e.split(/[?#]/,1)[0],M=e=>/(^|\/)[:*]/.test(j(e));function N(e){let t=[];for(let n of e.split(`/`))!n||n===`.`||(n===`..`?t.pop():t.push(n));return`/${t.join(`/`)}`}function P(e,t=``){let n=String(e??``).trim();if(!n||/^(?:[a-z][\w+.-]*:|\/\/|#)/i.test(n))return``;let r=n.search(/[?#]/),i=r<0?``:n.slice(r),a=r<0?n:n.slice(0,r);return`${N(a.startsWith(`/`)?a:`${j(t)}/${a}`)}${i}`}const F=e=>k(e.label)||k(e.meta?.title),I=e=>k(e.icon)||k(e.meta?.icon)||void 0,L=e=>e.meta?.hidden===!0||e.type===`divider`,R=e=>e.type===`group`||e.meta?.breadcrumb===!1;function z(e,t,n){if(L(e))return[];let r=n||e.disabled===!0,i=e.type===`group`?t:P(k(e.path)||e.key,t),a=B(e.children??[],i||t,r),o=F(e);return R(e)||!o||!i?a:[{path:i,label:o,icon:I(e),disabled:r,children:a}]}function B(e,t=``,n=!1){return e.flatMap(e=>z(e,t,n))}function V(e,t){return e.flatMap(e=>{let n=V(e.children,t);return M(e.path)&&!n.length?[]:[{key:e.path,label:t(e.label),icon:e.icon,disabled:e.disabled||M(e.path),...n.length?{children:n}:{}}]})}function H(e,t,n=e.path){return{key:n,label:t(e.label),icon:e.icon,disabled:e.disabled||M(n),children:V(e.children,t)}}function U(e,t,n){let r=j(e.path);return r===t||M(r)&&r===A(n)?3e5+r.length:r!==`/`&&t.startsWith(`${r}/`)?2e5+r.length:n.includes(r)?1e5+r.length:0}function W(e,t,n){let r=[],i=0,a=(e,o)=>{e.forEach(e=>{let s=[...o,e],c=U(e,t,n);c>i&&(r=s,i=c),a(e.children,s)})};return a(e,[]),r}function G(e,t){let n=k(e?.meta?.title);if(n)return n;let r=typeof e?.name==`symbol`?e.name.description:e?.name;if(k(r))return k(r);let i=A(j(t).split(`/`).filter(Boolean))||`/`;try{return decodeURIComponent(i).replace(/[-_]+/g,` `)}catch{return i}}function K(e,t){let n=[],r=``;return e.matched.forEach((i,a)=>{r=P(i.path,r);let o=a===e.matched.length-1,s=J(i,r,o,e,t);s&&n.push(s)}),n}function q(e,t){return e.meta?.breadcrumb===!1?!1:t||e.meta?.hidden!==!0&&!!k(e.meta?.title)}function J(e,t,n,r,i){if(!q(e,n))return;let a=r.menus===void 0?B(e.children??[],t):[];return{key:n?r.path:t,label:i(n?G(e,r.path):k(e.meta?.title)),icon:I(e),disabled:!n&&M(t),children:V(a,i)}}function Y(e,t,n){return e?j(e.path)===t||M(e.path)&&j(e.path)===A(n):!1}function X(e,t){let n=j(P(e.path)||e.path),r=B(e.menus??[]),i=e.matched.map(e=>j(e.path)),a=W(r,n,i),o=A(a),s=Y(o,n,i),c=A(e.matched)?.meta?.breadcrumb===!1&&s?a.slice(0,-1):a;if(c.length)return c.map(n=>H(n,t,s&&n===o?e.path:n.path))}function Z(e,t=!1){return e.map(e=>({...e,...t?{disabled:!0}:{},...e.children===void 0?{}:{children:Z(e.children,t||e.disabled===!0)}}))}function te(e,t,n){let r=A(t.matched);return r?.meta?.breadcrumb===!1||A(e)?.key===t.path||e.push({key:t.path,label:n(G(r,t.path)),icon:r?I(r):void 0}),e}function Q(e){return e.reduce((e,t)=>t.disabled?e:e+(t.children?.length?Q(t.children):1),0)}function ne(e){if(e.items!==void 0)return Z(e.items);let t=e.formatLabel??(e=>e);return te(X(e,t)??K(e,t),e,t)}const $=[`role`,`aria-label`],re=[`aria-level`,`aria-expanded`,`aria-current`,`disabled`,`title`,`onClick`],ie={key:1,viewBox:`0 0 20 20`,fill:`none`},ae={key:0,d:`M2.5 6a1.5 1.5 0 0 1 1.5-1.5h4l1.5 1.5H16a1.5 1.5 0 0 1 1.5 1.5v7A1.5 1.5 0 0 1 16 16H4a1.5 1.5 0 0 1-1.5-1.5Z`,stroke:`currentColor`,"stroke-width":`1.4`},oe={key:1,d:`M6 2.5h5l3 3v12H6a1.5 1.5 0 0 1-1.5-1.5V4A1.5 1.5 0 0 1 6 2.5Zm4.5 0v4H14M7 10h5m-5 3h5`,stroke:`currentColor`,"stroke-width":`1.3`,"stroke-linejoin":`round`},se={class:`c-breadcrumb-menu__label`},ce={key:1,class:`c-breadcrumb-menu__count`},le={key:2,class:`c-breadcrumb-menu__current`};var ue=n(u({name:`BreadcrumbMenu`,__name:`BreadcrumbMenu`,props:{items:{},currentKey:{},level:{default:0},showIcon:{type:Boolean},iconSize:{}},emits:[`select`],setup(n,{emit:i}){let l=n,u=i,{t:d}=e(),m=v(null),h=v(new Set),C=e=>e.some(e=>e.key===l.currentKey||e.children&&C(e.children));S([()=>l.items,()=>l.currentKey],()=>{h.value=new Set(l.items.filter(e=>e.children&&C(e.children)).map(e=>e.key))},{immediate:!0});let w=e=>{if(!e.disabled)if(e.children?.length){let t=new Set(h.value);t.has(e.key)?t.delete(e.key):t.add(e.key),h.value=t}else e.key!==l.currentKey&&u(`select`,e.key)},T=e=>{if(!(l.level!==0||!(e.target instanceof HTMLButtonElement)))for(let t of m.value?.querySelectorAll(`button[role="treeitem"]`)??[])t.tabIndex=t===e.target?0:-1},E=(e,t)=>{if(e.hasAttribute(`aria-expanded`)){if(e.getAttribute(`aria-expanded`)===`true`){t?.focus();return}e.click(),f(()=>e.parentElement?.querySelector(`ul button:not(:disabled)`)?.focus())}},D=e=>{e.getAttribute(`aria-expanded`)===`true`?e.click():e.closest(`ul[role="group"]`)?.parentElement?.querySelector(`button[role="treeitem"]`)?.focus()},O=e=>{if(l.level!==0||!(e.target instanceof HTMLButtonElement))return;let{target:t}=e,n=[...m.value?.querySelectorAll(`button[role="treeitem"]:not(:disabled)`)??[]],r=n.indexOf(t);if(r<0)return;let i={ArrowDown:Math.min(r+1,n.length-1),ArrowUp:Math.max(r-1,0),Home:0,End:n.length-1};if(e.key in i){e.preventDefault(),n[i[e.key]]?.focus();return}e.key===`ArrowRight`?(e.preventDefault(),E(t,n[r+1])):e.key===`ArrowLeft`&&(e.preventDefault(),D(t))};return g(()=>{l.level===0&&f(()=>m.value?.querySelector(`button[role="treeitem"]:not(:disabled)`)?.focus())}),(e,i)=>{let l=y(`BreadcrumbMenu`,!0);return _(),s(`ul`,{ref_key:`listRef`,ref:m,class:`c-breadcrumb-menu`,role:n.level===0?`tree`:`group`,"aria-label":n.level===0?x(d)(`breadcrumb.directoryPages`):void 0,onKeydown:O,onFocusin:T},[(_(!0),s(r,null,ee(n.items,e=>(_(),s(`li`,{key:e.key,role:`none`,class:`c-breadcrumb-menu__item`},[c(`button`,{type:`button`,role:`treeitem`,tabindex:`-1`,"aria-level":n.level+1,"aria-expanded":e.children?.length?h.value.has(e.key):void 0,"aria-current":e.key===n.currentKey?`page`:void 0,disabled:e.disabled||!e.children?.length&&e.key===n.currentKey,class:p(e.children?.length?`c-breadcrumb-menu__directory`:`c-breadcrumb-menu__page`),title:e.label,onClick:t=>w(e)},[n.showIcon?(_(),s(`span`,{key:0,class:p([`c-breadcrumb-menu__icon`,{"is-directory":e.children?.length}]),"aria-hidden":`true`},[n.showIcon&&e.icon?(_(),a(x(t),{key:0,name:e.icon,size:Math.min(n.iconSize,18)},null,8,[`name`,`size`])):(_(),s(`svg`,ie,[e.children?.length?(_(),s(`path`,ae)):(_(),s(`path`,oe))]))],2)):o(`v-if`,!0),c(`span`,se,b(e.label),1),e.children?.length?(_(),s(`span`,ce,b(x(Q)(e.children)),1)):e.key===n.currentKey?(_(),s(`span`,le,b(x(d)(`breadcrumb.current`)),1)):o(`v-if`,!0),e.children?.length?(_(),s(`svg`,{key:3,class:p([`c-breadcrumb-menu__chevron`,{"is-expanded":h.value.has(e.key)}]),viewBox:`0 0 16 16`,fill:`none`,"aria-hidden":`true`},[...i[1]||=[c(`path`,{d:`m6 4 4 4-4 4`,stroke:`currentColor`,"stroke-width":`1.4`,"stroke-linecap":`round`,"stroke-linejoin":`round`},null,-1)]],2)):o(`v-if`,!0)],10,re),e.children?.length&&h.value.has(e.key)?(_(),a(l,{key:0,items:e.children,"current-key":n.currentKey,level:n.level+1,"show-icon":n.showIcon,"icon-size":n.iconSize,onSelect:i[0]||=e=>u(`select`,e)},null,8,[`items`,`current-key`,`level`,`show-icon`,`icon-size`])):o(`v-if`,!0)]))),128))],40,$)}}}),[[`__scopeId`,`data-v-3ca99da3`]]);const de=[`aria-label`],fe={class:`c-breadcrumb__path`},pe=[`title`],me={class:`c-breadcrumb__label`},he=[`disabled`,`aria-expanded`,`aria-label`,`title`],ge={class:`c-breadcrumb__label`},_e={key:1,class:`c-breadcrumb__chevron`,viewBox:`0 0 16 16`,fill:`none`,"aria-hidden":`true`},ve=[`aria-label`],ye={class:`c-breadcrumb-panel__header`},be={class:`c-breadcrumb-panel__heading`},xe={class:`c-breadcrumb-panel__body`},Se=[`disabled`,`title`,`onClick`],Ce={class:`c-breadcrumb__label`};var we=n(u({name:`C_Breadcrumb`,__name:`index`,props:{items:{},menus:{},showIcon:{type:Boolean,default:!0},iconSize:{default:16},labelFormatter:{}},emits:[`select`],setup(n,{emit:u}){let y=n,k=u,A=d(O,void 0),j=i(()=>A?.path??``),M=D(),{t:N}=e(),P=v(null),F=v(null),I=v(`bottom-start`),L=v(320),R=v(1/0),z=null,B,V=!1,H=i(()=>!A&&y.items===void 0?[]:ne({items:y.items,menus:y.menus,matched:A?.matched??[],path:j.value,formatLabel:y.labelFormatter})),U=i(()=>({"--c-breadcrumb-icon-size":`${y.iconSize}px`,"--c-breadcrumb-gap":`${Math.max(Math.round(y.iconSize/4),2)}px`,"--c-crumb-text":M.value.textColor2,"--c-crumb-muted":M.value.textColor3,"--c-crumb-current":M.value.textColor1,"--c-crumb-primary":M.value.primaryColor,"--c-crumb-border":M.value.borderColor,"--c-crumb-hover":M.value.hoverColor})),W=i(()=>({boxSizing:`border-box`,width:`${L.value}px`,padding:`0`,borderRadius:`12px`,overflow:`hidden`,border:`1px solid ${M.value.borderColor}`,background:M.value.popoverColor,boxShadow:M.value.boxShadow2,maxWidth:`calc(100vw - 24px)`})),G=i(()=>{let e=H.value.map((e,t)=>({key:`${t}:${e.key}`,index:t,item:e}));if(e.length<2)return e;let t=e[e.length-1];return R.value<260?[{key:`overflow`,index:-1,overflow:H.value.slice(0,-1)},t]:R.value<360&&e.length>2?[e[0],{key:`overflow`,index:-1,overflow:H.value.slice(1,-1)},t]:e}),K=(e,t)=>e.key===j.value||y.items!==void 0&&t===H.value.length-1&&!e.children?.length,q=i(()=>{let e=new Set,t=n=>{for(let r of n)e.add(r.key),r.children&&t(r.children)};for(let e of H.value)t(e.children??[]);return H.value.filter(t=>!e.has(t.key))}),J=e=>e.overflow?q.value:e.item?.children??[],Y=e=>{if(!(e.currentTarget instanceof HTMLButtonElement))return;z=e.currentTarget;let t=document.documentElement.clientWidth;if(t<=0)return;let n=z.getBoundingClientRect(),r=Math.min(320,Math.max(t-24,1)),i=t-n.left-12,a=n.right-12,o=i>=r||a<r&&i>=a;I.value=o?`bottom-start`:`bottom-end`,L.value=Math.max(Math.min(r,o?i:a),1)},X=(e,t)=>{F.value=e?t:F.value===t?null:F.value},Z=(e=!1)=>{F.value=null,e&&f(()=>{!V&&z?.isConnected&&z.focus()})},te=e=>{e.currentTarget instanceof HTMLElement&&!e.currentTarget.contains(e.relatedTarget instanceof Node?e.relatedTarget:null)&&Z()},$=e=>{Z(!0),e!==j.value&&k(`select`,e)};return S([()=>A?.fullPath,H],()=>Z()),g(()=>{typeof ResizeObserver<`u`&&P.value&&(B=new ResizeObserver(([e])=>{V||!e||(R.value!==e.contentRect.width&&Z(),R.value=e.contentRect.width)}),B.observe(P.value))}),h(()=>{V=!0,B?.disconnect(),z=null}),(e,i)=>(_(),s(`nav`,{ref_key:`rootRef`,ref:P,class:p([`c-breadcrumb`,{"is-narrow":R.value<120}]),"aria-label":x(N)(`breadcrumb.label`),style:m(U.value)},[c(`ol`,fe,[(_(!0),s(r,null,ee(G.value,e=>(_(),s(`li`,{key:e.key,class:p([`c-breadcrumb__item`,{"is-current":e.item&&K(e.item,e.index),"is-overflow":e.overflow}])},[e.item&&K(e.item,e.index)?(_(),s(`span`,{key:0,class:`c-breadcrumb__current`,"aria-current":`page`,title:e.item.label},[n.showIcon&&e.item.icon?(_(),a(x(t),{key:0,"aria-hidden":`true`,name:e.item.icon,size:n.iconSize},null,8,[`name`,`size`])):o(`v-if`,!0),c(`span`,me,b(e.item.label),1)],8,pe)):e.overflow||e.item?.children?.length?(_(),a(x(E),{key:1,trigger:`click`,placement:I.value,show:F.value===e.key,"show-arrow":!1,style:m(W.value),class:`c-breadcrumb-popover`,disabled:e.item?.disabled,"onUpdate:show":t=>X(t,e.key)},{trigger:C(()=>[c(`button`,{type:`button`,class:p([`c-breadcrumb__trigger`,{"is-open":F.value===e.key}]),disabled:e.item?.disabled,"aria-haspopup":`tree`,"aria-expanded":F.value===e.key,"aria-label":e.overflow?x(N)(`breadcrumb.expandPath`):e.item?.label,title:e.item?.label,onClick:Y},[e.item&&n.showIcon&&e.item.icon?(_(),a(x(t),{key:0,"aria-hidden":`true`,name:e.item.icon,size:n.iconSize},null,8,[`name`,`size`])):o(`v-if`,!0),c(`span`,ge,b(e.overflow?`…`:e.item?.label),1),e.overflow?o(`v-if`,!0):(_(),s(`svg`,_e,[...i[1]||=[c(`path`,{d:`m5 6 3 3 3-3`,stroke:`currentColor`,"stroke-width":`1.4`,"stroke-linecap":`round`,"stroke-linejoin":`round`},null,-1)]]))],10,he)]),default:C(()=>[F.value===e.key?(_(),s(`section`,{key:0,class:`c-breadcrumb-panel`,style:m(U.value),"aria-label":e.overflow?x(N)(`breadcrumb.fullPath`):e.item?.label,onKeydown:i[0]||=w(T(e=>Z(!0),[`stop`,`prevent`]),[`esc`]),onFocusout:te},[c(`header`,ye,[i[2]||=c(`span`,{class:`c-breadcrumb-panel__icon`,"aria-hidden":`true`},[c(`svg`,{viewBox:`0 0 24 24`,fill:`none`},[c(`path`,{d:`M3 7a2 2 0 0 1 2-2h5l2 2h7a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2Z`,stroke:`currentColor`,"stroke-width":`1.6`,"stroke-linejoin":`round`}),c(`path`,{d:`M3 10h18`,stroke:`currentColor`,"stroke-width":`1.6`})])],-1),c(`div`,be,[c(`h2`,null,b(e.overflow?x(N)(`breadcrumb.fullPath`):e.item?.label),1),c(`small`,null,b(x(N)(`breadcrumb.pageCount`,{count:x(Q)(J(e))})),1)])]),c(`div`,xe,[l(ue,{items:J(e),"current-key":j.value,"show-icon":n.showIcon,"icon-size":n.iconSize,onSelect:$},null,8,[`items`,`current-key`,`show-icon`,`icon-size`])])],44,ve)):o(`v-if`,!0)]),_:2},1032,[`placement`,`show`,`style`,`disabled`,`onUpdate:show`])):e.item?(_(),s(`button`,{key:2,type:`button`,class:`c-breadcrumb__link`,disabled:e.item.disabled,title:e.item.label,onClick:t=>$(e.item.key)},[n.showIcon&&e.item.icon?(_(),a(x(t),{key:0,"aria-hidden":`true`,name:e.item.icon,size:n.iconSize},null,8,[`name`,`size`])):o(`v-if`,!0),c(`span`,Ce,b(e.item.label),1)],8,Se)):o(`v-if`,!0),i[3]||=c(`span`,{class:`c-breadcrumb__separator`,"aria-hidden":`true`},`/`,-1)],2))),128))])],14,de))}}),[[`__scopeId`,`data-v-69d2eaf4`]]);export{we as t};

package/dist/constants3.d.cts

@@ -208,20 +208,20 @@ interface NotificationCenterExpose {
 //#endregion
 //#region src/components/C_NotificationCenter/index.vue.d.ts
 declare const __VLS_export: vue.DefineComponent<NotificationCenterProps, NotificationCenterExpose, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-  read: (ids: string[]) => any;
   itemClick: (message: NotificationMessage) => any;
-  allRead: (category?: NotificationCategory | undefined) => any;
   delete: (ids: string[]) => any;
+  read: (ids: string[]) => any;
+  allRead: (category?: NotificationCategory | undefined) => any;
   unreadChange: (count: number) => any;
   wsStatusChange: (status: WSConnectionStatus) => any;
   newMessage: (message: NotificationMessage) => any;
   navigate: (url: string) => any;
   viewAll: () => any;
 }, string, vue.PublicProps, Readonly<NotificationCenterProps> & Readonly<{
-  onRead?: ((ids: string[]) => any) | undefined;
   onItemClick?: ((message: NotificationMessage) => any) | undefined;
-  onAllRead?: ((category?: NotificationCategory | undefined) => any) | undefined;
   onDelete?: ((ids: string[]) => any) | undefined;
+  onRead?: ((ids: string[]) => any) | undefined;
+  onAllRead?: ((category?: NotificationCategory | undefined) => any) | undefined;
   onUnreadChange?: ((count: number) => any) | undefined;
   onWsStatusChange?: ((status: WSConnectionStatus) => any) | undefined;
   onNewMessage?: ((message: NotificationMessage) => any) | undefined;

package/dist/constants3.d.ts

@@ -208,20 +208,20 @@ interface NotificationCenterExpose {
 //#endregion
 //#region src/components/C_NotificationCenter/index.vue.d.ts
 declare const __VLS_export: vue.DefineComponent<NotificationCenterProps, NotificationCenterExpose, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-  read: (ids: string[]) => any;
   itemClick: (message: NotificationMessage) => any;
-  allRead: (category?: NotificationCategory | undefined) => any;
   delete: (ids: string[]) => any;
+  read: (ids: string[]) => any;
+  allRead: (category?: NotificationCategory | undefined) => any;
   unreadChange: (count: number) => any;
   wsStatusChange: (status: WSConnectionStatus) => any;
   newMessage: (message: NotificationMessage) => any;
   navigate: (url: string) => any;
   viewAll: () => any;
 }, string, vue.PublicProps, Readonly<NotificationCenterProps> & Readonly<{
-  onRead?: ((ids: string[]) => any) | undefined;
   onItemClick?: ((message: NotificationMessage) => any) | undefined;
-  onAllRead?: ((category?: NotificationCategory | undefined) => any) | undefined;
   onDelete?: ((ids: string[]) => any) | undefined;
+  onRead?: ((ids: string[]) => any) | undefined;
+  onAllRead?: ((category?: NotificationCategory | undefined) => any) | undefined;
   onUnreadChange?: ((count: number) => any) | undefined;
   onWsStatusChange?: ((status: WSConnectionStatus) => any) | undefined;
   onNewMessage?: ((message: NotificationMessage) => any) | undefined;

package/dist/constants4.d.cts

@@ -196,32 +196,32 @@ type __VLS_Slots = {} & {
   area?: (props: typeof __VLS_11) => any;
 };
 declare const __VLS_base: vue.DefineComponent<UploadProps, UploadExpose, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-  change: (fileList: UploadFileItem[]) => any;
   error: (file: UploadFileItem, error: Error) => any;
-  success: (file: UploadFileItem, response: unknown) => any;
+  change: (fileList: UploadFileItem[]) => any;
   progress: (file: UploadFileItem, percent: number) => any;
+  success: (file: UploadFileItem, response: unknown) => any;
   remove: (file: UploadFileItem) => any;
   finish: (fileList: UploadFileItem[]) => any;
   exceed: (files: File[], fileList: UploadFileItem[]) => any;
 }, string, vue.PublicProps, Readonly<UploadProps> & Readonly<{
-  onChange?: ((fileList: UploadFileItem[]) => any) | undefined;
   onError?: ((file: UploadFileItem, error: Error) => any) | undefined;
-  onSuccess?: ((file: UploadFileItem, response: unknown) => any) | undefined;
+  onChange?: ((fileList: UploadFileItem[]) => any) | undefined;
   onProgress?: ((file: UploadFileItem, percent: number) => any) | undefined;
+  onSuccess?: ((file: UploadFileItem, response: unknown) => any) | undefined;
   onRemove?: ((file: UploadFileItem) => any) | undefined;
   onFinish?: ((fileList: UploadFileItem[]) => any) | undefined;
   onExceed?: ((files: File[], fileList: UploadFileItem[]) => any) | undefined;
 }>, {
-  action: string;
-  headers: Record<string, string>;
   data: Record<string, unknown>;
+  disabled: boolean;
+  draggable: boolean;
+  action: string;
   multiple: boolean;
+  maxSize: number;
+  headers: Record<string, string>;
   directory: boolean;
   accept: string;
-  maxSize: number;
   maxCount: number;
-  disabled: boolean;
-  draggable: boolean;
   pasteable: boolean;
   chunked: boolean;
   chunkSize: number;

package/dist/constants4.d.ts

@@ -196,32 +196,32 @@ type __VLS_Slots = {} & {
   area?: (props: typeof __VLS_11) => any;
 };
 declare const __VLS_base: vue.DefineComponent<UploadProps, UploadExpose, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-  change: (fileList: UploadFileItem[]) => any;
   error: (file: UploadFileItem, error: Error) => any;
-  success: (file: UploadFileItem, response: unknown) => any;
+  change: (fileList: UploadFileItem[]) => any;
   progress: (file: UploadFileItem, percent: number) => any;
+  success: (file: UploadFileItem, response: unknown) => any;
   remove: (file: UploadFileItem) => any;
   finish: (fileList: UploadFileItem[]) => any;
   exceed: (files: File[], fileList: UploadFileItem[]) => any;
 }, string, vue.PublicProps, Readonly<UploadProps> & Readonly<{
-  onChange?: ((fileList: UploadFileItem[]) => any) | undefined;
   onError?: ((file: UploadFileItem, error: Error) => any) | undefined;
-  onSuccess?: ((file: UploadFileItem, response: unknown) => any) | undefined;
+  onChange?: ((fileList: UploadFileItem[]) => any) | undefined;
   onProgress?: ((file: UploadFileItem, percent: number) => any) | undefined;
+  onSuccess?: ((file: UploadFileItem, response: unknown) => any) | undefined;
   onRemove?: ((file: UploadFileItem) => any) | undefined;
   onFinish?: ((fileList: UploadFileItem[]) => any) | undefined;
   onExceed?: ((files: File[], fileList: UploadFileItem[]) => any) | undefined;
 }>, {
-  action: string;
-  headers: Record<string, string>;
   data: Record<string, unknown>;
+  disabled: boolean;
+  draggable: boolean;
+  action: string;
   multiple: boolean;
+  maxSize: number;
+  headers: Record<string, string>;
   directory: boolean;
   accept: string;
-  maxSize: number;
   maxCount: number;
-  disabled: boolean;
-  draggable: boolean;
   pasteable: boolean;
   chunked: boolean;
   chunkSize: number;

package/dist/constants5.d.cts

@@ -258,9 +258,9 @@ type PlayerInstance = InstanceType<typeof xgplayer.default>;
 //#endregion
 //#region src/components/C_VideoPlayer/index.vue.d.ts
 declare const __VLS_export: vue.DefineComponent<VideoPlayerProps, VideoPlayerExpose, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {} & {
+  error: (error: Error) => any;
   ready: () => any;
   ended: () => any;
-  error: (error: Error) => any;
   stateChange: (state: PlayerState) => any;
   qualityChange: (quality: QualityLevel) => any;
   rateChange: (rate: number) => any;
@@ -271,9 +271,9 @@ declare const __VLS_export: vue.DefineComponent<VideoPlayerProps, VideoPlayerExp
   quizAnswer: (quizId: string, answer: string | string[], isCorrect: boolean) => any;
   timeUpdate: (currentTime: number, duration: number) => any;
 }, string, vue.PublicProps, Readonly<VideoPlayerProps> & Readonly<{
+  onError?: ((error: Error) => any) | undefined;
   onReady?: (() => any) | undefined;
   onEnded?: (() => any) | undefined;
-  onError?: ((error: Error) => any) | undefined;
   onStateChange?: ((state: PlayerState) => any) | undefined;
   onQualityChange?: ((quality: QualityLevel) => any) | undefined;
   onRateChange?: ((rate: number) => any) | undefined;

package/dist/constants5.d.ts

@@ -258,9 +258,9 @@ type PlayerInstance = InstanceType<typeof xgplayer.default>;
 //#endregion
 //#region src/components/C_VideoPlayer/index.vue.d.ts
 declare const __VLS_export: vue.DefineComponent<VideoPlayerProps, VideoPlayerExpose, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {} & {
+  error: (error: Error) => any;
   ready: () => any;
   ended: () => any;
-  error: (error: Error) => any;
   stateChange: (state: PlayerState) => any;
   qualityChange: (quality: QualityLevel) => any;
   rateChange: (rate: number) => any;
@@ -271,9 +271,9 @@ declare const __VLS_export: vue.DefineComponent<VideoPlayerProps, VideoPlayerExp
   quizAnswer: (quizId: string, answer: string | string[], isCorrect: boolean) => any;
   timeUpdate: (currentTime: number, duration: number) => any;
 }, string, vue.PublicProps, Readonly<VideoPlayerProps> & Readonly<{
+  onError?: ((error: Error) => any) | undefined;
   onReady?: (() => any) | undefined;
   onEnded?: (() => any) | undefined;
-  onError?: ((error: Error) => any) | undefined;
   onStateChange?: ((state: PlayerState) => any) | undefined;
   onQualityChange?: ((quality: QualityLevel) => any) | undefined;
   onRateChange?: ((rate: number) => any) | undefined;