npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

@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 | | | | |