设为首页收藏本站

LUPA开源社区

 找回密码
 注册
文章 帖子 博客
LUPA开源社区 首页 业界资讯 软件追踪 查看内容

Vue组件库heyui@1.18.0发布,新增地址选择、图片预览组件

2019-4-19 22:49| 发布者: joejoe0332| 查看: 402| 评论: 0|原作者: oschina|来自: oschina

摘要: 新增 CategoryPicker 新增组件 CategoryPicker,地址级联组件的最佳方案。 CategoryPicker :option="option" v-model="value"/ 相关文档 ImagePreview 新增组件 ImagePreview,图片预览列表。 ImagePreview :datas= ...

新增

CategoryPicker

新增组件 CategoryPicker,地址级联组件的最佳方案。

<CategoryPicker :option="option" v-model="value"/>

相关文档

ImagePreview

新增组件 ImagePreview,图片预览列表。

<ImagePreview :datas="datas" @click="openPreview"/>

相关文档

Modal

modal 支持自定义事件替换event事件,并支持多参数传递。

// 直接使用emit触发外部的events监听,兼容性 1.18.0+
this.$emit('success', this.value, 'test');

相关文档

Pagination

支持 v-model 分页控制。

<Pagination v-model="pagination" @change="getData"></Pagination>

pagination: {
  page: 1,
  size: 10,
  total: 100
}

相关文档

Tree

新增 expand 方法,可以通过 key 指定打开哪些节点。

this.$refs.tree.expand([1,2,3]);

相关文档

Button

新增属性 transparent ,按钮是否背景透明。

<Button transparent text-color="primary">主色系按钮</Button>

相关文档

TimelineItem

新增slot icon

<TimelineItem>
  <i class="h-icon-user primary-color" slot="icon"></i>
  <div slot="time">2012-12-23</div>
  <div slot="content">到达呼伦贝尔</div>
</TimelineItem>

相关文档

FormItem

新增属性 icon ,显示图标。

<FormItem label="密码" icon="h-icon-complete" prop="password">
  <input type="password" v-model="model.password">
</FormItem>

新增 slot label,自定义slot。

<FormItem label="用户名" prop="name">
  <template v-slot:label><i class="h-icon-user"></i> 用户名</template>
  <input type="text" v-model="model.name">
</FormItem>

相关文档

Tooltip

新增属性 editable,支持tooltip内部编辑模块

<Tooltip theme="white" @show="show" trigger="click" @hide="hide" editable>
  <span class="text-hover">Component调用</span>
  <div slot="content">
    <div v-padding="10">
      <Select dict="simple" v-model="value" style="width: 200px;"></Select>
    </div>
  </div>
</Tooltip>

相关文档

Category

补充异步加载功能

<Category :option="param" v-model="value"></Category>

param: {
  keyName: 'id',
  titleName: 'title',
  dataMode: 'list',
  getDatas: (parent, resolve) => {
    setTimeout(() => {
      if (!parent) {
        resolve([
          { id: 1, title: '一级', disabled: true },
          { id: 2, title: '二级' },
          { id: 3, title: '三级' }]);
      } else if (parent.id % 2 == 0) {
        resolve([]);
      } else {
        resolve(genList(parent.title, parent.id, 5, 'id', 'title'));
      }
    }, 100);
  }
}

相关文档

修复bug

日期时间选择器选择问题

选择日期时间后,不关闭,直接重新选择年月无效。

超级日期选择器,点下一页稍微快一点,就会变成选中状态

Closes #91

栅格布局错位问题

Closes #90


酷毙

雷人

鲜花

鸡蛋

漂亮
  • 快毕业了,没工作经验,
    找份工作好难啊?
    赶紧去人才芯片公司磨练吧!!

最新评论

关于LUPA|人才芯片工程|人才招聘|LUPA认证|LUPA教育|LUPA开源社区 ( 浙B2-20090187 浙公网安备 33010602006705号   

返回顶部