@das-fed/upf-web-components 6.4.0-dev.185 → 6.4.0-dev.187

package/README.md

@@ -1,359 +1,104 @@
-## das-ce-tabs 使用方法
+# das-web-components 组件库说明文档
 
-1. **引入 `das-ce-tabs` 组件并注册**。
+## 一、简介
 
-```js
-import { createCeTabs } from '@das-fed/upf-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
-}
-```
-
-定义实例如下：
-
-```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' },
-])
-```
-
-3. **监听组件事件**
-
-使用组件时，监听到的事件对象为 `customEvent` ，该对象中的 `detail` 属性是个数组，数组元素为组件事件的返回值。 `das-ce-tabs` 组件暴露了以下事件：
-
-1. `update:modelValue`：当 `modelValue` 属性变化时触发，要实现切换页签时 `activeKey` 属性自动变化，需要监听该事件。
-
-```js
-import { ref } from 'vue'
-import { createCeTabs } from '@das-fed/upf-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 },
-  { key: 3, tab: 'Tab 3' },
-])
-```
-
-```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/upf-web-components/components'
-createCeTabs('das-ce-tabs')
+das-web-components 是 DAS 前端体系的 Web 组件库，基于 Web Components 技术，支持 Vue、React、原生 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' },
-])
+## 二、核心组件与用法
 
-const tabClick = (customEvent) => {
-  console.log('当前点击页签的key: ', customEvent.detail[0])
-}
-```
+### 1. das-ce-tabs 页签组件
 
-```html
-<das-ce-tabs :modelValue="activeKey" :options="options" @tabClick="tabClick"></das-ce-tabs>
-```
+- 支持动态页签、右键菜单、刷新、全屏等功能。
+- 通过 `createCeTabs('das-ce-tabs')` 注册。
+- 主要属性：
+  - `options`：页签配置数组，支持禁用、隐藏、插槽等。
+  - `modelValue`：当前激活页签 key。
+- 主要事件：
+  - `update:modelValue`：切换页签时触发，返回新激活 key。
+  - `tabClick`：点击页签时触发，返回 key。
+  - `tabDelete`：删除页签时触发，返回 key。
+  - `menuClick`：右键菜单操作，返回操作项和页签对象。
+  - `pageRefresh`：点击刷新按钮时触发。
+  - `toggleFullScreen`：切换全屏。
+- 主要方法与类型定义见下方代码示例。
 
-3. `tabDelete`：当 `tab` 被删除时触发。返回被删除页签的 `key` 值。
+#### 用法示例
 
 ```js
 import { ref } from 'vue'
-import { createCeTabs } from '@das-fed/upf-web-components/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 },
   { 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/upf-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/upf-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('刷新')
-}
-```
+### 2. das-ce-nav 顶部导航栏组件
 
-```html
-<das-ce-tabs :modelValue="activeKey" :options="options" @pageRefresh="pageRefresh"></das-ce-tabs>
-```
+- 支持菜单、logo、搜索、用户信息、项目树、内置页面等多种功能。
+- 通过 `createCeNav('das-ce-nav')` 注册。
+- 主要属性：
+  - `modelValue`：当前选中菜单 key。
+  - `config`：导航栏配置。
+  - `logoUrl`、`searchConfig`、`userInfoConfig`、`projectTreeConfig`、`innerPagesConfig` 等。
+- 主要事件：
+  - `handleTabClick`、`handleTabDelete`、`changeInnerPage`、`searchToPage`、`clearSearchList`、`deleteSearchItem`、`userCommandHandle`、`changeTreeHandle`。
+- 详细属性与事件见下方表格。
 
-6. `toggleFullScreen`: 切换全屏状态。无返回值。
+#### 用法示例
 
 ```js
-import { ref } from 'vue'
-import { createCeTabs } from '@das-fed/upf-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('全屏')
-}
-```
-
-```html
-<das-ce-tabs :modelValue="activeKey" :options="options" @toggleFullScreen="toggleFullScreen"></das-ce-tabs>
-```
-
-## das-ce-nav 使用方法
-
-### 1. **引入 `das-ce-nav` 组件并注册**。
-
-```js
-import { createCeNav } from '@das-fed/upf-web-components'
+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/upf-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) | -      | 否       |
-
-### 3. **事件**
+| 属性名            | 描述          | 类型          | 是否必填 |
+| ----------------- | ------------- | ------------- | -------- |
+| modelValue        | 当前选中菜单  | string/number | 是       |
+| config            | 导航栏配置    | object        | 是       |
+| logoUrl           | logo 图片链接 | string        | 否       |
+| innerPagesConfig  | 内置页面配置  | object        | 否       |
+| searchConfig      | 搜索配置      | object        | 否       |
+| userInfoConfig    | 用户信息配置  | object        | 否       |
+| projectTreeConfig | 项目树配置    | object        | 否       |
 
 | 事件              | 说明                        | 回调参数                        |
 | ----------------- | --------------------------- | ------------------------------- |
@@ -366,17 +111,29 @@ interface TreeOptionProps {
 | userCommandHandle | 用户信息-操作项             | function(value:any)             |
 | changeTreeHandle  | 项目树-是否确定切换选中项目 | function(status:bool,value:any) |
 
-## das-ce-menu 使用方法
+---
+
+### 3. das-ce-menu 侧边菜单栏组件
+
+- 支持菜单折叠、选中、动态数据等功能。
+- 通过 `createCeMenu('das-ce-menu')` 注册。
+- 主要属性：
+  - `modelValue`：当前选中菜单 key。
+  - `data`：菜单数据数组。
+  - `collapse`：菜单栏初始折叠状态。
+- 主要事件：
+  - `change`：选中项改变时触发。
+  - `collapse-change`：菜单折叠状态改变时触发。
+- 主要方法：
+  - `changeCollapse`：切换菜单折叠状态。
 
-1. **引入 `das-ce-menu` 组件并注册**。
+#### 用法示例
 
 ```js
-import { createCeMenu } from '@das-fed/upf-web-components'
+import { createCeMenu } from '@das-fed/web-components'
 createCeMenu('das-ce-menu')
 ```
 
-2. **使用**。
-
 ```html
 <das-ce-menu
   :data="menuData"
@@ -388,23 +145,23 @@ createCeMenu('das-ce-menu')
 ></das-ce-menu>
 ```
 
-3. **属性**
+---
+
+## 三、组件属性与类型定义
+
+详细属性、类型定义和事件请参考源码及注释。
+
+---
 
-| 属性名     | 描述               | 类型          | 默认值 | 是否必填 |
-| ---------- | ------------------ | ------------- | ------ | -------- |
-| modelValue | 当前选中菜单       | string/number | -      | 是       |
-| data       | 导航栏配置         | array         | []     | 是       |
-| collapse   | 菜单栏初始折叠状态 | boolean       | false  | 否       |
+## 四、常见问题与扩展
 
-4. **事件**
+- 支持在 Vue、React、原生 JS 项目中直接注册和使用。
+- 组件事件均通过 `customEvent.detail` 获取返回值。
+- 支持自定义插槽、动态数据、复杂交互。
+- 推荐结合 DAS Web 主应用统一布局和微前端架构使用。
 
-| 事件            | 描述             | 回调参数                                    |
-| --------------- | ---------------- | ------------------------------------------- |
-| change          | 选中项改变触发   | function(value: string/number, option: any) |
-| collapse-change | 折叠状态改变触发 | function(value:boolean)                     |
+---
 
-5. **方法**
+## 五、贡献与维护
 
-| 方法           | 描述         | 参数                           |
-| -------------- | ------------ | ------------------------------ |
-| changeCollapse | 切换折叠状态 | 接收一个布尔类型参数：折叠状态 |
+如需详细 API 说明、组件开发指南，请参考源码及注释。

package/{ar-DWNjvLuE.js → ar-BV73BvHi.js}

@@ -1,4 +1,4 @@
-import { g as d, r as m, c as p } from "./index-Tx-vSI8S.js";
+import { g as d, r as m, c as p } from "./index-BQf2PYFs.js";
 function M(a, s) {
   for (var n = 0; n < s.length; n++) {
     const r = s[n];

package/{ar_EG-BnghxIoc.js → ar_EG-DSKHRo2z.js}

@@ -1,4 +1,4 @@
-import { q as a } from "./index-Tx-vSI8S.js";
+import { q as a } from "./index-BQf2PYFs.js";
 const r = {
   // Options.jsx
   items_per_page: "/ الصفحة",

package/{de-NVZg2xno.js → de-BN1DkK_l.js}

@@ -1,4 +1,4 @@
-import { g as p, r as f, c } from "./index-Tx-vSI8S.js";
+import { g as p, r as f, c } from "./index-BQf2PYFs.js";
 function g(o, s) {
   for (var a = 0; a < s.length; a++) {
     const t = s[a];

package/{de_DE-C33GdCGl.js → de_DE-BknYN0OA.js}

@@ -1,4 +1,4 @@
-import { q as n } from "./index-Tx-vSI8S.js";
+import { q as n } from "./index-BQf2PYFs.js";
 const l = {
   // Options.jsx
   items_per_page: "/ Seite",

package/{en_US-ByBhWry7.js → en_US-563j8kPU.js}

@@ -1,4 +1,4 @@
-import { q as a } from "./index-Tx-vSI8S.js";
+import { q as a } from "./index-BQf2PYFs.js";
 const r = {
   // Options.jsx
   items_per_page: "/ page",

package/{es-Dz8mz88B.js → es-CE4znIWU.js}

@@ -1,4 +1,4 @@
-import { g as i, r as m, c as d } from "./index-Tx-vSI8S.js";
+import { g as i, r as m, c as d } from "./index-BQf2PYFs.js";
 function l(n, a) {
   for (var r = 0; r < a.length; r++) {
     const e = a[r];

package/{es_ES-DetwwTch.js → es_ES-uhexePX4.js}

@@ -1,4 +1,4 @@
-import { q as a } from "./index-Tx-vSI8S.js";
+import { q as a } from "./index-BQf2PYFs.js";
 const n = {
   // Options.jsx
   items_per_page: "/ página",

package/{fr-BV4Yu4-4.js → fr-BftG4rt6.js}

@@ -1,4 +1,4 @@
-import { g as u, r as m, c as d } from "./index-Tx-vSI8S.js";
+import { g as u, r as m, c as d } from "./index-BQf2PYFs.js";
 function l(a, s) {
   for (var n = 0; n < s.length; n++) {
     const e = s[n];

package/{fr_FR-DqYGfX17.js → fr_FR-JVBygMqz.js}

@@ -1,4 +1,4 @@
-import { q as a } from "./index-Tx-vSI8S.js";
+import { q as a } from "./index-BQf2PYFs.js";
 const r = {
   // Options.jsx
   items_per_page: "/ page",

package/{index-aLxDVoov.js → index-B1TARyz0.js}

@@ -1,4 +1,4 @@
-import { d as t, o, b as a, w as e, v as i, x as r, u as n, y as c } from "./index-Tx-vSI8S.js";
+import { d as t, o, b as a, w as e, v as i, x as r, u as n, y as c } from "./index-BQf2PYFs.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="1684811406838" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="14190" xmlns:xlink="http://www.w3.org/1999/xlink" width="12" height="12"><path d="M512 849.5c186.384375 0 337.5-151.115625 337.5-337.5S698.384375 174.5 512 174.5 174.5 325.615625 174.5 512s151.115625 337.5 337.5 337.5z m0 56.25C294.5375 905.75 118.25 729.4625 118.25 512S294.5375 118.25 512 118.25s393.75 176.2875 393.75 393.75-176.2875 393.75-393.75 393.75z m0-253.125a42.1875 42.1875 0 1 1 0 84.375 42.1875 42.1875 0 0 1 0-84.375z m0-365.625a112.5 112.5 0 0 1 112.5 112.5v9.61875c0 28.321875-11.25 55.4625-31.246875 75.4875l-17.353125 17.325c-9.253125 9.28125-17.578125 19.40625-24.834375 30.31875-7.14375 10.6875-10.940625 23.259375-10.940625 36.084375A28.125 28.125 0 0 1 483.875 568.25v-5.625c0-20.25 5.990625-39.99375 17.184375-56.8125 11.446875-17.15625 24.553125-33.13125 39.121875-47.728125l6.46875-6.46875A73.715625 73.715625 0 0 0 568.25 399.5a56.25 56.25 0 1 0-112.5 0 28.125 28.125 0 0 1-56.25 0 112.5 112.5 0 0 1 112.5-112.5z" p-id="14191"></path></svg>', m = /* @__PURE__ */ t({
   __name: "index",
   setup(w) {

package/{index-D-zcnVkg.js → index-BAa8INTt.js}

@@ -1,4 +1,4 @@
-import { d as n, o, b as a, w as e, v as i, x as l, u as t, y as r } from "./index-Tx-vSI8S.js";
+import { d as n, o, b as a, w as e, v as i, x as l, u as t, y as r } from "./index-BQf2PYFs.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(w) {

package/{index-C64D0Adc.js → index-BBMVWNuN.js}

@@ -1,4 +1,4 @@
-import { d as n, o as t, b as o, w as e, v as i, x as r, u as s, y as h } from "./index-Tx-vSI8S.js";
+import { d as n, o as t, b as o, w as e, v as i, x as r, u as s, y as h } from "./index-BQf2PYFs.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="1677654702624" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8626" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M256 192v64H128v192h768V256h-128V192h128a64 64 0 0 1 63.84 59.2L960 256v576a64 64 0 0 1-59.2 63.84L896 896H128a64 64 0 0 1-63.84-59.2L64 832V256a64 64 0 0 1 59.2-63.84L128 192h128z m640 320H128v320h768V512zM352 128a32 32 0 0 1 32 32v128a32 32 0 0 1-64 0V160a32 32 0 0 1 32-32z m320 0a32 32 0 0 1 32 32v128a32 32 0 0 1-64 0V160a32 32 0 0 1 32-32z m-96 64v64h-128V192h128z" p-id="8627"></path></svg>', d = /* @__PURE__ */ n({
   __name: "index",
   setup(v) {

package/{index-DIqztBOg.js → index-BEDGWJhy.js}

@@ -1,4 +1,4 @@
-import { d as n, o, b as a, w as e, v as r, x as i, u as t, y as c } from "./index-Tx-vSI8S.js";
+import { d as n, o, b as a, w as e, v as r, x as i, u as t, y as c } from "./index-BQf2PYFs.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__ */ n({
   __name: "index",
   setup(w) {

package/{index-BF54_Ooo.js → index-BF4qhqCu.js}

@@ -1,4 +1,4 @@
-import { d as n, o, b as a, w as e, v as i, x as r, u as t, y as p } from "./index-Tx-vSI8S.js";
+import { d as n, o, b as a, w as e, v as i, x as r, u as t, y as p } from "./index-BQf2PYFs.js";
 const w = '<?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="1668396781886" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="17035" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16"><path d="M297.376 182.624a32 32 0 1 1 45.248-45.248l352 352a32 32 0 0 1 0 45.248l-352 352a32 32 0 1 1-45.248-45.248L626.752 512 297.376 182.624z" p-id="17036"></path></svg>', h = /* @__PURE__ */ n({
   __name: "index",
   setup(c) {

package/{index-ot2zLuO0.js → index-BGACXgei.js}

@@ -1,4 +1,4 @@
-import { d as n, o as e, b as o, w as s, v as a, x as i, u as r, y as l } from "./index-Tx-vSI8S.js";
+import { d as n, o as e, b as o, w as s, v as a, x as i, u as r, y as l } from "./index-BQf2PYFs.js";
 const d = `<?xml version="1.0" encoding="UTF-8"?>\r
 <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">\r
     <title>树展开</title>\r

package/{index-B7yix1Y4.js → index-BHAKL_Uz.js}

@@ -1,4 +1,4 @@
-import { d as n, o as t, b as e, w as o, v as a, x as r, u as c, y as i } from "./index-Tx-vSI8S.js";
+import { d as n, o as t, b as e, w as o, v as a, x as r, u as c, y as i } from "./index-BQf2PYFs.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>', v = /* @__PURE__ */ n({
   __name: "index",
   setup(l) {

package/{index-Z1gBVPAC.js → index-BJA9Pr8N.js}

@@ -1,4 +1,4 @@
-import { d as t, o as e, b as o, w as s, v as a, x as i, u as r, y as l } from "./index-Tx-vSI8S.js";
+import { d as t, o as e, b as o, w as s, v as a, x as i, u as r, y as l } from "./index-BQf2PYFs.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