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

@syman/ark-ui

v1.5.0

Published

A high quality UI components Library with Vue.js

Downloads

84

Readme

npm install

npm run dev

npm run dist

更新日志

2023/01/09

TimePicker 支持解除日期连锁反应,可以选着6:00 - 3:00 添加slot ,支持自定义按钮提示

2022/6/6 this.$Modal.fcSuccess({ contentTemplate:{ template:'' }, footerTemplate:{ template:'' }

});
contentTemplate :可以引入vue 实例 ,也可以本地书写 footerTemplate:可以引入vue 实例,也可以本地书写 message 修改层级

2022/5/18 fixed 1.弹出多选导入失效问题 2022/2/14 fixed 1.[treeV]逻辑优化

2022/1/24 fixed 1.[treeV]bug修复 2.[AutoComplete]新增回车事件

2021/12/27 fixed 1.[DatePicker]bug修复

2021/12/20 fixed 1.[DatePicker]vModelFormat初始值bug修复 2.[Modal]实例添加footer-hide 3.[treeV]新增全选方法 4.[InputNumber]blur时新增min的判断

2021/9/6 fixed 1.[tab/tabPanels]切换前的校验 2.[page]新增最大显示按钮数量支持

2021/8/30 fixed 1.[国际化]国际化的查缺补漏 2.[modal]实例按类型新增class类

2021/8 fixed 1.[iCircle]99%精确度显示优化

2021/8/16 fixed 1.[Tree]偏移一像素样式修改 2.[DatePicker]在Safari下的兼容性问题

2021/8/2 fixed 1.[Modal]蒙层优化上下滚动条 2.[input.Number]限制小数的输入

2021/7/26 fixed 1.[Modal]最大宽高适配窗口大小 2.[Table]单选样式增加radio样式

2021/7/15 fixed 1.[select]选择器通过数据修改,组件未完全更新 2.适配国际化

2021/7/8 fixed 1.[input.Number]新增on-enter事件 2.[select]新增on-enter事件 3.[FormLayout]修复props变化时组件内部不及时更新

2021/7/2 fixed 1.[DatePicker]时间控件的disabled联动问题修复

2021/6/29 fixed 1.[input]的on-clear触发onchange事件 2.[drop-multi-select-filter]isBackRowItem在模糊搜索下未正确返回的问题 3.修复外键单引号问题 4.[select]修复空值判断报错

2021/6/22 fixed 1.[select]选中值带\n的问题 2.[select]开启过滤时无法删除query的问题 3.[modal]自适应屏幕宽度 4.[drop-down-select-filter]最大高度问题

2021/6/11 fixed 1,[input]textarea下支持clearable

2021/6/10 fixed 1,[ImageUpload]占位图优化

2021/5/20 fixed-1,[select]初始值bug 2,[图片上传]新增serviceId网关 3,[dropDownSelectFilter]展开层的位置优化 4,[input]search查询隔离 5,[table]表格监听父容器变化调整表格高度

2021/5/18 fixed-1,[select]双向绑定与query冲突的问题

2021/5/14 fixed-1,[select]修复多选过滤情况下无法删除query的问题 2,[table]table-foot的样式问题、table重新activated时候重新调整高度

2021/5/8 fixed-inputNumber[setValue类型NaN问题]、menu[新增当前选中状态可取消]、AttachFilter[重复回调问题]、Modal[关闭icon的样式问题] 2021/4/23 fixed-AttachFilter[气泡单独设置clearable]、tabs[ivu-tabs-context-menu多余dom优化] 2021/4/21 fixed-input[正则、textarea]

2021/3/21

  1. 优化轮播图转动问题

2021/3/29 图片添加length 字段,限制图片上传数量 图片添加 size 字段,限制图片上传大小 优化日期控件时区问题展示数据错误 this.$Modal 弹窗添加className 属性 table 表头添加点击选中配置 highlight-th select 优化赋值事件不触发 tabs 支持拖拽

2021/3/9 表格合计添加对齐方式 totalAlign :center,left right 添加表体对齐方式 tdAlign 表格合计继承头部 表格合计支持自定义对齐方式

2021/3/3 表格添加点击表头事件 on-column-click,抛出 event 和 当前 column

2021/2/3 修复scroll 组件动态加载数据,滚动条跳动问题 Dropdown 组件中name 添加object属性

2020/12/2 修复图片上传组件无法重复上传同一张图片问题

2020/12/11 修复integrateSearchFilter组件模糊查询选中值错误问题

2019.12.17 1.0.44

表格 树形结构 添加 开关控制是否展开 修改 表格 数据 data this 指向问题 表单绘制界面 浏览器兼容

2020.1.15 1.0.47

组件兼容ie

组件使用说明文档

button

添加了 fcdefault 和 posdefault 类型

fcdefault 类型为幽灵按钮 posdefault 为填充按钮

select

添加了 multipleType 属性(只有在多选情况下有效) multipleType 默认为 false,只有全选按钮 multipleType 为 true 时为 malon 样式

Modal instance (直接调用方法)

添加了 fcSuccess,fcError,fcWarning,posMessage

this.$Modal.posMessage({ title: 'fcWarning', content: '123123', iconClass:'', mask:true, showCancel:true });

iconClass 可以控制显示的图标 showCancel 控制是否显示取消按钮 okType 确定按钮类型 cancelType 取消按钮类型 mask 控制蒙层 draggable 控制消息提示是否支持拖拽 footerRender 消息提示底部的 render 方法

@on-keydown 可以监听弹框中的快捷键相应,该方法能接受参数 event

titleAlign 属性可以控制 title 的显示样式,目前支持 left,center

table

indexMethod 返回参数中多加了 length(表格数据 total)

单双击 加了延时 300 毫秒 事件

colRowMethod 返回当前 table 的 row,col 用于用户合并

colspan:[0,0,0,0,0,1] 列合并(0 表示被合并,1 表示显示) rowspan:[1,0,1,0,0], 行合并 //向下合并 (1,表示显示,0 表示合并)

tree

nodeInteraction 控制父子节点是否联动

form

表单指定报错提示 unique:{ /_ 报错唯一标识 _/ class:'error-tip', show:false, message:'' },

"async-validator": "^1.8.2", //10k 支持数据校验 form "deepmerge": "^2.1.0", // 4k merge object 监听元素设置自适应 "element-resize-detector": "^1.1.14", // 18k table tabs "js-calendar": "^1.2.3", //10k 日期插件 "lodash.throttle": "^4.1.1", //13k 实现节流 scroll "popper.js": "^1.14.1", // 19k 气泡 dropdown.vue "v-click-outside-x": "^3.0.0" // 12k eg:点击body 关闭弹窗

修改提示框按钮默认样式

tabs 类型为 card 的样式修改

input 组件添加 disabledHidden 属性,控制在 disabled 为 true 时,如果 disabledHidden 为 true,则输入框超出隐藏,鼠标上移出现提示,若为 false,怎正常展示.

select 多选情况下,在选择全部的时候会返回全部所对应的 value 值 bSelect-all select 增加删除

select 多选添加 clearable 时样式修改,以及对属性 label-in-value 的完善

submenu 添加属性 arrowdown,控制折叠箭头是否展示,默认不展示

修改 select 和日期控件的面板展示逻辑 page 组件修改总数展示逻辑

select 增加属性 optionsVisible,判断 options 是否开启 v-if 控制

select 修改点击全部时,界面显示错误的 bug(是由于上一次代码的改动没有兼容全部的选择)

poptip 样式调整,去除纵向滚动条

tree 组件增加 query 和 queryStyle 属性 query 是模糊匹配字符 queryStyle 是可设置匹配字符样式

tree 组件中的 on-select-change 和 on-check-change 在返回值中多加一个参数(当前改变的节点数据)

input 属性 autocomplete 增加一个可选值 new-password

Input 组件 slot="append" 修改 clear icon 的位置 DropDownSelectFilter 组件去掉只有第一次监听 defaultSelected Menu 组件 修改 open-names 属性不生效的 bug

tree 组件属性 queryStyle 的类型修改为 Object

tree 增加属性 selectMessageShow,selectMessage selectMessageShow 控制是否显示当前节点的选中个数 selectMessage 回调函数,可以自定义显示显示内容,返回参数为当前节点选中的个数(考虑过采用 render,但是影响到之前的模糊搜索匹配内容,暂时未动)

AttachFilter 完善 value 缺少导致的 props 爆红 Complexs-dialog 组件 添加 loading 效果 input 添加中文输入 change 拦截,中文输入完成时候在触发 change Input 事件

全局添加 defaultZindex 默认层级的设置,Vue.use(BurgeonUi,{ defaultZindex: 3000 });

修改表格 默认选中 index 事件, AttachFilter 弹窗内容结构赋值

select 添加属性 chooseAll 控制在全选是选项是否全部选中 修改外键模糊查询 下拉选中报错 table 修改 CheckBox 选中表格变色 bug form 必填字段不能监听问题 (使用时请配合 Object.assign)

修复表格定位层级问题,给 td 在合计情况下添加 zindex 属性 修复表格滚动对齐和头部对齐问题 修复表格为空的时候 暂无数据展示(居中)

外键 模糊查询 赋值 添加 on-change underfind 判断

外键失去焦点事件, table index 为0 的时候不能显示

table 添加 totaldata 数据展示 input ,textarea,checkbox,radio 去除外边框阴影

修复checkbox 默认值 设置的时候 先选中 在取消的效果

外键模糊查询 enterType 为true 的时候 回车 和失去光标默认选中 第一条

模糊查询 配置 图标点击事件的回调(在清除事件 配置后 不抛出)

表格 双击行和单击事件,抛出点击位置的列数据

修改表格点击兼容 事件、 气泡附件 兼容 placeholder

修改formLayout 组件less文件 引用问题,表格动态计算、及显示省略号问题

优化表格 鼠标滑动内存溢出事件

表格添加 卡槽功能 表格添加 树形数据展示功能

Cascader增加valueName和labelName字段,控制value和label字段修改