vusion / cloud-ui

[Library] Cloud UI

Vusion

CLI for developing Vusion Projects.

Install

npm install -g vusion

Quick Start

vusion init

Commands

• vusion help: Show help of all commands

• vusion -V, --version: Show the version of current CLI

• init <type> <name>: Initialize a material

• config <action> <key> [value]: Configure CLI options

• publish <version>: Publish a new version

• screenshot <url|local-file>: Take a screenshot of a web page

• deploy: Push files to NOS static bucket

• ghpages: Push a directory to gh-pages

• readme: Generate final readable README.md from api.yaml and docs

• vetur: Generate tags.json and attributes.json for Vetur

• diff <source> <target>: Check differences between two path files

• sync <source> <target>: Sync files from one path to another. Support watch mode

• help [cmd]: display help for [cmd]

Run vusion <command> --help for detailed usage of given command.

cloud-ui's Issues

Release v0.2.0

💥 Breaking Changes:

• <u-icon-svg>改为<u-icon>
• 移除旧的组件
• <u-form>的@validate事件参数为一个对象
• <u-sidebar>与<u-navbar>支持非路由的情形，包含value属性
• <u-tabs>包含value属性

添加`<u-info-list>`组件

<u-info-list>
    <u-info-list-group title="基本信息">
        <u-info-list-item label="仓库名称">webdevelop</u-info-list-item>
        <u-info-list-item label="持续集成">支持</u-info-list-item>
        <u-info-list-item label="访问权限">私有</u-info-list-item>
    </u-info-list-group>
</u-info-list>

动态添加菜单时，样式问题

<u-grid-layout>

<u-grid-layout gutter="small|large">
    <u-grid-layout-row>
        <u-grid-layout-column>

u-calendar

u-calendar组件年份月份选择列表的z-index为10，比项目中s-date-picker组件的z-index小，导致s-date-picker组件中的年份月份选择列表被覆盖。

如果s-date-picker中的z-index调至小于10，s-date-picker会被页面中的其他元素覆盖，所以需要调大u-calendar组件年份月份选择列表的z-index。

v0.3.0

• 考虑<u-input>组件是否还要外面包个<div>
• 重构<u-number-input>组件
• <u-date-picker>等核心属性统一改成value
• 检查<u-tooltip>与<u-popover>

添加`v-tooltip`指令

瀑布流布局

表单校验未通过时，滚动到出错的那一行

增加一个参数，对滚动的这个行为进行控制

u-tab不能切换

u-tab路由不能切换

给<u-lightbox>添加旋转功能

文档中添加“指南”页面

添加`<u-desc-list>`组件

<u-desc-list>
    <u-desc-list-group title="个人信息">
        <u-desc-list-item label="头像">
        ...
        </u-desc-list-item>
        <u-desc-list-item label="用户名">
        ...
        </u-desc-list-item>
        <u-desc-list-item label="登录密码">
        ...
        </u-desc-list-item>
    </u-desc-list-group>
<u-desc-list>

u-link 会触发页面刷新，导致页面异常

添加`<u-form-table>`组件

cloud-ui适配多主题

搭网站

<u-textarea> border-color 并添加大小规格

border-color与u－input不一致

`<u-link-list-item>`$slots中为多元素的问题

u-split-layout在设备缩放125%+（chrome缩放90% || edge缩放100%）场景下，right块宽度计算多了1px,导致布局紊乱

v0.5.0

• Review ULoading, UModal, ULightbox
• Form 相关

<u-grid-layout>的响应式

u-link-list-item 添加不了 v-tooltip

v0.4.0

• <u-input>组件 IE9 的placeholder
• 重构<u-date-picker>等组件，核心属性统一改成value
• <u-form>异步验证问题
• <u-table-view> Review

文档中添加“模板”页面

<u-tablets>

样式如下：

要求继承ListView，参考Pills和Capsules

文档中添加“案例”页面

v0.9.x

• Button 没有 Group，没有 icon 需要用 扩充

---

Break Changes:

• Remove <u-old-*>
• Remove <u-summary-card>

<u-calendar>

<u-modal>

灯箱文档图片线上无法显示

select 后端模糊检索回显时无法展示

操作场景：

在当前页面未reload的情况下，重置操作，且重置的目标数据不在当前的选择数据中

目前表现

选择框直接没有任何数据展示

期望表现

1、如果没有命中直接展示对应的值
2、提供钩子函数以方便在上述回显情况下填充目标数据到选择列表中

u-tabs 位置显示样式

默认向右靠齐，需显示在相应父级三级目录正下方

加一个`v-ellipsis-title`指令

发现有省略时自动添加title

判断white-space: nowrap、text-overflow: ellipsis、overflow: hidden三个条件满足与否，在元素上绑定mouseenter事件处理，支持事件委托。

弹窗下的u-form表单验证

在弹窗下的表单验证的时候，无法获取到表单的ref，在编辑的时候初次加载的时候没法验证一次

u-button

以前u-button默认有右边距，新主题中没有，更新后导致一起的按钮会连在一起

讨论暴露 this.$alert 和 this.$message

u-input的格式问题

u-input默认宽度应该和u-select保持一致。此外，u-input的normal和large之间，应该再有个330-360px之间的宽度