(window.webpackJsonp=window.webpackJsonp||[]).push([[15],{277:function(t,a,r){"use strict";r.r(a);var s=r(38),e=Object(s.a)({},function(){var t=this,a=t.$createElement,r=t._self._c||a;return r("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[r("h1",{attrs:{id:"功能插件"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#功能插件","aria-hidden":"true"}},[t._v("#")]),t._v(" 功能插件")]),t._v(" "),r("p",[t._v("完全不与业务耦合的功能插件/组件，此类型的成果代表着不以项目类型或业务为限，可随意组合使用")]),t._v(" "),r("h2",{attrs:{id:"拼图验证码插件"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#拼图验证码插件","aria-hidden":"true"}},[t._v("#")]),t._v(" 拼图验证码插件")]),t._v(" "),r("p",[t._v("用户操作行为验证，能有效区分人机，阻绝恶意程序带来的业务损失。")]),t._v(" "),r("p",[t._v("可应用于系统登录、用户端留言或发贴等场景")]),t._v(" "),r("p",[r("strong",[t._v("拼图拖拽模式")])]),t._v(" "),r("p",[r("img",{attrs:{src:"/frontend/plugins/captcha.png",alt:"captcha"}})]),t._v(" "),r("p",[r("strong",[t._v("随机文字点选模式")])]),t._v(" "),r("p",[r("img",{attrs:{src:"/frontend/plugins/captcha1.png",alt:"captcha1"}})]),t._v(" "),r("p",[t._v("图形验证码插件（极验），当前使用 "),r("strong",[t._v("免费")]),t._v(" 版本，限制为 200 次 / 小时的使用频率，且免费版仅能使用拼图拖拽或文字选择等形式的其中一种，收费版本可随出现验证类型或根据验证级别的提升智能选择不同验证方式和难度，且可定制背景图片")]),t._v(" "),r("p",[r("strong",[t._v("全部验证形式")])]),t._v(" "),r("p",[r("img",{attrs:{src:"/frontend/plugins/captcha-all.png",alt:"captcha-all"}})]),t._v(" "),r("blockquote",[r("p",[t._v("该功能需要服务端配套相关功能")])]),t._v(" "),r("h2",{attrs:{id:"短信验证"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#短信验证","aria-hidden":"true"}},[t._v("#")]),t._v(" 短信验证")]),t._v(" "),r("p",[t._v("使用手机及验证码进行身份验证")]),t._v(" "),r("img",{staticClass:"border-shadow",attrs:{src:"/frontend/plugins/sms.png"}}),t._v(" "),r("p",[t._v("提供了默认形态界面的完整功能，也允许只引用底层实现 API 适配自定义短信验证界面场景")]),t._v(" "),r("h2",{attrs:{id:"侧边栏抽屉"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#侧边栏抽屉","aria-hidden":"true"}},[t._v("#")]),t._v(" 侧边栏抽屉")]),t._v(" "),r("p",[t._v("一个可从屏幕边缘抽屉式滑出的内容展示层")]),t._v(" "),r("p",[r("img",{attrs:{src:"/frontend/plugins/slide.png",alt:"slide"}})]),t._v(" "),r("h2",{attrs:{id:"数据表格"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#数据表格","aria-hidden":"true"}},[t._v("#")]),t._v(" 数据表格")]),t._v(" "),r("p",[t._v("带有分页栏的数据表格，集成了单选、多选、跨页选择等功能")]),t._v(" "),r("p",[r("img",{attrs:{src:"/frontend/plugins/grid.png",alt:"grid"}})]),t._v(" "),r("blockquote",[r("p",[t._v("该插件依赖于 element-ui，以及服务端数据接口")])]),t._v(" "),r("h2",{attrs:{id:"数据下载-导出"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#数据下载-导出","aria-hidden":"true"}},[t._v("#")]),t._v(" 数据下载/导出")]),t._v(" "),r("p",[t._v("标准文件下载/导出功能，根据提供位置的内容构建文件流并自动开始下载，下载过程中默认开启全屏遮罩，并在下载完成后自动关闭")]),t._v(" "),r("p",[r("img",{attrs:{src:"/frontend/plugins/download.png",alt:"download"}})]),t._v(" "),r("blockquote",[r("p",[t._v("该插件遮罩功能依赖于 element-ui")])]),t._v(" "),r("h2",{attrs:{id:"选择器"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#选择器","aria-hidden":"true"}},[t._v("#")]),t._v(" 选择器")]),t._v(" "),r("p",[t._v("用于挑选数据的选择器")]),t._v(" "),r("p",[r("strong",[t._v("选择器基本规则说明")])]),t._v(" "),r("p",[t._v("所有选择器应包含以下三个基本行为")]),t._v(" "),r("ul",[r("li",[t._v("右上角 "),r("code",[t._v("X")]),t._v(" 关闭按钮，点击后仅关闭选择器，不触发事件响应")]),t._v(" "),r("li",[r("code",[t._v("清空")]),t._v(" 按钮，清空选择器已选择项目，但不关闭窗口")]),t._v(" "),r("li",[r("code",[t._v("确定")]),t._v(" 按钮，触发回调事件，响应数据变更并关闭选择器窗口")])]),t._v(" "),r("p",[r("strong",[t._v("选择器基本构成元素图例")])]),t._v(" "),r("img",{staticClass:"border-shadow",attrs:{src:"/frontend/plugins/selector-base.png"}}),t._v(" "),r("h3",{attrs:{id:"单列数据穿梭框"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#单列数据穿梭框","aria-hidden":"true"}},[t._v("#")]),t._v(" 单列数据穿梭框")]),t._v(" "),r("p",[t._v("以数据列表形式展现，提供数据可以左右穿梭直观效果")]),t._v(" "),r("img",{staticClass:"border-shadow",attrs:{src:"/frontend/plugins/selector-transfer.png"}}),t._v(" "),r("h3",{attrs:{id:"树形数据选择器"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#树形数据选择器","aria-hidden":"true"}},[t._v("#")]),t._v(" 树形数据选择器")]),t._v(" "),r("p",[t._v("以树形结构展示待选项目")]),t._v(" "),r("img",{staticClass:"border-shadow",attrs:{src:"/frontend/plugins/selector-tree.png"}}),t._v(" "),r("h3",{attrs:{id:"分组树形数据选择器"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#分组树形数据选择器","aria-hidden":"true"}},[t._v("#")]),t._v(" 分组树形数据选择器")]),t._v(" "),r("p",[t._v("多分组且每个分组可使用树形结构展示的选择器")]),t._v(" "),r("img",{staticClass:"border-shadow",attrs:{src:"/frontend/plugins/selector-tree-group.png"}})])},[],!1,null,null,null);a.default=e.exports}}]);