@zl-ui-kit/components 0.9.0 → 0.10.1

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

@@ -1,4 +1,5 @@
 import { SqlTableSchema } from './useSqlCompletion';
+import * as monaco from 'monaco-editor';
 type __VLS_Props = {
     /** 表结构（补全提示） */
     tableSchemas?: SqlTableSchema[];
@@ -13,8 +14,11 @@ type __VLS_PublicProps = {
     modelValue?: string;
 } & __VLS_Props;
 declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
+    /** 用 dt-sql-parser 校验当前 SQL：无错时清空 marker；有错时打红色 marker + `ElMessage` 提示，并 **`throw diagnostics`**（调用方需 catch） */
     validate: typeof validate;
+    /** 先跑 `validate()`（不通过会抛），通过则用 sql-formatter 格式化并写回 `v-model` */
     format: typeof format;
+    zlEditor: monaco.editor.IStandaloneCodeEditor | undefined;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (value: string) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
@@ -31,7 +35,18 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
         options?: Record<string, any>;
     }> & Readonly<{
         "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    }>, {
+        monacoEditor: monaco.editor.IStandaloneCodeEditor | undefined;
+        getValue: () => string;
+        setValue: (value: string) => void | undefined;
+        getModel: () => monaco.editor.ITextModel | null | undefined;
+        getSelection: () => monaco.Selection | null | undefined;
+        revealLine: (lineNumber: number) => void | undefined;
+        focus: () => void | undefined;
+        layout: () => void | undefined;
+        updateOptions: (options: Record<string, any>) => void | undefined;
+        dispose: () => void | undefined;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
         "update:modelValue": (value: string) => any;
     }, import('vue').PublicProps, {
         options: Record<string, any>;
@@ -52,7 +67,18 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
         options?: Record<string, any>;
     }> & Readonly<{
         "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-    }>, {}, {}, {}, {}, {
+    }>, {
+        monacoEditor: monaco.editor.IStandaloneCodeEditor | undefined;
+        getValue: () => string;
+        setValue: (value: string) => void | undefined;
+        getModel: () => monaco.editor.ITextModel | null | undefined;
+        getSelection: () => monaco.Selection | null | undefined;
+        revealLine: (lineNumber: number) => void | undefined;
+        focus: () => void | undefined;
+        layout: () => void | undefined;
+        updateOptions: (options: Record<string, any>) => void | undefined;
+        dispose: () => void | undefined;
+    }, {}, {}, {}, {
         options: Record<string, any>;
         language: string;
     }> | null;

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

@@ -1,13 +1,13 @@
-import { defineComponent as p, useModel as v, shallowRef as M, toRefs as g, openBlock as q, createBlock as h, mergeProps as C, mergeModels as L } from "vue";
+import { defineComponent as p, useModel as v, shallowRef as g, toRefs as M, openBlock as q, createBlock as h, mergeProps as C, mergeModels as L } from "vue";
 import { useZlT as R } from "@zl-ui-kit/composables";
 import { ElMessage as S } from "element-plus";
 import { MySQL as V } from "dt-sql-parser/dist/parser/mysql";
 import * as n from "monaco-editor";
 import { format as w } from "sql-formatter";
-import k from "./index.vue.mjs";
+import E from "./index.vue.mjs";
 import './index.css';/* empty css            */
-import { useSqlCompletion as y } from "./useSqlCompletion.mjs";
-const N = /* @__PURE__ */ p({
+import { useSqlCompletion as k } from "./useSqlCompletion.mjs";
+const B = /* @__PURE__ */ p({
   name: "ZlSqlEditor",
   inheritAttrs: !1,
   __name: "ZlSqlEditor",
@@ -21,8 +21,8 @@ const N = /* @__PURE__ */ p({
   }),
   emits: ["update:modelValue"],
   setup(s, { expose: m }) {
-    const { t: u } = R(), i = s, t = v(s, "modelValue"), d = new V(), r = M();
-    y(g(i));
+    const { t: u } = R(), i = s, r = v(s, "modelValue"), d = new V(), t = g();
+    k(M(i));
     function f(e) {
       return {
         severity: 8,
@@ -36,37 +36,46 @@ const N = /* @__PURE__ */ p({
       };
     }
     function a() {
-      n.editor.setModelMarkers(r.value.getModel(), "sql", []);
-      const e = d.validate(t.value ?? "");
+      n.editor.setModelMarkers(t.value.getModel(), "sql", []);
+      const e = d.validate(r.value ?? "");
       if (e.length) {
         const o = e.map((l) => f(l));
-        throw n.editor.setModelMarkers(r.value.getModel(), "sql", o), S.error(u("zl.sqlEditor.invalid", "请检查SQL语法")), e;
+        throw n.editor.setModelMarkers(t.value.getModel(), "sql", o), S.error(u("zl.sqlEditor.invalid", "请检查SQL语法")), e;
       }
     }
     async function c() {
-      a(), t.value = w(t.value ?? "");
+      a(), r.value = w(r.value ?? "");
     }
     return m(
       new Proxy(
-        { validate: a, format: c },
+        {
+          /** 用 dt-sql-parser 校验当前 SQL：无错时清空 marker；有错时打红色 marker + `ElMessage` 提示，并 **`throw diagnostics`**（调用方需 catch） */
+          validate: a,
+          /** 先跑 `validate()`（不通过会抛），通过则用 sql-formatter 格式化并写回 `v-model` */
+          format: c,
+          /** 内部 `ZlEditor` 实例（其暴露对象代理 monaco），需要原生编辑器 API 时从这里取 */
+          get zlEditor() {
+            return t.value;
+          }
+        },
         {
           get(e, o, l) {
-            return Reflect.get(e, o, l) ?? r.value?.[o];
+            return Reflect.get(e, o, l) ?? t.value?.[o];
           },
           has(e, o) {
-            return Reflect.has(e, o) || o in (r.value ?? {});
+            return Reflect.has(e, o) || o in (t.value ?? {});
           }
         }
       )
-    ), (e, o) => (q(), h(k, C({
+    ), (e, o) => (q(), h(E, C({
       ref_key: "editorRef",
-      ref: r,
-      modelValue: t.value,
-      "onUpdate:modelValue": o[0] || (o[0] = (l) => t.value = l)
+      ref: t,
+      modelValue: r.value,
+      "onUpdate:modelValue": o[0] || (o[0] = (l) => r.value = l)
     }, { ...e.$attrs, language: "sql" }), null, 16, ["modelValue"]));
   }
 });
 export {
-  N as default
+  B as default
 };
 //# sourceMappingURL=ZlSqlEditor.vue.mjs.map

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,20 @@ 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)`），不会抛错。
+ * 版本分界：**0.10.0 起**成功时返回 `true`；0.9.0 及更早的签名为 `Promise<void>`，
+ * 成功时 `resolve(undefined)`，`await validate()` 直接当布尔用会被误判为失败。
+ */
+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 +56,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 错误字段集合；0.9.0 及更早成功时返回 `undefined`） */
     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 错误字段集合；0.9.0 及更早成功时返回 `undefined`） */
+      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