added version
This commit is contained in:
@@ -0,0 +1,177 @@
|
||||
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 };
|
||||
Reference in New Issue
Block a user