@whitesev/pops 2.4.2 → 2.4.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.amd.js +5 -2
- package/dist/index.amd.js.map +1 -1
- package/dist/index.cjs.js +5 -2
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.esm.js +5 -2
- package/dist/index.esm.js.map +1 -1
- package/dist/index.iife.js +5 -2
- package/dist/index.iife.js.map +1 -1
- package/dist/index.system.js +5 -2
- package/dist/index.system.js.map +1 -1
- package/dist/index.umd.js +5 -2
- package/dist/index.umd.js.map +1 -1
- package/dist/types/src/Pops.d.ts +1 -0
- package/dist/types/src/components/panel/handlerComponents.d.ts +1 -0
- package/dist/types/src/components/panel/types/index.d.ts +7 -0
- package/package.json +1 -1
package/dist/index.cjs.js
CHANGED
|
@@ -6554,6 +6554,7 @@ const PopsPanelConfig = () => {
|
|
|
6554
6554
|
height: window.innerHeight < 450 ? "70vh" : "500px",
|
|
6555
6555
|
position: "center",
|
|
6556
6556
|
animation: "pops-anim-fadein-zoom",
|
|
6557
|
+
useDeepMenuSwtichAnimation: true,
|
|
6557
6558
|
zIndex: 10000,
|
|
6558
6559
|
drag: false,
|
|
6559
6560
|
dragLimit: true,
|
|
@@ -7238,6 +7239,7 @@ const PanelHandlerComponents = () => {
|
|
|
7238
7239
|
/** 右侧容器 */
|
|
7239
7240
|
$contentSectionContainer: null,
|
|
7240
7241
|
},
|
|
7242
|
+
$config: {},
|
|
7241
7243
|
/**
|
|
7242
7244
|
* 初始化
|
|
7243
7245
|
* @param details
|
|
@@ -7247,6 +7249,7 @@ const PanelHandlerComponents = () => {
|
|
|
7247
7249
|
this.$el = {
|
|
7248
7250
|
...details.$el,
|
|
7249
7251
|
};
|
|
7252
|
+
this.$config = details.config;
|
|
7250
7253
|
this.asideULElement = this.$el.$contentAside.querySelector(`ul.pops-${PopsType}-aside-top-container`);
|
|
7251
7254
|
this.asideBottomULElement = this.$el.$contentAside.querySelector(`ul.pops-${PopsType}-aside-bottom-container`);
|
|
7252
7255
|
this.sectionContainerHeaderULElement =
|
|
@@ -9682,7 +9685,7 @@ const PanelHandlerComponents = () => {
|
|
|
9682
9685
|
$deepMenuSection.remove();
|
|
9683
9686
|
};
|
|
9684
9687
|
// 返回上一层菜单
|
|
9685
|
-
if (document.startViewTransition) {
|
|
9688
|
+
if (that.$config.useDeepMenuSwtichAnimation && document.startViewTransition) {
|
|
9686
9689
|
const leaveTransition = document.startViewTransition(leaveViewTransition);
|
|
9687
9690
|
await leaveTransition.ready;
|
|
9688
9691
|
// 向右移出
|
|
@@ -9730,7 +9733,7 @@ const PanelHandlerComponents = () => {
|
|
|
9730
9733
|
}
|
|
9731
9734
|
that.$el.$sectionWrapper.appendChild($deepMenuSection);
|
|
9732
9735
|
};
|
|
9733
|
-
if (document.startViewTransition) {
|
|
9736
|
+
if (that.$config.useDeepMenuSwtichAnimation && document.startViewTransition) {
|
|
9734
9737
|
const transition = document.startViewTransition(enterViewTransition);
|
|
9735
9738
|
await transition.ready;
|
|
9736
9739
|
await $deepMenuSection.animate([
|