vft 0.0.362 → 0.0.363

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

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

package/es/components/notification/index.js

@@ -1,16 +1,11 @@
-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");
+import notify from "./notify.js";
+import { notificationEmits, notificationProps, notificationTypes } from "./notification.js";
+import { withInstallFunction } from "../../utils/vue/install.js";
+const VftNotification = withInstallFunction(notify, "$notify");
 export {
-  c as VftNotification,
-  c as default,
-  l as notificationEmits,
-  y as notificationProps,
-  u as notificationTypes
+  VftNotification,
+  VftNotification as default,
+  notificationEmits,
+  notificationProps,
+  notificationTypes
 };

package/es/components/notification/notification.js

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

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

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

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

@@ -1,112 +1,146 @@
-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({
+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({
   name: "VftNotification"
-}), le = /* @__PURE__ */ S({
-  ..._,
-  props: q,
-  emits: j,
-  setup(b, { expose: z }) {
-    const o = b, d = {
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: notificationProps,
+  emits: notificationEmits,
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const TypeComponentsMap = {
       primary: "icon-info-filled",
       success: "icon-success-filled",
       warning: "icon-warning-filled",
       error: "icon-error-filled",
       info: "icon-info-filled"
-    }, { 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));
+    };
+    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));
+      }
     }
-    function C() {
-      v?.();
+    function clearTimer() {
+      timer?.();
     }
-    function a() {
-      i.value = !1;
+    function close() {
+      visible.value = false;
     }
-    function P({ code: e }) {
-      e === p.delete || e === p.backspace ? C() : e === p.esc ? i.value && a() : f();
+    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();
+      }
     }
-    return Z(() => {
-      f(), I(), i.value = !0;
-    }), O(document, "keydown", P), z({
-      visible: i,
+    onMounted(() => {
+      startTimer();
+      nextZIndex();
+      visible.value = true;
+    });
+    useEventListener(document, "keydown", onKeydown);
+    __expose({
+      visible,
       /** @description close notification */
-      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"))
+      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))
           }, [
-            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 })
-            }, [
-              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), {
+            iconComponent.value ? (openBlock(), createBlock(unref(VftIcon), {
               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"]));
+              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"))
+            }, [
+              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"]);
+    };
   }
 });
 export {
-  le as default
+  _sfc_main as default
 };