blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-06 03:57:59 +08:00
Code Issues Projects Releases Wiki Activity

chore(NavBar): use tsx

Browse Source
This commit is contained in:
chenjiahan 2020-10-09 20:51:55 +08:00
parent a1b08babfc
commit dffa11959a
2 changed files with 10 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/composition/use-placeholder.tsx
View File

@ -1,11 +1,11 @@
import { useHeight } from './use-height';
import type { Ref, VNode } from 'vue';
import type { Ref } from 'vue';
import type { BEM } from '../utils/create/bem';
export function usePlaceholder(contentRef: Ref<Element>, bem: BEM) {
const height = useHeight(contentRef);
return (renderContent: () => VNode) => (
return (renderContent: () => JSX.Element) => (
<div
class={bem('placeholder')}
style={{ height: height.value ? `${height.value}px` : undefined }}

12
src/nav-bar/index.js → src/nav-bar/index.tsx
View File

@ -1,4 +1,4 @@
import { ref } from 'vue';
import { ref, CSSProperties } from 'vue';
// Utils
import { createNamespace } from '../utils';
@ -33,11 +33,11 @@ export default createComponent({
const navBarRef = ref();
const renderPlaceholder = usePlaceholder(navBarRef, bem);
const onClickLeft = (event) => {
const onClickLeft = (event: MouseEvent) => {
emit('click-left', event);
};
const onClickRight = (event) => {
const onClickRight = (event: MouseEvent) => {
emit('click-right', event);
};
@ -64,10 +64,14 @@ export default createComponent({
const renderNavBar = () => {
const { title, fixed, border, zIndex } = props;
const style: CSSProperties = {
zIndex: zIndex !== undefined ? +zIndex : undefined,
};
return (
<div
ref={navBarRef}
style={{ zIndex }}
style={style}
class={[bem({ fixed }), { [BORDER_BOTTOM]: border }]}
>
<div class={bem('left')} onClick={onClickLeft}>