king-design-analyzer 2.2.2 → 2.2.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (27) hide show
  1. package/components/aside.json +100 -0
  2. package/components/body.json +43 -0
  3. package/components/footer.json +40 -0
  4. package/components/layout.json +53 -0
  5. package/components/layoutheader.json +113 -0
  6. package/components/tag.json +61 -0
  7. package/components/transfer.json +11 -0
  8. package/dist/ast/index.d.mts +7 -2
  9. package/dist/ast/index.d.ts +7 -2
  10. package/dist/ast/index.js +3 -3
  11. package/dist/ast/index.mjs +1 -1
  12. package/dist/{chunk-XPHDD6XR.js → chunk-4ZZ6E4RS.js} +235 -82
  13. package/dist/{chunk-HARQRI4F.js → chunk-GCHRZSCK.js} +2 -2
  14. package/dist/{chunk-BSCASJTV.mjs → chunk-SCECUJGJ.mjs} +1 -1
  15. package/dist/{chunk-YRGYDK2I.mjs → chunk-ZW3HD2OD.mjs} +233 -80
  16. package/dist/full/index.js +4 -4
  17. package/dist/full/index.mjs +2 -2
  18. package/dist/index.js +6 -6
  19. package/dist/index.mjs +2 -2
  20. package/docs_for_llm/aside.doc.md +62 -0
  21. package/docs_for_llm/body.doc.md +44 -0
  22. package/docs_for_llm/footer.doc.md +46 -0
  23. package/docs_for_llm/layout-header.doc.md +61 -0
  24. package/docs_for_llm/layout.doc.md +53 -0
  25. package/docs_for_llm/tag.doc.md +1 -1
  26. package/docs_for_llm/transfer.doc.md +1 -0
  27. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -2,8 +2,8 @@
2
2
 
3
3
  var chunkJJ6AB4ZH_js = require('./chunk-JJ6AB4ZH.js');
4
4
  require('./chunk-YTEYDSDW.js');
5
- var chunkHARQRI4F_js = require('./chunk-HARQRI4F.js');
6
- var chunkXPHDD6XR_js = require('./chunk-XPHDD6XR.js');
5
+ var chunkGCHRZSCK_js = require('./chunk-GCHRZSCK.js');
6
+ var chunk4ZZ6E4RS_js = require('./chunk-4ZZ6E4RS.js');
7
7
  var chunkV5N65MRP_js = require('./chunk-V5N65MRP.js');
8
8
  var chunkDHLWNT53_js = require('./chunk-DHLWNT53.js');
9
9
  require('./chunk-KF5YBEM5.js');
@@ -17,19 +17,19 @@ Object.defineProperty(exports, "validateCompilation", {
17
17
  });
18
18
  Object.defineProperty(exports, "validateCode", {
19
19
  enumerable: true,
20
- get: function () { return chunkHARQRI4F_js.validateCode; }
20
+ get: function () { return chunkGCHRZSCK_js.validateCode; }
21
21
  });
22
22
  Object.defineProperty(exports, "validateCodeSync", {
23
23
  enumerable: true,
24
- get: function () { return chunkHARQRI4F_js.validateCodeSync; }
24
+ get: function () { return chunkGCHRZSCK_js.validateCodeSync; }
25
25
  });
26
26
  Object.defineProperty(exports, "analyzeCodeWithAST", {
27
27
  enumerable: true,
28
- get: function () { return chunkXPHDD6XR_js.analyzeCodeWithAST; }
28
+ get: function () { return chunk4ZZ6E4RS_js.analyzeCodeWithAST; }
29
29
  });
30
30
  Object.defineProperty(exports, "componentRegistry", {
31
31
  enumerable: true,
32
- get: function () { return chunkXPHDD6XR_js.componentRegistry; }
32
+ get: function () { return chunk4ZZ6E4RS_js.componentRegistry; }
33
33
  });
34
34
  Object.defineProperty(exports, "validateRuntimePrecheck", {
35
35
  enumerable: true,
package/dist/index.mjs CHANGED
@@ -1,7 +1,7 @@
1
1
  export { validateCompilation } from './chunk-NZL6T22V.mjs';
2
2
  import './chunk-5H7N2A5X.mjs';
3
- export { validateCode, validateCodeSync } from './chunk-BSCASJTV.mjs';
4
- export { analyzeCodeWithAST, componentRegistry } from './chunk-YRGYDK2I.mjs';
3
+ export { validateCode, validateCodeSync } from './chunk-SCECUJGJ.mjs';
4
+ export { analyzeCodeWithAST, componentRegistry } from './chunk-ZW3HD2OD.mjs';
5
5
  export { validateRuntimePrecheck } from './chunk-6HOIRUQB.mjs';
6
6
  export { compileSFC, scopeStyles } from './chunk-4OTQAQ6J.mjs';
7
7
  import './chunk-QC6VTSA3.mjs';
package/docs_for_llm/aside.doc.md ADDED
@@ -0,0 +1,62 @@
1
+ # 侧边栏 (Aside)
2
+
3
+ 布局侧边栏组件，适合承载导航菜单或辅助信息区域，可配置固定定位和折叠宽度。
4
+
5
+ ## 导入语句
6
+ ```typescript
7
+ import { Aside } from '@king-design/vue';
8
+ ```
9
+
10
+ ## 属性 (Props)
11
+ | 属性名 | 类型 | 默认值 | 必填 | 说明 | 标签 | 示例 |
12
+ | --- | --- | --- | --- | --- | --- | --- |
13
+ | collapse | `boolean` | `false` | 否 | 是否处于折叠状态。 | - | `<Aside collapse>折叠菜单</Aside>` |
14
+ | fixed | `boolean` | `false` | 否 | 是否固定在页面左侧。 | - | `<Aside fixed>固定侧边栏</Aside>` |
15
+ | theme | `MenuProps['theme']` | `"light"` | 否 | 侧边栏主题，沿用 Menu 组件的主题配置。 | - | `<Aside theme="dark">深色侧边栏</Aside>` |
16
+ | width | `number | string` | `240` | 否 | 侧边栏宽度，支持数字或带单位的字符串。 | - | `<Aside :width="220">自定义宽度</Aside>` |
17
+ | collapsedWidth | `number | string` | `64` | 否 | 折叠状态下的宽度。 | - | `<Aside :collapsedWidth="56" collapse>折叠侧边栏</Aside>` |
18
+
19
+ ## 插槽 (Slots)
20
+ | 插槽名 | 说明 | 模板写法 | 示例 |
21
+ | --- | --- | --- | --- |
22
+ | default | 侧边栏内容，通常放置菜单、品牌信息或辅助操作。 | `#default` | `<Aside>
23
+ <Menu>
24
+ <MenuItem key="1">概览</MenuItem>
25
+ </Menu>
26
+ </Aside>` |
27
+
28
+ ### 插槽参数说明
29
+ **default**
30
+
31
+ - 参数结构: 无参数
32
+
33
+ ## 使用示例
34
+ ### 基础侧边栏
35
+ **场景**: 在后台布局中承载主导航菜单。
36
+
37
+ 在布局中放置导航菜单。
38
+
39
+ **使用的 API**: 属性: width
40
+
41
+ ```vue
42
+ <script setup lang="ts">
43
+ import { Layout, Aside, Body, Menu, MenuItem } from '@king-design/vue';
44
+ </script>
45
+ <template>
46
+ <Layout>
47
+ <Aside :width="220">
48
+ <Menu>
49
+ <MenuItem key="overview">概览</MenuItem>
50
+ <MenuItem key="instance">实例列表</MenuItem>
51
+ </Menu>
52
+ </Aside>
53
+ <Body>
54
+ <div style="padding: 16px;">内容区域</div>
55
+ </Body>
56
+ </Layout>
57
+ </template>
58
+ ```
59
+
60
+ ## 相关组件
61
+ Layout, Body, Menu
62
+
package/docs_for_llm/body.doc.md ADDED
@@ -0,0 +1,44 @@
1
+ # 布局主体 (Body)
2
+
3
+ 布局主体容器，用于承载页面主要内容区域，通常与 Header、Aside 组合使用。
4
+
5
+ ## 导入语句
6
+ ```typescript
7
+ import { Body } from '@king-design/vue';
8
+ ```
9
+
10
+ ## 插槽 (Slots)
11
+ | 插槽名 | 说明 | 模板写法 | 示例 |
12
+ | --- | --- | --- | --- |
13
+ | default | 主体内容区域。 | `#default` | `<Body>
14
+ <div style="padding: 16px;">页面主体内容</div>
15
+ </Body>` |
16
+
17
+ ### 插槽参数说明
18
+ **default**
19
+
20
+ - 参数结构: 无参数
21
+
22
+ ## 使用示例
23
+ ### 主体内容区
24
+ **场景**: 作为后台页面的主要内容承载区域。
25
+
26
+ 在布局中承载页面正文。
27
+
28
+ ```vue
29
+ <script setup lang="ts">
30
+ import { Layout, Header, Body } from '@king-design/vue';
31
+ </script>
32
+ <template>
33
+ <Layout>
34
+ <Header>实例管理</Header>
35
+ <Body>
36
+ <div style="padding: 16px;">这里放页面内容</div>
37
+ </Body>
38
+ </Layout>
39
+ </template>
40
+ ```
41
+
42
+ ## 相关组件
43
+ Layout, Header, Aside, Footer
44
+
package/docs_for_llm/footer.doc.md ADDED
@@ -0,0 +1,46 @@
1
+ # 布局底部 (Footer)
2
+
3
+ 布局底部组件，适合展示版权、说明信息或页面级辅助操作。
4
+
5
+ ## 导入语句
6
+ ```typescript
7
+ import { Footer } from '@king-design/vue';
8
+ ```
9
+
10
+ ## 插槽 (Slots)
11
+ | 插槽名 | 说明 | 模板写法 | 示例 |
12
+ | --- | --- | --- | --- |
13
+ | default | 底部内容区域。 | `#default` | `<Footer>
14
+ Copyright 2026 Kingsoft Cloud
15
+ </Footer>` |
16
+
17
+ ### 插槽参数说明
18
+ **default**
19
+
20
+ - 参数结构: 无参数
21
+
22
+ ## 使用示例
23
+ ### 基础底部
24
+ **场景**: 在控制台页面底部展示版权或补充提示。
25
+
26
+ 展示底部版权或补充说明。
27
+
28
+ ```vue
29
+ <script setup lang="ts">
30
+ import { Layout, Body, Footer } from '@king-design/vue';
31
+ </script>
32
+ <template>
33
+ <Layout>
34
+ <Body>
35
+ <div style="padding: 16px; min-height: 200px;">内容区域</div>
36
+ </Body>
37
+ <Footer>
38
+ Copyright 2026 Kingsoft Cloud
39
+ </Footer>
40
+ </Layout>
41
+ </template>
42
+ ```
43
+
44
+ ## 相关组件
45
+ Layout, Body
46
+
package/docs_for_llm/layout-header.doc.md ADDED
@@ -0,0 +1,61 @@
1
+ # 布局头部 (Header)
2
+
3
+ 布局头部组件，常用于放置站点标题、全局导航和操作入口，可配置固定定位、主题和毛玻璃效果。
4
+
5
+ ## 导入语句
6
+ ```typescript
7
+ import { Header } from '@king-design/vue';
8
+ ```
9
+
10
+ ## 属性 (Props)
11
+ | 属性名 | 类型 | 默认值 | 必填 | 说明 | 标签 | 示例 |
12
+ | --- | --- | --- | --- | --- | --- | --- |
13
+ | fixed | `boolean` | `false` | 否 | 是否固定在页面顶部。 | - | `<Header fixed>固定头部</Header>` |
14
+ | height | `number | string` | `64` | 否 | 头部高度，支持数字或带单位的字符串。 | - | `<Header :height="56">紧凑头部</Header>` |
15
+ | style | `string | Record<string, string>` | `undefined` | 否 | 自定义内联样式。 | - | `<Header :style="{ background: '#fff' }">自定义样式</Header>` |
16
+ | theme | `MenuProps['theme']` | `"light"` | 否 | 头部主题，沿用 Menu 组件的主题配置。 | - | `<Header theme="dark">深色头部</Header>` |
17
+ | blur | `boolean` | `false` | 否 | 是否开启毛玻璃背景效果。 | - | `<Header blur>毛玻璃头部</Header>` |
18
+ | boxShadow | `boolean` | `false` | 否 | 是否展示底部阴影。 | - | `<Header boxShadow>带阴影头部</Header>` |
19
+
20
+ ## 插槽 (Slots)
21
+ | 插槽名 | 说明 | 模板写法 | 示例 |
22
+ | --- | --- | --- | --- |
23
+ | default | 头部内容区域，通常放置 Logo、导航或操作按钮。 | `#default` | `<Header>
24
+ <div style="display: flex; justify-content: space-between;">控制台<header-actions /></div>
25
+ </Header>` |
26
+
27
+ ### 插槽参数说明
28
+ **default**
29
+
30
+ - 参数结构: 无参数
31
+
32
+ ## 使用示例
33
+ ### 基础布局头部
34
+ **场景**: 用于后台系统的全局固定顶部栏。
35
+
36
+ 作为站点或控制台的全局顶部栏。
37
+
38
+ **使用的 API**: 属性: fixed, theme, height
39
+
40
+ ```vue
41
+ <script setup lang="ts">
42
+ import { Layout, Header, Body, Button } from '@king-design/vue';
43
+ </script>
44
+ <template>
45
+ <Layout>
46
+ <Header fixed theme="dark" :height="56">
47
+ <div style="display: flex; align-items: center; justify-content: space-between; height: 100%; padding: 0 16px;">
48
+ <span>控制台</span>
49
+ <Button type="primary">新建资源</Button>
50
+ </div>
51
+ </Header>
52
+ <Body>
53
+ <div style="padding: 16px;">页面内容</div>
54
+ </Body>
55
+ </Layout>
56
+ </template>
57
+ ```
58
+
59
+ ## 相关组件
60
+ Layout, Body, Aside
61
+
package/docs_for_llm/layout.doc.md ADDED
@@ -0,0 +1,53 @@
1
+ # 布局容器 (Layout)
2
+
3
+ 页面整体布局容器，用于组合 Header、Aside、Body、Footer 等区域，构建后台或工作台页面结构。
4
+
5
+ **关键词**: layout, 页面布局, 布局容器
6
+
7
+ **使用场景**: 后台布局、控制台页面、工作台页面
8
+
9
+ ## 导入语句
10
+ ```typescript
11
+ import { Layout } from '@king-design/vue';
12
+ ```
13
+
14
+ ## 插槽 (Slots)
15
+ | 插槽名 | 说明 | 模板写法 | 示例 |
16
+ | --- | --- | --- | --- |
17
+ | default | 布局内容区域，通常放置 Header、Aside、Body、Footer 组件。 | `#default` | `<Layout>
18
+ <Header />
19
+ <Body>内容区</Body>
20
+ </Layout>` |
21
+
22
+ ### 插槽参数说明
23
+ **default**
24
+
25
+ - 参数结构: 无参数
26
+
27
+ ## 使用示例
28
+ ### 基础布局
29
+ **场景**: 用于管理后台和工作台页面的整体结构搭建。
30
+
31
+ 组合头部、侧边栏和内容区，构建典型后台页面布局。
32
+
33
+ ```vue
34
+ <script setup lang="ts">
35
+ import { Layout, Header, Aside, Body, Footer } from '@king-design/vue';
36
+ </script>
37
+ <template>
38
+ <Layout>
39
+ <Header>控制台</Header>
40
+ <Layout>
41
+ <Aside>导航菜单</Aside>
42
+ <Body>
43
+ <div style="padding: 16px;">页面内容</div>
44
+ </Body>
45
+ </Layout>
46
+ <Footer>Copyright 2026</Footer>
47
+ </Layout>
48
+ </template>
49
+ ```
50
+
51
+ ## 相关组件
52
+ Header, Aside, Body, Footer
53
+
package/docs_for_llm/tag.doc.md CHANGED
@@ -15,6 +15,7 @@ import { Tag, Tags } from '@king-design/vue';
15
15
  | 属性名 | 类型 | 默认值 | 必填 | 说明 | 标签 | 示例 |
16
16
  | --- | --- | --- | --- | --- | --- | --- |
17
17
  | type | `"default" | "primary" | "success" | "warning" | "danger"` | `"default"` | 否 | 组件类型，决定标签的视觉样式 | - | `<Tag type="primary">主要标签</Tag>` |
18
+ | color | `"default" | "primary" | "success" | "warning" | "danger" | "purple" | "teal" | "blue" | "yellow" | string` | `undefined` | 否 | 自定义标签颜色，支持预设颜色名和任意字符串色值 | - | `<Tag color="purple">品牌标签</Tag>` |
18
19
  | closable | `boolean` | `false` | 否 | 是否可关闭，显示关闭按钮 | - | `<Tag closable @close="handleClose">可关闭标签</Tag>` |
19
20
  | closed | `boolean` | `false` | 否 | 是否已关闭（受控模式） | - | `<Tag closable :closed="isClosed" @close="handleClose">标签</Tag>` |
20
21
  | disabled | `boolean` | `false` | 否 | 是否展示禁用状态 | - | `<Tag disabled>禁用标签</Tag>` |
@@ -414,4 +415,3 @@ const handleAdd = () => {
414
415
 
415
416
  ## 相关组件
416
417
  Tags, Badge
417
-
package/docs_for_llm/transfer.doc.md CHANGED
@@ -29,6 +29,7 @@ import { Transfer } from '@king-design/vue';
29
29
  | rightTitle | `string | VNode` | `"已选择"` | 否 | 右侧标题 | - | `<Transfer rightTitle="已选列表"></Transfer>` |
30
30
  | enableAdd | `() => boolean` | `undefined` | 否 | 控制右箭头按钮的可用状态 | - | `<Transfer :enableAdd="canAdd"></Transfer>` |
31
31
  | enableRemove | `() => boolean` | `undefined` | 否 | 控制左箭头按钮的可用状态 | - | `<Transfer :enableRemove="canRemove"></Transfer>` |
32
+ | pagination | `boolean | PaginationProps` | `false` | 否 | 是否启用左右面板分页，也可以传入 Pagination 的配置对象来自定义页码和每页条数。 | - | `<Transfer :pagination="{ value: 1, limit: 10 }"></Transfer>` |
32
33
 
33
34
  ## 事件 (Events)
34
35
  | 事件名 | Vue事件名 | 说明 | 回调参数 | 示例 |
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "king-design-analyzer",
3
- "version": "2.2.2",
3
+ "version": "2.2.4",
4
4
  "description": "AST-based code analyzer for King Design Vue components with on-demand modular imports",
5
5
  "main": "./dist/index.js",
6
6
  "module": "./dist/index.mjs",