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

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

@@ -0,0 +1,125 @@
+import { defineComponent as E, useSlots as K, useAttrs as T, computed as m, ref as b, toRef as V, watch as L, openBlock as y, createElementBlock as W, createBlock as Z, createSlots as q, withCtx as f, renderSlot as d, renderList as S, normalizeProps as $, guardReactiveProps as P, createCommentVNode as x, createVNode as F, mergeProps as G, unref as h } from "vue";
+import { usePageableRequest as H } from "@zl-ui-kit/composables";
+import J from "../ZlSearch/index.vue.mjs";
+import '../ZlTable/index.css';import '../ZlSearch/index.css';/* empty css                      */
+import M from "../ZlTable/index.vue.mjs";
+/* empty css                     */
+import { useTablePagination as Q } from "../ZlTable/useTablePagination.mjs";
+const U = { class: "zl-search-table" }, R = "search-", ne = /* @__PURE__ */ E({
+  name: "ZlSearchTable",
+  inheritAttrs: !1,
+  __name: "index",
+  props: {
+    immediate: { type: Boolean, default: !0 },
+    request: {},
+    columns: { default: () => [] },
+    queryItems: { default: () => [] },
+    pagination: { type: [Object, Boolean] }
+  },
+  emits: ["search-reset"],
+  setup(r, { expose: w, emit: z }) {
+    const s = r, B = z, k = K(), p = T(), g = m(() => {
+      const e = [], t = [];
+      return Object.keys(k).forEach((a) => {
+        if (a.startsWith(R)) {
+          if (a === "search-actions")
+            return;
+          t.push({ slot: a, subSlot: a.slice(R.length) });
+        } else
+          e.push(a);
+      }), { table: e, search: t };
+    }), n = b(null), i = b(null), v = m(() => {
+      const e = { manual: !0, initialData: [] };
+      return typeof s.request == "function" ? { service: s.request, options: e } : {
+        ...s.request,
+        options: Object.assign({ initialData: [] }, s.request.options, { manual: !0 })
+      };
+    }), { loading: A, data: C, run: I, params: _, refresh: j } = H(v.value.service, v.value.options), N = m(() => _.value?.[0]), O = p.dataKey ?? p["data-key"] ?? "rows", { data: D, pagination: l } = Q({
+      data: C,
+      pagination: V(s, "pagination"),
+      dataKey: O,
+      // 分页事件由 ZlTable 内部处理，这里无需重复派发
+      emit: {}
+    });
+    let u;
+    function o(e, t = l.value !== !1 ? { pageNum: 1, pageSize: l.value.pageSize } : void 0) {
+      u = {
+        ...u,
+        ...e,
+        ...t
+      }, I(u);
+    }
+    return L(
+      () => s.immediate,
+      (e) => {
+        e && !s.queryItems.length && o();
+      },
+      { immediate: !0, once: !0 }
+    ), w({
+      refresh: j,
+      params: N,
+      search: new Proxy({}, {
+        get(e, t) {
+          return !n.value && t === "search" ? o : n.value?.[t];
+        },
+        has(e, t) {
+          return t in (n.value ?? {});
+        }
+      }),
+      table: new Proxy({}, {
+        get(e, t) {
+          return i.value?.[t];
+        },
+        has(e, t) {
+          return t in (i.value ?? {});
+        }
+      })
+    }), (e, t) => (y(), W("div", U, [
+      r.queryItems.length || e.$slots.searchActions || e.$slots["search-actions"] ? (y(), Z(J, {
+        key: 0,
+        ref_key: "searchRef",
+        ref: n,
+        items: r.queryItems,
+        immediate: r.immediate,
+        onSearch: o,
+        onReset: t[0] || (t[0] = (a) => B("search-reset"))
+      }, q({ _: 2 }, [
+        e.$slots.searchActions || e.$slots["search-actions"] ? {
+          name: "actions",
+          fn: f(() => [
+            d(e.$slots, "search-actions")
+          ]),
+          key: "0"
+        } : void 0,
+        S(g.value.search, (a) => ({
+          name: a.subSlot,
+          fn: f((c) => [
+            d(e.$slots, a.slot, $(P(c)))
+          ])
+        }))
+      ]), 1032, ["items", "immediate"])) : x("", !0),
+      F(M, G({
+        ref_key: "tableRef",
+        ref: i,
+        class: "zl-search-table__table",
+        columns: r.columns,
+        data: h(D),
+        pagination: h(l),
+        loading: h(A)
+      }, e.$attrs, {
+        onPaginationChange: t[1] || (t[1] = (a) => o(void 0, a))
+      }), q({ _: 2 }, [
+        S(g.value.table, (a) => ({
+          name: a,
+          fn: f((c) => [
+            d(e.$slots, a, $(P(c)))
+          ])
+        }))
+      ]), 1040, ["columns", "data", "pagination", "loading"])
+    ]));
+  }
+});
+export {
+  ne as default
+};
+//# sourceMappingURL=index.vue.mjs.map

package/dist/components/ZlSearchTable/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/ZlSection/index.css

@@ -0,0 +1 @@
+.zl-section{height:100%;background-color:var(--zl-bg-1);border-radius:var(--zl-radius-large, 6px);box-shadow:0 2px 5px 0 var(--zl-shadow, rgba(36, 46, 67, .1))}.zl-section.is-block{display:flex;flex-direction:column;overflow:hidden}.zl-section.is-block .zl-section__container{flex:1;overflow:auto}.zl-section.is-block-hidden .zl-section__container{overflow:hidden}.zl-section__header{display:flex;align-items:center;padding:10px 16px;border-bottom:1px solid var(--zl-border-2, #e3e9ef)}.zl-section__icon{font-size:12px;margin-right:4px}.zl-section__icon-wrap{display:flex}.zl-section__title{flex:1;color:var(--zl-text-1, #242e43);font-size:12px;font-weight:600;line-height:20px;display:flex;align-items:center}.zl-section__container{padding:10px 16px}

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

@@ -0,0 +1,29 @@
+type __VLS_Props = {
+    /** 标题图标名（zl: 前缀自动补全） */
+    icon?: string;
+    title?: string;
+    /** 块状布局（内容区滚动） */
+    block?: boolean;
+    /** 块状布局且隐藏溢出 */
+    blockHidden?: boolean;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        'title-prepend'?(_: {}): any;
+        actions?(_: {}): any;
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLElement;
+};
+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<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLElement>;
+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/ZlSection/index.vue.mjs

@@ -0,0 +1,49 @@
+import { defineComponent as c, openBlock as n, createElementBlock as i, normalizeClass as a, createVNode as d, createCommentVNode as s, createElementVNode as t, toDisplayString as r, renderSlot as l } from "vue";
+import m from "../ZlIcon/index.vue.mjs";
+const _ = {
+  key: 0,
+  class: "zl-section__header"
+}, k = {
+  key: 0,
+  class: "zl-section__icon-wrap"
+}, u = { class: "zl-section__title" }, z = { class: "zl-section__actions" }, h = { class: "zl-section__container" }, y = /* @__PURE__ */ c({
+  name: "ZlSection",
+  __name: "index",
+  props: {
+    icon: {},
+    title: {},
+    block: { type: Boolean },
+    blockHidden: { type: Boolean }
+  },
+  setup(e) {
+    return (o, b) => (n(), i("section", {
+      class: a(["zl-section", {
+        "is-block": e.block || e.blockHidden,
+        "is-block-hidden": e.blockHidden
+      }])
+    }, [
+      e.title || o.$slots.actions ? (n(), i("div", _, [
+        e.icon ? (n(), i("div", k, [
+          d(m, {
+            class: "zl-section__icon",
+            icon: `zl:${e.icon}`
+          }, null, 8, ["icon"])
+        ])) : s("", !0),
+        t("div", u, [
+          t("span", null, r(e.title), 1),
+          l(o.$slots, "title-prepend")
+        ]),
+        t("div", z, [
+          l(o.$slots, "actions")
+        ])
+      ])) : s("", !0),
+      t("div", h, [
+        l(o.$slots, "default")
+      ])
+    ], 2));
+  }
+});
+export {
+  y as default
+};
+//# sourceMappingURL=index.vue.mjs.map

package/dist/components/ZlSection/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/ZlSorter/ZlSorterList.css

@@ -0,0 +1 @@
+.zl-sorter-list[data-v-01b68d91]{display:flex}.zl-sorter-list__separator[data-v-01b68d91]{margin:4px 2px;width:1px;background-color:var(--zl-border-2, #e3e9ef)}.zl-sorter-list__separator[data-v-01b68d91]:last-child{display:none}

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

@@ -0,0 +1,24 @@
+export interface SorterItem {
+    label?: string;
+    model: string;
+}
+type __VLS_Props = {
+    sorters?: SorterItem[];
+    multiple?: boolean;
+};
+type __VLS_PublicProps = {
+    modelValue?: Record<string, any>;
+} & __VLS_Props;
+declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: Record<string, any>) => any;
+} & {
+    change: (model: Record<string, any>, key: string, value: string) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onChange?: ((model: Record<string, any>, key: string, value: string) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: Record<string, any>) => any) | undefined;
+}>, {
+    sorters: SorterItem[];
+    multiple: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;
+//# sourceMappingURL=ZlSorterList.vue.d.ts.map

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

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

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

@@ -0,0 +1,39 @@
+import { defineComponent as f, useModel as V, openBlock as n, createElementBlock as d, Fragment as s, renderList as g, createVNode as h, createElementVNode as v, mergeModels as u } from "vue";
+import C from "./index.vue.mjs";
+const _ = { class: "zl-sorter-list" }, L = /* @__PURE__ */ f({
+  name: "ZlSorterList",
+  __name: "ZlSorterList",
+  props: /* @__PURE__ */ u({
+    sorters: { default: () => [] },
+    multiple: { type: Boolean, default: !1 }
+  }, {
+    modelValue: { default: () => ({}) },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ u(["change"], ["update:modelValue"]),
+  setup(t, { emit: m }) {
+    const i = t, c = m, o = V(t, "modelValue");
+    function p(a, e) {
+      i.multiple || (o.value = {
+        [a]: e
+      }), c("change", o.value, a, e);
+    }
+    return (a, e) => (n(), d("div", _, [
+      (n(!0), d(s, null, g(t.sorters, (l) => (n(), d(s, {
+        key: l.model
+      }, [
+        h(C, {
+          modelValue: o.value[l.model],
+          "onUpdate:modelValue": (r) => o.value[l.model] = r,
+          label: l.label,
+          onChange: (r) => p(l.model, r)
+        }, null, 8, ["modelValue", "onUpdate:modelValue", "label", "onChange"]),
+        e[0] || (e[0] = v("div", { class: "zl-sorter-list__separator" }, null, -1))
+      ], 64))), 128))
+    ]));
+  }
+});
+export {
+  L as default
+};
+//# sourceMappingURL=ZlSorterList2.vue.mjs.map

package/dist/components/ZlSorter/index.css

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

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

@@ -0,0 +1,31 @@
+type __VLS_Props = {
+    label?: string;
+};
+type __VLS_PublicProps = {
+    modelValue?: '' | 'asc' | 'desc';
+} & __VLS_Props;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLSpanElement;
+};
+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: "" | "desc" | "asc") => any;
+} & {
+    change: (value: "" | "desc" | "asc") => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onChange?: ((value: "" | "desc" | "asc") => any) | undefined;
+    "onUpdate:modelValue"?: ((value: "" | "desc" | "asc") => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLSpanElement>;
+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/ZlSorter/index.vue.mjs

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

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

@@ -0,0 +1,46 @@
+import { defineComponent as u, useModel as m, openBlock as p, createElementBlock as f, createElementVNode as t, normalizeClass as a, renderSlot as v, createTextVNode as _, toDisplayString as V, createVNode as o, mergeModels as c } from "vue";
+import n from "../ZlIcon/index.vue.mjs";
+const z = { class: "zl-sorter__icon" }, k = /* @__PURE__ */ u({
+  name: "ZlSorter",
+  __name: "index",
+  props: /* @__PURE__ */ c({
+    label: {}
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ c(["change"], ["update:modelValue"]),
+  setup(s, { emit: r }) {
+    const i = r, e = m(s, "modelValue");
+    function d() {
+      let l = "asc";
+      e.value === "asc" ? l = "desc" : e.value === "desc" && (l = ""), e.value = l, i("change", l);
+    }
+    return (l, b) => (p(), f("span", {
+      class: "zl-sorter",
+      onClick: d
+    }, [
+      t("span", {
+        class: a(["zl-sorter__label", { active: e.value === "desc" || e.value === "asc" }])
+      }, [
+        v(l.$slots, "default", {}, () => [
+          _(V(s.label), 1)
+        ], !0)
+      ], 2),
+      t("span", z, [
+        o(n, {
+          icon: "zl:caret-top",
+          class: a({ active: e.value === "asc" })
+        }, null, 8, ["class"]),
+        o(n, {
+          icon: "zl:caret-bottom",
+          class: a({ active: e.value === "desc" })
+        }, null, 8, ["class"])
+      ])
+    ]));
+  }
+});
+export {
+  k as default
+};
+//# sourceMappingURL=index2.vue.mjs.map

package/dist/components/ZlSwitch/index.css

@@ -0,0 +1 @@
+.zl-switch{display:flex;align-items:center}.zl-switch__text{white-space:nowrap;margin-left:8px;color:var(--zl-text-2);font-size:12px;line-height:20px}.zl-switch__text--checked{color:var(--zl-primary-6, var(--el-color-primary))}

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

@@ -0,0 +1,35 @@
+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(): {
+    attrs: Partial<{}>;
+    slots: {
+        checked?(_: {}): any;
+        unchecked?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: string | number | boolean) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | number | boolean) => any) | undefined;
+}>, {
+    defaultChecked: boolean;
+    checkedValue: boolean | string | number;
+    uncheckedValue: boolean | string | number;
+}, {}, {}, {}, 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/ZlSwitch/index.vue.mjs

@@ -0,0 +1,47 @@
+import { defineComponent as V, ref as f, computed as d, resolveComponent as x, openBlock as n, createElementBlock as u, createVNode as C, mergeProps as T, normalizeClass as g, renderSlot as s, createTextVNode as h, toDisplayString as m, createCommentVNode as w } from "vue";
+const y = { class: "zl-switch" }, N = /* @__PURE__ */ V({
+  name: "ZlSwitch",
+  inheritAttrs: !1,
+  __name: "index",
+  props: {
+    modelValue: { type: [Boolean, String, Number] },
+    defaultChecked: { type: Boolean, default: !1 },
+    checkedValue: { type: [Boolean, String, Number], default: !0 },
+    uncheckedValue: { type: [Boolean, String, Number], default: !1 },
+    checkedText: {},
+    uncheckedText: {}
+  },
+  emits: ["update:modelValue"],
+  setup(l, { emit: r }) {
+    const e = l, i = r, o = f(e.defaultChecked ? e.checkedValue : e.uncheckedValue), k = d(() => e.modelValue ?? o.value), c = d(() => k.value === e.checkedValue);
+    function p(t) {
+      const a = t ? e.checkedValue : e.uncheckedValue;
+      o.value = a, i("update:modelValue", a);
+    }
+    return (t, a) => {
+      const v = x("el-switch");
+      return n(), u("span", y, [
+        C(v, T(t.$attrs, {
+          "model-value": c.value,
+          "active-value": !0,
+          "inactive-value": !1,
+          "onUpdate:modelValue": p
+        }), null, 16, ["model-value"]),
+        t.$slots.checked || l.checkedText || t.$slots.unchecked || l.uncheckedText ? (n(), u("span", {
+          key: 0,
+          class: g(["zl-switch__text", { "zl-switch__text--checked": c.value }])
+        }, [
+          c.value ? s(t.$slots, "checked", {}, () => [
+            h(m(l.checkedText), 1)
+          ], void 0, 0) : s(t.$slots, "unchecked", {}, () => [
+            h(m(l.uncheckedText), 1)
+          ], void 0, 1)
+        ], 2)) : w("", !0)
+      ]);
+    };
+  }
+});
+export {
+  N as default
+};
+//# sourceMappingURL=index.vue.mjs.map

package/dist/components/ZlSwitch/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/ZlTable/index.css

@@ -0,0 +1 @@
+.zl-table{display:flex;flex-direction:column;height:100%}.zl-table__inner{flex:1}.zl-table .zl-action-list{color:var(--zl-text-1)}

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

@@ -0,0 +1,51 @@
+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;
+    pagination?: Record<string, any> | boolean;
+    /** 表格 loading（作用于表格区） */
+    loading?: boolean;
+}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "page-change": (pageNum: number) => any;
+    "page-size-change": (pageSize: number) => any;
+    "pagination-change": (payload: {
+        pageNum: number;
+        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;
+    pagination?: Record<string, any> | boolean;
+    /** 表格 loading（作用于表格区） */
+    loading?: boolean;
+}> & Readonly<{
+    "onPage-change"?: ((pageNum: number) => any) | undefined;
+    "onPage-size-change"?: ((pageSize: number) => any) | undefined;
+    "onPagination-change"?: ((payload: {
+        pageNum: number;
+        pageSize: number;
+    }) => any) | undefined;
+}>, {
+    loading: boolean;
+    dataKey: string;
+    expandAction: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    tableRef: unknown;
+}, any>, Partial<Record<any, (_: any) => any>> & Partial<Record<any, (_: any) => any>> & {
+    expand?(_: any): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=index.vue.d.ts.map

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

@@ -0,0 +1,121 @@
+import { defineComponent as T, ref as j, toRef as y, computed as P, resolveComponent as w, resolveDirective as D, openBlock as o, createElementBlock as k, withDirectives as K, createBlock as f, mergeProps as i, unref as l, withCtx as c, renderSlot as h, normalizeProps as O, guardReactiveProps as V, createCommentVNode as v, Fragment as Z, renderList as E, createSlots as F, createTextVNode as I, toDisplayString as L } from "vue";
+import q from "../ZlAction/List.vue.mjs";
+import '../ZlAction/List.css';/* empty css                     */
+import G from "../ZlPagination/index.vue.mjs";
+import { useTablePagination as H } from "./useTablePagination.mjs";
+const J = { class: "zl-table" }, M = { inheritAttrs: !1 }, ee = /* @__PURE__ */ T({
+  ...M,
+  name: "ZlTable",
+  __name: "index",
+  props: {
+    columns: {},
+    data: {},
+    dataKey: { default: "rows" },
+    expandAction: { type: Boolean, default: !1 },
+    pagination: { type: [Object, Boolean] },
+    loading: { type: Boolean, default: !1 }
+  },
+  emits: ["pagination-change", "page-change", "page-size-change"],
+  setup(u, { expose: C, emit: S }) {
+    const g = u, N = S, _ = j(null), { data: m, pagination: s, onPageChange: x, onPageSizeChange: z } = H({
+      data: y(g, "data"),
+      pagination: y(g, "pagination"),
+      dataKey: g.dataKey,
+      emit: N
+    }), A = P(() => {
+      const a = typeof s.value == "object" ? s.value.total : void 0;
+      return typeof a == "number" ? a : m.value?.length ?? 0;
+    }), $ = P(() => g.columns.map((a) => {
+      const { label: r, prop: n, slot: d, actions: p, title: e, dataIndex: t, columnSlot: B, ellipsis: b, ...R } = a;
+      return {
+        label: r || e,
+        prop: n || t,
+        slotName: (typeof d == "string" ? d : void 0) || (d || Array.isArray(p) ? n || t : void 0),
+        headerSlotName: B ? `header-${t || n}` : void 0,
+        actions: Array.isArray(p) ? p : void 0,
+        actionProps: a.actionProps,
+        // arco 列属性兼容映射：ellipsis → EP showOverflowTooltip
+        rest: { ...b !== void 0 ? { showOverflowTooltip: b !== !1 } : {}, ...R }
+      };
+    }));
+    return C(
+      new Proxy({}, {
+        get(a, r) {
+          return _.value?.[r];
+        },
+        has(a, r) {
+          return r in (_.value ?? {});
+        }
+      })
+    ), (a, r) => {
+      const n = w("el-table-column"), d = w("el-table"), p = D("loading");
+      return o(), k("div", J, [
+        K((o(), f(d, i({
+          ref_key: "tableRef",
+          ref: _,
+          class: "zl-table__inner"
+        }, { border: !1, ...a.$attrs }, { data: l(m) }), {
+          default: c(() => [
+            a.$slots.expand ? (o(), f(n, {
+              key: 0,
+              type: "expand"
+            }, {
+              default: c((e) => [
+                h(a.$slots, "expand", O(V(e)))
+              ]),
+              _: 3
+            })) : v("", !0),
+            (o(!0), k(Z, null, E($.value, (e) => (o(), f(n, i({
+              key: e.prop ?? e.label,
+              label: e.label,
+              prop: e.prop
+            }, { ref_for: !0 }, e.rest, {
+              width: e.actions ? e.rest.width ?? (u.expandAction ? 120 : 80) : e.rest.width,
+              align: e.actions ? e.rest.align ?? "center" : e.rest.align
+            }), F({ _: 2 }, [
+              e.headerSlotName ? {
+                name: "header",
+                fn: c((t) => [
+                  h(a.$slots, e.headerSlotName, i({ ref_for: !0 }, t))
+                ]),
+                key: "0"
+              } : void 0,
+              e.slotName || e.actions ? {
+                name: "default",
+                fn: c((t) => [
+                  e.actions ? (o(), f(q, i({
+                    key: 0,
+                    ref_for: !0
+                  }, e.actionProps, {
+                    actions: e.actions,
+                    "visible-args": [t.row, t],
+                    "action-args": [t.row, t],
+                    "icon-more": { darkSurface: !0 }
+                  }), null, 16, ["actions", "visible-args", "action-args"])) : e.slotName ? h(a.$slots, e.slotName, i({ ref_for: !0 }, t), () => [
+                    I(L(e.prop ? t.row[e.prop] : ""), 1)
+                  ], void 0, 1) : v("", !0)
+                ]),
+                key: "1"
+              } : void 0
+            ]), 1040, ["label", "prop", "width", "align"]))), 128))
+          ]),
+          _: 3
+        }, 16, ["data"])), [
+          [p, u.loading]
+        ]),
+        l(s) !== !1 ? (o(), f(G, i({
+          key: 0,
+          class: "zl-table__pagination"
+        }, typeof l(s) == "object" ? l(s) : {}, {
+          total: A.value,
+          onPageChange: l(x),
+          onPageSizeChange: l(z)
+        }), null, 16, ["total", "onPageChange", "onPageSizeChange"])) : v("", !0)
+      ]);
+    };
+  }
+});
+export {
+  ee as default
+};
+//# sourceMappingURL=index.vue.mjs.map