@zl-ui-kit/components 0.9.0 → 0.10.0

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

@@ -1,3 +1,4 @@
+import * as monaco from 'monaco-editor';
 type __VLS_Props = {
     /** 语法高亮所用语言 id，默认 javascript */
     language?: string;
@@ -7,7 +8,27 @@ type __VLS_Props = {
 type __VLS_PublicProps = {
     modelValue?: string;
 } & __VLS_Props;
-declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
+    monacoEditor: monaco.editor.IStandaloneCodeEditor | undefined;
+    /** 读取当前文本（`v-model` 已自动同步，一般无需主动调用） */
+    getValue: () => string;
+    /** 设置整本文本，会同步触发 `v-model` 更新 */
+    setValue: (value: string) => void | undefined;
+    /** 当前文本模型（monaco `ITextModel`），打 marker / 取行内容时需要 */
+    getModel: () => monaco.editor.ITextModel | null | undefined;
+    /** 当前选区（未选中时为空） */
+    getSelection: () => monaco.Selection | null | undefined;
+    /** 滚动到指定行使其进入可视区 */
+    revealLine: (lineNumber: number) => void | undefined;
+    /** 让编辑器获得焦点 */
+    focus: () => void | undefined;
+    /** 重算布局（容器尺寸变化已由组件内部 `useResizeObserver` 自动处理，无需手动调） */
+    layout: () => void | undefined;
+    /** 运行时更新 monaco 创建选项 */
+    updateOptions: (options: Record<string, any>) => void | undefined;
+    /** 销毁编辑器实例（组件卸载时自动调用，重复调用 monaco 会抛错） */
+    dispose: () => void | undefined;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (value: string) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;

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

@@ -1,11 +1,11 @@
-import { defineComponent as i, useModel as m, shallowRef as u, watch as d, onScopeDispose as c, openBlock as p, createElementBlock as v, mergeModels as f } from "vue";
-import { useResizeObserver as g, whenever as h } from "@vueuse/core";
-import * as _ from "monaco-editor";
-import { setupMonacoEnvironment as E } from "./setupMonacoEnvironment.mjs";
-const w = /* @__PURE__ */ i({
+import { defineComponent as d, useModel as v, shallowRef as r, watch as m, onScopeDispose as c, openBlock as p, createElementBlock as f, mergeModels as g } from "vue";
+import { useResizeObserver as V, whenever as h } from "@vueuse/core";
+import * as E from "monaco-editor";
+import { setupMonacoEnvironment as M } from "./setupMonacoEnvironment.mjs";
+const R = /* @__PURE__ */ d({
   name: "ZlEditor",
   __name: "index",
-  props: /* @__PURE__ */ f({
+  props: /* @__PURE__ */ g({
     language: { default: "javascript" },
     options: { default: () => ({}) }
   }, {
@@ -13,52 +13,75 @@ const w = /* @__PURE__ */ i({
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(n, { expose: s }) {
-    const r = n;
-    E();
-    const o = m(n, "modelValue"), l = u(), e = u();
-    return g(l, () => {
+  setup(u, { expose: s }) {
+    const n = u;
+    M();
+    const o = v(u, "modelValue"), t = r(), e = r();
+    return V(t, () => {
       requestAnimationFrame(() => {
         e.value?.layout();
       });
     }), h(
-      l,
+      t,
       (a) => {
-        e.value = _.editor.create(a, {
+        e.value = E.editor.create(a, {
           value: o.value,
-          language: r.language,
+          language: n.language,
           minimap: { enabled: !1 },
           theme: "zl-editor-theme",
-          ...r.options
+          ...n.options
         }), e.value.onDidChangeModelContent(() => {
           o.value = e.value?.getValue() ?? "";
         });
       },
       { once: !0 }
-    ), d(o, () => {
+    ), m(o, () => {
       e.value?.getValue() !== o.value && e.value?.setValue(o.value ?? "");
     }), c(() => {
       e.value?.dispose();
     }), s(
       new Proxy(
-        {},
         {
-          get(a, t) {
-            return e.value?.[t];
+          /** 底层 monaco 编辑器实例（`IStandaloneCodeEditor`），需要未列出的原生 API 时仍这里取 */
+          get monacoEditor() {
+            return e.value;
           },
-          has(a, t) {
-            return t in (e.value ?? {});
+          /** 读取当前文本（`v-model` 已自动同步，一般无需主动调用） */
+          getValue: () => e.value?.getValue() ?? "",
+          /** 设置整本文本，会同步触发 `v-model` 更新 */
+          setValue: (a) => e.value?.setValue(a),
+          /** 当前文本模型（monaco `ITextModel`），打 marker / 取行内容时需要 */
+          getModel: () => e.value?.getModel(),
+          /** 当前选区（未选中时为空） */
+          getSelection: () => e.value?.getSelection(),
+          /** 滚动到指定行使其进入可视区 */
+          revealLine: (a) => e.value?.revealLine(a),
+          /** 让编辑器获得焦点 */
+          focus: () => e.value?.focus(),
+          /** 重算布局（容器尺寸变化已由组件内部 `useResizeObserver` 自动处理，无需手动调） */
+          layout: () => e.value?.layout(),
+          /** 运行时更新 monaco 创建选项 */
+          updateOptions: (a) => e.value?.updateOptions(a),
+          /** 销毁编辑器实例（组件卸载时自动调用，重复调用 monaco 会抛错） */
+          dispose: () => e.value?.dispose()
+        },
+        {
+          get(a, l, i) {
+            return Reflect.get(a, l, i) ?? e.value?.[l];
+          },
+          has(a, l) {
+            return Reflect.has(a, l) || l in (e.value ?? {});
           }
         }
       )
-    ), (a, t) => (p(), v("div", {
+    ), (a, l) => (p(), f("div", {
       ref_key: "editorEl",
-      ref: l,
+      ref: t,
       class: "zl-editor"
     }, null, 512));
   }
 });
 export {
-  w as default
+  R as default
 };
 //# sourceMappingURL=index.vue.mjs.map

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

@@ -5,8 +5,18 @@ type __VLS_Props = {
     /** 表单值对象，不传时由组件内部自建 */
     model?: Record<string, any>;
 };
-declare function validate(): Promise<void>;
-declare function validateField(name: string): Promise<void>;
+/** el-form 的校验回调：第一个参数为是否通过，失败时第二个参数为错误字段集合 */
+type ValidateCallback = (isValid: boolean, invalidFields?: Record<string, any>) => void;
+/** 字段名，可传单个或数组；不传即全表单 */
+type FieldNames = string | string[];
+/**
+ * 校验整个表单，语义与 `el-form.validate()` 完全一致：
+ * 不传 callback 时返回 Promise（通过 `resolve(true)`，失败 `reject(错误字段集合)`）；
+ * 传 callback 时改为回调式（`callback(true)` / `callback(false, fields)`），不会抛错。
+ */
+declare function validate(callback?: ValidateCallback): Promise<boolean>;
+/** 校验指定字段，语义同 `validate()` */
+declare function validateField(props?: FieldNames, callback?: ValidateCallback): Promise<boolean>;
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: Partial<Record<string, (_: {
@@ -44,8 +54,22 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
+    /** 校验整个表单；同 `el-form.validate()`（无回调时失败会 reject 错误字段集合） */
     validate: typeof validate;
+    /** 校验指定字段（字段名或数组），语义同 `validate()` */
     validateField: typeof validateField;
+    /** 重置字段并清除校验结果；不传参重置全部 */
+    resetFields: (props?: FieldNames) => any;
+    /** 清除校验提示；不传参清除全部 */
+    clearValidate: (props?: FieldNames) => any;
+    /** 滚动到指定字段 */
+    scrollToField: (prop: string) => any;
+    /** 取单个表单项上下文（含 `resetField`/`clearValidate`/`validateMessage` 等） */
+    getField: (prop: string) => any;
+    fields: any;
+    /** 写入字段初始值（`resetFields` 会回到这些值） */
+    setInitialValues: (values: Record<string, any>, clearValidate?: boolean) => any;
+    elForm: any;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     items: FormItem[];
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {

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

@@ -1,129 +1,135 @@
-import { defineComponent as L, toRefs as M, ref as b, computed as h, resolveComponent as c, openBlock as s, createBlock as u, mergeProps as i, withCtx as f, createElementBlock as S, Fragment as T, renderList as U, renderSlot as p, createElementVNode as E, toDisplayString as q, createCommentVNode as V, createVNode as x } from "vue";
-import W from "./ZlFormChild.vue.mjs";
-import j from "../ZlIcon/index.vue.mjs";
-const G = { class: "zl-form-item-label" }, w = "onUpdate:modelValue", Q = /* @__PURE__ */ L({
+import { defineComponent as D, toRefs as L, ref as b, computed as V, resolveComponent as m, openBlock as n, createBlock as u, mergeProps as c, withCtx as d, createElementBlock as M, Fragment as S, renderList as U, renderSlot as p, createElementVNode as F, toDisplayString as q, createCommentVNode as E, createVNode as W } from "vue";
+import j from "./ZlFormChild.vue.mjs";
+import x from "../ZlIcon/index.vue.mjs";
+const G = { class: "zl-form-item-label" }, g = "onUpdate:modelValue", Q = /* @__PURE__ */ D({
   name: "ZlForm",
   __name: "index",
   props: {
     items: { default: () => [] },
     model: {}
   },
-  setup(y, { expose: P }) {
-    const d = y, { items: v } = M(d), g = b(d.model ?? {}), t = h(() => d.model ?? g.value), I = h(() => {
-      const o = [];
-      return v.value.forEach((e) => {
-        if (!e.model)
+  setup(h, { expose: y }) {
+    const i = h, { items: v } = L(i), I = b(i.model ?? {}), r = V(() => i.model ?? I.value), P = V(() => {
+      const e = [];
+      return v.value.forEach((l) => {
+        if (!l.model)
           throw new Error("[ZlForm]: form item's model is required!");
-        e.defaultValue !== void 0 && t.value[e.model] === void 0 && (t.value[e.model] = e.defaultValue);
-      }), v.value.forEach((e) => {
-        if (!$(e)) return;
+        l.defaultValue !== void 0 && r.value[l.model] === void 0 && (r.value[l.model] = l.defaultValue);
+      }), v.value.forEach((l) => {
+        if (!k(l)) return;
         const {
-          visible: r,
+          visible: s,
           props: a,
-          tooltip: m,
-          formItemProps: l = {},
-          component: R,
-          label: z,
-          model: C,
+          tooltip: f,
+          formItemProps: o = {},
+          component: z,
+          label: C,
+          model: T,
           defaultValue: H,
           slot: B,
-          slots: Z,
-          ...A
-        } = e, _ = { ...l };
+          slots: R,
+          ...Z
+        } = l, _ = { ...o };
         delete _.tooltip;
-        const D = { ...A, ...a ?? {} };
-        o.push({
+        const A = { ...Z, ...a ?? {} };
+        e.push({
           formItemProps: _,
-          tooltip: m,
-          component: R,
-          label: z,
-          model: C,
+          tooltip: f,
+          component: z,
+          label: C,
+          model: T,
           slot: B,
-          slots: Z,
-          props: k(D, e.model)
+          slots: R,
+          props: w(A, l.model)
         });
-      }), o;
-    }), n = b(null);
-    function $(o) {
-      const e = o.visible;
-      return e === void 0 ? !0 : e === !1 || typeof e == "function" && !e(t.value, o) ? !1 : !!e;
+      }), e;
+    }), t = b(null);
+    function k(e) {
+      const l = e.visible;
+      return l === void 0 ? !0 : l === !1 || typeof l == "function" && !l(r.value, e) ? !1 : !!l;
     }
-    function k(o = {}, e) {
-      const r = o[w];
-      return o[w] = (a) => {
-        t.value[e] = a, r?.(a);
-      }, o;
+    function w(e = {}, l) {
+      const s = e[g];
+      return e[g] = (a) => {
+        r.value[l] = a, s?.(a);
+      }, e;
     }
-    async function F() {
-      const o = await n.value?.validate().catch((e) => e);
-      if (o !== !0) throw o;
+    async function $(e) {
+      return await t.value?.validate(e) ?? !0;
     }
-    async function N(o) {
-      try {
-        await n.value?.validateField(o);
-      } catch (e) {
-        throw e;
-      }
+    async function N(e, l) {
+      return await t.value?.validateField(e, l) ?? !0;
     }
-    return P(
-      new Proxy(
-        { validate: F, validateField: N },
-        {
-          get(o, e, r) {
-            return Reflect.get(o, e, r) || n.value?.[e];
-          },
-          has(o, e) {
-            return Reflect.has(o, e) || e in (n.value ?? {});
-          }
-        }
-      )
-    ), (o, e) => {
-      const r = c("el-tooltip"), a = c("el-form-item"), m = c("el-form");
-      return s(), u(m, i({
+    return y({
+      /** 校验整个表单；同 `el-form.validate()`（无回调时失败会 reject 错误字段集合） */
+      validate: $,
+      /** 校验指定字段（字段名或数组），语义同 `validate()` */
+      validateField: N,
+      /** 重置字段并清除校验结果；不传参重置全部 */
+      resetFields: (e) => t.value?.resetFields(e),
+      /** 清除校验提示；不传参清除全部 */
+      clearValidate: (e) => t.value?.clearValidate(e),
+      /** 滚动到指定字段 */
+      scrollToField: (e) => t.value?.scrollToField(e),
+      /** 取单个表单项上下文（含 `resetField`/`clearValidate`/`validateMessage` 等） */
+      getField: (e) => t.value?.getField(e),
+      /** 全部表单项上下文（含 `prop`/`value`/`validateState` 等） */
+      get fields() {
+        return t.value?.fields ?? [];
+      },
+      /** 写入字段初始值（`resetFields` 会回到这些值） */
+      setInitialValues: (e, l) => t.value?.setInitialValues(e, l),
+      /** 内部 ElForm 实例，未列出的能力兜底用 */
+      get elForm() {
+        return t.value;
+      }
+    }), (e, l) => {
+      const s = m("el-tooltip"), a = m("el-form-item"), f = m("el-form");
+      return n(), u(f, c({
         ref_key: "formRef",
-        ref: n,
+        ref: t,
         class: "zl-form",
-        model: t.value
-      }, { labelWidth: "auto", ...o.$attrs }), {
-        default: f(() => [
-          (s(!0), S(T, null, U(I.value, (l) => (s(), u(a, i({
-            key: l.model,
-            label: l.label,
-            prop: l.model
-          }, { ref_for: !0 }, l.formItemProps), {
-            label: f(() => [
-              E("span", G, [
-                o.$slots.label ? p(o.$slots, "label", i({ ref_for: !0 }, { label: l.label, item: l }), () => [
-                  E("span", null, q(l.label), 1)
-                ], void 0, 0) : V("", !0),
-                l.tooltip ? (s(), u(r, {
+        model: r.value
+      }, { labelWidth: "auto", ...e.$attrs }), {
+        default: d(() => [
+          (n(!0), M(S, null, U(P.value, (o) => (n(), u(a, c({
+            key: o.model,
+            label: o.label,
+            prop: o.model
+          }, { ref_for: !0 }, o.formItemProps), {
+            label: d(() => [
+              F("span", G, [
+                e.$slots.label ? p(e.$slots, "label", c({ ref_for: !0 }, { label: o.label, item: o }), () => [
+                  F("span", null, q(o.label), 1)
+                ], void 0, 0) : E("", !0),
+                o.tooltip ? (n(), u(s, {
                   key: 1,
-                  content: l.tooltip,
+                  content: o.tooltip,
                   placement: "top"
                 }, {
-                  default: f(() => [
-                    x(j, {
+                  default: d(() => [
+                    W(x, {
                       class: "zl-form-item-label__tooltip",
                       icon: "zl:help-color"
                     })
                   ]),
                   _: 1
-                }, 8, ["content"])) : V("", !0)
+                }, 8, ["content"])) : E("", !0)
               ])
             ]),
-            default: f(() => [
-              l.slot ? p(o.$slots, l.model, {
-                model: t.value,
-                field: l
-              }, void 0, void 0, 0) : (s(), u(W, {
+            default: d(() => [
+              o.slot ? p(e.$slots, o.model, {
+                model: r.value,
+                field: o
+              }, void 0, void 0, 0) : (n(), u(j, {
                 key: 1,
-                item: l,
-                "model-value": t.value[l.model]
+                item: o,
+                "model-value": r.value[o.model]
               }, null, 8, ["item", "model-value"]))
             ]),
             _: 2
           }, 1040, ["label", "prop"]))), 128)),
-          p(o.$slots, "default")
+          p(e.$slots, "default")
         ]),
         _: 3
       }, 16, ["model"]);

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

@@ -32,8 +32,8 @@ declare function __VLS_template(): {
 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<{}>, {
     data: Record<string, any>;
-    labelWidth: string | number;
     grid: IGridItem[];
+    labelWidth: string | number;
     cols: number;
     labelPosition: "left" | "top" | "right";
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {

package/dist/components/ZlIcon/index.css

@@ -1 +1 @@
-.zl-icon[data-v-c7f05c04]{display:inline-flex;align-items:center;justify-content:center;font-size:14px;line-height:1}.zl-icon--external[data-v-c7f05c04]{width:1em;height:1em;background-color:currentColor;mask-size:100% 100%}.zl-icon--local[data-v-c7f05c04]{width:1em;height:1em;fill:currentColor}
+.zl-icon[data-v-2dd0b437]{display:inline-flex;align-items:center;justify-content:center;font-size:14px;line-height:1}.zl-icon--external[data-v-2dd0b437]{width:1em;height:1em;background-color:currentColor;mask-size:100% 100%}.zl-icon--local[data-v-2dd0b437]{width:1em;height:1em;fill:currentColor}

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

@@ -1,6 +1,10 @@
 type __VLS_Props = {
     /** 图标：zl:xxx（本地图标集）/ http(s) 地址 / 本地 svg sprite 名称 */
     icon: string;
+    /** 尺寸，作用在 `font-size` 上（数字按 px 处理），图标本体按 `1em` 缩放；默认 `14px` */
+    size?: string | number;
+    /** 颜色，默认继承当前文字色（`currentColor`） */
+    color?: string;
 };
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -8,10 +12,10 @@ declare function __VLS_template(): {
         default?(_: {}): any;
     };
     refs: {};
-    rootEl: HTMLDivElement;
+    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, {}, HTMLDivElement>;
+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 & {

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

@@ -1,8 +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-c7f05c04"]]);
+const _ = /* @__PURE__ */ t(o, [["__scopeId", "data-v-2dd0b437"]]);
 export {
-  m as default
+  _ as default
 };
 //# sourceMappingURL=index.vue.mjs.map

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

@@ -1,34 +1,41 @@
-import { defineComponent as a, computed as t, openBlock as n, createElementBlock as c, renderSlot as u, createBlock as d, unref as m, normalizeStyle as f, createElementVNode as k, createCommentVNode as h } from "vue";
-import { Icon as v } from "@iconify/vue/offline";
-const x = { class: "zl-icon" }, y = {
-  key: 2,
-  class: "zl-icon--local"
-}, I = ["xlink:href"], E = /* @__PURE__ */ a({
+import { defineComponent as v, useAttrs as z, computed as t, openBlock as o, createElementBlock as s, normalizeStyle as k, unref as r, normalizeClass as h, renderSlot as x, createBlock as I, mergeProps as i, createElementVNode as S, createCommentVNode as $ } from "vue";
+import { Icon as A } from "@iconify/vue/offline";
+const B = ["xlink:href"], g = /* @__PURE__ */ v({
   name: "ZlIcon",
+  inheritAttrs: !1,
   __name: "index",
   props: {
-    icon: {}
+    icon: {},
+    size: {},
+    color: {}
   },
-  setup(e) {
-    const o = e, l = t(() => o.icon.startsWith("http")), i = t(() => o.icon.includes(":")), r = t(() => `#icon-${o.icon}`);
-    return (s, p) => (n(), c("div", x, [
-      u(s.$slots, "default", {}, () => [
-        i.value ? (n(), d(m(v), {
-          key: 0,
-          id: e.icon,
-          icon: e.icon
-        }, null, 8, ["id", "icon"])) : l.value ? (n(), c("div", {
-          key: 1,
-          style: f({ mask: `url(${e.icon}) no-repeat 50% 50%` }),
+  setup(n) {
+    const e = n, l = z(), u = t(() => ({
+      fontSize: typeof e.size == "number" ? `${e.size}px` : e.size,
+      color: e.color
+    })), c = t(() => {
+      const { class: a, style: y, ...p } = l;
+      return p;
+    }), m = t(() => e.icon.startsWith("http")), d = t(() => e.icon.includes(":")), f = t(() => `#icon-${e.icon}`);
+    return (a, y) => (o(), s("div", {
+      class: h(["zl-icon", r(l).class]),
+      style: k([u.value, r(l).style])
+    }, [
+      x(a.$slots, "default", {}, () => [
+        d.value ? (o(), I(r(A), i({ key: 0 }, c.value, {
+          id: n.icon,
+          icon: n.icon
+        }), null, 16, ["id", "icon"])) : m.value ? (o(), s("div", i({ key: 1 }, c.value, {
+          style: { mask: `url(${n.icon}) no-repeat 50% 50%` },
           class: "zl-icon--external"
-        }, null, 4)) : e.icon ? (n(), c("svg", y, [
-          k("use", { "xlink:href": r.value }, null, 8, I)
-        ])) : h("", !0)
+        }), null, 16)) : n.icon ? (o(), s("svg", i({ key: 2 }, c.value, { class: "zl-icon--local" }), [
+          S("use", { "xlink:href": f.value }, null, 8, B)
+        ], 16)) : $("", !0)
       ], !0)
-    ]));
+    ], 6));
   }
 });
 export {
-  E as default
+  g as default
 };
 //# sourceMappingURL=index2.vue.mjs.map

package/dist/components/ZlPagination/index.css

@@ -1 +1 @@
-@charset "UTF-8";.zl-pagination[data-v-fd07517c]{padding:6px 16px;background-color:var(--zl-fill-1, #f9fbfd);justify-content:var(--zl-pagination-justify, flex-end)}.zl-pagination--left[data-v-fd07517c]{--zl-pagination-justify: flex-start}.zl-pagination--center[data-v-fd07517c]{--zl-pagination-justify: center}.zl-pagination--right[data-v-fd07517c]{--zl-pagination-justify: flex-end}
+@charset "UTF-8";.zl-pagination[data-v-78457fcd]{padding:6px 16px;background-color:var(--zl-fill-1, #f9fbfd);justify-content:var(--zl-pagination-justify, flex-end)}.zl-pagination--left[data-v-78457fcd]{--zl-pagination-justify: flex-start}.zl-pagination--center[data-v-78457fcd]{--zl-pagination-justify: center}.zl-pagination--right[data-v-78457fcd]{--zl-pagination-justify: flex-end}

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

@@ -1,7 +1,7 @@
 import o from "./index2.vue.mjs";
 import './index.css';/* empty css            */
 import t from "../../_virtual/_plugin-vue_export-helper.mjs";
-const i = /* @__PURE__ */ t(o, [["__scopeId", "data-v-fd07517c"]]);
+const i = /* @__PURE__ */ t(o, [["__scopeId", "data-v-78457fcd"]]);
 export {
   i as default
 };