@das-fed/web-components 7.0.2-beta.7 → 7.0.2-beta.9

package/README.md

@@ -1,37 +1,62 @@
-# das-web-components 组件库说明文档
+## das-ce-tabs 使用方法
 
-## 一、简介
+1. **引入 `das-ce-tabs` 组件并注册**。
 
-das-web-components 是 DAS 前端体系的 Web 组件库，基于 Web Components 技术，支持 Vue、React、原生 JS 等多种框架集成，适用于企业级中后台系统的统一架构和快速开发。
+```js
+import { createCeTabs } from '@das-fed/web-components'
+createCeTabs('das-ce-tabs')
+```
+
+2. **定义 `options` 和 `modelValue` 属性**。
 
----
+`das-ce-tabs` 接收 `options` 和 `modelValue` 属性，`options` 属性配置如下：
+
+```js
+interface TabOption {
+  /** 唯一标识 */
+  key: string | number
+  /** 选项卡头显示文字 */
+  tab: string
+  /** 是否禁用 */
+  disabled?: boolean
+  /** 是否隐藏 */
+  hidden?: boolean
+  /** 被隐藏时是否渲染 DOM 结构 */
+  forceRender?: boolean
+  /** tab显示文字插槽 */
+  tabSlot?: string
+  /** 关闭图标插槽 */
+  closeIconSlot?: string
+  /** 显示内容插槽 */
+  contentSlot?: string
+}
+```
 
-## 二、核心组件与用法
+定义实例如下：
 
-### 1. das-ce-tabs 页签组件
+```js
+const activeKey = ref(1)
+
+const options = ref([
+  { key: 1, tab: 'Tab 1' },
+  { key: 2, tab: 'Tab 2', disabled: true },
+  { key: 3, tab: 'Tab 3' },
+])
+```
 
-- 支持动态页签、右键菜单、刷新、全屏等功能。
-- 通过 `createCeTabs('das-ce-tabs')` 注册。
-- 主要属性：
-  - `options`：页签配置数组，支持禁用、隐藏、插槽等。
-  - `modelValue`：当前激活页签 key。
-- 主要事件：
-  - `update:modelValue`：切换页签时触发，返回新激活 key。
-  - `tabClick`：点击页签时触发，返回 key。
-  - `tabDelete`：删除页签时触发，返回 key。
-  - `menuClick`：右键菜单操作，返回操作项和页签对象。
-  - `pageRefresh`：点击刷新按钮时触发。
-  - `toggleFullScreen`：切换全屏。
-- 主要方法与类型定义见下方代码示例。
+3. **监听组件事件**
 
-#### 用法示例
+使用组件时，监听到的事件对象为 `customEvent` ，该对象中的 `detail` 属性是个数组，数组元素为组件事件的返回值。 `das-ce-tabs` 组件暴露了以下事件：
+
+1. `update:modelValue`：当 `modelValue` 属性变化时触发，要实现切换页签时 `activeKey` 属性自动变化，需要监听该事件。
 
 ```js
 import { ref } from 'vue'
-import { createCeTabs } from '@das-fed/web-components'
+import { createCeTabs } from '@das-fed/web-/components'
 createCeTabs('das-ce-tabs')
 
 const activeKey = ref(1)
+
 const options = ref([
   { key: 1, tab: 'Tab 1' },
   { key: 2, tab: 'Tab 2', disabled: true },
@@ -39,66 +64,296 @@ const options = ref([
 ])
 ```
 
+```html
+<das-ce-tabs
+  :modelValue="activeKey"
+  :options="options"
+  @update:modelValue="(customEvent) => (activeKey = customEvent.detail[0])"
+></das-ce-tabs>
+```
+
+2. `tabClick`：当 `tab` 被点击时触发。返回被点击页签的 `key` 值。
+
+```js
+import { ref } from 'vue'
+import { createCeTabs } from '@das-fed/web-components/components'
+createCeTabs('das-ce-tabs')
+
+const activeKey = ref(1)
+
+const options = ref([
+  { key: 1, tab: 'Tab 1' },
+  { key: 2, tab: 'Tab 2', disabled: true },
+  { key: 3, tab: 'Tab 3' },
+])
+
+const tabClick = (customEvent) => {
+  console.log('当前点击页签的key: ', customEvent.detail[0])
+}
+```
+
+```html
+<das-ce-tabs :modelValue="activeKey" :options="options" @tabClick="tabClick"></das-ce-tabs>
+```
+
+3. `tabDelete`：当 `tab` 被删除时触发。返回被删除页签的 `key` 值。
+
+```js
+import { ref } from 'vue'
+import { createCeTabs } from '@das-fed/web-components/components'
+createCeTabs('das-ce-tabs')
+
+const activeKey = ref(1)
+
+const options = ref([
+  { key: 1, tab: 'Tab 1' },
+  { key: 2, tab: 'Tab 2', disabled: true },
+  { key: 3, tab: 'Tab 3' },
+])
+
+const tabDelete = (customEvent) => {
+  console.log('当前删除页签的key：', customEvent.detail[0])
+}
+```
+
+```html
+<das-ce-tabs :modelValue="activeKey" :options="options" @tabDelete="tabDelete"></das-ce-tabs>
+```
+
+4. `menuClick`：当右键呼出的操作项选中时触发。返回被选中的操作项和当前右键操作的页签对象。
+
+```js
+import { ref } from 'vue'
+import { createCeTabs } from '@das-fed/web-components/components'
+createCeTabs('das-ce-tabs')
+
+const activeKey = ref(1)
+
+const options = ref([
+  { key: 1, tab: 'Tab 1' },
+  { key: 2, tab: 'Tab 2', disabled: true },
+  { key: 3, tab: 'Tab 3' },
+])
+
+const menuClick = (customEvent) => {
+  console.log('当前选中操作项：', customEvent.detail[0], '当前页签对象：', customEvent.detail[1])
+}
+```
+
 ```html
 <das-ce-tabs :modelValue="activeKey" :options="options" @menuClick="menuClick"></das-ce-tabs>
 ```
 
-#### 事件与类型
+操作项定义如下：
 
 ```js
 interface MenuListType {
+  /** 唯一标识 */
   key: string | number
+  /** 操作项名称 */
   name: string
+  /** 是否隐藏 */
   hidden?: boolean | Function
+  /** 是否禁用 */
   disabled?: boolean | Function
 }
 ```
 
----
+5. `pageRefresh`: 当点击右侧刷新按钮时触发。无返回值。
+
+```js
+import { ref } from 'vue'
+import { createCeTabs } from '@das-fed/web-components/components'
+createCeTabs('das-ce-tabs')
+
+const activeKey = ref(1)
+
+const options = ref([
+  { key: 1, tab: 'Tab 1' },
+  { key: 2, tab: 'Tab 2', disabled: true },
+  { key: 3, tab: 'Tab 3' },
+])
+
+const pageRefresh = () => {
+  console.log('刷新')
+}
+```
+
+```html
+<das-ce-tabs :modelValue="activeKey" :options="options" @pageRefresh="pageRefresh"></das-ce-tabs>
+```
+
+6. `toggleFullScreen`: 切换全屏状态。无返回值。
+
+```js
+import { ref } from 'vue'
+import { createCeTabs } from '@das-fed/web-components/components'
+createCeTabs('das-ce-tabs')
+
+const activeKey = ref(1)
+
+const options = ref([
+  { key: 1, tab: 'Tab 1' },
+  { key: 2, tab: 'Tab 2', disabled: true },
+  { key: 3, tab: 'Tab 3' },
+])
+
+const toggleFullScreen = () => {
+  console.log('全屏')
+}
+```
 
-### 2. das-ce-nav 顶部导航栏组件
+```html
+<das-ce-tabs :modelValue="activeKey" :options="options" @toggleFullScreen="toggleFullScreen"></das-ce-tabs>
+```
 
-- 支持菜单、logo、搜索、用户信息、项目树、内置页面等多种功能。
-- 通过 `createCeNav('das-ce-nav')` 注册。
-- 主要属性：
-  - `modelValue`：当前选中菜单 key。
-  - `config`：导航栏配置。
-  - `logoUrl`、`searchConfig`、`userInfoConfig`、`projectTreeConfig`、`innerPagesConfig` 等。
-- 主要事件：
-  - `handleTabClick`、`handleTabDelete`、`changeInnerPage`、`searchToPage`、`clearSearchList`、`deleteSearchItem`、`userCommandHandle`、`changeTreeHandle`。
-- 详细属性与事件见下方表格。
+## das-ce-nav 使用方法
 
-#### 用法示例
+### 1. **引入 `das-ce-nav` 组件并注册**。
 
 ```js
 import { createCeNav } from '@das-fed/web-components'
 createCeNav('das-ce-nav')
 ```
 
+#### ① 在 vue 文件中使用
+
 ```html
 <das-ce-nav
   @update:modelValue="(event) => (activeKey = event.detail[0])"
   :modelValue="activeKey"
+  @handleTabClick="handleTabClick"
+  @handleTabDelete="handleTabDelete"
   :config="config"
   :logoUrl="logoUrl"
   :searchConfig="searchConfig"
+  @searchToPage="searchToPage"
+  @clearSearchList="clearSearchList"
+  @deleteSearchItem="deleteSearchItem"
   :userInfoConfig="userInfoConfig"
+  @userCommandHandle="userCommandHandle"
   :projectTreeConfig="projectTreeConfig"
+  @changeTreeHandle="changeTreeHandle"
   :innerPagesConfig="innerPagesConfig"
+  @changeInnerPage="changeInnerPage"
 ></das-ce-nav>
 ```
 
-#### 主要属性与事件
+#### ① 在 html 文件中使用
+
+```html
+<head>
+  <script type="module">
+    import { createCeNav } from '@das-fed/web-components'
+    createCeNav('das-ce-nav')
+    const handleTabClick = (event) => {
+      console.log(event)
+    }
+    const dasceNavEle = document.getElementsByTagName('das-ce-nav')[0]
+    dasceNavEle.addEventListener('handleTabClick', handleTabClick)
+  </script>
+</head>
+<body>
+  <das-ce-nav
+    @update:modelValue="(event) => (activeKey = event.detail[0])"
+    :modelValue="activeKey"
+    :config="config"
+    :logoUrl="logoUrl"
+    :searchConfig="searchConfig"
+    :userInfoConfig="userInfoConfig"
+    :projectTreeConfig="projectTreeConfig"
+    :innerPagesConfig="innerPagesConfig"
+  ></das-ce-nav>
+</body>
+```
+
+### 2. **属性**
+
+| 属性名            | 描述          | 类型                                      | 默认值                                    | 是否必填 |
+| ----------------- | ------------- | ----------------------------------------- | ----------------------------------------- | -------- |
+| modelValue        | 当前选中菜单  | string/number                             | -                                         | 是       |
+| config            | 导航栏配置    | [config](###config)                       | [config](###config)                       | 是       |
+| logoUrl           | logo 图片链接 | string                                    | -                                         | 否       |
+| innerPagesConfig  | 内置页面配置  | [innerPagesConfig](###innerPagesConfig)   | [innerPagesConfig](###innerPagesConfig)   | 否       |
+| searchConfig      | 搜索配置      | [searchConfig](###searchConfig)           | [searchConfig](###searchConfig)           | 否       |
+| userInfoConfig    | 用户信息配置  | [userInfoConfig](###userInfoConfig)       | [userInfoConfig](###userInfoConfig)       | 否       |
+| projectTreeConfig | 项目树配置    | [projectTreeConfig](###projectTreeConfig) | [projectTreeConfig](###projectTreeConfig) | 否       |
+
+### config
+
+| 属性名          | 描述               | 类型                               | 默认值 | 是否必填 |
+| --------------- | ------------------ | ---------------------------------- | ------ | -------- |
+| showSearch      | 是否显示搜索       | bool                               | false  | 否       |
+| showProjectTree | 是否显示项目下拉树 | bool                               | false  | 否       |
+| subAppList      | 导航栏菜单数据     | {name:string,code:string/number}[] | -      | 否       |
+
+### innerPagesConfig
+
+| 属性名              | 描述               | 类型                            | 默认值 | 是否必填 |
+| ------------------- | ------------------ | ------------------------------- | ------ | -------- |
+| activeInnerPagePath | 内置菜单当前选中值 | string/number                   | false  | 否       |
+| innerPages          | 内置菜单数据       | {title: string, path: string}[] | false  | 否       |
+
+### searchConfig
+
+| 属性名         | 描述             | 类型                          | 默认值                      | 是否必填 |
+| -------------- | ---------------- | ----------------------------- | --------------------------- | -------- |
+| defaultProps   | -                | {value: string,label: string} | {value: 'id',label: 'name'} | 否       |
+| getHistoryList | 获取历史搜索记录 | () => Promise<any>            | -                           | 否       |
+| getSearchList  | 获取菜单         | () => Promise<any>            | -                           | 否       |
+| addHistory     | 添加历史记录     | (data:any) => void            | -                           | 否       |
+
+### userInfoConfig
+
+| 属性名        | 描述           | 类型                                               | 默认值 | 是否必填 |
+| ------------- | -------------- | -------------------------------------------------- | ------ | -------- |
+| headPicture   | 用户头像       | 默认头像                                           | 否     |
+| commandList   | 用户信息操作项 | () => Promise<any>                                 | -      | 否       |
+| getSearchList | 获取菜单       | {value?: string /number,label?: string / number}[] | -      | 否       |
+
+### projectTreeConfig
+
+| 属性名              | 描述                               | 类型                                                               | 默认值                      | 是否必填 |
+| ------------------- | ---------------------------------- | ------------------------------------------------------------------ | --------------------------- | -------- |
+| projectStore        | 项目数据                           | -                                                                  | 否                          |
+| defaultProps        | -                                  | {value: string,label: string}                                      | {value: 'id',label: 'name'} | 否       |
+| treeProps           | 树组件配置                         | [TreeOptionProps](###TreeOptionProps)                              | -                           | 否       |
+| filterNode          | 搜索过滤                           | (value: any, data: any) => [projectTreeType](###projectTreeType)[] | -                           | 否       |
+| filterFlatCondition | 树切换平铺，符合条件的加入平铺列表 | (data: any) => boolean[]                                           | -                           | 否       |
+
+### TreeOptionProps
+
+```js
+interface TreeOptionProps {
+  label?: string // 默认name
+  pathName?: string // 默认pathName
+  children?: string // 默认children
+  parentId?: string // 默认parentId
+  disabled?: string | ((data: TreeNodeData, node?: Node) => boolean) // 默认disabled
+  isLeaf?: string | ((data: TreeNodeData, node?: Node) => boolean) // 默认leaf;懒加载不支持方法
+  // 允许取消选中（keepSelected为true时生效）
+  allowUnSelect?: string | ((data: TreeNodeData) => boolean) // 默认allowUnSelect
+  class?: (
+    data: TreeNodeData,
+    node: Node,
+  ) =>
+    | string
+    | {
+        [key: string]: boolean
+      }
+    | string
+}
+```
+
+### projectTreeType
+
+| 属性名   | 描述                                       | 类型                                  | 默认值 | 是否必填 |
+| -------- | ------------------------------------------ | ------------------------------------- | ------ | -------- |
+| -        | 唯一标识（可使用 defaultProps.value 配置） | id                                    | 是     |
+| -        | 项目名称（可使用 defaultProps.label 配置） | name                                  | 是     |
+| children | 树组件配置                                 | [projectTreeType](###projectTreeType) | -      | 否       |
 
-| 属性名            | 描述          | 类型          | 是否必填 |
-| ----------------- | ------------- | ------------- | -------- |
-| modelValue        | 当前选中菜单  | string/number | 是       |
-| config            | 导航栏配置    | object        | 是       |
-| logoUrl           | logo 图片链接 | string        | 否       |
-| innerPagesConfig  | 内置页面配置  | object        | 否       |
-| searchConfig      | 搜索配置      | object        | 否       |
-| userInfoConfig    | 用户信息配置  | object        | 否       |
-| projectTreeConfig | 项目树配置    | object        | 否       |
+### 3. **事件**
 
 | 事件              | 说明                        | 回调参数                        |
 | ----------------- | --------------------------- | ------------------------------- |
@@ -111,29 +366,17 @@ createCeNav('das-ce-nav')
 | userCommandHandle | 用户信息-操作项             | function(value:any)             |
 | changeTreeHandle  | 项目树-是否确定切换选中项目 | function(status:bool,value:any) |
 
----
-
-### 3. das-ce-menu 侧边菜单栏组件
-
-- 支持菜单折叠、选中、动态数据等功能。
-- 通过 `createCeMenu('das-ce-menu')` 注册。
-- 主要属性：
-  - `modelValue`：当前选中菜单 key。
-  - `data`：菜单数据数组。
-  - `collapse`：菜单栏初始折叠状态。
-- 主要事件：
-  - `change`：选中项改变时触发。
-  - `collapse-change`：菜单折叠状态改变时触发。
-- 主要方法：
-  - `changeCollapse`：切换菜单折叠状态。
+## das-ce-menu 使用方法
 
-#### 用法示例
+1. **引入 `das-ce-menu` 组件并注册**。
 
 ```js
 import { createCeMenu } from '@das-fed/web-components'
 createCeMenu('das-ce-menu')
 ```
 
+2. **使用**。
+
 ```html
 <das-ce-menu
   :data="menuData"
@@ -145,23 +388,23 @@ createCeMenu('das-ce-menu')
 ></das-ce-menu>
 ```
 
----
-
-## 三、组件属性与类型定义
-
-详细属性、类型定义和事件请参考源码及注释。
-
----
+3. **属性**
 
-## 四、常见问题与扩展
+| 属性名     | 描述               | 类型          | 默认值 | 是否必填 |
+| ---------- | ------------------ | ------------- | ------ | -------- |
+| modelValue | 当前选中菜单       | string/number | -      | 是       |
+| data       | 导航栏配置         | array         | []     | 是       |
+| collapse   | 菜单栏初始折叠状态 | boolean       | false  | 否       |
 
-- 支持在 Vue、React、原生 JS 项目中直接注册和使用。
-- 组件事件均通过 `customEvent.detail` 获取返回值。
-- 支持自定义插槽、动态数据、复杂交互。
-- 推荐结合 DAS Web 主应用统一布局和微前端架构使用。
+4. **事件**
 
----
+| 事件            | 描述             | 回调参数                                    |
+| --------------- | ---------------- | ------------------------------------------- |
+| change          | 选中项改变触发   | function(value: string/number, option: any) |
+| collapse-change | 折叠状态改变触发 | function(value:boolean)                     |
 
-## 五、贡献与维护
+5. **方法**
 
-如需详细 API 说明、组件开发指南，请参考源码及注释。
+| 方法           | 描述         | 参数                           |
+| -------------- | ------------ | ------------------------------ |
+| changeCollapse | 切换折叠状态 | 接收一个布尔类型参数：折叠状态 |

package/{index-hEsxmVUK.js → index--2ZGbR5y.js}

@@ -1,4 +1,4 @@
-import { d as t, c as o, o as a, w as e, m as r, n as i, u as n, p as c } from "./index-DiIWBbGX.js";
+import { d as t, c as o, o as a, w as e, m as r, n as i, u as n, p as c } from "./index-BmQpLk5K.js";
 const p = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1680860877984" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="11230" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M711.466667 464.512c2.816 2.56 5.376 5.504 7.68 8.661333 19.029333 26.197333 15.573333 64.853333-7.68 86.314667L381.44 863.872a50.773333 50.773333 0 0 1-34.432 13.824c-30.037333 0-54.4-27.434667-54.4-61.312V207.616c0-14.165333 4.352-27.861333 12.288-38.826667 19.029333-26.24 53.333333-30.08 76.544-8.661333l330.069333 304.384z"  p-id="11231"></path></svg>', h = /* @__PURE__ */ t({
   __name: "index",
   setup(w) {

package/{index-D2OsFj-L.js → index-4OdkCGKG.js}

@@ -1,4 +1,4 @@
-import { d as n, c as o, o as a, w as e, m as i, n as l, u as t, p as r } from "./index-DiIWBbGX.js";
+import { d as n, c as o, o as a, w as e, m as i, n as l, u as t, p as r } from "./index-BmQpLk5K.js";
 const p = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1680860959118" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="11369" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M256 170.666667m85.333333 0l0 0q85.333333 0 85.333334 85.333333l0 512q0 85.333333-85.333334 85.333333l0 0q-85.333333 0-85.333333-85.333333l0-512q0-85.333333 85.333333-85.333333Z" p-id="11370"></path><path d="M597.333333 170.666667m85.333334 0l0 0q85.333333 0 85.333333 85.333333l0 512q0 85.333333-85.333333 85.333333l0 0q-85.333333 0-85.333334-85.333333l0-512q0-85.333333 85.333334-85.333333Z"  p-id="11371"></path></svg>', h = /* @__PURE__ */ n({
   __name: "index",
   setup(c) {

package/{index-Clzbk-Db.js → index-BC9W8aX3.js}

@@ -1,4 +1,4 @@
-import { d as C, c as t, o as e, w as L, m as o, n as s, u as r, p as i } from "./index-DiIWBbGX.js";
+import { d as C, c as t, o as e, w as L, m as o, n as s, u as r, p as i } from "./index-BmQpLk5K.js";
 const a = `<?xml version="1.0" encoding="UTF-8"?>\r
 <svg width="14px" height="14px" viewBox="0 0 14 14" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">\r
     <title>图标/通用操作/全屏备份 4</title>\r

package/{index-UGFMiimH.js → index-BVOFy8TS.js}

@@ -1,4 +1,4 @@
-import { d as t, c as a, o, w as r, m as e, n as i, u as s, p } from "./index-DiIWBbGX.js";
+import { d as t, c as a, o, w as r, m as e, n as i, u as s, p } from "./index-BmQpLk5K.js";
 const c = `<?xml version="1.0" standalone="no"?>\r
 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1716346578169"\r
   class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="11033"\r

package/{index-DzyIOrZm.js → index-BYkT0KTA.js}

@@ -1,4 +1,4 @@
-import { d as n, c as t, o as e, w as o, m as a, n as r, u as c, p as i } from "./index-DiIWBbGX.js";
+import { d as n, c as t, o as e, w as o, m as a, n as r, u as c, p as i } from "./index-BmQpLk5K.js";
 const h = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1669969511811" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3001" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M96 384c19.2 0 32-12.8 32-32V128h224c19.2 0 32-12.8 32-32S371.2 64 352 64h-256c-19.2 0-32 12.8-32 32v256c0 19.2 12.8 32 32 32zM416 576h-256c-19.2 0-32 12.8-32 32s12.8 32 32 32h179.2l-262.4 262.4c-12.8 12.8-12.8 32 0 44.8 12.8 12.8 32 12.8 44.8 0L384 684.8v179.2c0 19.2 12.8 32 32 32s32-12.8 32-32v-256c0-19.2-12.8-32-32-32zM896 416c0-19.2-12.8-32-32-32h-179.2l262.4-262.4c12.8-12.8 12.8-32 0-44.8-12.8-12.8-32-12.8-44.8 0L640 339.2V160c0-19.2-12.8-32-32-32s-32 12.8-32 32v256c0 19.2 12.8 32 32 32h256c19.2 0 32-12.8 32-32zM928 640c-19.2 0-32 12.8-32 32V896h-224c-19.2 0-32 12.8-32 32s12.8 32 32 32h256c19.2 0 32-12.8 32-32v-256c0-19.2-12.8-32-32-32z" p-id="3002"></path></svg>', d = /* @__PURE__ */ n({
   __name: "index",
   setup(l) {

package/{index-DVg_t4TN.js → index-BbmU_A-p.js}

@@ -1,4 +1,4 @@
-import { r as s, s as z, f as C, e as c, d as U, g as A, h as O, i as R, o as $, j as m, w as v, b as x, u as n, k as j, l as V, a as k, t as T, D as M, _ as P } from "./index-DiIWBbGX.js";
+import { r as s, s as z, f as C, e as c, d as U, g as A, h as O, i as R, o as $, j as m, w as v, b as x, u as n, k as j, l as V, a as k, t as T, D as M, _ as P } from "./index-BmQpLk5K.js";
 const q = (p) => (s(null), { saveKnow: async (o) => {
   var i;
   console.log("saveKnow", o);

package/{index-DvAZypBt.js → index-BdLFiHk_.js}

@@ -1,4 +1,4 @@
-import { d as o, c as n, o as e, w as t, m as r, n as c, u as a, p as i } from "./index-DiIWBbGX.js";
+import { d as o, c as n, o as e, w as t, m as r, n as c, u as a, p as i } from "./index-BmQpLk5K.js";
 const p = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg class="icon" width="200px" height="200.00px" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path  d="M512 32A352 352 0 0 0 160 384c0 130.112 62.976 262.336 167.168 390.848a1256.768 1256.768 0 0 0 138.496 144.96l23.872 20.48 2.496 2.048a32 32 0 0 0 39.936 0l14.72-12.288a1256.768 1256.768 0 0 0 150.208-155.2C800.96 646.336 864 514.112 864 384A352 352 0 0 0 512 32z m0 64A288 288 0 0 1 800 384c0 112.576-57.024 232.32-152.832 350.528a1193.408 1193.408 0 0 1-107.136 115.2l-17.408 16.192-10.624 9.408-19.008-17.152a1193.408 1193.408 0 0 1-116.16-123.712C281.024 616.32 224 496.64 224 384A288 288 0 0 1 512 96zM512 224a160 160 0 1 0 0 320 160 160 0 0 0 0-320z m0 64a96 96 0 1 1 0 192 96 96 0 0 1 0-192z" /></svg>', d = /* @__PURE__ */ o({
   __name: "index",
   setup(l) {

package/{index-CB8e1gEy.js → index-BfjRVudN.js}

@@ -1,4 +1,4 @@
-import { d as t, c as e, o, w as s, m as a, n as i, u as r, p as l } from "./index-DiIWBbGX.js";
+import { d as t, c as e, o, w as s, m as a, n as i, u as r, p as l } from "./index-BmQpLk5K.js";
 const d = `<?xml version="1.0" encoding="UTF-8"?>\r
 <svg width="14px" height="14px" viewBox="0 0 14 14" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">\r
     <title>解锁</title>\r