Socket
Socket
Sign inDemoInstall

vue-client

Package Overview
Dependencies
6
Maintainers
48
Versions
746
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

vue-client


Version published
Maintainers
48
Created

Readme

Source

vue-client

提供组件制作基础及部分通用组件。所有组件已经进行了全局注册,可直接使用。

第三方插件

  • vue-strap:由于需要对vue-strap进行修改,在src目录下,导入了vue-stap源码,与vue-client源码同等处理。
  • bootstrap:bootstrap源码,测试例子需要这些源码。OA等工程包含这些源码,不用复制。

目录结构

  • androidtest: 手机模拟所需内容
  • components: 提供的各种组件
  • mixins: 方便调用的混合
  • plugins: 系统提供的插件
  • stores: 特殊的数据存储
  • test: 单元测试基础
  • util: 各类工具

全局内容

  • all:完成vue所有初始化工作。
  • index.js:用于把相关模块对外公布,使用时,用import { 模块名 } from 'vue-client'即可引入。公布的模块有:
    • Selector
    • TreeMixin
    • PagedList
    • SelectStore
    • TreeList
    • DataModel
    • all
  • client.less:自己扩充的基础样式,all里已经引入。

组件

  • AppBase:提供应用基础,包括对话框,发送请求时提示正在工作等。
  • Busy:显示正在工作组件。
  • HttpBusy:发送请求时,显示正在工作的组件。
  • MessageBox:显示提示框的组件。
  • Criteria:查询条件生成器。
  • List:列表显示数据组件。
  • DataGrid:数据表格组件。
  • Tree:显示树状列表的组件。
  • GridTree:表格树组件。
  • Pager:翻页组件。
  • CriteriaPaged:复合组件,带查询条件的翻页显示数据组件。
  • Route:路由组件,类似于浏览器里的一个页签。
  • Dynamic:动态页签组件。
  • FormPrint: 连续打印列表中的数据。
  • PrintFile: 折子打印的数据。
  • LoadParams: 获取后台资源服务参数。
  • PrintTable: 表格数据打印。
  • PrintElement: 标签元素内容数据打印。
  • ReportExcel: 报表导Excel。
  • ReportPrint: 报表打印。
  • ReportSave: 报表打印。
  • FileUpload: 文件上传
  • ExportExcel: 配合业务逻辑完成Excel的导出
  • ImgSelf: 自定义图片查看组件
  • Slide: 新产品弹出组件
  • CriteriaData: 查询条件并且去后台请求数据
  • Listener:修改触发onerror事件的错误并POST到restful的log中去
  • GaoPaiYi:提供高拍仪拍照上传功能的组件。

插件

  • MessageBox:提供提醒对话框显示功能。
  • HttpStore:提供后台http请求功能。
  • Partial:提供片段支持。
  • Route:提供路由功能。
  • GetParams:提供获取指定参数的功能。

混合

stores

  • SelectStore:对选中的数据进行存储。
  • PagedList:提供分页列表数据处理。
  • TreeList:提供树数据处理。
  • DataModel: 提供一般数据处理。
  • AppData:提供存储从资源服务中获取到的参数。

测试

所有组件均可单独测试,每个测试例子按如下目录结构组织

examples

List

index.html main.js App.vue 辅助组件.vue

通过List.html进行访问

测试例子

  • Partial: 对Partial进行测试,测试Partial的各种组合能力。
  • Busy: 测试Busy组件。通过按钮,测试Busy状态。
  • MessageBox: 对MessageBox进行测试,按下确定,或者取消按钮后,显示按下的按钮。
  • HttpStore: 对HttpStore进行测试,按钮按下后,发送错误请求,在控制台显示请求结果。
  • AppBase: 对AppBase进行测试,发送错误请求,弹出错误对话框。
  • Criteria: 对查询条件组件进行测试,点击查询,显示产生的条件。
  • List: 对List进行测试,用程序产生10000条数据,测试List组件性能。
  • DataGrid: 对数据表格进行测试,不从后台获取数据,直接显示给定数据。
  • Tree: 对树进行测试,不从后台获取数据,直接显示给定数据。
  • GridTree: 对表格树进行测试,不从后台获取数据,直接显示给定数据。
  • Pager: 对翻页组件进行测试,不从后台获取数据,直接显示给定数据。
  • PagedList: 对PagedList模型进行测试,包括与 List, Tree, DataGrid, GridTree 等组件的结合。
  • CriteriaPaged: 对带查询条件的翻页列表进行测试,从后台获取数据,每条数据可以删除。列表部分包括:List, Tree, DataGrid, GridTree
  • DataForm:对表单进行完整测试,表单不需要组件。内容有:
    • 可以把数据提交后台,提交后台的数据可以通过左边的查询分页组件进行查询。
    • 查询出来的数据,当选中时,可以删除。
    • 左边查询分页组件支持:DataGrid, GridTree。不同查询组件放在tab页中。
    • 表单组件的输入数据可以进行校验。
  • Layout:对基于弹性盒模型的布局进行测试。
  • Report: 对报表进行测试。
  • PrintFile: 对折子打印进行测试,从后台获取数据,打印到折子上。
  • PrintData: 打印组件,查询界面做打印时使用
  • PrintTable: 对表格连续打印进行测试,从后台获取数据。
  • ReportExcel: 对报表导出未Excel、报表打印进行测试和报表保存进行测试,不从后台获取数据,直接从界面根据传入的id获取导出的内容。
  • VSelect: 对从后台获取参数和下拉选择进行测试,从后台获取到多有的参数,通过插件提供的功能获取到指定的内容,并显示的下拉选项中。
  • ExportExcel: 对文件上传和导Excel进行测试,导Excel分为导出指定字段和全部字段,
  • ImgSelf: 可以单击图片全屏查看,并且提供放大缩小,旋转等功能
  • Slide: 正常情况下隐藏,当isOpen为true时,自动从边界滑出
  • CriteriaData: 对根据查询条件取后台取数据组件进行测试,点击查询,显示产生的条件,并且去后台请求数据
  • Listener 修改触发onerror事件的错误并POST到restful的log中去

版本发布

运行npm run release发布版本。

FAQs

Last updated on 09 Jul 2024

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

Packages

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc