vft 0.0.363 → 0.0.365

package/es/components/multiple-tabs/use/use-tab-dropdown.js

@@ -1,92 +1,84 @@
-import { getRouterKeyPath } from "@vft/router";
-import { useMultipleTabStore, useTabs } from "@vft/store";
-import { reactive, computed } from "vue";
-function useTabDropdown(tabItem, affixNum) {
-  const state = reactive({
+import { getRouterKeyPath as d } from "@vft/router";
+import { useMultipleTabStore as C, useTabs as D } from "@vft/store";
+import "@vft/utils";
+import { reactive as v, computed as w } from "vue";
+import "../../context-menu/context-menu.vue2.js";
+import "../../icon/index.js";
+import "vue-router";
+function E(e, n) {
+  const i = v({
     current: null,
     currentIndex: 0
-  });
-  const tabStore = useMultipleTabStore();
-  const {
-    refreshPage,
-    closeAll,
-    close,
-    closeLeft,
-    closeOther,
-    closeRight,
-    newWinTab
-  } = useTabs();
-  const getDropMenuList = computed(() => {
-    if (!tabItem) {
+  }), t = C(), {
+    refreshPage: a,
+    closeAll: g,
+    close: u,
+    closeLeft: h,
+    closeOther: p,
+    closeRight: b,
+    newWinTab: f
+  } = D(), x = w(() => {
+    if (!e)
       return;
-    }
-    const { meta } = tabItem;
-    const index = state.currentIndex;
-    const closeLeftDisabled = index === 0 || index <= affixNum;
-    const closeRightDisabled = tabStore.getTabList.length <= affixNum || index === tabStore.getTabList.length - 1 && tabStore.getLastDragEndIndex >= 0;
-    const closeOtherDisabled = tabStore.getTabList.length === affixNum || tabStore.getTabList.length === affixNum + 1 && index === affixNum;
-    const disabled = tabStore.getTabList.length === affixNum;
-    const dropMenuList = [
+    const { meta: r } = e, o = i.currentIndex, c = o === 0 || o <= n, s = t.getTabList.length <= n || o === t.getTabList.length - 1 && t.getLastDragEndIndex >= 0, T = t.getTabList.length === n || t.getTabList.length === n + 1 && o === n, l = t.getTabList.length === n;
+    return [
       {
         iconCfg: { icon: "icon-refresh-right" },
         text: "刷新",
-        handler: () => refreshPage(tabItem)
+        handler: () => a(e)
       },
       {
         iconCfg: { icon: "icon-new-tab" },
         text: "新页面打开",
-        handler: () => newWinTab(tabItem),
-        divider: true
+        handler: () => f(e),
+        divider: !0
       },
       {
         iconCfg: { icon: "icon-close-tab" },
         text: "关闭标签页",
-        disabled: !!meta?.affix || disabled,
-        handler: () => close(tabItem)
+        disabled: !!r?.affix || l,
+        handler: () => u(e)
       },
       {
         iconCfg: { icon: "icon-arrow-close-left" },
         text: "关闭左侧标签页",
-        disabled: closeLeftDisabled,
-        handler: () => closeLeft(tabItem)
+        disabled: c,
+        handler: () => h(e)
       },
       {
         iconCfg: { icon: "icon-arrow-close-right" },
         text: "关闭右侧标签页",
-        disabled: closeRightDisabled,
-        divider: true,
-        handler: () => closeRight(tabItem)
+        disabled: s,
+        divider: !0,
+        handler: () => b(e)
       },
       {
         iconCfg: { icon: "icon-close-box-multiple-outline" },
         text: "关闭其它标签页",
-        disabled: closeOtherDisabled,
-        handler: () => closeOther(tabItem)
+        disabled: T,
+        handler: () => p(e)
       },
       {
         iconCfg: { icon: "icon-vector-square-delete" },
         text: "关闭所有标签页",
-        disabled,
-        handler: () => closeAll()
+        disabled: l,
+        handler: () => g()
       }
     ];
-    return dropMenuList;
   });
-  function handleContextMenu(tabItem2) {
-    return (e) => {
-      if (!tabItem2) {
+  function L(r) {
+    return (o) => {
+      if (!r)
         return;
-      }
-      e?.preventDefault();
-      const index = tabStore.getTabList.findIndex(
-        (tab) => getRouterKeyPath(tab) === getRouterKeyPath(tabItem2)
+      o?.preventDefault();
+      const c = t.getTabList.findIndex(
+        (s) => d(s) === d(r)
       );
-      state.current = tabItem2;
-      state.currentIndex = index;
+      i.current = r, i.currentIndex = c;
     };
   }
-  return { getDropMenuList, handleContextMenu };
+  return { getDropMenuList: x, handleContextMenu: L };
 }
 export {
-  useTabDropdown
+  E as useTabDropdown
 };

package/es/components/notification/index.js

@@ -1,11 +1,16 @@
-import notify from "./notify.js";
-import { notificationEmits, notificationProps, notificationTypes } from "./notification.js";
-import { withInstallFunction } from "../../utils/vue/install.js";
-const VftNotification = withInstallFunction(notify, "$notify");
+import "@vueuse/core";
+import "@vft/utils";
+import "../config-provider/hooks/use-global-config.js";
+import "vue";
+import { withInstallFunction as t } from "../../utils/vue/install.js";
+import "lodash-es";
+import o from "./notify.js";
+import { notificationEmits as l, notificationProps as y, notificationTypes as u } from "./notification.js";
+const c = t(o, "$notify");
 export {
-  VftNotification,
-  VftNotification as default,
-  notificationEmits,
-  notificationProps,
-  notificationTypes
+  c as VftNotification,
+  c as default,
+  l as notificationEmits,
+  y as notificationProps,
+  u as notificationTypes
 };

package/es/components/notification/notification.js

@@ -1,12 +1,15 @@
-import { buildProps, definePropType } from "../../utils/vue/props/runtime.js";
-const notificationTypes = [
+import "@vueuse/core";
+import "@vft/utils";
+import "../config-provider/hooks/use-global-config.js";
+import "vue";
+import { buildProps as e, definePropType as t } from "../../utils/vue/props/runtime.js";
+const o = [
   "primary",
   "success",
   "info",
   "warning",
   "error"
-];
-const notificationProps = buildProps({
+], s = e({
   /**
    * @description custom class name for Notification
    */
@@ -42,7 +45,7 @@ const notificationProps = buildProps({
    * @description description text
    */
   message: {
-    type: definePropType([
+    type: t([
       String,
       Object,
       Function
@@ -60,15 +63,16 @@ const notificationProps = buildProps({
    * @description callback function when notification clicked
    */
   onClick: {
-    type: definePropType(Function),
-    default: () => void 0
+    type: t(Function),
+    default: () => {
+    }
   },
   /**
    * @description callback function when closed
    */
   onClose: {
-    type: definePropType(Function),
-    required: true
+    type: t(Function),
+    required: !0
   },
   /**
    * @description custom position
@@ -83,7 +87,7 @@ const notificationProps = buildProps({
    */
   showClose: {
     type: Boolean,
-    default: true
+    default: !0
   },
   /**
    * @description title
@@ -97,7 +101,7 @@ const notificationProps = buildProps({
    */
   type: {
     type: String,
-    values: [...notificationTypes, ""],
+    values: [...o, ""],
     default: ""
   },
   /**
@@ -111,12 +115,11 @@ const notificationProps = buildProps({
     type: String,
     default: "icon-close"
   }
-});
-const notificationEmits = {
-  destroy: () => true
+}), l = {
+  destroy: () => !0
 };
 export {
-  notificationEmits,
-  notificationProps,
-  notificationTypes
+  l as notificationEmits,
+  s as notificationProps,
+  o as notificationTypes
 };

package/es/components/notification/notification.vue.js

@@ -1,4 +1,4 @@
-import _sfc_main from "./notification.vue2.js";
+import f from "./notification.vue2.js";
 export {
-  _sfc_main as default
+  f as default
 };

package/es/components/notification/notification.vue2.js

@@ -1,146 +1,112 @@
-import { defineComponent, ref, computed, onMounted, createBlock, openBlock, Transition, unref, withCtx, withDirectives, createElementVNode, normalizeStyle, normalizeClass, createCommentVNode, toDisplayString, renderSlot, createElementBlock, vShow, withModifiers } from "vue";
-import { useEventListener, useTimeoutFn } from "@vueuse/core";
-import { VftIcon } from "../icon/index.js";
-import { notificationEmits, notificationProps } from "./notification.js";
-import { useGlobalComponentSettings } from "../config-provider/hooks/use-global-config.js";
-import { EVENT_CODE } from "../../constants/aria.js";
-const _hoisted_1 = ["id"];
-const _hoisted_2 = ["textContent"];
-const _hoisted_3 = { key: 0 };
-const _hoisted_4 = ["innerHTML"];
-const __default__ = defineComponent({
+import { defineComponent as S, ref as W, computed as l, onMounted as Z, createBlock as m, openBlock as r, Transition as A, unref as t, withCtx as F, withDirectives as k, createElementVNode as u, normalizeStyle as h, normalizeClass as s, createCommentVNode as w, toDisplayString as T, renderSlot as G, createElementBlock as M, vShow as E, withModifiers as K } from "vue";
+import { useEventListener as O, useTimeoutFn as U } from "@vueuse/core";
+import { EVENT_CODE as p } from "../../constants/aria.js";
+import "../config-provider/index.js";
+import { VftIcon as L } from "../icon/index.js";
+import { notificationEmits as j, notificationProps as q } from "./notification.js";
+import { useGlobalComponentSettings as J } from "../config-provider/hooks/use-global-config.js";
+const Q = ["id"], R = ["textContent"], X = { key: 0 }, Y = ["innerHTML"], _ = S({
   name: "VftNotification"
-});
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  props: notificationProps,
-  emits: notificationEmits,
-  setup(__props, { expose: __expose }) {
-    const props = __props;
-    const TypeComponentsMap = {
+}), le = /* @__PURE__ */ S({
+  ..._,
+  props: q,
+  emits: j,
+  setup(b, { expose: z }) {
+    const o = b, d = {
       primary: "icon-info-filled",
       success: "icon-success-filled",
       warning: "icon-warning-filled",
       error: "icon-error-filled",
       info: "icon-info-filled"
-    };
-    const { ns, zIndex } = useGlobalComponentSettings("notification");
-    const { nextZIndex, currentZIndex } = zIndex;
-    const visible = ref(false);
-    let timer = void 0;
-    const typeClass = computed(() => {
-      const type = props.type;
-      return type && TypeComponentsMap[props.type] ? ns.m(type) : "";
-    });
-    const iconComponent = computed(() => {
-      if (!props.type) return props.icon;
-      return TypeComponentsMap[props.type] || props.icon;
-    });
-    const horizontalClass = computed(
-      () => props.position.endsWith("right") ? "right" : "left"
-    );
-    const verticalProperty = computed(
-      () => props.position.startsWith("top") ? "top" : "bottom"
-    );
-    const positionStyle = computed(() => {
-      return {
-        [verticalProperty.value]: `${props.offset}px`,
-        zIndex: props.zIndex ?? currentZIndex.value
-      };
-    });
-    function startTimer() {
-      if (props.duration > 0) {
-        ({ stop: timer } = useTimeoutFn(() => {
-          if (visible.value) close();
-        }, props.duration));
-      }
+    }, { ns: n, zIndex: B } = J("notification"), { nextZIndex: I, currentZIndex: V } = B, i = W(!1);
+    let v;
+    const N = l(() => {
+      const e = o.type;
+      return e && d[o.type] ? n.m(e) : "";
+    }), y = l(() => o.type && d[o.type] || o.icon), $ = l(
+      () => o.position.endsWith("right") ? "right" : "left"
+    ), D = l(
+      () => o.position.startsWith("top") ? "top" : "bottom"
+    ), H = l(() => ({
+      [D.value]: `${o.offset}px`,
+      zIndex: o.zIndex ?? V.value
+    }));
+    function f() {
+      o.duration > 0 && ({ stop: v } = U(() => {
+        i.value && a();
+      }, o.duration));
     }
-    function clearTimer() {
-      timer?.();
+    function C() {
+      v?.();
     }
-    function close() {
-      visible.value = false;
+    function a() {
+      i.value = !1;
     }
-    function onKeydown({ code }) {
-      if (code === EVENT_CODE.delete || code === EVENT_CODE.backspace) {
-        clearTimer();
-      } else if (code === EVENT_CODE.esc) {
-        if (visible.value) {
-          close();
-        }
-      } else {
-        startTimer();
-      }
+    function P({ code: e }) {
+      e === p.delete || e === p.backspace ? C() : e === p.esc ? i.value && a() : f();
     }
-    onMounted(() => {
-      startTimer();
-      nextZIndex();
-      visible.value = true;
-    });
-    useEventListener(document, "keydown", onKeydown);
-    __expose({
-      visible,
+    return Z(() => {
+      f(), I(), i.value = !0;
+    }), O(document, "keydown", P), z({
+      visible: i,
       /** @description close notification */
-      close
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(Transition, {
-        name: unref(ns).b("fade"),
-        onBeforeLeave: _ctx.onClose,
-        onAfterLeave: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("destroy"))
-      }, {
-        default: withCtx(() => [
-          withDirectives(createElementVNode("div", {
-            id: _ctx.id,
-            class: normalizeClass([unref(ns).b(), _ctx.customClass, horizontalClass.value]),
-            style: normalizeStyle(positionStyle.value),
-            role: "alert",
-            onMouseenter: clearTimer,
-            onMouseleave: startTimer,
-            onClick: _cache[0] || (_cache[0] = //@ts-ignore
-            (...args) => _ctx.onClick && _ctx.onClick(...args))
+      close: a
+    }), (e, c) => (r(), m(A, {
+      name: t(n).b("fade"),
+      onBeforeLeave: e.onClose,
+      onAfterLeave: c[1] || (c[1] = (g) => e.$emit("destroy"))
+    }, {
+      default: F(() => [
+        k(u("div", {
+          id: e.id,
+          class: s([t(n).b(), e.customClass, $.value]),
+          style: h(H.value),
+          role: "alert",
+          onMouseenter: C,
+          onMouseleave: f,
+          onClick: c[0] || (c[0] = //@ts-ignore
+          (...g) => e.onClick && e.onClick(...g))
+        }, [
+          y.value ? (r(), m(t(L), {
+            key: 0,
+            icon: y.value,
+            class: s([t(n).e("icon"), N.value])
+          }, null, 8, ["icon", "class"])) : w("", !0),
+          u("div", {
+            class: s(t(n).e("group"))
           }, [
-            iconComponent.value ? (openBlock(), createBlock(unref(VftIcon), {
-              key: 0,
-              icon: iconComponent.value,
-              class: normalizeClass([unref(ns).e("icon"), typeClass.value])
-            }, null, 8, ["icon", "class"])) : createCommentVNode("", true),
-            createElementVNode("div", {
-              class: normalizeClass(unref(ns).e("group"))
+            u("h2", {
+              class: s(t(n).e("title")),
+              textContent: T(e.title)
+            }, null, 10, R),
+            k(u("div", {
+              class: s(t(n).e("content")),
+              style: h(e.title ? void 0 : { margin: 0 })
             }, [
-              createElementVNode("h2", {
-                class: normalizeClass(unref(ns).e("title")),
-                textContent: toDisplayString(_ctx.title)
-              }, null, 10, _hoisted_2),
-              withDirectives(createElementVNode("div", {
-                class: normalizeClass(unref(ns).e("content")),
-                style: normalizeStyle(!!_ctx.title ? void 0 : { margin: 0 })
-              }, [
-                renderSlot(_ctx.$slots, "default", {}, () => [
-                  !_ctx.dangerouslyUseHTMLString ? (openBlock(), createElementBlock("p", _hoisted_3, toDisplayString(_ctx.message), 1)) : (openBlock(), createElementBlock("p", {
-                    key: 1,
-                    innerHTML: _ctx.message
-                  }, null, 8, _hoisted_4))
-                ])
-              ], 6), [
-                [vShow, _ctx.message]
-              ]),
-              _ctx.showClose ? (openBlock(), createBlock(unref(VftIcon), {
-                key: 0,
-                icon: "icon-close",
-                class: normalizeClass(unref(ns).e("closeBtn")),
-                onClick: withModifiers(close, ["stop"])
-              }, null, 8, ["class"])) : createCommentVNode("", true)
-            ], 2)
-          ], 46, _hoisted_1), [
-            [vShow, visible.value]
-          ])
-        ]),
-        _: 3
-      }, 8, ["name", "onBeforeLeave"]);
-    };
+              G(e.$slots, "default", {}, () => [
+                e.dangerouslyUseHTMLString ? (r(), M("p", {
+                  key: 1,
+                  innerHTML: e.message
+                }, null, 8, Y)) : (r(), M("p", X, T(e.message), 1))
+              ])
+            ], 6), [
+              [E, e.message]
+            ]),
+            e.showClose ? (r(), m(t(L), {
+              key: 0,
+              icon: "icon-close",
+              class: s(t(n).e("closeBtn")),
+              onClick: K(a, ["stop"])
+            }, null, 8, ["class"])) : w("", !0)
+          ], 2)
+        ], 46, Q), [
+          [E, i.value]
+        ])
+      ]),
+      _: 3
+    }, 8, ["name", "onBeforeLeave"]));
   }
 });
 export {
-  _sfc_main as default
+  le as default
 };