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

yks-element

v1.4.6

Published

yks公共库

Downloads

136

Readme

yks公共库

Quick Start

import YksElement from 'yks-element'
import '~yks-element/lib/theme-chalk/index.css';

Vue.use(YksElement)

// or
import {
  Button
  // ...
} from 'yks-element'

Vue.component(Button.name, Button)

YKS-ELEMENT 文档

 * yks-waveview 播放音频显示轨迹
    - Attribute
      - processSlotClass waveview视图层class
      - url 文件url
      - styleWave 自定义样式
      - loop 设置为循环播放
 * yks-recorders 录音可显示音频轨迹
    - Attribute
      - fileSize 录音时长(单位S), = 0 表示不限制时长
      - sampleRate 录音采样率
      - bitRate 录音比特率
      - type 录制的格式
      - disabled 是否禁止录制
      - processSlotClass 使用slot=process必须传入对应的class(processSlotClass=‘.xxx’)
      - title 标题
      - showProcess 是否显示录制轨迹
    - Slot
      - process 自定义录制轨迹
    - Methods
      - change 录制的数据
 * yks-dialog 弹窗
    - Attribute
      - height Dialog 的高
      - show 是否显示 Dialog,支持 .sync 修饰符
      - loading 确定按钮loading
      - disabledSure 确定按钮是否禁用
      - footer 是否移除slot <footer>
    - Slot
      - title Dialog 标题区的内容
      - footer Dialog 按钮操作区的内容
    - Methods
      - close Dialog 关闭的回调
      - sure Dialog 确认的回调
 * yks-multimedia 媒体文件显示
    - Attribute
      - data  文件信息
      - visibleDel  是否显示删除
      - width  视频宽度
      - height  视频高度
      - customize 自定义视频放大试卷
      - visibleFileName 是否显示文件名称
    - Slot
      - 
    - Methods
      - delete 删除的回调(和visibleDel联动)
 * yks-pagination 分页
    - Attribute
      - pageOption 分页参数(total,page,pageSize)
      - pageSizes 每页显示个数选择器的选项设置
      - layout 组件布局,子组件名用逗号分隔
      - background 是否为分页按钮添加背景色
      - hidden 隐藏Pagination
    - Slot
      - 
    - Methods
      - pagination
 * yks-scrollbar
    - Attribute
      - height Scrollbar 的高
    - Slot
      - 
    - Methods
      - 
 * yks-select
    - Attribute
      - domNum 每页渲染的dom数目
      - data 数据列表
      - valueKey Option 的自定义key
      - allowBottom 是否出现底部吸底
      - domLimit 是否渲染
      - optionMap 自定义value,label,disabled名称
    - Slot
      - footer Select 操作区
      - options Select Options
      - empty Select 空白显示
    - Methods
      - 
 * yks-table
    - Attribute
      - dom 自定义列
      - columns 表格列定义,对象属性参数完全继承 el-table-column
      - emptyMsg 空白数据
    - Slot
      - append
      - empty
    - Methods
      - 
 * yks-tinymce
    - Attribute
      - effect 默认提供的主题,可选default、simplicity
      - videoWidth Video 宽
      - videoHeight Video 高
      - language 语言包,默认zh_CN
      - toolbar 扩展bar
      - charLimit 字数限制
      - plugins 插件
      - menubar 菜单栏
      - fontsizeFormats 字体大小选择下拉工具栏按钮
      - height Tinymce 高
      - width Tinymce 宽
      - inline 是否内置功能栏
      - fileParams 音视频数据
      - uploadFileToHwCloud 上传文件函数,抛出blobInfo函数,接收data src
      - uploadFileFunction 上传音视频文件函数,抛出数组文件信息,接收data src
      - externalPlugins 扩展插件
    - Slot
      - 
    - Methods
      - input 获取内容
      - delte 删除附件
      - change 附件改变
      - blur 获取是否在当前组件的焦点
 * yks-uploadFile
    - Attribute
      - show  是否显示 YksUploadfile,只支持 .sync 修饰符
      - title  Dialog 的标题
      - uploadFileFunction  上传函数
      - fileData  文件信息
      - excludeList 排除的文件类型
    - Slot
      - footer 按钮操作区的内容
    - Methods
      - sure 确定的回调
 * yks-video
    - Attribute
      - src  视频url
      - width  视频宽
      - height  视频高
      - customize  自定义全屏事件
      - fullScreen 是否显示全屏
    - Slot
      - 
    - Methods
      - fullScreen 是否显示全屏icon

更新依赖

npm install yks-element@latest -S
or
yarn add yks-element@latest -S

发布npm包

npm publish

发布测试包

version : '0.0.1-beta'
npm publish --tag=beta

下载测试包

npm install yks-element@beta

删除npm包

npm unpublish [email protected] --force

icon 合集

 * yks-icon-camera
 * yks-icon-download
 * yks-icon-excel
 * yks-icon-other
 * yks-icon-pdf
 * yks-icon-ppt
 * yks-icon-word

LICENSE

MIT