@oiij/naive-ui
Version:
Some Composable Functions And Components for Vue 3
30 lines (28 loc) • 942 B
JavaScript
import { namespace } from "../_utils/cssr-bem.js";
import { cName, transitionCssr } from "./transition.cssr.js";
import { Transition, createBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
import { useStyle } from "@oiij/css-render";
//#region src/components/transition/BaseTransition.vue
const _sfc_main = /* @__PURE__ */ defineComponent({
__name: "BaseTransition",
props: {
name: { default: "fade" },
transitionProps: {}
},
setup(__props) {
useStyle(cName, transitionCssr());
return (_ctx, _cache) => {
return openBlock(), createBlock(Transition, mergeProps({
name: `${unref(namespace)}-${__props.name}`,
appear: "",
mode: "out-in"
}, __props.transitionProps), {
default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
_: 3
}, 16, ["name"]);
};
}
});
var BaseTransition_default = _sfc_main;
//#endregion
export { BaseTransition_default as default };