vft 0.0.43 → 0.0.44

package/es/components/message/message.vue2.mjs

@@ -1,128 +0,0 @@
-import { defineComponent as E, ref as g, computed as i, onMounted as x, watch as O, openBlock as l, createBlock as R, Transition as V, unref as e, withCtx as H, withDirectives as I, createElementVNode as $, normalizeClass as c, normalizeStyle as D, createElementBlock as m, createVNode as w, normalizeProps as F, guardReactiveProps as P, createCommentVNode as k, renderSlot as U, toDisplayString as j, withModifiers as A, vShow as q } from "vue";
-import { EVENT_CODE as G } from "@vft/constants";
-import { isObject as J } from "@vft/utils";
-import { useResizeObserver as K, useTimeoutFn as Q } from "@vueuse/core";
-import { useEventListener as W } from "@vft/use";
-import { useNamespace as X } from "../../hooks/use-namespace/index.mjs";
-import "@popperjs/core";
-import "lodash";
-import "../../hooks/use-z-index/index.mjs";
-import "../../utils/ns-cover.mjs";
-import { getLastOffset as Y } from "./instance.mjs";
-import { VftIcon as B } from "../icon/index.mjs";
-const Z = ["id"], _ = ["innerHTML"], ee = ["onClick"], ge = /* @__PURE__ */ E({
-  __name: "message",
-  props: {
-    customClass: null,
-    center: { type: Boolean },
-    dangerouslyUseHTMLString: { type: Boolean },
-    duration: null,
-    icon: null,
-    id: null,
-    message: { type: [String, null, Function] },
-    onClose: { type: Function },
-    showClose: { type: Boolean },
-    type: null,
-    offset: null,
-    zIndex: null,
-    grouping: { type: Boolean },
-    repeatNum: null
-  },
-  emits: ["destroy"],
-  setup(t, { expose: M }) {
-    const o = t, n = X("message"), f = g(), r = g(!1), p = g(0);
-    let a;
-    const L = /* @__PURE__ */ new Map([
-      ["success", { icon: "i-ep:success-filled" }],
-      ["error", { icon: "i-ep:circle-close-filled" }],
-      ["warning", { icon: "i-ep:warning-filled" }]
-    ]), y = i(() => (o.icon ? J(o.icon) ? o.icon : { icon: o.icon } : "") || L.get(o.type) || ""), b = i(() => {
-      const s = o.type;
-      return { [n.bm("icon", s)]: s };
-    }), S = i(() => Y(o.id)), v = i(() => o.offset + S.value), T = i(() => p.value + v.value), z = i(() => ({
-      top: `${v.value}px`,
-      zIndex: o.zIndex
-    }));
-    function d() {
-      o.duration !== 0 && ({ stop: a } = Q(() => {
-        u();
-      }, o.duration));
-    }
-    function C() {
-      a == null || a();
-    }
-    function u() {
-      r.value = !1;
-    }
-    function N({ code: s }) {
-      s === G.esc && u();
-    }
-    return x(() => {
-      d(), r.value = !0;
-    }), O(
-      () => o.repeatNum,
-      () => {
-        C(), d();
-      }
-    ), W(document, "keydown", N), K(f, () => {
-      p.value = f.value.getBoundingClientRect().height;
-    }), M({
-      visible: r,
-      bottom: T,
-      close: u
-    }), (s, h) => (l(), R(V, {
-      name: e(n).b("fade"),
-      onBeforeLeave: t.onClose,
-      onAfterLeave: h[0] || (h[0] = (te) => s.$emit("destroy"))
-    }, {
-      default: H(() => [
-        I($("div", {
-          id: t.id,
-          ref_key: "messageRef",
-          ref: f,
-          class: c([
-            e(n).b(),
-            { [e(n).m(t.type)]: t.type && !t.icon },
-            e(n).is("center", t.center),
-            e(n).is("closable", t.showClose),
-            t.customClass
-          ]),
-          style: D(e(z)),
-          role: "alert",
-          onMouseenter: C,
-          onMouseleave: d
-        }, [
-          e(y) ? (l(), m("div", {
-            key: 0,
-            class: c([e(n).e("icon"), e(b)])
-          }, [
-            w(e(B), F(P(e(y))), null, 16)
-          ], 2)) : k("", !0),
-          U(s.$slots, "default", {}, () => [
-            t.dangerouslyUseHTMLString ? (l(), m("p", {
-              key: 1,
-              class: c(e(n).e("content")),
-              innerHTML: t.message
-            }, null, 10, _)) : (l(), m("p", {
-              key: 0,
-              class: c(e(n).e("content"))
-            }, j(t.message), 3))
-          ]),
-          t.showClose ? (l(), m("div", {
-            key: 1,
-            class: c(e(n).e("closeBtn")),
-            onClick: A(u, ["stop"])
-          }, [
-            w(e(B), { icon: "i-ep:circle-close" })
-          ], 10, ee)) : k("", !0)
-        ], 46, Z), [
-          [q, r.value]
-        ])
-      ]),
-      _: 3
-    }, 8, ["name", "onBeforeLeave"]));
-  }
-});
-export {
-  ge as default
-};

package/es/components/message/method.mjs

@@ -1,98 +0,0 @@
-import { render as u, createVNode as v } from "vue";
-import { isClient as b } from "@vueuse/core";
-import { isNumber as y, isString as g, isVNode as h, isFunction as a, isElement as z } from "@vft/utils";
-import "../config-provider/hooks/use-global-config.mjs";
-import "@popperjs/core";
-import "lodash";
-import { useZIndex as C } from "../../hooks/use-z-index/index.mjs";
-import { debugWarn as E } from "../../utils/error.mjs";
-import "../../utils/ns-cover.mjs";
-import _ from "./message.vue2.mjs";
-import { messageTypes as I, messageDefaults as M } from "./types.mjs";
-import { instances as r } from "./instance.mjs";
-import "../config-provider/index.mjs";
-import { messageConfig as x } from "../config-provider/constants.mjs";
-let N = 1;
-const T = (e) => {
-  const n = !e || g(e) || h(e) || a(e) ? { message: e } : e, o = {
-    ...M,
-    ...n
-  };
-  if (!o.appendTo)
-    o.appendTo = document.body;
-  else if (g(o.appendTo)) {
-    let t = document.querySelector(o.appendTo);
-    z(t) || (E("VftMessage", "the appendTo option is not an HTMLElement. Falling back to document.body."), t = document.body), o.appendTo = t;
-  }
-  return o;
-}, V = (e) => {
-  const n = r.indexOf(e);
-  if (n === -1)
-    return;
-  r.splice(n, 1);
-  const { handler: o } = e;
-  o.close();
-}, A = ({ appendTo: e, ...n }, o) => {
-  const { nextZIndex: t } = C(), s = `message_${N++}`, m = n.onClose, i = document.createElement("div"), c = {
-    ...n,
-    zIndex: t() + n.zIndex,
-    id: s,
-    onClose: () => {
-      m == null || m(), V(f);
-    },
-    // 清除 message element 防止内存泄漏
-    onDestroy: () => {
-      u(null, i);
-    }
-  }, p = v(_, c, a(c.message) || h(c.message) ? { default: a(c.message) ? c.message : () => c.message } : null);
-  p.appContext = o || l._context, u(p, i), e.appendChild(i.firstElementChild);
-  const d = p.component, f = {
-    id: s,
-    vnode: p,
-    vm: d,
-    handler: {
-      // instead of calling the onClose function directly,
-      // setting this value so that we can have the full lifecycle
-      // for out component, so that all closing steps will not be skipped.
-      close: () => {
-        d.exposed.visible.value = !1;
-      }
-    },
-    props: p.component.props
-  };
-  return f;
-}, l = (e = {}, n) => {
-  if (!b)
-    return { close: () => {
-    } };
-  if (y(x.max) && r.length >= x.max)
-    return { close: () => {
-    } };
-  const o = T(e);
-  if (o.grouping && r.length) {
-    const s = r.find(({ vnode: m }) => {
-      var i;
-      return ((i = m.props) == null ? void 0 : i.message) === o.message;
-    });
-    if (s)
-      return s.props.repeatNum += 1, s.props.type = o.type, s.handler;
-  }
-  const t = A(o, n);
-  return r.push(t), t.handler;
-};
-I.forEach((e) => {
-  l[e] = (n = {}, o) => {
-    const t = T(n);
-    return l({ ...t, type: e }, o);
-  };
-});
-function D(e) {
-  for (const n of r)
-    (!e || e === n.props.type) && n.handler.close();
-}
-l.closeAll = D;
-l._context = null;
-export {
-  D as closeAll,
-  l as default
-};

package/es/components/multiple-tabs/index.mjs

@@ -1,11 +0,0 @@
-import o from "./multiple-tabs.vue2.mjs";
-import { useTabDropdown as s } from "./use/use-tab-dropdown.mjs";
-import { initAffixTabs as i, useTabsDrag as p } from "./use/use-multiple-tabs.mjs";
-const t = o;
-export {
-  t as VftMultipleTabs,
-  t as default,
-  i as initAffixTabs,
-  s as useTabDropdown,
-  p as useTabsDrag
-};

package/es/components/multiple-tabs/multiple-tabs.vue.mjs

@@ -1,4 +0,0 @@
-import f from "./multiple-tabs.vue2.mjs";
-export {
-  f as default
-};

package/es/components/multiple-tabs/multiple-tabs.vue2.mjs

@@ -1,179 +0,0 @@
-import { defineComponent as _, ref as b, computed as h, watchEffect as D, unref as r, openBlock as x, createElementBlock as T, normalizeClass as E, normalizeStyle as H, createVNode as R, withCtx as C, Fragment as K, renderList as F, createBlock as U } from "vue";
-import { useRouterHelper as $, getRouterKeyPath as c, listenerRouteChange as j } from "@vft/router";
-import { useMultipleTabStore as q, useTabs as G } from "@vft/store";
-import { useRefs as J } from "@vft/use";
-import { generateCssVars as S } from "@vft/utils";
-import L from "hotkeys-js";
-import { useRouter as O, onBeforeRouteLeave as Q } from "vue-router";
-import { useNamespace as W } from "../../hooks/use-namespace/index.mjs";
-import "@popperjs/core";
-import "lodash";
-import "../../hooks/use-z-index/index.mjs";
-import "@vueuse/core";
-import "../../utils/ns-cover.mjs";
-import "../divider/index.mjs";
-import "../icon/index.mjs";
-import "../avatar/index.mjs";
-import "../empty/index.mjs";
-import "../result/index.mjs";
-import { VftTabs as X, VftTabPane as Y } from "../tabs/index.mjs";
-import "../popper/index.mjs";
-import "../collapse-transition/index.mjs";
-import "../tooltip/index.mjs";
-import "../popover/index.mjs";
-import "../menu/index.mjs";
-import { initAffixTabs as Z, useTabsDrag as tt } from "./use/use-multiple-tabs.mjs";
-import "../header-layout/index.mjs";
-import "../footer-layout/index.mjs";
-import "../iframe-layout/index.mjs";
-import "../router-view-content/index.mjs";
-import "../logo/index.mjs";
-import "../back-top/index.mjs";
-import "../config-provider/index.mjs";
-import "../descriptions/index.mjs";
-import "../full-screen/index.mjs";
-import "../icon-text/index.mjs";
-import "../image/index.mjs";
-import "../input/index.mjs";
-import "../link/index.mjs";
-import "../pagination/index.mjs";
-import "../tag/index.mjs";
-import "../side-menu/index.mjs";
-import "../qrcode/index.mjs";
-import "../overlay/index.mjs";
-import "../clamp/index.mjs";
-import "../clamp-toggle/index.mjs";
-import "../page-wrapper/index.mjs";
-import "../exception/index.mjs";
-import "../search/index.mjs";
-import "../md-container/index.mjs";
-import "../md-comment/index.mjs";
-import "../md-tabs/index.mjs";
-import "../md-vue-playground/index.mjs";
-import "../md-code-demo/index.mjs";
-import "../md-code-tabs/index.mjs";
-import "../message/index.mjs";
-import et from "./tab-content.vue2.mjs";
-const P = (
-  /* hoist-static*/
-  W("multiple-tabs")
-), ot = _({
-  name: P.b()
-}), ie = /* @__PURE__ */ _({
-  ...ot,
-  props: {
-    tabsStyle: null,
-    contextMenuStyle: null,
-    canDrag: { type: Boolean }
-  },
-  setup(f) {
-    const n = Z();
-    f.canDrag && tt(n);
-    const p = q(), i = b(""), m = b(0), d = b(), v = O(), { go: g } = $(), s = h(() => p.getTabList.filter((t) => {
-      var e;
-      return !((e = t.meta) != null && e.hideTab);
-    }));
-    D(() => {
-      var t;
-      if (i.value) {
-        const e = s.value.findIndex((o) => c(o) === i.value);
-        e === -1 ? m.value = ((t = s.value) == null ? void 0 : t.length) - 1 : m.value = e, m.value = m.value < (n == null ? void 0 : n.length) ? (n == null ? void 0 : n.length) - 1 : m.value;
-      }
-    }), Q(() => {
-      d.value = r(v.currentRoute);
-    }), j((t) => {
-      if (!t)
-        return;
-      const { meta: e = {} } = t, { currentActivePath: o, hideTab: a } = e, l = a ? o : null, u = c(t);
-      if (i.value !== u && (i.value = u), l) {
-        let y = v.getRoutes().find((z) => z.path === o);
-        y && p.addTab(y, r(d), m.value, t);
-      } else
-        p.addTab(r(t), r(d), m.value);
-    });
-    function M(t) {
-      var a, l;
-      if (i.value === t.paneName)
-        return;
-      const e = s.value[t.attrs.index];
-      i.value = t.paneName;
-      const o = (l = (a = e == null ? void 0 : e.meta) == null ? void 0 : a.hideActiveRoute) == null ? void 0 : l.fullPath;
-      g(o || e.fullPath || e.path);
-    }
-    function k(t) {
-      p.closeTabByKey(t, v);
-    }
-    const [B, I] = J();
-    function N(t) {
-      const e = t.pane.attrs.index, o = t.event;
-      B.value[e].handleContext(o);
-    }
-    const w = h(() => ({ ...S({
-      padding: "4px 0 0",
-      "header-height": "26px",
-      "item-color": "#5C5C5C",
-      "item-bg-color": "#f8f8f8",
-      "font-size": "13px",
-      "item-padding": "0 10px",
-      "close-icon-left": "8px",
-      "item-distance": "10px",
-      "item-max-width": "348px",
-      "header-margin": "0 0 0 8px"
-    }, "tabs", "vft"), ...f.tabsStyle })), { closeCurrent: V } = G();
-    L("command+e, ctrl+e", function() {
-      return V(), !1;
-    });
-    const A = h(() => ({
-      ...S({
-        border: "1px solid #dcdfe6",
-        "sub-item-height": "40px",
-        "item-min-width": "150px"
-      }, "menu", "vft"),
-      ...f.contextMenuStyle
-    }));
-    return (t, e) => (x(), T("div", {
-      class: E(r(P).b()),
-      style: H(r(w))
-    }, [
-      R(r(X), {
-        "model-value": i.value,
-        "onUpdate:modelValue": e[0] || (e[0] = (o) => i.value = o),
-        type: "card",
-        onTabClick: M,
-        onTabRemove: k,
-        onTabContextMenu: N,
-        closeIconCfg: { color: "white" }
-      }, {
-        default: C(() => [
-          (x(!0), T(K, null, F(r(s), (o, a) => {
-            var l;
-            return x(), U(r(Y), {
-              key: r(c)(o) + a,
-              closable: !((l = o.meta) != null && l.affix),
-              index: a,
-              name: r(c)(o)
-            }, {
-              label: C(() => {
-                var u;
-                return [
-                  R(et, {
-                    contextMenuStyle: r(A),
-                    affixNum: (u = r(n)) == null ? void 0 : u.length,
-                    ref_for: !0,
-                    ref: r(I)(a),
-                    tabItem: o
-                  }, null, 8, ["contextMenuStyle", "affixNum", "tabItem"])
-                ];
-              }),
-              _: 2
-            }, 1032, ["closable", "index", "name"]);
-          }), 128))
-        ]),
-        _: 1
-      }, 8, ["model-value"])
-    ], 6));
-  }
-});
-export {
-  ie as default
-};

package/es/components/multiple-tabs/tab-content.vue.mjs

@@ -1,4 +0,0 @@
-import f from "./tab-content.vue2.mjs";
-export {
-  f as default
-};

package/es/components/multiple-tabs/tab-content.vue2.mjs

@@ -1,83 +0,0 @@
-import { defineComponent as l, computed as u, openBlock as c, createElementBlock as s, unref as r, withModifiers as f, toDisplayString as x } from "vue";
-import "@vft/utils";
-import "@vft/use";
-import "../divider/index.mjs";
-import "../icon/index.mjs";
-import "../avatar/index.mjs";
-import "../empty/index.mjs";
-import "../result/index.mjs";
-import "../tabs/index.mjs";
-import "../popper/index.mjs";
-import "../collapse-transition/index.mjs";
-import "../tooltip/index.mjs";
-import "../popover/index.mjs";
-import "../menu/index.mjs";
-import "./multiple-tabs.vue2.mjs";
-import { useTabDropdown as b } from "./use/use-tab-dropdown.mjs";
-import "vue-router";
-import "@vft/store";
-import "../header-layout/index.mjs";
-import "../footer-layout/index.mjs";
-import "../iframe-layout/index.mjs";
-import "../router-view-content/index.mjs";
-import "../logo/index.mjs";
-import "../back-top/index.mjs";
-import "../config-provider/index.mjs";
-import "../descriptions/index.mjs";
-import "../full-screen/index.mjs";
-import "../icon-text/index.mjs";
-import "../image/index.mjs";
-import "../input/index.mjs";
-import "../link/index.mjs";
-import "../pagination/index.mjs";
-import "../tag/index.mjs";
-import "../side-menu/index.mjs";
-import "../qrcode/index.mjs";
-import "../overlay/index.mjs";
-import "../clamp/index.mjs";
-import "../clamp-toggle/index.mjs";
-import "../page-wrapper/index.mjs";
-import "../exception/index.mjs";
-import "../search/index.mjs";
-import "../md-container/index.mjs";
-import "../md-comment/index.mjs";
-import "../md-tabs/index.mjs";
-import "../md-vue-playground/index.mjs";
-import "../md-code-demo/index.mjs";
-import "../md-code-tabs/index.mjs";
-import "../message/index.mjs";
-import "../config-provider/hooks/use-global-config.mjs";
-import "@popperjs/core";
-import "lodash";
-import "../../hooks/use-z-index/index.mjs";
-import "@vueuse/core";
-import "../../utils/ns-cover.mjs";
-import { useContextMenu as d } from "../context-menu/useContextMenu.mjs";
-const C = ["title", "onContextmenu"], It = /* @__PURE__ */ l({
-  __name: "tab-content",
-  props: {
-    tabItem: null,
-    affixNum: null,
-    contextMenuStyle: null
-  },
-  setup(t, { expose: e }) {
-    const [p] = d(), m = u(() => t.tabItem.meta && t.tabItem.meta.title), { getDropMenuList: n, handleContextMenu: a } = b(t.tabItem, t.affixNum);
-    function i(o) {
-      a(t.tabItem)(o), p({
-        event: o,
-        styles: t.contextMenuStyle,
-        items: n.value
-      });
-    }
-    return e({
-      handleContext: i
-    }), (o, M) => (c(), s("span", {
-      title: r(m),
-      class: "vft-multiple-tabs__title",
-      onContextmenu: f(i, ["stop"])
-    }, x(r(m)), 41, C));
-  }
-});
-export {
-  It as default
-};

package/es/components/multiple-tabs/use/index.mjs

@@ -1,7 +0,0 @@
-import { useTabDropdown as a } from "./use-tab-dropdown.mjs";
-import { initAffixTabs as f, useTabsDrag as s } from "./use-multiple-tabs.mjs";
-export {
-  f as initAffixTabs,
-  a as useTabDropdown,
-  s as useTabsDrag
-};

package/es/components/overlay/index.mjs

@@ -1,10 +0,0 @@
-import { withInstall as t } from "../../utils/vue/install.mjs";
-import "vue";
-import "@vft/utils";
-import "../../utils/ns-cover.mjs";
-import o from "./overlay.vue2.mjs";
-const f = t(o);
-export {
-  f as VftOverlay,
-  f as default
-};

package/es/components/overlay/overlay.vue.mjs

@@ -1,4 +0,0 @@
-import f from "./overlay.vue2.mjs";
-export {
-  f as default
-};

package/es/components/overlay/overlay.vue2.mjs

@@ -1,76 +0,0 @@
-import { defineComponent as c, useSlots as x, createVNode as y, renderSlot as u, h as r } from "vue";
-import { useNamespace as v } from "../../hooks/use-namespace/index.mjs";
-import "@popperjs/core";
-import "lodash";
-import "../../hooks/use-z-index/index.mjs";
-import "@vueuse/core";
-import { noop as a } from "@vft/utils";
-import "../../utils/ns-cover.mjs";
-const i = (
-  /* hoist-static*/
-  v("overlay")
-), C = c({
-  name: i.b()
-}), V = /* @__PURE__ */ c({
-  ...C,
-  props: {
-    mask: { type: Boolean },
-    onlyNode: { type: Boolean },
-    customMaskEvent: { type: Boolean },
-    overlayClass: null,
-    zIndex: null
-  },
-  emits: ["click"],
-  setup(o, { emit: d }) {
-    const m = (n) => {
-      if (!n)
-        return { onClick: a, onMousedown: a, onMouseup: a };
-      let s = !1, l = !1;
-      return { onClick: (e) => {
-        s && l && n(e), s = l = !1;
-      }, onMousedown: (e) => {
-        s = e.target === e.currentTarget;
-      }, onMouseup: (e) => {
-        l = e.target === e.currentTarget;
-      } };
-    }, t = x(), p = (n) => {
-      d("click", n);
-    }, { onClick: f, onMousedown: M, onMouseup: k } = m(o.customMaskEvent ? void 0 : p);
-    return () => o.mask ? y(
-      "div",
-      {
-        class: [i.b(), o.overlayClass],
-        style: {
-          zIndex: o.zIndex
-        },
-        onClick: f,
-        onMousedown: M,
-        onMouseup: k
-      },
-      [u(t, "default")],
-      14,
-      ["onClick", "onMouseup", "onMousedown"]
-    ) : o.onlyNode ? r(
-      "div",
-      {},
-      [u(t, "default")]
-    ) : r(
-      "div",
-      {
-        class: o.overlayClass,
-        style: {
-          zIndex: o.zIndex,
-          position: "fixed",
-          top: "0px",
-          right: "0px",
-          bottom: "0px",
-          left: "0px"
-        }
-      },
-      [u(t, "default")]
-    );
-  }
-});
-export {
-  V as default
-};

package/es/components/page-wrapper/index.mjs

@@ -1,10 +0,0 @@
-import { withInstall as t } from "../../utils/vue/install.mjs";
-import "vue";
-import "@vft/utils";
-import "../../utils/ns-cover.mjs";
-import r from "./page-wrapper.vue2.mjs";
-const f = t(r);
-export {
-  f as VftPageWrapper,
-  f as default
-};

package/es/components/page-wrapper/page-wrapper.vue.mjs

@@ -1,4 +0,0 @@
-import f from "./page-wrapper.vue2.mjs";
-export {
-  f as default
-};

package/es/components/page-wrapper/page-wrapper.vue2.mjs

@@ -1,42 +0,0 @@
-import { defineComponent as s, openBlock as p, createElementBlock as i, normalizeClass as o, unref as e, createElementVNode as r, toDisplayString as m, renderSlot as c } from "vue";
-import { useNamespace as u } from "../../hooks/use-namespace/index.mjs";
-import "@popperjs/core";
-import "lodash";
-import "../../hooks/use-z-index/index.mjs";
-import "@vueuse/core";
-import "@vft/utils";
-import "../../utils/ns-cover.mjs";
-import { useRouterHelper as d } from "@vft/router";
-const t = (
-  /* hoist-static*/
-  u("page-wrapper")
-), f = s({
-  name: t.b()
-}), S = /* @__PURE__ */ s({
-  ...f,
-  props: {
-    title: null
-  },
-  setup(l) {
-    const { getTitle: n } = d();
-    return (a, _) => (p(), i("div", {
-      class: o(e(t).b())
-    }, [
-      r("div", {
-        class: o(e(t).e("header"))
-      }, [
-        r("span", {
-          class: o(e(t).e("title"))
-        }, m(l.title || e(n)), 3)
-      ], 2),
-      r("div", {
-        class: o(e(t).e("content"))
-      }, [
-        c(a.$slots, "default")
-      ], 2)
-    ], 2));
-  }
-});
-export {
-  S as default
-};

package/es/components/pagination/components/jumper.vue.mjs

@@ -1,4 +0,0 @@
-import f from "./jumper.vue2.mjs";
-export {
-  f as default
-};