inl-ui 0.1.44 → 0.1.46

package/README.md

@@ -1,49 +1,49 @@
-# 工业PC ui库
-
-前端通用库，包括组件、hooks、utils等。
-
-### 运行
-
-+ 开发模式 yarn dev
-+ 生产打包 yarn build
-+ 生成文档 yarn build:docs
-+ 打包图扑工具 yarn buildtp
-
-### 使用方法
-
-```javascript
-import inl from 'inl-ui';
-import 'inl-ui/dist/style.css';
-
-vue.use(inl)
-```
-
-
-
-### 激活主题
-
-**vite.config.ts**
-
-```javascript
-const additionalData = require("inl-ui/dist/theme").default;
-
-...
-
-css: {
-  preprocessorOptions: {
-    less: {
-      javascriptEnabled: true,
-      additionalData,
-    },
-  },
-},
-```
-
-### 文档链接
-
-##### [组件文档](./src/components/README.md)
-
-##### [hooks文档](./src/hooks/README.md)
-
-##### [Utils文档](./src/utils/README.md)
-
+# 工业PC ui库
+
+前端通用库，包括组件、hooks、utils等。
+
+### 运行
+
++ 开发模式 yarn dev
++ 生产打包 yarn build
++ 生成文档 yarn build:docs
++ 打包图扑工具 yarn buildtp
+
+### 使用方法
+
+```javascript
+import inl from 'inl-ui';
+import 'inl-ui/dist/style.css';
+
+vue.use(inl)
+```
+
+
+
+### 激活主题
+
+**vite.config.ts**
+
+```javascript
+const additionalData = require("inl-ui/dist/theme").default;
+
+...
+
+css: {
+  preprocessorOptions: {
+    less: {
+      javascriptEnabled: true,
+      additionalData,
+    },
+  },
+},
+```
+
+### 文档链接
+
+##### [组件文档](./src/components/README.md)
+
+##### [hooks文档](./src/hooks/README.md)
+
+##### [Utils文档](./src/utils/README.md)
+

package/dist/components/index.cjs

@@ -6542,7 +6542,7 @@ function getOpenUrl(url) {
 
 const closeTabMagicKey = "control_shift_q";
 const TabList = vue.defineComponent({
-  emits: ["update:activeKey", "update:list", "tabSelect", "closeExtraPage", "closeIframePage", "fullscreen", "refreshIframe", "refreshExtraPage"],
+  emits: ["update:activeKey", "update:list", "tabSelect", "closeExtraPage", "closeIframePage", "fullscreen", "refreshIframe", "refreshExtraPage", "mouseLeave"],
   props: {
     list: {
       type: Array,
@@ -6550,13 +6550,21 @@ const TabList = vue.defineComponent({
     },
     activeKey: {
       type: String
-    }
+    },
+    containerRef: Object
   },
   setup(props, {
     emit,
     expose
   }) {
     const qiankunState = vue.inject("qiankunState");
+    const tabListRef = vue.ref();
+    const {
+      isOutside
+    } = core.useMouseInElement(tabListRef);
+    vue.watchEffect(() => {
+      if (isOutside.value) emit("mouseLeave");
+    });
     const tabContainerRef = vue.ref();
     const tabList = core.useVModel(props, "list", emit);
     const activeTabKey = core.useVModel(props, "activeKey", emit);
@@ -6721,7 +6729,8 @@ const TabList = vue.defineComponent({
       closeTab
     });
     return () => vue.createVNode("div", {
-      "class": "tab-list"
+      "class": "tab-list",
+      "ref": tabListRef
     }, [vue.createVNode("div", {
       "class": "tabs-container",
       "ref": tabContainerRef,
@@ -6730,7 +6739,8 @@ const TabList = vue.defineComponent({
       "key": getTabUniqueKey(item),
       "placement": "bottomLeft",
       "trigger": ["contextmenu"],
-      "overlayClassName": "tabs-search-dropdown"
+      "overlayClassName": "tabs-search-dropdown",
+      "getPopupContainer": () => props.containerRef.value
     }, {
       default: () => [vue.createVNode(antDesignVue.Tooltip, {
         "title": item.name,
@@ -7061,7 +7071,21 @@ const PageContent = vue.defineComponent({
     const {
       isFullscreen,
       enter
-    } = core.useFullscreen(props.pageContainerRef);
+    } = core.useFullscreen(containerRef);
+    const {
+      elementY
+    } = core.useMouseInElement(containerRef);
+    const isTabsShow = vue.ref(false);
+    vue.watchEffect(() => {
+      if (isFullscreen.value) {
+        isTabsShow.value = false;
+      }
+    });
+    vue.watchEffect(() => {
+      if (elementY.value < 10) {
+        isTabsShow.value = true;
+      }
+    });
     const isPadding = vue.computed(() => {
       let iframePadding = false;
       if (activeKey.value) {
@@ -7129,19 +7153,21 @@ const PageContent = vue.defineComponent({
     return () => vue.createVNode("div", {
       "class": "page-content",
       "ref": containerRef
-    }, [props.showTabList && vue.createVNode(TabList, {
+    }, [props.showTabList && vue.withDirectives(vue.createVNode(TabList, {
       "ref": tabListRef,
       "activeKey": activeKey.value,
       "onUpdate:activeKey": $event => activeKey.value = $event,
       "list": tabList.value,
       "onUpdate:list": $event => tabList.value = $event,
+      "containerRef": containerRef,
       "onTabSelect": onTabSelect,
       "onCloseExtraPage": handleExtraPageClose,
       "onCloseIframePage": handleIframePageClose,
       "onFullscreen": handleFullscreen,
       "onRefreshIframe": handleRefreshIframe,
-      "onRefreshExtraPage": handleRefreshExtraPage
-    }, null), vue.createVNode("div", {
+      "onRefreshExtraPage": handleRefreshExtraPage,
+      "onMouseLeave": () => isTabsShow.value = false
+    }, null), [[vue.vShow, !isFullscreen.value || isTabsShow.value]]), vue.createVNode("div", {
       "class": ["page-container", {
         padding: isPadding.value,
         fullscreen: isFullscreen.value
@@ -12807,7 +12833,7 @@ async function audioToText(file) {
   }
   const {
     result
-  } = await fetch(`/api/chat/v1/translate/?path=${path}&session_hash=1`, {
+  } = await fetch(`/api/chat/v1/translate?path=${path}&session_hash=1`, {
     headers,
     method: "POST"
   }).then(res => res.json());

package/dist/components/index.js

@@ -1,7 +1,7 @@
-import { defineComponent, createVNode, ref, watch, resolveComponent, isVNode, inject, computed, onActivated, onDeactivated, onBeforeUnmount, nextTick, Fragment, withDirectives, vShow, toRaw, reactive, provide, watchEffect, createTextVNode, onMounted, KeepAlive, shallowRef, onBeforeMount, mergeProps, onBeforeUpdate, Teleport } from 'vue';
+import { defineComponent, createVNode, ref, watch, resolveComponent, isVNode, inject, computed, onActivated, onDeactivated, onBeforeUnmount, watchEffect, nextTick, Fragment, withDirectives, vShow, toRaw, reactive, provide, createTextVNode, onMounted, KeepAlive, shallowRef, onBeforeMount, mergeProps, onBeforeUpdate, Teleport } from 'vue';
 import { createFromIconfontCN, SearchOutlined, DownOutlined, PoweroffOutlined, MenuUnfoldOutlined, MenuFoldOutlined, SkinFilled, FullscreenOutlined, CaretUpOutlined, CaretRightOutlined, CaretDownOutlined, FileExcelTwoTone, InboxOutlined, MessageOutlined } from '@ant-design/icons-vue';
 import { useRoute, useRouter } from 'vue-router';
-import { useMounted, resolveRef, useThrottleFn, useVModel, useMagicKeys, whenever, watchArray, useEventListener, useSessionStorage, useFullscreen, useLocalStorage, useToggle, useElementBounding, useMemory, useWindowSize, useClipboard, useBreakpoints, breakpointsAntDesign } from '@vueuse/core';
+import { useMounted, resolveRef, useThrottleFn, useMouseInElement, useVModel, useMagicKeys, whenever, watchArray, useEventListener, useSessionStorage, useFullscreen, useLocalStorage, useToggle, useElementBounding, useMemory, useWindowSize, useClipboard, useBreakpoints, breakpointsAntDesign } from '@vueuse/core';
 import axios$2 from 'axios';
 import { message, Menu, MenuItem, Input as Input$1, Badge, Avatar as Avatar$1, MenuDivider, Modal, SubMenu, Dropdown, Tooltip, Select, Layout as Layout$1, LayoutHeader, LayoutSider, LayoutContent, Form, Row, Col, FormItem, SelectOption, Switch, InputNumber } from 'ant-design-vue';
 import _, { isPlainObject as isPlainObject$1, omit, differenceBy, isObject as isObject$2, concat } from 'lodash';
@@ -6531,7 +6531,7 @@ function getOpenUrl(url) {
 
 const closeTabMagicKey = "control_shift_q";
 const TabList = defineComponent({
-  emits: ["update:activeKey", "update:list", "tabSelect", "closeExtraPage", "closeIframePage", "fullscreen", "refreshIframe", "refreshExtraPage"],
+  emits: ["update:activeKey", "update:list", "tabSelect", "closeExtraPage", "closeIframePage", "fullscreen", "refreshIframe", "refreshExtraPage", "mouseLeave"],
   props: {
     list: {
       type: Array,
@@ -6539,13 +6539,21 @@ const TabList = defineComponent({
     },
     activeKey: {
       type: String
-    }
+    },
+    containerRef: Object
   },
   setup(props, {
     emit,
     expose
   }) {
     const qiankunState = inject("qiankunState");
+    const tabListRef = ref();
+    const {
+      isOutside
+    } = useMouseInElement(tabListRef);
+    watchEffect(() => {
+      if (isOutside.value) emit("mouseLeave");
+    });
     const tabContainerRef = ref();
     const tabList = useVModel(props, "list", emit);
     const activeTabKey = useVModel(props, "activeKey", emit);
@@ -6710,7 +6718,8 @@ const TabList = defineComponent({
       closeTab
     });
     return () => createVNode("div", {
-      "class": "tab-list"
+      "class": "tab-list",
+      "ref": tabListRef
     }, [createVNode("div", {
       "class": "tabs-container",
       "ref": tabContainerRef,
@@ -6719,7 +6728,8 @@ const TabList = defineComponent({
       "key": getTabUniqueKey(item),
       "placement": "bottomLeft",
       "trigger": ["contextmenu"],
-      "overlayClassName": "tabs-search-dropdown"
+      "overlayClassName": "tabs-search-dropdown",
+      "getPopupContainer": () => props.containerRef.value
     }, {
       default: () => [createVNode(Tooltip, {
         "title": item.name,
@@ -7050,7 +7060,21 @@ const PageContent = defineComponent({
     const {
       isFullscreen,
       enter
-    } = useFullscreen(props.pageContainerRef);
+    } = useFullscreen(containerRef);
+    const {
+      elementY
+    } = useMouseInElement(containerRef);
+    const isTabsShow = ref(false);
+    watchEffect(() => {
+      if (isFullscreen.value) {
+        isTabsShow.value = false;
+      }
+    });
+    watchEffect(() => {
+      if (elementY.value < 10) {
+        isTabsShow.value = true;
+      }
+    });
     const isPadding = computed(() => {
       let iframePadding = false;
       if (activeKey.value) {
@@ -7118,19 +7142,21 @@ const PageContent = defineComponent({
     return () => createVNode("div", {
       "class": "page-content",
       "ref": containerRef
-    }, [props.showTabList && createVNode(TabList, {
+    }, [props.showTabList && withDirectives(createVNode(TabList, {
       "ref": tabListRef,
       "activeKey": activeKey.value,
       "onUpdate:activeKey": $event => activeKey.value = $event,
       "list": tabList.value,
       "onUpdate:list": $event => tabList.value = $event,
+      "containerRef": containerRef,
       "onTabSelect": onTabSelect,
       "onCloseExtraPage": handleExtraPageClose,
       "onCloseIframePage": handleIframePageClose,
       "onFullscreen": handleFullscreen,
       "onRefreshIframe": handleRefreshIframe,
-      "onRefreshExtraPage": handleRefreshExtraPage
-    }, null), createVNode("div", {
+      "onRefreshExtraPage": handleRefreshExtraPage,
+      "onMouseLeave": () => isTabsShow.value = false
+    }, null), [[vShow, !isFullscreen.value || isTabsShow.value]]), createVNode("div", {
       "class": ["page-container", {
         padding: isPadding.value,
         fullscreen: isFullscreen.value
@@ -12796,7 +12822,7 @@ async function audioToText(file) {
   }
   const {
     result
-  } = await fetch(`/api/chat/v1/translate/?path=${path}&session_hash=1`, {
+  } = await fetch(`/api/chat/v1/translate?path=${path}&session_hash=1`, {
     headers,
     method: "POST"
   }).then(res => res.json());