@zl-ui-kit/components 0.8.1 → 0.8.3

package/dist/components/ZlPopconfirm/index.vue.d.ts

@@ -1,7 +1,11 @@
 type __VLS_Props = {
+    /** 气泡标题文案；不传且无 title 插槽时不渲染标题行 */
     title?: string;
+    /** 气泡正文文案，说明该操作的后果 */
     content?: string;
+    /** 确认按钮文案；不传时取 i18n 默认值 */
     confirmButtonText?: string;
+    /** 取消按钮文案；不传时取 i18n 默认值 */
     cancelButtonText?: string;
 };
 declare function __VLS_template(): {

package/dist/components/ZlRadioTag/index.vue.d.ts

@@ -6,7 +6,9 @@ export interface RadioTagOption {
     [key: string]: any;
 }
 type __VLS_Props = {
+    /** 标签选项列表，`value` 作为选中值 */
     options?: RadioTagOption[];
+    /** 标签尺寸，默认 small */
     size?: 'mini' | 'small' | 'medium';
 };
 type __VLS_PublicProps = {

package/dist/components/ZlSearch/index.vue.d.ts

@@ -14,7 +14,11 @@ type __VLS_Props = {
     disabled?: boolean;
     /** 是否展示「筛选条件」标签行；不传时按「是否发生溢出」自动判定 */
     labelsVisible?: boolean;
-    /** @deprecated 用 `labelsVisible`（全库显隐统一用 visible 语义） */
+    /**
+     * 已废弃，请用 `labelsVisible`
+     *
+     * @deprecated 用 `labelsVisible`（全库显隐统一用 visible 语义）
+     */
     showLabels?: boolean;
 };
 declare function search(): Promise<void>;

package/dist/components/ZlSearchTable/index.vue.d.ts

@@ -1,13 +1,17 @@
 import { TableColumn, SearchItem } from '../../types';
 type __VLS_Props = {
+    /** 挂载后立即请求首屏数据，默认 true */
     immediate?: boolean;
     /** 请求函数，或 { service, options }（usePageableRequest options） */
     request: ((...args: any[]) => Promise<any>) | {
         service: (...args: any[]) => Promise<any>;
         options?: Record<string, any>;
     };
+    /** 表格列定义，决定有哪些列及其渲染方式 */
     columns?: TableColumn[];
+    /** 查询区的表单项；为空且不传 search-actions 插槽时不渲染查询条 */
     queryItems?: SearchItem[];
+    /** 分页配置；传 false 关闭分页 */
     pagination?: Record<string, any> | boolean;
 };
 declare function __VLS_template(): {

package/dist/components/ZlSection/index.vue.d.ts

@@ -1,6 +1,7 @@
 type __VLS_Props = {
     /** 标题图标名（zl: 前缀自动补全） */
     icon?: string;
+    /** 标题文案；不传且无 actions 插槽时不渲染头部 */
     title?: string;
     /** 块状布局（内容区滚动） */
     block?: boolean;

package/dist/components/ZlSorter/ZlSorterList.css

@@ -1 +1 @@
-.zl-sorter-list[data-v-f56434ea]{display:flex}.zl-sorter-list__separator[data-v-f56434ea]{margin:4px 2px;width:1px;background-color:var(--zl-border-2, #e3e9ef)}.zl-sorter-list__separator[data-v-f56434ea]:last-child{display:none}
+.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}

package/dist/components/ZlSorter/ZlSorterList.vue.d.ts

@@ -3,7 +3,9 @@ export interface SorterItem {
     model: string;
 }
 type __VLS_Props = {
+    /** 可排序字段列表，model 为字段名 */
     sorters?: SorterItem[];
+    /** 允许多字段同时排序；关闭时只保留最后点击的字段 */
     multiple?: boolean;
 };
 type __VLS_PublicProps = {

package/dist/components/ZlSorter/ZlSorterList.vue.mjs

@@ -1,8 +1,8 @@
 import o from "./ZlSorterList2.vue.mjs";
 import './ZlSorterList.css';/* empty css                   */
 import t from "../../_virtual/_plugin-vue_export-helper.mjs";
-const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-f56434ea"]]);
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-189806da"]]);
 export {
-  f as default
+  p as default
 };
 //# sourceMappingURL=ZlSorterList.vue.mjs.map

package/dist/components/ZlSorter/index.css

@@ -1 +1 @@
-.zl-sorter[data-v-b7ad4aa1]{display:inline-flex;align-items:center;cursor:pointer;gap:4px;font-size:12px;padding:1px 4px}.zl-sorter__label[data-v-b7ad4aa1]{color:var(--zl-text-2, #4d5e7d)}.zl-sorter__label.active[data-v-b7ad4aa1]{color:var(--zl-link-6, var(--el-color-primary, #3261ce))}.zl-sorter__icon[data-v-b7ad4aa1]{display:inline-flex;flex-direction:column;font-size:8px;color:var(--zl-text-4, #b3c0cc)}.zl-sorter__icon .active[data-v-b7ad4aa1]{color:var(--zl-link-6, var(--el-color-primary, #3261ce))}
+.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))}

package/dist/components/ZlSorter/index.vue.d.ts

@@ -1,4 +1,5 @@
 type __VLS_Props = {
+    /** 字段文案；可被默认插槽覆盖 */
     label?: string;
 };
 type __VLS_PublicProps = {

package/dist/components/ZlSorter/index.vue.mjs

@@ -1,7 +1,7 @@
 import o from "./index2.vue.mjs";
 import './index.css';/* empty css            */
 import r from "../../_virtual/_plugin-vue_export-helper.mjs";
-const p = /* @__PURE__ */ r(o, [["__scopeId", "data-v-b7ad4aa1"]]);
+const p = /* @__PURE__ */ r(o, [["__scopeId", "data-v-b80cc7d3"]]);
 export {
   p as default
 };

package/dist/components/ZlSwitch/index.vue.d.ts

@@ -1,9 +1,15 @@
 type __VLS_Props = {
+    /** 当前开关值，支持受控双向绑定 */
     modelValue?: boolean | string | number;
+    /** 非受控模式下的初始选中状态 */
     defaultChecked?: boolean;
+    /** 选中状态对应的提交值 */
     checkedValue?: boolean | string | number;
+    /** 未选中状态对应的提交值 */
     uncheckedValue?: boolean | string | number;
+    /** 选中时显示的文案 */
     checkedText?: string;
+    /** 未选中时显示的文案 */
     uncheckedText?: string;
 };
 declare function __VLS_template(): {

package/dist/components/ZlTable/index.vue.d.ts

@@ -1,11 +1,14 @@
 import { TableColumn } from '../../types';
 declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
+    /** 表格列配置，定义字段、标题与渲染方式 */
     columns: TableColumn[];
     /** 数组（本地数据）或 { [dataKey]: rows, pageNum, pageSize, total }（分页数据） */
     data: any[] | Record<string, any>;
+    /** 分页数据中的行数组字段名 */
     dataKey?: string;
     /** actions 列宽加宽（参考实现 expandAction 语义） */
     expandAction?: boolean;
+    /** 分页配置，设为 false 时隐藏分页 */
     pagination?: Record<string, any> | boolean;
     /** 表格 loading（作用于表格区） */
     loading?: boolean;
@@ -17,12 +20,15 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
         pageSize: number;
     }) => any;
 }, string, import('vue').PublicProps, Readonly<{
+    /** 表格列配置，定义字段、标题与渲染方式 */
     columns: TableColumn[];
     /** 数组（本地数据）或 { [dataKey]: rows, pageNum, pageSize, total }（分页数据） */
     data: any[] | Record<string, any>;
+    /** 分页数据中的行数组字段名 */
     dataKey?: string;
     /** actions 列宽加宽（参考实现 expandAction 语义） */
     expandAction?: boolean;
+    /** 分页配置，设为 false 时隐藏分页 */
     pagination?: Record<string, any> | boolean;
     /** 表格 loading（作用于表格区） */
     loading?: boolean;

package/dist/components/ZlTabs/index.vue.d.ts

@@ -13,15 +13,19 @@
  * 响应式依赖不会被追踪（数据变了页签内容不更新）。withCtx 补齐上下文后与模板写法等价。
  */
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /** 页签配置列表，以 key 关联内容插槽 */
     tabs: {
         type: ArrayConstructor;
         default: () => never[];
     };
+    /** 是否显示页签导航分隔线，默认显示 */
     border: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /** 是否撑满容器并让内容区滚动 */
     fit: BooleanConstructor;
+    /** 是否启用导航背景色，默认启用 */
     darkNav: {
         type: BooleanConstructor;
         default: boolean;
@@ -29,15 +33,19 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
 }>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /** 页签配置列表，以 key 关联内容插槽 */
     tabs: {
         type: ArrayConstructor;
         default: () => never[];
     };
+    /** 是否显示页签导航分隔线，默认显示 */
     border: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /** 是否撑满容器并让内容区滚动 */
     fit: BooleanConstructor;
+    /** 是否启用导航背景色，默认启用 */
     darkNav: {
         type: BooleanConstructor;
         default: boolean;

package/dist/components/ZlTabs/index.vue.mjs

@@ -4,9 +4,13 @@ const z = m({
   name: "ZlTabs",
   inheritAttrs: !1,
   props: {
+    /** 页签配置列表，以 key 关联内容插槽 */
     tabs: { type: Array, default: () => [] },
+    /** 是否显示页签导航分隔线，默认显示 */
     border: { type: Boolean, default: !0 },
+    /** 是否撑满容器并让内容区滚动 */
     fit: Boolean,
+    /** 是否启用导航背景色，默认启用 */
     darkNav: { type: Boolean, default: !0 }
   },
   setup(t, { slots: e, attrs: d }) {
@@ -46,12 +50,14 @@ const z = m({
                   }
                 );
               }),
+              // 追加在页签列表之后的内容（不在任何 ElTabPane 内）
               l(e, "default")
             ],
             n
           )
         }
       ),
+      // 页签栏右侧的附加操作区
       l(e, "extra")
     ]);
   }

package/dist/components/ZlTag/ZlCornerTag.vue.d.ts

@@ -1,6 +1,9 @@
 type __VLS_Props = {
+    /** 文案前的图标名，走 ZlIcon 渲染 */
     icon?: string;
+    /** 背景渐变的主色，取内置主题色名 */
     color?: string;
+    /** 贴在容器的哪个角，默认右上角 */
     position?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
 };
 declare function __VLS_template(): {

package/dist/components/ZlTag/index.vue.d.ts

@@ -9,62 +9,77 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /** 标签尺寸档位，默认 small */
     size: {
         type: PropType<"mini" | "small" | "medium">;
         default: undefined;
     };
+    /** 标签主题色名称 */
     color: {
         type: StringConstructor;
         default: undefined;
     };
+    /** 是否显示标签边框 */
     bordered: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /** 是否显示填充背景，选择模式下无效 */
     fill: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /** 是否应用禁用样式并隐藏关闭按钮 */
     disabled: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /** 标签前置图标名称 */
     icon: {
         type: StringConstructor;
         default: undefined;
     };
+    /** 是否使用圆点图标 */
     dotIcon: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /** 前置图标主题色名称 */
     iconColor: {
         type: StringConstructor;
         default: undefined;
     };
+    /** 是否显示关闭按钮 */
     closable: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /** 受控模式下的显示状态 */
     visible: {
         type: PropType<boolean | undefined>;
         default: undefined;
     };
+    /** 非受控模式下的初始显示状态 */
     defaultVisible: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /** 是否启用点击选择 */
     selectable: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /** 受控模式下的选中状态 */
     selected: {
         type: PropType<boolean | undefined>;
         default: undefined;
     };
+    /** 非受控模式下的初始选中状态 */
     defaultSelected: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /** 是否使用全圆角样式 */
     rounded: {
         type: BooleanConstructor;
         default: boolean;
@@ -75,62 +90,77 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     "update:visible": (value: boolean) => any;
     "update:selected": (value: boolean) => any;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /** 标签尺寸档位，默认 small */
     size: {
         type: PropType<"mini" | "small" | "medium">;
         default: undefined;
     };
+    /** 标签主题色名称 */
     color: {
         type: StringConstructor;
         default: undefined;
     };
+    /** 是否显示标签边框 */
     bordered: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /** 是否显示填充背景，选择模式下无效 */
     fill: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /** 是否应用禁用样式并隐藏关闭按钮 */
     disabled: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /** 标签前置图标名称 */
     icon: {
         type: StringConstructor;
         default: undefined;
     };
+    /** 是否使用圆点图标 */
     dotIcon: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /** 前置图标主题色名称 */
     iconColor: {
         type: StringConstructor;
         default: undefined;
     };
+    /** 是否显示关闭按钮 */
     closable: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /** 受控模式下的显示状态 */
     visible: {
         type: PropType<boolean | undefined>;
         default: undefined;
     };
+    /** 非受控模式下的初始显示状态 */
     defaultVisible: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /** 是否启用点击选择 */
     selectable: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /** 受控模式下的选中状态 */
     selected: {
         type: PropType<boolean | undefined>;
         default: undefined;
     };
+    /** 非受控模式下的初始选中状态 */
     defaultSelected: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /** 是否使用全圆角样式 */
     rounded: {
         type: BooleanConstructor;
         default: boolean;

package/dist/components/ZlTag/index.vue.mjs

@@ -5,20 +5,35 @@ const N = { class: "zl-tag__text" }, A = /* @__PURE__ */ k({
   name: "ZlTag",
   __name: "index",
   props: {
+    /** 标签尺寸档位，默认 small */
     size: { type: String, default: void 0 },
+    /** 标签主题色名称 */
     color: { type: String, default: void 0 },
+    /** 是否显示标签边框 */
     bordered: { type: Boolean, default: !1 },
+    /** 是否显示填充背景，选择模式下无效 */
     fill: { type: Boolean, default: !1 },
+    /** 是否应用禁用样式并隐藏关闭按钮 */
     disabled: { type: Boolean, default: !1 },
+    /** 标签前置图标名称 */
     icon: { type: String, default: void 0 },
+    /** 是否使用圆点图标 */
     dotIcon: { type: Boolean, default: !1 },
+    /** 前置图标主题色名称 */
     iconColor: { type: String, default: void 0 },
+    /** 是否显示关闭按钮 */
     closable: { type: Boolean, default: !1 },
+    /** 受控模式下的显示状态 */
     visible: { type: Boolean, default: void 0 },
+    /** 非受控模式下的初始显示状态 */
     defaultVisible: { type: Boolean, default: !0 },
+    /** 是否启用点击选择 */
     selectable: { type: Boolean, default: !1 },
+    /** 受控模式下的选中状态 */
     selected: { type: Boolean, default: void 0 },
+    /** 非受控模式下的初始选中状态 */
     defaultSelected: { type: Boolean, default: !1 },
+    /** 是否使用全圆角样式 */
     rounded: { type: Boolean, default: !1 }
   },
   emits: ["close", "update:visible", "update:selected", "select"],

package/dist/components/ZlText/index.css

@@ -1 +1 @@
-.zl-text[data-v-d7c0d648]{display:inline-flex;font-size:12px;line-height:20px}
+.zl-text[data-v-2d3647ab]{display:inline-flex;font-size:12px;line-height:20px}

package/dist/components/ZlText/index.vue.d.ts

@@ -1,4 +1,5 @@
 type __VLS_Props = {
+    /** 未使用插槽时显示的文本值 */
     modelValue?: string | number | boolean;
 };
 declare function __VLS_template(): {

package/dist/components/ZlText/index.vue.mjs

@@ -1,8 +1,8 @@
 import o from "./index2.vue.mjs";
 import './index.css';/* empty css            */
 import t from "../../_virtual/_plugin-vue_export-helper.mjs";
-const _ = /* @__PURE__ */ t(o, [["__scopeId", "data-v-d7c0d648"]]);
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-2d3647ab"]]);
 export {
-  _ as default
+  p as default
 };
 //# sourceMappingURL=index.vue.mjs.map

package/dist/components/ZlTitle/index.css

@@ -1 +1 @@
-.zl-title[data-v-602ab94c]{--font-size: 14px;display:flex;align-items:center;gap:4px}.zl-title-size-small[data-v-602ab94c]{--font-size: 12px}.zl-title-marker[data-v-602ab94c]{position:relative;width:3px;align-self:stretch}.zl-title-marker[data-v-602ab94c]: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-602ab94c]{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-602ab94c]{color:var(--zl-text-2, #4d5e7d)}.zl-title-description[data-v-602ab94c]{font-size:12px;line-height:20px;color:var(--zl-text-3, #79879c)}
+.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)}

package/dist/components/ZlTitle/index.vue.d.ts

@@ -1,8 +1,13 @@
 type __VLS_Props = {
+    /** 默认标题文本 */
     title?: string;
+    /** 标题后的描述文本 */
     description?: string;
+    /** 是否显示标题左侧标记，默认显示 */
     marker?: boolean;
+    /** 标题旁帮助图标的提示内容 */
     tooltip?: string;
+    /** 标题文字尺寸档位 */
     size?: 'small' | 'medium' | 'large';
 };
 declare function __VLS_template(): {

package/dist/components/ZlTitle/index.vue.mjs

@@ -1,8 +1,8 @@
 import o from "./index2.vue.mjs";
 import './index.css';/* empty css            */
 import t from "../../_virtual/_plugin-vue_export-helper.mjs";
-const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-602ab94c"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-44e90e6f"]]);
 export {
-  p as default
+  m as default
 };
 //# sourceMappingURL=index.vue.mjs.map

package/dist/components/ZlTree/index.vue.d.ts

@@ -11,6 +11,7 @@ type __VLS_Props = {
     filterTreeNode?: (value: string, data: any) => boolean;
     /** 关闭搜索框 */
     disableFilter?: boolean;
+    /** 是否显示树区域加载状态 */
     loading?: boolean;
 };
 declare function __VLS_template(): {

package/dist/components/ZlTreeSelect/index.css

@@ -1 +1 @@
-.zl-tree-select[data-v-4f063b6f]{width:100%}.zl-tree-select__all[data-v-4f063b6f]{padding:4px 0 8px}.zl-tree-select[data-v-4f063b6f] .el-tree-select .el-tree-node__label{font-size:12px}
+.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}

package/dist/components/ZlTreeSelect/index.vue.d.ts

@@ -5,6 +5,7 @@ type __VLS_Props = {
     allName?: string;
     /** 返回 {label, value} 对象数组（缺省返回键值数组） */
     labelInValue?: boolean;
+    /** 树节点键名、标题与子级字段映射 */
     fieldNames?: {
         key?: string;
         title?: string;

package/dist/components/ZlTreeSelect/index.vue.mjs

@@ -1,7 +1,7 @@
-import o from "./index2.vue.mjs";
+import e from "./index2.vue.mjs";
 import './index.css';/* empty css            */
-import t from "../../_virtual/_plugin-vue_export-helper.mjs";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-4f063b6f"]]);
+import o from "../../_virtual/_plugin-vue_export-helper.mjs";
+const m = /* @__PURE__ */ o(e, [["__scopeId", "data-v-ee40b8a7"]]);
 export {
   m as default
 };

package/dist/components/ZlUpload/index.css

@@ -1 +1 @@
-.zl-upload[data-v-cde4c2e9]{width:100%}.zl-upload__trigger[data-v-cde4c2e9]{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-cde4c2e9]:hover{border-color:var(--zl-primary-6, var(--el-color-primary))}.zl-upload__item[data-v-cde4c2e9]{display:flex;align-items:center;gap:8px;padding:4px 8px;width:100%}.zl-upload__item[data-v-cde4c2e9]:hover{background:var(--zl-fill-1, var(--el-fill-color-light))}.zl-upload__item-thumbnail[data-v-cde4c2e9]{height:32px;width:32px;object-fit:cover;cursor:pointer}.zl-upload__item-name[data-v-cde4c2e9]{flex:1;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zl-upload__item-op[data-v-cde4c2e9]{color:var(--zl-text-2)}.zl-upload__tip[data-v-cde4c2e9]{font-size:12px;color:var(--zl-text-3);line-height:18px;white-space:pre-wrap;word-break:break-all}
+.zl-upload[data-v-37051671]{width:100%}.zl-upload__trigger[data-v-37051671]{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-37051671]:hover{border-color:var(--zl-primary-6, var(--el-color-primary))}.zl-upload__item[data-v-37051671]{display:flex;align-items:center;gap:8px;padding:4px 8px;width:100%}.zl-upload__item[data-v-37051671]:hover{background:var(--zl-fill-1, var(--el-fill-color-light))}.zl-upload__item-thumbnail[data-v-37051671]{height:32px;width:32px;object-fit:cover;cursor:pointer}.zl-upload__item-name[data-v-37051671]{flex:1;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zl-upload__item-op[data-v-37051671]{color:var(--zl-text-2)}.zl-upload__tip[data-v-37051671]{font-size:12px;color:var(--zl-text-3);line-height:18px;white-space:pre-wrap;word-break:break-all}

package/dist/components/ZlUpload/index.vue.d.ts

@@ -2,10 +2,13 @@ type __VLS_Props = {
     /** 自定义上传函数（form, config）→ Promise */
     request?: (form: FormData, config: Record<string, any>) => Promise<any>;
     modelValue?: string | any[];
+    /** 允许上传的文件格式 */
     accept?: string;
     /** 单文件大小上限（MB） */
     maxSize?: number;
+    /** 最多允许上传的文件数量 */
     limit?: number;
+    /** 上传区域下方的自定义提示 */
     tip?: string;
     /** 多路径分隔符（modelValue 为字符串时） */
     separator?: string;
@@ -15,9 +18,9 @@ type __VLS_Props = {
     downloadButtonVisible?: boolean;
     /** 是否展示提示文案（默认 true） */
     tipVisible?: boolean;
-    /** @deprecated 用 `downloadButtonVisible`（全库显隐统一用 visible 语义） */
+    /** 已废弃，请用 `downloadButtonVisible` 代替 */
     showDownloadButton?: boolean;
-    /** @deprecated 用 `tipVisible`（全库显隐统一用 visible 语义） */
+    /** 已废弃，请用 `tipVisible` 代替 */
     showTip?: boolean;
     /** 校验文件名不得含空格 */
     verifySpace?: boolean;

package/dist/components/ZlUpload/index.vue.mjs

@@ -1,8 +1,8 @@
 import o from "./index2.vue.mjs";
 import './index.css';/* empty css            */
 import t from "../../_virtual/_plugin-vue_export-helper.mjs";
-const c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-cde4c2e9"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-37051671"]]);
 export {
-  c as default
+  m as default
 };
 //# sourceMappingURL=index.vue.mjs.map

package/dist/components/ZlUpload/index2.vue.mjs

@@ -30,9 +30,7 @@ const Q = { class: "zl-upload" }, X = { class: "zl-upload__trigger" }, Y = { cla
   }),
   emits: ["update:modelValue"],
   setup(h) {
-    const { t: u } = H(), t = h, $ = n(
-      () => t.downloadButtonVisible ?? t.showDownloadButton ?? !0
-    ), j = n(() => t.tipVisible ?? t.showTip ?? !0), r = T(h, "modelValue"), m = S([]);
+    const { t: u } = H(), t = h, $ = n(() => t.downloadButtonVisible ?? t.showDownloadButton ?? !0), j = n(() => t.tipVisible ?? t.showTip ?? !0), r = T(h, "modelValue"), m = S([]);
     function C(e) {
       return e.split(t.separator).filter((o) => !!o).map((o) => {
         const s = m.value.filter((a) => a.status === "success").find((a) => a.response?.[t.responseUrlKey] === o);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zl-ui-kit/components",
-  "version": "0.8.1",
+  "version": "0.8.3",
   "type": "module",
   "description": "ZL UI 业务组件库（Element Plus 体系，Zl 前缀）——首批：Icon/AutoTooltip/Tag/CornerTag/Text/Title/Copy/Empty/Pagination/DictTag",
   "license": "MIT",
@@ -39,9 +39,9 @@
     "file-type": "^20.4.1",
     "dt-sql-parser": "^4.3.1",
     "sql-formatter": "^15.4.2",
-    "@zl-ui-kit/icons": "0.8.1",
-    "@zl-ui-kit/composables": "0.8.1",
-    "@zl-ui-kit/utils": "0.8.1"
+    "@zl-ui-kit/composables": "0.8.3",
+    "@zl-ui-kit/utils": "0.8.3",
+    "@zl-ui-kit/icons": "0.8.3"
   },
   "peerDependencies": {
     "@vueuse/core": "^12.3.0",
@@ -98,10 +98,10 @@
     "@vue-office/pdf": "^2.0.10",
     "@vue-office/pptx": "1.0.1",
     "echarts": "^5.6.0",
+    "@jichuang/vite-config": "1.0.0",
     "@jichuang/eslint-config": "1.0.0",
     "@jichuang/tsconfig": "1.0.0",
-    "@zl-ui-kit/theme": "0.8.1",
-    "@jichuang/vite-config": "1.0.0"
+    "@zl-ui-kit/theme": "0.8.3"
   },
   "repository": {
     "type": "git",