178 lines
3.9 KiB
JavaScript
178 lines
3.9 KiB
JavaScript
import { K as Keyframe, ai as initMotion } from './server.mjs';
|
|
import { toRaw } from 'vue';
|
|
|
|
const slideUpIn = new Keyframe("antSlideUpIn", {
|
|
"0%": {
|
|
transform: "scaleY(0.8)",
|
|
transformOrigin: "0% 0%",
|
|
opacity: 0
|
|
},
|
|
"100%": {
|
|
transform: "scaleY(1)",
|
|
transformOrigin: "0% 0%",
|
|
opacity: 1
|
|
}
|
|
});
|
|
const slideUpOut = new Keyframe("antSlideUpOut", {
|
|
"0%": {
|
|
transform: "scaleY(1)",
|
|
transformOrigin: "0% 0%",
|
|
opacity: 1
|
|
},
|
|
"100%": {
|
|
transform: "scaleY(0.8)",
|
|
transformOrigin: "0% 0%",
|
|
opacity: 0
|
|
}
|
|
});
|
|
const slideDownIn = new Keyframe("antSlideDownIn", {
|
|
"0%": {
|
|
transform: "scaleY(0.8)",
|
|
transformOrigin: "100% 100%",
|
|
opacity: 0
|
|
},
|
|
"100%": {
|
|
transform: "scaleY(1)",
|
|
transformOrigin: "100% 100%",
|
|
opacity: 1
|
|
}
|
|
});
|
|
const slideDownOut = new Keyframe("antSlideDownOut", {
|
|
"0%": {
|
|
transform: "scaleY(1)",
|
|
transformOrigin: "100% 100%",
|
|
opacity: 1
|
|
},
|
|
"100%": {
|
|
transform: "scaleY(0.8)",
|
|
transformOrigin: "100% 100%",
|
|
opacity: 0
|
|
}
|
|
});
|
|
const slideLeftIn = new Keyframe("antSlideLeftIn", {
|
|
"0%": {
|
|
transform: "scaleX(0.8)",
|
|
transformOrigin: "0% 0%",
|
|
opacity: 0
|
|
},
|
|
"100%": {
|
|
transform: "scaleX(1)",
|
|
transformOrigin: "0% 0%",
|
|
opacity: 1
|
|
}
|
|
});
|
|
const slideLeftOut = new Keyframe("antSlideLeftOut", {
|
|
"0%": {
|
|
transform: "scaleX(1)",
|
|
transformOrigin: "0% 0%",
|
|
opacity: 1
|
|
},
|
|
"100%": {
|
|
transform: "scaleX(0.8)",
|
|
transformOrigin: "0% 0%",
|
|
opacity: 0
|
|
}
|
|
});
|
|
const slideRightIn = new Keyframe("antSlideRightIn", {
|
|
"0%": {
|
|
transform: "scaleX(0.8)",
|
|
transformOrigin: "100% 0%",
|
|
opacity: 0
|
|
},
|
|
"100%": {
|
|
transform: "scaleX(1)",
|
|
transformOrigin: "100% 0%",
|
|
opacity: 1
|
|
}
|
|
});
|
|
const slideRightOut = new Keyframe("antSlideRightOut", {
|
|
"0%": {
|
|
transform: "scaleX(1)",
|
|
transformOrigin: "100% 0%",
|
|
opacity: 1
|
|
},
|
|
"100%": {
|
|
transform: "scaleX(0.8)",
|
|
transformOrigin: "100% 0%",
|
|
opacity: 0
|
|
}
|
|
});
|
|
const slideMotion = {
|
|
"slide-up": {
|
|
inKeyframes: slideUpIn,
|
|
outKeyframes: slideUpOut
|
|
},
|
|
"slide-down": {
|
|
inKeyframes: slideDownIn,
|
|
outKeyframes: slideDownOut
|
|
},
|
|
"slide-left": {
|
|
inKeyframes: slideLeftIn,
|
|
outKeyframes: slideLeftOut
|
|
},
|
|
"slide-right": {
|
|
inKeyframes: slideRightIn,
|
|
outKeyframes: slideRightOut
|
|
}
|
|
};
|
|
const initSlideMotion = (token, motionName) => {
|
|
const {
|
|
antCls
|
|
} = token;
|
|
const motionCls = `${antCls}-${motionName}`;
|
|
const {
|
|
inKeyframes,
|
|
outKeyframes
|
|
} = slideMotion[motionName];
|
|
return [initMotion(motionCls, inKeyframes, outKeyframes, token.motionDurationMid), {
|
|
[`
|
|
${motionCls}-enter,
|
|
${motionCls}-appear
|
|
`]: {
|
|
transform: "scale(0)",
|
|
transformOrigin: "0% 0%",
|
|
opacity: 0,
|
|
animationTimingFunction: token.motionEaseOutQuint
|
|
},
|
|
[`${motionCls}-leave`]: {
|
|
animationTimingFunction: token.motionEaseInQuint
|
|
}
|
|
}];
|
|
};
|
|
function shallowEqual(objA, objB, compare, compareContext) {
|
|
let ret = void 0;
|
|
if (ret !== void 0) {
|
|
return !!ret;
|
|
}
|
|
if (objA === objB) {
|
|
return true;
|
|
}
|
|
if (typeof objA !== "object" || !objA || typeof objB !== "object" || !objB) {
|
|
return false;
|
|
}
|
|
const keysA = Object.keys(objA);
|
|
const keysB = Object.keys(objB);
|
|
if (keysA.length !== keysB.length) {
|
|
return false;
|
|
}
|
|
const bHasOwnProperty = Object.prototype.hasOwnProperty.bind(objB);
|
|
for (let idx = 0; idx < keysA.length; idx++) {
|
|
const key = keysA[idx];
|
|
if (!bHasOwnProperty(key)) {
|
|
return false;
|
|
}
|
|
const valueA = objA[key];
|
|
const valueB = objB[key];
|
|
ret = void 0;
|
|
if (ret === false || ret === void 0 && valueA !== valueB) {
|
|
return false;
|
|
}
|
|
}
|
|
return true;
|
|
}
|
|
function shallowequal(value, other) {
|
|
return shallowEqual(toRaw(value), toRaw(other));
|
|
}
|
|
|
|
export { slideDownOut as a, slideUpOut as b, slideDownIn as c, slideUpIn as d, initSlideMotion as i, shallowequal as s };
|