test: workflows

Author: cole

.github/workflows/test.yml

@@ -1,6 +1,6 @@
 import { inject, provide } from 'vue'
 
-const BaseKey = Symbol('App')
+const BaseKey = Symbol('AppShare')
 
 export function createAppShare (instance) {
     provide(BaseKey, instance)

src/hooks/useAppShare.js

@@ -1,6 +1,6 @@
 import { computed, defineComponent, ref, unref } from 'vue'
 import { Drawer } from 'ant-design-vue'
-import { getSlotVNode } from '@site-pro/utils'
+import { getSlotVNode, toPx } from '@site-pro/utils'
 import { useConfigInject } from '@site-pro/hooks'
 import { useSite } from '@site-pro/plugins'
 import useStyle from './style'
@@ -45,7 +45,7 @@ export default defineComponent({
         function styleFn (width) {
             // 缓存 width border 1px
             siderWidth.value = width
-            return { width: `${width}px` }
+            return { width: toPx(width) }
         }
 
         return () => {

src/layout/compatible/base-layout/index.js

@@ -40,6 +40,10 @@ export default defineComponent({
             emit('collapse', !props.collapsed)
         }
 
+        function getPopupContainer () {
+            return getElement(popupContainer) || document.body
+        }
+
         return () => {
             const { router, collapsed } = props
 
@@ -49,7 +53,7 @@ export default defineComponent({
 
             return wrapSSR(
                 <div class={[prefixCls.value, hashId.value]} {...attrs}>
-                    <ConfigProvider getPopupContainer={getElement.bind(null, popupContainer)}>
+                    <ConfigProvider getPopupContainer={getPopupContainer}>
                         <div class={`${prefixCls.value}-popup-container`} ref={popupContainer}>
                             <div class={`${prefixCls.value}-content`}>
                                 <div class={`${prefixCls.value}-left`}>

src/layout/compatible/base-layout/BaseLayout.jsx renamed to src/layout/compatible/base-layout/index.jsx

@@ -1,6 +1,6 @@
 import { computed, defineComponent, Fragment, ref, unref, watch } from 'vue'
 import { Menu, theme } from 'ant-design-vue'
-import { getSlotVNode } from '@site-pro/utils'
+import { getSlotVNode, toPx } from '@site-pro/utils'
 import { useConfigInject } from '@site-pro/hooks'
 import { dropRight, head, isFunction, isNil, last, reverse } from 'lodash-es'
 import OutIcon from './OutIcon'
@@ -145,9 +145,9 @@ export default defineComponent({
                 : controlHeightLG * 5 + level * 8
             // ----
             if (styleFn && isFunction(styleFn)) {
-                return styleFn(width) || { width: `${width}px` }
+                return styleFn(width) || { width: toPx(width) }
             }
-            return { width: `${width}px` }
+            return { width: toPx(width) }
         })
 
         watch(() => props.route, (currentRoute) => {

src/layout/compatible/container/index.js

@@ -1,7 +1,7 @@
 import { defineComponent, nextTick, ref, unref, watch } from 'vue'
 import { Button, ConfigProvider, Dropdown, Menu, theme } from 'ant-design-vue'
 import { CloseCircleOutlined, LeftOutlined, RightOutlined } from '@ant-design/icons-vue'
-import { getElement } from '@site-pro/utils'
+import { getElement, toPx } from '@site-pro/utils'
 import { useConfigInject, useGlobalProperties, useRefs } from '@site-pro/hooks'
 import TagNode from './node'
 import useShowTitle from '../../hooks/useShowTitle'
@@ -151,6 +151,10 @@ export default defineComponent({
             }
         }
 
+        function getPopupContainer () {
+            return getElement(popupContainer) || document.body
+        }
+
         return () => {
             const { tags, route: currentRoute, homeName } = props
             const { sizeXXS } = unref(token)
@@ -161,7 +165,7 @@ export default defineComponent({
             const tagNodes = tags.map((item) => {
                 const { name: key } = item || {}
                 const tagProps = {
-                    style: { marginInlineEnd: `${sizeXXS}px` },
+                    style: { marginInlineEnd: toPx(sizeXXS) },
                     color: currentRoute.name === key ? 'primary' : 'default',
                     closable: key !== homeName,
                     onClick: onClick(item),
@@ -198,7 +202,7 @@ export default defineComponent({
 
             return wrapSSR(
                 <div class={[prefixCls.value, hashId.value]} {...attrs}>
-                    <ConfigProvider getPopupContainer={getElement.bind(null, popupContainer)}>
+                    <ConfigProvider getPopupContainer={getPopupContainer}>
                         <div class={`${prefixCls.value}-popup-container`} ref={popupContainer}>
                             <div class={`${prefixCls.value}-content`}>
                                 <div