@zl-ui-kit/components 0.8.0 → 0.8.2
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.
- package/README.md +571 -423
- package/dist/components/ZlAction/List.vue.d.ts +5 -0
- package/dist/components/ZlAddSub/index.css +1 -1
- package/dist/components/ZlAddSub/index.vue.d.ts +1 -0
- package/dist/components/ZlAddSub/index.vue.mjs +2 -2
- package/dist/components/ZlAppLayout/index.vue.d.ts +2 -0
- package/dist/components/ZlAppLayout/index.vue.mjs +1 -0
- package/dist/components/ZlAppMenu/AppMenu.vue.d.ts +2 -0
- package/dist/components/ZlAppSlogan/index.vue.d.ts +3 -0
- package/dist/components/ZlAutoTooltip/index.css +1 -1
- package/dist/components/ZlAutoTooltip/index.vue.mjs +2 -2
- package/dist/components/ZlAvatar/Group.css +1 -1
- package/dist/components/ZlAvatar/Group.vue.d.ts +2 -0
- package/dist/components/ZlAvatar/Group.vue.mjs +2 -2
- package/dist/components/ZlAvatar/index.css +1 -1
- package/dist/components/ZlAvatar/index.vue.d.ts +2 -0
- package/dist/components/ZlAvatar/index.vue.mjs +2 -2
- package/dist/components/ZlCard/index.vue.d.ts +1 -0
- package/dist/components/ZlCardPage/index.vue.d.ts +10 -1
- package/dist/components/ZlCheckAll/index.css +1 -1
- package/dist/components/ZlCheckAll/index.vue.d.ts +2 -0
- package/dist/components/ZlCheckAll/index.vue.mjs +2 -2
- package/dist/components/ZlCheckboxTag/index.vue.d.ts +5 -0
- package/dist/components/ZlCopy/index.css +1 -1
- package/dist/components/ZlCopy/index.vue.d.ts +2 -0
- package/dist/components/ZlCopy/index.vue.mjs +2 -2
- package/dist/components/ZlDescription/index.vue.d.ts +4 -0
- package/dist/components/ZlDictTag/index.vue.d.ts +7 -1
- package/dist/components/ZlDrawer/index.vue.d.ts +5 -0
- package/dist/components/ZlDynamicComponent/index.vue.d.ts +6 -0
- package/dist/components/ZlDynamicComponent/index.vue.mjs +3 -0
- package/dist/components/ZlEditor/ZlSqlEditor.vue.d.ts +2 -0
- package/dist/components/ZlEditor/index.vue.d.ts +2 -0
- package/dist/components/ZlFilePreview/index.vue.d.ts +1 -0
- package/dist/components/ZlFileViewer/index.css +1 -1
- package/dist/components/ZlFileViewer/index.vue.d.ts +1 -0
- package/dist/components/ZlFileViewer/index.vue.mjs +2 -2
- package/dist/components/ZlForm/ZlFormChild.vue.d.ts +2 -0
- package/dist/components/ZlForm/ZlFormChild.vue.mjs +4 -1
- package/dist/components/ZlForm/index.vue.d.ts +2 -0
- package/dist/components/ZlGrid/ZlGridItem.vue.d.ts +1 -0
- package/dist/components/ZlGrid/index.vue.d.ts +8 -0
- package/dist/components/ZlHorizontalTable/index.css +1 -1
- package/dist/components/ZlHorizontalTable/index.vue.d.ts +4 -0
- package/dist/components/ZlHorizontalTable/index.vue.mjs +2 -2
- package/dist/components/ZlIcon/index.css +1 -1
- package/dist/components/ZlIcon/index.vue.mjs +2 -2
- package/dist/components/ZlLayoutSwitch/index.css +1 -1
- package/dist/components/ZlLayoutSwitch/index.vue.d.ts +1 -0
- package/dist/components/ZlLayoutSwitch/index.vue.mjs +2 -2
- package/dist/components/ZlLogin/components/LoginForm.css +1 -1
- package/dist/components/ZlLogin/components/LoginForm.vue.d.ts +1 -0
- package/dist/components/ZlLogin/components/LoginForm.vue.mjs +1 -1
- package/dist/components/ZlLogin/index.vue.d.ts +2 -0
- package/dist/components/ZlPdfViewer/index.vue.d.ts +2 -0
- package/dist/components/ZlPopconfirm/index.vue.d.ts +4 -0
- package/dist/components/ZlRadioTag/index.vue.d.ts +2 -0
- package/dist/components/ZlSearch/index.vue.d.ts +5 -1
- package/dist/components/ZlSearchTable/index.vue.d.ts +4 -0
- package/dist/components/ZlSection/index.vue.d.ts +1 -0
- package/dist/components/ZlSorter/ZlSorterList.css +1 -1
- package/dist/components/ZlSorter/ZlSorterList.vue.d.ts +2 -0
- package/dist/components/ZlSorter/ZlSorterList.vue.mjs +2 -2
- package/dist/components/ZlSorter/index.css +1 -1
- package/dist/components/ZlSorter/index.vue.d.ts +1 -0
- package/dist/components/ZlSorter/index.vue.mjs +1 -1
- package/dist/components/ZlSwitch/index.vue.d.ts +6 -0
- package/dist/components/ZlTable/index.vue.d.ts +6 -0
- package/dist/components/ZlTabs/index.vue.d.ts +8 -0
- package/dist/components/ZlTabs/index.vue.mjs +6 -0
- package/dist/components/ZlTag/ZlCornerTag.vue.d.ts +3 -0
- package/dist/components/ZlTag/index.vue.d.ts +30 -0
- package/dist/components/ZlTag/index.vue.mjs +15 -0
- package/dist/components/ZlText/index.css +1 -1
- package/dist/components/ZlText/index.vue.d.ts +1 -0
- package/dist/components/ZlText/index.vue.mjs +2 -2
- package/dist/components/ZlTitle/index.css +1 -1
- package/dist/components/ZlTitle/index.vue.d.ts +5 -0
- package/dist/components/ZlTitle/index.vue.mjs +2 -2
- package/dist/components/ZlTree/index.vue.d.ts +1 -0
- package/dist/components/ZlTreeSelect/index.css +1 -1
- package/dist/components/ZlTreeSelect/index.vue.d.ts +1 -0
- package/dist/components/ZlTreeSelect/index.vue.mjs +3 -3
- package/dist/components/ZlUpload/index.css +1 -1
- package/dist/components/ZlUpload/index.vue.d.ts +5 -2
- package/dist/components/ZlUpload/index.vue.mjs +2 -2
- package/package.json +6 -6
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
type __VLS_Props = {
|
|
2
|
+
/** PDF 文件地址,渲染时自动隐藏内置工具栏 */
|
|
2
3
|
url?: string;
|
|
4
|
+
/** 预览区宽度,直接透传给 object 元素 */
|
|
3
5
|
width?: number | string;
|
|
4
6
|
};
|
|
5
7
|
declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
@@ -1,7 +1,11 @@
|
|
|
1
1
|
type __VLS_Props = {
|
|
2
|
+
/** 气泡标题文案;不传且无 title 插槽时不渲染标题行 */
|
|
2
3
|
title?: string;
|
|
4
|
+
/** 气泡正文文案,说明该操作的后果 */
|
|
3
5
|
content?: string;
|
|
6
|
+
/** 确认按钮文案;不传时取 i18n 默认值 */
|
|
4
7
|
confirmButtonText?: string;
|
|
8
|
+
/** 取消按钮文案;不传时取 i18n 默认值 */
|
|
5
9
|
cancelButtonText?: string;
|
|
6
10
|
};
|
|
7
11
|
declare function __VLS_template(): {
|
|
@@ -14,7 +14,11 @@ type __VLS_Props = {
|
|
|
14
14
|
disabled?: boolean;
|
|
15
15
|
/** 是否展示「筛选条件」标签行;不传时按「是否发生溢出」自动判定 */
|
|
16
16
|
labelsVisible?: boolean;
|
|
17
|
-
/**
|
|
17
|
+
/**
|
|
18
|
+
* 已废弃,请用 `labelsVisible`
|
|
19
|
+
*
|
|
20
|
+
* @deprecated 用 `labelsVisible`(全库显隐统一用 visible 语义)
|
|
21
|
+
*/
|
|
18
22
|
showLabels?: boolean;
|
|
19
23
|
};
|
|
20
24
|
declare function search(): Promise<void>;
|
|
@@ -1,13 +1,17 @@
|
|
|
1
1
|
import { TableColumn, SearchItem } from '../../types';
|
|
2
2
|
type __VLS_Props = {
|
|
3
|
+
/** 挂载后立即请求首屏数据,默认 true */
|
|
3
4
|
immediate?: boolean;
|
|
4
5
|
/** 请求函数,或 { service, options }(usePageableRequest options) */
|
|
5
6
|
request: ((...args: any[]) => Promise<any>) | {
|
|
6
7
|
service: (...args: any[]) => Promise<any>;
|
|
7
8
|
options?: Record<string, any>;
|
|
8
9
|
};
|
|
10
|
+
/** 表格列定义,决定有哪些列及其渲染方式 */
|
|
9
11
|
columns?: TableColumn[];
|
|
12
|
+
/** 查询区的表单项;为空且不传 search-actions 插槽时不渲染查询条 */
|
|
10
13
|
queryItems?: SearchItem[];
|
|
14
|
+
/** 分页配置;传 false 关闭分页 */
|
|
11
15
|
pagination?: Record<string, any> | boolean;
|
|
12
16
|
};
|
|
13
17
|
declare function __VLS_template(): {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.zl-sorter-list[data-v-
|
|
1
|
+
.zl-sorter-list[data-v-189806da]{display:flex}.zl-sorter-list__separator[data-v-189806da]{margin:4px 2px;width:1px;background-color:var(--zl-border-2, #e3e9ef)}.zl-sorter-list__separator[data-v-189806da]:last-child{display:none}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import o from "./ZlSorterList2.vue.mjs";
|
|
2
2
|
import './ZlSorterList.css';/* empty css */
|
|
3
3
|
import t from "../../_virtual/_plugin-vue_export-helper.mjs";
|
|
4
|
-
const
|
|
4
|
+
const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-189806da"]]);
|
|
5
5
|
export {
|
|
6
|
-
|
|
6
|
+
p as default
|
|
7
7
|
};
|
|
8
8
|
//# sourceMappingURL=ZlSorterList.vue.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.zl-sorter[data-v-
|
|
1
|
+
.zl-sorter[data-v-b80cc7d3]{display:inline-flex;align-items:center;cursor:pointer;gap:4px;font-size:12px;padding:1px 4px}.zl-sorter__label[data-v-b80cc7d3]{color:var(--zl-text-2, #4d5e7d)}.zl-sorter__label.active[data-v-b80cc7d3]{color:var(--zl-link-6, var(--el-color-primary, #3261ce))}.zl-sorter__icon[data-v-b80cc7d3]{display:inline-flex;flex-direction:column;font-size:8px;color:var(--zl-text-4, #b3c0cc)}.zl-sorter__icon .active[data-v-b80cc7d3]{color:var(--zl-link-6, var(--el-color-primary, #3261ce))}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import o from "./index2.vue.mjs";
|
|
2
2
|
import './index.css';/* empty css */
|
|
3
3
|
import r from "../../_virtual/_plugin-vue_export-helper.mjs";
|
|
4
|
-
const p = /* @__PURE__ */ r(o, [["__scopeId", "data-v-
|
|
4
|
+
const p = /* @__PURE__ */ r(o, [["__scopeId", "data-v-b80cc7d3"]]);
|
|
5
5
|
export {
|
|
6
6
|
p as default
|
|
7
7
|
};
|
|
@@ -1,9 +1,15 @@
|
|
|
1
1
|
type __VLS_Props = {
|
|
2
|
+
/** 当前开关值,支持受控双向绑定 */
|
|
2
3
|
modelValue?: boolean | string | number;
|
|
4
|
+
/** 非受控模式下的初始选中状态 */
|
|
3
5
|
defaultChecked?: boolean;
|
|
6
|
+
/** 选中状态对应的提交值 */
|
|
4
7
|
checkedValue?: boolean | string | number;
|
|
8
|
+
/** 未选中状态对应的提交值 */
|
|
5
9
|
uncheckedValue?: boolean | string | number;
|
|
10
|
+
/** 选中时显示的文案 */
|
|
6
11
|
checkedText?: string;
|
|
12
|
+
/** 未选中时显示的文案 */
|
|
7
13
|
uncheckedText?: string;
|
|
8
14
|
};
|
|
9
15
|
declare function __VLS_template(): {
|
|
@@ -1,11 +1,14 @@
|
|
|
1
1
|
import { TableColumn } from '../../types';
|
|
2
2
|
declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
|
|
3
|
+
/** 表格列配置,定义字段、标题与渲染方式 */
|
|
3
4
|
columns: TableColumn[];
|
|
4
5
|
/** 数组(本地数据)或 { [dataKey]: rows, pageNum, pageSize, total }(分页数据) */
|
|
5
6
|
data: any[] | Record<string, any>;
|
|
7
|
+
/** 分页数据中的行数组字段名 */
|
|
6
8
|
dataKey?: string;
|
|
7
9
|
/** actions 列宽加宽(参考实现 expandAction 语义) */
|
|
8
10
|
expandAction?: boolean;
|
|
11
|
+
/** 分页配置,设为 false 时隐藏分页 */
|
|
9
12
|
pagination?: Record<string, any> | boolean;
|
|
10
13
|
/** 表格 loading(作用于表格区) */
|
|
11
14
|
loading?: boolean;
|
|
@@ -17,12 +20,15 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
|
|
|
17
20
|
pageSize: number;
|
|
18
21
|
}) => any;
|
|
19
22
|
}, string, import('vue').PublicProps, Readonly<{
|
|
23
|
+
/** 表格列配置,定义字段、标题与渲染方式 */
|
|
20
24
|
columns: TableColumn[];
|
|
21
25
|
/** 数组(本地数据)或 { [dataKey]: rows, pageNum, pageSize, total }(分页数据) */
|
|
22
26
|
data: any[] | Record<string, any>;
|
|
27
|
+
/** 分页数据中的行数组字段名 */
|
|
23
28
|
dataKey?: string;
|
|
24
29
|
/** actions 列宽加宽(参考实现 expandAction 语义) */
|
|
25
30
|
expandAction?: boolean;
|
|
31
|
+
/** 分页配置,设为 false 时隐藏分页 */
|
|
26
32
|
pagination?: Record<string, any> | boolean;
|
|
27
33
|
/** 表格 loading(作用于表格区) */
|
|
28
34
|
loading?: boolean;
|
|
@@ -13,15 +13,19 @@
|
|
|
13
13
|
* 响应式依赖不会被追踪(数据变了页签内容不更新)。withCtx 补齐上下文后与模板写法等价。
|
|
14
14
|
*/
|
|
15
15
|
declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
16
|
+
/** 页签配置列表,以 key 关联内容插槽 */
|
|
16
17
|
tabs: {
|
|
17
18
|
type: ArrayConstructor;
|
|
18
19
|
default: () => never[];
|
|
19
20
|
};
|
|
21
|
+
/** 是否显示页签导航分隔线,默认显示 */
|
|
20
22
|
border: {
|
|
21
23
|
type: BooleanConstructor;
|
|
22
24
|
default: boolean;
|
|
23
25
|
};
|
|
26
|
+
/** 是否撑满容器并让内容区滚动 */
|
|
24
27
|
fit: BooleanConstructor;
|
|
28
|
+
/** 是否启用导航背景色,默认启用 */
|
|
25
29
|
darkNav: {
|
|
26
30
|
type: BooleanConstructor;
|
|
27
31
|
default: boolean;
|
|
@@ -29,15 +33,19 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
29
33
|
}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
|
|
30
34
|
[key: string]: any;
|
|
31
35
|
}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
36
|
+
/** 页签配置列表,以 key 关联内容插槽 */
|
|
32
37
|
tabs: {
|
|
33
38
|
type: ArrayConstructor;
|
|
34
39
|
default: () => never[];
|
|
35
40
|
};
|
|
41
|
+
/** 是否显示页签导航分隔线,默认显示 */
|
|
36
42
|
border: {
|
|
37
43
|
type: BooleanConstructor;
|
|
38
44
|
default: boolean;
|
|
39
45
|
};
|
|
46
|
+
/** 是否撑满容器并让内容区滚动 */
|
|
40
47
|
fit: BooleanConstructor;
|
|
48
|
+
/** 是否启用导航背景色,默认启用 */
|
|
41
49
|
darkNav: {
|
|
42
50
|
type: BooleanConstructor;
|
|
43
51
|
default: boolean;
|
|
@@ -4,9 +4,13 @@ const z = m({
|
|
|
4
4
|
name: "ZlTabs",
|
|
5
5
|
inheritAttrs: !1,
|
|
6
6
|
props: {
|
|
7
|
+
/** 页签配置列表,以 key 关联内容插槽 */
|
|
7
8
|
tabs: { type: Array, default: () => [] },
|
|
9
|
+
/** 是否显示页签导航分隔线,默认显示 */
|
|
8
10
|
border: { type: Boolean, default: !0 },
|
|
11
|
+
/** 是否撑满容器并让内容区滚动 */
|
|
9
12
|
fit: Boolean,
|
|
13
|
+
/** 是否启用导航背景色,默认启用 */
|
|
10
14
|
darkNav: { type: Boolean, default: !0 }
|
|
11
15
|
},
|
|
12
16
|
setup(t, { slots: e, attrs: d }) {
|
|
@@ -46,12 +50,14 @@ const z = m({
|
|
|
46
50
|
}
|
|
47
51
|
);
|
|
48
52
|
}),
|
|
53
|
+
// 追加在页签列表之后的内容(不在任何 ElTabPane 内)
|
|
49
54
|
l(e, "default")
|
|
50
55
|
],
|
|
51
56
|
n
|
|
52
57
|
)
|
|
53
58
|
}
|
|
54
59
|
),
|
|
60
|
+
// 页签栏右侧的附加操作区
|
|
55
61
|
l(e, "extra")
|
|
56
62
|
]);
|
|
57
63
|
}
|
|
@@ -9,62 +9,77 @@ declare function __VLS_template(): {
|
|
|
9
9
|
};
|
|
10
10
|
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
11
11
|
declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
12
|
+
/** 标签尺寸档位,默认 small */
|
|
12
13
|
size: {
|
|
13
14
|
type: PropType<"mini" | "small" | "medium">;
|
|
14
15
|
default: undefined;
|
|
15
16
|
};
|
|
17
|
+
/** 标签主题色名称 */
|
|
16
18
|
color: {
|
|
17
19
|
type: StringConstructor;
|
|
18
20
|
default: undefined;
|
|
19
21
|
};
|
|
22
|
+
/** 是否显示标签边框 */
|
|
20
23
|
bordered: {
|
|
21
24
|
type: BooleanConstructor;
|
|
22
25
|
default: boolean;
|
|
23
26
|
};
|
|
27
|
+
/** 是否显示填充背景,选择模式下无效 */
|
|
24
28
|
fill: {
|
|
25
29
|
type: BooleanConstructor;
|
|
26
30
|
default: boolean;
|
|
27
31
|
};
|
|
32
|
+
/** 是否应用禁用样式并隐藏关闭按钮 */
|
|
28
33
|
disabled: {
|
|
29
34
|
type: BooleanConstructor;
|
|
30
35
|
default: boolean;
|
|
31
36
|
};
|
|
37
|
+
/** 标签前置图标名称 */
|
|
32
38
|
icon: {
|
|
33
39
|
type: StringConstructor;
|
|
34
40
|
default: undefined;
|
|
35
41
|
};
|
|
42
|
+
/** 是否使用圆点图标 */
|
|
36
43
|
dotIcon: {
|
|
37
44
|
type: BooleanConstructor;
|
|
38
45
|
default: boolean;
|
|
39
46
|
};
|
|
47
|
+
/** 前置图标主题色名称 */
|
|
40
48
|
iconColor: {
|
|
41
49
|
type: StringConstructor;
|
|
42
50
|
default: undefined;
|
|
43
51
|
};
|
|
52
|
+
/** 是否显示关闭按钮 */
|
|
44
53
|
closable: {
|
|
45
54
|
type: BooleanConstructor;
|
|
46
55
|
default: boolean;
|
|
47
56
|
};
|
|
57
|
+
/** 受控模式下的显示状态 */
|
|
48
58
|
visible: {
|
|
49
59
|
type: PropType<boolean | undefined>;
|
|
50
60
|
default: undefined;
|
|
51
61
|
};
|
|
62
|
+
/** 非受控模式下的初始显示状态 */
|
|
52
63
|
defaultVisible: {
|
|
53
64
|
type: BooleanConstructor;
|
|
54
65
|
default: boolean;
|
|
55
66
|
};
|
|
67
|
+
/** 是否启用点击选择 */
|
|
56
68
|
selectable: {
|
|
57
69
|
type: BooleanConstructor;
|
|
58
70
|
default: boolean;
|
|
59
71
|
};
|
|
72
|
+
/** 受控模式下的选中状态 */
|
|
60
73
|
selected: {
|
|
61
74
|
type: PropType<boolean | undefined>;
|
|
62
75
|
default: undefined;
|
|
63
76
|
};
|
|
77
|
+
/** 非受控模式下的初始选中状态 */
|
|
64
78
|
defaultSelected: {
|
|
65
79
|
type: BooleanConstructor;
|
|
66
80
|
default: boolean;
|
|
67
81
|
};
|
|
82
|
+
/** 是否使用全圆角样式 */
|
|
68
83
|
rounded: {
|
|
69
84
|
type: BooleanConstructor;
|
|
70
85
|
default: boolean;
|
|
@@ -75,62 +90,77 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
|
|
|
75
90
|
"update:visible": (value: boolean) => any;
|
|
76
91
|
"update:selected": (value: boolean) => any;
|
|
77
92
|
}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
93
|
+
/** 标签尺寸档位,默认 small */
|
|
78
94
|
size: {
|
|
79
95
|
type: PropType<"mini" | "small" | "medium">;
|
|
80
96
|
default: undefined;
|
|
81
97
|
};
|
|
98
|
+
/** 标签主题色名称 */
|
|
82
99
|
color: {
|
|
83
100
|
type: StringConstructor;
|
|
84
101
|
default: undefined;
|
|
85
102
|
};
|
|
103
|
+
/** 是否显示标签边框 */
|
|
86
104
|
bordered: {
|
|
87
105
|
type: BooleanConstructor;
|
|
88
106
|
default: boolean;
|
|
89
107
|
};
|
|
108
|
+
/** 是否显示填充背景,选择模式下无效 */
|
|
90
109
|
fill: {
|
|
91
110
|
type: BooleanConstructor;
|
|
92
111
|
default: boolean;
|
|
93
112
|
};
|
|
113
|
+
/** 是否应用禁用样式并隐藏关闭按钮 */
|
|
94
114
|
disabled: {
|
|
95
115
|
type: BooleanConstructor;
|
|
96
116
|
default: boolean;
|
|
97
117
|
};
|
|
118
|
+
/** 标签前置图标名称 */
|
|
98
119
|
icon: {
|
|
99
120
|
type: StringConstructor;
|
|
100
121
|
default: undefined;
|
|
101
122
|
};
|
|
123
|
+
/** 是否使用圆点图标 */
|
|
102
124
|
dotIcon: {
|
|
103
125
|
type: BooleanConstructor;
|
|
104
126
|
default: boolean;
|
|
105
127
|
};
|
|
128
|
+
/** 前置图标主题色名称 */
|
|
106
129
|
iconColor: {
|
|
107
130
|
type: StringConstructor;
|
|
108
131
|
default: undefined;
|
|
109
132
|
};
|
|
133
|
+
/** 是否显示关闭按钮 */
|
|
110
134
|
closable: {
|
|
111
135
|
type: BooleanConstructor;
|
|
112
136
|
default: boolean;
|
|
113
137
|
};
|
|
138
|
+
/** 受控模式下的显示状态 */
|
|
114
139
|
visible: {
|
|
115
140
|
type: PropType<boolean | undefined>;
|
|
116
141
|
default: undefined;
|
|
117
142
|
};
|
|
143
|
+
/** 非受控模式下的初始显示状态 */
|
|
118
144
|
defaultVisible: {
|
|
119
145
|
type: BooleanConstructor;
|
|
120
146
|
default: boolean;
|
|
121
147
|
};
|
|
148
|
+
/** 是否启用点击选择 */
|
|
122
149
|
selectable: {
|
|
123
150
|
type: BooleanConstructor;
|
|
124
151
|
default: boolean;
|
|
125
152
|
};
|
|
153
|
+
/** 受控模式下的选中状态 */
|
|
126
154
|
selected: {
|
|
127
155
|
type: PropType<boolean | undefined>;
|
|
128
156
|
default: undefined;
|
|
129
157
|
};
|
|
158
|
+
/** 非受控模式下的初始选中状态 */
|
|
130
159
|
defaultSelected: {
|
|
131
160
|
type: BooleanConstructor;
|
|
132
161
|
default: boolean;
|
|
133
162
|
};
|
|
163
|
+
/** 是否使用全圆角样式 */
|
|
134
164
|
rounded: {
|
|
135
165
|
type: BooleanConstructor;
|
|
136
166
|
default: boolean;
|
|
@@ -5,20 +5,35 @@ const N = { class: "zl-tag__text" }, A = /* @__PURE__ */ k({
|
|
|
5
5
|
name: "ZlTag",
|
|
6
6
|
__name: "index",
|
|
7
7
|
props: {
|
|
8
|
+
/** 标签尺寸档位,默认 small */
|
|
8
9
|
size: { type: String, default: void 0 },
|
|
10
|
+
/** 标签主题色名称 */
|
|
9
11
|
color: { type: String, default: void 0 },
|
|
12
|
+
/** 是否显示标签边框 */
|
|
10
13
|
bordered: { type: Boolean, default: !1 },
|
|
14
|
+
/** 是否显示填充背景,选择模式下无效 */
|
|
11
15
|
fill: { type: Boolean, default: !1 },
|
|
16
|
+
/** 是否应用禁用样式并隐藏关闭按钮 */
|
|
12
17
|
disabled: { type: Boolean, default: !1 },
|
|
18
|
+
/** 标签前置图标名称 */
|
|
13
19
|
icon: { type: String, default: void 0 },
|
|
20
|
+
/** 是否使用圆点图标 */
|
|
14
21
|
dotIcon: { type: Boolean, default: !1 },
|
|
22
|
+
/** 前置图标主题色名称 */
|
|
15
23
|
iconColor: { type: String, default: void 0 },
|
|
24
|
+
/** 是否显示关闭按钮 */
|
|
16
25
|
closable: { type: Boolean, default: !1 },
|
|
26
|
+
/** 受控模式下的显示状态 */
|
|
17
27
|
visible: { type: Boolean, default: void 0 },
|
|
28
|
+
/** 非受控模式下的初始显示状态 */
|
|
18
29
|
defaultVisible: { type: Boolean, default: !0 },
|
|
30
|
+
/** 是否启用点击选择 */
|
|
19
31
|
selectable: { type: Boolean, default: !1 },
|
|
32
|
+
/** 受控模式下的选中状态 */
|
|
20
33
|
selected: { type: Boolean, default: void 0 },
|
|
34
|
+
/** 非受控模式下的初始选中状态 */
|
|
21
35
|
defaultSelected: { type: Boolean, default: !1 },
|
|
36
|
+
/** 是否使用全圆角样式 */
|
|
22
37
|
rounded: { type: Boolean, default: !1 }
|
|
23
38
|
},
|
|
24
39
|
emits: ["close", "update:visible", "update:selected", "select"],
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.zl-text[data-v-
|
|
1
|
+
.zl-text[data-v-2d3647ab]{display:inline-flex;font-size:12px;line-height:20px}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import o from "./index2.vue.mjs";
|
|
2
2
|
import './index.css';/* empty css */
|
|
3
3
|
import t from "../../_virtual/_plugin-vue_export-helper.mjs";
|
|
4
|
-
const
|
|
4
|
+
const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-2d3647ab"]]);
|
|
5
5
|
export {
|
|
6
|
-
|
|
6
|
+
p as default
|
|
7
7
|
};
|
|
8
8
|
//# sourceMappingURL=index.vue.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.zl-title[data-v-
|
|
1
|
+
.zl-title[data-v-44e90e6f]{--font-size: 14px;display:flex;align-items:center;gap:4px}.zl-title-size-small[data-v-44e90e6f]{--font-size: 12px}.zl-title-marker[data-v-44e90e6f]{position:relative;width:3px;align-self:stretch}.zl-title-marker[data-v-44e90e6f]:after{content:"";position:absolute;top:5px;bottom:5px;width:100%;background-color:var(--zl-primary-6, var(--el-color-primary, #3261ce));border-radius:3px}.zl-title-text[data-v-44e90e6f]{font-size:var(--font-size);font-weight:600;line-height:calc(var(--font-size) + 8px);color:var(--zl-text-1, #242e43)}.zl-title-tooltip[data-v-44e90e6f]{color:var(--zl-text-2, #4d5e7d)}.zl-title-description[data-v-44e90e6f]{font-size:12px;line-height:20px;color:var(--zl-text-3, #79879c)}
|
|
@@ -1,8 +1,13 @@
|
|
|
1
1
|
type __VLS_Props = {
|
|
2
|
+
/** 默认标题文本 */
|
|
2
3
|
title?: string;
|
|
4
|
+
/** 标题后的描述文本 */
|
|
3
5
|
description?: string;
|
|
6
|
+
/** 是否显示标题左侧标记,默认显示 */
|
|
4
7
|
marker?: boolean;
|
|
8
|
+
/** 标题旁帮助图标的提示内容 */
|
|
5
9
|
tooltip?: string;
|
|
10
|
+
/** 标题文字尺寸档位 */
|
|
6
11
|
size?: 'small' | 'medium' | 'large';
|
|
7
12
|
};
|
|
8
13
|
declare function __VLS_template(): {
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import o from "./index2.vue.mjs";
|
|
2
2
|
import './index.css';/* empty css */
|
|
3
3
|
import t from "../../_virtual/_plugin-vue_export-helper.mjs";
|
|
4
|
-
const
|
|
4
|
+
const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-44e90e6f"]]);
|
|
5
5
|
export {
|
|
6
|
-
|
|
6
|
+
m as default
|
|
7
7
|
};
|
|
8
8
|
//# sourceMappingURL=index.vue.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.zl-tree-select[data-v-
|
|
1
|
+
.zl-tree-select[data-v-ee40b8a7]{width:100%}.zl-tree-select__all[data-v-ee40b8a7]{padding:4px 0 8px}.zl-tree-select[data-v-ee40b8a7] .el-tree-select .el-tree-node__label{font-size:12px}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import
|
|
1
|
+
import e from "./index2.vue.mjs";
|
|
2
2
|
import './index.css';/* empty css */
|
|
3
|
-
import
|
|
4
|
-
const m = /* @__PURE__ */
|
|
3
|
+
import o from "../../_virtual/_plugin-vue_export-helper.mjs";
|
|
4
|
+
const m = /* @__PURE__ */ o(e, [["__scopeId", "data-v-ee40b8a7"]]);
|
|
5
5
|
export {
|
|
6
6
|
m as default
|
|
7
7
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.zl-upload[data-v-
|
|
1
|
+
.zl-upload[data-v-31761395]{width:100%}.zl-upload__trigger[data-v-31761395]{width:80px;height:80px;display:flex;align-items:center;justify-content:center;border:1px dashed var(--zl-border-3, var(--el-border-color));border-radius:6px;cursor:pointer}.zl-upload__trigger[data-v-31761395]:hover{border-color:var(--zl-primary-6, var(--el-color-primary))}.zl-upload__item[data-v-31761395]{display:flex;align-items:center;gap:8px;padding:4px 8px;width:100%}.zl-upload__item[data-v-31761395]:hover{background:var(--zl-fill-1, var(--el-fill-color-light))}.zl-upload__item-thumbnail[data-v-31761395]{height:32px;width:32px;object-fit:cover;cursor:pointer}.zl-upload__item-name[data-v-31761395]{flex:1;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zl-upload__item-op[data-v-31761395]{color:var(--zl-text-2)}.zl-upload__tip[data-v-31761395]{font-size:12px;color:var(--zl-text-3);line-height:18px;white-space:pre-wrap;word-break:break-all}
|
|
@@ -2,10 +2,13 @@ type __VLS_Props = {
|
|
|
2
2
|
/** 自定义上传函数(form, config)→ Promise */
|
|
3
3
|
request?: (form: FormData, config: Record<string, any>) => Promise<any>;
|
|
4
4
|
modelValue?: string | any[];
|
|
5
|
+
/** 允许上传的文件格式 */
|
|
5
6
|
accept?: string;
|
|
6
7
|
/** 单文件大小上限(MB) */
|
|
7
8
|
maxSize?: number;
|
|
9
|
+
/** 最多允许上传的文件数量 */
|
|
8
10
|
limit?: number;
|
|
11
|
+
/** 上传区域下方的自定义提示 */
|
|
9
12
|
tip?: string;
|
|
10
13
|
/** 多路径分隔符(modelValue 为字符串时) */
|
|
11
14
|
separator?: string;
|
|
@@ -15,9 +18,9 @@ type __VLS_Props = {
|
|
|
15
18
|
downloadButtonVisible?: boolean;
|
|
16
19
|
/** 是否展示提示文案(默认 true) */
|
|
17
20
|
tipVisible?: boolean;
|
|
18
|
-
/**
|
|
21
|
+
/** 已废弃,请用 `downloadButtonVisible` 代替 */
|
|
19
22
|
showDownloadButton?: boolean;
|
|
20
|
-
/**
|
|
23
|
+
/** 已废弃,请用 `tipVisible` 代替 */
|
|
21
24
|
showTip?: boolean;
|
|
22
25
|
/** 校验文件名不得含空格 */
|
|
23
26
|
verifySpace?: boolean;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import o from "./index2.vue.mjs";
|
|
2
2
|
import './index.css';/* empty css */
|
|
3
3
|
import t from "../../_virtual/_plugin-vue_export-helper.mjs";
|
|
4
|
-
const
|
|
4
|
+
const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-31761395"]]);
|
|
5
5
|
export {
|
|
6
|
-
|
|
6
|
+
m as default
|
|
7
7
|
};
|
|
8
8
|
//# sourceMappingURL=index.vue.mjs.map
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@zl-ui-kit/components",
|
|
3
|
-
"version": "0.8.
|
|
3
|
+
"version": "0.8.2",
|
|
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",
|
|
@@ -39,9 +39,9 @@
|
|
|
39
39
|
"file-type": "^20.4.1",
|
|
40
40
|
"dt-sql-parser": "^4.3.1",
|
|
41
41
|
"sql-formatter": "^15.4.2",
|
|
42
|
-
"@zl-ui-kit/icons": "0.8.
|
|
43
|
-
"@zl-ui-kit/composables": "0.8.
|
|
44
|
-
"@zl-ui-kit/utils": "0.8.
|
|
42
|
+
"@zl-ui-kit/icons": "0.8.2",
|
|
43
|
+
"@zl-ui-kit/composables": "0.8.2",
|
|
44
|
+
"@zl-ui-kit/utils": "0.8.2"
|
|
45
45
|
},
|
|
46
46
|
"peerDependencies": {
|
|
47
47
|
"@vueuse/core": "^12.3.0",
|
|
@@ -98,10 +98,10 @@
|
|
|
98
98
|
"@vue-office/pdf": "^2.0.10",
|
|
99
99
|
"@vue-office/pptx": "1.0.1",
|
|
100
100
|
"echarts": "^5.6.0",
|
|
101
|
-
"@jichuang/tsconfig": "1.0.0",
|
|
102
101
|
"@jichuang/eslint-config": "1.0.0",
|
|
102
|
+
"@jichuang/tsconfig": "1.0.0",
|
|
103
103
|
"@jichuang/vite-config": "1.0.0",
|
|
104
|
-
"@zl-ui-kit/theme": "0.8.
|
|
104
|
+
"@zl-ui-kit/theme": "0.8.2"
|
|
105
105
|
},
|
|
106
106
|
"repository": {
|
|
107
107
|
"type": "git",
|