@zl-ui-kit/components 0.0.0-stage → 0.3.0

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

@@ -0,0 +1,59 @@
+import { defineComponent as a, resolveComponent as d, openBlock as t, createElementBlock as l, normalizeClass as m, createCommentVNode as i, createElementVNode as u, renderSlot as n, createTextVNode as s, toDisplayString as r, createBlock as z, withCtx as p, createVNode as k } from "vue";
+import f from "../ZlIcon/index.vue.mjs";
+const h = {
+  key: 0,
+  class: "zl-title-marker"
+}, v = { class: "zl-title-text" }, y = {
+  key: 2,
+  class: "zl-title-description"
+}, x = {
+  key: 3,
+  class: "zl-title-extra"
+}, N = /* @__PURE__ */ a({
+  name: "ZlTitle",
+  __name: "index",
+  props: {
+    title: {},
+    description: {},
+    marker: { type: Boolean, default: !0 },
+    tooltip: {},
+    size: {}
+  },
+  setup(e) {
+    return (o, C) => {
+      const c = d("el-tooltip");
+      return t(), l("div", {
+        class: m(["zl-title", { [`zl-title-size-${e.size}`]: e.size }])
+      }, [
+        e.marker ? (t(), l("div", h)) : i("", !0),
+        u("div", v, [
+          n(o.$slots, "default", {}, () => [
+            s(r(e.title), 1)
+          ], !0)
+        ]),
+        e.tooltip ? (t(), z(c, {
+          key: 1,
+          content: e.tooltip,
+          placement: "top"
+        }, {
+          default: p(() => [
+            k(f, { icon: "zl:help-color" })
+          ]),
+          _: 1
+        }, 8, ["content"])) : i("", !0),
+        e.description ? (t(), l("div", y, [
+          n(o.$slots, "description", {}, () => [
+            s(r(e.description), 1)
+          ], !0)
+        ])) : i("", !0),
+        o.$slots.extra ? (t(), l("div", x, [
+          n(o.$slots, "extra", {}, void 0, !0)
+        ])) : i("", !0)
+      ], 2);
+    };
+  }
+});
+export {
+  N as default
+};
+//# sourceMappingURL=index2.vue.mjs.map

package/dist/components/ZlTree/index.css

@@ -0,0 +1 @@
+.zl-tree{width:100%;height:100%;display:flex;flex-direction:column;padding:10px 0;gap:10px}.zl-tree-search{display:flex;align-items:center;padding:0 16px;gap:12px}.zl-tree-body{flex:1;min-height:0;overflow:auto;padding:0 16px}.zl-tree-node{display:inline-flex;align-items:center;gap:4px;flex:1;min-width:0;font-size:12px}.zl-tree-node__icon{color:var(--zl-text-2, var(--el-text-color-regular))}.zl-tree .el-tree{background:transparent;--el-tree-node-hover-bg-color: var(--zl-fill-2)}.zl-tree .zl-empty{padding-block:0}

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

@@ -0,0 +1,47 @@
+type __VLS_Props = {
+    /** 字段映射（arco fieldNames 兼容：title→label、children） */
+    fieldNames?: {
+        key?: string;
+        title?: string;
+        children?: string;
+    };
+    /** 搜索框透传（el-input 属性） */
+    inputSearchProps?: Record<string, any>;
+    /** 自定义过滤函数（缺省按 title 包含匹配） */
+    filterTreeNode?: (value: string, data: any) => boolean;
+    /** 关闭搜索框 */
+    disableFilter?: boolean;
+    loading?: boolean;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Partial<Record<string, (_: any) => any>> & {
+        'search-extra'?(_: {}): any;
+        title?(_: {
+            node: any;
+            data: any;
+        }): any;
+    };
+    refs: {
+        treeRef: unknown;
+    };
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    fieldNames: {
+        key?: string;
+        title?: string;
+        children?: string;
+    };
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    treeRef: unknown;
+}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=index.vue.d.ts.map

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

@@ -0,0 +1,104 @@
+import { defineComponent as F, useAttrs as R, useSlots as $, ref as h, computed as r, watch as L, resolveComponent as v, resolveDirective as j, withDirectives as y, openBlock as u, createElementBlock as _, createVNode as n, mergeProps as k, withCtx as a, renderSlot as f, createCommentVNode as N, createElementVNode as g, unref as I, createSlots as K, normalizeProps as S, guardReactiveProps as z, createTextVNode as M, toDisplayString as O, renderList as U, vShow as q, createBlock as G } from "vue";
+import H from "../ZlAutoTooltip/index.vue.mjs";
+import J from "../ZlEmpty/index.vue.mjs";
+import V from "../ZlIcon/index.vue.mjs";
+const Q = { class: "zl-tree" }, W = {
+  key: 0,
+  class: "zl-tree-search"
+}, X = { class: "zl-tree-body" }, Y = { class: "zl-tree-node" }, re = /* @__PURE__ */ F({
+  name: "ZlTree",
+  inheritAttrs: !1,
+  __name: "index",
+  props: {
+    fieldNames: { default: () => ({ key: "key", title: "title", children: "children" }) },
+    inputSearchProps: {},
+    filterTreeNode: {},
+    disableFilter: { type: Boolean },
+    loading: { type: Boolean }
+  },
+  setup(s, { expose: b }) {
+    const o = s, m = R(), x = $(), i = h(null), c = h(""), P = r(() => ({
+      label: o.fieldNames.title,
+      children: o.fieldNames.children
+    }));
+    L(c, (e) => {
+      i.value?.filter(e);
+    });
+    function w(e, t) {
+      return e ? String(t[o.fieldNames.title] ?? "").includes(e) : !0;
+    }
+    const B = r(() => o.filterTreeNode ?? w), T = r(() => o.fieldNames.key ?? "key"), p = r(() => !(m.data ?? []).length), C = ["icon", "title"], E = r(() => Object.keys(x).filter((e) => !C.includes(e)));
+    return b(new Proxy({}, {
+      get(e, t) {
+        return i.value?.[t];
+      },
+      has(e, t) {
+        return t in (i.value ?? {});
+      }
+    })), (e, t) => {
+      const Z = v("el-input"), A = v("el-tree"), D = j("loading");
+      return y((u(), _("div", Q, [
+        s.disableFilter ? N("", !0) : (u(), _("div", W, [
+          n(Z, k({
+            modelValue: c.value,
+            "onUpdate:modelValue": t[0] || (t[0] = (l) => c.value = l),
+            clearable: ""
+          }, s.inputSearchProps, { "suffix-icon": null }), {
+            suffix: a(() => [
+              n(V, {
+                icon: "zl:search",
+                style: { cursor: "pointer" }
+              })
+            ]),
+            _: 1
+          }, 16, ["modelValue"]),
+          f(e.$slots, "search-extra")
+        ])),
+        g("div", X, [
+          y(n(A, k({
+            ref_key: "treeRef",
+            ref: i
+          }, I(m), {
+            props: P.value,
+            "node-key": T.value,
+            "filter-node-method": B.value
+          }), K({
+            default: a(({ node: l, data: d }) => [
+              f(e.$slots, "title", S(z({ node: l, data: d })), () => [
+                g("span", Y, [
+                  n(V, {
+                    icon: l.isLeaf ? "zl:document-color" : "zl:folder-color",
+                    class: "zl-tree-node__icon"
+                  }, null, 8, ["icon"]),
+                  n(H, null, {
+                    default: a(() => [
+                      M(O(l.label), 1)
+                    ]),
+                    _: 2
+                  }, 1024)
+                ])
+              ])
+            ]),
+            _: 2
+          }, [
+            U(E.value, (l) => ({
+              name: l,
+              fn: a((d) => [
+                f(e.$slots, l, S(z(d)))
+              ])
+            }))
+          ]), 1040, ["props", "node-key", "filter-node-method"]), [
+            [q, !p.value]
+          ]),
+          p.value ? (u(), G(J, { key: 0 })) : N("", !0)
+        ])
+      ])), [
+        [D, s.loading]
+      ]);
+    };
+  }
+});
+export {
+  re as default
+};
+//# sourceMappingURL=index.vue.mjs.map

package/dist/components/ZlTree/index3.vue.mjs

@@ -0,0 +1,6 @@
+import o from "./index.vue.mjs";
+import './index.css';/* empty css            */
+export {
+  o as default
+};
+//# sourceMappingURL=index3.vue.mjs.map

package/dist/components/ZlTreeSelect/index.css

@@ -0,0 +1 @@
+.zl-tree-select[data-v-c93bd372]{width:100%}.zl-tree-select__all[data-v-c93bd372]{padding:4px 0 8px}.zl-tree-select[data-v-c93bd372] .el-tree-select .el-tree-node__label{font-size:12px}

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

@@ -0,0 +1,33 @@
+type __VLS_Props = {
+    /** 树数据 */
+    originTreeData: any[];
+    /** "全部"节点名（启用全选控制条） */
+    allName?: string;
+    /** 返回 {label, value} 对象数组（缺省返回键值数组） */
+    labelInValue?: boolean;
+    fieldNames?: {
+        key?: string;
+        title?: string;
+        children?: string;
+    };
+    /** 父子不关联 */
+    treeCheckStrictly?: boolean;
+};
+type __VLS_PublicProps = {
+    modelValue?: any;
+} & __VLS_Props;
+declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: any) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: any) => any) | undefined;
+}>, {
+    fieldNames: {
+        key?: string;
+        title?: string;
+        children?: string;
+    };
+    labelInValue: boolean;
+    treeCheckStrictly: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;
+//# sourceMappingURL=index.vue.d.ts.map

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

@@ -0,0 +1,8 @@
+import o 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-c93bd372"]]);
+export {
+  m as default
+};
+//# sourceMappingURL=index.vue.mjs.map

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

@@ -0,0 +1,75 @@
+import { defineComponent as _, useModel as b, computed as a, resolveComponent as p, openBlock as y, createElementBlock as g, createVNode as k, withCtx as C, createTextVNode as x, toDisplayString as A, createCommentVNode as T, mergeProps as B, mergeModels as D } from "vue";
+const I = { class: "zl-tree-select" }, S = {
+  key: 0,
+  class: "zl-tree-select__all"
+}, M = /* @__PURE__ */ _({
+  name: "ZlTreeSelect",
+  inheritAttrs: !1,
+  __name: "index",
+  props: /* @__PURE__ */ D({
+    originTreeData: {},
+    allName: {},
+    labelInValue: { type: Boolean, default: !1 },
+    fieldNames: { default: () => ({ key: "key", title: "title", children: "children" }) },
+    treeCheckStrictly: { type: Boolean, default: !1 }
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(n) {
+    const t = n, r = b(n, "modelValue"), i = a(() => t.fieldNames.key ?? "key"), m = a(() => t.fieldNames.title ?? "title"), v = a(() => t.fieldNames.children ?? "children"), N = a(() => ({
+      label: m.value,
+      children: v.value
+    })), u = a(() => {
+      const e = [], l = (s) => {
+        s.forEach((o) => {
+          e.push(o);
+          const d = o[v.value];
+          Array.isArray(d) && d.length > 0 && l(d);
+        });
+      };
+      return l(t.originTreeData), e;
+    }), c = a(() => t.labelInValue ? (r.value ?? []).map((e) => e?.value) : r.value ?? []), h = a(() => c.value.length > 0 && c.value.length === u.value.length);
+    function f(e) {
+      t.labelInValue ? r.value = e.map((l) => ({
+        label: u.value.find((o) => o[i.value] === l)?.[m.value],
+        value: l
+      })) : r.value = e;
+    }
+    function V(e) {
+      e ? f(u.value.map((l) => l[i.value])) : r.value = t.labelInValue ? [] : [];
+    }
+    return (e, l) => {
+      const s = p("el-checkbox"), o = p("el-tree-select");
+      return y(), g("div", I, [
+        n.allName ? (y(), g("div", S, [
+          k(s, {
+            "model-value": h.value,
+            indeterminate: c.value.length > 0 && !h.value,
+            onChange: V
+          }, {
+            default: C(() => [
+              x(A(n.allName), 1)
+            ]),
+            _: 1
+          }, 8, ["model-value", "indeterminate"])
+        ])) : T("", !0),
+        k(o, B({
+          "model-value": c.value,
+          multiple: "",
+          "collapse-tags": "",
+          "collapse-tags-tooltip": "",
+          "check-strictly": n.treeCheckStrictly,
+          data: n.originTreeData,
+          props: N.value,
+          "node-key": i.value
+        }, e.$attrs, { "onUpdate:modelValue": f }), null, 16, ["model-value", "check-strictly", "data", "props", "node-key"])
+      ]);
+    };
+  }
+});
+export {
+  M as default
+};
+//# sourceMappingURL=index2.vue.mjs.map

package/dist/components/ZlUpload/index.css

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

@@ -0,0 +1,50 @@
+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;
+    /** 响应中文件地址的取值键 */
+    responseUrlKey?: string;
+    showDownloadButton?: boolean;
+    showTip?: boolean;
+    /** 校验文件名不得含空格 */
+    verifySpace?: boolean;
+};
+type __VLS_PublicProps = {
+    modelValue?: any;
+} & __VLS_Props;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: any) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: any) => any) | undefined;
+}>, {
+    separator: string;
+    modelValue: any;
+    responseUrlKey: string;
+    showDownloadButton: boolean;
+    showTip: boolean;
+    verifySpace: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=index.vue.d.ts.map

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

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

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

@@ -0,0 +1,153 @@
+import { defineComponent as E, useModel as I, ref as b, computed as p, useAttrs as K, resolveComponent as T, resolveDirective as q, withDirectives as N, openBlock as g, createElementBlock as z, createVNode as h, mergeProps as R, withCtx as x, renderSlot as Z, createElementVNode as d, toDisplayString as B, createCommentVNode as U, mergeModels as O } from "vue";
+import { useZlT as W } from "@zl-ui-kit/composables";
+import { joinFilePrefix as G } from "@zl-ui-kit/utils";
+import { ElMessage as w } from "element-plus";
+import $ from "../ZlIcon/index.vue.mjs";
+const H = { class: "zl-upload" }, J = { class: "zl-upload__trigger" }, Q = { class: "zl-upload__item" }, X = ["src", "onClick"], Y = ["title"], ee = ["href", "download"], te = {
+  key: 0,
+  class: "zl-upload__tip"
+}, ie = /* @__PURE__ */ E({
+  name: "ZlUpload",
+  inheritAttrs: !1,
+  __name: "index",
+  props: /* @__PURE__ */ O({
+    request: {},
+    modelValue: { default: "" },
+    accept: {},
+    maxSize: {},
+    limit: {},
+    tip: {},
+    separator: { default: ";" },
+    responseUrlKey: { default: "meta" },
+    showDownloadButton: { type: Boolean, default: !0 },
+    showTip: { type: Boolean, default: !0 },
+    verifySpace: { type: Boolean, default: !1 }
+  }, {
+    modelValue: { default: "" },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(m) {
+    const { t: n } = W(), t = m, i = I(m, "modelValue"), f = b([]);
+    function V(e) {
+      return e.split(t.separator).filter((o) => !!o).map((o) => {
+        const l = f.value.filter((a) => a.status === "success").find((a) => a.response?.[t.responseUrlKey] === o);
+        return {
+          url: l ? l.url : G(o),
+          name: (o.match(/[^/\\]+$/)?.[0] ?? o).split("-").pop() ?? o,
+          isImage: /\.(?:jpe?g|png|gif|bmp|webp)$/i.test(o),
+          response: {
+            [t.responseUrlKey]: o
+          },
+          status: "success"
+        };
+      });
+    }
+    function j(e) {
+      return e.filter((o) => o.status === "success").map((o) => o.response?.[t.responseUrlKey]).filter(Boolean).join(t.separator);
+    }
+    const y = p({
+      get() {
+        return typeof i.value == "string" ? [...V(i.value), ...f.value.filter((e) => e.status !== "success")] : i.value;
+      },
+      set(e) {
+        i.value = typeof i.value == "string" ? j(e) : e, f.value = e;
+      }
+    }), C = K(), F = p(() => t.accept ? t.accept.split(",") : []);
+    function k(e) {
+      const { file: o, onSuccess: l, onError: a, onProgress: s } = e, v = new AbortController(), A = (r) => {
+        const M = r.total > 0 ? r.loaded / r.total * 90 : 0;
+        s({ percent: M });
+      }, S = new FormData();
+      return S.append("file", o), t.request?.(S, { signal: v.signal, onUploadProgress: A }).then((r) => {
+        l({ ...r.data });
+      }).catch((r) => {
+        a(r);
+      }), {
+        abort() {
+          v.abort();
+        }
+      };
+    }
+    const c = p(() => {
+      const e = {};
+      return t.accept && (e.accept = n("zl.upload.accept", `仅支持${t.accept}格式的文件`, { accept: t.accept })), t.limit && (e.limit = n("zl.upload.limit", `最多可上传${t.limit}个`, { limit: t.limit })), t.maxSize && (e.maxSize = n("zl.upload.maxSize", `大小不超过${t.maxSize}MB`, { maxSize: t.maxSize })), e;
+    }), _ = p(() => {
+      const e = [t.tip, ...Object.values(c.value)].filter(Boolean).join(", ");
+      return {
+        accept: t.accept,
+        limit: t.limit,
+        multiple: t.limit ? t.limit > 1 : !0,
+        httpRequest: k,
+        fileList: y.value,
+        "onUpdate:fileList": (o) => y.value = o,
+        ...C,
+        // tip 不透传 el-upload（无此属性），由组件尾部渲染
+        tip: void 0,
+        __tip: t.showTip ? e : ""
+      };
+    });
+    function D(e) {
+      return F.value.some((o) => o.includes("/") ? e.type.startsWith(o.replace(/\*$/, "")) : e.name.endsWith(o));
+    }
+    function L(e) {
+      return t.verifySpace && /\s/.test(e.name) ? (w.warning(n("zl.upload.nameSpace", "文件名中不得包含空格")), !1) : c.value.accept && !D(e) ? (w.warning(c.value.accept), !1) : t.maxSize && e.size > t.maxSize * 1024 * 1024 ? (w.warning(c.value.maxSize), !1) : !0;
+    }
+    const u = b(!1);
+    function P(e) {
+      e.status === "success" && (u.value = !0, fetch(e.url ?? "").then((o) => o.blob()).then((o) => {
+        u.value = !1;
+        const l = URL.createObjectURL(o);
+        window.open(l);
+      }).catch(() => {
+        u.value = !1;
+      }));
+    }
+    return (e, o) => {
+      const l = T("el-upload"), a = q("loading");
+      return N((g(), z("div", H, [
+        h(l, R(_.value, {
+          "before-upload": L,
+          "list-type": "picture"
+        }), {
+          file: x(({ file: s }) => [
+            d("div", Q, [
+              d("img", {
+                class: "zl-upload__item-thumbnail",
+                src: (s.isImage !== !1 && /\.(?:jpe?g|png|gif|bmp|webp)$/i.test(s.name), s.url),
+                onClick: (v) => P(s)
+              }, null, 8, X),
+              d("span", {
+                class: "zl-upload__item-name",
+                title: s.name
+              }, B(s.name), 9, Y),
+              m.showDownloadButton && s.status === "success" && s.url ? (g(), z("a", {
+                key: 0,
+                class: "zl-upload__item-op",
+                href: s.url,
+                download: s.name
+              }, [
+                h($, { icon: "zl:download" })
+              ], 8, ee)) : U("", !0)
+            ])
+          ]),
+          default: x(() => [
+            Z(e.$slots, "default", {}, () => [
+              d("div", J, [
+                h($, { icon: "zl:add" })
+              ])
+            ], !0)
+          ]),
+          _: 3
+        }, 16),
+        _.value.__tip ? (g(), z("div", te, B(_.value.__tip), 1)) : U("", !0)
+      ])), [
+        [a, u.value]
+      ]);
+    };
+  }
+});
+export {
+  ie as default
+};
+//# sourceMappingURL=index2.vue.mjs.map

package/dist/index.d.ts

@@ -0,0 +1,79 @@
+import { App } from 'vue';
+export { default as ZlAction } from './components/ZlAction/index.vue';
+export { default as ZlActionList } from './components/ZlAction/List.vue';
+export { default as ZlAddSub } from './components/ZlAddSub/index.vue';
+export { default as ZlAppLayout } from './components/ZlAppLayout/index.vue';
+export { default as ZlAppMenu } from './components/ZlAppMenu/AppMenu.vue';
+export { default as ZlAppSlogan } from './components/ZlAppSlogan/index.vue';
+export { default as ZlAutoTooltip } from './components/ZlAutoTooltip/index.vue';
+export { default as ZlAvatar } from './components/ZlAvatar/index.vue';
+export { default as ZlAvatarGroup } from './components/ZlAvatar/Group.vue';
+export { default as ZlCard } from './components/ZlCard/index.vue';
+export { default as ZlCardPage } from './components/ZlCardPage/index.vue';
+export { default as ZlChart } from './components/ZlChart/index.vue';
+export { default as ZlCheckAll } from './components/ZlCheckAll/index.vue';
+export { default as ZlCheckboxTag } from './components/ZlCheckboxTag/index.vue';
+export { default as ZlCopy } from './components/ZlCopy/index.vue';
+export { default as ZlDescription } from './components/ZlDescription/index.vue';
+export { default as ZlDictTag } from './components/ZlDictTag/index.vue';
+export { default as ZlDrawer } from './components/ZlDrawer/index.vue';
+export { default as ZlDynamicComponent } from './components/ZlDynamicComponent/index.vue';
+export { default as ZlEditor } from './components/ZlEditor/index.vue';
+export { default as ZlSqlEditor } from './components/ZlEditor/ZlSqlEditor.vue';
+export { default as ZlFilePreview } from './components/ZlFilePreview/index.vue';
+export { default as ZlFileViewer } from './components/ZlFileViewer/index.vue';
+export { default as ZlPdfViewer } from './components/ZlPdfViewer/index.vue';
+export { default as ZlLogin } from './components/ZlLogin/index.vue';
+export { default as ZlLoginForm } from './components/ZlLogin/components/LoginForm.vue';
+export { default as ZlEmpty } from './components/ZlEmpty/index.vue';
+export { default as ZlForm } from './components/ZlForm/index.vue';
+export { default as ZlFormChild } from './components/ZlForm/ZlFormChild.vue';
+export { default as ZlGridItem } from './components/ZlGrid/ZlGridItem.vue';
+export { default as ZlGrid } from './components/ZlGrid/index.vue';
+export { default as ZlHorizontalTable } from './components/ZlHorizontalTable/index.vue';
+export { default as ZlIcon } from './components/ZlIcon/index.vue';
+export { default as ZlI18nProvider } from './components/ZlI18nProvider/index.vue';
+export { createZlI18n, zlEnMessages, zlMessages, zlZhMessages } from './locales';
+export type { CreateZlI18nOptions, ZlMessagePack } from './locales';
+export { default as ZlIconHover } from './components/ZlIconHover/index.vue';
+export { default as ZlIconLabel } from './components/ZlIconLabel/index.vue';
+export { default as ZlCornerTag } from './components/ZlTag/ZlCornerTag.vue';
+export { default as ZlLayoutSwitch } from './components/ZlLayoutSwitch/index.vue';
+export { default as ZlPagination } from './components/ZlPagination/index.vue';
+export { default as ZlPermission } from './components/ZlPermission/index.vue';
+export { default as ZlPopconfirm } from './components/ZlPopconfirm/index.vue';
+export { default as ZlRadioTag } from './components/ZlRadioTag/index.vue';
+export { default as ZlSearch } from './components/ZlSearch/index.vue';
+export { default as ZlSearchTable } from './components/ZlSearchTable/index.vue';
+export { default as ZlSection } from './components/ZlSection/index.vue';
+export { default as ZlSorter } from './components/ZlSorter/index.vue';
+export { default as ZlSorterList } from './components/ZlSorter/ZlSorterList.vue';
+export { default as ZlSwitch } from './components/ZlSwitch/index.vue';
+export { default as ZlTable } from './components/ZlTable/index.vue';
+export { default as ZlTabs } from './components/ZlTabs/index.vue';
+export { default as ZlTag } from './components/ZlTag/index.vue';
+export { default as ZlText } from './components/ZlText/index.vue';
+export { default as ZlTitle } from './components/ZlTitle/index.vue';
+export { default as ZlUpload } from './components/ZlUpload/index.vue';
+export { default as ZlTree } from './components/ZlTree/index.vue';
+export { default as ZlTreeSelect } from './components/ZlTreeSelect/index.vue';
+export * from './components/ZlIcon/presetIconifyIcon';
+export { usePagination } from './components/ZlPagination/usePagination';
+export { useTablePagination } from './components/ZlTable/useTablePagination';
+export { usePermission, usePermissionProvider } from './components/ZlPermission/usePermission';
+export { useSqlCompletion } from './components/ZlEditor/useSqlCompletion';
+export type { SqlTableSchema, SqlTableColumn } from './components/ZlEditor/useSqlCompletion';
+export type { MenuItem } from './components/ZlAppMenu/AppMenu.vue';
+export type { ActionItem, FormItem, SearchItem, TableColumn } from './types';
+export type { IGridItem } from './components/ZlGrid/types';
+export type { IComponent, IComponentSlot, VForSlot, VModelSlot, ComponentOrSlot } from './components/ZlDynamicComponent/types';
+/**
+ * 全量注册插件（app.use）
+ * 表单类基础组件（el-input/el-select 等）建议宿主经 unplugin 自动引入或全量注册
+ */
+export declare function install(app: App): void;
+declare const _default: {
+    install: typeof install;
+};
+export default _default;
+//# sourceMappingURL=index.d.ts.map