mirror of
https://github.com/youzan/vant.git
synced 2025-10-22 11:54:02 +00:00
[improvement] Tag and Uploader: jsx (#2627)
This commit is contained in:
@@ -1,24 +1,8 @@
|
||||
<template>
|
||||
<div :class="b()">
|
||||
<slot />
|
||||
<input
|
||||
v-bind="$attrs"
|
||||
ref="input"
|
||||
type="file"
|
||||
:class="b('input')"
|
||||
:accept="accept"
|
||||
:disabled="disabled"
|
||||
@change="onChange"
|
||||
>
|
||||
</div>
|
||||
</template>
|
||||
import { use } from '../utils';
|
||||
|
||||
<script>
|
||||
import create from '../utils/create';
|
||||
|
||||
export default create({
|
||||
name: 'uploader',
|
||||
const [sfc, bem] = use('uploader');
|
||||
|
||||
export default sfc({
|
||||
inheritAttrs: false,
|
||||
|
||||
props: {
|
||||
@@ -101,6 +85,27 @@ export default create({
|
||||
this.$refs.input && (this.$refs.input.value = '');
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
render(h) {
|
||||
const {
|
||||
accept,
|
||||
disabled
|
||||
} = this;
|
||||
|
||||
return (
|
||||
<div class={bem()}>
|
||||
{this.$slots.default}
|
||||
<input
|
||||
{ ...{ attrs: this.$attrs } }
|
||||
ref="input"
|
||||
type="file"
|
||||
accept={accept}
|
||||
class={bem('input')}
|
||||
disabled={disabled}
|
||||
onChange={this.onChange}
|
||||
/>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
});
|
||||
</script>
|
@@ -5,13 +5,13 @@ exports[`renders demo correctly 1`] = `
|
||||
<div>
|
||||
<div class="demo-uploader-container">
|
||||
<div class="van-uploader"><i class="van-icon van-icon-photograph" style="color:undefined;font-size:undefined;">
|
||||
<!----></i> <input type="file" accept="image/*" class="van-uploader__input"></div>
|
||||
<!----></i><input type="file" accept="image/*" class="van-uploader__input"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="demo-uploader-container">
|
||||
<div class="van-uploader"><i class="van-icon van-icon-photograph" style="color:undefined;font-size:undefined;">
|
||||
<!----></i> <input type="file" accept="image/gif, image/jpeg" multiple="multiple" class="van-uploader__input"></div>
|
||||
<!----></i><input multiple="multiple" type="file" accept="image/gif, image/jpeg" class="van-uploader__input"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
Reference in New Issue
Block a user