提交 ab3c5a64 编写于 作者: jlj05024111@163.com's avatar jlj05024111@163.com

feat: 更新表单组件样式

上级 f8060f7d
...@@ -217,10 +217,17 @@ export const IBizInput = defineComponent({ ...@@ -217,10 +217,17 @@ export const IBizInput = defineComponent({
'IInput', 'IInput',
{ {
ref: 'inputRef', ref: 'inputRef',
class: this.ns.b('input'), class: [
this.ns.b('input'),
this.ns.is(
'disabledresize',
this.c.editorParams.disabledresize === 'true',
),
],
props: { props: {
...this.c.customProps, ...this.c.customProps,
value: this.currentVal, value: this.currentVal,
clearable: true,
placeholder: this.controller.placeHolder, placeholder: this.controller.placeHolder,
type: this.type, type: this.type,
rows: this.rows, rows: this.rows,
......
...@@ -85,11 +85,20 @@ export const IBizFileUploadOne = defineComponent({ ...@@ -85,11 +85,20 @@ export const IBizFileUploadOne = defineComponent({
[ [
this.c.model.isDrag ? ( this.c.model.isDrag ? (
<div class={this.ns.b('drag-box')}> <div class={this.ns.b('drag-box')}>
<i-icon type='md-cloud-upload' /> <div class={this.ns.be('drag-box', 'caption')}>
<div class={this.ns.be('drag-box', 'text')}> <div class={this.ns.bem('drag-box', 'caption', 'click')}>
<span>将文件拖到此处,或</span> 点击上传
<span>点击上传</span> </div>
<div>/</div>
<div class={this.ns.bem('drag-box', 'caption', 'drag')}>
拖拽到此区域
</div>
</div> </div>
{this.c.uploadDescription && (
<div class={this.ns.be('drag-box', 'accept-description')}>
{this.c.uploadDescription}
</div>
)}
</div> </div>
) : ( ) : (
<i-button <i-button
......
...@@ -76,11 +76,20 @@ export const IBizFileUpload = defineComponent({ ...@@ -76,11 +76,20 @@ export const IBizFileUpload = defineComponent({
[ [
this.c.model.isDrag ? ( this.c.model.isDrag ? (
<div class={this.ns.b('drag-box')}> <div class={this.ns.b('drag-box')}>
<i-icon type='md-cloud-upload' /> <div class={this.ns.be('drag-box', 'caption')}>
<div class={this.ns.be('drag-box', 'text')}> <div class={this.ns.bem('drag-box', 'caption', 'click')}>
<span>将文件拖到此处,或</span> 点击上传
<span>点击上传</span> </div>
<div>/</div>
<div class={this.ns.bem('drag-box', 'caption', 'drag')}>
拖拽到此区域
</div>
</div> </div>
{this.c.uploadDescription && (
<div class={this.ns.be('drag-box', 'accept-description')}>
{this.c.uploadDescription}
</div>
)}
</div> </div>
) : ( ) : (
<i-button <i-button
......
...@@ -76,13 +76,24 @@ export const FormGroupPanel = defineComponent({ ...@@ -76,13 +76,24 @@ export const FormGroupPanel = defineComponent({
let header: unknown = null; let header: unknown = null;
if (this.modelData.showHeader) { if (this.modelData.showHeader) {
header = ( header = (
<div class={[this.ns.b('header')]} onClick={this.changeCollapse}> <div class={[this.ns.b('header')]}>
<div class={[this.ns.be('header', 'left')]}> <div class={[this.ns.be('header', 'left')]}>
<div class={[this.ns.e('caption')]}>{this.captionText}</div> <div class={[this.ns.e('caption')]}>{this.captionText}</div>
</div> </div>
<div class={[this.ns.be('header', 'right')]}> <div class={[this.ns.be('header', 'right')]}>
<div class={[this.ns.e('toolbar')]}>{this.$slots.toolbar}</div> <div class={[this.ns.e('toolbar')]}>{this.$slots.toolbar}</div>
</div> </div>
{!this.modelData.disableClose && (
<div
class={[this.ns.be('header', 'collapseicon')]}
onClick={this.changeCollapse}
>
<div class={this.ns.bem('header', 'collapseicon', 'tip')}>
{this.isCollapse ? '收缩' : '展开'}
</div>
<i-icon type='ios-arrow-down' />
</div>
)}
</div> </div>
); );
} }
......
Markdown 格式
0% or
您添加了 0 到此讨论。请谨慎行事。
先完成此消息的编辑!
想要评论请 注册