@zl-ui-kit/components 0.2.0 → 0.3.1

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 (12) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +50 -6
  3. package/dist/components/ZlFileViewer/index.vue.mjs +3 -3
  4. package/dist/entries/chart.d.ts +10 -0
  5. package/dist/entries/chart.mjs +6 -0
  6. package/dist/entries/editor.d.ts +12 -0
  7. package/dist/entries/editor.mjs +10 -0
  8. package/dist/entries/file-preview.d.ts +10 -0
  9. package/dist/entries/file-preview.mjs +8 -0
  10. package/dist/index.d.ts +0 -7
  11. package/dist/index.mjs +156 -176
  12. package/package.json +81 -49
package/LICENSE ADDED
@@ -0,0 +1,21 @@
1
+ MIT License
2
+
3
+ Copyright (c) 2026 Vik05
4
+
5
+ Permission is hereby granted, free of charge, to any person obtaining a copy
6
+ of this software and associated documentation files (the "Software"), to deal
7
+ in the Software without restriction, including without limitation the rights
8
+ to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9
+ copies of the Software, and to permit persons to whom the Software is
10
+ furnished to do so, subject to the following conditions:
11
+
12
+ The above copyright notice and this permission notice shall be included in all
13
+ copies or substantial portions of the Software.
14
+
15
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16
+ IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17
+ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18
+ AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19
+ LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20
+ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21
+ SOFTWARE.
package/README.md CHANGED
@@ -3,13 +3,30 @@
3
3
  ZL UI 业务组件库（**Element Plus 体系**，`Zl` 前缀，TypeScript + `<script setup lang="ts">`）。
4
4
  对外 API（props/emits/slots）与参考实现保持一致；样式经 `vite-plugin-lib-inject-css` 随组件自动注入，无需手动引 css。
5
5
 
6
- ## 已迁移组件（58 个，全量收官）
6
+ ## 安装
7
7
 
8
- 通用：ZlIcon / ZlIconHover / ZlIconLabel / ZlAutoTooltip / ZlTag / ZlCornerTag / ZlText / ZlTitle / ZlCopy / ZlEmpty / ZlPagination / ZlDictTag（需 micro-app 字典环境）
9
- 表格/表单/反馈：ZlTable / ZlSearchTable / ZlForm / ZlSearch / ZlAction / ZlActionList / ZlDescription / ZlDrawer / ZlPopconfirm / ZlSwitch / ZlFormChild / ZlHorizontalTable / ZlUpload（+ usePermission / useTablePagination hooks）
10
- 通用/布局：ZlAvatar(+Group) / ZlCheckAll / ZlRadioTag / ZlCheckboxTag / ZlAddSub / ZlSorter(+List) / ZlLayoutSwitch / ZlSection / ZlCard / ZlCardPage / ZlAppSlogan / ZlPermission / ZlTabs / ZlGrid(+GridItem) / ZlDynamicComponent / ZlTree / ZlTreeSelect / ZlAppLayout(双形态) / ZlAppMenu(+Item) / ZlChart
8
+ ```bash
9
+ npm i @zl-ui-kit/components
10
+ ```
11
+
12
+ peer 依赖（宿主提供）：`vue` ^3.5、`element-plus` ^2.9、`@vueuse/core` ^12。
13
+
14
+ **重型依赖的组件不在主入口**，走独立子路径，依赖按需安装（`peerDependenciesMeta.optional`）。这样只装 `@zl-ui-kit/components` 不会把你拖进 monaco（约 50MB）/ echarts / 4 个 `@vue-office` 包：
15
+
16
+ | 子入口 | 组件 | 需安装 |
17
+ | --- | --- | --- |
18
+ | `@zl-ui-kit/components/chart` | `ZlChart` | `echarts` |
19
+ | `@zl-ui-kit/components/editor` | `ZlEditor` / `ZlSqlEditor` / `useSqlCompletion` | `monaco-editor` |
20
+ | `@zl-ui-kit/components/file-preview` | `ZlFilePreview` / `ZlFileViewer` | `@vue-office/*` |
21
+
22
+ ```ts
23
+ import { ZlChart } from '@zl-ui-kit/components/chart'
24
+ import { ZlEditor, ZlSqlEditor } from '@zl-ui-kit/components/editor'
25
+ import { ZlFilePreview, ZlFileViewer } from '@zl-ui-kit/components/file-preview'
26
+ ```
27
+
28
+ > `ZlPdfViewer` 无重型依赖，仍在主入口；`app.use(install)` 不含子入口组件，需手动注册。
11
29
 
12
- > 迁移批次见需求文档 §12-Q8：二批（表格/表单/反馈）已完成，ZlUpload 顺延三批；三批=编辑器/文件预览/登录/
13
30
  ## 使用
14
31
 
15
32
  ```ts
@@ -18,7 +35,34 @@ import { ZlTag, ZlIcon, install } from '@zl-ui-kit/components'
18
35
  app.use(install) // 全量注册；或按需 import { ZlTag }
19
36
  ```
20
37
 
21
- 前置：宿主已安装 `vue`、`element-plus`、`@vueuse/core`（peer）；离线图标需 `presetIconifyIcon(iconsFromAtZlIcons)`。
38
+ 离线图标（可选，`@zl-ui-kit/icons` 已是本包依赖）：
39
+
40
+ ```ts
41
+ import { presetIconifyIcon } from '@zl-ui-kit/components'
42
+ import { icons } from '@zl-ui-kit/icons'
43
+
44
+ presetIconifyIcon(icons) // 注册 444 个 zl: 图标，供 ZlIcon 离线渲染
45
+ ```
46
+
47
+ > **本包只导出组件与 `install`**，hooks、工具函数、主题样式在各自包里，入口独立：
48
+
49
+ ```ts
50
+ import { useRequest, useDict } from '@zl-ui-kit/composables' // hooks
51
+ import { generateUUID, paginate } from '@zl-ui-kit/utils' // 工具函数
52
+ import '@zl-ui-kit/theme/themes.css' // 主题样式
53
+ ```
54
+
55
+ ## 组件清单（48 个目录 / 56 个导出符号）
56
+
57
+ 通用：ZlIcon / ZlIconHover / ZlIconLabel / ZlAutoTooltip / ZlTag / ZlCornerTag / ZlText / ZlTitle / ZlCopy / ZlEmpty / ZlPagination / ZlDictTag（需 micro-app 字典环境）
58
+
59
+ 表格/表单/反馈：ZlTable / ZlSearchTable / ZlForm / ZlSearch / ZlAction / ZlActionList / ZlDescription / ZlDrawer / ZlPopconfirm / ZlSwitch / ZlFormChild / ZlHorizontalTable / ZlUpload（+ usePermission / useTablePagination hooks）
60
+
61
+ 通用/布局：ZlAvatar(+Group) / ZlCheckAll / ZlRadioTag / ZlCheckboxTag / ZlAddSub / ZlSorter(+List) / ZlLayoutSwitch / ZlSection / ZlCard / ZlCardPage / ZlAppSlogan / ZlPermission / ZlTabs / ZlGrid(+GridItem) / ZlDynamicComponent / ZlTree / ZlTreeSelect / ZlAppLayout(双形态) / ZlAppMenu(+Item) / ZlChart
62
+
63
+ 编辑器/文件/登录/国际化：ZlEditor / ZlSqlEditor / ZlFilePreview / ZlFileViewer / ZlPdfViewer / ZlLogin / ZlLoginForm / ZlI18nProvider（`<el-config-provider>` 挂载，使 Element Plus 内置组件跟随语言切换）
64
+
65
+ > 迁移批次见需求文档 §12-Q8：二批（表格/表单/反馈）已完成，ZlUpload 顺延三批；三批已完成（编辑器/文件预览/登录）。
22
66
 
23
67
  ## 本地调试
24
68
 
package/dist/components/ZlFileViewer/index.vue.mjs CHANGED
@@ -1,8 +1,8 @@
1
1
  import o from "./index2.vue.mjs";
2
2
  import './index.css';/* empty css */
3
- import r from "../../_virtual/_plugin-vue_export-helper.mjs";
4
- const a = /* @__PURE__ */ r(o, [["__scopeId", "data-v-0ff2a458"]]);
3
+ import t from "../../_virtual/_plugin-vue_export-helper.mjs";
4
+ const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-0ff2a458"]]);
5
5
  export {
6
- a as default
6
+ m as default
7
7
  };
8
8
  //# sourceMappingURL=index.vue.mjs.map
package/dist/entries/chart.d.ts ADDED
@@ -0,0 +1,10 @@
1
+ /**
2
+ * 子入口：图表组件
3
+ * 依赖 echarts（peerDependenciesMeta.optional，需宿主自行安装）
4
+ *
5
+ * @example
6
+ * import { ZlChart } from '@zl-ui-kit/components/chart'
7
+ * import * as echarts from 'echarts' // 宿主提供，组件内部不打包
8
+ */
9
+ export { default as ZlChart } from '../components/ZlChart/index.vue';
10
+ //# sourceMappingURL=chart.d.ts.map
package/dist/entries/chart.mjs ADDED
@@ -0,0 +1,6 @@
1
+ import { default as o } from "../components/ZlChart/index.vue.mjs";
2
+ import '../components/ZlChart/index.css';/* empty css */
3
+ export {
4
+ o as ZlChart
5
+ };
6
+ //# sourceMappingURL=chart.mjs.map
package/dist/entries/editor.d.ts ADDED
@@ -0,0 +1,12 @@
1
+ /**
2
+ * 子入口：代码编辑器（Monaco）
3
+ * 依赖 monaco-editor（peerDependenciesMeta.optional，需宿主自行安装）
4
+ *
5
+ * @example
6
+ * import { ZlEditor, ZlSqlEditor, useSqlCompletion } from '@zl-ui-kit/components/editor'
7
+ */
8
+ export { default as ZlEditor } from '../components/ZlEditor/index.vue';
9
+ export { default as ZlSqlEditor } from '../components/ZlEditor/ZlSqlEditor.vue';
10
+ export { useSqlCompletion } from '../components/ZlEditor/useSqlCompletion';
11
+ export type { SqlTableColumn, SqlTableSchema } from '../components/ZlEditor/useSqlCompletion';
12
+ //# sourceMappingURL=editor.d.ts.map
package/dist/entries/editor.mjs ADDED
@@ -0,0 +1,10 @@
1
+ import { default as e } from "../components/ZlEditor/index.vue.mjs";
2
+ import '../components/ZlEditor/index.css';/* empty css */
3
+ import { default as f } from "../components/ZlEditor/ZlSqlEditor.vue.mjs";
4
+ import { useSqlCompletion as p } from "../components/ZlEditor/useSqlCompletion.mjs";
5
+ export {
6
+ e as ZlEditor,
7
+ f as ZlSqlEditor,
8
+ p as useSqlCompletion
9
+ };
10
+ //# sourceMappingURL=editor.mjs.map
package/dist/entries/file-preview.d.ts ADDED
@@ -0,0 +1,10 @@
1
+ /**
2
+ * 子入口：文件预览
3
+ * 依赖 @vue-office/docx|excel|pdf|pptx（peerDependenciesMeta.optional，需宿主自行安装）
4
+ *
5
+ * @example
6
+ * import { ZlFilePreview, ZlFileViewer } from '@zl-ui-kit/components/file-preview'
7
+ */
8
+ export { default as ZlFilePreview } from '../components/ZlFilePreview/index.vue';
9
+ export { default as ZlFileViewer } from '../components/ZlFileViewer/index.vue';
10
+ //# sourceMappingURL=file-preview.d.ts.map
package/dist/entries/file-preview.mjs ADDED
@@ -0,0 +1,8 @@
1
+ import { default as i } from "../components/ZlFilePreview/index.vue.mjs";
2
+ import '../components/ZlFilePreview/index.css';/* empty css */
3
+ import { default as t } from "../components/ZlFileViewer/index.vue.mjs";
4
+ export {
5
+ i as ZlFilePreview,
6
+ t as ZlFileViewer
7
+ };
8
+ //# sourceMappingURL=file-preview.mjs.map
package/dist/index.d.ts CHANGED
@@ -10,7 +10,6 @@ export { default as ZlAvatar } from './components/ZlAvatar/index.vue';
10
10
  export { default as ZlAvatarGroup } from './components/ZlAvatar/Group.vue';
11
11
  export { default as ZlCard } from './components/ZlCard/index.vue';
12
12
  export { default as ZlCardPage } from './components/ZlCardPage/index.vue';
13
- export { default as ZlChart } from './components/ZlChart/index.vue';
14
13
  export { default as ZlCheckAll } from './components/ZlCheckAll/index.vue';
15
14
  export { default as ZlCheckboxTag } from './components/ZlCheckboxTag/index.vue';
16
15
  export { default as ZlCopy } from './components/ZlCopy/index.vue';
@@ -18,10 +17,6 @@ export { default as ZlDescription } from './components/ZlDescription/index.vue';
18
17
  export { default as ZlDictTag } from './components/ZlDictTag/index.vue';
19
18
  export { default as ZlDrawer } from './components/ZlDrawer/index.vue';
20
19
  export { default as ZlDynamicComponent } from './components/ZlDynamicComponent/index.vue';
21
- export { default as ZlEditor } from './components/ZlEditor/index.vue';
22
- export { default as ZlSqlEditor } from './components/ZlEditor/ZlSqlEditor.vue';
23
- export { default as ZlFilePreview } from './components/ZlFilePreview/index.vue';
24
- export { default as ZlFileViewer } from './components/ZlFileViewer/index.vue';
25
20
  export { default as ZlPdfViewer } from './components/ZlPdfViewer/index.vue';
26
21
  export { default as ZlLogin } from './components/ZlLogin/index.vue';
27
22
  export { default as ZlLoginForm } from './components/ZlLogin/components/LoginForm.vue';
@@ -61,8 +56,6 @@ export * from './components/ZlIcon/presetIconifyIcon';
61
56
  export { usePagination } from './components/ZlPagination/usePagination';
62
57
  export { useTablePagination } from './components/ZlTable/useTablePagination';
63
58
  export { usePermission, usePermissionProvider } from './components/ZlPermission/usePermission';
64
- export { useSqlCompletion } from './components/ZlEditor/useSqlCompletion';
65
- export type { SqlTableSchema, SqlTableColumn } from './components/ZlEditor/useSqlCompletion';
66
59
  export type { MenuItem } from './components/ZlAppMenu/AppMenu.vue';
67
60
  export type { ActionItem, FormItem, SearchItem, TableColumn } from './types';
68
61
  export type { IGridItem } from './components/ZlGrid/types';
package/dist/index.mjs CHANGED
@@ -1,227 +1,207 @@
1
1
  import i from "./components/ZlAction/index.vue.mjs";
2
2
  import t from "./components/ZlAction/List.vue.mjs";
3
- import './components/ZlTree/index.css';import './components/ZlTag/index.css';import './components/ZlTabs/index.css';import './components/ZlTable/index.css';import './components/ZlSwitch/index.css';import './components/ZlSection/index.css';import './components/ZlSearchTable/index.css';import './components/ZlSearch/index.css';import './components/ZlRadioTag/index.css';import './components/ZlPopconfirm/index.css';import './components/ZlPdfViewer/index.css';import './components/ZlLogin/index.css';import './components/ZlIconLabel/index.css';import './components/ZlGrid/index.css';import './components/ZlForm/index.css';import './components/ZlFilePreview/index.css';import './components/ZlEditor/index.css';import './components/ZlDrawer/index.css';import './components/ZlDescription/index.css';import './components/ZlTag/ZlCornerTag.css';import './components/ZlCheckboxTag/index.css';import './components/ZlCard/index.css';import './components/ZlChart/index.css';import './components/ZlCardPage/index.css';import './components/ZlAppSlogan/index.css';import './components/ZlAppMenu/AppMenu.css';import './components/ZlAction/List.css';/* empty css */
3
+ import './components/ZlTree/index.css';import './components/ZlTag/index.css';import './components/ZlTabs/index.css';import './components/ZlTable/index.css';import './components/ZlSwitch/index.css';import './components/ZlSection/index.css';import './components/ZlSearchTable/index.css';import './components/ZlSearch/index.css';import './components/ZlRadioTag/index.css';import './components/ZlPopconfirm/index.css';import './components/ZlPdfViewer/index.css';import './components/ZlLogin/index.css';import './components/ZlIconLabel/index.css';import './components/ZlGrid/index.css';import './components/ZlForm/index.css';import './components/ZlDrawer/index.css';import './components/ZlDescription/index.css';import './components/ZlTag/ZlCornerTag.css';import './components/ZlCheckboxTag/index.css';import './components/ZlCard/index.css';import './components/ZlCardPage/index.css';import './components/ZlAppSlogan/index.css';import './components/ZlAppMenu/AppMenu.css';import './components/ZlAction/List.css';/* empty css */
4
4
  import a from "./components/ZlAddSub/index.vue.mjs";
5
5
  import l from "./components/ZlAppLayout/index.vue.mjs";
6
6
  import p from "./components/ZlAppMenu/AppMenu.vue.mjs";
7
7
  /* empty css */
8
- import f from "./components/ZlAppSlogan/index.vue.mjs";
8
+ import s from "./components/ZlAppSlogan/index.vue.mjs";
9
9
  /* empty css */
10
- import s from "./components/ZlAutoTooltip/index.vue.mjs";
11
- import e from "./components/ZlAvatar/index.vue.mjs";
12
- import n from "./components/ZlAvatar/Group.vue.mjs";
10
+ import f from "./components/ZlAutoTooltip/index.vue.mjs";
11
+ import n from "./components/ZlAvatar/index.vue.mjs";
12
+ import e from "./components/ZlAvatar/Group.vue.mjs";
13
13
  import Z from "./components/ZlCardPage/index.vue.mjs";
14
14
  /* empty css */
15
- import c from "./components/ZlChart/index.vue.mjs";
16
- /* empty css */
17
- import _ from "./components/ZlCard/index.vue.mjs";
15
+ import c from "./components/ZlCard/index.vue.mjs";
18
16
  /* empty css */
19
- import $ from "./components/ZlCheckAll/index.vue.mjs";
20
- import d from "./components/ZlCheckboxTag/index.vue.mjs";
17
+ import _ from "./components/ZlCheckAll/index.vue.mjs";
18
+ import $ from "./components/ZlCheckboxTag/index.vue.mjs";
21
19
  /* empty css */
22
- import g from "./components/ZlTag/ZlCornerTag.vue.mjs";
20
+ import d from "./components/ZlTag/ZlCornerTag.vue.mjs";
23
21
  /* empty css */
24
- import T from "./components/ZlCopy/index.vue.mjs";
25
- import u from "./components/ZlDescription/index.vue.mjs";
22
+ import g from "./components/ZlCopy/index.vue.mjs";
23
+ import T from "./components/ZlDescription/index.vue.mjs";
26
24
  /* empty css */
27
- import C from "./components/ZlDictTag/index.vue.mjs";
25
+ import u from "./components/ZlDictTag/index.vue.mjs";
28
26
  import P from "./components/ZlDrawer/index.vue.mjs";
29
27
  /* empty css */
30
- import S from "./components/ZlDynamicComponent/index.vue.mjs";
31
- import h from "./components/ZlEditor/index.vue.mjs";
32
- /* empty css */
33
- import A from "./components/ZlEmpty/index.vue.mjs";
34
- import b from "./components/ZlFilePreview/index.vue.mjs";
35
- /* empty css */
36
- import x from "./components/ZlFileViewer/index.vue.mjs";
37
- import I from "./components/ZlForm/index.vue.mjs";
28
+ import b from "./components/ZlDynamicComponent/index.vue.mjs";
29
+ import h from "./components/ZlEmpty/index.vue.mjs";
30
+ import A from "./components/ZlForm/index.vue.mjs";
38
31
  /* empty css */
39
- import w from "./components/ZlForm/ZlFormChild.vue.mjs";
40
- import L from "./components/ZlGrid/ZlGridItem.vue.mjs";
41
- import v from "./components/ZlGrid/index.vue.mjs";
32
+ import C from "./components/ZlForm/ZlFormChild.vue.mjs";
33
+ import S from "./components/ZlGrid/ZlGridItem.vue.mjs";
34
+ import x from "./components/ZlGrid/index.vue.mjs";
42
35
  /* empty css */
43
- import y from "./components/ZlHorizontalTable/index.vue.mjs";
44
- import D from "./components/ZlIcon/index.vue.mjs";
45
- import F from "./components/ZlI18nProvider/index.vue.mjs";
46
- import E from "./components/ZlIconHover/index.vue.mjs";
47
- import z from "./components/ZlIconLabel/index.vue.mjs";
36
+ import I from "./components/ZlHorizontalTable/index.vue.mjs";
37
+ import L from "./components/ZlIcon/index.vue.mjs";
38
+ import v from "./components/ZlI18nProvider/index.vue.mjs";
39
+ import w from "./components/ZlIconHover/index.vue.mjs";
40
+ import y from "./components/ZlIconLabel/index.vue.mjs";
48
41
  /* empty css */
49
- import G from "./components/ZlLayoutSwitch/index.vue.mjs";
50
- import M from "./components/ZlLogin/index.vue.mjs";
42
+ import D from "./components/ZlLayoutSwitch/index.vue.mjs";
43
+ import F from "./components/ZlLogin/index.vue.mjs";
51
44
  /* empty css */
52
- import k from "./components/ZlLogin/components/LoginForm.vue.mjs";
53
- import q from "./components/ZlPagination/index.vue.mjs";
54
- import H from "./components/ZlPdfViewer/index.vue.mjs";
45
+ import G from "./components/ZlLogin/components/LoginForm.vue.mjs";
46
+ import M from "./components/ZlPagination/index.vue.mjs";
47
+ import k from "./components/ZlPdfViewer/index.vue.mjs";
55
48
  /* empty css */
56
- import V from "./components/ZlPermission/index.vue.mjs";
57
- import j from "./components/ZlPopconfirm/index.vue.mjs";
49
+ import z from "./components/ZlPermission/index.vue.mjs";
50
+ import E from "./components/ZlPopconfirm/index.vue.mjs";
58
51
  /* empty css */
59
- import R from "./components/ZlRadioTag/index.vue.mjs";
52
+ import H from "./components/ZlRadioTag/index.vue.mjs";
60
53
  /* empty css */
61
- import O from "./components/ZlSearch/index.vue.mjs";
54
+ import j from "./components/ZlSearch/index.vue.mjs";
62
55
  /* empty css */
63
- import U from "./components/ZlSearchTable/index.vue.mjs";
56
+ import R from "./components/ZlSearchTable/index.vue.mjs";
64
57
  /* empty css */
65
- import B from "./components/ZlSection/index.vue.mjs";
58
+ import V from "./components/ZlSection/index.vue.mjs";
66
59
  /* empty css */
67
- import J from "./components/ZlEditor/ZlSqlEditor.vue.mjs";
68
- import K from "./components/ZlSorter/index.vue.mjs";
69
- import N from "./components/ZlSorter/ZlSorterList.vue.mjs";
70
- import Q from "./components/ZlSwitch/index.vue.mjs";
60
+ import q from "./components/ZlSorter/index.vue.mjs";
61
+ import O from "./components/ZlSorter/ZlSorterList.vue.mjs";
62
+ import U from "./components/ZlSwitch/index.vue.mjs";
71
63
  /* empty css */
72
- import W from "./components/ZlTable/index.vue.mjs";
64
+ import B from "./components/ZlTable/index.vue.mjs";
73
65
  /* empty css */
74
- import X from "./components/ZlTabs/index.vue.mjs";
66
+ import J from "./components/ZlTabs/index.vue.mjs";
75
67
  /* empty css */
76
- import Y from "./components/ZlTag/index.vue.mjs";
68
+ import K from "./components/ZlTag/index.vue.mjs";
77
69
  /* empty css */
78
- import oo from "./components/ZlText/index.vue.mjs";
79
- import ro from "./components/ZlTitle/index.vue.mjs";
80
- import mo from "./components/ZlTree/index.vue.mjs";
70
+ import N from "./components/ZlText/index.vue.mjs";
71
+ import Q from "./components/ZlTitle/index.vue.mjs";
72
+ import W from "./components/ZlTree/index.vue.mjs";
81
73
  /* empty css */
82
- import io from "./components/ZlTreeSelect/index.vue.mjs";
83
- import to from "./components/ZlUpload/index.vue.mjs";
84
- import { presetIconifyIcon as Hr } from "./components/ZlIcon/presetIconifyIcon.mjs";
85
- import { usePagination as jr } from "./components/ZlPagination/usePagination.mjs";
86
- import { useTablePagination as Or } from "./components/ZlTable/useTablePagination.mjs";
87
- import { usePermission as Br, usePermissionProvider as Jr } from "./components/ZlPermission/usePermission.mjs";
88
- import { useSqlCompletion as Nr } from "./components/ZlEditor/useSqlCompletion.mjs";
89
- import { createZlI18n as Wr } from "./locales/createZlI18n.mjs";
90
- import { default as Yr } from "./locales/en.mjs";
91
- import { zlMessages as rm } from "./locales/messages.mjs";
92
- import { default as im } from "./locales/zh-cn.mjs";
93
- const ao = {
74
+ import X from "./components/ZlTreeSelect/index.vue.mjs";
75
+ import Y from "./components/ZlUpload/index.vue.mjs";
76
+ import { presetIconifyIcon as Ir } from "./components/ZlIcon/presetIconifyIcon.mjs";
77
+ import { usePagination as vr } from "./components/ZlPagination/usePagination.mjs";
78
+ import { useTablePagination as yr } from "./components/ZlTable/useTablePagination.mjs";
79
+ import { usePermission as Fr, usePermissionProvider as Gr } from "./components/ZlPermission/usePermission.mjs";
80
+ import { createZlI18n as kr } from "./locales/createZlI18n.mjs";
81
+ import { default as Er } from "./locales/en.mjs";
82
+ import { zlMessages as jr } from "./locales/messages.mjs";
83
+ import { default as Vr } from "./locales/zh-cn.mjs";
84
+ const oo = {
94
85
  ZlAction: i,
95
86
  ZlActionList: t,
96
87
  ZlAddSub: a,
97
88
  ZlAppLayout: l,
98
89
  ZlAppMenu: p,
99
- ZlAppSlogan: f,
100
- ZlAutoTooltip: s,
101
- ZlAvatar: e,
102
- ZlAvatarGroup: n,
90
+ ZlAppSlogan: s,
91
+ ZlAutoTooltip: f,
92
+ ZlAvatar: n,
93
+ ZlAvatarGroup: e,
103
94
  ZlCardPage: Z,
104
- ZlChart: c,
105
- ZlCard: _,
106
- ZlCheckAll: $,
107
- ZlCheckboxTag: d,
108
- ZlCopy: T,
109
- ZlDescription: u,
110
- ZlDictTag: C,
95
+ ZlCard: c,
96
+ ZlCheckAll: _,
97
+ ZlCheckboxTag: $,
98
+ ZlCopy: g,
99
+ ZlDescription: T,
100
+ ZlDictTag: u,
111
101
  ZlDrawer: P,
112
- ZlDynamicComponent: S,
113
- ZlEditor: h,
114
- ZlEmpty: A,
115
- ZlFilePreview: b,
116
- ZlFileViewer: x,
117
- ZlForm: I,
118
- ZlFormChild: w,
119
- ZlGridItem: L,
120
- ZlGrid: v,
121
- ZlHorizontalTable: y,
122
- ZlIcon: D,
123
- ZlI18nProvider: F,
124
- ZlIconHover: E,
125
- ZlIconLabel: z,
126
- ZlCornerTag: g,
127
- ZlLayoutSwitch: G,
128
- ZlLogin: M,
129
- ZlLoginForm: k,
130
- ZlPagination: q,
131
- ZlPdfViewer: H,
132
- ZlPermission: V,
133
- ZlPopconfirm: j,
134
- ZlRadioTag: R,
135
- ZlSearch: O,
136
- ZlSearchTable: U,
137
- ZlSection: B,
138
- ZlSqlEditor: J,
139
- ZlSorter: K,
140
- ZlSorterList: N,
141
- ZlSwitch: Q,
142
- ZlTable: W,
143
- ZlTabs: X,
144
- ZlTag: Y,
145
- ZlText: oo,
146
- ZlTitle: ro,
147
- ZlUpload: to,
148
- ZlTree: mo,
149
- ZlTreeSelect: io
102
+ ZlDynamicComponent: b,
103
+ ZlEmpty: h,
104
+ ZlForm: A,
105
+ ZlFormChild: C,
106
+ ZlGridItem: S,
107
+ ZlGrid: x,
108
+ ZlHorizontalTable: I,
109
+ ZlIcon: L,
110
+ ZlI18nProvider: v,
111
+ ZlIconHover: w,
112
+ ZlIconLabel: y,
113
+ ZlCornerTag: d,
114
+ ZlLayoutSwitch: D,
115
+ ZlLogin: F,
116
+ ZlLoginForm: G,
117
+ ZlPagination: M,
118
+ ZlPdfViewer: k,
119
+ ZlPermission: z,
120
+ ZlPopconfirm: E,
121
+ ZlRadioTag: H,
122
+ ZlSearch: j,
123
+ ZlSearchTable: R,
124
+ ZlSection: V,
125
+ ZlSorter: q,
126
+ ZlSorterList: O,
127
+ ZlSwitch: U,
128
+ ZlTable: B,
129
+ ZlTabs: J,
130
+ ZlTag: K,
131
+ ZlText: N,
132
+ ZlTitle: Q,
133
+ ZlUpload: Y,
134
+ ZlTree: W,
135
+ ZlTreeSelect: X
150
136
  };
151
- function lo(o) {
152
- Object.entries(ao).forEach(([r, m]) => {
137
+ function ro(o) {
138
+ Object.entries(oo).forEach(([r, m]) => {
153
139
  o.component(r, m);
154
140
  });
155
141
  }
156
- const Mr = { install: lo };
142
+ const Cr = { install: ro };
157
143
  export {
158
144
  i as ZlAction,
159
145
  t as ZlActionList,
160
146
  a as ZlAddSub,
161
147
  l as ZlAppLayout,
162
148
  p as ZlAppMenu,
163
- f as ZlAppSlogan,
164
- s as ZlAutoTooltip,
165
- e as ZlAvatar,
166
- n as ZlAvatarGroup,
167
- _ as ZlCard,
149
+ s as ZlAppSlogan,
150
+ f as ZlAutoTooltip,
151
+ n as ZlAvatar,
152
+ e as ZlAvatarGroup,
153
+ c as ZlCard,
168
154
  Z as ZlCardPage,
169
- c as ZlChart,
170
- $ as ZlCheckAll,
171
- d as ZlCheckboxTag,
172
- T as ZlCopy,
173
- g as ZlCornerTag,
174
- u as ZlDescription,
175
- C as ZlDictTag,
155
+ _ as ZlCheckAll,
156
+ $ as ZlCheckboxTag,
157
+ g as ZlCopy,
158
+ d as ZlCornerTag,
159
+ T as ZlDescription,
160
+ u as ZlDictTag,
176
161
  P as ZlDrawer,
177
- S as ZlDynamicComponent,
178
- h as ZlEditor,
179
- A as ZlEmpty,
180
- b as ZlFilePreview,
181
- x as ZlFileViewer,
182
- I as ZlForm,
183
- w as ZlFormChild,
184
- v as ZlGrid,
185
- L as ZlGridItem,
186
- y as ZlHorizontalTable,
187
- F as ZlI18nProvider,
188
- D as ZlIcon,
189
- E as ZlIconHover,
190
- z as ZlIconLabel,
191
- G as ZlLayoutSwitch,
192
- M as ZlLogin,
193
- k as ZlLoginForm,
194
- q as ZlPagination,
195
- H as ZlPdfViewer,
196
- V as ZlPermission,
197
- j as ZlPopconfirm,
198
- R as ZlRadioTag,
199
- O as ZlSearch,
200
- U as ZlSearchTable,
201
- B as ZlSection,
202
- K as ZlSorter,
203
- N as ZlSorterList,
204
- J as ZlSqlEditor,
205
- Q as ZlSwitch,
206
- W as ZlTable,
207
- X as ZlTabs,
208
- Y as ZlTag,
209
- oo as ZlText,
210
- ro as ZlTitle,
211
- mo as ZlTree,
212
- io as ZlTreeSelect,
213
- to as ZlUpload,
214
- Wr as createZlI18n,
215
- Mr as default,
216
- lo as install,
217
- Hr as presetIconifyIcon,
218
- jr as usePagination,
219
- Br as usePermission,
220
- Jr as usePermissionProvider,
221
- Nr as useSqlCompletion,
222
- Or as useTablePagination,
223
- Yr as zlEnMessages,
224
- rm as zlMessages,
225
- im as zlZhMessages
162
+ b as ZlDynamicComponent,
163
+ h as ZlEmpty,
164
+ A as ZlForm,
165
+ C as ZlFormChild,
166
+ x as ZlGrid,
167
+ S as ZlGridItem,
168
+ I as ZlHorizontalTable,
169
+ v as ZlI18nProvider,
170
+ L as ZlIcon,
171
+ w as ZlIconHover,
172
+ y as ZlIconLabel,
173
+ D as ZlLayoutSwitch,
174
+ F as ZlLogin,
175
+ G as ZlLoginForm,
176
+ M as ZlPagination,
177
+ k as ZlPdfViewer,
178
+ z as ZlPermission,
179
+ E as ZlPopconfirm,
180
+ H as ZlRadioTag,
181
+ j as ZlSearch,
182
+ R as ZlSearchTable,
183
+ V as ZlSection,
184
+ q as ZlSorter,
185
+ O as ZlSorterList,
186
+ U as ZlSwitch,
187
+ B as ZlTable,
188
+ J as ZlTabs,
189
+ K as ZlTag,
190
+ N as ZlText,
191
+ Q as ZlTitle,
192
+ W as ZlTree,
193
+ X as ZlTreeSelect,
194
+ Y as ZlUpload,
195
+ kr as createZlI18n,
196
+ Cr as default,
197
+ ro as install,
198
+ Ir as presetIconifyIcon,
199
+ vr as usePagination,
200
+ Fr as usePermission,
201
+ Gr as usePermissionProvider,
202
+ yr as useTablePagination,
203
+ Er as zlEnMessages,
204
+ jr as zlMessages,
205
+ Vr as zlZhMessages
226
206
  };
227
207
  //# sourceMappingURL=index.mjs.map
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zl-ui-kit/components",
3
- "version": "0.2.0",
3
+ "version": "0.3.1",
4
4
  "type": "module",
5
5
  "description": "ZL UI 业务组件库（Element Plus 体系，Zl 前缀）——首批：Icon/AutoTooltip/Tag/CornerTag/Text/Title/Copy/Empty/Pagination/DictTag",
6
6
  "license": "MIT",
@@ -10,6 +10,18 @@
10
10
  ".": {
11
11
  "types": "./dist/index.d.ts",
12
12
  "import": "./dist/index.mjs"
13
+ },
14
+ "./chart": {
15
+ "types": "./dist/entries/chart.d.ts",
16
+ "import": "./dist/entries/chart.mjs"
17
+ },
18
+ "./editor": {
19
+ "types": "./dist/entries/editor.d.ts",
20
+ "import": "./dist/entries/editor.mjs"
21
+ },
22
+ "./file-preview": {
23
+ "types": "./dist/entries/file-preview.d.ts",
24
+ "import": "./dist/entries/file-preview.mjs"
13
25
  }
14
26
  },
15
27
  "files": [
@@ -22,60 +34,74 @@
22
34
  "*.scss",
23
35
  "*.vue"
24
36
  ],
25
- "scripts": {
26
- "build": "vite build",
27
- "dev": "vite build --watch",
28
- "typecheck": "vue-tsc --noEmit",
29
- "lint": "cross-env ESLINT_USE_FLAT_CONFIG=false eslint src --ext .ts"
30
- },
31
37
  "dependencies": {
32
- "@iconify/vue": "catalog:",
33
- "@zl-ui-kit/composables": "workspace:*",
34
- "@zl-ui-kit/icons": "workspace:*",
35
- "@zl-ui-kit/utils": "workspace:*",
36
- "file-type": "catalog:",
37
- "dt-sql-parser": "catalog:",
38
- "sql-formatter": "catalog:"
38
+ "@iconify/vue": "^4.3.0",
39
+ "file-type": "^20.4.1",
40
+ "dt-sql-parser": "^4.3.1",
41
+ "sql-formatter": "^15.4.2",
42
+ "@zl-ui-kit/composables": "0.3.1",
43
+ "@zl-ui-kit/utils": "0.3.1",
44
+ "@zl-ui-kit/icons": "0.3.1"
39
45
  },
40
46
  "peerDependencies": {
41
- "@vueuse/core": "catalog:",
42
- "element-plus": "catalog:",
43
- "vue": "catalog:",
47
+ "@vueuse/core": "^12.3.0",
48
+ "element-plus": "^2.9.2",
49
+ "vue": "^3.5.13",
44
50
  "monaco-editor": "^0.41.0",
45
- "@vue-office/docx": "catalog:",
46
- "@vue-office/excel": "catalog:",
47
- "@vue-office/pdf": "catalog:",
48
- "@vue-office/pptx": "catalog:",
49
- "echarts": "catalog:"
51
+ "@vue-office/docx": "^1.6.3",
52
+ "@vue-office/excel": "1.7.14",
53
+ "@vue-office/pdf": "^2.0.10",
54
+ "@vue-office/pptx": "1.0.1",
55
+ "echarts": "^5.6.0"
56
+ },
57
+ "peerDependenciesMeta": {
58
+ "monaco-editor": {
59
+ "optional": true
60
+ },
61
+ "@vue-office/docx": {
62
+ "optional": true
63
+ },
64
+ "@vue-office/excel": {
65
+ "optional": true
66
+ },
67
+ "@vue-office/pdf": {
68
+ "optional": true
69
+ },
70
+ "@vue-office/pptx": {
71
+ "optional": true
72
+ },
73
+ "echarts": {
74
+ "optional": true
75
+ }
50
76
  },
51
77
  "devDependencies": {
52
- "@jichuang/eslint-config": "workspace:*",
53
- "@jichuang/tsconfig": "workspace:*",
54
- "@jichuang/vite-config": "workspace:*",
55
- "@types/node": "catalog:",
56
- "@typescript-eslint/eslint-plugin": "catalog:",
57
- "@typescript-eslint/parser": "catalog:",
58
- "@vitejs/plugin-vue": "catalog:",
59
- "@vueuse/core": "catalog:",
60
- "@zl-ui-kit/theme": "workspace:*",
61
- "cross-env": "catalog:",
62
- "element-plus": "catalog:",
63
- "eslint-plugin-vue": "catalog:",
64
- "typescript": "catalog:",
65
- "vite": "catalog:",
66
- "vite-plugin-dts": "catalog:",
67
- "vite-plugin-lib-inject-css": "catalog:",
68
- "vue": "catalog:",
69
- "vue-tsc": "catalog:",
78
+ "@types/node": "^22.10.5",
79
+ "@typescript-eslint/eslint-plugin": "^8.19.1",
80
+ "@typescript-eslint/parser": "^8.19.1",
81
+ "@vitejs/plugin-vue": "^5.2.1",
82
+ "@vueuse/core": "^12.3.0",
83
+ "cross-env": "^7.0.3",
84
+ "element-plus": "^2.9.2",
85
+ "eslint-plugin-vue": "^9.32.0",
86
+ "typescript": "^5.7.3",
87
+ "vite": "^6.0.7",
88
+ "vite-plugin-dts": "^4.5.0",
89
+ "vite-plugin-lib-inject-css": "^2.2.1",
90
+ "vue": "^3.5.13",
91
+ "vue-tsc": "^2.2.0",
70
92
  "monaco-editor": "^0.41.0",
71
- "dt-sql-parser": "catalog:",
72
- "sql-formatter": "catalog:",
73
- "file-type": "catalog:",
74
- "@vue-office/docx": "catalog:",
75
- "@vue-office/excel": "catalog:",
76
- "@vue-office/pdf": "catalog:",
77
- "@vue-office/pptx": "catalog:",
78
- "echarts": "catalog:"
93
+ "dt-sql-parser": "^4.3.1",
94
+ "sql-formatter": "^15.4.2",
95
+ "file-type": "^20.4.1",
96
+ "@vue-office/docx": "^1.6.3",
97
+ "@vue-office/excel": "1.7.14",
98
+ "@vue-office/pdf": "^2.0.10",
99
+ "@vue-office/pptx": "1.0.1",
100
+ "echarts": "^5.6.0",
101
+ "@jichuang/tsconfig": "1.0.0",
102
+ "@zl-ui-kit/theme": "0.3.1",
103
+ "@jichuang/vite-config": "1.0.0",
104
+ "@jichuang/eslint-config": "1.0.0"
79
105
  },
80
106
  "repository": {
81
107
  "type": "git",
@@ -91,5 +117,11 @@
91
117
  "publishConfig": {
92
118
  "access": "public",
93
119
  "registry": "https://registry.npmjs.org/"
120
+ },
121
+ "scripts": {
122
+ "build": "vite build",
123
+ "dev": "vite build --watch",
124
+ "typecheck": "vue-tsc --noEmit",
125
+ "lint": "cross-env ESLINT_USE_FLAT_CONFIG=false eslint src --ext .ts"
94
126
  }
95
- }
127
+ }