yks-element

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 yks-element@0.0.1 --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