@robot-admin/naive-ui-components 0.9.1 → 0.9.3

package/dist/C_Menu2.js

@@ -1,2 +1,2 @@
-import{t as e}from"./menuAdapter.js";import{computed as t,createBlock as n,defineComponent as r,nextTick as i,onMounted as a,openBlock as o,ref as s,resolveComponent as c,watch as l}from"vue";const u=r({name:`C_Menu`,__name:`index`,props:{options:{},routes:{},adapterConfig:{},labelFormatter:{},value:{},mode:{default:`vertical`},collapsed:{type:Boolean,default:!1},collapsedWidth:{default:64},collapsedIconSize:{default:22},inverted:{type:Boolean,default:!1},themeOverrides:{},indent:{default:24},rootIndent:{default:16},dropdownProps:{default:()=>({placement:`right-start`,trigger:`hover`,arrowStyle:{color:`var(--n-color)`}})}},emits:[`select`,`update:expandedKeys`],setup(r,{expose:u,emit:d}){let f=r,p=d,m=s(null),h=s([]),g=t(()=>f.value??``),_=t(()=>{if(f.options)return f.options;if(f.routes){let t={...f.adapterConfig,...f.labelFormatter&&{labelFormatter:f.labelFormatter}};return e(f.routes,t)}return[]}),v=(e,t,n=[])=>{for(let r of e){let e=r.children;if(e?.length){let i=[...n,r.key];if(e.some(e=>e.key===t))return i;let a=v(e,t,i);if(a.length>0)return a}}return[]},y=e=>{let t=e.split(`/`).filter(Boolean),n=new Set,r=``;return t.forEach(e=>{r+=`/${e}`,n.add(r)}),v(_.value,e).forEach(e=>n.add(e)),n},b=e=>{e&&e!==g.value&&p(`select`,e)},x=e=>{h.value=e,p(`update:expandedKeys`,e)};return u({showOption:e=>m.value?.showOption(e),menuRef:m}),l(()=>g.value,e=>{if(!e)return;let t=y(e);h.value=Array.from(new Set([...h.value,...t])),i(()=>m.value?.showOption(e))},{immediate:!0}),a(()=>{i(()=>{g.value&&(h.value=Array.from(y(g.value)),m.value?.showOption(g.value))})}),(e,t)=>{let r=c(`NMenu`);return o(),n(r,{ref_key:`menuRef`,ref:m,options:_.value,"expanded-keys":h.value,value:g.value,mode:e.mode,collapsed:e.collapsed,"collapsed-width":e.collapsedWidth,"collapsed-icon-size":e.collapsedIconSize,inverted:e.inverted,"theme-overrides":e.themeOverrides,"dropdown-props":e.dropdownProps,indent:e.indent,"root-indent":e.rootIndent,"onUpdate:value":b,"onUpdate:expandedKeys":x},null,8,[`options`,`expanded-keys`,`value`,`mode`,`collapsed`,`collapsed-width`,`collapsed-icon-size`,`inverted`,`theme-overrides`,`dropdown-props`,`indent`,`root-indent`])}}});export{u as t};
+import{t as e}from"./menuAdapter.js";import{NMenu as t}from"naive-ui";import{computed as n,createBlock as r,defineComponent as i,nextTick as a,onMounted as o,openBlock as s,ref as c,resolveComponent as l,watch as u}from"vue";const d=i({name:`C_Menu`,__name:`index`,props:{options:{},routes:{},adapterConfig:{},labelFormatter:{},value:{},mode:{default:`vertical`},collapsed:{type:Boolean,default:!1},collapsedWidth:{default:64},collapsedIconSize:{default:22},inverted:{type:Boolean,default:!1},themeOverrides:{},indent:{default:24},rootIndent:{default:16},dropdownProps:{default:()=>({placement:`right-start`,trigger:`hover`,arrowStyle:{color:`var(--n-color)`}})}},emits:[`select`,`update:expandedKeys`],setup(i,{expose:l,emit:d}){let f=i,p=d,m=c(null),h=c([]),g=n(()=>f.value??``),_=n(()=>{if(f.options)return f.options;if(f.routes){let t={...f.adapterConfig,...f.labelFormatter&&{labelFormatter:f.labelFormatter}};return e(f.routes,t)}return[]}),v=(e,t,n=[])=>{for(let r of e){let e=r.children;if(e?.length){let i=[...n,r.key];if(e.some(e=>e.key===t))return i;let a=v(e,t,i);if(a.length>0)return a}}return[]},y=e=>{let t=e.split(`/`).filter(Boolean),n=new Set,r=``;return t.forEach(e=>{r+=`/${e}`,n.add(r)}),v(_.value,e).forEach(e=>n.add(e)),n},b=e=>{e&&e!==g.value&&p(`select`,e)},x=e=>{h.value=e,p(`update:expandedKeys`,e)};return l({showOption:e=>m.value?.showOption(e),menuRef:m}),u(()=>g.value,e=>{if(!e)return;let t=y(e);h.value=Array.from(new Set([...h.value,...t])),a(()=>m.value?.showOption(e))},{immediate:!0}),o(()=>{a(()=>{g.value&&(h.value=Array.from(y(g.value)),m.value?.showOption(g.value))})}),(e,n)=>{let i=t;return s(),r(i,{ref_key:`menuRef`,ref:m,options:_.value,"expanded-keys":h.value,value:g.value,mode:e.mode,collapsed:e.collapsed,"collapsed-width":e.collapsedWidth,"collapsed-icon-size":e.collapsedIconSize,inverted:e.inverted,"theme-overrides":e.themeOverrides,"dropdown-props":e.dropdownProps,indent:e.indent,"root-indent":e.rootIndent,"onUpdate:value":b,"onUpdate:expandedKeys":x},null,8,[`options`,`expanded-keys`,`value`,`mode`,`collapsed`,`collapsed-width`,`collapsed-icon-size`,`inverted`,`theme-overrides`,`dropdown-props`,`indent`,`root-indent`])}}});export{d as t};
 //# sourceMappingURL=C_Menu2.js.map

package/dist/C_Menu2.js.map

@@ -1 +1 @@
-{"version":3,"file":"C_Menu2.js","names":[],"sources":["../src/components/C_Menu/index.vue"],"sourcesContent":["<!--\n * @Description: 通用菜单组件 — 基于 NMenu 的树形导航菜单\n *\n * 支持两种数据输入模式：\n * 1. `options` — 直传 NMenu 原生 MenuOption[]（零转换，高级用户）\n * 2. `routes` — 传入路由数据，自动通过内置适配器转换为 MenuOption[]\n *\n * @example 路由模式（推荐）\n * ```vue\n * <C_Menu\n *   :routes=\"menuData\"\n *   :label-formatter=\"$t\"\n *   @select=\"router.push\"\n * />\n * ```\n *\n * @example 原生模式\n * ```vue\n * <C_Menu\n *   :options=\"nMenuOptions\"\n *   @select=\"router.push\"\n * />\n * ```\n *\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\n-->\n<template>\n  <NMenu\n    ref=\"menuRef\"\n    :options=\"mergedOptions\"\n    :expanded-keys=\"expandedKeys\"\n    :value=\"activeKey\"\n    :mode=\"mode\"\n    :collapsed=\"collapsed\"\n    :collapsed-width=\"collapsedWidth\"\n    :collapsed-icon-size=\"collapsedIconSize\"\n    :inverted=\"inverted\"\n    :theme-overrides=\"themeOverrides\"\n    :dropdown-props=\"dropdownProps\"\n    :indent=\"indent\"\n    :root-indent=\"rootIndent\"\n    @update:value=\"handleMenuClick\"\n    @update:expanded-keys=\"onExpandedKeysChange\"\n  />\n</template>\n\n<script setup lang=\"ts\">\n  import { ref, computed, watch, nextTick, onMounted } from 'vue'\n  import {\n    type MenuOption,\n    type MenuInst,\n    type DropdownProps,\n  } from 'naive-ui/es'\n  import {\n    createMenuOptions,\n    type RouteItem,\n    type MenuAdapterConfig,\n  } from '../_shared'\n\n  defineOptions({ name: 'C_Menu' })\n\n  const props = withDefaults(\n    defineProps<{\n      /**\n       * 模式一：直传 NMenu 原生 MenuOption[]\n       * 与 `routes` 二选一，`options` 优先级更高\n       */\n      options?: MenuOption[]\n      /**\n       * 模式二：传入路由数据，自动转换为 MenuOption[]\n       * 兼容 Vue Router RouteRecordRaw / 后端 JSON 路由表\n       */\n      routes?: RouteItem[]\n      /**\n       * 适配器配置（仅 routes 模式生效）\n       * 可自定义 key/label/icon 取值、过滤逻辑等\n       */\n      adapterConfig?: MenuAdapterConfig\n      /**\n       * 标签文本格式化函数（routes 模式的快捷方式）\n       * 等同于 `adapterConfig.labelFormatter`，但优先级更高\n       */\n      labelFormatter?: (label: string) => string\n      /** 当前激活的菜单 key */\n      value?: string\n      /** 菜单模式 */\n      mode?: 'vertical' | 'horizontal'\n      /** 是否折叠 */\n      collapsed?: boolean\n      /** 折叠宽度 */\n      collapsedWidth?: number\n      /** 折叠图标大小 */\n      collapsedIconSize?: number\n      /** 是否反色 */\n      inverted?: boolean\n      /** 主题覆盖 */\n      themeOverrides?: Record<string, any>\n      /** 缩进像素 */\n      indent?: number\n      /** 根缩进像素 */\n      rootIndent?: number\n      /** 下拉菜单属性（折叠模式） */\n      dropdownProps?: DropdownProps\n    }>(),\n    {\n      mode: 'vertical',\n      collapsed: false,\n      collapsedWidth: 64,\n      collapsedIconSize: 22,\n      inverted: false,\n      indent: 24,\n      rootIndent: 16,\n      dropdownProps: () => ({\n        placement: 'right-start' as const,\n        trigger: 'hover' as const,\n        arrowStyle: { color: 'var(--n-color)' },\n      }),\n    }\n  )\n\n  const emit = defineEmits<{\n    /** 菜单项被选中 */\n    select: [key: string]\n    /** 展开项变化 */\n    'update:expandedKeys': [keys: string[]]\n  }>()\n\n  const menuRef = ref<MenuInst | null>(null)\n  const expandedKeys = ref<string[]>([])\n\n  const activeKey = computed(() => props.value ?? '')\n\n  // ====== 数据合成 ======\n\n  /** 合并后的最终 MenuOption[] */\n  const mergedOptions = computed<MenuOption[]>(() => {\n    // 优先使用 options 直传模式\n    if (props.options) return props.options\n\n    // routes 模式 → 适配器转换\n    if (props.routes) {\n      const config: MenuAdapterConfig = {\n        ...props.adapterConfig,\n        ...(props.labelFormatter && { labelFormatter: props.labelFormatter }),\n      }\n      return createMenuOptions(props.routes, config)\n    }\n\n    return []\n  })\n\n  // ====== 展开逻辑 ======\n\n  /** 从 MenuOption[] 中查找所有祖先 key */\n  const findParentKeys = (\n    items: MenuOption[],\n    targetKey: string,\n    parentKeys: string[] = []\n  ): string[] => {\n    for (const item of items) {\n      const children = item.children as MenuOption[] | undefined\n      if (children?.length) {\n        const currentKeys = [...parentKeys, item.key as string]\n        if (children.some(child => child.key === targetKey)) {\n          return currentKeys\n        }\n        const result = findParentKeys(children, targetKey, currentKeys)\n        if (result.length > 0) return result\n      }\n    }\n    return []\n  }\n\n  /** 通过路径段推导展开 key + 查找祖先 key */\n  const computeExpandedKeys = (path: string): Set<string> => {\n    const segments = path.split('/').filter(Boolean)\n    const keys = new Set<string>()\n    let currentPath = ''\n    segments.forEach(segment => {\n      currentPath += `/${segment}`\n      keys.add(currentPath)\n    })\n    findParentKeys(mergedOptions.value, path).forEach(key => keys.add(key))\n    return keys\n  }\n\n  // ====== 事件处理 ======\n\n  const handleMenuClick = (key: string) => {\n    if (key && key !== activeKey.value) {\n      emit('select', key)\n    }\n  }\n\n  const onExpandedKeysChange = (keys: string[]) => {\n    expandedKeys.value = keys\n    emit('update:expandedKeys', keys)\n  }\n\n  // ====== 暴露方法 ======\n  const showOption = (key: string) => menuRef.value?.showOption(key)\n  defineExpose({ showOption, menuRef })\n\n  // ====== 路由跟踪 ======\n\n  watch(\n    () => activeKey.value,\n    newKey => {\n      if (!newKey) return\n      const newKeys = computeExpandedKeys(newKey)\n      expandedKeys.value = Array.from(\n        new Set([...expandedKeys.value, ...newKeys])\n      )\n      nextTick(() => menuRef.value?.showOption(newKey))\n    },\n    { immediate: true }\n  )\n\n  onMounted(() => {\n    nextTick(() => {\n      if (activeKey.value) {\n        expandedKeys.value = Array.from(computeExpandedKeys(activeKey.value))\n        menuRef.value?.showOption(activeKey.value)\n      }\n    })\n  })\n</script>\n"],"mappings":"yrBA6DE,IAAM,EAAQ,EA2DR,EAAO,EAOP,EAAU,EAAqB,KAAI,CACnC,EAAe,EAAc,EAAE,CAAA,CAE/B,EAAY,MAAe,EAAM,OAAS,GAAE,CAK5C,EAAgB,MAA6B,CAEjD,GAAI,EAAM,QAAS,OAAO,EAAM,QAGhC,GAAI,EAAM,OAAQ,CAChB,IAAM,EAA4B,CAChC,GAAG,EAAM,cACT,GAAI,EAAM,gBAAkB,CAAE,eAAgB,EAAM,eAAgB,CACtE,CACA,OAAO,EAAkB,EAAM,OAAQ,EAAM,CAG/C,MAAO,EAAC,EACT,CAKK,GACJ,EACA,EACA,EAAuB,EAAC,GACX,CACb,IAAK,IAAM,KAAQ,EAAO,CACxB,IAAM,EAAW,EAAK,SACtB,GAAI,GAAU,OAAQ,CACpB,IAAM,EAAc,CAAC,GAAG,EAAY,EAAK,IAAa,CACtD,GAAI,EAAS,KAAK,GAAS,EAAM,MAAQ,EAAU,CACjD,OAAO,EAET,IAAM,EAAS,EAAe,EAAU,EAAW,EAAW,CAC9D,GAAI,EAAO,OAAS,EAAG,OAAO,GAGlC,MAAO,EAAC,EAIJ,EAAuB,GAA8B,CACzD,IAAM,EAAW,EAAK,MAAM,IAAI,CAAC,OAAO,QAAO,CACzC,EAAO,IAAI,IACb,EAAc,GAMlB,OALA,EAAS,QAAQ,GAAW,CAC1B,GAAe,IAAI,IACnB,EAAK,IAAI,EAAW,EACrB,CACD,EAAe,EAAc,MAAO,EAAK,CAAC,QAAQ,GAAO,EAAK,IAAI,EAAI,CAAA,CAC/D,GAKH,EAAmB,GAAgB,CACnC,GAAO,IAAQ,EAAU,OAC3B,EAAK,SAAU,EAAG,EAIhB,EAAwB,GAAmB,CAC/C,EAAa,MAAQ,EACrB,EAAK,sBAAuB,EAAI,SAKlC,EAAa,CAAE,WADK,GAAgB,EAAQ,OAAO,WAAW,EAAG,CACtC,UAAS,CAAA,CAIpC,MACQ,EAAU,MAChB,GAAU,CACR,GAAI,CAAC,EAAQ,OACb,IAAM,EAAU,EAAoB,EAAM,CAC1C,EAAa,MAAQ,MAAM,KACzB,IAAI,IAAI,CAAC,GAAG,EAAa,MAAO,GAAG,EAAQ,CAAA,CAC7C,CACA,MAAe,EAAQ,OAAO,WAAW,EAAO,CAAA,EAElD,CAAE,UAAW,GAAK,CACpB,CAEA,MAAgB,CACd,MAAe,CACT,EAAU,QACZ,EAAa,MAAQ,MAAM,KAAK,EAAoB,EAAU,MAAM,CAAA,CACpE,EAAQ,OAAO,WAAW,EAAU,MAAK,GAE5C,EACF,qCAtMD,EAgBC,EAAA,SAfK,UAAJ,IAAI,EACH,QAAS,EAAA,MACT,gBAAe,EAAA,MACf,MAAO,EAAA,MACP,KAAM,EAAA,KACN,UAAW,EAAA,UACX,kBAAiB,EAAA,eACjB,sBAAqB,EAAA,kBACrB,SAAU,EAAA,SACV,kBAAiB,EAAA,eACjB,iBAAgB,EAAA,cAChB,OAAQ,EAAA,OACR,cAAa,EAAA,WACb,iBAAc,EACd,wBAAsB"}
+{"version":3,"file":"C_Menu2.js","names":["mode","collapsed","collapsedWidth","collapsedIconSize","inverted","themeOverrides","dropdownProps","indent","rootIndent"],"sources":["../src/components/C_Menu/index.vue","../src/components/C_Menu/index.vue"],"sourcesContent":["<!--\n * @Description: 通用菜单组件 — 基于 NMenu 的树形导航菜单\n *\n * 支持两种数据输入模式：\n * 1. `options` — 直传 NMenu 原生 MenuOption[]（零转换，高级用户）\n * 2. `routes` — 传入路由数据，自动通过内置适配器转换为 MenuOption[]\n *\n * @example 路由模式（推荐）\n * ```vue\n * <C_Menu\n *   :routes=\"menuData\"\n *   :label-formatter=\"$t\"\n *   @select=\"router.push\"\n * />\n * ```\n *\n * @example 原生模式\n * ```vue\n * <C_Menu\n *   :options=\"nMenuOptions\"\n *   @select=\"router.push\"\n * />\n * ```\n *\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\n-->\n<template>\n  <NMenu\n    ref=\"menuRef\"\n    :options=\"mergedOptions\"\n    :expanded-keys=\"expandedKeys\"\n    :value=\"activeKey\"\n    :mode=\"mode\"\n    :collapsed=\"collapsed\"\n    :collapsed-width=\"collapsedWidth\"\n    :collapsed-icon-size=\"collapsedIconSize\"\n    :inverted=\"inverted\"\n    :theme-overrides=\"themeOverrides\"\n    :dropdown-props=\"dropdownProps\"\n    :indent=\"indent\"\n    :root-indent=\"rootIndent\"\n    @update:value=\"handleMenuClick\"\n    @update:expanded-keys=\"onExpandedKeysChange\"\n  />\n</template>\n\n<script setup lang=\"ts\">\n  import { ref, computed, watch, nextTick, onMounted } from 'vue'\n  import {\n    type MenuOption,\n    type MenuInst,\n    type DropdownProps,\n  } from 'naive-ui/es'\n  import {\n    createMenuOptions,\n    type RouteItem,\n    type MenuAdapterConfig,\n  } from '../_shared'\n\n  defineOptions({ name: 'C_Menu' })\n\n  const props = withDefaults(\n    defineProps<{\n      /**\n       * 模式一：直传 NMenu 原生 MenuOption[]\n       * 与 `routes` 二选一，`options` 优先级更高\n       */\n      options?: MenuOption[]\n      /**\n       * 模式二：传入路由数据，自动转换为 MenuOption[]\n       * 兼容 Vue Router RouteRecordRaw / 后端 JSON 路由表\n       */\n      routes?: RouteItem[]\n      /**\n       * 适配器配置（仅 routes 模式生效）\n       * 可自定义 key/label/icon 取值、过滤逻辑等\n       */\n      adapterConfig?: MenuAdapterConfig\n      /**\n       * 标签文本格式化函数（routes 模式的快捷方式）\n       * 等同于 `adapterConfig.labelFormatter`，但优先级更高\n       */\n      labelFormatter?: (label: string) => string\n      /** 当前激活的菜单 key */\n      value?: string\n      /** 菜单模式 */\n      mode?: 'vertical' | 'horizontal'\n      /** 是否折叠 */\n      collapsed?: boolean\n      /** 折叠宽度 */\n      collapsedWidth?: number\n      /** 折叠图标大小 */\n      collapsedIconSize?: number\n      /** 是否反色 */\n      inverted?: boolean\n      /** 主题覆盖 */\n      themeOverrides?: Record<string, any>\n      /** 缩进像素 */\n      indent?: number\n      /** 根缩进像素 */\n      rootIndent?: number\n      /** 下拉菜单属性（折叠模式） */\n      dropdownProps?: DropdownProps\n    }>(),\n    {\n      mode: 'vertical',\n      collapsed: false,\n      collapsedWidth: 64,\n      collapsedIconSize: 22,\n      inverted: false,\n      indent: 24,\n      rootIndent: 16,\n      dropdownProps: () => ({\n        placement: 'right-start' as const,\n        trigger: 'hover' as const,\n        arrowStyle: { color: 'var(--n-color)' },\n      }),\n    }\n  )\n\n  const emit = defineEmits<{\n    /** 菜单项被选中 */\n    select: [key: string]\n    /** 展开项变化 */\n    'update:expandedKeys': [keys: string[]]\n  }>()\n\n  const menuRef = ref<MenuInst | null>(null)\n  const expandedKeys = ref<string[]>([])\n\n  const activeKey = computed(() => props.value ?? '')\n\n  // ====== 数据合成 ======\n\n  /** 合并后的最终 MenuOption[] */\n  const mergedOptions = computed<MenuOption[]>(() => {\n    // 优先使用 options 直传模式\n    if (props.options) return props.options\n\n    // routes 模式 → 适配器转换\n    if (props.routes) {\n      const config: MenuAdapterConfig = {\n        ...props.adapterConfig,\n        ...(props.labelFormatter && { labelFormatter: props.labelFormatter }),\n      }\n      return createMenuOptions(props.routes, config)\n    }\n\n    return []\n  })\n\n  // ====== 展开逻辑 ======\n\n  /** 从 MenuOption[] 中查找所有祖先 key */\n  const findParentKeys = (\n    items: MenuOption[],\n    targetKey: string,\n    parentKeys: string[] = []\n  ): string[] => {\n    for (const item of items) {\n      const children = item.children as MenuOption[] | undefined\n      if (children?.length) {\n        const currentKeys = [...parentKeys, item.key as string]\n        if (children.some(child => child.key === targetKey)) {\n          return currentKeys\n        }\n        const result = findParentKeys(children, targetKey, currentKeys)\n        if (result.length > 0) return result\n      }\n    }\n    return []\n  }\n\n  /** 通过路径段推导展开 key + 查找祖先 key */\n  const computeExpandedKeys = (path: string): Set<string> => {\n    const segments = path.split('/').filter(Boolean)\n    const keys = new Set<string>()\n    let currentPath = ''\n    segments.forEach(segment => {\n      currentPath += `/${segment}`\n      keys.add(currentPath)\n    })\n    findParentKeys(mergedOptions.value, path).forEach(key => keys.add(key))\n    return keys\n  }\n\n  // ====== 事件处理 ======\n\n  const handleMenuClick = (key: string) => {\n    if (key && key !== activeKey.value) {\n      emit('select', key)\n    }\n  }\n\n  const onExpandedKeysChange = (keys: string[]) => {\n    expandedKeys.value = keys\n    emit('update:expandedKeys', keys)\n  }\n\n  // ====== 暴露方法 ======\n  const showOption = (key: string) => menuRef.value?.showOption(key)\n  defineExpose({ showOption, menuRef })\n\n  // ====== 路由跟踪 ======\n\n  watch(\n    () => activeKey.value,\n    newKey => {\n      if (!newKey) return\n      const newKeys = computeExpandedKeys(newKey)\n      expandedKeys.value = Array.from(\n        new Set([...expandedKeys.value, ...newKeys])\n      )\n      nextTick(() => menuRef.value?.showOption(newKey))\n    },\n    { immediate: true }\n  )\n\n  onMounted(() => {\n    nextTick(() => {\n      if (activeKey.value) {\n        expandedKeys.value = Array.from(computeExpandedKeys(activeKey.value))\n        menuRef.value?.showOption(activeKey.value)\n      }\n    })\n  })\n</script>\n","<!--\n * @Description: 通用菜单组件 — 基于 NMenu 的树形导航菜单\n *\n * 支持两种数据输入模式：\n * 1. `options` — 直传 NMenu 原生 MenuOption[]（零转换，高级用户）\n * 2. `routes` — 传入路由数据，自动通过内置适配器转换为 MenuOption[]\n *\n * @example 路由模式（推荐）\n * ```vue\n * <C_Menu\n *   :routes=\"menuData\"\n *   :label-formatter=\"$t\"\n *   @select=\"router.push\"\n * />\n * ```\n *\n * @example 原生模式\n * ```vue\n * <C_Menu\n *   :options=\"nMenuOptions\"\n *   @select=\"router.push\"\n * />\n * ```\n *\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\n-->\n<template>\n  <NMenu\n    ref=\"menuRef\"\n    :options=\"mergedOptions\"\n    :expanded-keys=\"expandedKeys\"\n    :value=\"activeKey\"\n    :mode=\"mode\"\n    :collapsed=\"collapsed\"\n    :collapsed-width=\"collapsedWidth\"\n    :collapsed-icon-size=\"collapsedIconSize\"\n    :inverted=\"inverted\"\n    :theme-overrides=\"themeOverrides\"\n    :dropdown-props=\"dropdownProps\"\n    :indent=\"indent\"\n    :root-indent=\"rootIndent\"\n    @update:value=\"handleMenuClick\"\n    @update:expanded-keys=\"onExpandedKeysChange\"\n  />\n</template>\n\n<script setup lang=\"ts\">\n  import { ref, computed, watch, nextTick, onMounted } from 'vue'\n  import {\n    type MenuOption,\n    type MenuInst,\n    type DropdownProps,\n  } from 'naive-ui/es'\n  import {\n    createMenuOptions,\n    type RouteItem,\n    type MenuAdapterConfig,\n  } from '../_shared'\n\n  defineOptions({ name: 'C_Menu' })\n\n  const props = withDefaults(\n    defineProps<{\n      /**\n       * 模式一：直传 NMenu 原生 MenuOption[]\n       * 与 `routes` 二选一，`options` 优先级更高\n       */\n      options?: MenuOption[]\n      /**\n       * 模式二：传入路由数据，自动转换为 MenuOption[]\n       * 兼容 Vue Router RouteRecordRaw / 后端 JSON 路由表\n       */\n      routes?: RouteItem[]\n      /**\n       * 适配器配置（仅 routes 模式生效）\n       * 可自定义 key/label/icon 取值、过滤逻辑等\n       */\n      adapterConfig?: MenuAdapterConfig\n      /**\n       * 标签文本格式化函数（routes 模式的快捷方式）\n       * 等同于 `adapterConfig.labelFormatter`，但优先级更高\n       */\n      labelFormatter?: (label: string) => string\n      /** 当前激活的菜单 key */\n      value?: string\n      /** 菜单模式 */\n      mode?: 'vertical' | 'horizontal'\n      /** 是否折叠 */\n      collapsed?: boolean\n      /** 折叠宽度 */\n      collapsedWidth?: number\n      /** 折叠图标大小 */\n      collapsedIconSize?: number\n      /** 是否反色 */\n      inverted?: boolean\n      /** 主题覆盖 */\n      themeOverrides?: Record<string, any>\n      /** 缩进像素 */\n      indent?: number\n      /** 根缩进像素 */\n      rootIndent?: number\n      /** 下拉菜单属性（折叠模式） */\n      dropdownProps?: DropdownProps\n    }>(),\n    {\n      mode: 'vertical',\n      collapsed: false,\n      collapsedWidth: 64,\n      collapsedIconSize: 22,\n      inverted: false,\n      indent: 24,\n      rootIndent: 16,\n      dropdownProps: () => ({\n        placement: 'right-start' as const,\n        trigger: 'hover' as const,\n        arrowStyle: { color: 'var(--n-color)' },\n      }),\n    }\n  )\n\n  const emit = defineEmits<{\n    /** 菜单项被选中 */\n    select: [key: string]\n    /** 展开项变化 */\n    'update:expandedKeys': [keys: string[]]\n  }>()\n\n  const menuRef = ref<MenuInst | null>(null)\n  const expandedKeys = ref<string[]>([])\n\n  const activeKey = computed(() => props.value ?? '')\n\n  // ====== 数据合成 ======\n\n  /** 合并后的最终 MenuOption[] */\n  const mergedOptions = computed<MenuOption[]>(() => {\n    // 优先使用 options 直传模式\n    if (props.options) return props.options\n\n    // routes 模式 → 适配器转换\n    if (props.routes) {\n      const config: MenuAdapterConfig = {\n        ...props.adapterConfig,\n        ...(props.labelFormatter && { labelFormatter: props.labelFormatter }),\n      }\n      return createMenuOptions(props.routes, config)\n    }\n\n    return []\n  })\n\n  // ====== 展开逻辑 ======\n\n  /** 从 MenuOption[] 中查找所有祖先 key */\n  const findParentKeys = (\n    items: MenuOption[],\n    targetKey: string,\n    parentKeys: string[] = []\n  ): string[] => {\n    for (const item of items) {\n      const children = item.children as MenuOption[] | undefined\n      if (children?.length) {\n        const currentKeys = [...parentKeys, item.key as string]\n        if (children.some(child => child.key === targetKey)) {\n          return currentKeys\n        }\n        const result = findParentKeys(children, targetKey, currentKeys)\n        if (result.length > 0) return result\n      }\n    }\n    return []\n  }\n\n  /** 通过路径段推导展开 key + 查找祖先 key */\n  const computeExpandedKeys = (path: string): Set<string> => {\n    const segments = path.split('/').filter(Boolean)\n    const keys = new Set<string>()\n    let currentPath = ''\n    segments.forEach(segment => {\n      currentPath += `/${segment}`\n      keys.add(currentPath)\n    })\n    findParentKeys(mergedOptions.value, path).forEach(key => keys.add(key))\n    return keys\n  }\n\n  // ====== 事件处理 ======\n\n  const handleMenuClick = (key: string) => {\n    if (key && key !== activeKey.value) {\n      emit('select', key)\n    }\n  }\n\n  const onExpandedKeysChange = (keys: string[]) => {\n    expandedKeys.value = keys\n    emit('update:expandedKeys', keys)\n  }\n\n  // ====== 暴露方法 ======\n  const showOption = (key: string) => menuRef.value?.showOption(key)\n  defineExpose({ showOption, menuRef })\n\n  // ====== 路由跟踪 ======\n\n  watch(\n    () => activeKey.value,\n    newKey => {\n      if (!newKey) return\n      const newKeys = computeExpandedKeys(newKey)\n      expandedKeys.value = Array.from(\n        new Set([...expandedKeys.value, ...newKeys])\n      )\n      nextTick(() => menuRef.value?.showOption(newKey))\n    },\n    { immediate: true }\n  )\n\n  onMounted(() => {\n    nextTick(() => {\n      if (activeKey.value) {\n        expandedKeys.value = Array.from(computeExpandedKeys(activeKey.value))\n        menuRef.value?.showOption(activeKey.value)\n      }\n    })\n  })\n</script>\n"],"mappings":"0tBA6DE,IAAM,EAAQ,EA2DR,EAAO,EAOP,EAAU,EAAqB,KAAI,CACnC,EAAe,EAAc,EAAE,CAAA,CAE/B,EAAY,MAAe,EAAM,OAAS,GAAE,CAK5C,EAAgB,MAA6B,CAEjD,GAAI,EAAM,QAAS,OAAO,EAAM,QAGhC,GAAI,EAAM,OAAQ,CAChB,IAAM,EAA4B,CAChC,GAAG,EAAM,cACT,GAAI,EAAM,gBAAkB,CAAE,eAAgB,EAAM,eAAA,CACtD,CACA,OAAO,EAAkB,EAAM,OAAQ,EAAM,CAG/C,MAAO,EAAC,EACT,CAKK,GACJ,EACA,EACA,EAAuB,EAAC,GACX,CACb,IAAK,IAAM,KAAQ,EAAO,CACxB,IAAM,EAAW,EAAK,SACtB,GAAI,GAAU,OAAQ,CACpB,IAAM,EAAc,CAAC,GAAG,EAAY,EAAK,IAAa,CACtD,GAAI,EAAS,KAAK,GAAS,EAAM,MAAQ,EAAU,CACjD,OAAO,EAET,IAAM,EAAS,EAAe,EAAU,EAAW,EAAW,CAC9D,GAAI,EAAO,OAAS,EAAG,OAAO,GAGlC,MAAO,EAAC,EAIJ,EAAuB,GAA8B,CACzD,IAAM,EAAW,EAAK,MAAM,IAAI,CAAC,OAAO,QAAO,CACzC,EAAO,IAAI,IACb,EAAc,GAMlB,OALA,EAAS,QAAQ,GAAW,CAC1B,GAAe,IAAI,IACnB,EAAK,IAAI,EAAW,EACrB,CACD,EAAe,EAAc,MAAO,EAAK,CAAC,QAAQ,GAAO,EAAK,IAAI,EAAI,CAAA,CAC/D,GAKH,EAAmB,GAAgB,CACnC,GAAO,IAAQ,EAAU,OAC3B,EAAK,SAAU,EAAG,EAIhB,EAAwB,GAAmB,CAC/C,EAAa,MAAQ,EACrB,EAAK,sBAAuB,EAAI,SAKlC,EAAa,CAAE,WADK,GAAgB,EAAQ,OAAO,WAAW,EAAG,CACtC,UAAS,CAAA,CAIpC,MACQ,EAAU,MAChB,GAAU,CACR,GAAI,CAAC,EAAQ,OACb,IAAM,EAAU,EAAoB,EAAM,CAC1C,EAAa,MAAQ,MAAM,KACzB,IAAI,IAAI,CAAC,GAAG,EAAa,MAAO,GAAG,EAAQ,CAAA,CAC7C,CACA,MAAe,EAAQ,OAAO,WAAW,EAAO,CAAA,EAElD,CAAE,UAAW,GAAK,CACpB,CAEA,MAAgB,CACd,MAAe,CACT,EAAU,QACZ,EAAa,MAAQ,MAAM,KAAK,EAAoB,EAAU,MAAM,CAAA,CACpE,EAAQ,OAAO,WAAW,EAAU,MAAK,GAE5C,EACF,4BCtMD,EAgBE,EAAA,SAfI,UAAJ,IAAI,EACH,QAAS,EAAA,MACT,gBAAe,EAAA,MACf,MAAO,EAAA,MACP,KAAMA,EAAAA,KACN,UAAWC,EAAAA,UACX,kBAAiBC,EAAAA,eACjB,sBAAqBC,EAAAA,kBACrB,SAAUC,EAAAA,SACV,kBAAiBC,EAAAA,eACjB,iBAAgBC,EAAAA,cAChB,OAAQC,EAAAA,OACR,cAAaC,EAAAA,WACb,iBAAc,EACd,wBAAsB"}

package/dist/{C_NotificationCenter-DT6fQ79O.css.map → C_NotificationCenter-D7GGGWg7.css.map}

@@ -1 +1 @@
-{"version":3,"file":"C_NotificationCenter-DT6fQ79O.css","names":[],"sources":["../src/components/C_NotificationCenter/components/NotificationBadge.vue?vue&type=style&index=0&scoped=03c9c8c7&lang.scss","../src/components/C_NotificationCenter/components/NotificationItem.vue?vue&type=style&index=0&scoped=30bf7ddc&lang.scss","../src/components/C_NotificationCenter/components/NotificationList.vue?vue&type=style&index=0&scoped=3db0c5bf&lang.scss","../src/components/C_NotificationCenter/components/NotificationDetail.vue?vue&type=style&index=0&scoped=b10b0b8e&lang.scss","../src/components/C_NotificationCenter/index.vue?vue&type=style&index=0&scoped=a60d6896&lang.scss"],"sourcesContent":["/* unplugin-vue-components disabled */.notification-badge[data-v-03c9c8c7] {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n}\n.notification-badge__trigger[data-v-03c9c8c7] {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  padding: 4px;\n  border-radius: 6px;\n  transition: all var(--c-transition, 0.2s ease);\n}\n.notification-badge__trigger[data-v-03c9c8c7]:hover {\n  background-color: var(--c-border);\n}\n.notification-badge__trigger:hover .notification-badge__icon[data-v-03c9c8c7] {\n  color: var(--c-primary);\n}\n.notification-badge__icon[data-v-03c9c8c7] {\n  color: var(--c-text-2);\n  transition: color var(--c-transition, 0.2s ease);\n}\n.notification-badge__count[data-v-03c9c8c7] {\n  position: absolute;\n  top: -2px;\n  right: -4px;\n  min-width: 16px;\n  height: 16px;\n  padding: 0 4px;\n  border-radius: 8px;\n  background: #f5222d;\n  color: #fff;\n  font-size: 10px;\n  font-weight: 600;\n  line-height: 16px;\n  text-align: center;\n  white-space: nowrap;\n  pointer-events: none;\n  box-shadow: 0 0 0 2px var(--c-bg);\n}\n.notification-badge__pulse[data-v-03c9c8c7] {\n  position: absolute;\n  top: -2px;\n  right: -4px;\n  width: 16px;\n  height: 16px;\n  border-radius: 50%;\n  background: rgba(245, 34, 45, 0.4);\n  animation: pulse-ring-03c9c8c7 1.5s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;\n  pointer-events: none;\n}\n@keyframes pulse-ring-03c9c8c7 {\n0% {\n    transform: scale(0.8);\n    opacity: 1;\n}\n100% {\n    transform: scale(2.2);\n    opacity: 0;\n}\n}\n.badge-bounce-enter-active[data-v-03c9c8c7] {\n  animation: badge-in-03c9c8c7 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n}\n.badge-bounce-leave-active[data-v-03c9c8c7] {\n  animation: badge-in-03c9c8c7 0.2s ease reverse;\n}\n@keyframes badge-in-03c9c8c7 {\n0% {\n    transform: scale(0);\n    opacity: 0;\n}\n100% {\n    transform: scale(1);\n    opacity: 1;\n}\n}","/* unplugin-vue-components disabled */.notification-item[data-v-30bf7ddc] {\n  display: flex;\n  align-items: flex-start;\n  gap: 10px;\n  padding: 12px 16px;\n  cursor: pointer;\n  transition: background-color var(--c-transition, 0.2s ease);\n  border-bottom: 1px solid var(--c-border);\n  /* ─── 子元素 ──────────────────────────── */\n}\n.notification-item[data-v-30bf7ddc]:last-child {\n  border-bottom: none;\n}\n.notification-item[data-v-30bf7ddc]:hover {\n  background-color: var(--c-bg-card);\n}\n.notification-item:hover .notification-item__actions[data-v-30bf7ddc] {\n  opacity: 1;\n}\n.notification-item--unread[data-v-30bf7ddc] {\n  background-color: color-mix(in srgb, var(--c-primary) 4%, transparent);\n}\n.notification-item--unread[data-v-30bf7ddc]:hover {\n  background-color: color-mix(in srgb, var(--c-primary) 8%, transparent);\n}\n.notification-item--urgent[data-v-30bf7ddc] {\n  border-left: 3px solid #f5222d;\n  padding-left: 13px;\n}\n.notification-item__indicator[data-v-30bf7ddc] {\n  flex-shrink: 0;\n  width: 8px;\n  display: flex;\n  align-items: center;\n  padding-top: 14px;\n}\n.notification-item__dot[data-v-30bf7ddc] {\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  background: var(--c-primary);\n}\n.notification-item__dot--urgent[data-v-30bf7ddc] {\n  background: #f5222d;\n  box-shadow: 0 0 4px rgba(245, 34, 45, 0.5);\n}\n.notification-item__dot--high[data-v-30bf7ddc] {\n  background: #fa8c16;\n}\n.notification-item__dot--normal[data-v-30bf7ddc] {\n  background: var(--c-primary);\n}\n.notification-item__dot--low[data-v-30bf7ddc] {\n  background: var(--c-text-4);\n}\n.notification-item__avatar[data-v-30bf7ddc] {\n  flex-shrink: 0;\n}\n.notification-item__avatar-placeholder[data-v-30bf7ddc] {\n  width: 36px;\n  height: 36px;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 16px;\n  color: #fff;\n}\n.notification-item__avatar-placeholder--system[data-v-30bf7ddc] {\n  background: linear-gradient(135deg, #667eea, #764ba2);\n}\n.notification-item__avatar-placeholder--business[data-v-30bf7ddc] {\n  background: linear-gradient(135deg, #43e97b, #38f9d7);\n  color: #0d1425;\n}\n.notification-item__avatar-placeholder--alarm[data-v-30bf7ddc] {\n  background: linear-gradient(135deg, #f093fb, #f5576c);\n}\n.notification-item__body[data-v-30bf7ddc] {\n  flex: 1;\n  min-width: 0;\n}\n.notification-item__header[data-v-30bf7ddc] {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  margin-bottom: 4px;\n}\n.notification-item__title[data-v-30bf7ddc] {\n  font-size: 13px;\n  font-weight: 500;\n  color: var(--c-text-1);\n  line-height: 1.4;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.notification-item__summary[data-v-30bf7ddc] {\n  font-size: 12px;\n  color: var(--c-text-2);\n  line-height: 1.5;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  line-clamp: 2;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n}\n.notification-item__meta[data-v-30bf7ddc] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin-top: 6px;\n}\n.notification-item__time[data-v-30bf7ddc], .notification-item__sender[data-v-30bf7ddc] {\n  font-size: 11px;\n  color: var(--c-text-4);\n}\n.notification-item__sender[data-v-30bf7ddc]::before {\n  content: \"·\";\n  margin-right: 8px;\n}\n.notification-item__actions[data-v-30bf7ddc] {\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  opacity: 0;\n  transition: opacity var(--c-transition, 0.2s ease);\n}\n.notification-item__action[data-v-30bf7ddc] {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 24px;\n  height: 24px;\n  padding: 2px;\n  border-radius: 4px;\n  cursor: pointer;\n  color: var(--c-text-4);\n  transition: all var(--c-transition, 0.2s ease);\n}\n.notification-item__action[data-v-30bf7ddc]:hover {\n  color: var(--c-primary);\n  background-color: var(--c-border);\n}","/* unplugin-vue-components disabled */.notification-list__tabs[data-v-3db0c5bf] {\n  display: flex;\n  border-bottom: 1px solid var(--c-border);\n  padding: 0 4px;\n}\n.notification-list__tab[data-v-3db0c5bf] {\n  position: relative;\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  padding: 10px 12px;\n  font-size: 13px;\n  color: var(--c-text-2);\n  cursor: pointer;\n  transition: all var(--c-transition, 0.2s ease);\n  user-select: none;\n}\n.notification-list__tab[data-v-3db0c5bf]::after {\n  content: \"\";\n  position: absolute;\n  bottom: 0;\n  left: 12px;\n  right: 12px;\n  height: 2px;\n  background: transparent;\n  border-radius: 1px;\n  transition: background var(--c-transition, 0.2s ease);\n}\n.notification-list__tab[data-v-3db0c5bf]:hover {\n  color: var(--c-text-1);\n}\n.notification-list__tab--active[data-v-3db0c5bf] {\n  color: var(--c-primary);\n  font-weight: 500;\n}\n.notification-list__tab--active[data-v-3db0c5bf]::after {\n  background: var(--c-primary);\n}\n.notification-list__tab-count[data-v-3db0c5bf] {\n  min-width: 16px;\n  height: 16px;\n  padding: 0 4px;\n  border-radius: 8px;\n  background: #f5222d;\n  color: #fff;\n  font-size: 10px;\n  font-weight: 600;\n  line-height: 16px;\n  text-align: center;\n}\n.notification-list__toolbar[data-v-3db0c5bf] {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  gap: 12px;\n  padding: 6px 16px;\n  border-bottom: 1px solid var(--c-border);\n}\n.notification-list__scroll[data-v-3db0c5bf] {\n  flex: 1;\n}\n.notification-list__skeleton[data-v-3db0c5bf] {\n  display: flex;\n  align-items: flex-start;\n  gap: 12px;\n  padding: 14px 16px;\n}\n.notification-list__skeleton-text[data-v-3db0c5bf] {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n.notification-list__load-more[data-v-3db0c5bf] {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 6px;\n  padding: 12px;\n  font-size: 12px;\n  color: var(--c-text-2);\n  cursor: pointer;\n  transition: color var(--c-transition, 0.2s ease);\n}\n.notification-list__load-more[data-v-3db0c5bf]:hover {\n  color: var(--c-primary);\n}\n.notification-list__empty[data-v-3db0c5bf] {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 60px 0;\n  gap: 12px;\n}\n.notification-list__empty-icon[data-v-3db0c5bf] {\n  color: var(--c-text-4);\n  opacity: 0.5;\n}\n.notification-list__empty-text[data-v-3db0c5bf] {\n  font-size: 13px;\n  color: var(--c-text-4);\n}","/* unplugin-vue-components disabled */.notification-detail[data-v-b10b0b8e] {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n.notification-detail__back[data-v-b10b0b8e] {\n  padding: 8px 16px;\n  border-bottom: 1px solid var(--c-border);\n}\n.notification-detail__header[data-v-b10b0b8e] {\n  padding: 16px;\n  border-bottom: 1px solid var(--c-border);\n}\n.notification-detail__title[data-v-b10b0b8e] {\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--c-text-1);\n  line-height: 1.5;\n  margin: 0 0 8px;\n}\n.notification-detail__meta[data-v-b10b0b8e] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  flex-wrap: wrap;\n}\n.notification-detail__time[data-v-b10b0b8e] {\n  font-size: 11px;\n  color: var(--c-text-4);\n}\n.notification-detail__sender[data-v-b10b0b8e] {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  margin-top: 8px;\n  font-size: 12px;\n  color: var(--c-text-2);\n}\n.notification-detail__content[data-v-b10b0b8e] {\n  flex: 1;\n  min-height: 0;\n}\n.notification-detail__body[data-v-b10b0b8e] {\n  padding: 16px;\n  font-size: 13px;\n  line-height: 1.7;\n  color: var(--c-text-1);\n  word-break: break-word;\n}\n.notification-detail__body[data-v-b10b0b8e] p {\n  margin: 0 0 8px;\n}\n.notification-detail__body[data-v-b10b0b8e] ul,\n.notification-detail__body[data-v-b10b0b8e] ol {\n  padding-left: 20px;\n  margin: 8px 0;\n}\n.notification-detail__body[data-v-b10b0b8e] li {\n  margin: 4px 0;\n}\n.notification-detail__body[data-v-b10b0b8e] strong {\n  font-weight: 600;\n  color: var(--c-primary);\n}\n.notification-detail__footer[data-v-b10b0b8e] {\n  padding: 12px 16px;\n  border-top: 1px solid var(--c-border);\n  display: flex;\n  justify-content: flex-end;\n}","/* unplugin-vue-components disabled */.c-notification-center[data-v-a60d6896] {\n  display: inline-flex;\n  align-items: center;\n}\n.c-notification-center__panel[data-v-a60d6896] {\n  display: flex;\n  flex-direction: column;\n  max-height: 560px;\n}\n.c-notification-center__header[data-v-a60d6896] {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 14px 16px 10px;\n  border-bottom: 1px solid var(--c-border);\n}\n.c-notification-center__title[data-v-a60d6896] {\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--c-text-1);\n}\n.c-notification-center__header-extra[data-v-a60d6896] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n.c-notification-center__ws-dot[data-v-a60d6896] {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  transition: background-color var(--c-transition, 0.2s ease);\n}\n.c-notification-center__ws-dot--connected[data-v-a60d6896] {\n  background: #52c41a;\n  box-shadow: 0 0 4px rgba(82, 196, 26, 0.5);\n}\n.c-notification-center__ws-dot--connecting[data-v-a60d6896], .c-notification-center__ws-dot--reconnecting[data-v-a60d6896] {\n  background: #faad14;\n  animation: status-blink-a60d6896 1s ease-in-out infinite;\n}\n.c-notification-center__ws-dot--disconnected[data-v-a60d6896] {\n  background: var(--c-text-4);\n}\n@keyframes status-blink-a60d6896 {\n0%, 100% {\n    opacity: 1;\n}\n50% {\n    opacity: 0.3;\n}\n}\n/* ─── 切换过渡 ───────────────────────────────── */\n.slide-fade-enter-active[data-v-a60d6896] {\n  transition: all 0.25s ease-out;\n}\n.slide-fade-leave-active[data-v-a60d6896] {\n  transition: all 0.2s ease-in;\n}\n.slide-fade-enter-from[data-v-a60d6896] {\n  opacity: 0;\n  transform: translateY(8px);\n}\n.slide-fade-leave-to[data-v-a60d6896] {\n  opacity: 0;\n  transform: translateY(-8px);\n}"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AC/EA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AChJA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;ACtGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;ACrEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA"}
+{"version":3,"file":"C_NotificationCenter-D7GGGWg7.css","names":[],"sources":["../src/components/C_NotificationCenter/components/NotificationBadge.vue?vue&type=style&index=0&scoped=da0cc98c&lang.scss","../src/components/C_NotificationCenter/components/NotificationItem.vue?vue&type=style&index=0&scoped=0104dbfc&lang.scss","../src/components/C_NotificationCenter/components/NotificationList.vue?vue&type=style&index=0&scoped=47e5497f&lang.scss","../src/components/C_NotificationCenter/components/NotificationDetail.vue?vue&type=style&index=0&scoped=d10a445e&lang.scss","../src/components/C_NotificationCenter/index.vue?vue&type=style&index=0&scoped=d4b27637&lang.scss"],"sourcesContent":["/* unplugin-vue-components disabled */.notification-badge[data-v-da0cc98c] {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n}\n.notification-badge__trigger[data-v-da0cc98c] {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  padding: 4px;\n  border-radius: 6px;\n  transition: all var(--c-transition, 0.2s ease);\n}\n.notification-badge__trigger[data-v-da0cc98c]:hover {\n  background-color: var(--c-border);\n}\n.notification-badge__trigger:hover .notification-badge__icon[data-v-da0cc98c] {\n  color: var(--c-primary);\n}\n.notification-badge__icon[data-v-da0cc98c] {\n  color: var(--c-text-2);\n  transition: color var(--c-transition, 0.2s ease);\n}\n.notification-badge__count[data-v-da0cc98c] {\n  position: absolute;\n  top: -2px;\n  right: -4px;\n  min-width: 16px;\n  height: 16px;\n  padding: 0 4px;\n  border-radius: 8px;\n  background: #f5222d;\n  color: #fff;\n  font-size: 10px;\n  font-weight: 600;\n  line-height: 16px;\n  text-align: center;\n  white-space: nowrap;\n  pointer-events: none;\n  box-shadow: 0 0 0 2px var(--c-bg);\n}\n.notification-badge__pulse[data-v-da0cc98c] {\n  position: absolute;\n  top: -2px;\n  right: -4px;\n  width: 16px;\n  height: 16px;\n  border-radius: 50%;\n  background: rgba(245, 34, 45, 0.4);\n  animation: pulse-ring-da0cc98c 1.5s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;\n  pointer-events: none;\n}\n@keyframes pulse-ring-da0cc98c {\n0% {\n    transform: scale(0.8);\n    opacity: 1;\n}\n100% {\n    transform: scale(2.2);\n    opacity: 0;\n}\n}\n.badge-bounce-enter-active[data-v-da0cc98c] {\n  animation: badge-in-da0cc98c 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n}\n.badge-bounce-leave-active[data-v-da0cc98c] {\n  animation: badge-in-da0cc98c 0.2s ease reverse;\n}\n@keyframes badge-in-da0cc98c {\n0% {\n    transform: scale(0);\n    opacity: 0;\n}\n100% {\n    transform: scale(1);\n    opacity: 1;\n}\n}","/* unplugin-vue-components disabled */.notification-item[data-v-0104dbfc] {\n  display: flex;\n  align-items: flex-start;\n  gap: 10px;\n  padding: 12px 16px;\n  cursor: pointer;\n  transition: background-color var(--c-transition, 0.2s ease);\n  border-bottom: 1px solid var(--c-border);\n  /* ─── 子元素 ──────────────────────────── */\n}\n.notification-item[data-v-0104dbfc]:last-child {\n  border-bottom: none;\n}\n.notification-item[data-v-0104dbfc]:hover {\n  background-color: var(--c-bg-card);\n}\n.notification-item:hover .notification-item__actions[data-v-0104dbfc] {\n  opacity: 1;\n}\n.notification-item--unread[data-v-0104dbfc] {\n  background-color: color-mix(in srgb, var(--c-primary) 4%, transparent);\n}\n.notification-item--unread[data-v-0104dbfc]:hover {\n  background-color: color-mix(in srgb, var(--c-primary) 8%, transparent);\n}\n.notification-item--urgent[data-v-0104dbfc] {\n  border-left: 3px solid #f5222d;\n  padding-left: 13px;\n}\n.notification-item__indicator[data-v-0104dbfc] {\n  flex-shrink: 0;\n  width: 8px;\n  display: flex;\n  align-items: center;\n  padding-top: 14px;\n}\n.notification-item__dot[data-v-0104dbfc] {\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  background: var(--c-primary);\n}\n.notification-item__dot--urgent[data-v-0104dbfc] {\n  background: #f5222d;\n  box-shadow: 0 0 4px rgba(245, 34, 45, 0.5);\n}\n.notification-item__dot--high[data-v-0104dbfc] {\n  background: #fa8c16;\n}\n.notification-item__dot--normal[data-v-0104dbfc] {\n  background: var(--c-primary);\n}\n.notification-item__dot--low[data-v-0104dbfc] {\n  background: var(--c-text-4);\n}\n.notification-item__avatar[data-v-0104dbfc] {\n  flex-shrink: 0;\n}\n.notification-item__avatar-placeholder[data-v-0104dbfc] {\n  width: 36px;\n  height: 36px;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 16px;\n  color: #fff;\n}\n.notification-item__avatar-placeholder--system[data-v-0104dbfc] {\n  background: linear-gradient(135deg, #667eea, #764ba2);\n}\n.notification-item__avatar-placeholder--business[data-v-0104dbfc] {\n  background: linear-gradient(135deg, #43e97b, #38f9d7);\n  color: #0d1425;\n}\n.notification-item__avatar-placeholder--alarm[data-v-0104dbfc] {\n  background: linear-gradient(135deg, #f093fb, #f5576c);\n}\n.notification-item__body[data-v-0104dbfc] {\n  flex: 1;\n  min-width: 0;\n}\n.notification-item__header[data-v-0104dbfc] {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  margin-bottom: 4px;\n}\n.notification-item__title[data-v-0104dbfc] {\n  font-size: 13px;\n  font-weight: 500;\n  color: var(--c-text-1);\n  line-height: 1.4;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.notification-item__summary[data-v-0104dbfc] {\n  font-size: 12px;\n  color: var(--c-text-2);\n  line-height: 1.5;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  line-clamp: 2;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n}\n.notification-item__meta[data-v-0104dbfc] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin-top: 6px;\n}\n.notification-item__time[data-v-0104dbfc], .notification-item__sender[data-v-0104dbfc] {\n  font-size: 11px;\n  color: var(--c-text-4);\n}\n.notification-item__sender[data-v-0104dbfc]::before {\n  content: \"·\";\n  margin-right: 8px;\n}\n.notification-item__actions[data-v-0104dbfc] {\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  opacity: 0;\n  transition: opacity var(--c-transition, 0.2s ease);\n}\n.notification-item__action[data-v-0104dbfc] {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 24px;\n  height: 24px;\n  padding: 2px;\n  border-radius: 4px;\n  cursor: pointer;\n  color: var(--c-text-4);\n  transition: all var(--c-transition, 0.2s ease);\n}\n.notification-item__action[data-v-0104dbfc]:hover {\n  color: var(--c-primary);\n  background-color: var(--c-border);\n}","/* unplugin-vue-components disabled */.notification-list__tabs[data-v-47e5497f] {\n  display: flex;\n  border-bottom: 1px solid var(--c-border);\n  padding: 0 4px;\n}\n.notification-list__tab[data-v-47e5497f] {\n  position: relative;\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  padding: 10px 12px;\n  font-size: 13px;\n  color: var(--c-text-2);\n  cursor: pointer;\n  transition: all var(--c-transition, 0.2s ease);\n  user-select: none;\n}\n.notification-list__tab[data-v-47e5497f]::after {\n  content: \"\";\n  position: absolute;\n  bottom: 0;\n  left: 12px;\n  right: 12px;\n  height: 2px;\n  background: transparent;\n  border-radius: 1px;\n  transition: background var(--c-transition, 0.2s ease);\n}\n.notification-list__tab[data-v-47e5497f]:hover {\n  color: var(--c-text-1);\n}\n.notification-list__tab--active[data-v-47e5497f] {\n  color: var(--c-primary);\n  font-weight: 500;\n}\n.notification-list__tab--active[data-v-47e5497f]::after {\n  background: var(--c-primary);\n}\n.notification-list__tab-count[data-v-47e5497f] {\n  min-width: 16px;\n  height: 16px;\n  padding: 0 4px;\n  border-radius: 8px;\n  background: #f5222d;\n  color: #fff;\n  font-size: 10px;\n  font-weight: 600;\n  line-height: 16px;\n  text-align: center;\n}\n.notification-list__toolbar[data-v-47e5497f] {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  gap: 12px;\n  padding: 6px 16px;\n  border-bottom: 1px solid var(--c-border);\n}\n.notification-list__scroll[data-v-47e5497f] {\n  flex: 1;\n}\n.notification-list__skeleton[data-v-47e5497f] {\n  display: flex;\n  align-items: flex-start;\n  gap: 12px;\n  padding: 14px 16px;\n}\n.notification-list__skeleton-text[data-v-47e5497f] {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n.notification-list__load-more[data-v-47e5497f] {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 6px;\n  padding: 12px;\n  font-size: 12px;\n  color: var(--c-text-2);\n  cursor: pointer;\n  transition: color var(--c-transition, 0.2s ease);\n}\n.notification-list__load-more[data-v-47e5497f]:hover {\n  color: var(--c-primary);\n}\n.notification-list__empty[data-v-47e5497f] {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 60px 0;\n  gap: 12px;\n}\n.notification-list__empty-icon[data-v-47e5497f] {\n  color: var(--c-text-4);\n  opacity: 0.5;\n}\n.notification-list__empty-text[data-v-47e5497f] {\n  font-size: 13px;\n  color: var(--c-text-4);\n}","/* unplugin-vue-components disabled */.notification-detail[data-v-d10a445e] {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n.notification-detail__back[data-v-d10a445e] {\n  padding: 8px 16px;\n  border-bottom: 1px solid var(--c-border);\n}\n.notification-detail__header[data-v-d10a445e] {\n  padding: 16px;\n  border-bottom: 1px solid var(--c-border);\n}\n.notification-detail__title[data-v-d10a445e] {\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--c-text-1);\n  line-height: 1.5;\n  margin: 0 0 8px;\n}\n.notification-detail__meta[data-v-d10a445e] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  flex-wrap: wrap;\n}\n.notification-detail__time[data-v-d10a445e] {\n  font-size: 11px;\n  color: var(--c-text-4);\n}\n.notification-detail__sender[data-v-d10a445e] {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  margin-top: 8px;\n  font-size: 12px;\n  color: var(--c-text-2);\n}\n.notification-detail__content[data-v-d10a445e] {\n  flex: 1;\n  min-height: 0;\n}\n.notification-detail__body[data-v-d10a445e] {\n  padding: 16px;\n  font-size: 13px;\n  line-height: 1.7;\n  color: var(--c-text-1);\n  word-break: break-word;\n}\n.notification-detail__body[data-v-d10a445e] p {\n  margin: 0 0 8px;\n}\n.notification-detail__body[data-v-d10a445e] ul,\n.notification-detail__body[data-v-d10a445e] ol {\n  padding-left: 20px;\n  margin: 8px 0;\n}\n.notification-detail__body[data-v-d10a445e] li {\n  margin: 4px 0;\n}\n.notification-detail__body[data-v-d10a445e] strong {\n  font-weight: 600;\n  color: var(--c-primary);\n}\n.notification-detail__footer[data-v-d10a445e] {\n  padding: 12px 16px;\n  border-top: 1px solid var(--c-border);\n  display: flex;\n  justify-content: flex-end;\n}","/* unplugin-vue-components disabled */.c-notification-center[data-v-d4b27637] {\n  display: inline-flex;\n  align-items: center;\n}\n.c-notification-center__panel[data-v-d4b27637] {\n  display: flex;\n  flex-direction: column;\n  max-height: 560px;\n}\n.c-notification-center__header[data-v-d4b27637] {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 14px 16px 10px;\n  border-bottom: 1px solid var(--c-border);\n}\n.c-notification-center__title[data-v-d4b27637] {\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--c-text-1);\n}\n.c-notification-center__header-extra[data-v-d4b27637] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n.c-notification-center__ws-dot[data-v-d4b27637] {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  transition: background-color var(--c-transition, 0.2s ease);\n}\n.c-notification-center__ws-dot--connected[data-v-d4b27637] {\n  background: #52c41a;\n  box-shadow: 0 0 4px rgba(82, 196, 26, 0.5);\n}\n.c-notification-center__ws-dot--connecting[data-v-d4b27637], .c-notification-center__ws-dot--reconnecting[data-v-d4b27637] {\n  background: #faad14;\n  animation: status-blink-d4b27637 1s ease-in-out infinite;\n}\n.c-notification-center__ws-dot--disconnected[data-v-d4b27637] {\n  background: var(--c-text-4);\n}\n@keyframes status-blink-d4b27637 {\n0%, 100% {\n    opacity: 1;\n}\n50% {\n    opacity: 0.3;\n}\n}\n/* ─── 切换过渡 ───────────────────────────────── */\n.slide-fade-enter-active[data-v-d4b27637] {\n  transition: all 0.25s ease-out;\n}\n.slide-fade-leave-active[data-v-d4b27637] {\n  transition: all 0.2s ease-in;\n}\n.slide-fade-enter-from[data-v-d4b27637] {\n  opacity: 0;\n  transform: translateY(8px);\n}\n.slide-fade-leave-to[data-v-d4b27637] {\n  opacity: 0;\n  transform: translateY(-8px);\n}"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AC/EA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AChJA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;ACtGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;ACrEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA"}

package/dist/{C_NotificationCenter-DbgBiyqB.css.map → C_NotificationCenter-SSmeHA45.css.map}

@@ -1 +1 @@
-{"version":3,"file":"C_NotificationCenter-DbgBiyqB.css","names":[],"sources":["../src/components/C_NotificationCenter/components/NotificationBadge.vue?vue&type=style&index=0&scoped=03c9c8c7&lang.scss","../src/components/C_NotificationCenter/components/NotificationItem.vue?vue&type=style&index=0&scoped=30bf7ddc&lang.scss","../src/components/C_NotificationCenter/components/NotificationList.vue?vue&type=style&index=0&scoped=3db0c5bf&lang.scss","../src/components/C_NotificationCenter/components/NotificationDetail.vue?vue&type=style&index=0&scoped=b10b0b8e&lang.scss","../src/components/C_NotificationCenter/index.vue?vue&type=style&index=0&scoped=a60d6896&lang.scss"],"sourcesContent":["/* unplugin-vue-components disabled */.notification-badge[data-v-03c9c8c7] {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n}\n.notification-badge__trigger[data-v-03c9c8c7] {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  padding: 4px;\n  border-radius: 6px;\n  transition: all var(--c-transition, 0.2s ease);\n}\n.notification-badge__trigger[data-v-03c9c8c7]:hover {\n  background-color: var(--c-border);\n}\n.notification-badge__trigger:hover .notification-badge__icon[data-v-03c9c8c7] {\n  color: var(--c-primary);\n}\n.notification-badge__icon[data-v-03c9c8c7] {\n  color: var(--c-text-2);\n  transition: color var(--c-transition, 0.2s ease);\n}\n.notification-badge__count[data-v-03c9c8c7] {\n  position: absolute;\n  top: -2px;\n  right: -4px;\n  min-width: 16px;\n  height: 16px;\n  padding: 0 4px;\n  border-radius: 8px;\n  background: #f5222d;\n  color: #fff;\n  font-size: 10px;\n  font-weight: 600;\n  line-height: 16px;\n  text-align: center;\n  white-space: nowrap;\n  pointer-events: none;\n  box-shadow: 0 0 0 2px var(--c-bg);\n}\n.notification-badge__pulse[data-v-03c9c8c7] {\n  position: absolute;\n  top: -2px;\n  right: -4px;\n  width: 16px;\n  height: 16px;\n  border-radius: 50%;\n  background: rgba(245, 34, 45, 0.4);\n  animation: pulse-ring-03c9c8c7 1.5s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;\n  pointer-events: none;\n}\n@keyframes pulse-ring-03c9c8c7 {\n0% {\n    transform: scale(0.8);\n    opacity: 1;\n}\n100% {\n    transform: scale(2.2);\n    opacity: 0;\n}\n}\n.badge-bounce-enter-active[data-v-03c9c8c7] {\n  animation: badge-in-03c9c8c7 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n}\n.badge-bounce-leave-active[data-v-03c9c8c7] {\n  animation: badge-in-03c9c8c7 0.2s ease reverse;\n}\n@keyframes badge-in-03c9c8c7 {\n0% {\n    transform: scale(0);\n    opacity: 0;\n}\n100% {\n    transform: scale(1);\n    opacity: 1;\n}\n}","/* unplugin-vue-components disabled */.notification-item[data-v-30bf7ddc] {\n  display: flex;\n  align-items: flex-start;\n  gap: 10px;\n  padding: 12px 16px;\n  cursor: pointer;\n  transition: background-color var(--c-transition, 0.2s ease);\n  border-bottom: 1px solid var(--c-border);\n  /* ─── 子元素 ──────────────────────────── */\n}\n.notification-item[data-v-30bf7ddc]:last-child {\n  border-bottom: none;\n}\n.notification-item[data-v-30bf7ddc]:hover {\n  background-color: var(--c-bg-card);\n}\n.notification-item:hover .notification-item__actions[data-v-30bf7ddc] {\n  opacity: 1;\n}\n.notification-item--unread[data-v-30bf7ddc] {\n  background-color: color-mix(in srgb, var(--c-primary) 4%, transparent);\n}\n.notification-item--unread[data-v-30bf7ddc]:hover {\n  background-color: color-mix(in srgb, var(--c-primary) 8%, transparent);\n}\n.notification-item--urgent[data-v-30bf7ddc] {\n  border-left: 3px solid #f5222d;\n  padding-left: 13px;\n}\n.notification-item__indicator[data-v-30bf7ddc] {\n  flex-shrink: 0;\n  width: 8px;\n  display: flex;\n  align-items: center;\n  padding-top: 14px;\n}\n.notification-item__dot[data-v-30bf7ddc] {\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  background: var(--c-primary);\n}\n.notification-item__dot--urgent[data-v-30bf7ddc] {\n  background: #f5222d;\n  box-shadow: 0 0 4px rgba(245, 34, 45, 0.5);\n}\n.notification-item__dot--high[data-v-30bf7ddc] {\n  background: #fa8c16;\n}\n.notification-item__dot--normal[data-v-30bf7ddc] {\n  background: var(--c-primary);\n}\n.notification-item__dot--low[data-v-30bf7ddc] {\n  background: var(--c-text-4);\n}\n.notification-item__avatar[data-v-30bf7ddc] {\n  flex-shrink: 0;\n}\n.notification-item__avatar-placeholder[data-v-30bf7ddc] {\n  width: 36px;\n  height: 36px;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 16px;\n  color: #fff;\n}\n.notification-item__avatar-placeholder--system[data-v-30bf7ddc] {\n  background: linear-gradient(135deg, #667eea, #764ba2);\n}\n.notification-item__avatar-placeholder--business[data-v-30bf7ddc] {\n  background: linear-gradient(135deg, #43e97b, #38f9d7);\n  color: #0d1425;\n}\n.notification-item__avatar-placeholder--alarm[data-v-30bf7ddc] {\n  background: linear-gradient(135deg, #f093fb, #f5576c);\n}\n.notification-item__body[data-v-30bf7ddc] {\n  flex: 1;\n  min-width: 0;\n}\n.notification-item__header[data-v-30bf7ddc] {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  margin-bottom: 4px;\n}\n.notification-item__title[data-v-30bf7ddc] {\n  font-size: 13px;\n  font-weight: 500;\n  color: var(--c-text-1);\n  line-height: 1.4;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.notification-item__summary[data-v-30bf7ddc] {\n  font-size: 12px;\n  color: var(--c-text-2);\n  line-height: 1.5;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  line-clamp: 2;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n}\n.notification-item__meta[data-v-30bf7ddc] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin-top: 6px;\n}\n.notification-item__time[data-v-30bf7ddc], .notification-item__sender[data-v-30bf7ddc] {\n  font-size: 11px;\n  color: var(--c-text-4);\n}\n.notification-item__sender[data-v-30bf7ddc]::before {\n  content: \"·\";\n  margin-right: 8px;\n}\n.notification-item__actions[data-v-30bf7ddc] {\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  opacity: 0;\n  transition: opacity var(--c-transition, 0.2s ease);\n}\n.notification-item__action[data-v-30bf7ddc] {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 24px;\n  height: 24px;\n  padding: 2px;\n  border-radius: 4px;\n  cursor: pointer;\n  color: var(--c-text-4);\n  transition: all var(--c-transition, 0.2s ease);\n}\n.notification-item__action[data-v-30bf7ddc]:hover {\n  color: var(--c-primary);\n  background-color: var(--c-border);\n}","/* unplugin-vue-components disabled */.notification-list__tabs[data-v-3db0c5bf] {\n  display: flex;\n  border-bottom: 1px solid var(--c-border);\n  padding: 0 4px;\n}\n.notification-list__tab[data-v-3db0c5bf] {\n  position: relative;\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  padding: 10px 12px;\n  font-size: 13px;\n  color: var(--c-text-2);\n  cursor: pointer;\n  transition: all var(--c-transition, 0.2s ease);\n  user-select: none;\n}\n.notification-list__tab[data-v-3db0c5bf]::after {\n  content: \"\";\n  position: absolute;\n  bottom: 0;\n  left: 12px;\n  right: 12px;\n  height: 2px;\n  background: transparent;\n  border-radius: 1px;\n  transition: background var(--c-transition, 0.2s ease);\n}\n.notification-list__tab[data-v-3db0c5bf]:hover {\n  color: var(--c-text-1);\n}\n.notification-list__tab--active[data-v-3db0c5bf] {\n  color: var(--c-primary);\n  font-weight: 500;\n}\n.notification-list__tab--active[data-v-3db0c5bf]::after {\n  background: var(--c-primary);\n}\n.notification-list__tab-count[data-v-3db0c5bf] {\n  min-width: 16px;\n  height: 16px;\n  padding: 0 4px;\n  border-radius: 8px;\n  background: #f5222d;\n  color: #fff;\n  font-size: 10px;\n  font-weight: 600;\n  line-height: 16px;\n  text-align: center;\n}\n.notification-list__toolbar[data-v-3db0c5bf] {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  gap: 12px;\n  padding: 6px 16px;\n  border-bottom: 1px solid var(--c-border);\n}\n.notification-list__scroll[data-v-3db0c5bf] {\n  flex: 1;\n}\n.notification-list__skeleton[data-v-3db0c5bf] {\n  display: flex;\n  align-items: flex-start;\n  gap: 12px;\n  padding: 14px 16px;\n}\n.notification-list__skeleton-text[data-v-3db0c5bf] {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n.notification-list__load-more[data-v-3db0c5bf] {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 6px;\n  padding: 12px;\n  font-size: 12px;\n  color: var(--c-text-2);\n  cursor: pointer;\n  transition: color var(--c-transition, 0.2s ease);\n}\n.notification-list__load-more[data-v-3db0c5bf]:hover {\n  color: var(--c-primary);\n}\n.notification-list__empty[data-v-3db0c5bf] {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 60px 0;\n  gap: 12px;\n}\n.notification-list__empty-icon[data-v-3db0c5bf] {\n  color: var(--c-text-4);\n  opacity: 0.5;\n}\n.notification-list__empty-text[data-v-3db0c5bf] {\n  font-size: 13px;\n  color: var(--c-text-4);\n}","/* unplugin-vue-components disabled */.notification-detail[data-v-b10b0b8e] {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n.notification-detail__back[data-v-b10b0b8e] {\n  padding: 8px 16px;\n  border-bottom: 1px solid var(--c-border);\n}\n.notification-detail__header[data-v-b10b0b8e] {\n  padding: 16px;\n  border-bottom: 1px solid var(--c-border);\n}\n.notification-detail__title[data-v-b10b0b8e] {\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--c-text-1);\n  line-height: 1.5;\n  margin: 0 0 8px;\n}\n.notification-detail__meta[data-v-b10b0b8e] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  flex-wrap: wrap;\n}\n.notification-detail__time[data-v-b10b0b8e] {\n  font-size: 11px;\n  color: var(--c-text-4);\n}\n.notification-detail__sender[data-v-b10b0b8e] {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  margin-top: 8px;\n  font-size: 12px;\n  color: var(--c-text-2);\n}\n.notification-detail__content[data-v-b10b0b8e] {\n  flex: 1;\n  min-height: 0;\n}\n.notification-detail__body[data-v-b10b0b8e] {\n  padding: 16px;\n  font-size: 13px;\n  line-height: 1.7;\n  color: var(--c-text-1);\n  word-break: break-word;\n}\n.notification-detail__body[data-v-b10b0b8e] p {\n  margin: 0 0 8px;\n}\n.notification-detail__body[data-v-b10b0b8e] ul,\n.notification-detail__body[data-v-b10b0b8e] ol {\n  padding-left: 20px;\n  margin: 8px 0;\n}\n.notification-detail__body[data-v-b10b0b8e] li {\n  margin: 4px 0;\n}\n.notification-detail__body[data-v-b10b0b8e] strong {\n  font-weight: 600;\n  color: var(--c-primary);\n}\n.notification-detail__footer[data-v-b10b0b8e] {\n  padding: 12px 16px;\n  border-top: 1px solid var(--c-border);\n  display: flex;\n  justify-content: flex-end;\n}","/* unplugin-vue-components disabled */.c-notification-center[data-v-a60d6896] {\n  display: inline-flex;\n  align-items: center;\n}\n.c-notification-center__panel[data-v-a60d6896] {\n  display: flex;\n  flex-direction: column;\n  max-height: 560px;\n}\n.c-notification-center__header[data-v-a60d6896] {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 14px 16px 10px;\n  border-bottom: 1px solid var(--c-border);\n}\n.c-notification-center__title[data-v-a60d6896] {\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--c-text-1);\n}\n.c-notification-center__header-extra[data-v-a60d6896] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n.c-notification-center__ws-dot[data-v-a60d6896] {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  transition: background-color var(--c-transition, 0.2s ease);\n}\n.c-notification-center__ws-dot--connected[data-v-a60d6896] {\n  background: #52c41a;\n  box-shadow: 0 0 4px rgba(82, 196, 26, 0.5);\n}\n.c-notification-center__ws-dot--connecting[data-v-a60d6896], .c-notification-center__ws-dot--reconnecting[data-v-a60d6896] {\n  background: #faad14;\n  animation: status-blink-a60d6896 1s ease-in-out infinite;\n}\n.c-notification-center__ws-dot--disconnected[data-v-a60d6896] {\n  background: var(--c-text-4);\n}\n@keyframes status-blink-a60d6896 {\n0%, 100% {\n    opacity: 1;\n}\n50% {\n    opacity: 0.3;\n}\n}\n/* ─── 切换过渡 ───────────────────────────────── */\n.slide-fade-enter-active[data-v-a60d6896] {\n  transition: all 0.25s ease-out;\n}\n.slide-fade-leave-active[data-v-a60d6896] {\n  transition: all 0.2s ease-in;\n}\n.slide-fade-enter-from[data-v-a60d6896] {\n  opacity: 0;\n  transform: translateY(8px);\n}\n.slide-fade-leave-to[data-v-a60d6896] {\n  opacity: 0;\n  transform: translateY(-8px);\n}"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AC/EA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AChJA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;ACtGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;ACrEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA"}
+{"version":3,"file":"C_NotificationCenter-SSmeHA45.css","names":[],"sources":["../src/components/C_NotificationCenter/components/NotificationBadge.vue?vue&type=style&index=0&scoped=da0cc98c&lang.scss","../src/components/C_NotificationCenter/components/NotificationItem.vue?vue&type=style&index=0&scoped=0104dbfc&lang.scss","../src/components/C_NotificationCenter/components/NotificationList.vue?vue&type=style&index=0&scoped=47e5497f&lang.scss","../src/components/C_NotificationCenter/components/NotificationDetail.vue?vue&type=style&index=0&scoped=d10a445e&lang.scss","../src/components/C_NotificationCenter/index.vue?vue&type=style&index=0&scoped=d4b27637&lang.scss"],"sourcesContent":["/* unplugin-vue-components disabled */.notification-badge[data-v-da0cc98c] {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n}\n.notification-badge__trigger[data-v-da0cc98c] {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  padding: 4px;\n  border-radius: 6px;\n  transition: all var(--c-transition, 0.2s ease);\n}\n.notification-badge__trigger[data-v-da0cc98c]:hover {\n  background-color: var(--c-border);\n}\n.notification-badge__trigger:hover .notification-badge__icon[data-v-da0cc98c] {\n  color: var(--c-primary);\n}\n.notification-badge__icon[data-v-da0cc98c] {\n  color: var(--c-text-2);\n  transition: color var(--c-transition, 0.2s ease);\n}\n.notification-badge__count[data-v-da0cc98c] {\n  position: absolute;\n  top: -2px;\n  right: -4px;\n  min-width: 16px;\n  height: 16px;\n  padding: 0 4px;\n  border-radius: 8px;\n  background: #f5222d;\n  color: #fff;\n  font-size: 10px;\n  font-weight: 600;\n  line-height: 16px;\n  text-align: center;\n  white-space: nowrap;\n  pointer-events: none;\n  box-shadow: 0 0 0 2px var(--c-bg);\n}\n.notification-badge__pulse[data-v-da0cc98c] {\n  position: absolute;\n  top: -2px;\n  right: -4px;\n  width: 16px;\n  height: 16px;\n  border-radius: 50%;\n  background: rgba(245, 34, 45, 0.4);\n  animation: pulse-ring-da0cc98c 1.5s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;\n  pointer-events: none;\n}\n@keyframes pulse-ring-da0cc98c {\n0% {\n    transform: scale(0.8);\n    opacity: 1;\n}\n100% {\n    transform: scale(2.2);\n    opacity: 0;\n}\n}\n.badge-bounce-enter-active[data-v-da0cc98c] {\n  animation: badge-in-da0cc98c 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n}\n.badge-bounce-leave-active[data-v-da0cc98c] {\n  animation: badge-in-da0cc98c 0.2s ease reverse;\n}\n@keyframes badge-in-da0cc98c {\n0% {\n    transform: scale(0);\n    opacity: 0;\n}\n100% {\n    transform: scale(1);\n    opacity: 1;\n}\n}","/* unplugin-vue-components disabled */.notification-item[data-v-0104dbfc] {\n  display: flex;\n  align-items: flex-start;\n  gap: 10px;\n  padding: 12px 16px;\n  cursor: pointer;\n  transition: background-color var(--c-transition, 0.2s ease);\n  border-bottom: 1px solid var(--c-border);\n  /* ─── 子元素 ──────────────────────────── */\n}\n.notification-item[data-v-0104dbfc]:last-child {\n  border-bottom: none;\n}\n.notification-item[data-v-0104dbfc]:hover {\n  background-color: var(--c-bg-card);\n}\n.notification-item:hover .notification-item__actions[data-v-0104dbfc] {\n  opacity: 1;\n}\n.notification-item--unread[data-v-0104dbfc] {\n  background-color: color-mix(in srgb, var(--c-primary) 4%, transparent);\n}\n.notification-item--unread[data-v-0104dbfc]:hover {\n  background-color: color-mix(in srgb, var(--c-primary) 8%, transparent);\n}\n.notification-item--urgent[data-v-0104dbfc] {\n  border-left: 3px solid #f5222d;\n  padding-left: 13px;\n}\n.notification-item__indicator[data-v-0104dbfc] {\n  flex-shrink: 0;\n  width: 8px;\n  display: flex;\n  align-items: center;\n  padding-top: 14px;\n}\n.notification-item__dot[data-v-0104dbfc] {\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  background: var(--c-primary);\n}\n.notification-item__dot--urgent[data-v-0104dbfc] {\n  background: #f5222d;\n  box-shadow: 0 0 4px rgba(245, 34, 45, 0.5);\n}\n.notification-item__dot--high[data-v-0104dbfc] {\n  background: #fa8c16;\n}\n.notification-item__dot--normal[data-v-0104dbfc] {\n  background: var(--c-primary);\n}\n.notification-item__dot--low[data-v-0104dbfc] {\n  background: var(--c-text-4);\n}\n.notification-item__avatar[data-v-0104dbfc] {\n  flex-shrink: 0;\n}\n.notification-item__avatar-placeholder[data-v-0104dbfc] {\n  width: 36px;\n  height: 36px;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 16px;\n  color: #fff;\n}\n.notification-item__avatar-placeholder--system[data-v-0104dbfc] {\n  background: linear-gradient(135deg, #667eea, #764ba2);\n}\n.notification-item__avatar-placeholder--business[data-v-0104dbfc] {\n  background: linear-gradient(135deg, #43e97b, #38f9d7);\n  color: #0d1425;\n}\n.notification-item__avatar-placeholder--alarm[data-v-0104dbfc] {\n  background: linear-gradient(135deg, #f093fb, #f5576c);\n}\n.notification-item__body[data-v-0104dbfc] {\n  flex: 1;\n  min-width: 0;\n}\n.notification-item__header[data-v-0104dbfc] {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  margin-bottom: 4px;\n}\n.notification-item__title[data-v-0104dbfc] {\n  font-size: 13px;\n  font-weight: 500;\n  color: var(--c-text-1);\n  line-height: 1.4;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.notification-item__summary[data-v-0104dbfc] {\n  font-size: 12px;\n  color: var(--c-text-2);\n  line-height: 1.5;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  line-clamp: 2;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n}\n.notification-item__meta[data-v-0104dbfc] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin-top: 6px;\n}\n.notification-item__time[data-v-0104dbfc], .notification-item__sender[data-v-0104dbfc] {\n  font-size: 11px;\n  color: var(--c-text-4);\n}\n.notification-item__sender[data-v-0104dbfc]::before {\n  content: \"·\";\n  margin-right: 8px;\n}\n.notification-item__actions[data-v-0104dbfc] {\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  opacity: 0;\n  transition: opacity var(--c-transition, 0.2s ease);\n}\n.notification-item__action[data-v-0104dbfc] {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 24px;\n  height: 24px;\n  padding: 2px;\n  border-radius: 4px;\n  cursor: pointer;\n  color: var(--c-text-4);\n  transition: all var(--c-transition, 0.2s ease);\n}\n.notification-item__action[data-v-0104dbfc]:hover {\n  color: var(--c-primary);\n  background-color: var(--c-border);\n}","/* unplugin-vue-components disabled */.notification-list__tabs[data-v-47e5497f] {\n  display: flex;\n  border-bottom: 1px solid var(--c-border);\n  padding: 0 4px;\n}\n.notification-list__tab[data-v-47e5497f] {\n  position: relative;\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  padding: 10px 12px;\n  font-size: 13px;\n  color: var(--c-text-2);\n  cursor: pointer;\n  transition: all var(--c-transition, 0.2s ease);\n  user-select: none;\n}\n.notification-list__tab[data-v-47e5497f]::after {\n  content: \"\";\n  position: absolute;\n  bottom: 0;\n  left: 12px;\n  right: 12px;\n  height: 2px;\n  background: transparent;\n  border-radius: 1px;\n  transition: background var(--c-transition, 0.2s ease);\n}\n.notification-list__tab[data-v-47e5497f]:hover {\n  color: var(--c-text-1);\n}\n.notification-list__tab--active[data-v-47e5497f] {\n  color: var(--c-primary);\n  font-weight: 500;\n}\n.notification-list__tab--active[data-v-47e5497f]::after {\n  background: var(--c-primary);\n}\n.notification-list__tab-count[data-v-47e5497f] {\n  min-width: 16px;\n  height: 16px;\n  padding: 0 4px;\n  border-radius: 8px;\n  background: #f5222d;\n  color: #fff;\n  font-size: 10px;\n  font-weight: 600;\n  line-height: 16px;\n  text-align: center;\n}\n.notification-list__toolbar[data-v-47e5497f] {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  gap: 12px;\n  padding: 6px 16px;\n  border-bottom: 1px solid var(--c-border);\n}\n.notification-list__scroll[data-v-47e5497f] {\n  flex: 1;\n}\n.notification-list__skeleton[data-v-47e5497f] {\n  display: flex;\n  align-items: flex-start;\n  gap: 12px;\n  padding: 14px 16px;\n}\n.notification-list__skeleton-text[data-v-47e5497f] {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n.notification-list__load-more[data-v-47e5497f] {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 6px;\n  padding: 12px;\n  font-size: 12px;\n  color: var(--c-text-2);\n  cursor: pointer;\n  transition: color var(--c-transition, 0.2s ease);\n}\n.notification-list__load-more[data-v-47e5497f]:hover {\n  color: var(--c-primary);\n}\n.notification-list__empty[data-v-47e5497f] {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 60px 0;\n  gap: 12px;\n}\n.notification-list__empty-icon[data-v-47e5497f] {\n  color: var(--c-text-4);\n  opacity: 0.5;\n}\n.notification-list__empty-text[data-v-47e5497f] {\n  font-size: 13px;\n  color: var(--c-text-4);\n}","/* unplugin-vue-components disabled */.notification-detail[data-v-d10a445e] {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n.notification-detail__back[data-v-d10a445e] {\n  padding: 8px 16px;\n  border-bottom: 1px solid var(--c-border);\n}\n.notification-detail__header[data-v-d10a445e] {\n  padding: 16px;\n  border-bottom: 1px solid var(--c-border);\n}\n.notification-detail__title[data-v-d10a445e] {\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--c-text-1);\n  line-height: 1.5;\n  margin: 0 0 8px;\n}\n.notification-detail__meta[data-v-d10a445e] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  flex-wrap: wrap;\n}\n.notification-detail__time[data-v-d10a445e] {\n  font-size: 11px;\n  color: var(--c-text-4);\n}\n.notification-detail__sender[data-v-d10a445e] {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  margin-top: 8px;\n  font-size: 12px;\n  color: var(--c-text-2);\n}\n.notification-detail__content[data-v-d10a445e] {\n  flex: 1;\n  min-height: 0;\n}\n.notification-detail__body[data-v-d10a445e] {\n  padding: 16px;\n  font-size: 13px;\n  line-height: 1.7;\n  color: var(--c-text-1);\n  word-break: break-word;\n}\n.notification-detail__body[data-v-d10a445e] p {\n  margin: 0 0 8px;\n}\n.notification-detail__body[data-v-d10a445e] ul,\n.notification-detail__body[data-v-d10a445e] ol {\n  padding-left: 20px;\n  margin: 8px 0;\n}\n.notification-detail__body[data-v-d10a445e] li {\n  margin: 4px 0;\n}\n.notification-detail__body[data-v-d10a445e] strong {\n  font-weight: 600;\n  color: var(--c-primary);\n}\n.notification-detail__footer[data-v-d10a445e] {\n  padding: 12px 16px;\n  border-top: 1px solid var(--c-border);\n  display: flex;\n  justify-content: flex-end;\n}","/* unplugin-vue-components disabled */.c-notification-center[data-v-d4b27637] {\n  display: inline-flex;\n  align-items: center;\n}\n.c-notification-center__panel[data-v-d4b27637] {\n  display: flex;\n  flex-direction: column;\n  max-height: 560px;\n}\n.c-notification-center__header[data-v-d4b27637] {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 14px 16px 10px;\n  border-bottom: 1px solid var(--c-border);\n}\n.c-notification-center__title[data-v-d4b27637] {\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--c-text-1);\n}\n.c-notification-center__header-extra[data-v-d4b27637] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n.c-notification-center__ws-dot[data-v-d4b27637] {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  transition: background-color var(--c-transition, 0.2s ease);\n}\n.c-notification-center__ws-dot--connected[data-v-d4b27637] {\n  background: #52c41a;\n  box-shadow: 0 0 4px rgba(82, 196, 26, 0.5);\n}\n.c-notification-center__ws-dot--connecting[data-v-d4b27637], .c-notification-center__ws-dot--reconnecting[data-v-d4b27637] {\n  background: #faad14;\n  animation: status-blink-d4b27637 1s ease-in-out infinite;\n}\n.c-notification-center__ws-dot--disconnected[data-v-d4b27637] {\n  background: var(--c-text-4);\n}\n@keyframes status-blink-d4b27637 {\n0%, 100% {\n    opacity: 1;\n}\n50% {\n    opacity: 0.3;\n}\n}\n/* ─── 切换过渡 ───────────────────────────────── */\n.slide-fade-enter-active[data-v-d4b27637] {\n  transition: all 0.25s ease-out;\n}\n.slide-fade-leave-active[data-v-d4b27637] {\n  transition: all 0.2s ease-in;\n}\n.slide-fade-enter-from[data-v-d4b27637] {\n  opacity: 0;\n  transform: translateY(8px);\n}\n.slide-fade-leave-to[data-v-d4b27637] {\n  opacity: 0;\n  transform: translateY(-8px);\n}"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AC/EA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AChJA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;ACtGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;ACrEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA"}