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

package/dist/components/ZlTable/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/useTablePagination.d.ts

@@ -0,0 +1,29 @@
+import { Ref } from 'vue';
+import { PaginationProps } from '../ZlPagination/usePagination';
+export interface TablePaginationEmits {
+    (e: 'pagination-change', payload: {
+        pageNum: number;
+        pageSize: number;
+    }): void;
+    (e: 'page-change', pageNum: number): void;
+    (e: 'page-size-change', pageSize: number): void;
+}
+export declare function useTablePagination(options: {
+    data: Ref<any[] | Record<string, any>>;
+    pagination: Ref<PaginationProps | boolean | undefined>;
+    dataKey: string;
+    emit: TablePaginationEmits;
+}): {
+    pagination: import('vue').ComputedRef<false | ({
+        layout: string;
+        currentPage: number;
+        pageSize: number;
+        pageSizes: number[];
+        total?: number;
+        size: string;
+    } & Record<string, any>)>;
+    data: Ref<any[], any[]>;
+    onPageSizeChange: (pageSize: number) => void;
+    onPageChange: (pageNum: number) => void;
+};
+//# sourceMappingURL=useTablePagination.d.ts.map

package/dist/components/ZlTable/useTablePagination.mjs

@@ -0,0 +1,27 @@
+import { isArray as P, isPlainObject as d } from "@zl-ui-kit/utils";
+import { ref as r, computed as h, watch as z } from "vue";
+import { usePagination as b } from "../ZlPagination/usePagination.mjs";
+function C(c) {
+  const { data: s, pagination: u, dataKey: p, emit: n } = c, g = b(() => u.value === void 0 ? {} : u.value), t = r([]), e = r({}), i = h(() => g.value ? Object.assign({}, g.value, e.value) : !1);
+  z(s, (a) => {
+    if (P(a))
+      t.value = a;
+    else if (d(a)) {
+      t.value = a[p] ?? [];
+      const { pageNum: o, pageSize: m, total: v } = a;
+      e.value = { currentPage: o, pageSize: m, total: v };
+    }
+  }, { immediate: !0 });
+  function l(a) {
+    const o = (i.value === !1 ? 30 : i.value.pageSize) ?? 30;
+    n("pagination-change", { pageNum: a, pageSize: o }), n("page-change", a), e.value.currentPage = a;
+  }
+  function f(a) {
+    n("pagination-change", { pageNum: 1, pageSize: a }), n("page-size-change", a), e.value.currentPage = 1, e.value.pageSize = a;
+  }
+  return { pagination: i, data: t, onPageSizeChange: f, onPageChange: l };
+}
+export {
+  C as useTablePagination
+};
+//# sourceMappingURL=useTablePagination.mjs.map

package/dist/components/ZlTabs/index.css

@@ -0,0 +1 @@
+.zl-tabs-wrap{position:relative;width:100%}.zl-tabs-wrap>.zl-tabs__extra,.zl-tabs-wrap [slot=extra]{position:absolute;top:6px;right:12px;z-index:1}.zl-tabs{--nav-bg: var(--zl-fill-1, #f9fbfd)}.zl-tabs-dark-nav.zl-tabs>.el-tabs__header{background-color:var(--nav-bg);margin-bottom:0}.zl-tabs-no-border .el-tabs__nav-wrap:after{display:none}.zl-tabs-fit{height:100%;display:flex;flex-direction:column}.zl-tabs-fit .el-tabs__content{flex:1;overflow:auto}.zl-tabs .el-tabs__item{font-weight:400;font-size:12px;line-height:20px;padding:0 16px}.zl-tabs .el-tabs__item.is-active{font-weight:600;color:var(--zl-text-1, #242e43)}

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

@@ -0,0 +1,42 @@
+/**
+ * 标签页（el-tabs 封装）：tabs schema 驱动，每 tab 内容经具名插槽（#tab.key）渲染
+ * EP 映射：tab.key→el-tab-pane name、tab.title→label、lazyLoad→lazy
+ */
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    tabs: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    border: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    fit: BooleanConstructor;
+    darkNav: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => 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<{
+    tabs: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    border: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    fit: BooleanConstructor;
+    darkNav: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    border: boolean;
+    fit: boolean;
+    tabs: unknown[];
+    darkNav: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;
+//# sourceMappingURL=index.vue.d.ts.map

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

@@ -0,0 +1,44 @@
+import { defineComponent as o, h as r, renderSlot as l } from "vue";
+const u = o({
+  name: "ZlTabs",
+  inheritAttrs: !1,
+  props: {
+    tabs: { type: Array, default: () => [] },
+    border: { type: Boolean, default: !0 },
+    fit: Boolean,
+    darkNav: { type: Boolean, default: !0 }
+  },
+  setup(e, { slots: a, attrs: d }) {
+    return () => r("div", { class: "zl-tabs-wrap" }, [
+      r(
+        "el-tabs",
+        {
+          class: ["zl-tabs", { "zl-tabs-no-border": !e.border, "zl-tabs-fit": e.fit, "zl-tabs-dark-nav": e.darkNav }],
+          ...d
+        },
+        {
+          default: () => [
+            ...e.tabs.map((n) => {
+              const { key: t, title: s, ...f } = n;
+              return r("el-tab-pane", {
+                key: t,
+                name: t,
+                label: s,
+                lazy: !0,
+                ...f
+              }, {
+                default: () => l(a, t, { tab: n })
+              });
+            }),
+            l(a, "default")
+          ]
+        }
+      ),
+      l(a, "extra")
+    ]);
+  }
+});
+export {
+  u as default
+};
+//# sourceMappingURL=index.vue.mjs.map

package/dist/components/ZlTabs/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/ZlTag/ZlCornerTag.css

@@ -0,0 +1 @@
+@charset "UTF-8";.zl-corner-tag{position:absolute;z-index:1;display:inline-flex;align-items:center;font-size:12px;line-height:20px;font-weight:600;padding:2px 8px;color:#fff;cursor:default}.zl-corner-tag-color-bg{background-image:linear-gradient(to right,var(--zl-bg-6),var(--zl-bg-3))}.zl-corner-tag-color-blue{background-image:linear-gradient(to right,var(--zl-blue-6),var(--zl-blue-3))}.zl-corner-tag-color-border{background-image:linear-gradient(to right,var(--zl-border-6),var(--zl-border-3))}.zl-corner-tag-color-cyan{background-image:linear-gradient(to right,var(--zl-cyan-6),var(--zl-cyan-3))}.zl-corner-tag-color-danger{background-image:linear-gradient(to right,var(--zl-danger-6),var(--zl-danger-3))}.zl-corner-tag-color-fill{background-image:linear-gradient(to right,var(--zl-fill-6),var(--zl-fill-3))}.zl-corner-tag-color-gold{background-image:linear-gradient(to right,var(--zl-gold-6),var(--zl-gold-3))}.zl-corner-tag-color-gray{background-image:linear-gradient(to right,var(--zl-gray-6),var(--zl-gray-3))}.zl-corner-tag-color-green{background-image:linear-gradient(to right,var(--zl-green-6),var(--zl-green-3))}.zl-corner-tag-color-lime{background-image:linear-gradient(to right,var(--zl-lime-6),var(--zl-lime-3))}.zl-corner-tag-color-link{background-image:linear-gradient(to right,var(--zl-link-6),var(--zl-link-3))}.zl-corner-tag-color-magenta{background-image:linear-gradient(to right,var(--zl-magenta-6),var(--zl-magenta-3))}.zl-corner-tag-color-modo{background-image:linear-gradient(to right,var(--zl-modo-6),var(--zl-modo-3))}.zl-corner-tag-color-neutral{background-image:linear-gradient(to right,var(--zl-neutral-6),var(--zl-neutral-3))}.zl-corner-tag-color-orange{background-image:linear-gradient(to right,var(--zl-orange-6),var(--zl-orange-3))}.zl-corner-tag-color-orangered{background-image:linear-gradient(to right,var(--zl-orangered-6),var(--zl-orangered-3))}.zl-corner-tag-color-pinkpurple{background-image:linear-gradient(to right,var(--zl-pinkpurple-6),var(--zl-pinkpurple-3))}.zl-corner-tag-color-primary{background-image:linear-gradient(to right,var(--zl-primary-6),var(--zl-primary-3))}.zl-corner-tag-color-purple{background-image:linear-gradient(to right,var(--zl-purple-6),var(--zl-purple-3))}.zl-corner-tag-color-red{background-image:linear-gradient(to right,var(--zl-red-6),var(--zl-red-3))}.zl-corner-tag-color-success{background-image:linear-gradient(to right,var(--zl-success-6),var(--zl-success-3))}.zl-corner-tag-color-text{background-image:linear-gradient(to right,var(--zl-text-6),var(--zl-text-3))}.zl-corner-tag-color-warning{background-image:linear-gradient(to right,var(--zl-warning-6),var(--zl-warning-3))}.zl-corner-tag-color-yellow{background-image:linear-gradient(to right,var(--zl-yellow-6),var(--zl-yellow-3))}.zl-corner-tag-position-top-left{top:0;left:0;border-bottom-right-radius:var(--zl-radius-xl, 12px)}.zl-corner-tag-position-top-right{top:0;right:0;border-bottom-left-radius:var(--zl-radius-xl, 12px)}.zl-corner-tag-position-bottom-left{bottom:0;left:0;border-top-right-radius:var(--zl-radius-xl, 12px)}.zl-corner-tag-position-bottom-right{bottom:0;right:0;border-top-left-radius:var(--zl-radius-xl, 12px)}

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

@@ -0,0 +1,25 @@
+type __VLS_Props = {
+    icon?: string;
+    color?: string;
+    position?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        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<{}>, {
+    position: "top-left" | "top-right" | "bottom-left" | "bottom-right";
+}, {}, {}, {}, 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=ZlCornerTag.vue.d.ts.map

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

@@ -0,0 +1,32 @@
+import { defineComponent as t, openBlock as e, createElementBlock as r, normalizeClass as c, createBlock as l, createCommentVNode as a, createElementVNode as i, renderSlot as s } from "vue";
+import m from "../ZlIcon/index.vue.mjs";
+const d = { class: "zl-corner-tag__text" }, z = /* @__PURE__ */ t({
+  name: "ZlCornerTag",
+  __name: "ZlCornerTag",
+  props: {
+    icon: {},
+    color: {},
+    position: { default: "top-right" }
+  },
+  setup(o) {
+    return (n, g) => (e(), r("div", {
+      class: c(["zl-corner-tag", {
+        [`zl-corner-tag-position-${o.position}`]: o.position,
+        [`zl-corner-tag-color-${o.color}`]: o.color
+      }])
+    }, [
+      o.icon ? (e(), l(m, {
+        key: 0,
+        class: "zl-corner-tag__icon",
+        icon: o.icon
+      }, null, 8, ["icon"])) : a("", !0),
+      i("span", d, [
+        s(n.$slots, "default")
+      ])
+    ], 2));
+  }
+});
+export {
+  z as default
+};
+//# sourceMappingURL=ZlCornerTag.vue.mjs.map

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

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

package/dist/components/ZlTag/index.css

@@ -0,0 +1 @@
+@charset "UTF-8";.zl-tag{display:inline-flex;align-items:center;font-size:12px;line-height:20px;padding:1px 8px;border-radius:var(--zl-radius-small, 2px);color:var(--tag-color-text, var(--zl-text-1));background-color:transparent;border:1px solid transparent;white-space:nowrap;cursor:default;gap:2px}.zl-tag+.zl-tag{margin-left:4px}.zl-tag-size-medium{padding:3px 8px;font-size:14px;line-height:22px}.zl-tag-size-mini{padding:0 6px;font-size:12px;line-height:18px}.zl-tag-fill{background-color:var(--tag-color-fill, var(--zl-fill-2))}.zl-tag-bordered{border-color:var(--tag-color-border, var(--zl-border-2))}.zl-tag-rounded{border-radius:var(--zl-radius-round, 99px)}.zl-tag-color-bg{--tag-color-text: var(--zl-bg-6);--tag-color-fill: var(--zl-bg-1);--tag-color-border: var(--zl-bg-6);--tag-color-select-hover: var(--zl-bg-2);--tag-color-select-close-hover: var(--zl-bg-3)}.zl-tag-color-blue{--tag-color-text: var(--zl-blue-6);--tag-color-fill: var(--zl-blue-1);--tag-color-border: var(--zl-blue-6);--tag-color-select-hover: var(--zl-blue-2);--tag-color-select-close-hover: var(--zl-blue-3)}.zl-tag-color-border{--tag-color-text: var(--zl-border-6);--tag-color-fill: var(--zl-border-1);--tag-color-border: var(--zl-border-6);--tag-color-select-hover: var(--zl-border-2);--tag-color-select-close-hover: var(--zl-border-3)}.zl-tag-color-cyan{--tag-color-text: var(--zl-cyan-6);--tag-color-fill: var(--zl-cyan-1);--tag-color-border: var(--zl-cyan-6);--tag-color-select-hover: var(--zl-cyan-2);--tag-color-select-close-hover: var(--zl-cyan-3)}.zl-tag-color-danger{--tag-color-text: var(--zl-danger-6);--tag-color-fill: var(--zl-danger-1);--tag-color-border: var(--zl-danger-6);--tag-color-select-hover: var(--zl-danger-2);--tag-color-select-close-hover: var(--zl-danger-3)}.zl-tag-color-fill{--tag-color-text: var(--zl-fill-6);--tag-color-fill: var(--zl-fill-1);--tag-color-border: var(--zl-fill-6);--tag-color-select-hover: var(--zl-fill-2);--tag-color-select-close-hover: var(--zl-fill-3)}.zl-tag-color-gold{--tag-color-text: var(--zl-gold-6);--tag-color-fill: var(--zl-gold-1);--tag-color-border: var(--zl-gold-6);--tag-color-select-hover: var(--zl-gold-2);--tag-color-select-close-hover: var(--zl-gold-3)}.zl-tag-color-gray{--tag-color-text: var(--zl-gray-6);--tag-color-fill: var(--zl-gray-1);--tag-color-border: var(--zl-gray-6);--tag-color-select-hover: var(--zl-gray-2);--tag-color-select-close-hover: var(--zl-gray-3)}.zl-tag-color-green{--tag-color-text: var(--zl-green-6);--tag-color-fill: var(--zl-green-1);--tag-color-border: var(--zl-green-6);--tag-color-select-hover: var(--zl-green-2);--tag-color-select-close-hover: var(--zl-green-3)}.zl-tag-color-lime{--tag-color-text: var(--zl-lime-6);--tag-color-fill: var(--zl-lime-1);--tag-color-border: var(--zl-lime-6);--tag-color-select-hover: var(--zl-lime-2);--tag-color-select-close-hover: var(--zl-lime-3)}.zl-tag-color-link{--tag-color-text: var(--zl-link-6);--tag-color-fill: var(--zl-link-1);--tag-color-border: var(--zl-link-6);--tag-color-select-hover: var(--zl-link-2);--tag-color-select-close-hover: var(--zl-link-3)}.zl-tag-color-magenta{--tag-color-text: var(--zl-magenta-6);--tag-color-fill: var(--zl-magenta-1);--tag-color-border: var(--zl-magenta-6);--tag-color-select-hover: var(--zl-magenta-2);--tag-color-select-close-hover: var(--zl-magenta-3)}.zl-tag-color-modo{--tag-color-text: var(--zl-modo-6);--tag-color-fill: var(--zl-modo-1);--tag-color-border: var(--zl-modo-6);--tag-color-select-hover: var(--zl-modo-2);--tag-color-select-close-hover: var(--zl-modo-3)}.zl-tag-color-neutral{--tag-color-text: var(--zl-neutral-6);--tag-color-fill: var(--zl-neutral-1);--tag-color-border: var(--zl-neutral-6);--tag-color-select-hover: var(--zl-neutral-2);--tag-color-select-close-hover: var(--zl-neutral-3)}.zl-tag-color-orange{--tag-color-text: var(--zl-orange-6);--tag-color-fill: var(--zl-orange-1);--tag-color-border: var(--zl-orange-6);--tag-color-select-hover: var(--zl-orange-2);--tag-color-select-close-hover: var(--zl-orange-3)}.zl-tag-color-orangered{--tag-color-text: var(--zl-orangered-6);--tag-color-fill: var(--zl-orangered-1);--tag-color-border: var(--zl-orangered-6);--tag-color-select-hover: var(--zl-orangered-2);--tag-color-select-close-hover: var(--zl-orangered-3)}.zl-tag-color-pinkpurple{--tag-color-text: var(--zl-pinkpurple-6);--tag-color-fill: var(--zl-pinkpurple-1);--tag-color-border: var(--zl-pinkpurple-6);--tag-color-select-hover: var(--zl-pinkpurple-2);--tag-color-select-close-hover: var(--zl-pinkpurple-3)}.zl-tag-color-primary{--tag-color-text: var(--zl-primary-6);--tag-color-fill: var(--zl-primary-1);--tag-color-border: var(--zl-primary-6);--tag-color-select-hover: var(--zl-primary-2);--tag-color-select-close-hover: var(--zl-primary-3)}.zl-tag-color-purple{--tag-color-text: var(--zl-purple-6);--tag-color-fill: var(--zl-purple-1);--tag-color-border: var(--zl-purple-6);--tag-color-select-hover: var(--zl-purple-2);--tag-color-select-close-hover: var(--zl-purple-3)}.zl-tag-color-red{--tag-color-text: var(--zl-red-6);--tag-color-fill: var(--zl-red-1);--tag-color-border: var(--zl-red-6);--tag-color-select-hover: var(--zl-red-2);--tag-color-select-close-hover: var(--zl-red-3)}.zl-tag-color-success{--tag-color-text: var(--zl-success-6);--tag-color-fill: var(--zl-success-1);--tag-color-border: var(--zl-success-6);--tag-color-select-hover: var(--zl-success-2);--tag-color-select-close-hover: var(--zl-success-3)}.zl-tag-color-text{--tag-color-text: var(--zl-text-6);--tag-color-fill: var(--zl-text-1);--tag-color-border: var(--zl-text-6);--tag-color-select-hover: var(--zl-text-2);--tag-color-select-close-hover: var(--zl-text-3)}.zl-tag-color-warning{--tag-color-text: var(--zl-warning-6);--tag-color-fill: var(--zl-warning-1);--tag-color-border: var(--zl-warning-6);--tag-color-select-hover: var(--zl-warning-2);--tag-color-select-close-hover: var(--zl-warning-3)}.zl-tag-color-yellow{--tag-color-text: var(--zl-yellow-6);--tag-color-fill: var(--zl-yellow-1);--tag-color-border: var(--zl-yellow-6);--tag-color-select-hover: var(--zl-yellow-2);--tag-color-select-close-hover: var(--zl-yellow-3)}.zl-tag-selectable{cursor:pointer;color:var(--zl-text-1);transition:all .1s cubic-bezier(0,0,1,1)}.zl-tag-selectable.zl-tag-bordered{border-color:var(--zl-border-2)}.zl-tag-selectable:hover:not(.zl-tag-disabled){background-color:var(--zl-fill-2)}.zl-tag-selectable:not(.zl-tag-selected,.zl-tag-disabled) .zl-tag__close:hover{background-color:var(--zl-fill-3)}.zl-tag-selected{background-color:var(--tag-color-fill, var(--zl-fill-2));color:var(--tag-color-text, var(--zl-text-1))}.zl-tag-selected.zl-tag-bordered{border-color:var(--tag-color-border, var(--zl-border-2))}.zl-tag-selected:hover:not(.zl-tag-disabled){background-color:var(--tag-color-select-hover, var(--zl-fill-3))}.zl-tag-selected:not(.zl-tag-disabled) .zl-tag__close:hover{background-color:var(--tag-color-select-close-hover, var(--zl-fill-4))}.zl-tag-disabled{cursor:not-allowed;--tag-color-text: var(--zl-text-4);--tag-color-fill: var(--zl-fill-2);--tag-color-border: var(--zl-border-2)}.zl-tag-hide{display:none}.zl-tag__icon{font-size:14px}.zl-tag__icon-color-bg{color:var(--zl-bg-6)}.zl-tag__icon-color-blue{color:var(--zl-blue-6)}.zl-tag__icon-color-border{color:var(--zl-border-6)}.zl-tag__icon-color-cyan{color:var(--zl-cyan-6)}.zl-tag__icon-color-danger{color:var(--zl-danger-6)}.zl-tag__icon-color-fill{color:var(--zl-fill-6)}.zl-tag__icon-color-gold{color:var(--zl-gold-6)}.zl-tag__icon-color-gray{color:var(--zl-gray-6)}.zl-tag__icon-color-green{color:var(--zl-green-6)}.zl-tag__icon-color-lime{color:var(--zl-lime-6)}.zl-tag__icon-color-link{color:var(--zl-link-6)}.zl-tag__icon-color-magenta{color:var(--zl-magenta-6)}.zl-tag__icon-color-modo{color:var(--zl-modo-6)}.zl-tag__icon-color-neutral{color:var(--zl-neutral-6)}.zl-tag__icon-color-orange{color:var(--zl-orange-6)}.zl-tag__icon-color-orangered{color:var(--zl-orangered-6)}.zl-tag__icon-color-pinkpurple{color:var(--zl-pinkpurple-6)}.zl-tag__icon-color-primary{color:var(--zl-primary-6)}.zl-tag__icon-color-purple{color:var(--zl-purple-6)}.zl-tag__icon-color-red{color:var(--zl-red-6)}.zl-tag__icon-color-success{color:var(--zl-success-6)}.zl-tag__icon-color-text{color:var(--zl-text-6)}.zl-tag__icon-color-warning{color:var(--zl-warning-6)}.zl-tag__icon-color-yellow{color:var(--zl-yellow-6)}.zl-tag__icon-dot{font-size:12px}.zl-tag__text{flex:1}.zl-tag__close{display:inline-flex;align-items:center;padding:2px;font-size:12px;line-height:1;width:1em;height:1em;box-sizing:content-box;border-radius:50%;background-color:transparent;cursor:pointer}.zl-tag__close:hover{background-color:var(--tag-color-fill, var(--zl-fill-2))}.zl-tag-fill .zl-tag__close:hover{background-color:var(--tag-color-select-hover, var(--zl-fill-3))}

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

@@ -0,0 +1,167 @@
+import { PropType } from 'vue';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    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;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    select: (value: boolean) => any;
+    close: (event: MouseEvent) => any;
+    "update:visible": (value: boolean) => any;
+    "update:selected": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    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;
+    };
+}>> & Readonly<{
+    onSelect?: ((value: boolean) => any) | undefined;
+    onClose?: ((event: MouseEvent) => any) | undefined;
+    "onUpdate:visible"?: ((value: boolean) => any) | undefined;
+    "onUpdate:selected"?: ((value: boolean) => any) | undefined;
+}>, {
+    fill: boolean;
+    icon: string;
+    color: string;
+    disabled: boolean;
+    visible: boolean | undefined;
+    size: "small" | "mini" | "medium";
+    bordered: boolean;
+    dotIcon: boolean;
+    iconColor: string;
+    closable: boolean;
+    defaultVisible: boolean;
+    selectable: boolean;
+    selected: boolean | undefined;
+    defaultSelected: boolean;
+    rounded: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, 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/ZlTag/index.vue.mjs

@@ -0,0 +1,79 @@
+import { defineComponent as k, computed as t, ref as i, openBlock as c, createElementBlock as u, normalizeClass as f, createBlock as h, createCommentVNode as r, createVNode as g, withCtx as V, createElementVNode as x, renderSlot as I } from "vue";
+import $ from "../ZlAutoTooltip/index.vue.mjs";
+import v from "../ZlIcon/index.vue.mjs";
+const N = { class: "zl-tag__text" }, A = /* @__PURE__ */ k({
+  name: "ZlTag",
+  __name: "index",
+  props: {
+    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"],
+  setup(e, { emit: b }) {
+    const l = e, o = b, m = t(() => l.size ?? "small"), z = t(() => l.disabled), n = t(() => l.dotIcon ? "zl:dot-fill" : l.icon), s = i(l.defaultVisible), y = t(() => l.visible ?? s.value), B = t(() => !l.selectable && l.fill), a = i(l.defaultSelected), p = t(() => l.selected ?? a.value);
+    function C(d) {
+      s.value = !1, o("update:visible", !1), o("close", d);
+    }
+    function S() {
+      l.selectable && (a.value = !a.value, o("update:selected", a.value), o("select", a.value));
+    }
+    return (d, Z) => (c(), u("div", {
+      class: f(["zl-tag", [
+        `zl-tag-size-${m.value}`,
+        {
+          [`zl-tag-color-${e.color}`]: e.color,
+          "zl-tag-hide": !y.value,
+          "zl-tag-bordered": e.bordered,
+          "zl-tag-fill": B.value,
+          "zl-tag-disabled": z.value,
+          "zl-tag-closable": e.closable,
+          "zl-tag-selectable": e.selectable,
+          "zl-tag-selected": p.value,
+          "zl-tag-rounded": e.rounded
+        }
+      ]]),
+      onClick: S
+    }, [
+      n.value ? (c(), h(v, {
+        key: 0,
+        class: f(["zl-tag__icon", {
+          "zl-tag__icon-dot": e.dotIcon,
+          [`zl-tag__icon-color-${e.iconColor}`]: e.iconColor
+        }]),
+        icon: n.value
+      }, null, 8, ["class", "icon"])) : r("", !0),
+      g($, null, {
+        default: V(() => [
+          x("span", N, [
+            I(d.$slots, "default")
+          ])
+        ]),
+        _: 3
+      }),
+      e.closable && !e.disabled ? (c(), u("span", {
+        key: 1,
+        class: "zl-tag__close",
+        onClick: C
+      }, [
+        g(v, { icon: "zl:cross" })
+      ])) : r("", !0)
+    ], 2));
+  }
+});
+export {
+  A as default
+};
+//# sourceMappingURL=index.vue.mjs.map

package/dist/components/ZlTag/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/ZlText/index.css

@@ -0,0 +1 @@
+.zl-text[data-v-9d75868c]{display:inline-flex;font-size:12px;line-height:20px}

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

@@ -0,0 +1,21 @@
+type __VLS_Props = {
+    modelValue?: string | number | boolean;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        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<{}>, {}, {}, {}, {}, 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/ZlText/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 _ = /* @__PURE__ */ t(o, [["__scopeId", "data-v-9d75868c"]]);
+export {
+  _ as default
+};
+//# sourceMappingURL=index.vue.mjs.map

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

@@ -0,0 +1,19 @@
+import { defineComponent as o, openBlock as n, createElementBlock as l, renderSlot as r, createTextVNode as a, toDisplayString as s } from "vue";
+const c = { class: "zl-text" }, i = /* @__PURE__ */ o({
+  name: "ZlText",
+  __name: "index",
+  props: {
+    modelValue: { type: [String, Number, Boolean] }
+  },
+  setup(e) {
+    return (t, d) => (n(), l("div", c, [
+      r(t.$slots, "default", {}, () => [
+        a(s(e.modelValue), 1)
+      ], !0)
+    ]));
+  }
+});
+export {
+  i as default
+};
+//# sourceMappingURL=index2.vue.mjs.map

package/dist/components/ZlTitle/index.css

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

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

@@ -0,0 +1,29 @@
+type __VLS_Props = {
+    title?: string;
+    description?: string;
+    marker?: boolean;
+    tooltip?: string;
+    size?: 'small' | 'medium' | 'large';
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+        description?(_: {}): any;
+        extra?(_: {}): 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<{}>, {
+    marker: boolean;
+}, {}, {}, {}, 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/ZlTitle/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-0effbbb1"]]);
+export {
+  m as default
+};
+//# sourceMappingURL=index.vue.mjs.map