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

package/dist/components/ZlPagination/usePagination.d.ts

@@ -0,0 +1,20 @@
+import { Ref } from 'vue';
+export interface PaginationProps {
+    total?: number;
+    pageNum?: number;
+    pageSize?: number;
+    pageSizeOptions?: number[];
+    showTotal?: boolean;
+    showPageSize?: boolean;
+    simple?: boolean;
+    [key: string]: any;
+}
+export declare function usePagination(props: Ref<PaginationProps | false> | (() => PaginationProps | false)): import('vue').ComputedRef<false | {
+    layout: string;
+    currentPage: number;
+    pageSize: number;
+    pageSizes: number[];
+    total?: number;
+    size: string;
+}>;
+//# sourceMappingURL=usePagination.d.ts.map

package/dist/components/ZlPagination/usePagination.mjs

@@ -0,0 +1,39 @@
+import { computed as f, toValue as m } from "vue";
+function h(a) {
+  return f(() => {
+    const o = m(a);
+    if (o === !1)
+      return !1;
+    const {
+      pageSizeOptions: i = [10, 30, 50],
+      pageSize: t = 30,
+      pageNum: n = 1,
+      simple: s = !0,
+      showTotal: r = !0,
+      showPageSize: p,
+      ...u
+    } = o || {}, e = i.slice();
+    e.includes(t) || e.push(t);
+    const l = [
+      r ? "total" : "",
+      p ?? e.length > 0 ? "sizes" : "",
+      "prev",
+      "pager",
+      "next",
+      s ? "" : "jumper"
+    ].filter(Boolean).join(", ");
+    return {
+      // EP 2.7+ 官方推荐 size（原 arco simple/mini 语义映射为小尺寸）
+      size: s ? "small" : "default",
+      ...u,
+      layout: l,
+      currentPage: n,
+      pageSize: t,
+      pageSizes: e.sort((g, c) => g - c)
+    };
+  });
+}
+export {
+  h as usePagination
+};
+//# sourceMappingURL=usePagination.mjs.map

package/dist/components/ZlPdfViewer/index.css

@@ -0,0 +1 @@
+.zl-pdf-viewer{display:inline-flex;align-items:center}.zl-pdf-viewer .pdf{margin:-2px}

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

@@ -0,0 +1,7 @@
+type __VLS_Props = {
+    url?: string;
+    width?: number | string;
+};
+declare const _default: 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>;
+export default _default;
+//# sourceMappingURL=index.vue.d.ts.map

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

@@ -0,0 +1,23 @@
+import { defineComponent as t, openBlock as d, createElementBlock as o, createElementVNode as a } from "vue";
+const n = { class: "zl-pdf-viewer" }, i = ["width", "data"], s = /* @__PURE__ */ t({
+  name: "ZlPdfViewer",
+  __name: "index",
+  props: {
+    url: {},
+    width: {}
+  },
+  setup(e) {
+    return (l, c) => (d(), o("div", n, [
+      a("object", {
+        width: e.width,
+        class: "pdf",
+        data: e.url ? `${e.url}#toolbar=0` : void 0,
+        type: "application/pdf"
+      }, null, 8, i)
+    ]));
+  }
+});
+export {
+  s as default
+};
+//# sourceMappingURL=index.vue.mjs.map

package/dist/components/ZlPdfViewer/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/ZlPermission/index.vue.d.ts

@@ -0,0 +1,22 @@
+type __VLS_Props = {
+    /** 权限键（三段式，可传多个任一命中即显示） */
+    permission: string | string[];
+};
+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, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, 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/ZlPermission/index.vue.mjs

@@ -0,0 +1,17 @@
+import { defineComponent as r, unref as n, renderSlot as i, createCommentVNode as t } from "vue";
+import { usePermission as m } from "./usePermission.mjs";
+const c = /* @__PURE__ */ r({
+  name: "ZlPermission",
+  __name: "index",
+  props: {
+    permission: {}
+  },
+  setup(e) {
+    const o = m(e.permission);
+    return (s, a) => n(o) ? i(s.$slots, "default", {}, void 0, void 0, 0) : t("", !0);
+  }
+});
+export {
+  c as default
+};
+//# sourceMappingURL=index.vue.mjs.map

package/dist/components/ZlPermission/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/ZlPermission/usePermission.d.ts

@@ -0,0 +1,12 @@
+import { ComputedRef, Ref } from 'vue';
+export interface PermissionContext {
+    permissions: Ref<string[]>;
+    hasPermission: (key: string) => boolean;
+}
+export declare function usePermission(permission: string | string[]): ComputedRef<boolean>;
+export interface UsePermissionProviderOptions {
+    /** 权限键层级数，默认 3（a:b:c） */
+    levels?: number;
+}
+export declare function usePermissionProvider(permissions: Ref<string[]>, options?: UsePermissionProviderOptions): void;
+//# sourceMappingURL=usePermission.d.ts.map

package/dist/components/ZlPermission/usePermission.mjs

@@ -0,0 +1,34 @@
+import { ensureArray as a } from "@zl-ui-kit/utils";
+import { inject as u, shallowReactive as h, watch as f, computed as p, provide as P } from "vue";
+const m = Symbol("PERMISSION_KEY");
+function y(o) {
+  const s = u(m);
+  if (!s)
+    throw new Error("usePermission must be used within a permission provider");
+  const e = h({}), r = a(o);
+  return f(s.permissions, () => {
+    r.forEach((i) => {
+      e[i] = s.hasPermission(i);
+    });
+  }, { immediate: !0 }), p(() => Object.values(e).some(Boolean));
+}
+function E(o, s = {}) {
+  const { levels: e = 3 } = s, r = Array.from({ length: e }).fill("*");
+  P(m, {
+    permissions: o,
+    hasPermission: (c) => {
+      const n = c.split(":");
+      if (n.length !== e)
+        throw new Error("权限格式错误");
+      return Array.from({ length: e + 1 }).some((d, t) => {
+        const l = [...n.slice(0, t), ...r.slice(t)].join(":");
+        return o.value.includes(l);
+      });
+    }
+  });
+}
+export {
+  y as usePermission,
+  E as usePermissionProvider
+};
+//# sourceMappingURL=usePermission.mjs.map

package/dist/components/ZlPopconfirm/index.css

@@ -0,0 +1 @@
+.zl-popconfirm-panel{display:flex;gap:8px;box-sizing:border-box;font-size:12px;line-height:20px}.zl-popconfirm-panel__icon{font-size:16px;height:22px;display:flex;align-items:center;color:var(--zl-primary-6, var(--el-color-primary))}.zl-popconfirm-panel__title{font-size:14px;line-height:22px;font-weight:600;margin-bottom:4px}.zl-popconfirm-panel__content{font-size:12px;line-height:20px;color:var(--zl-text-2)}.zl-popconfirm-panel__actions{margin-top:10px;display:flex;justify-content:flex-end;gap:8px}

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

@@ -0,0 +1,36 @@
+type __VLS_Props = {
+    title?: string;
+    content?: string;
+    confirmButtonText?: string;
+    cancelButtonText?: string;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+        title?(_: {}): any;
+        content?(_: {}): any;
+    };
+    refs: {
+        popoverRef: 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, {} & {
+    cancel: () => any;
+    confirm: () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onCancel?: (() => any) | undefined;
+    onConfirm?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    popoverRef: 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/ZlPopconfirm/index.vue.mjs

@@ -0,0 +1,85 @@
+import { defineComponent as B, computed as d, ref as x, resolveComponent as _, openBlock as u, createBlock as y, mergeProps as $, withCtx as t, createElementVNode as n, createVNode as r, createElementBlock as g, renderSlot as s, createTextVNode as c, toDisplayString as l, createCommentVNode as N } from "vue";
+import { useZlT as V } from "@zl-ui-kit/composables";
+import Z from "../ZlIcon/index.vue.mjs";
+const b = { class: "zl-popconfirm-panel" }, w = { class: "zl-popconfirm-panel__main" }, E = {
+  key: 0,
+  class: "zl-popconfirm-panel__title"
+}, P = { class: "zl-popconfirm-panel__content" }, R = { class: "zl-popconfirm-panel__actions" }, j = /* @__PURE__ */ B({
+  name: "ZlPopconfirm",
+  inheritAttrs: !1,
+  __name: "index",
+  props: {
+    title: {},
+    content: {},
+    confirmButtonText: {},
+    cancelButtonText: {}
+  },
+  emits: ["confirm", "cancel"],
+  setup(o, { emit: v }) {
+    const a = o, { t: p } = V(), z = d(() => a.confirmButtonText ?? p("zl.popconfirm.confirm", "确定")), h = d(() => a.cancelButtonText ?? p("zl.popconfirm.cancel", "取消")), i = x(null), m = v;
+    function k() {
+      i.value?.hide?.(), m("confirm");
+    }
+    function C() {
+      i.value?.hide?.(), m("cancel");
+    }
+    return (e, S) => {
+      const f = _("el-button"), T = _("el-popover");
+      return u(), y(T, $({
+        ref_key: "popoverRef",
+        ref: i,
+        class: "zl-popconfirm"
+      }, { width: 240, trigger: "click", ...e.$attrs }), {
+        reference: t(() => [
+          s(e.$slots, "default")
+        ]),
+        default: t(() => [
+          n("div", b, [
+            r(Z, {
+              class: "zl-popconfirm-panel__icon",
+              icon: "zl:information-color"
+            }),
+            n("div", w, [
+              e.$slots.title || o.title ? (u(), g("div", E, [
+                s(e.$slots, "title", {}, () => [
+                  c(l(o.title), 1)
+                ])
+              ])) : N("", !0),
+              n("div", P, [
+                s(e.$slots, "content", {}, () => [
+                  c(l(o.content), 1)
+                ])
+              ]),
+              n("div", R, [
+                r(f, {
+                  size: "small",
+                  onClick: C
+                }, {
+                  default: t(() => [
+                    c(l(h.value), 1)
+                  ]),
+                  _: 1
+                }),
+                r(f, {
+                  size: "small",
+                  type: "primary",
+                  onClick: k
+                }, {
+                  default: t(() => [
+                    c(l(z.value), 1)
+                  ]),
+                  _: 1
+                })
+              ])
+            ])
+          ])
+        ]),
+        _: 3
+      }, 16);
+    };
+  }
+});
+export {
+  j as default
+};
+//# sourceMappingURL=index.vue.mjs.map

package/dist/components/ZlPopconfirm/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/ZlRadioTag/index.css

@@ -0,0 +1 @@
+.zl-radio-tag .el-radio{padding-left:0;margin-right:4px;height:auto}.zl-radio-tag .el-radio .el-radio__input{display:none}.zl-radio-tag .zl-tag:not(.zl-tag-selected){border-color:transparent;background-color:var(--zl-fill-2)}.zl-radio-tag .zl-tag:not(.zl-tag-selected):hover:not(.zl-tag-disabled){background-color:var(--zl-fill-3)}.zl-radio-tag .zl-tag.zl-tag-selected:not(.zl-tag-disabled):hover{background-color:var(--tag-color-fill)}.zl-radio-tag .zl-tag-disabled{color:var(--zl-text-4)}.zl-radio-tag .zl-tag-disabled.zl-tag-selected{background-color:var(--zl-primary-1);color:var(--zl-primary-3);border-color:var(--zl-primary-3)}

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

@@ -0,0 +1,42 @@
+export interface RadioTagOption {
+    label: string;
+    value: string | number;
+    icon?: string;
+    disabled?: boolean;
+    [key: string]: any;
+}
+type __VLS_Props = {
+    options?: RadioTagOption[];
+    size?: 'mini' | 'small' | 'medium';
+};
+type __VLS_PublicProps = {
+    modelValue?: string | number | undefined;
+} & __VLS_Props;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {
+            item: RadioTagOption;
+            checked: boolean;
+        }): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+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: string | number | undefined) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | number | undefined) => any) | undefined;
+}>, {
+    size: "mini" | "small" | "medium";
+    options: RadioTagOption[];
+}, {}, {}, {}, 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/ZlRadioTag/index.vue.mjs

@@ -0,0 +1,62 @@
+import { defineComponent as v, useModel as m, resolveComponent as t, openBlock as a, createElementBlock as u, createVNode as s, withCtx as d, Fragment as p, renderList as f, createBlock as _, renderSlot as b, mergeProps as g, createTextVNode as V, toDisplayString as k, mergeModels as z } from "vue";
+import x from "../ZlTag/index.vue.mjs";
+import '../ZlTag/index.css';/* empty css                   */
+const y = { class: "zl-radio-tag" }, h = /* @__PURE__ */ v({
+  name: "ZlRadioTag",
+  __name: "index",
+  props: /* @__PURE__ */ z({
+    options: { default: () => [] },
+    size: { default: "small" }
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(o) {
+    const l = m(o, "modelValue");
+    return (n, r) => {
+      const i = t("el-radio"), c = t("el-radio-group");
+      return a(), u("div", y, [
+        s(c, {
+          "model-value": l.value,
+          "onUpdate:modelValue": r[0] || (r[0] = (e) => l.value = e)
+        }, {
+          default: d(() => [
+            (a(!0), u(p, null, f(o.options, (e) => (a(), _(i, {
+              key: e.value,
+              value: e.value,
+              disabled: e.disabled
+            }, {
+              default: d(() => [
+                s(x, {
+                  fill: "",
+                  rounded: "",
+                  color: l.value === e.value ? "primary" : void 0,
+                  bordered: l.value === e.value,
+                  selectable: "",
+                  selected: l.value === e.value,
+                  disabled: e.disabled,
+                  icon: e.icon,
+                  size: o.size
+                }, {
+                  default: d(() => [
+                    b(n.$slots, "default", g({ ref_for: !0 }, { item: e, checked: l.value === e.value }), () => [
+                      V(k(e.label), 1)
+                    ])
+                  ]),
+                  _: 2
+                }, 1032, ["color", "bordered", "selected", "disabled", "icon", "size"])
+              ]),
+              _: 2
+            }, 1032, ["value", "disabled"]))), 128))
+          ]),
+          _: 3
+        }, 8, ["model-value"])
+      ]);
+    };
+  }
+});
+export {
+  h as default
+};
+//# sourceMappingURL=index.vue.mjs.map

package/dist/components/ZlRadioTag/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/ZlSearch/index.css

@@ -0,0 +1 @@
+.zl-search{width:100%;border-radius:4px}.zl-search-search{position:relative}.zl-search-search-single{display:flex;align-items:flex-start;gap:16px;background-color:var(--zl-fill-1);padding:10px 16px}.zl-search-search-multiple{position:absolute;z-index:1;background-color:var(--zl-fill-1);width:100%;padding:10px 16px;top:0;display:flex;flex-direction:column;gap:10px;opacity:1;box-shadow:0 4px 10px 0 var(--zl-shadow, rgba(36, 46, 67, .1))}.zl-search-search-multiple .zl-search-form-actions{justify-content:flex-end}.zl-search-form{flex:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px 20px}.zl-search-form .el-form-item{margin-bottom:0}.zl-search-form-actions{display:flex;gap:10px}.zl-search-label{padding:0 16px 10px;background-color:var(--zl-fill-1);display:flex;align-items:center;font-size:12px;line-height:20px}.zl-search-label__summary{padding-right:16px}.zl-search-label .zl-tag{padding:0 6px;margin-right:4px}.zl-search__actions{padding:10px 16px;display:flex;gap:10px}.zl-search-fade-slide-leave-active,.zl-search-fade-slide-enter-active{transition:all .3s ease-out}.zl-search-fade-slide-enter-from,.zl-search-fade-slide-leave-to{opacity:0;transform:translateY(-28px)}