@aplus-frontend/ui 0.4.11 → 0.4.13

package/es/src/business/ap-ladder/ApLadder.vue2.mjs

@@ -1,12 +1,13 @@
-import { defineComponent as Y, useSlots as Z, ref as R, useTemplateRef as x, computed as C, unref as o, onMounted as ee, onUnmounted as te, openBlock as l, createElementBlock as r, normalizeClass as y, createBlock as p, normalizeProps as T, mergeProps as j, createSlots as z, withCtx as f, Fragment as k, createElementVNode as m, normalizeStyle as d, toDisplayString as i, renderSlot as W, createCommentVNode as S, renderList as D, createTextVNode as le, isVNode as V, resolveDynamicComponent as b, createVNode as $ } from "vue";
-import { Tooltip as v } from "@aplus-frontend/antdv";
+import { defineComponent as Q, useSlots as U, ref as N, computed as h, unref as o, openBlock as l, createElementBlock as r, normalizeClass as a, createBlock as y, normalizeProps as E, mergeProps as C, createSlots as R, withCtx as c, Fragment as k, createElementVNode as m, normalizeStyle as p, toDisplayString as n, renderSlot as T, createCommentVNode as S, renderList as D, createTextVNode as X, isVNode as V, resolveDynamicComponent as b, createVNode as v } from "vue";
+import { Tooltip as j } from "@aplus-frontend/antdv";
 import "../../config-provider/index.mjs";
-import { locales as oe } from "./interface.mjs";
+import { locales as Y } from "./interface.mjs";
 import "./HelpMessageIcon.vue.mjs";
-import { useNamespace as re } from "../../config-provider/hooks/use-namespace.mjs";
-import { useGlobalConfig as se } from "../../config-provider/hooks/use-global-config.mjs";
-import B from "./HelpMessageIcon.vue2.mjs";
-const ne = { key: 1 }, ie = { key: 0 }, ae = { key: 1 }, ue = { key: 0 }, ye = ["onClick"], pe = { key: 0 }, de = { key: 1 }, Ce = /* @__PURE__ */ Y({
+import { useWatchEllipsis as Z, ellipsisElementCls as A } from "./useWatchEllipsis.mjs";
+import { useNamespace as x } from "../../config-provider/hooks/use-namespace.mjs";
+import { useGlobalConfig as ee } from "../../config-provider/hooks/use-global-config.mjs";
+import M from "./HelpMessageIcon.vue2.mjs";
+const te = { key: 1 }, le = { key: 0 }, oe = { key: 1 }, re = { key: 0 }, ie = ["onClick"], ne = { key: 0 }, se = { key: 1 }, Se = /* @__PURE__ */ Q({
   name: "ApLadder",
   __name: "ApLadder",
   props: {
@@ -45,30 +46,30 @@ const ne = { key: 1 }, ie = { key: 0 }, ae = { key: 1 }, ue = { key: 0 }, ye = [
     tooltipValueStyles: { type: [Boolean, null, String, Object, Array], default: void 0 }
   },
   setup(F) {
-    const P = Z(), s = F, { b: G, e: n, m: I } = re("ap-ladder"), q = se("uiMode", "aplus"), O = `ap-ladder-${Math.floor(Math.random() * 1e7)}`, H = n("ellipsis"), h = R(!1), _ = R(), g = x("valueRefs");
-    function U(t) {
-      var u;
-      const a = (u = g.value) == null ? void 0 : u[t];
-      return a ? getComputedStyle(a).color : void 0;
+    const P = U(), i = F, { b: z, e: s, m: G } = x("ap-ladder"), W = ee("uiMode", "aplus"), g = N([]), w = N(), H = Z(w);
+    function I(t) {
+      var f;
+      const u = (f = g.value) == null ? void 0 : f[t];
+      return u ? getComputedStyle(u).color : void 0;
     }
-    const J = C(() => s.labelValues.length === 0), K = C(() => s.labelValues.length > 0), w = C(() => s.majorColor ? {
-      color: `${s.majorColor}`
-    } : {}), E = C(() => s.minorColor ? {
-      color: `${s.minorColor}`
-    } : {}), A = (t) => t == null || typeof t == "string" && t.trim() === "", c = (t, a = {}) => {
+    const q = h(() => i.labelValues.length === 0), J = h(() => i.labelValues.length > 0), B = h(() => i.majorColor ? {
+      color: `${i.majorColor}`
+    } : {}), $ = h(() => i.minorColor ? {
+      color: `${i.minorColor}`
+    } : {}), _ = (t) => t == null || typeof t == "string" && t.trim() === "", d = (t, u = {}) => {
       const e = {
-        rawValue: a.rawValue,
-        precision: a.precision === void 0 ? 2 : a.precision,
-        thousand: a.thousand,
-        thousandSeparator: a.thousandSeparator || ",",
-        currency: a.currency,
-        percent: a.percent
+        rawValue: u.rawValue,
+        precision: u.precision === void 0 ? 2 : u.precision,
+        thousand: u.thousand,
+        thousandSeparator: u.thousandSeparator || ",",
+        currency: u.currency,
+        percent: u.percent
       };
       if (t === null || typeof t == "object" || typeof t == "function" || typeof t > "u")
         return "--";
       if (typeof t == "boolean")
         return t;
-      if (A(t))
+      if (_(t))
         return "--";
       if (e.rawValue)
         return t;
@@ -76,194 +77,175 @@ const ne = { key: 1 }, ie = { key: 0 }, ae = { key: 1 }, ue = { key: 0 }, ye = [
         if (e.percent)
           return `${t.toFixed(e.precision)}%`;
         if (e.currency)
-          return t.toLocaleString(oe[e.currency], {
+          return t.toLocaleString(Y[e.currency], {
             style: "currency",
             currency: e.currency
           });
         if (e.thousand) {
-          const [u, M] = t.toFixed(e.precision).split(".");
-          return `${u.replace(
+          const [f, L] = t.toFixed(e.precision).split(".");
+          return `${f.replace(
             /(\d)(?=(\d{3})+(?!\d))/g,
             `$1${e.thousandSeparator}`
-          )}.${M}`;
+          )}.${L}`;
         }
         return t.toFixed(e.precision);
       }
       return t;
-    }, Q = () => {
-      var e;
-      const t = document.getElementById(O);
-      if (!t)
-        return;
-      const a = t.querySelectorAll(`.${H}`);
-      _.value = new ResizeObserver((u) => {
-        u.forEach((M) => {
-          M.target === t && (h.value = !1, a.forEach((N) => {
-            N.clientWidth < N.scrollWidth && (h.value = !0);
-          }));
-        });
-      }), (e = o(_)) == null || e.observe(t), h.value = !1, a.forEach((u) => {
-        u.clientWidth < u.scrollWidth && (h.value = !0);
-      });
-    }, L = C(() => P.title ? !0 : s.tooltip && o(h)), X = (t) => {
+    }, O = h(() => P.title ? !0 : i.tooltip && o(H)), K = (t) => {
       t.link && window.open(t.link, "_blank"), typeof t.handleClickLink == "function" && t.handleClickLink();
     };
-    return ee(() => {
-      Q();
-    }), te(() => {
-      var t;
-      o(_) && ((t = o(_)) == null || t.disconnect());
-    }), (t, a) => (l(), r("div", {
-      id: O,
-      class: y([o(G)(), `${o(I)(o(q))}`])
+    return (t, u) => (l(), r("div", {
+      ref_key: "wrapperRef",
+      ref: w,
+      class: a([o(z)(), `${o(G)(o(W))}`])
     }, [
-      J.value ? (l(), p(o(v), T(j({ key: 0 }, { ...s.tooltipProps })), z({
-        default: f(() => [
-          !A(t.major) || !A(t.minor) ? (l(), r(k, { key: 0 }, [
-            s.layout === "vertical" ? (l(), r(k, { key: 0 }, [
+      q.value ? (l(), y(o(j), E(C({ key: 0 }, { ...i.tooltipProps })), R({
+        default: c(() => [
+          !_(t.major) || !_(t.minor) ? (l(), r(k, { key: 0 }, [
+            i.layout === "vertical" ? (l(), r(k, { key: 0 }, [
               m("div", {
-                class: y([o(n)("major"), o(n)("ellipsis")]),
-                style: d([t.majorStyles, w.value])
-              }, i(c(t.major)), 7),
+                class: a([o(s)("major"), o(s)("ellipsis"), o(A)]),
+                style: p([t.majorStyles, B.value])
+              }, n(d(t.major)), 7),
               m("div", {
-                class: y([o(n)("minor"), o(n)("ellipsis")]),
-                style: d([t.minorStyles, E.value])
-              }, i(c(t.minor)), 7)
+                class: a([o(s)("minor"), o(s)("ellipsis"), o(A)]),
+                style: p([t.minorStyles, $.value])
+              }, n(d(t.minor)), 7)
             ], 64)) : (l(), r("div", {
               key: 1,
-              class: y(o(n)("ellipsis"))
+              class: a([o(s)("ellipsis"), o(A)])
             }, [
               m("span", {
-                class: y([o(n)("major")]),
-                style: d([t.majorStyles, w.value])
-              }, i(c(t.major)), 7),
+                class: a([o(s)("major")]),
+                style: p([t.majorStyles, B.value])
+              }, n(d(t.major)), 7),
               m("span", {
-                class: y([o(n)("minor")]),
-                style: d([t.minorStyles, E.value])
-              }, i(c(t.minor)), 7)
+                class: a([o(s)("minor")]),
+                style: p([t.minorStyles, $.value])
+              }, n(d(t.minor)), 7)
             ], 2))
-          ], 64)) : (l(), r("div", ne, i("--")))
+          ], 64)) : (l(), r("div", te, n("--")))
         ]),
         _: 2
       }, [
-        L.value ? {
+        O.value ? {
           name: "title",
-          fn: f(() => [
-            P.title ? W(t.$slots, "title", { key: 0 }) : (l(), r(k, { key: 1 }, [
-              s.tooltipProps.title ? (l(), r("div", ie, i(s.tooltipProps.title), 1)) : (l(), r("div", ae, [
-                m("div", null, i(c(t.major)), 1),
-                m("div", null, i(c(t.minor)), 1)
+          fn: c(() => [
+            P.title ? T(t.$slots, "title", { key: 0 }) : (l(), r(k, { key: 1 }, [
+              i.tooltipProps.title ? (l(), r("div", le, n(i.tooltipProps.title), 1)) : (l(), r("div", oe, [
+                m("div", null, n(d(t.major)), 1),
+                m("div", null, n(d(t.minor)), 1)
               ]))
             ], 64))
           ]),
           key: "0"
         } : void 0
       ]), 1040)) : S("", !0),
-      K.value ? (l(), p(o(v), T(j({ key: 1 }, { ...s.tooltipProps })), z({
-        default: f(() => [
-          (l(!0), r(k, null, D(s.labelValues, (e, u) => (l(), r("div", {
-            key: u,
-            class: y([o(n)("cross-bar")])
+      J.value ? (l(), y(o(j), E(C({ key: 1 }, { ...i.tooltipProps })), R({
+        default: c(() => [
+          (l(!0), r(k, null, D(i.labelValues, (e, f) => (l(), r("div", {
+            key: f,
+            class: a([o(s)("cross-bar")])
           }, [
             m("div", {
-              class: y([o(n)("ellipsis")]),
-              style: d({ color: U(u) })
+              class: a([o(s)("ellipsis"), o(A)]),
+              style: p({ color: I(f) })
             }, [
               m("span", {
-                class: y(o(n)("label")),
-                style: d([
+                class: a(o(s)("label")),
+                style: p([
                   t.labelStyles,
                   e.labelStyles,
                   e.labelColor ? { color: e.labelColor } : void 0,
                   { textAlign: e.labelAlign || t.labelAlign }
                 ])
               }, [
-                le(i(e.label), 1),
-                e.label ? (l(), r("span", ue, "：")) : S("", !0)
+                X(n(e.label), 1),
+                e.label ? (l(), r("span", re, "：")) : S("", !0)
               ], 6),
-              V(e.value) ? (l(), p(b(e.value), {
+              V(e.value) ? (l(), y(b(e.value), {
                 key: 0,
                 ref_for: !0,
                 ref_key: "valueRefs",
                 ref: g,
                 style: { display: "inline-block" }
-              }, null, 512)) : typeof e.value == "function" ? (l(), p(b(e.value()), {
+              }, null, 512)) : typeof e.value == "function" ? (l(), y(b(e.value()), {
                 key: 1,
                 ref_for: !0,
                 ref_key: "valueRefs",
                 ref: g,
                 style: { display: "inline-block" }
               }, null, 512)) : (l(), r(k, { key: 2 }, [
-                A(e.link) ? (l(), r("span", {
+                _(e.link) ? (l(), r("span", {
                   key: 1,
                   ref_for: !0,
                   ref_key: "valueRefs",
                   ref: g,
-                  class: y(o(n)("value")),
-                  style: d([
+                  class: a(o(s)("value")),
+                  style: p([
                     t.valueStyles,
                     e.valueStyles,
                     e.valueColor ? { color: e.valueColor } : void 0
                   ])
-                }, i(c(e.value, { ...e })), 7)) : (l(), r("span", {
+                }, n(d(e.value, { ...e })), 7)) : (l(), r("span", {
                   key: 0,
                   ref_for: !0,
                   ref_key: "valueRefs",
                   ref: g,
-                  class: y(o(n)("link")),
-                  style: d([
+                  class: a(o(s)("link")),
+                  style: p([
                     t.linkStyles,
                     e.linkStyles,
                     e.linkColor ? { color: e.linkColor } : void 0
                   ]),
-                  onClick: (M) => X(e)
-                }, i(c(e.value, { ...e })), 15, ye))
+                  onClick: (L) => K(e)
+                }, n(d(e.value, { ...e })), 15, ie))
               ], 64)),
               e.unit ? (l(), r("span", {
                 key: 3,
-                class: y(o(n)("unit")),
-                style: d([
+                class: a(o(s)("unit")),
+                style: p([
                   t.unitStyles,
                   e.unitStyles,
                   e.unitColor ? { color: e.unitColor } : void 0
                 ])
-              }, i(e.unit), 7)) : S("", !0)
+              }, n(e.unit), 7)) : S("", !0)
             ], 6),
             e.helpMessage ? (l(), r("div", {
               key: 0,
-              class: y([o(n)("help-message")])
+              class: a([o(s)("help-message")])
             }, [
-              V(e.helpMessage) ? (l(), p(o(v), j({
+              V(e.helpMessage) ? (l(), y(o(j), C({
                 key: 0,
                 ref_for: !0
               }, { ...e.helpMessageTooltipProps }), {
-                title: f(() => [
-                  (l(), p(b(e.helpMessage)))
+                title: c(() => [
+                  (l(), y(b(e.helpMessage)))
                 ]),
-                default: f(() => [
-                  $(B, { lv: e }, null, 8, ["lv"])
+                default: c(() => [
+                  v(M, { lv: e }, null, 8, ["lv"])
                 ]),
                 _: 2
-              }, 1040)) : typeof e.helpMessage == "function" ? (l(), p(o(v), j({
+              }, 1040)) : typeof e.helpMessage == "function" ? (l(), y(o(j), C({
                 key: 1,
                 ref_for: !0
               }, { ...e.helpMessageTooltipProps }), {
-                title: f(() => [
-                  (l(), p(b(e.helpMessage())))
+                title: c(() => [
+                  (l(), y(b(e.helpMessage())))
                 ]),
-                default: f(() => [
-                  $(B, { lv: e }, null, 8, ["lv"])
+                default: c(() => [
+                  v(M, { lv: e }, null, 8, ["lv"])
                 ]),
                 _: 2
-              }, 1040)) : (l(), p(o(v), j({
+              }, 1040)) : (l(), y(o(j), C({
                 key: 2,
                 ref_for: !0
               }, { ...e.helpMessageTooltipProps }, {
                 placement: "bottom",
                 title: e.helpMessage
               }), {
-                default: f(() => [
-                  $(B, { lv: e }, null, 8, ["lv"])
+                default: c(() => [
+                  v(M, { lv: e }, null, 8, ["lv"])
                 ]),
                 _: 2
               }, 1040, ["title"]))
@@ -272,29 +254,29 @@ const ne = { key: 1 }, ie = { key: 0 }, ae = { key: 1 }, ue = { key: 0 }, ye = [
         ]),
         _: 2
       }, [
-        L.value ? {
+        O.value ? {
           name: "title",
-          fn: f(() => [
-            P.title ? W(t.$slots, "title", { key: 0 }) : (l(), r(k, { key: 1 }, [
-              s.tooltipProps.title ? (l(), r("div", pe, i(s.tooltipProps.title), 1)) : (l(), r("div", de, [
-                (l(!0), r(k, null, D(s.labelValues, (e, u) => (l(), r("div", {
-                  key: u,
+          fn: c(() => [
+            P.title ? T(t.$slots, "title", { key: 0 }) : (l(), r(k, { key: 1 }, [
+              i.tooltipProps.title ? (l(), r("div", ne, n(i.tooltipProps.title), 1)) : (l(), r("div", se, [
+                (l(!0), r(k, null, D(i.labelValues, (e, f) => (l(), r("div", {
+                  key: f,
                   style: { "word-break": "break-all" }
                 }, [
                   e.label ? (l(), r("span", {
                     key: 0,
-                    style: d([t.tooltipLabelStyles, e.tooltipLabelStyles])
-                  }, i(e.label) + "：", 5)) : S("", !0),
-                  V(e.value) ? (l(), p(b(e.value), {
+                    style: p([t.tooltipLabelStyles, e.tooltipLabelStyles])
+                  }, n(e.label) + "：", 5)) : S("", !0),
+                  V(e.value) ? (l(), y(b(e.value), {
                     key: 1,
                     style: { display: "inline-block" }
-                  })) : typeof e.value == "function" ? (l(), p(b(e.value()), {
+                  })) : typeof e.value == "function" ? (l(), y(b(e.value()), {
                     key: 2,
                     style: { display: "inline-block" }
                   })) : (l(), r("span", {
                     key: 3,
-                    style: d([t.tooltipValueStyles, e.tooltipValueStyles])
-                  }, i(c(e.value, { ...e })), 5))
+                    style: p([t.tooltipValueStyles, e.tooltipValueStyles])
+                  }, n(d(e.value, { ...e })), 5))
                 ]))), 128))
               ]))
             ], 64))
@@ -306,5 +288,5 @@ const ne = { key: 1 }, ie = { key: 0 }, ae = { key: 1 }, ue = { key: 0 }, ye = [
   }
 });
 export {
-  Ce as default
+  Se as default
 };

package/es/src/business/ap-ladder/index.d.ts

@@ -88,6 +88,7 @@ declare const ApLadder: {
         tooltipLabelStyles: string | false | CSSProperties | StyleValue[] | null;
         tooltipValueStyles: string | false | CSSProperties | StyleValue[] | null;
     }, false, {}, {}, GlobalComponents, GlobalDirectives, string, {
+        wrapperRef: HTMLDivElement;
         valueRefs: HTMLSpanElement;
     }, HTMLDivElement, ComponentProvideOptions, {
         P: {};

package/es/src/business/ap-ladder/useWatchEllipsis.d.ts

@@ -0,0 +1,3 @@
+import { Ref } from 'vue';
+export declare const ellipsisElementCls = "ap-ladder-is-ellipsised";
+export declare const useWatchEllipsis: (target: Ref<HTMLElement | undefined>) => Ref<boolean, boolean>;

package/es/src/business/ap-ladder/useWatchEllipsis.mjs

@@ -0,0 +1,35 @@
+import { isClient as a } from "@vueuse/core";
+import { ref as c, watch as n } from "vue";
+const r = /* @__PURE__ */ new WeakMap();
+let l;
+const p = "ap-ladder-is-ellipsised";
+function o(i) {
+  const t = i.querySelectorAll(`.${p}`);
+  let e = !1;
+  return t.forEach((s) => {
+    s.clientWidth < s.scrollWidth && (e = !0);
+  }), e;
+}
+a && (l = new ResizeObserver((i) => {
+  for (const t of i) {
+    const e = t.target;
+    if (r.has(e)) {
+      const s = o(e);
+      r.get(e).value = s;
+    }
+  }
+}));
+const h = (i) => {
+  const t = c(!1);
+  return n(
+    () => i.value,
+    (e, s) => {
+      e && l.observe(e), s && l.unobserve(s), e && r.set(e, t), s && r.delete(s), e && (t.value = o(e));
+    },
+    { flush: "post", immediate: !0 }
+  ), t;
+};
+export {
+  p as ellipsisElementCls,
+  h as useWatchEllipsis
+};

package/es/src/business/ap-table-modal/hooks/use-table-select-modal.d.ts

@@ -1,4 +1,4 @@
-import { OpenOptions, UseTableSelectModalProps, OpenReturnType } from '../interface';
+import { OpenOptions, UseTableSelectModalProps } from '../interface';
 import { Recordable } from '../../../type';
 import { TableColumnsType } from '@aplus-frontend/antdv';
 export declare function useTableSelectModal<TableRowType = Record<string, any>>(props: UseTableSelectModalProps<TableRowType>): {
@@ -24,7 +24,10 @@ export declare function useTableSelectModal<TableRowType = Record<string, any>>(
         getShownColumns: () => TableColumnsType<any>;
     } | null | undefined;
     isDestroyed: true;
-    open: (selected?: any[], options?: OpenOptions) => Promise< OpenReturnType<TableRowType>>;
+    open: (selected?: any[], options?: OpenOptions) => Promise<{
+        keys: any[];
+        rows: TableRowType[];
+    }>;
     destroy: () => void;
     close: () => void;
 };

package/es/src/business/ap-table-modal/hooks/use-table-select-modal.mjs

@@ -1,27 +1,37 @@
-import { onUnmounted as m } from "vue";
-import { useCreateTableModal as w } from "./use-create-table-modal.mjs";
-const f = (e) => e.id;
-function K(e) {
-  const { finishCallback: o, getRowKey: r, ...a } = e, { destroy: t, openModal: c, closeModal: d, ...l } = w({
-    ...a,
+import { onUnmounted as f } from "vue";
+import { useCreateTableModal as i } from "./use-create-table-modal.mjs";
+import { AsyncOpenResultError as d } from "../interface.mjs";
+const p = (t) => t.id;
+function K(t) {
+  const { finishCallback: n, getRowKey: e, ...u } = t, { destroy: a, openModal: y, closeModal: c, ...m } = i({
+    ...u,
     destroyOnUnmounted: !1,
-    getRowKey: r || f
-  }), u = async (p = [], y = {}) => {
-    const s = await c(p, y) || {
-      keys: [],
-      rows: []
-    };
-    return o == null || o(s), s;
-  }, n = () => {
-    d();
+    getRowKey: e || p
+  }), l = async (o = [], w = {}) => {
+    try {
+      const r = await y(o, w) || {
+        keys: [],
+        rows: []
+      };
+      return n == null || n(r), r;
+    } catch (r) {
+      if (r === d.ModalCancel)
+        return {
+          keys: o == null ? void 0 : o.map(e || p),
+          rows: o
+        };
+      throw r;
+    }
+  }, s = () => {
+    c();
   };
-  return m(() => {
-    n(), t();
+  return f(() => {
+    s(), a();
   }), {
-    open: u,
-    destroy: t,
-    close: n,
-    ...l
+    open: l,
+    destroy: a,
+    close: s,
+    ...m
   };
 }
 export {

package/es/src/business/ap-table-modal/interface.d.ts

@@ -72,7 +72,9 @@ export interface ModalTitleSlots {
 /** table-layout Props */
 export interface TableLayoutConfig {
     /** 左侧标题 */
-    leftTitle?: string;
+    leftTitle?: string | VNodeChild;
+    /** 右侧标题 */
+    rightTitle?: (selectedCount: number) => string | VNodeChild;
     /** 已经选择item渲染, renderSelectedItem有值才为复杂布局 */
     renderSelectedItem?: (record: any, actions: {
         deleteItem: (record: any) => void;

package/es/src/business/ap-table-modal/table-layout/index.vue.d.ts

@@ -1,5 +1,5 @@
 import { TableLayoutConfig } from '../interface';
-import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, VNodeArrayChildren, VNode, RendererNode, RendererElement, ComponentProvideOptions } from 'vue';
 type __VLS_Props = TableLayoutConfig & {
     selectedList: any[];
 };
@@ -20,7 +20,9 @@ declare const __VLS_component: DefineComponent<__VLS_Props, {}, {}, {}, {}, Comp
     onClear?: (() => any) | undefined;
     onDeleteItem?: ((record: any) => any) | undefined;
 }>, {
-    leftTitle: string;
+    leftTitle: string | number | boolean | void | VNodeArrayChildren | VNode<RendererNode, RendererElement, {
+        [key: string]: any;
+    }> | null;
     selectedList: any[];
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;