@suc/ui-components
v2.4.2
Published
成功软件前端UI组件库 基于view-design和element-ui源码修改后封装
Downloads
1
Readme
@suc/ui
demo 成功软件前端UI组件库 基于view-design和element-ui封装
组件选择
| 组件选择 | ViewUI | ElementUI | 原因 | 修改 | | ---- | ---- | ---- | ---- | ---- | | SucButton | | √ | 尺寸选择更多? | 暂无 | | SucModal | | √ | 叶大佬对组件进行了优化 | 待补充 | | SucDrawer | √ | | 同上 | 待补充 | | SucRadio,SucRadioGroup | √ | | 功能差别不大,ViewUI的样式好看点 | 暂无 | | SucCheckbox,CheckboxGroup | √ | | 同上 | on-change增加一个返回参数event,用于sucTree | | SucInput | √ | | 同上 | 暂无 | | SucInputNumber | √ | | 同上 | 为了在SucSlider中使用,增加了controls参数 | | SucAutoComplete | √ | | 只有iview有 | 暂无 | | SucSelect,SucOption,SucOptionGroup | √ | | ElementUI的下拉框是有箭头的,viewUI的更符合常用样式 | 暂无 | | SucSwitch | √ | | ViewUI有内置文字和加载中样式 | 暂无 | | SucMessage | √ | | ViewUI的更好看 | 暂无 | | SucPage | √ | | ViewUI的更符合设计一般会给的样式 | 暂无 | | SucDropdown | √ | | ViewUI的更简洁 | 暂无 | | SucTable | √ | | ViewUI的筛选更好看,功能更丰富,多了表头分组、右键菜单、导出 | 内部使用的Tooltip,Button改成了SucTooltip、SucButton,相关参数有修改 | | SucSlider | | √ | ElementUI有竖向模式,且样式更大方 | 内部使用的ElInputNumber改成了SucInputNumber,相关参数有修改,去掉了传给InputNumber的debounce参数(原本就没实现→_→);内部有jsx代码,改成了render函数 | | SucCascader,SucCascaderPanel | | √ | ElementUI的可多选 | 内部使用的ElInput、ElRadio、ElCheckbox改成了SucInput、SucRadio、SucCheckbox,相关参数有修改;内部有jsx代码,改成了render函数 | | SucTooltip | | √ | ElementUI不会在原本的元素上包外壳,不会改变原本元素的布局 | 内部有jsx代码,改成了render函数;增加了max-width,在SucTable中用到 | | SucDatePicker | | √ | ElementUI问题更少 | 内部使用的ElInput改成了SucInput,相关参数有修改 | | SucUpload | | √ | 功能差不多 | 内部有jsx代码,改成了render函数 | | SucProgress | | √ | ElementUI有环形,而ViewUI有垂直形、渐变色、分段、光效,~~所以我选ElementUI~~ ElementUI值变化时动效更丝滑 | | | SucColorPicker | | √ | 功能差别不大,ElementUI样式好看 | 内部使用的ElInput改成了SucInput,相关参数有修改 | | SucForm,SucFormItem | | √ | ElementUI可自定义内容更多 | 内部有jsx代码,改成了render函数 | | SucTree | | √ | ElementUI功能更丰富,可拖拽、手风琴模式等 | 内部有jsx代码,改成了render函数;内部使用的ElCheckbox改成了SucCheckbox,相关参数有修改 | | SucTabs,SucTabPane | | √ | ElementUI样式更丰富,卡片和竖直模式 | 内部有好多jsx代码,改成了render函数 | | SucTag,SucScrollbar | | √ | SucCascader里用到了 | 内部有jsx代码,改成了render函数 | | SucMessageBox | | √ | ViewUI没有独立的提示框 | 暂无 | | SucSpin | √ | | SucTable里用到了 | 暂无 | | SucPoptip | √ | | SucTable里用到了 | 暂无 | | SucIcon | √ | | SucSelect里用到了 | 暂无 | | SucAffix | √ | | 只有ViewUI有,滚动到顶部时固定,对新人来讲还是挺有用的 | 暂无 | | SucAnchor,SucAnchorLink | √ | | 锚点,好像没啥用,已经加了就不去掉了 | 暂无 |
待完成
| 组件选择 | ViewUI | ElementUI | 原因 | 修改 | | ---- | ---- | ---- | ---- | ---- | | SucLoadingBar | | | | | | SucCarousel | | | | | | SucTransfer | | | | | | SucImage | | | | | | SucTimeline | | | | | | SucSteps | | | | | | SucCollapse | | | | | | SucNotification | | | | |