@aplus-frontend/ui 0.2.0-beta.4 → 0.2.0

package/es/src/ap-table/utils.mjs

@@ -1,19 +1,19 @@
-import { isVNode as b, createVNode as s, mergeProps as a, cloneVNode as y, Fragment as g } from "vue";
-import { isObject as f, isArray as p, isUndefined as h, isFunction as d, omit as j, isBoolean as F, isString as O } from "lodash-unified";
-import { apTableRenderItemMap as E, apTableFormItemMap as x } from "./constants.mjs";
-import { isType as N } from "@fruits-chain/utils";
+import { isVNode as b, createVNode as s, mergeProps as a, cloneVNode as T, Fragment as g } from "vue";
+import { isObject as f, isArray as p, isUndefined as h, isFunction as d, omit as j, isBoolean as O, isString as E } from "lodash-unified";
+import { apTableRenderItemMap as F, apTableFormItemMap as N } from "./constants.mjs";
+import { isType as S } from "@fruits-chain/utils";
 import "../ap-form/index.mjs";
-import { Tooltip as S } from "ant-design-vue";
+import { Tooltip as v } from "@aplus-frontend/antdv";
 import { QuestionCircleOutlined as I } from "@ant-design/icons-vue";
-import v from "../ap-form/item/index.vue.mjs";
-function P(t) {
+import V from "../ap-form/item/index.vue.mjs";
+function w(t) {
   return typeof t == "function" || Object.prototype.toString.call(t) === "[object Object]" && !b(t);
 }
-const V = (t, e, n) => {
-  let r = {};
+const C = (t, e, n) => {
+  let i = {};
   return f(t) ? Object.keys(t).forEach((o) => {
-    f(t[o]) ? r[o] = V(t[o], e[o], n) : r[o] = n(t[o], e);
-  }) : r = n(t, e), r;
+    f(t[o]) ? i[o] = C(t[o], e[o], n) : i[o] = n(t[o], e);
+  }) : i = n(t, e), i;
 }, Q = (t, e) => {
   switch (t) {
     case "dayjs":
@@ -21,8 +21,8 @@ const V = (t, e, n) => {
     case "dayjsRange":
       return e.map((n) => n.valueOf());
     case "dayjsDayRange": {
-      const [n, r] = e;
-      return [n.startOf("day").valueOf(), r.endOf("day").valueOf()];
+      const [n, i] = e;
+      return [n.startOf("day").valueOf(), i.endOf("day").valueOf()];
     }
     case "multiple":
     case "multipleNumber":
@@ -38,110 +38,100 @@ const V = (t, e, n) => {
 function U(t) {
   return p(t) ? t.join(".") : t;
 }
-function w(t) {
+function P(t) {
   const e = Object.prototype.toString.call(t).match(/^\[object (.*)\]$/)[1].toLowerCase();
   return e === "string" && typeof t == "object" ? "object" : t === null ? "null" : t === void 0 ? "undefined" : e;
 }
-const A = (t) => w(t) === "map" ? t : new Map(Object.entries(t || {})), m = (t) => {
-  const e = [], n = A(t);
-  return n.forEach((r, o) => {
-    const i = n.get(o) || n.get(`${o}`);
-    if (i) {
-      if (typeof i == "object" && (i != null && i.text)) {
+const x = (t) => P(t) === "map" ? t : new Map(Object.entries(t || {})), m = (t) => {
+  const e = [], n = x(t);
+  return n.forEach((i, o) => {
+    const r = n.get(o) || n.get(`${o}`);
+    if (r) {
+      if (typeof r == "object" && (r != null && r.text)) {
         e.push({
-          text: i == null ? void 0 : i.text,
+          text: r == null ? void 0 : r.text,
           value: o,
-          label: i == null ? void 0 : i.text,
-          disabled: i.disabled
+          label: r == null ? void 0 : r.text,
+          disabled: r.disabled
         });
         return;
       }
       e.push({
-        text: i,
-        label: i,
+        text: r,
+        label: r,
         value: o
       });
     }
   }), e;
-}, z = (t) => h(t) || t < 0 ? 0 : t, G = (t, e, n) => {
-  if (n)
-    return n;
-  const r = ["select", "date"], o = ["text", "textArea", "number"];
-  if (e === "dateRange")
-    return [t("ap.common.chooseText"), t("ap.common.chooseText")];
-  if (r.includes(e))
-    return t("ap.common.chooseText");
-  if (o.includes(e))
-    return t("ap.common.inputText");
-};
-function C(t, e) {
+}, z = (t) => h(t) || t < 0 ? 0 : t;
+function A(t, e) {
   return !t || !d(t) ? t : t(e);
 }
-function K(t) {
+function G(t) {
   let e = t.valueType || "text";
   return t.valueEnum && (e = "status"), e;
 }
-function X(t, e, n, r) {
+function K(t, e, n, i) {
   var u;
-  const o = E[t];
+  const o = F[t];
   if (o)
     return s(o, a(e, {
       mode: "read"
     }), null);
-  const i = r == null ? void 0 : r[t];
-  return ((u = i == null ? void 0 : i.render) == null ? void 0 : u.call(i, e.value, n, e)) || e.value;
+  const r = i == null ? void 0 : i[t];
+  return ((u = r == null ? void 0 : r.render) == null ? void 0 : u.call(r, e.value, n, e)) || e.value;
 }
-function Y(t, e) {
+function X(t, e) {
   if (t.customRenderFormItem)
     return () => {
       const o = t.customRenderFormItem(t);
-      return y(o, {
+      return T(o, {
         ...t.fieldProps,
         span: t.span,
         ...o.props || {}
       });
     };
-  const n = x[t.valueType];
+  const n = N[t.valueType];
   if (n)
     return n;
-  const r = e == null ? void 0 : e[t.valueType];
+  const i = e == null ? void 0 : e[t.valueType];
   return () => {
-    var i;
-    const o = (i = r == null ? void 0 : r.renderFormItem) == null ? void 0 : i.call(r, t.fieldProps.field);
-    return o ? s(v, a(t.fieldProps, {
+    var r;
+    const o = (r = i == null ? void 0 : i.renderFormItem) == null ? void 0 : r.call(i, t.fieldProps.field);
+    return o ? s(V, a(t.fieldProps, {
       span: t.span
-    }), P(o) ? o : {
+    }), w(o) ? o : {
       default: () => [o]
     }) : null;
   };
 }
-function Z(t, e) {
-  const n = C(t.fieldProps, e), r = (n == null ? void 0 : n.field) || n || {}, o = t.valueType === "switch", i = t.valueType === "index", u = o ? {
+function Y(t, e) {
+  const n = A(t.fieldProps, e), i = (n == null ? void 0 : n.field) || n || {}, o = t.valueType === "switch", r = t.valueType === "index", u = o ? {
     checked: e.value
   } : {
-    value: i ? e.index + 1 : e.value
+    value: r ? e.index + 1 : e.value
   };
-  return t.valueEnum && (r.valueEnum = t.valueEnum), {
-    ...j(r, ["request"]),
+  return t.valueEnum && (i.valueEnum = t.valueEnum), {
+    ...j(i, ["request"]),
     ...u
   };
 }
-function k(t) {
+function Z(t) {
   const e = {
     ...t
   };
-  return F(t.filters) && t.filters && t.valueEnum && (e.filters = m(t.valueEnum)), e;
+  return O(t.filters) && t.filters && t.valueEnum && (e.filters = m(t.valueEnum)), e;
 }
-function H(t, e) {
-  var r;
+function k(t, e) {
+  var i;
   const n = e || {};
-  return t.valueEnum && !((r = n.field) != null && r.options) && (n.field = {
+  return t.valueEnum && !((i = n.field) != null && i.options) && (n.field = {
     ...n.field,
     options: m(t.valueEnum)
   }), n;
 }
-function M(t) {
-  if (!N("Object")(t))
+function H(t) {
+  if (!S("Object")(t))
     return t;
   try {
     return JSON.stringify(t);
@@ -149,14 +139,14 @@ function M(t) {
     return t;
   }
 }
-function tt(t, e, n, r) {
+function M(t, e, n, i) {
   const o = n == null ? void 0 : n({
     title: t.title,
     column: t
-  }), i = (o == null ? void 0 : o.filter((T) => T.type !== Symbol.for("v-cmt"))) || [];
-  if (o && i.length > 0)
+  }), r = (o == null ? void 0 : o.filter((y) => y.type !== Symbol.for("v-cmt"))) || [];
+  if (o && r.length > 0)
     return o;
-  const l = O(t.title) ? s("span", {
+  const l = E(t.title) ? s("span", {
     class: e,
     title: t.title
   }, [t.title]) : t.title, c = t.tooltip ? d(t.tooltip) ? t.tooltip(t) : s(g, null, [t.tooltip]) : null;
@@ -166,34 +156,33 @@ function tt(t, e, n, r) {
       alignItems: "center",
       maxWidth: "100%"
     }
-  }, [l, s(S, {
+  }, [l, s(v, {
     title: c,
     placement: "bottom"
   }, {
     default: () => [s(I, {
       style: {
         padding: "4px",
-        color: r,
+        color: i,
         verticalAlign: "middle"
       }
     }, null)]
   })]) : l;
 }
 export {
-  k as apColumnToColumn,
+  Z as apColumnToColumn,
   U as dataIndexToStr,
-  V as formatParamsValueType,
+  C as formatParamsValueType,
   z as getColumnOrder,
-  C as getFieldProps,
-  G as getPlaceholder,
-  Y as getSearchFormItemRenderNode,
-  X as getTableCellRenderNode,
-  Z as getTableRenderProps,
-  K as getTableRenderType,
-  tt as getTableTitle,
-  A as objectToMap,
-  M as objectToString,
+  A as getFieldProps,
+  X as getSearchFormItemRenderNode,
+  K as getTableCellRenderNode,
+  Y as getTableRenderProps,
+  G as getTableRenderType,
+  M as getTableTitle,
+  x as objectToMap,
+  H as objectToString,
   Q as parseFieldValue,
-  H as updateFormProps,
+  k as updateFormProps,
   m as valueEnumToArray
 };

package/es/src/ap-tag/ap-tag-group.vue.mjs

@@ -1,5 +1,5 @@
 import { createElementVNode as t, defineComponent as D, ref as C, computed as n, unref as d, watch as N, nextTick as S, onMounted as j, onUnmounted as G, openBlock as c, createBlock as f, mergeProps as _, withCtx as g, renderSlot as R, createTextVNode as A, toDisplayString as b, normalizeClass as k, normalizeStyle as W, createElementBlock as T, Fragment as F, renderList as I, createCommentVNode as U } from "vue";
-import { Tooltip as q } from "ant-design-vue";
+import { Tooltip as q } from "@aplus-frontend/antdv";
 import H from "@ant-design/icons-vue";
 import "./ap-tag.vue2.mjs";
 import "../config-provider/index.mjs";

package/es/src/ap-tag/interface.d.ts

@@ -1,4 +1,4 @@
-import { TooltipProps } from 'ant-design-vue/es/tooltip';
+import { TooltipProps } from '@aplus-frontend/antdv/es/tooltip';
 export interface ApTagProps {
     /**
      * 标签内容

package/es/src/ap-upload/apUpload.vue.d.ts

@@ -1,10 +1,10 @@
 import { PropType, VNode, DefineComponent, ComputedRef, ComponentOptionsMixin, PublicProps, ExtractPropTypes, RendererNode, RendererElement } from 'vue';
-import { FileUploadType, BeforeUpload, CustomRequest } from './apUploadTypes';
+import { FileUploadType, BeforeUpload, CustomRequest, ApUploadSlots } from './apUploadTypes';
 import { GetOssAccess } from './hooks/useOss';
 declare function clear(): void;
 declare function setValue(val: any): void;
 declare function __VLS_template(): {
-    slots: Partial<Record<string, (_: any) => any>>;
+    slots: Readonly<ApUploadSlots> & ApUploadSlots;
     refs: {
         uploadRef: unknown;
     };

package/es/src/ap-upload/apUpload.vue.mjs

@@ -5,7 +5,7 @@ import "./components/MultipleFile.vue.mjs";
 import "./components/Picture.vue.mjs";
 import { injectLocaleToAccept as G } from "./utils/accept.mjs";
 import { injectLocaleToOss as I } from "./hooks/useOss.mjs";
-import { Form as H } from "ant-design-vue";
+import { Form as H } from "@aplus-frontend/antdv";
 import { useLocale as J } from "../config-provider/hooks/use-locale.mjs";
 import { useNamespace as K } from "../config-provider/hooks/use-namespace.mjs";
 import Q from "./components/SingleFile.vue2.mjs";

package/es/src/ap-upload/apUploadTypes.d.ts

@@ -92,3 +92,21 @@ export interface ApUploadExpose<SetValueType = any> {
     clear?: () => void;
     setValue?: (value: SetValueType) => void;
 }
+interface ApPictureUploadFile extends File {
+    uid: string;
+    thumbUrl?: string;
+    status: 'error' | 'success' | 'done' | 'uploading' | 'removed';
+    percent: number;
+    path?: string;
+    oss?: {
+        pauseUpload?: () => Promise<any>;
+    };
+    [key: string | number | symbol]: any;
+}
+export interface ApUploadSlots {
+    pictureContext: ({ fileList, remove }: {
+        fileList: ApPictureUploadFile[];
+        remove: (file: ApPictureUploadFile) => void;
+    }) => VNode;
+}
+export {};

package/es/src/ap-upload/components/MultipleFile.vue2.mjs

@@ -1,42 +1,42 @@
-import { defineComponent as $, inject as n, ref as j, watch as V, nextTick as W, openBlock as v, createElementBlock as C, normalizeClass as G, unref as s, createVNode as _, withCtx as L, createElementVNode as b, createTextVNode as H, toDisplayString as S, withModifiers as J, createBlock as K, resolveDynamicComponent as Q, createCommentVNode as X } from "vue";
+import { defineComponent as $, inject as n, ref as j, watch as V, nextTick as W, openBlock as h, createElementBlock as k, normalizeClass as G, unref as s, createVNode as C, withCtx as E, createElementVNode as L, createTextVNode as H, toDisplayString as b, withModifiers as J, createBlock as K, resolveDynamicComponent as Q, createCommentVNode as X } from "vue";
 import "../../config-provider/index.mjs";
-import { getPath as Y, getName as Z, getReturnData as x } from "../utils/returnData.mjs";
+import { getPath as Y, getName as Z, getReturnData as S } from "../utils/returnData.mjs";
 import { useOss as ee, getOssInstance as te } from "../hooks/useOss.mjs";
-import { message as m, Upload as oe, Button as ae } from "ant-design-vue";
+import { message as m, Upload as oe, Button as ae } from "@aplus-frontend/antdv";
 import { UploadOutlined as se } from "@ant-design/icons-vue";
 import { fileMatchesAccept as ne, getAcceptText as ie } from "../utils/accept.mjs";
-import { useLocale as le } from "../../config-provider/hooks/use-locale.mjs";
-import { useNamespace as re } from "../../config-provider/hooks/use-namespace.mjs";
+import { useLocale as re } from "../../config-provider/hooks/use-locale.mjs";
+import { useNamespace as le } from "../../config-provider/hooks/use-namespace.mjs";
 const ue = { class: "multiple-file-context" }, pe = { key: 0 }, ce = { key: 1 }, Ce = /* @__PURE__ */ $({
   __name: "MultipleFile",
   setup(me, { expose: B }) {
-    const { t: i } = le(), { b: U } = re("ap-upload-multiple-file"), { put: I } = ee(), P = n("theme"), z = n("dirName"), y = n("accept") || "*", A = n("maxSize") ?? 500, R = n("title") || i("ap.apUpload.uploadFile"), g = n("subTitle"), l = n("maxCount") ?? 10, d = n("uploadingCount"), F = n("beforeUpload"), N = n("customRequest"), O = n("getOssAccess"), a = n("value"), p = [], f = n("needName"), r = j(null);
+    const { t: i } = re(), { b: U } = le("ap-upload-multiple-file"), { put: I } = ee(), P = n("theme"), z = n("dirName"), x = n("accept") || "*", _ = n("maxSize") ?? 500, R = n("title") || i("ap.apUpload.uploadFile"), f = n("subTitle"), r = n("maxCount") ?? 10, d = n("uploadingCount"), A = n("beforeUpload"), F = n("customRequest"), O = n("getOssAccess"), a = n("value"), p = [], g = n("needName"), l = j(null);
     V(
       () => a == null ? void 0 : a.value,
       function(e) {
         var t, o;
-        !((o = (t = r == null ? void 0 : r.value) == null ? void 0 : t.fileList) != null && o.length) && e && T(e);
+        !((o = (t = l == null ? void 0 : l.value) == null ? void 0 : t.fileList) != null && o.length) && e && N(e);
       },
       { immediate: !0 }
     );
-    function T(e) {
+    function N(e) {
       if (!e) {
-        c = [], r.value.fileList = [], a.value = void 0, p.splice(0, p.length);
+        c = [], l.value.fileList = [], a.value = void 0, p.splice(0, p.length);
         return;
       }
       W(() => {
         const t = e.map((o) => {
-          const u = Y(f, o), w = Z(f, o), k = new File(
+          const u = Y(g, o), y = Z(g, o), w = new File(
             [o],
-            w,
+            y,
             {}
           );
-          return k.response = u, k.uid = u, k;
+          return w.response = u, w.uid = u, w;
         });
-        if (l && t.length > l) {
+        if (r && t.length > r) {
           m.warning(
             i("ap.apUpload.fileInitializationException", {
-              maxCount: l
+              maxCount: r
             })
           );
           return;
@@ -46,46 +46,46 @@ const ue = { class: "multiple-file-context" }, pe = { key: 0 }, ce = { key: 1 },
             uid: o.uid,
             path: o.response
           });
-        }), r.value.fileList = t, a.value = e;
+        }), l.value.fileList = t, a.value = e;
       });
     }
-    B({ setValue: T });
-    let c = [], E;
-    function h(e) {
+    B({ setValue: N });
+    let c = [], T;
+    function v(e) {
       setTimeout(() => {
-        const t = r.value.fileList.findIndex(
+        const t = l.value.fileList.findIndex(
           (o) => o.uid === e.uid
         );
-        t >= 0 && r.value.fileList.splice(t, 1);
+        t >= 0 && l.value.fileList.splice(t, 1);
       });
     }
     function q(e) {
-      if (l && l > 1 && c.length >= l)
-        return clearTimeout(E), E = setTimeout(() => {
+      if (r && r > 1 && c.length >= r)
+        return clearTimeout(T), T = setTimeout(() => {
           m.warning(
             i("ap.apUpload.maxUploadFiles", {
-              maxCount: l
+              maxCount: r
             })
           );
-        }), h(e), !1;
-      if (typeof F == "function") {
-        if (F(e) === !1)
-          return h(e), !1;
+        }), v(e), !1;
+      if (typeof A == "function") {
+        if (A(e) === !1)
+          return v(e), !1;
       } else {
-        if (e.size > A * 1024 * 1024)
+        if (e.size > _ * 1024 * 1024)
           return m.warning(
             i("ap.apUpload.maxUploadFileSize", {
-              maxSize: A
+              maxSize: _
             })
-          ), h(e), !1;
-        if (!ne(e, y))
-          return m.warning(i("ap.apUpload.fileFormatNotSupported")), h(e), !1;
+          ), v(e), !1;
+        if (!ne(e, x))
+          return m.warning(i("ap.apUpload.fileFormatNotSupported")), v(e), !1;
       }
-      l && l === 1 && (c = [], a.value = void 0), c.push(e);
+      r && r === 1 && (c = [], a.value = void 0), c.push(e);
     }
     async function D(e) {
-      if (d.value++, typeof N == "function") {
-        N({
+      if (d.value++, typeof F == "function") {
+        F({
           onProgress: (t) => {
             setTimeout(() => {
               e.onProgress({
@@ -104,10 +104,9 @@ const ue = { class: "multiple-file-context" }, pe = { key: 0 }, ce = { key: 1 },
           onSuccess: (t) => {
             setTimeout(() => {
               e.onSuccess(t);
-            }), a.value ? a.value.push(
-              x(f, t, e.file.name)
-            ) : a.value = [
-              x(f, t, e.file.name)
+            }), a.value = [
+              ...a.value || [],
+              S(g, t, e.file.name)
             ], p.push({
               uid: e.file.uid,
               path: t
@@ -124,10 +123,9 @@ const ue = { class: "multiple-file-context" }, pe = { key: 0 }, ce = { key: 1 },
           dirName: z,
           oss: t,
           successCallBack(o) {
-            e.onSuccess(o), a.value ? a.value.push(
-              x(f, o, e.file.name)
-            ) : a.value = [
-              x(f, o, e.file.name)
+            e.onSuccess(o), a.value = [
+              ...a.value || [],
+              S(g, o, e.file.name)
             ], p.push({
               uid: e.file.uid,
               path: o
@@ -158,7 +156,7 @@ const ue = { class: "multiple-file-context" }, pe = { key: 0 }, ce = { key: 1 },
       var o;
       if (e.response) {
         if (Array.isArray(a.value)) {
-          const u = p.findIndex((w) => w.uid === e.uid);
+          const u = p.findIndex((y) => y.uid === e.uid);
           u >= 0 && (a == null || a.value.splice(u, 1), p.splice(u, 1)), a.value.length === 0 && (a.value = void 0);
         }
       } else
@@ -168,18 +166,18 @@ const ue = { class: "multiple-file-context" }, pe = { key: 0 }, ce = { key: 1 },
       );
       return c.splice(t, 1), Promise.resolve(!0);
     }
-    return (e, t) => (v(), C("div", {
+    return (e, t) => (h(), k("div", {
       class: G({
         [s(U)()]: !0,
         [s(U)("admin")]: s(P) === "admin"
       })
     }, [
-      _(s(oe), {
+      C(s(oe), {
         ref_key: "uploadRef",
-        ref: r,
-        accept: s(y),
+        ref: l,
+        accept: s(x),
         multiple: "",
-        maxCount: s(l),
+        maxCount: s(r),
         progress: {
           strokeWidth: 3,
           showInfo: !1,
@@ -189,22 +187,22 @@ const ue = { class: "multiple-file-context" }, pe = { key: 0 }, ce = { key: 1 },
         customRequest: D,
         onRemove: M
       }, {
-        default: L(() => [
-          b("div", ue, [
-            _(s(ae), { class: "file-btn" }, {
-              default: L(() => [
-                _(s(se)),
-                H(" " + S(s(R)), 1)
+        default: E(() => [
+          L("div", ue, [
+            C(s(ae), { class: "file-btn" }, {
+              default: E(() => [
+                C(s(se)),
+                H(" " + b(s(R)), 1)
               ]),
               _: 1
             }),
-            b("div", {
+            L("div", {
               class: "sub-title",
               onClick: t[0] || (t[0] = J(() => {
               }, ["stop"]))
             }, [
-              typeof s(g) == "string" ? (v(), C("div", pe, S(s(g) || `${s(i)("ap.apUpload.supportExtension")}：${s(ie)(s(y))}`), 1)) : s(g) ? (v(), C("div", ce, [
-                (v(), K(Q(s(g))))
+              typeof s(f) == "string" ? (h(), k("div", pe, b(s(f) || `${s(i)("ap.apUpload.supportExtension")}：${s(ie)(s(x))}`), 1)) : s(f) ? (h(), k("div", ce, [
+                (h(), K(Q(s(f))))
               ])) : X("", !0)
             ])
           ])

package/es/src/ap-upload/components/Picture.vue.d.ts

@@ -1,6 +1,46 @@
+import { Oss } from '../hooks/useOss';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes } from 'vue';
 declare function setValue(val?: (string | Record<string, any>)[]): void;
-declare const _default: DefineComponent<{}, {
+interface UploadFile extends File {
+    uid: string;
+    thumbUrl?: string;
+    status: 'error' | 'success' | 'done' | 'uploading' | 'removed';
+    percent: number;
+    path?: string;
+    oss?: Oss;
+    [key: string | number | symbol]: any;
+}
+declare function handleRemove(uploadFile: UploadFile): Promise<boolean>;
+declare function __VLS_template(): {
+    slots: {
+        pictureContext?(_: {
+            fileList: {
+                oss: {
+                    pauseUpload: (() => Promise<{
+                        status: number;
+                        previewUrl?: string;
+                        saveUrl?: string;
+                        originalFileName?: string;
+                        message: string;
+                    }>) | undefined;
+                };
+            }[];
+            remove: typeof handleRemove;
+        }): any;
+    };
+    refs: {
+        fileRef: HTMLInputElement;
+    };
+    attrs: Partial<{}>;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<{}, {
     setValue: typeof setValue;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{}>>, {}, {}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};