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

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

@@ -0,0 +1,14 @@
+import { defineComponent as e, openBlock as o, createBlock as n } from "vue";
+import r from "../ZlIconLabel/index.vue.mjs";
+import '../ZlIconLabel/index.css';/* empty css                         */
+const i = /* @__PURE__ */ e({
+  name: "ZlIconHover",
+  __name: "index",
+  setup(t) {
+    return (c, m) => (o(), n(r));
+  }
+});
+export {
+  i as default
+};
+//# sourceMappingURL=index.vue.mjs.map

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

@@ -0,0 +1,5 @@
+import f from "./index.vue.mjs";
+export {
+  f as default
+};
+//# sourceMappingURL=index2.vue.mjs.map

package/dist/components/ZlIconLabel/index.css

@@ -0,0 +1 @@
+.zl-icon-label{padding:2px 4px;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:12px;line-height:20px}.zl-icon-label__label{margin-left:4px}.zl-icon-label:hover{background-color:var(--zl-fill-2)}.zl-icon-label.only-icon{padding:2px;width:16px;height:16px;border-radius:50%}.zl-icon-label.dark-surface:hover{background-color:var(--zl-fill-3)}

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

@@ -0,0 +1,28 @@
+type __VLS_Props = {
+    /** 深色表面（悬浮背景更深） */
+    darkSurface?: boolean;
+};
+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_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    click: (event: MouseEvent) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClick?: ((event: MouseEvent) => any) | undefined;
+}>, {
+    darkSurface: 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/ZlIconLabel/index.vue.mjs

@@ -0,0 +1,31 @@
+import { defineComponent as r, resolveComponent as c, openBlock as o, createElementBlock as n, normalizeClass as i, createVNode as d, mergeProps as m, renderSlot as f, createCommentVNode as u } from "vue";
+const p = {
+  key: 0,
+  class: "zl-icon-label__label"
+}, _ = /* @__PURE__ */ r({
+  name: "ZlIconLabel",
+  inheritAttrs: !1,
+  __name: "index",
+  props: {
+    darkSurface: { type: Boolean, default: !1 }
+  },
+  emits: ["click"],
+  setup(a) {
+    return (e, l) => {
+      const s = c("zl-icon");
+      return o(), n("div", {
+        class: i(["zl-icon-label", { "dark-surface": a.darkSurface, "only-icon": !e.$slots.default }]),
+        onClick: l[0] || (l[0] = (t) => e.$emit("click", t))
+      }, [
+        d(s, m({ class: "zl-icon-label__icon" }, e.$attrs), null, 16),
+        e.$slots.default ? (o(), n("span", p, [
+          f(e.$slots, "default")
+        ])) : u("", !0)
+      ], 2);
+    };
+  }
+});
+export {
+  _ as default
+};
+//# sourceMappingURL=index.vue.mjs.map

package/dist/components/ZlIconLabel/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/ZlLayoutSwitch/index.css

@@ -0,0 +1 @@
+.zl-layout-switch .el-radio-button[data-v-564f8aa8]{line-height:1;font-size:14px;padding:9px}

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

@@ -0,0 +1,15 @@
+type __VLS_Props = {
+    value?: 'grid' | 'table';
+};
+type __VLS_PublicProps = {
+    'modelValue'?: 'grid' | 'table';
+} & __VLS_Props;
+declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: "table" | "grid") => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: "table" | "grid") => any) | undefined;
+}>, {
+    value: "grid" | "table";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;
+//# sourceMappingURL=index.vue.d.ts.map

package/dist/components/ZlLayoutSwitch/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-564f8aa8"]]);
+export {
+  m as default
+};
+//# sourceMappingURL=index.vue.mjs.map

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

@@ -0,0 +1,48 @@
+import { defineComponent as s, computed as v, useModel as p, resolveComponent as n, openBlock as l, createBlock as r, withCtx as d, createElementBlock as _, Fragment as f, renderList as b, createVNode as g, mergeModels as w } from "vue";
+import { useZlT as y } from "@zl-ui-kit/composables";
+import V from "../ZlIcon/index.vue.mjs";
+const B = /* @__PURE__ */ s({
+  name: "ZlLayoutSwitch",
+  __name: "index",
+  props: /* @__PURE__ */ w({
+    value: { default: "grid" }
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(o) {
+    const { t } = y(), i = v(() => [
+      { label: t("zl.layoutSwitch.grid", "网格"), value: "grid", icon: "menu-card" },
+      { label: t("zl.layoutSwitch.table", "表格"), value: "table", icon: "menu-list" }
+    ]), a = p(o, "modelValue");
+    return (h, u) => {
+      const m = n("el-radio-button"), c = n("el-radio-group");
+      return l(), r(c, {
+        class: "zl-layout-switch",
+        "model-value": a.value ?? o.value,
+        "onUpdate:modelValue": u[0] || (u[0] = (e) => a.value = e)
+      }, {
+        default: d(() => [
+          (l(!0), _(f, null, b(i.value, (e) => (l(), r(m, {
+            key: e.value,
+            value: e.value,
+            title: e.label
+          }, {
+            default: d(() => [
+              g(V, {
+                icon: `zl:${e.icon}`
+              }, null, 8, ["icon"])
+            ]),
+            _: 2
+          }, 1032, ["value", "title"]))), 128))
+        ]),
+        _: 1
+      }, 8, ["model-value"]);
+    };
+  }
+});
+export {
+  B as default
+};
+//# sourceMappingURL=index2.vue.mjs.map

package/dist/components/ZlLogin/components/LoginForm.css

@@ -0,0 +1 @@
+.zl-login__action[data-v-2e319ae5]{margin-top:15px}[data-v-2e319ae5] .el-form-item{margin-bottom:20px}

package/dist/components/ZlLogin/components/LoginForm.vue.d.ts

@@ -0,0 +1,73 @@
+type __VLS_Props = {
+    onSubmit?: (form: Record<string, any>) => Promise<void> | void;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        action?(_: {}): any;
+    };
+    refs: {
+        formRef: unknown;
+        slideCheckerRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+            modelValue?: boolean;
+        }> & Readonly<{
+            "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+        }>, {
+            reset: () => void;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            "update:modelValue": (value: boolean) => any;
+        }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+            sliderChecker: HTMLDivElement;
+        }, HTMLDivElement, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<{
+            modelValue?: boolean;
+        }> & Readonly<{
+            "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+        }>, {
+            reset: () => void;
+        }, {}, {}, {}, {}> | null;
+    };
+    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<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    formRef: unknown;
+    slideCheckerRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+        modelValue?: boolean;
+    }> & Readonly<{
+        "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    }>, {
+        reset: () => void;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        "update:modelValue": (value: boolean) => any;
+    }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+        sliderChecker: HTMLDivElement;
+    }, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{
+        modelValue?: boolean;
+    }> & Readonly<{
+        "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    }>, {
+        reset: () => void;
+    }, {}, {}, {}, {}> | null;
+}, 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=LoginForm.vue.d.ts.map

package/dist/components/ZlLogin/components/LoginForm.vue.mjs

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

package/dist/components/ZlLogin/components/LoginForm2.vue.mjs

@@ -0,0 +1,105 @@
+import { defineComponent as y, ref as m, reactive as z, computed as V, resolveComponent as d, openBlock as _, createBlock as C, withModifiers as S, withCtx as n, createVNode as t, unref as s, createTextVNode as R, toDisplayString as q, createElementBlock as P, renderSlot as x, createCommentVNode as B } from "vue";
+import { useZlT as F } from "@zl-ui-kit/composables";
+import L from "./SlideChecker.vue.mjs";
+const N = {
+  key: 0,
+  class: "zl-login__action"
+}, $ = /* @__PURE__ */ y({
+  name: "ZlLoginForm",
+  __name: "LoginForm",
+  props: {
+    onSubmit: { type: Function }
+  },
+  setup(h) {
+    const { t: e } = F(), p = h, c = m(), l = z({}), b = V(() => ({
+      username: [{ required: !0, message: e("zl.login.usernamePlaceholder", "请输入用户名") }],
+      password: [{ required: !0, message: e("zl.login.passwordPlaceholder", "请输入密码") }],
+      slideChecked: [{ type: "boolean", required: !0, message: e("zl.login.slideRequired", "请将滑块移至右侧") }]
+    })), f = m(null), i = m(!1);
+    async function v() {
+      try {
+        if (await f.value?.validate().catch((o) => o) !== !0)
+          return;
+        i.value = !0, p.onSubmit && await p.onSubmit(l), i.value = !1;
+      } catch (r) {
+        i.value = !1, c.value?.reset(), console.error("Login Submit: ", r);
+      }
+    }
+    return (r, o) => {
+      const g = d("el-input"), u = d("el-form-item"), w = d("el-button"), k = d("el-form");
+      return _(), C(k, {
+        ref_key: "formRef",
+        ref: f,
+        model: l,
+        rules: b.value,
+        "label-position": "top",
+        onSubmit: S(v, ["prevent"])
+      }, {
+        default: n(() => [
+          t(u, {
+            label: s(e)("zl.login.username", "用户名"),
+            prop: "username"
+          }, {
+            default: n(() => [
+              t(g, {
+                modelValue: l.username,
+                "onUpdate:modelValue": o[0] || (o[0] = (a) => l.username = a),
+                placeholder: s(e)("zl.login.usernamePlaceholder", "请输入用户名"),
+                size: "large"
+              }, null, 8, ["modelValue", "placeholder"])
+            ]),
+            _: 1
+          }, 8, ["label"]),
+          t(u, {
+            label: s(e)("zl.login.password", "密码"),
+            prop: "password"
+          }, {
+            default: n(() => [
+              t(g, {
+                modelValue: l.password,
+                "onUpdate:modelValue": o[1] || (o[1] = (a) => l.password = a),
+                type: "password",
+                placeholder: s(e)("zl.login.passwordPlaceholder", "请输入密码"),
+                size: "large",
+                "show-password": ""
+              }, null, 8, ["modelValue", "placeholder"])
+            ]),
+            _: 1
+          }, 8, ["label"]),
+          t(u, { prop: "slideChecked" }, {
+            default: n(() => [
+              t(L, {
+                ref_key: "slideCheckerRef",
+                ref: c,
+                modelValue: l.slideChecked,
+                "onUpdate:modelValue": o[2] || (o[2] = (a) => l.slideChecked = a)
+              }, null, 8, ["modelValue"])
+            ]),
+            _: 1
+          }),
+          t(w, {
+            type: "primary",
+            "native-type": "submit",
+            size: "large",
+            loading: i.value,
+            class: "zl-login__submit",
+            style: { width: "100%", "margin-top": "20px" }
+          }, {
+            default: n(() => [
+              R(q(s(e)("zl.login.submit", "登 录")), 1)
+            ]),
+            _: 1
+          }, 8, ["loading"]),
+          r.$slots.action ? (_(), P("div", N, [
+            x(r.$slots, "action", {}, void 0, !0)
+          ])) : B("", !0)
+        ]),
+        _: 3
+      }, 8, ["model", "rules"]);
+    };
+  }
+});
+export {
+  $ as default
+};
+//# sourceMappingURL=LoginForm2.vue.mjs.map

package/dist/components/ZlLogin/components/SlideChecker.css

@@ -0,0 +1 @@
+.slide-checker[data-v-31bd8793]{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:32px;background-color:var(--slider-check-bg-color);pointer-events:none;--slider-check-bg-color: var(--zl-fill-3);--slider-check-progress: 0px;--slider-check-success-color: var(--zl-success-6, var(--el-color-success));--slider-check-trigger-border-color: var(--slider-check-bg-color);--slider-check-trigger-color: var(--zl-text-3)}.slide-checker__progress[data-v-31bd8793]{position:absolute;top:0;left:0;width:var(--slider-check-progress);background-color:var(--slider-check-success-color);height:100%;opacity:.2}.slide-checker__trigger[data-v-31bd8793]{position:absolute;left:var(--slider-check-progress);top:0;height:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:var(--zl-bg-1, #fff);border:1px solid var(--slider-check-trigger-border-color);cursor:grab;pointer-events:auto;color:var(--slider-check-trigger-color)}.slide-checker__text[data-v-31bd8793]{font-size:12px;color:var(--zl-text-3);user-select:none}.slide-checker.is-checked[data-v-31bd8793]{--slider-check-bg-color: var(--slider-check-success-color)}.slide-checker.is-checked .slide-checker__text[data-v-31bd8793]{color:#fff}.slide-checker.is-checked .slide-checker__trigger[data-v-31bd8793]{border-color:transparent;color:var(--slider-check-success-color);pointer-events:none}

package/dist/components/ZlLogin/components/SlideChecker.vue.d.ts

@@ -0,0 +1,15 @@
+declare function reset(): void;
+type __VLS_PublicProps = {
+    modelValue?: boolean;
+};
+declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
+    reset: typeof reset;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    sliderChecker: HTMLDivElement;
+}, HTMLDivElement>;
+export default _default;
+//# sourceMappingURL=SlideChecker.vue.d.ts.map

package/dist/components/ZlLogin/components/SlideChecker.vue.mjs

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

package/dist/components/ZlLogin/components/SlideChecker2.vue.mjs

@@ -0,0 +1,58 @@
+import { defineComponent as x, useModel as y, ref as C, openBlock as M, createElementBlock as L, normalizeClass as X, createElementVNode as c, createVNode as w, toDisplayString as z, unref as a, nextTick as B } from "vue";
+import { useZlT as S } from "@zl-ui-kit/composables";
+import T from "../../ZlIcon/index.vue.mjs";
+const V = { class: "slide-checker__text" }, R = /* @__PURE__ */ x({
+  name: "SlideChecker",
+  __name: "SlideChecker",
+  props: {
+    modelValue: { type: Boolean },
+    modelModifiers: {}
+  },
+  emits: ["update:modelValue"],
+  setup(p, { expose: h }) {
+    const { t: l } = S(), e = y(p, "modelValue"), i = C();
+    function v() {
+      e.value = !1, i.value?.style.setProperty("--slider-check-progress", "0px");
+    }
+    function g(n) {
+      if (e.value)
+        return;
+      const t = n.currentTarget, s = t.parentElement, f = s.getBoundingClientRect().width, k = t.getBoundingClientRect().width, _ = n.touches?.[0]?.clientX || n.clientX, d = f - k, r = (u) => {
+        const E = u.touches?.[0]?.clientX || u.clientX, m = Math.min(
+          d,
+          Math.max(0, E - _)
+        );
+        s.style.setProperty(
+          "--slider-check-progress",
+          `${m}px`
+        ), m === d && (e.value = !0, B(() => {
+          o();
+        }));
+      };
+      function o() {
+        document.removeEventListener("mousemove", r), document.removeEventListener("mouseup", o), document.removeEventListener("touchmove", r), document.removeEventListener("touchend", o), e.value || s.style.setProperty("--slider-check-progress", "0px");
+      }
+      document.addEventListener("mousemove", r), document.addEventListener("mouseup", o), document.addEventListener("touchmove", r), document.addEventListener("touchend", o);
+    }
+    return h({ reset: v }), (n, t) => (M(), L("div", {
+      ref_key: "sliderChecker",
+      ref: i,
+      class: X(["slide-checker", { "is-checked": e.value }])
+    }, [
+      t[0] || (t[0] = c("div", { class: "slide-checker__progress" }, null, -1)),
+      c("div", {
+        class: "slide-checker__trigger",
+        onMousedown: g
+      }, [
+        w(T, {
+          icon: e.value ? "zl:correct-fill" : "zl:d-arrow-right"
+        }, null, 8, ["icon"])
+      ], 32),
+      c("div", V, z(e.value ? a(l)("zl.login.slideSuccess", "验证通过") : a(l)("zl.login.slideText", "请滑动到右侧")), 1)
+    ], 2));
+  }
+});
+export {
+  R as default
+};
+//# sourceMappingURL=SlideChecker2.vue.mjs.map

package/dist/components/ZlLogin/index.css

@@ -0,0 +1 @@
+.zl-login{position:relative;width:100%;height:100%;overflow:hidden;user-select:none}.zl-login--center .zl-login__bg{filter:blur(10px)}.zl-login--center .zl-login__container{padding-right:0;justify-content:center}.zl-login--center .zl-login__box{background:var(--zl-bg-1, #fff)}.zl-login--center .zl-login__box-bg{display:block}.zl-login__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.zl-login__slogan{position:fixed;top:min(40px,4vh);left:min(70px,4vw)}.zl-login__container{width:100%;height:100%;display:flex;align-items:center;justify-content:flex-end;padding-right:160px;overflow:auto}.zl-login__box{width:400px;background:#ffffffeb;backdrop-filter:blur(8px);padding:50px 70px 80px}.zl-login__box-bg{display:none;width:400px}.zl-login__box-bg img{width:100%;height:100%;object-fit:cover;object-position:left center}.zl-login__box-wrap{border-radius:var(--zl-radius-medium, 4px);box-shadow:0 8px 20px #242e434d;display:flex;align-items:stretch;z-index:1}.zl-login__title{font-size:24px;line-height:32px;font-weight:600;color:var(--zl-text-1);margin-bottom:12px}.zl-login__welcome{font-size:16px;vertical-align:baseline;line-height:24px;margin-bottom:30px}.zl-login__welcome span{display:inline-block;font-size:12px;color:var(--zl-primary-6, var(--el-color-primary));font-weight:600}.zl-login__action{margin-top:15px}

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

@@ -0,0 +1,33 @@
+export interface ZlLoginConfig {
+    /** 系统标题 */
+    title?: string;
+    /** 背景（图片或 mp4/webm 视频）地址，默认内置动效背景 */
+    bg?: string;
+    /** 布局形态：右置（默认）/ center 居中 */
+    type?: 'center';
+}
+type __VLS_Props = {
+    onSubmit?: (form: Record<string, any>) => Promise<void> | void;
+    config?: ZlLoginConfig;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        slogan?(_: {}): any;
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+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<{}>, {
+    config: ZlLoginConfig;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+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/ZlLogin/index.vue.mjs

@@ -0,0 +1,63 @@
+import { defineComponent as _, computed as c, openBlock as n, createElementBlock as i, normalizeClass as m, createElementVNode as o, renderSlot as a, createTextVNode as f, toDisplayString as r, unref as v, createVNode as p } from "vue";
+import { useZlT as b } from "@zl-ui-kit/composables";
+import z from "./components/LoginForm.vue.mjs";
+const h = ["src"], x = ["src"], y = { class: "zl-login__slogan" }, k = { class: "zl-login__container" }, w = { class: "zl-login__box-wrap" }, S = { class: "zl-login__box-bg" }, V = ["src"], B = { class: "zl-login__box" }, E = { class: "zl-login__welcome" }, C = /* @__PURE__ */ _({
+  name: "ZlLogin",
+  __name: "index",
+  props: {
+    onSubmit: {},
+    config: { default: () => ({}) }
+  },
+  setup(l) {
+    const { t: d } = b(), g = l, e = c(() => g.config.bg || ""), u = c(() => {
+      if (!e.value)
+        return !1;
+      const s = ["mp4", "webm"], t = e.value.split(".").pop();
+      return s.includes(t);
+    });
+    return (s, t) => (n(), i("div", {
+      class: m(["zl-login", { [`zl-login--${l.config.type}`]: l.config.type }])
+    }, [
+      u.value ? (n(), i("video", {
+        key: 0,
+        src: e.value,
+        class: "zl-login__bg",
+        autoplay: "",
+        muted: "",
+        loop: ""
+      }, null, 8, h)) : (n(), i("img", {
+        key: 1,
+        class: "zl-login__bg",
+        src: e.value,
+        alt: ""
+      }, null, 8, x)),
+      o("div", y, [
+        a(s.$slots, "slogan")
+      ]),
+      o("div", k, [
+        o("div", w, [
+          o("div", S, [
+            o("img", {
+              src: e.value,
+              alt: ""
+            }, null, 8, V)
+          ]),
+          o("div", B, [
+            t[0] || (t[0] = o("div", { class: "zl-login__title" }, " Hello！ ", -1)),
+            o("div", E, [
+              f(r(v(d)("zl.login.welcome", "欢迎登录")) + " ", 1),
+              o("span", null, r(l.config.title), 1)
+            ]),
+            a(s.$slots, "default", {}, () => [
+              p(z, { "on-submit": l.onSubmit }, null, 8, ["on-submit"])
+            ])
+          ])
+        ])
+      ])
+    ], 2));
+  }
+});
+export {
+  C as default
+};
+//# sourceMappingURL=index.vue.mjs.map

package/dist/components/ZlLogin/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/ZlPagination/index.css

@@ -0,0 +1 @@
+.zl-pagination[data-v-577329bd]{padding:6px 16px;background-color:var(--zl-fill-1, #f9fbfd)}

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

@@ -0,0 +1,17 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    change: (payload: {
+        pageNum: number;
+        pageSize: number;
+    }) => any;
+    "page-change": (pageNum: number) => any;
+    "page-size-change": (pageSize: number) => any;
+}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{
+    onChange?: ((payload: {
+        pageNum: number;
+        pageSize: number;
+    }) => any) | undefined;
+    "onPage-change"?: ((pageNum: number) => any) | undefined;
+    "onPage-size-change"?: ((pageSize: number) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;
+//# sourceMappingURL=index.vue.d.ts.map

package/dist/components/ZlPagination/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-577329bd"]]);
+export {
+  m as default
+};
+//# sourceMappingURL=index.vue.mjs.map

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

@@ -0,0 +1,43 @@
+import { defineComponent as f, useAttrs as z, ref as p, watch as r, computed as v, resolveComponent as _, openBlock as h, createBlock as S, mergeProps as d, createCommentVNode as C } from "vue";
+import { usePagination as N } from "./usePagination.mjs";
+const B = /* @__PURE__ */ f({
+  name: "ZlPagination",
+  __name: "index",
+  emits: ["change", "page-change", "page-size-change"],
+  setup(P, { emit: c }) {
+    const t = c, a = z(), n = N(() => a), i = p(a.pageNum ?? (n.value === !1 ? void 0 : n.value.currentPage) ?? 1), u = p(a.pageSize ?? (n.value === !1 ? void 0 : n.value.pageSize) ?? 30);
+    r(() => a.pageNum ?? a.currentPage, (e) => {
+      e != null && (i.value = e);
+    }), r(() => a.pageSize, (e) => {
+      e != null && (u.value = e);
+    });
+    function s(e) {
+      i.value = e, t("change", { pageNum: e, pageSize: u.value }), t("page-change", e);
+    }
+    function l(e) {
+      u.value = e, i.value = 1, t("change", { pageNum: 1, pageSize: e }), t("page-size-change", e);
+    }
+    const o = v(() => {
+      if (n.value === !1)
+        return !1;
+      const { currentPage: e, pageSize: m, ...g } = n.value;
+      return g;
+    });
+    return (e, m) => {
+      const g = _("el-pagination");
+      return o.value !== !1 ? (h(), S(g, d({
+        key: 0,
+        class: "zl-pagination"
+      }, o.value, {
+        "current-page": i.value,
+        "page-size": u.value,
+        onCurrentChange: s,
+        onSizeChange: l
+      }), null, 16, ["current-page", "page-size"])) : C("", !0);
+    };
+  }
+});
+export {
+  B as default
+};
+//# sourceMappingURL=index2.vue.mjs.map