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

package/dist/components/ZlEditor/useSqlCompletion.mjs

@@ -0,0 +1,91 @@
+import { tryOnScopeDispose as $ } from "@vueuse/core";
+import * as o from "monaco-editor";
+import { toValue as m } from "vue";
+const v = "absolute action add after all allocate alter and any are as asc assertion at authorization before begin between both breadth by call cascade cascaded case cast catalog check close collate collation column commit condition connect connection constraint constraints constructor continue corresponding count create cross cube current current_date current_default_transform_group current_transform_group_for_type current_path current_role current_time current_timestamp current_user cursor cycle data day deallocate declare default deferrable deferred delete depth deref desc describe descriptor deterministic diagnostics disconnect distinct do domain drop dynamic each else elseif end end-exec equals escape except exception exec execute exists exit external fetch first for foreign found from free full function general get global go goto grant group grouping handle having hold hour identity if immediate in indicator initially inner inout input insert intersect into is isolation join key language last lateral leading leave left level like limit local localtime localtimestamp locator loop map match method minute modifies module month names natural nesting new next no none not of old on only open option or order ordinality out outer output overlaps pad parameter partial path prepare preserve primary prior privileges procedure public read reads recursive redo ref references referencing relative release repeat resignal restrict result return returns revoke right role rollback rollup routine row rows savepoint schema scroll search second section select session session_user set sets signal similar size some space specific specifictype sql sqlexception sqlstate sqlwarning start state static system_user table temporary then timezone_hour timezone_minute to trailing transaction translation treat trigger under undo union unique unnest until update usage user using value values view when whenever where while with without work write year zone ", T = v.split(" ").filter(Boolean);
+function q(f = {}) {
+  const { tableSchemas: h = [], customKeywords: b = [], customFunctions: C = [] } = f, x = o.languages.registerCompletionItemProvider("sql", {
+    triggerCharacters: [" ", ".", ",", "(", "="],
+    provideCompletionItems: async (p, a) => {
+      try {
+        const l = m(h) || [], r = [], g = p.getWordUntilPosition(a), i = {
+          startLineNumber: a.lineNumber,
+          endLineNumber: a.lineNumber,
+          startColumn: g.startColumn,
+          endColumn: g.endColumn
+        }, c = p.getLineContent(a.lineNumber).substring(0, a.column - 1).trim().toLowerCase(), u = /\b(?:from|join|into|update|table)\s+\w*$/.test(c), s = /\b\w+\.\w*$/.test(c), y = [...T, ...m(b) || []], w = [...m(C) || []];
+        return s || (y.forEach((t) => {
+          r.push({
+            label: t,
+            kind: o.languages.CompletionItemKind.Keyword,
+            insertText: t,
+            range: i,
+            detail: "Keyword",
+            sortText: u ? `z${t}` : `a${t}`
+          });
+        }), w.forEach((t) => {
+          r.push({
+            label: t,
+            kind: o.languages.CompletionItemKind.Function,
+            insertText: t,
+            range: i,
+            detail: "Function",
+            sortText: u ? `z${t}` : `b${t}`
+          });
+        })), l.forEach((t) => {
+          const n = t.tableName;
+          r.push({
+            label: n,
+            kind: o.languages.CompletionItemKind.Class,
+            insertText: n,
+            range: i,
+            detail: "Table",
+            documentation: {
+              value: `Table: ${n}`,
+              isTrusted: !0
+            },
+            sortText: u ? `a${n}` : `c${n}`
+          });
+          let d = "";
+          if (s) {
+            const e = c.match(/\b(\w+)\.\w*$/);
+            e && e[1] && (d = e[1]);
+          }
+          (!s || d === n) && t.columns.forEach((e) => {
+            r.push({
+              label: e.name,
+              kind: o.languages.CompletionItemKind.Field,
+              insertText: e.name,
+              range: i,
+              detail: `Column (${e.type})`,
+              documentation: {
+                value: `Column from table ${n}`,
+                isTrusted: !0
+              },
+              sortText: s && d === n ? `a${e.name}` : `d${e.name}`
+            }), s || r.push({
+              label: `${n}.${e.name}`,
+              kind: o.languages.CompletionItemKind.Field,
+              insertText: `${n}.${e.name}`,
+              range: i,
+              detail: `Column (${e.type})`,
+              documentation: {
+                value: `Column from table ${n}`,
+                isTrusted: !0
+              },
+              sortText: `e${n}${e.name}`
+            });
+          });
+        }), { suggestions: r };
+      } catch (l) {
+        return console.error("Error in SQL completion provider:", l), { suggestions: [] };
+      }
+    }
+  });
+  $(() => {
+    x.dispose();
+  });
+}
+export {
+  q as useSqlCompletion
+};
+//# sourceMappingURL=useSqlCompletion.mjs.map

package/dist/components/ZlEditor/zl-editor-theme.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=zl-editor-theme.d.ts.map

package/dist/components/ZlEmpty/index.css

@@ -0,0 +1 @@
+.zl-empty[data-v-be5b8e5c]{padding-block:5vw;display:flex;flex-direction:column;justify-content:center;align-items:center}.zl-empty__icon[data-v-be5b8e5c]{width:128px;max-width:100%}.zl-empty__icon svg[data-v-be5b8e5c]{width:100%}.zl-empty__text[data-v-be5b8e5c]{margin-top:18px;font-size:14px;line-height:22px;color:var(--zl-text-3, var(--el-text-color-secondary, #79879c))}

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

@@ -0,0 +1,11 @@
+type __VLS_Props = {
+    /** 自定义空状态图片（缺省用内置轻量 SVG 线稿） */
+    image?: string;
+    /** 空状态文案（缺省走 i18n，未接入时兜底中文） */
+    text?: string;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    text: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;
+//# sourceMappingURL=index.vue.d.ts.map

package/dist/components/ZlEmpty/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 e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-be5b8e5c"]]);
+export {
+  e as default
+};
+//# sourceMappingURL=index.vue.mjs.map

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

@@ -0,0 +1,74 @@
+import { defineComponent as r, computed as a, openBlock as o, createElementBlock as l, createElementVNode as e, toDisplayString as m, createCommentVNode as d } from "vue";
+import { useZlT as p } from "@zl-ui-kit/composables";
+const _ = { class: "zl-empty" }, h = ["src"], y = {
+  key: 1,
+  class: "zl-empty__icon"
+}, k = {
+  key: 2,
+  class: "zl-empty__text"
+}, t = "var(--zl-text-4, #b3c0cc)", v = /* @__PURE__ */ r({
+  name: "ZlEmpty",
+  __name: "index",
+  props: {
+    image: {},
+    text: { default: "" }
+  },
+  setup(c) {
+    const n = c, { t: i } = p(), s = a(() => n.text || i("zl.empty.noData", "暂无相关数据"));
+    return (x, u) => (o(), l("div", _, [
+      c.image ? (o(), l("img", {
+        key: 0,
+        class: "zl-empty__icon",
+        src: c.image,
+        alt: "empty"
+      }, null, 8, h)) : (o(), l("div", y, [
+        e("svg", {
+          viewBox: "0 0 64 48",
+          fill: "none",
+          xmlns: "http://www.w3.org/2000/svg"
+        }, [
+          e("rect", {
+            x: "10",
+            y: "6",
+            width: "44",
+            height: "30",
+            rx: "3",
+            stroke: t,
+            "stroke-width": "2",
+            fill: "none"
+          }),
+          e("path", {
+            d: "M10 16h44",
+            stroke: t,
+            "stroke-width": "2"
+          }),
+          e("circle", {
+            cx: "16",
+            cy: "11",
+            r: "1.5",
+            fill: t
+          }),
+          e("circle", {
+            cx: "21",
+            cy: "11",
+            r: "1.5",
+            fill: t
+          }),
+          e("path", {
+            d: "M22 34l6-8 5 5 7-10 8 13",
+            stroke: t,
+            "stroke-width": "2",
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round",
+            fill: "none"
+          })
+        ])
+      ])),
+      s.value ? (o(), l("div", k, m(s.value), 1)) : d("", !0)
+    ]));
+  }
+});
+export {
+  v as default
+};
+//# sourceMappingURL=index2.vue.mjs.map

package/dist/components/ZlFilePreview/FileFetchError.css

@@ -0,0 +1 @@
+.zl-file-fetch-error[data-v-ac3baf14]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--zl-text-3, var(--el-text-color-secondary));font-size:13px}

package/dist/components/ZlFilePreview/FileFetchError.vue.d.ts

@@ -0,0 +1,3 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+export default _default;
+//# sourceMappingURL=FileFetchError.vue.d.ts.map

package/dist/components/ZlFilePreview/FileFetchError.vue.mjs

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

package/dist/components/ZlFilePreview/FileFetchError2.vue.mjs

@@ -0,0 +1,14 @@
+import { defineComponent as r, openBlock as t, createElementBlock as o, toDisplayString as c, unref as n } from "vue";
+import { useZlT as l } from "@zl-ui-kit/composables";
+const i = { class: "zl-file-fetch-error" }, p = /* @__PURE__ */ r({
+  name: "ZlFileFetchError",
+  __name: "FileFetchError",
+  setup(s) {
+    const { t: e } = l();
+    return (f, _) => (t(), o("div", i, c(n(e)("zl.filePreview.fetchError", "文件获取失败")), 1));
+  }
+});
+export {
+  p as default
+};
+//# sourceMappingURL=FileFetchError2.vue.mjs.map

package/dist/components/ZlFilePreview/components.d.ts

@@ -0,0 +1,13 @@
+export interface FileTypeResult {
+    ext: string;
+    mime: string;
+}
+export interface FileRenderItem {
+    matcher: (fileType: FileTypeResult) => boolean;
+    component: any;
+}
+export declare const FILE_RENDER: Record<string, FileRenderItem>;
+export declare const PLAINTEXT_FILE_RENDER: FileRenderItem;
+export declare const FILE_RENDER_VALUES: FileRenderItem[];
+export declare const getFileRender: (fileType: FileTypeResult) => FileRenderItem;
+//# sourceMappingURL=components.d.ts.map

package/dist/components/ZlFilePreview/components.mjs

@@ -0,0 +1,101 @@
+import { defineComponent as t, h as s, defineAsyncComponent as r } from "vue";
+import "@vue-office/excel/lib/index.css";
+import "@vue-office/docx/lib/index.css";
+const m = r(() => import("@vue-office/pptx").then((e) => e.default)), a = r(() => import("@vue-office/docx").then((e) => e.default)), c = r(() => import("@vue-office/pdf").then((e) => e.default)), u = r(() => import("@vue-office/excel").then((e) => e.default));
+function o(e, n, i) {
+  return t({
+    name: e,
+    props: { url: String, response: Response },
+    async setup(p) {
+      const l = await p.response.arrayBuffer();
+      return () => s(n, { src: l, class: i });
+    }
+  });
+}
+const f = {
+  ppt: {
+    matcher: (e) => e.mime === "application/vnd.openxmlformats-officedocument.presentationml.presentation",
+    component: o("FilePpt", m, "zl-file-ppt")
+  },
+  doc: {
+    matcher: (e) => e.mime === "application/vnd.openxmlformats-officedocument.wordprocessingml.document",
+    component: o("FileDoc", a)
+  },
+  pdf: {
+    matcher: (e) => e.mime === "application/pdf",
+    component: o("FilePdf", c, "zl-file-pdf")
+  },
+  xlsx: {
+    matcher: (e) => e.mime === "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
+    component: o("FileXlsx", u, "zl-file-xlsx")
+  },
+  image: {
+    matcher: (e) => e.mime.startsWith("image/"),
+    component: t({
+      name: "FileImage",
+      props: { url: String, response: Response },
+      setup(e) {
+        return () => s("img", { src: e.url, class: "zl-file-image" });
+      }
+    })
+  },
+  video: {
+    matcher: (e) => e.mime.startsWith("video/"),
+    component: t({
+      name: "FileVideo",
+      props: { url: String, response: Response },
+      setup(e) {
+        return () => s("video", { src: e.url, controls: !0, class: "zl-file-video" });
+      }
+    })
+  },
+  audio: {
+    matcher: (e) => e.mime.startsWith("audio/"),
+    component: t({
+      name: "FileAudio",
+      props: { url: String, response: Response },
+      setup(e) {
+        return () => s("audio", { src: e.url, controls: !0, class: "zl-file-audio" });
+      }
+    })
+  },
+  json: {
+    matcher: (e) => e.mime === "application/json",
+    component: t({
+      name: "FileJson",
+      props: { url: String, response: Response },
+      async setup(e) {
+        const n = await e.response.json();
+        return () => s("pre", { class: "zl-file-json" }, JSON.stringify(n, null, 2));
+      }
+    })
+  },
+  xml: {
+    matcher: (e) => e.mime === "application/xml",
+    component: t({
+      name: "FileXml",
+      props: { url: String, response: Response },
+      async setup(e) {
+        const n = await e.response.text();
+        return () => s("pre", { class: "zl-file-xml" }, n);
+      }
+    })
+  }
+}, d = {
+  matcher: () => !0,
+  component: t({
+    name: "FilePlaintext",
+    props: { url: String, response: Response },
+    async setup(e) {
+      const n = await e.response.text();
+      return () => s("pre", { class: "zl-file-plaintext" }, n);
+    }
+  })
+}, h = Object.values(f), R = (e) => h.find(({ matcher: n }) => n(e)) || d;
+export {
+  f as FILE_RENDER,
+  h as FILE_RENDER_VALUES,
+  d as PLAINTEXT_FILE_RENDER,
+  R as getFileRender
+};
+//# sourceMappingURL=components.mjs.map

package/dist/components/ZlFilePreview/index.css

@@ -0,0 +1 @@
+.zl-file-preview{width:100%;height:100%}.zl-file-preview-content{display:flex;width:100%;height:100%;overflow:auto}.zl-file-preview .zl-file-ppt,.zl-file-preview .zl-file-doc,.zl-file-preview .zl-file-xlsx,.zl-file-preview .zl-file-pdf,.zl-file-preview .zl-file-xml,.zl-file-preview .zl-file-json,.zl-file-preview .zl-file-audio,.zl-file-preview .zl-file-image,.zl-file-preview .zl-file-video,.zl-file-preview .zl-file-plaintext{width:100%;height:100%}

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

@@ -0,0 +1,6 @@
+type __VLS_Props = {
+    url?: 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/ZlFilePreview/index.vue.mjs

@@ -0,0 +1,63 @@
+import { defineComponent as y, ref as s, shallowRef as m, watchEffect as _, watch as b, resolveDirective as k, withDirectives as x, openBlock as a, createElementBlock as E, createBlock as c, Suspense as F, withCtx as d, createElementVNode as T, resolveDynamicComponent as B, createTextVNode as C } from "vue";
+import { useZlT as P, useGlobalMessage as j } from "@zl-ui-kit/composables";
+import { fileTypeFromBlob as z } from "file-type";
+import { getFileRender as D } from "./components.mjs";
+import R from "./FileFetchError.vue.mjs";
+const L = { class: "zl-file-preview" }, M = { class: "zl-file-preview-content" }, S = /* @__PURE__ */ y({
+  name: "ZlFilePreview",
+  __name: "index",
+  props: {
+    url: {}
+  },
+  setup(u) {
+    const { t: w } = P(), f = u, l = s(!1), n = s(!1), o = s(), p = m(), v = m(), { Message: g } = j();
+    _(() => {
+      if (f.url) {
+        const e = new URL(f.url, location.origin);
+        e.searchParams.append("type", "2"), h(e.href);
+      }
+    });
+    let r;
+    async function h(e) {
+      try {
+        await new Promise((i) => setTimeout(i, 2e3)), r && r.abort(), r = new AbortController(), l.value = !0, o.value = void 0;
+        const t = await fetch(e, { signal: r.signal });
+        if (p.value = t.clone(), o.value = await z(await t.clone().blob()) ?? void 0, l.value = !1, !o.value)
+          try {
+            await t.json(), o.value = { ext: "json", mime: "application/json" };
+          } catch {
+            n.value = !0;
+          }
+      } catch {
+        g.error(w("zl.filePreview.typeError", "获取文件类型失败")), l.value = !1, n.value = !0;
+      }
+    }
+    return b(o, (e) => {
+      e && (v.value = D(e).component);
+    }), (e, t) => {
+      const i = k("loading");
+      return x((a(), E("div", L, [
+        n.value ? (a(), c(R, { key: 0 })) : (a(), c(F, { key: 1 }, {
+          fallback: d(() => [...t[0] || (t[0] = [
+            C(" Loading ", -1)
+          ])]),
+          default: d(() => [
+            T("div", M, [
+              (a(), c(B(v.value), {
+                response: p.value,
+                url: u.url
+              }, null, 8, ["response", "url"]))
+            ])
+          ]),
+          _: 1
+        }))
+      ])), [
+        [i, l.value]
+      ]);
+    };
+  }
+});
+export {
+  S as default
+};
+//# sourceMappingURL=index.vue.mjs.map

package/dist/components/ZlFilePreview/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/ZlFileViewer/index.css

@@ -0,0 +1 @@
+.zl-file-viewer[data-v-0ff2a458]{height:100%;overflow:auto}.zl-file-viewer[data-v-0ff2a458] .docx-wrapper{background:var(--zl-bg-1, #fff);padding:0}.zl-file-viewer[data-v-0ff2a458] .docx-wrapper>section.docx{box-shadow:none;padding:0!important}

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

@@ -0,0 +1,8 @@
+type __VLS_Props = {
+    fileType?: 'word' | 'pdf' | 'excel' | 'ppt' | 'image';
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    fileType: "word" | "pdf" | "excel" | "ppt" | "image";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;
+//# sourceMappingURL=index.vue.d.ts.map

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

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

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

@@ -0,0 +1,26 @@
+import { defineComponent as m, resolveComponent as a, openBlock as e, createElementBlock as p, createBlock as r, unref as f, normalizeProps as o, mergeProps as i, createCommentVNode as c } from "vue";
+import s from "@vue-office/docx";
+import u from "@vue-office/excel";
+import d from "@vue-office/pdf";
+import y from "@vue-office/pptx";
+import "@vue-office/docx/lib/index.css";
+const k = { class: "zl-file-viewer" }, h = /* @__PURE__ */ m({
+  name: "ZlFileViewer",
+  inheritAttrs: !1,
+  __name: "index",
+  props: {
+    fileType: { default: "word" }
+  },
+  setup(t) {
+    return (l, T) => {
+      const n = a("el-image");
+      return e(), p("div", k, [
+        t.fileType === "pdf" ? (e(), r(f(d), o(i({ key: 0 }, l.$attrs)), null, 16)) : t.fileType === "excel" ? (e(), r(f(u), o(i({ key: 1 }, l.$attrs)), null, 16)) : t.fileType === "ppt" ? (e(), r(f(y), o(i({ key: 2 }, l.$attrs)), null, 16)) : t.fileType === "word" ? (e(), r(f(s), o(i({ key: 3 }, l.$attrs)), null, 16)) : t.fileType === "image" ? (e(), r(n, o(i({ key: 4 }, l.$attrs)), null, 16)) : c("", !0)
+      ]);
+    };
+  }
+});
+export {
+  h as default
+};
+//# sourceMappingURL=index2.vue.mjs.map

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

@@ -0,0 +1,16 @@
+/** 按 item.component 动态渲染表单控件（透传 props/slots） */
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    item: {
+        type: ObjectConstructor;
+        required: true;
+    };
+}>, () => 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<{
+    item: {
+        type: ObjectConstructor;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;
+//# sourceMappingURL=ZlFormChild.vue.d.ts.map

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

@@ -0,0 +1,12 @@
+import { defineComponent as t, h as m, resolveDynamicComponent as o } from "vue";
+const i = t({
+  name: "ZlFormChild",
+  props: { item: { type: Object, required: !0 } },
+  setup(e) {
+    return () => m(o(e.item.component), e.item.props, e.item.slots);
+  }
+});
+export {
+  i as default
+};
+//# sourceMappingURL=ZlFormChild.vue.mjs.map

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

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

package/dist/components/ZlForm/index.css

@@ -0,0 +1 @@
+.zl-form-item-label{display:inline-flex;align-items:center;gap:2px}.zl-form-item-label__tooltip{color:var(--zl-text-3, var(--el-text-color-secondary))}

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

@@ -0,0 +1,59 @@
+import { FormItem } from '../../types';
+type __VLS_Props = {
+    items: FormItem[];
+    model?: Record<string, any>;
+};
+declare function validate(): Promise<void>;
+declare function validateField(name: string): Promise<void>;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Partial<Record<string, (_: {
+        model: Record<string, any>;
+        field: {
+            formItemProps: Record<string, any>;
+            tooltip?: string;
+            component: any;
+            label?: string;
+            model: string;
+            slot?: boolean;
+            slots?: Record<string, any>;
+            props: Record<string, any>;
+        };
+    }) => any>> & {
+        label?(_: {
+            label: string | undefined;
+            item: {
+                formItemProps: Record<string, any>;
+                tooltip?: string;
+                component: any;
+                label?: string;
+                model: string;
+                slot?: boolean;
+                slots?: Record<string, any>;
+                props: Record<string, any>;
+            };
+        }): any;
+        default?(_: {}): any;
+    };
+    refs: {
+        formRef: unknown;
+    };
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
+    validate: typeof validate;
+    validateField: typeof validateField;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    items: FormItem[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    formRef: 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