@someray-ui/components 0.0.1

package/README.md

@@ -0,0 +1,67 @@
+# @someray-ui/components
+
+Someray 内部 Vue3 通用组件库。当前导出：`SrAppHeader`、`SrResourceTree`、`SrVideoWall`，
+以及顶栏类型与默认配置（`NavItem` / `MenuItem` / `Weather` / `DEFAULT_MENUS` / `DEFAULT_USER_MENUS`）。
+
+## 依赖（peer，由你的工程提供）
+
+- `vue` ^3.4、`vue-router` ^4.3
+- `@arco-design/web-vue` ^2.58（需 `app.use(ArcoVue)`、`app.use(ArcoVueIcon)`）
+- `@arco-themes/vue-someray-light` ^0.0.2（提供底层设计令牌 `--primary-*` 等）
+
+## 安装
+
+```bash
+npm install @someray-ui/components
+```
+
+## 接入（main.ts）
+
+```ts
+import { createApp } from 'vue'
+import ArcoVue from '@arco-design/web-vue'
+import ArcoVueIcon from '@arco-design/web-vue/es/icon'
+import '@arco-themes/vue-someray-light/css/arco.css' // 1) someray 主题令牌
+import '@someray-ui/components/style.css'                       // 2) 本库样式 + 语义令牌
+import SrUI from '@someray-ui/components'
+
+const app = createApp(App)
+app.use(ArcoVue)
+app.use(ArcoVueIcon)
+app.use(router)   // SrAppHeader 用到 <router-link>
+app.use(SrUI)     // 注册 SrAppHeader / SrResourceTree / SrVideoWall
+```
+
+> 样式加载顺序：someray 主题 → 本库 style.css（语义令牌映射到主题令牌）。
+
+## 用法
+
+```vue
+<sr-app-header
+  :title="'某某平台'"
+  :menus="[{ key:'home', label:'首页', to:'/home', icon:'icon-home' }]"
+  :bell-count="5"
+  :user-menus="[{ key:'profile', label:'个人中心' }, { divider:true }, { key:'logout', label:'退出登录', danger:true }]"
+  @menu-select="onMenu"
+>
+  <template #bell> …告警列表… </template>
+</sr-app-header>
+```
+
+也可用 PascalCase 标签 `<SrAppHeader>`，等价。
+
+### SrAppHeader 主要 props / slots / events
+
+- props：`logo` `title` `subtitle` `menus` `activeKey` `showWeather` `weather` `showDivider` `showClock` `showBell` `bellCount` `userName` `userMenus`
+- slots：`#bell`（铃铛弹窗内容）、`#brand`（整体替换左侧品牌）
+- events：`@menu-select(key)`、`@bell-click`、`@nav-select(item)`
+
+> 菜单/用户菜单的 `icon` 可传 Arco 图标名（`'icon-home'`）或原始 SVG 字符串（`'<svg…>'`）。
+> 本库已去除对 `/assets` 的硬依赖：logo 经 `logo` prop 或 `#brand` 插槽提供，"更多"按钮为内联图标。
+
+## 构建
+
+```bash
+npm install
+npm run build   # 产出 dist/sr-ui.js、dist/sr-ui.css、dist/*.d.ts
+```

package/dist/components/SrAppHeader.vue.d.ts

@@ -0,0 +1,119 @@
+import { NavItem, MenuItem, Weather } from './headerConfig';
+
+declare function __VLS_template(): {
+    brand?(_: {}): any;
+    bell?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    logo?: string;
+    title?: string;
+    subtitle?: string;
+    menus?: NavItem[];
+    activeKey?: string | number;
+    showWeather?: boolean;
+    weather?: Weather;
+    showDivider?: boolean;
+    showClock?: boolean;
+    showBell?: boolean;
+    bellCount?: number;
+    userName?: string;
+    userMenus?: MenuItem[];
+}>, {
+    logo: string;
+    title: string;
+    subtitle: string;
+    menus: () => NavItem[];
+    activeKey: undefined;
+    showWeather: boolean;
+    weather: () => {
+        temp: string;
+        condition: string;
+        windDir: string;
+        windLevel: string;
+    };
+    showDivider: boolean;
+    showClock: boolean;
+    showBell: boolean;
+    bellCount: number;
+    userName: string;
+    userMenus: () => MenuItem[];
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "nav-select": (item: NavItem) => void;
+    "bell-click": () => void;
+    "menu-select": (key: string) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    logo?: string;
+    title?: string;
+    subtitle?: string;
+    menus?: NavItem[];
+    activeKey?: string | number;
+    showWeather?: boolean;
+    weather?: Weather;
+    showDivider?: boolean;
+    showClock?: boolean;
+    showBell?: boolean;
+    bellCount?: number;
+    userName?: string;
+    userMenus?: MenuItem[];
+}>, {
+    logo: string;
+    title: string;
+    subtitle: string;
+    menus: () => NavItem[];
+    activeKey: undefined;
+    showWeather: boolean;
+    weather: () => {
+        temp: string;
+        condition: string;
+        windDir: string;
+        windLevel: string;
+    };
+    showDivider: boolean;
+    showClock: boolean;
+    showBell: boolean;
+    bellCount: number;
+    userName: string;
+    userMenus: () => MenuItem[];
+}>>> & Readonly<{
+    "onNav-select"?: ((item: NavItem) => any) | undefined;
+    "onBell-click"?: (() => any) | undefined;
+    "onMenu-select"?: ((key: string) => any) | undefined;
+}>, {
+    logo: string;
+    title: string;
+    subtitle: string;
+    menus: NavItem[];
+    activeKey: string | number;
+    showWeather: boolean;
+    weather: Weather;
+    showDivider: boolean;
+    showClock: boolean;
+    showBell: boolean;
+    bellCount: number;
+    userName: string;
+    userMenus: MenuItem[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/SrResourceTree.vue.d.ts

@@ -0,0 +1,33 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    showPtz?: boolean;
+}>, {
+    showPtz: boolean;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    select: (name: string) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    showPtz?: boolean;
+}>, {
+    showPtz: boolean;
+}>>> & Readonly<{
+    onSelect?: ((name: string) => any) | undefined;
+}>, {
+    showPtz: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/components/SrVideoWall.vue.d.ts

@@ -0,0 +1,21 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    count: number;
+    active: number;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:active": (i: number) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    count: number;
+    active: number;
+}>>> & Readonly<{
+    "onUpdate:active"?: ((i: number) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

package/dist/components/headerConfig.d.ts

@@ -0,0 +1,21 @@
+export interface NavItem {
+    key?: string | number;
+    label: string;
+    icon?: string;
+    to?: string;
+}
+export interface MenuItem {
+    key?: string;
+    label?: string;
+    icon?: string;
+    danger?: boolean;
+    divider?: boolean;
+}
+export interface Weather {
+    temp?: string;
+    condition?: string;
+    windDir?: string;
+    windLevel?: string;
+}
+export declare const DEFAULT_MENUS: NavItem[];
+export declare const DEFAULT_USER_MENUS: MenuItem[];

package/dist/index.d.ts

@@ -0,0 +1,12 @@
+import { App } from 'vue';
+import { default as SrAppHeader } from './components/SrAppHeader.vue';
+import { default as SrResourceTree } from './components/SrResourceTree.vue';
+import { default as SrVideoWall } from './components/SrVideoWall.vue';
+
+export { SrAppHeader, SrResourceTree, SrVideoWall };
+export * from './components/headerConfig';
+/** Vue 插件：app.use(SrUI) 一次性注册全部 Sr* 组件 */
+declare const _default: {
+    install(app: App): void;
+};
+export default _default;

package/dist/sr-ui.css

@@ -0,0 +1 @@
+body{--app: var(--color-fill-1);--panel: var(--color-bg-1);--panel2: var(--color-fill-2);--panel3: var(--color-fill-1);--line: var(--color-border-2);--line2: var(--color-border-1);--txt: var(--color-text-1);--txt2: var(--color-text-2);--sub: var(--color-text-3);--mute: var(--color-text-4);--accent: rgb(var(--primary-6));--accent-soft: rgb(var(--primary-1));--accent-deep: rgb(var(--primary-7));--success: rgb(var(--green-6));--warning: rgb(var(--orange-6));--danger: rgb(var(--red-6));--topbar: rgb(var(--primary-6));--video: var(--color-fill-2);--video-line: var(--color-border-1);--scroll: var(--color-border-3);--header-h: 76px;--header-pad: 28px;--sider-w: 256px;--rpanel-w: 272px;--ops-side-w: 200px;--nav-min-w: 240px}.cv6h[data-v-9d23d618]{flex:none;width:100%;height:var(--header-h);z-index:5;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 var(--header-pad);background:var(--topbar)}.cv6h__left[data-v-9d23d618]{flex:0 0 auto;display:flex;align-items:center;gap:12px}.cv6h__logo[data-v-9d23d618]{display:inline-flex;align-items:center;line-height:0}.cv6h__logo img[data-v-9d23d618]{display:block;height:32px;width:auto}.cv6h__brand[data-v-9d23d618]{display:flex;flex-direction:column;justify-content:center}.cv6h__title[data-v-9d23d618]{margin:0;font-size:26px;font-weight:700;letter-spacing:.04em;color:#fff;line-height:1.1;white-space:nowrap}.cv6h__sub[data-v-9d23d618]{margin:4px 0 0;font-size:8px;font-weight:400;letter-spacing:.2em;color:#ffffffbf;text-transform:uppercase;white-space:nowrap}.cv6h__nav[data-v-9d23d618]{flex:1 1 auto;display:flex;justify-content:center;align-items:center;min-width:var(--nav-min-w);overflow:hidden}.cv6h__navframe[data-v-9d23d618]{display:flex;align-items:center;gap:6px;flex:none}.cv6h__item[data-v-9d23d618]{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:7px 15px;border-radius:8px;background:transparent;color:#fff;font-size:14px;font-weight:500;line-height:1.6;letter-spacing:.02em;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background .15s,color .15s}.cv6h__item[data-v-9d23d618]:hover{background:#ffffff1a;color:#fff}.cv6h__item.router-link-active[data-v-9d23d618],.cv6h__item.is-active[data-v-9d23d618]{background:var(--accent-deep);color:#fff}.cv6h__ico[data-v-9d23d618]{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0}.cv6h__ico[data-v-9d23d618] svg{display:block;width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.cv6h__ico[data-v-9d23d618] .pl{fill:currentColor;stroke:none}.cv6h__right[data-v-9d23d618]{flex:0 0 auto;display:flex;align-items:center;gap:14px}.cv6h__weather[data-v-9d23d618]{display:flex;align-items:center;gap:8px;color:#fff}.cv6h__wico svg[data-v-9d23d618]{width:25px;height:25px;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.cv6h__wtext[data-v-9d23d618]{display:flex;flex-direction:column;gap:2px;line-height:1.15}.cv6h__temp[data-v-9d23d618]{font-size:18px;color:#fff;white-space:nowrap}.cv6h__cond[data-v-9d23d618]{font-size:14px;color:#ffffffeb;white-space:nowrap}.cv6h__wind[data-v-9d23d618]{display:flex;flex-direction:column;gap:2px;line-height:1.15;color:#fff}.cv6h__wdir[data-v-9d23d618]{font-size:14px;color:#fff;white-space:nowrap}.cv6h__wlvl[data-v-9d23d618]{font-size:14px;color:#ffffffeb;white-space:nowrap}.cv6h__div[data-v-9d23d618]{width:1px;height:36px;background:#ffffff59;flex-shrink:0}.cv6h__clock[data-v-9d23d618]{display:flex;flex-direction:column;align-items:flex-end;line-height:1.15;color:#fff}.cv6h__time[data-v-9d23d618]{font-size:18px;font-weight:700;font-variant-numeric:tabular-nums;color:#fff;letter-spacing:.03em}.cv6h__date[data-v-9d23d618]{margin-top:2px;font-size:9px;color:#ffffffd9;letter-spacing:.03em}.cv6h__bellwrap[data-v-9d23d618]{position:relative;display:inline-flex;align-items:center}.cv6h__bell[data-v-9d23d618]{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer}.cv6h__bell svg[data-v-9d23d618]{width:30px;height:30px;stroke:#fff;fill:none;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.cv6h__bellwrap[data-v-9d23d618] .arco-badge-number,.cv6h__bellwrap[data-v-9d23d618] .arco-badge-text{min-width:20px;height:14px;padding:0 6px;color:var(--color-white);font-weight:500;font-size:10px;line-height:14px;background-color:rgb(var(--danger-6));box-shadow:0 0 0 2px var(--color-bg-2)}.cv6h__bellpop[data-v-9d23d618]{position:absolute;top:calc(100% + 12px);right:-8px;min-width:320px;background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 40px #0f2e592e;overflow:hidden;z-index:40}.cv6h__bell-empty[data-v-9d23d618]{padding:40px 16px;text-align:center;color:var(--mute);font-size:13px}.cv6h__tools[data-v-9d23d618]{position:relative;display:flex;align-items:center}.cv6h__menubtn[data-v-9d23d618]{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:none;background:transparent;cursor:pointer;border-radius:6px;transition:background .15s}.cv6h__menubtn[data-v-9d23d618]:hover{background:#ffffff1f}.cv6h__menubtn img[data-v-9d23d618]{display:block;width:24px;height:24px;object-fit:contain}.cv6h__menubtn svg[data-v-9d23d618]{width:30px;height:30px;fill:#fff}.cv6h__menu[data-v-9d23d618]{position:absolute;top:calc(100% + 10px);right:0;min-width:176px;background:var(--panel);border:1px solid var(--line);border-radius:10px;box-shadow:0 8px 24px #0f2e5926;padding:6px;z-index:40}.cv6h__mhead[data-v-9d23d618]{padding:8px 12px 6px;font-size:12px;color:var(--sub)}.cv6h__msep[data-v-9d23d618]{height:1px;background:var(--line2);margin:5px 8px}.cv6h__mitem[data-v-9d23d618]{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:7px;font-size:13.5px;color:var(--txt2);cursor:pointer;white-space:nowrap}.cv6h__mitem[data-v-9d23d618]:hover{background:var(--accent-soft);color:var(--accent)}.cv6h__mitem.danger[data-v-9d23d618]{color:var(--danger)}.cv6h__mitem.danger[data-v-9d23d618]:hover{background:rgb(var(--red-1));color:var(--danger)}.cv6h__mico[data-v-9d23d618]{display:inline-flex}.cv6h__mico[data-v-9d23d618] svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.res[data-v-05bca26c]{flex:none;width:256px;background:var(--panel);border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0}.res-tabs[data-v-05bca26c]{flex:none;display:flex;border-bottom:1px solid var(--line)}.res-tabs a[data-v-05bca26c]{flex:1;text-align:center;padding:13px 0;font-size:13.5px;color:var(--sub);cursor:pointer;position:relative}.res-tabs a.active[data-v-05bca26c]{color:var(--accent);font-weight:600}.res-tabs a.active[data-v-05bca26c]:after{content:"";position:absolute;left:50%;bottom:-1px;transform:translate(-50%);width:26px;height:2px;border-radius:2px;background:var(--accent)}.res-pad[data-v-05bca26c]{padding:12px 12px 4px;display:flex;flex-direction:column;gap:10px}.res-listhead[data-v-05bca26c]{display:flex;align-items:center;padding:6px 12px 8px;font-size:13px;color:var(--sub)}.res-listhead b[data-v-05bca26c]{font-weight:600}.res-acts[data-v-05bca26c]{margin-left:auto;display:flex;gap:12px;color:var(--mute);font-size:15px}.res-acts[data-v-05bca26c] svg{cursor:pointer}.res-acts[data-v-05bca26c] svg:hover{color:var(--accent)}.res-tree[data-v-05bca26c]{flex:1;overflow-y:auto;padding:0 6px 8px}.res-cnt[data-v-05bca26c]{color:var(--mute);font-size:12px}.ptz[data-v-05bca26c]{flex:none;border-top:1px solid var(--line);padding:12px 14px 16px}.ptz-head[data-v-05bca26c]{display:flex;align-items:center;font-size:13px;color:var(--sub);margin-bottom:12px}.ptz-chev[data-v-05bca26c]{margin-left:auto}.joy[data-v-05bca26c]{width:120px;height:120px;margin:0 auto;border-radius:50%;background:var(--panel2);border:1px solid var(--line);position:relative;display:flex;align-items:center;justify-content:center}.joy[data-v-05bca26c]:before{content:"";position:absolute;top:14px;right:14px;bottom:14px;left:14px;border-radius:50%;border:1px dashed var(--line)}.joy .knob[data-v-05bca26c]{width:46px;height:46px;border-radius:50%;background:var(--panel);border:1px solid var(--line);box-shadow:0 2px 8px #1432641f}.joy .ar[data-v-05bca26c]{position:absolute;color:var(--mute);display:flex;cursor:pointer}.joy .ar[data-v-05bca26c]:hover{color:var(--accent)}.joy .up[data-v-05bca26c]{top:7px;left:50%;transform:translate(-50%)}.joy .dn[data-v-05bca26c]{bottom:7px;left:50%;transform:translate(-50%)}.joy .lf[data-v-05bca26c]{left:8px;top:50%;transform:translateY(-50%)}.joy .rt[data-v-05bca26c]{right:8px;top:50%;transform:translateY(-50%)}.speed[data-v-05bca26c]{margin-top:14px;font-size:12px;color:var(--sub);display:flex;align-items:center;gap:10px}.speed b[data-v-05bca26c]{color:var(--accent);font-weight:600}.zoom[data-v-05bca26c]{margin-top:12px;display:flex;gap:10px}.wall[data-v-6ebd5cbf]{width:100%;height:100%;display:grid;gap:0;background:var(--app)}.cell[data-v-6ebd5cbf]{background:var(--video);border:1px solid var(--video-line);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--sub);position:relative;overflow:hidden;cursor:pointer}.cell.active[data-v-6ebd5cbf]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.nosrc[data-v-6ebd5cbf]{width:55%;max-width:170px;aspect-ratio:24 / 15;background:center / contain no-repeat url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNDAgMTUwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIj4KICA8cGF0aCBkPSJNIDMwIDgwIEwgMzIgODUgTCAzNyA4NyBMIDMyIDg5IEwgMzAgOTQgTCAyOCA4OSBMIDIzIDg3IEwgMjggODUgWiIgZmlsbD0iIzliYzFmZiIgb3BhY2l0eT0iMC42Ii8+CiAgPHBhdGggZD0iTSAxNzAgNTAgTCAxNzEuNSA1NCBMIDE3NS41IDU1LjUgTCAxNzEuNSA1NyBMIDE3MCA2MSBMIDE2OC41IDU3IEwgMTY0LjUgNTUuNSBMIDE2OC41IDU0IFoiIGZpbGw9IiM5YmMxZmYiIG9wYWNpdHk9IjAuNiIvPgoKICA8ZWxsaXBzZSBjeD0iOTAiIGN5PSIxMjUiIHJ4PSI0NSIgcnk9IjUiIGZpbGw9IiNkMmRhZjAiIG9wYWNpdHk9IjAuNCIgLz4KCiAgPGcgaWQ9ImNhbWVyYSI+CiAgICA8cGF0aCBkPSJNIDYwIDEyMCBDIDYwIDExNSwgMTIwIDExNSwgMTIwIDEyMCBaIiBmaWxsPSIjYTliYWQ2IiAvPgogICAgPHJlY3QgeD0iNjUiIHk9IjEyMCIgd2lkdGg9IjUwIiBoZWlnaHQ9IjQiIHJ4PSIyIiBmaWxsPSIjOGNhMmM0IiAvPgogICAgPHJlY3QgeD0iODUiIHk9IjEwMCIgd2lkdGg9IjEwIiBoZWlnaHQ9IjE2IiBmaWxsPSIjOGNhMmM0IiAvPgogICAgPGNpcmNsZSBjeD0iOTAiIGN5PSI2NSIgcj0iNDAiIGZpbGw9IiNjYmQ3ZWIiIC8+CiAgICA8Y2lyY2xlIGN4PSI5MCIgY3k9IjY1IiByPSIzMiIgZmlsbD0iIzRhNjE4NSIgLz4KICAgIDxjaXJjbGUgY3g9IjkwIiBjeT0iNjUiIHI9IjIwIiBmaWxsPSIjOWJjMWZmIiAvPgogICAgPGNpcmNsZSBjeD0iOTAiIGN5PSI2NSIgcj0iMTAiIGZpbGw9IiMxYzRjZGUiIC8+CiAgICA8Y2lyY2xlIGN4PSI4NyIgY3k9IjYyIiByPSI0IiBmaWxsPSIjZmZmZmZmIiBvcGFjaXR5PSIwLjgiIC8+CiAgPC9nPgoKICA8ZyBpZD0iY2FibGUtYW5kLXBsdWciPgogICAgPHBhdGggZD0iTSAxMTUgMTIwIFEgMTQwIDEyMCwgMTUwIDk1IFQgMTk1IDk1IiBmaWxsPSJub25lIiBzdHJva2U9IiNhOWJhZDYiIHN0cm9rZS13aWR0aD0iNCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiAvPgogICAgPHJlY3QgeD0iMTk1IiB5PSI5MiIgd2lkdGg9IjYiIGhlaWdodD0iNiIgZmlsbD0iIzhjYTJjNCIgLz4KICAgIDxyZWN0IHg9IjIwMSIgeT0iODciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgcng9IjIiIGZpbGw9IiNjYmQ3ZWIiIC8+CiAgICA8cmVjdCB4PSIyMTciIHk9IjkwIiB3aWR0aD0iNiIgaGVpZ2h0PSIzIiBmaWxsPSIjNjA3OTlmIiAvPgogICAgPHJlY3QgeD0iMjE3IiB5PSIxMDAiIHdpZHRoPSI2IiBoZWlnaHQ9IjMiIGZpbGw9IiM2MDc5OWYiIC8+CiAgPC9nPgoKICA8ZyBpZD0iZXJyb3Itc3RhdHVzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxOTUsIDEwMCkiPgogICAgPGNpcmNsZSBjeD0iMCIgY3k9IjAiIHI9IjEyIiBmaWxsPSIjZmZmZmZmIiBvcGFjaXR5PSIwLjMiLz4KICAgIDxjaXJjbGUgY3g9IjAiIGN5PSIwIiByPSIxMSIgZmlsbD0iIzFjNGNkZSIgc3Ryb2tlPSIjZmZmZmZmIiBzdHJva2Utd2lkdGg9IjIiIC8+CiAgICA8Y2lyY2xlIGN4PSIwIiBjeT0iMCIgcj0iOCIgZmlsbD0iIzJmN2RmZiIgLz4KICAgIDxwYXRoIGQ9Ik0gLTQgLTQgTCA0IDQgTSA0IC00IEwgLTQgNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmZmZmIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgLz4KICA8L2c+Cjwvc3ZnPgo=)}.cap[data-v-6ebd5cbf]{font-size:13px;color:var(--sub)}

package/dist/sr-ui.js

@@ -0,0 +1,492 @@
+import { defineComponent as R, ref as M, watch as X, onMounted as Z, onUnmounted as ee, resolveComponent as d, openBlock as o, createElementBlock as l, createElementVNode as e, renderSlot as P, createVNode as n, withCtx as u, createCommentVNode as p, toDisplayString as v, Fragment as B, renderList as E, createBlock as I, resolveDynamicComponent as U, normalizeClass as L, withModifiers as W, withDirectives as j, vShow as q, createTextVNode as C, computed as O, normalizeStyle as te } from "vue";
+import { useRoute as se } from "vue-router";
+const oe = [
+  { key: "/home", label: "首页", to: "/home", icon: '<svg viewBox="0 0 24 24"><path d="M4 11l8-7 8 7"/><path d="M6 10v9h12v-9"/></svg>' },
+  { key: "/live", label: "实时预览", to: "/live", icon: '<svg viewBox="0 0 24 24"><path class="pl" d="M8 5l11 7-11 7z"/></svg>' },
+  { key: "/playback", label: "视频回放", to: "/playback", icon: '<svg viewBox="0 0 24 24"><circle cx="12" cy="12" r="8"/><path d="M12 8v4l3 2"/></svg>' },
+  { key: "/ops", label: "运维管理", to: "/ops", icon: '<svg viewBox="0 0 24 24"><path d="M3 12h4l3 7 4-14 3 7h4"/></svg>' },
+  { key: "/map", label: "地图模式", to: "/map", icon: '<svg viewBox="0 0 24 24"><path d="M9 4 3 6v14l6-2 6 2 6-2V4l-6 2-6-2z"/><path d="M9 4v14M15 6v14"/></svg>' }
+], le = [
+  { key: "profile", label: "个人中心", icon: '<svg viewBox="0 0 24 24"><circle cx="12" cy="8" r="4"/><path d="M4 20c1.5-4 4.5-6 8-6s6.5 2 8 6"/></svg>' },
+  { key: "theme", label: "切换主题", icon: '<svg viewBox="0 0 24 24"><path d="M4 9h13"/><path d="M14 6l3 3-3 3"/><path d="M20 15H7"/><path d="M10 12l-3 3 3 3"/></svg>' },
+  { key: "system", label: "系统管理", icon: '<svg viewBox="0 0 24 24"><rect x="3" y="4" width="18" height="13" rx="2"/><path d="M8 20h8M12 17v3"/></svg>' },
+  { divider: !0 },
+  { key: "logout", label: "退出登录", danger: !0, icon: '<svg viewBox="0 0 24 24"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"/><polyline points="16 17 21 12 16 7"/><line x1="21" y1="12" x2="9" y2="12"/></svg>' }
+], ne = { class: "cv6h" }, ce = { class: "cv6h__left" }, ae = ["src"], ie = { class: "cv6h__brand" }, de = { class: "cv6h__title" }, re = {
+  key: 0,
+  class: "cv6h__sub"
+}, ue = {
+  class: "cv6h__nav",
+  "aria-label": "主导航"
+}, ve = { class: "cv6h__navframe" }, _e = ["innerHTML"], he = {
+  key: 1,
+  class: "cv6h__ico"
+}, pe = { class: "cv6h__right" }, me = { class: "cv6h__weather" }, ke = { class: "cv6h__wtext" }, ge = { class: "cv6h__temp" }, ye = { class: "cv6h__cond" }, fe = {
+  key: 0,
+  class: "cv6h__div"
+}, we = { class: "cv6h__wind" }, be = { class: "cv6h__wdir" }, xe = { class: "cv6h__wlvl" }, Me = {
+  key: 1,
+  class: "cv6h__div"
+}, $e = {
+  key: 1,
+  class: "cv6h__clock"
+}, Ce = { class: "cv6h__time" }, Be = { class: "cv6h__date" }, Se = { class: "cv6h__bellpop" }, ze = { class: "cv6h__menu" }, Ve = { class: "cv6h__mhead" }, De = {
+  key: 0,
+  class: "cv6h__msep"
+}, Ee = ["onClick"], Le = ["innerHTML"], Ne = {
+  key: 1,
+  class: "cv6h__mico"
+}, Te = /* @__PURE__ */ R({
+  __name: "SrAppHeader",
+  props: {
+    logo: { default: "/assets/interface.svg" },
+    title: { default: "视频汇聚平台 V3" },
+    subtitle: { default: "VIDEO CONVERGENCE PLATFORM" },
+    menus: { default: () => oe },
+    activeKey: { default: void 0 },
+    showWeather: { type: Boolean, default: !0 },
+    weather: { default: () => ({ temp: "26°C", condition: "多云", windDir: "东南风", windLevel: "3级" }) },
+    showDivider: { type: Boolean, default: !0 },
+    showClock: { type: Boolean, default: !0 },
+    showBell: { type: Boolean, default: !0 },
+    bellCount: { default: 0 },
+    userName: { default: "超级管理员(someray)" },
+    userMenus: { default: () => le }
+  },
+  emits: ["nav-select", "bell-click", "menu-select"],
+  setup(s, { emit: m }) {
+    const _ = m, w = (a) => !!a && /^\s*</.test(a), h = M(!1), k = M(!1), b = () => {
+      k.value = !1, h.value = !h.value, _("bell-click");
+    }, x = () => {
+      h.value = !1, k.value = !k.value;
+    }, i = (a) => {
+      k.value = !1, a.key && _("menu-select", a.key);
+    }, z = () => {
+      h.value = !1, k.value = !1;
+    }, D = M("--:--:--"), S = M("----");
+    let t;
+    const f = ["周日", "周一", "周二", "周三", "周四", "周五", "周六"], y = (a) => String(a).padStart(2, "0"), $ = () => {
+      const a = /* @__PURE__ */ new Date();
+      D.value = y(a.getHours()) + ":" + y(a.getMinutes()) + ":" + y(a.getSeconds()), S.value = a.getFullYear() + "-" + y(a.getMonth() + 1) + "-" + y(a.getDate()) + " " + f[a.getDay()];
+    }, N = se();
+    return X(() => N.fullPath, z), Z(() => {
+      $(), t = window.setInterval($, 1e3), document.addEventListener("click", z);
+    }), ee(() => {
+      t && clearInterval(t), document.removeEventListener("click", z);
+    }), (a, r) => {
+      const T = d("router-link"), A = d("a-badge");
+      return o(), l("header", ne, [
+        e("div", ce, [
+          P(a.$slots, "brand", {}, () => [
+            n(T, {
+              class: "cv6h__logo",
+              to: "/home",
+              "aria-label": "首页"
+            }, {
+              default: u(() => [
+                s.logo ? (o(), l("img", {
+                  key: 0,
+                  src: s.logo,
+                  alt: ""
+                }, null, 8, ae)) : p("", !0)
+              ]),
+              _: 1
+            }),
+            e("div", ie, [
+              e("h1", de, v(s.title), 1),
+              s.subtitle ? (o(), l("p", re, v(s.subtitle), 1)) : p("", !0)
+            ])
+          ], !0)
+        ]),
+        e("nav", ue, [
+          e("div", ve, [
+            (o(!0), l(B, null, E(s.menus, (c, V) => (o(), I(U(c.to ? "router-link" : "a"), {
+              key: c.key ?? V,
+              class: L(["cv6h__item", { "is-active": s.activeKey != null && c.key === s.activeKey }]),
+              to: c.to,
+              onClick: (H) => _("nav-select", c)
+            }, {
+              default: u(() => [
+                w(c.icon) ? (o(), l("span", {
+                  key: 0,
+                  class: "cv6h__ico",
+                  innerHTML: c.icon
+                }, null, 8, _e)) : c.icon ? (o(), l("span", he, [
+                  (o(), I(U(c.icon)))
+                ])) : p("", !0),
+                e("span", null, v(c.label), 1)
+              ]),
+              _: 2
+            }, 1032, ["class", "to", "onClick"]))), 128))
+          ])
+        ]),
+        e("div", pe, [
+          s.showWeather ? (o(), l(B, { key: 0 }, [
+            e("div", me, [
+              r[2] || (r[2] = e("span", { class: "cv6h__wico" }, [
+                e("svg", { viewBox: "0 0 24 24" }, [
+                  e("path", { d: "M18 10h-1.26A8 8 0 1 0 9 20h9a5 5 0 0 0 0-10z" }),
+                  e("circle", {
+                    cx: "17",
+                    cy: "8",
+                    r: "2.5",
+                    fill: "currentColor",
+                    stroke: "none"
+                  })
+                ])
+              ], -1)),
+              e("div", ke, [
+                e("span", ge, v(s.weather.temp), 1),
+                e("span", ye, v(s.weather.condition), 1)
+              ])
+            ]),
+            s.showDivider ? (o(), l("span", fe)) : p("", !0),
+            e("div", we, [
+              e("span", be, v(s.weather.windDir), 1),
+              e("span", xe, v(s.weather.windLevel), 1)
+            ]),
+            s.showDivider ? (o(), l("span", Me)) : p("", !0)
+          ], 64)) : p("", !0),
+          s.showClock ? (o(), l("div", $e, [
+            e("span", Ce, v(D.value), 1),
+            e("span", Be, v(S.value), 1)
+          ])) : p("", !0),
+          s.showBell ? (o(), l("div", {
+            key: 2,
+            class: "cv6h__bellwrap",
+            onClick: r[0] || (r[0] = W(() => {
+            }, ["stop"]))
+          }, [
+            n(A, {
+              count: s.bellCount,
+              "max-count": 99
+            }, {
+              default: u(() => [
+                e("span", {
+                  class: "cv6h__bell",
+                  title: "告警",
+                  onClick: b
+                }, [...r[3] || (r[3] = [
+                  e("svg", { viewBox: "0 0 24 24" }, [
+                    e("path", { d: "M6 9a6 6 0 0 1 12 0c0 5 2 6 2 6H4s2-1 2-6" }),
+                    e("path", { d: "M10 19a2 2 0 0 0 4 0" })
+                  ], -1)
+                ])])
+              ]),
+              _: 1
+            }, 8, ["count"]),
+            j(e("div", Se, [
+              P(a.$slots, "bell", {}, () => [
+                r[4] || (r[4] = e("div", { class: "cv6h__bell-empty" }, "暂无告警", -1))
+              ], !0)
+            ], 512), [
+              [q, h.value]
+            ])
+          ])) : p("", !0),
+          e("div", {
+            class: "cv6h__tools",
+            onClick: r[1] || (r[1] = W(() => {
+            }, ["stop"]))
+          }, [
+            e("button", {
+              class: "cv6h__menubtn",
+              "aria-label": "更多",
+              onClick: x
+            }, [...r[5] || (r[5] = [
+              e("svg", {
+                class: "cv6h__moreico",
+                viewBox: "0 0 24 24"
+              }, [
+                e("rect", {
+                  x: "3",
+                  y: "5",
+                  width: "18",
+                  height: "2.4",
+                  rx: "1.2"
+                }),
+                e("rect", {
+                  x: "3",
+                  y: "10.8",
+                  width: "18",
+                  height: "2.4",
+                  rx: "1.2"
+                }),
+                e("rect", {
+                  x: "3",
+                  y: "16.6",
+                  width: "18",
+                  height: "2.4",
+                  rx: "1.2"
+                })
+              ], -1)
+            ])]),
+            j(e("div", ze, [
+              s.userName ? (o(), l(B, { key: 0 }, [
+                e("div", Ve, v(s.userName), 1),
+                r[6] || (r[6] = e("div", { class: "cv6h__msep" }, null, -1))
+              ], 64)) : p("", !0),
+              (o(!0), l(B, null, E(s.userMenus, (c, V) => (o(), l(B, {
+                key: c.key ?? V
+              }, [
+                c.divider ? (o(), l("div", De)) : (o(), l("a", {
+                  key: 1,
+                  class: L(["cv6h__mitem", { danger: c.danger }]),
+                  onClick: (H) => i(c)
+                }, [
+                  w(c.icon) ? (o(), l("span", {
+                    key: 0,
+                    class: "cv6h__mico",
+                    innerHTML: c.icon
+                  }, null, 8, Le)) : c.icon ? (o(), l("span", Ne, [
+                    (o(), I(U(c.icon)))
+                  ])) : p("", !0),
+                  e("span", null, v(c.label), 1)
+                ], 10, Ee))
+              ], 64))), 128))
+            ], 512), [
+              [q, k.value]
+            ])
+          ])
+        ])
+      ]);
+    };
+  }
+}), F = (s, m) => {
+  const _ = s.__vccOpts || s;
+  for (const [w, h] of m)
+    _[w] = h;
+  return _;
+}, Ae = /* @__PURE__ */ F(Te, [["__scopeId", "data-v-9d23d618"]]), He = { class: "res" }, Ie = { class: "res-tabs" }, Ue = ["onClick"], Oe = { class: "res-pad" }, Re = { class: "res-listhead" }, Fe = { class: "res-acts" }, Ke = { class: "res-tree" }, Pe = {
+  key: 0,
+  class: "res-cnt"
+}, We = {
+  key: 0,
+  class: "ptz"
+}, je = { class: "ptz-head" }, qe = { class: "joy" }, Ge = { class: "ar up" }, Ye = { class: "ar dn" }, Je = { class: "ar lf" }, Qe = { class: "ar rt" }, Xe = { class: "speed" }, Ze = { class: "zoom" }, et = /* @__PURE__ */ R({
+  __name: "SrResourceTree",
+  props: {
+    showPtz: { type: Boolean, default: !1 }
+  },
+  emits: ["select"],
+  setup(s, { emit: m }) {
+    const _ = m, w = [
+      { k: "dev", label: "设备" },
+      { k: "group", label: "分组" },
+      { k: "view", label: "视图" }
+    ], h = M("group"), k = M([]), b = M(9), x = M(["c1"]), i = (S, t) => ({ key: S, title: t, isLeaf: !0, cam: !0 }), z = [
+      {
+        key: "g1",
+        title: "齐鲁软件园",
+        count: "(6/6)",
+        children: [
+          i("c1", "齐鲁软件园北(可控)"),
+          i("c2", "齐鲁软件园东(可控)"),
+          i("c3", "CD中间全景摄像机2"),
+          i("c4", "软件园站西侧工地"),
+          i("c5", "软件园站东侧工地"),
+          i("c6", "B座A区室外全景南照联动球机")
+        ]
+      },
+      { key: "g2", title: "混凝土", count: "(43/48)", children: [i("g2a", "混凝土车间东"), i("g2b", "混凝土搅拌站")] },
+      { key: "g3", title: "建材", count: "(40/52)", children: [i("g3a", "建材仓库南门"), i("g3b", "建材装卸区")] },
+      { key: "g4", title: "玻璃制品", count: "(1/2)", children: [i("g4a", "玻璃制品质检区")] },
+      { key: "g5", title: "生物质发电", count: "(0/8)", children: [i("g5a", "发电主控室")] },
+      { key: "g6", title: "鹊华机场", count: "(2/2)", children: [i("g6a", "鹊华机场北跑道")] },
+      { key: "g7", title: "河流断面", count: "(4/4)", children: [i("g7a", "小清河断面")] },
+      { key: "g8", title: "视频融合", count: "(39/42)", children: [i("g8a", "融合大屏-01")] },
+      { key: "g9", title: "AI识别", count: "(43/45)", children: [i("g9a", "AI识别-机房")] }
+    ], D = (S, t) => {
+      var y;
+      const f = (y = t == null ? void 0 : t.selectedNodes) == null ? void 0 : y[0];
+      f != null && f.cam && (x.value = [f.key], _("select", f.title));
+    };
+    return (S, t) => {
+      const f = d("icon-search"), y = d("a-input"), $ = d("a-option"), N = d("a-select"), a = d("icon-refresh"), r = d("a-tooltip"), T = d("icon-folder-add"), A = d("a-tree"), c = d("icon-up"), V = d("icon-down"), H = d("icon-left"), G = d("icon-right"), Y = d("a-slider"), J = d("icon-zoom-in"), K = d("a-button"), Q = d("icon-zoom-out");
+      return o(), l("aside", He, [
+        e("div", Ie, [
+          (o(), l(B, null, E(w, (g) => e("a", {
+            key: g.k,
+            class: L({ active: h.value === g.k }),
+            onClick: (ct) => h.value = g.k
+          }, v(g.label), 11, Ue)), 64))
+        ]),
+        e("div", Oe, [
+          n(y, {
+            placeholder: "按名称搜索",
+            "allow-clear": "",
+            class: "res-search"
+          }, {
+            prefix: u(() => [
+              n(f)
+            ]),
+            _: 1
+          }),
+          n(N, {
+            modelValue: k.value,
+            "onUpdate:modelValue": t[0] || (t[0] = (g) => k.value = g),
+            placeholder: "请选择标签",
+            multiple: "",
+            "allow-clear": "",
+            "max-tag-count": 1,
+            class: "res-tagsel"
+          }, {
+            default: u(() => [
+              n($, { value: "key" }, {
+                default: u(() => [...t[2] || (t[2] = [
+                  C("重点监控", -1)
+                ])]),
+                _: 1
+              }),
+              n($, { value: "ptz" }, {
+                default: u(() => [...t[3] || (t[3] = [
+                  C("可控云台", -1)
+                ])]),
+                _: 1
+              }),
+              n($, { value: "alarm" }, {
+                default: u(() => [...t[4] || (t[4] = [
+                  C("联网报警", -1)
+                ])]),
+                _: 1
+              }),
+              n($, { value: "ai" }, {
+                default: u(() => [...t[5] || (t[5] = [
+                  C("AI 识别", -1)
+                ])]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }, 8, ["modelValue"])
+        ]),
+        e("div", Re, [
+          t[6] || (t[6] = e("b", null, "资源列表", -1)),
+          e("span", Fe, [
+            n(r, { content: "刷新" }, {
+              default: u(() => [
+                n(a)
+              ]),
+              _: 1
+            }),
+            n(r, { content: "新建文件夹" }, {
+              default: u(() => [
+                n(T)
+              ]),
+              _: 1
+            })
+          ])
+        ]),
+        e("div", Ke, [
+          n(A, {
+            data: z,
+            "default-expanded-keys": ["g1"],
+            "selected-keys": x.value,
+            "block-node": "",
+            onSelect: D
+          }, {
+            extra: u((g) => [
+              g.count ? (o(), l("span", Pe, v(g.count), 1)) : p("", !0)
+            ]),
+            _: 1
+          }, 8, ["selected-keys"])
+        ]),
+        s.showPtz ? (o(), l("div", We, [
+          e("div", je, [
+            t[7] || (t[7] = C("云台控制 ", -1)),
+            n(c, { class: "ptz-chev" })
+          ]),
+          e("div", qe, [
+            e("span", Ge, [
+              n(c)
+            ]),
+            e("span", Ye, [
+              n(V)
+            ]),
+            e("span", Je, [
+              n(H)
+            ]),
+            e("span", Qe, [
+              n(G)
+            ]),
+            t[8] || (t[8] = e("span", { class: "knob" }, null, -1))
+          ]),
+          e("div", Xe, [
+            t[9] || (t[9] = e("span", null, "云台速度", -1)),
+            n(Y, {
+              modelValue: b.value,
+              "onUpdate:modelValue": t[1] || (t[1] = (g) => b.value = g),
+              min: 1,
+              max: 10,
+              style: { flex: 1 }
+            }, null, 8, ["modelValue"]),
+            e("b", null, v(b.value), 1)
+          ]),
+          e("div", Ze, [
+            n(K, {
+              long: "",
+              size: "small"
+            }, {
+              icon: u(() => [
+                n(J)
+              ]),
+              default: u(() => [
+                t[10] || (t[10] = C("放大", -1))
+              ]),
+              _: 1
+            }),
+            n(K, {
+              long: "",
+              size: "small"
+            }, {
+              icon: u(() => [
+                n(Q)
+              ]),
+              default: u(() => [
+                t[11] || (t[11] = C("缩小", -1))
+              ]),
+              _: 1
+            })
+          ])
+        ])) : p("", !0)
+      ]);
+    };
+  }
+}), tt = /* @__PURE__ */ F(et, [["__scopeId", "data-v-05bca26c"]]), st = ["onClick"], ot = /* @__PURE__ */ R({
+  __name: "SrVideoWall",
+  props: {
+    count: {},
+    active: {}
+  },
+  emits: ["update:active"],
+  setup(s) {
+    const m = s, _ = O(() => m.count === 6 ? 3 : Math.ceil(Math.sqrt(m.count))), w = O(() => Math.ceil(m.count / _.value)), h = O(() => ({
+      gridTemplateColumns: `repeat(${_.value}, 1fr)`,
+      gridTemplateRows: `repeat(${w.value}, 1fr)`
+    }));
+    return (k, b) => (o(), l("div", {
+      class: "wall",
+      style: te(h.value)
+    }, [
+      (o(!0), l(B, null, E(s.count, (x) => (o(), l("div", {
+        key: x,
+        class: L(["cell", { active: x - 1 === s.active }]),
+        onClick: (i) => k.$emit("update:active", x - 1)
+      }, [...b[0] || (b[0] = [
+        e("span", { class: "nosrc" }, null, -1),
+        e("span", { class: "cap" }, "未接入视频源", -1)
+      ])], 10, st))), 128))
+    ], 4));
+  }
+}), lt = /* @__PURE__ */ F(ot, [["__scopeId", "data-v-6ebd5cbf"]]), nt = { SrAppHeader: Ae, SrResourceTree: tt, SrVideoWall: lt }, dt = {
+  install(s) {
+    for (const [m, _] of Object.entries(nt)) s.component(m, _);
+  }
+};
+export {
+  oe as DEFAULT_MENUS,
+  le as DEFAULT_USER_MENUS,
+  Ae as SrAppHeader,
+  tt as SrResourceTree,
+  lt as SrVideoWall,
+  dt as default
+};

package/package.json

@@ -0,0 +1,47 @@
+{
+  "name": "@someray-ui/components",
+  "version": "0.0.1",
+  "description": "Someray 内部 Vue3 通用组件库（SrAppHeader / SrResourceTree / SrVideoWall），配合 @arco-themes/vue-someray-light 主题",
+  "type": "module",
+  "files": [
+    "dist"
+  ],
+  "main": "./dist/sr-ui.js",
+  "module": "./dist/sr-ui.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/sr-ui.js",
+      "default": "./dist/sr-ui.js"
+    },
+    "./style.css": "./dist/sr-ui.css",
+    "./dist/*": "./dist/*",
+    "./*": "./*"
+  },
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "scripts": {
+    "build": "vite build"
+  },
+  "peerDependencies": {
+    "vue": "^3.4.0",
+    "vue-router": "^4.3.0",
+    "@arco-design/web-vue": "^2.58.0",
+    "@arco-themes/vue-someray-light": "^0.0.2"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue": "^5.0.4",
+    "typescript": "^5.4.5",
+    "vite": "^5.2.11",
+    "vite-plugin-dts": "^3.9.1",
+    "vue": "^3.4.27",
+    "vue-router": "^4.3.2"
+  },
+  "license": "MIT",
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  }
+}