@opentiny/vue-docs 1.0.0

package/resources/pc/demo-config/zh-CN/grid-span.json

@@ -0,0 +1 @@
+[{"title":"基本用法","content":"<p>通过表格列属性 <code>row-span</code> 设置内置的行合并规则,该属性仅适用于普通表格，嵌套树表不支持。</p>\n","link":"grid/span/row-span/row-span-easy","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"span-row-span-row-span-easy"},{"title":"自定义合并规则","content":"<p>通过表格列属性 <code>span-method</code> 设置自定义合并规则。</p>\n","link":"grid/span/row-span/row-span","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"span-row-span-row-span"},{"title":"列合并","content":"<p>列合并是通过表格列设置方法 <code>span-method</code> 实现的自定义合并规则。例如：</p>\n<blockquote>\n<p>实现2列合并</p>\n</blockquote>\n","link":"grid/span/column-span","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"span-column-span"}]

package/resources/pc/demo-config/zh-CN/grid-summary.json

@@ -0,0 +1 @@
+[{"title":"基本用法","content":"<p>通过 <code>footer-method</code> 和 <code>show-footer</code> 配置自定义统计。</p>\n","link":"grid/summary/custom-summary","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"summary-custom-summary"},{"title":"设置配置式的统计","content":"<p>通过 <code>summary-config</code> 设置配置式的统计。</p>\n","link":"grid/summary/configuration-summary","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"summary-configuration-summary"}]

package/resources/pc/demo-config/zh-CN/grid-tip.json

@@ -0,0 +1 @@
+[{"title":"列头提示","content":"<p>列头提示有2种，一种是 <code>show-header-tip</code> 提示（内容是否超出都会提示），另一种是 <code>show-header-overflow</code> 内容超出当前行时隐藏并提示。</p>\n<div class=\"tip custom-block\"><p class=\"custom-block-title\">TIP</p>\n<p><code>show-header-overflow</code> 可选值有：</p>\n<ul>\n<li><code>tooltip</code>：内容超出部分显示 <code>...</code>，左侧/右侧弹出提示层显示全部信息，<code>show-overflow</code> 开启时的缺省提示</li>\n<li><code>title</code>：和原生标签的 <code>title</code> 属性一致</li>\n<li><code>ellipsis</code>：内容超出部分显示 <code>...</code>，没有提示</li>\n</ul>\n</div>\n","link":"grid/tip/column-header-tip","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"tip-column-header-tip"},{"title":"单元格提示","content":"<p>单元格提示有2种，一种是 <code>show-tip</code> 提示（内容是否超出都会提示），另一种是 <code>show-overflow</code> 内容超出当前行时隐藏并提示。</p>\n<div class=\"tip custom-block\"><p class=\"custom-block-title\">TIP</p>\n<p><code>show-overflow</code> 可选值有：</p>\n<ul>\n<li><code>title</code>：和原生标签的 <code>title</code> 属性一致</li>\n<li><code>ellipsis</code>：内容超出部分显示 <code>...</code>，没有提示</li>\n<li><code>tooltip</code>：内容超出部分显示 <code>...</code>，左侧/右侧弹出提示层显示全部信息，<code>show-overflow</code> 开启时的缺省提示\n<code>tooltip</code> 提示可通过 <code>Grid</code> 属性 <code>:tooltip-config</code> 进行配置，配置方式参考 <code>Tooltip</code> 组件</li>\n</ul>\n</div>\n","link":"grid/tip/cell-tip","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"tip-cell-tip"}]

package/resources/pc/demo-config/zh-CN/grid-toolbar.json

@@ -0,0 +1 @@
+[{"title":"基本用法","content":"<p>工具栏配置步骤：\n1、表格以插槽方式引入表格工具栏组件 <code>GridToolbar</code>，并设置工具栏组件属性 <code>slot=&quot;toolbar&quot;</code> 。\n2、设置工具栏组件属性 <code>buttons</code> 进行按钮组相关配置。\n3、表格事件设置 <code>@toolbar-button-click</code> 获取工具栏 <code>buttons</code> 的事件，用户可自定义实现增删改操作的业务逻辑。</p>\n<div class=\"tip custom-block\"><p class=\"custom-block-title\">新增的行需要标记新增状态的样式时需要配置 edit-config 的 markInsert 项为 true</p>\n</div>\n","link":"grid/tiny-first-menu/insert-delete-update","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"tiny-first-menu-insert-delete-update"},{"title":"取消删除","content":"<p>在工具栏中配置 <code>mark_cancel</code> 的 code，勾选数据后，单击 <code>删除/取消删除</code> 按钮，勾选的数据将标记删除线。再单击 <code>保存</code> 按钮请求服务删除标记的数据。已标记删除线的数据勾选后再次单击 <code>删除/取消删除</code> 按钮，会取消删除线。\n 需要配置 fetch-data 请求服务时才有标记删除线和取消删除线的效果\n</p>\n","link":"grid/toolbar/cancel-delete","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"toolbar-cancel-delete"},{"title":"清空数据","content":"<p>clearData 方法手动清空单元格内容，如果不传参数，则清空整个表格内容。如果传了行则清空指定行内容，如果传了指定字段，则清空该字段内容。具体参考下面示例。</p>\n","link":"grid/tiny-first-menu/clearData","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"tiny-first-menu-clearData"},{"title":"指定行插入数据和删除指定行","content":"<p>通过 <code>insertAt(records, row)</code> 方法可以在指定行插入一行或多行数据。<code>remove(rows)</code> 方法可以删除指定一行或多行数据，rows 为对象则是一行，数组则是多行数据，为空则删除所有数据。</p>\n","link":"grid/toolbar/insert-remove-rows","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"toolbar-insert-remove-rows"},{"title":"服务端数据保存和删除方法","content":"<p>通过表格属性 <code>save-data</code> 服务端数据保存方法。\n通过表格属性 <code>delete-data</code> 服务端数据删除方法。</p>\n","link":"grid/tiny-first-menu/save-data","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"tiny-first-menu-save-data"},{"title":"设置工具栏尺寸大小","content":"<p>工具栏配置步骤：\n1、表格以插槽方式引入表格工具栏组件 <code>GridToolbar</code>，并设置工具栏组件属性 <code>slot=&quot;toolbar&quot;</code> 。\n2、设置工具栏组件属性 <code>buttons</code> 进行按钮组相关配置。\n3、表格事件设置 <code>@toolbar-button-click</code> 获取工具栏 <code>buttons</code> 的事件，用户可自定义实现复制行操作的业务逻辑。</p>\n<ul>\n<li><code>size</code> 属性设置工具栏尺寸大小,包括 large、medium、small、mini 四种不同大小。不设置时为默认尺寸。</li>\n</ul>\n","link":"grid/tiny-first-menu/copy-row-data","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"tiny-first-menu-copy-row-data"},{"title":"开启表格刷新功能","content":"<p>工具栏配置步骤：\n1、表格以插槽方式引入表格工具栏组件 <code>GridToolbar</code>，并设置工具栏组件属性 <code>slot=&quot;toolbar&quot;</code> 。\n2、设置工具栏组件属性 <code>refresh</code> 开启表格刷新功能。</p>\n<ul>\n<li>设置工具栏属性 <code>loading</code> 开启/关闭加载中。\n自定义实现刷新时直接调用<code>handleFetch('reload')</code></li>\n</ul>\n","link":"grid/tiny-first-menu/refresh-grid","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"tiny-first-menu-refresh-grid"},{"title":"开启表格全屏功能","content":"<p>工具栏配置步骤：\n1、表格以插槽方式引入表格工具栏组件 <code>GridToolbar</code>，并设置工具栏组件属性 <code>slot=&quot;toolbar&quot;</code> 。\n2、设置工具栏组件属性 <code>full-screen</code> 开启表格全屏功能。</p>\n","link":"grid/tiny-first-menu/grid-full-screen","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"tiny-first-menu-grid-full-screen"},{"title":"全屏时改变表格高度","content":"详细用法参考如下示例","link":"grid/tiny-first-menu/grid-full-screen-height","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"tiny-first-menu-grid-full-screen-height"},{"title":"工具栏自定义插槽","content":"<p>工具栏配置步骤：\n1、表格以插槽方式引入表格工具栏组件 <code>GridToolbar</code>，并设置工具栏组件插槽 <code>#toolbar</code> 。\n2、通过工具栏组件的插槽 <code>#buttons</code> 自定义内容。</p>\n","link":"grid/tiny-first-menu/custom-toolbar","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"tiny-first-menu-custom-toolbar"},{"title":"配置式","content":"<p>通过 <code>v-bind</code> 绑定一个对象来实现配置式。在绑定的对象中 <code>toolbar</code> 字段用于工具栏配置，可配合 <code>events</code> 字段对工具栏中按钮进行 <code>toolbarButtonClick</code> 事件配置。另外，<code>pager</code> 字段用于分页配置，<code>fetchData</code> 字段用于请求服务。</p>\n","link":"grid/toolbar/toolbar-op-config","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"toolbar-toolbar-op-config"}]

package/resources/pc/demo-config/zh-CN/grid-tree-grid.json

@@ -0,0 +1 @@
+[{"title":"有子级的数据结构","content":"<p>在 grid 标签上配置 tree-config=&quot;{children: 'children'}&quot;以树的形式来展示数据,还需要在展示树节点的字段上配置 tree-node 属性</p>\n","link":"grid/tree-table/tree-grid-base","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"tree-table-tree-grid-base"},{"title":"扁平化数据结构","content":"<p>注意：扁平化的数据结构需要调用 aggregateTableData 方法把数据转换成带有子级的数据才能正常的显示出树表的结构</p>\n","link":"grid/tree-table/tree-grid-data","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"tree-table-tree-grid-data"},{"title":"操作列","content":"<p>列通过配置 type=&quot;radio&quot; 实现单选，配置 type=&quot;selection&quot; 实现多选</p>\n","link":"grid/tree-table/tree-grid-operation-column","component":" 树表","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"tree-table-tree-grid-operation-column"},{"title":"手动展开所有树节点","content":"<p><code>setAllTreeExpansion(checked)</code> 可设置所有树节点的展开与否。</p>\n","link":"grid/methods/set-all-tree-expansion","component":" 树表","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"methods-set-all-tree-expansion"},{"title":"手动展开指定树节点","content":"<p><code>setTreeExpansion(rows, checked)</code> 可设置展开指定的树形节点，第二个参数设置这一行展开与否。</p>\n","link":"grid/methods/set-tree-expansion","component":" 树表","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"methods-set-tree-expansion"},{"title":"手动切换展开树形节点","content":"<p><code>toggleTreeExpansion(row)</code> 可设置切换展开树形节点。</p>\n","link":"grid/methods/toggle-tree-expansion","component":" 树表","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"methods-toggle-tree-expansion"},{"title":"冻结列","content":"<p>在列的标签上可以通过配置 fixed=&quot;left&quot; 属性把该列固定在左侧，配置 fixed=&quot;right&quot; 属性把该列固定在右侧</p>\n","link":"grid/tree-table/tree-grid-fixed-column","component":" 树表","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"tree-table-tree-grid-fixed-column"},{"title":"展开行","content":"<p>在 column 标签上配置 type=&quot;expand&quot; 展开行,可以通过 v-slot 插槽插入需要的模板信息</p>\n","link":"grid/tree-table/tree-grid-expand","component":" 树表","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"tree-table-tree-grid-expand"},{"title":"检查树节点是否已展开","content":"<p>通过 <code>hasTreeExpand(row)</code> 方法可以检查树节点是否已展开，参数 row 为行数据对象。</p>\n","link":"grid/tree-table/hasTreeExpand","component":" 树表","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"tree-table-hasTreeExpand"},{"title":"展开行序号列配置","content":"<p>在 <code>treeConfig</code> 属性里配置 <code>ordered</code> 为 <code>false</code> 展开行，序号列按父子级的结构排序。默认 <code>ordered</code> 属性为 <code>true</code> 展开行后序号列按序号排序。</p>\n","link":"grid/tree-table/tree-grid-index","component":" 树表","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"tree-table-tree-grid-index"},{"title":"基本用法","content":"<p>表格属性 <code>expand-config</code> 设置展开行配置项。</p>\n","link":"grid/tree-table/tree-grid-expand-config","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"tree-table-tree-grid-expand-config"},{"title":"增删改","content":"<p>在 grid-toolbar 标签上配置 slot=&quot;toolbar&quot; 插槽，配置相关的操作按钮 ，注意：新增数据需要在 grid 标签上配置 edit-config 编辑框的配置信息，并通过 ref 获取到组件实例调用方法进行相关操作，findTree、filterTree 是工具类里的查找和过滤方法。由于tree数据节构的特殊性，grid的<code>getInsertRecords</code>与<code>getRecordset</code>方法无法获取到新增数据，此类数据需要用户自行处理。</p>\n","link":"grid/tree-table/tree-grid-insert-delete-update","component":" 树表","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"tree-table-tree-grid-insert-delete-update"},{"title":"键盘操作","content":"<p>键盘移动高亮行,设置斑马线属性 stripe 为 false,鼠标悬停高亮行 highlight-hover-row 为 false,高亮当前行 highlight-current-row ,并配置 keyboard-config={isArrow: true} 属性启用方向键功能\n | Arrow Up ↑ | 移动到高亮行的上一行\n | Arrow Down ↓ | 移动到高亮行的下一行\n | Enter | 展开节点，进入子节点\n | Backspace | 关闭节点，返回到父节点</p>\n","link":"grid/tree-table/tree-grid-keyboard-operation","component":" 树表","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"tree-table-tree-grid-keyboard-operation"}]

package/resources/pc/demo-config/zh-CN/grid-validation.json

@@ -0,0 +1 @@
+[{"title":"编辑时校验","content":"<p>grid 标签配置 edit-config 对象，并配置 edit-rules 对象来设置校验对象和校验规则。具体参考下面示例。</p>\n","link":"grid/grid_Example/gridValid/editing-validation","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"grid_Example-gridValid-editing-validation"},{"title":"隐藏列编辑时校验","content":"<p>grid 标签配置 edit-config 对象且列配置type：visible 且配置isValidAlways属性时, 即列总是显示可编辑状态时，支持编辑时校验,并配置 edit-rules 对象来设置校验对象和校验规则。具体参考下面示例。</p>\n","link":"grid/grid_Example/gridValid/editing-isvalidalways-validation","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"grid_Example-gridValid-editing-isvalidalways-validation"},{"title":"数据关联校验","content":"<p>在自定义校验时，<code>validator</code>方法<code>rule</code>参数中可获取到当前行与列的信息。可以按业务的需求实现数据关联的校验逻辑</p>\n","link":"grid/grid_Example/gridValid/row-data-valid","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"grid_Example-gridValid-row-data-valid"},{"title":"自定义组件与插槽编辑器校验","content":"<p>在使用自定义组件时，组件需要实现<code>v-model</code>的功能。在使用插槽时想要实时校验需要手动触发组件的校验方法</p>\n","link":"grid/grid_Example/gridValid/custcomp","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"grid_Example-gridValid-custcomp"},{"title":"选中时校验","content":"<p>grid 标签配置 edit-config 对象，并配置 edit-rules 对象来设置校验对象和校验规则，通过按钮点击事件调用 this.$refs.basicGrid.validate()方法来触发表格校验，具体参考下面示例。</p>\n","link":"grid/grid_Example/gridValid/select-validation","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"grid_Example-gridValid-select-validation"},{"title":"提交前校验","content":"<p>grid 标签配置 edit-config 对象，并配置 edit-rules 对象来设置校验对象和校验规则，通过按钮点击事件调用 this.$refs.basicGrid.validate()方法来触发表格校验，具体参考下面示例。</p>\n","link":"grid/grid_Example/gridValid/before-submit-validation","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"grid_Example-gridValid-before-submit-validation"},{"title":"触发校验时自动定位到当前校验的单元格","content":"<p>grid 编辑器引入 tiny.0 组件，标签配置 edit-config 对象，并配置 edit-rules 对象来设置校验对象和校验规则，通过按钮点击事件调用 this.$refs.basicGrid.validate()方法来触发表格校验，具体参考下面示例。</p>\n","link":"grid/grid_Example/gridValid/validation-scroll-to-col","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"grid_Example-gridValid-validation-scroll-to-col"},{"title":"错误提示配置项","content":"<p>表格默认错误提示显示在 <code>body</code> 上， 可以通过设置 <code>tooltip-config</code> 的 <code>appendTobody</code> 设置为 <code>false</code> 来解决页面滚动时tip位置错误的问题。设置 <code>placement</code> 属性调整默认显示方向。<code>tooltip-config</code> 的配置可参参考 tooltip 组件</p>\n","link":"grid/grid_Example/gridValid/tipconfig","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"grid_Example-gridValid-tipconfig"}]

package/resources/pc/demo-config/zh-CN/grid-width-height.json

@@ -0,0 +1 @@
+[{"title":"开启列宽拖拽","content":"<p>列宽默认开启，如需禁用需要设置<code>resizable</code>为<code>false</code></p>\n","link":"grid/tiny-first-menu/resize-column-width","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"tiny-first-menu-resize-column-width"},{"title":"表格列属性设置宽度","content":"<p>表格列属性设置 width 固定宽度，支持数值和百分比。</p>\n","link":"grid/tiny-first-menu/fixed-column-width","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"tiny-first-menu-fixed-column-width"},{"title":"列宽自适应撑开","content":"<p>表格属性设置 fit 自动撑开，默认值为 true 开启自适应撑开，值为 false 时必须设置列宽度，否则表格宽度由单元格内容撑开。</p>\n","link":"grid/tiny-first-menu/adaptive-column-width","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"tiny-first-menu-adaptive-column-width"},{"title":"列宽不自适应撑开","content":"详细用法参考如下示例","link":"grid/tiny-first-menu/adaptive-un-column-width","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"tiny-first-menu-adaptive-un-column-width"},{"title":"表格属性设置高度","content":"<p>表格属性设置 height 固定表格高度。</p>\n","link":"grid/tiny-first-menu/fixed-grid-height","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"tiny-first-menu-fixed-grid-height"},{"title":"关闭响应式表格宽高","content":"详细用法参考如下示例","link":"grid/tiny-first-menu/adaptive-grid-off-width-height","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"tiny-first-menu-adaptive-grid-off-width-height"},{"title":"开启响应式表格宽高","content":"<p>表格属性设置 autoResize 属性开启响应式表格宽高的同时，将高度<code>heigh</code>设置为<code>auto</code>就可以自动跟随父容器高度。</p>\n","link":"grid/news/auto-height","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"news-auto-height"},{"title":"设置 minHeight 最小高度","content":"<p>表格属性设置 minHeight 限制最小高度，maxHeight 限制最大高度。</p>\n","link":"grid/tiny-first-menu/min-grid-height","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"tiny-first-menu-min-grid-height"},{"title":"设置 maxHeight 最大高度","content":"详细用法参考如下示例","link":"grid/tiny-first-menu/max-min-grid-height","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"tiny-first-menu-max-min-grid-height"},{"title":"设置总体列宽","content":"<p>通过属性 <code>column-min-width</code> 设置总体列可以调整到的最小宽度，不设置时默认为列头 span 的宽度 + 36（头部固定宽度）。\n</p>\n","link":"grid/tiny-first-menu/column-min-width","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"tiny-first-menu-column-min-width"},{"title":"本列最小宽度","content":"<p>通过表格列属性 <code>min-width</code> 本列最小宽度；会自动将剩余空间按比例分配。\n</p>\n","link":"grid/tiny-first-menu/min-width","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"tiny-first-menu-min-width"},{"title":"设置所有列宽度","content":"<p>通过属性 <code>column-width</code> 设置所有列宽度，默认值为均匀分配。\n</p>\n","link":"grid/tiny-first-menu/column-width","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"tiny-first-menu-column-width"},{"title":"重新计算表格","content":"<p>通过 <code>recalculate()</code> 方法可以重新计算表格，当父容器宽度变化时可通过该方法重新计算表格。</p>\n","link":"grid/recalculate","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"recalculate"}]

package/resources/pc/demo-config/zh-CN/grid.json

@@ -0,0 +1 @@
+[{"title":"标签式","content":"详细用法参考如下示例","link":"grid/basicUsage","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"basicUsage"},{"title":"配置式","content":"详细用法参考如下示例","link":"grid/basicUsage-conf","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"basicUsage-conf"}]

package/resources/pc/demo-config/zh-CN/hrapprover.json

@@ -0,0 +1 @@
+[{"title":"基本用法","content":"详细用法参考如下示例","link":"hrapprover/basic-usage","component":" Hrapprover 权签人","findIntroStr":"权签人业务组件用于根据部门查询权签人。","demoId":"basic-usage"},{"title":"权签类别","content":"<p>可通过 <code>category</code> 设置权签类别，默认值是 <code>0303</code>，发送权签人请求的category参数。</p>\n","link":"hrapprover/category-type","component":" Hrapprover 权签人","findIntroStr":"权签人业务组件用于根据部门查询权签人。","demoId":"category-type"},{"title":"禁用","content":"<p>通过 <code>value</code> 设置权签人的值。 通过 <code>disabled</code> 设置组件是否禁用，默认值为 false。</p>\n","link":"hrapprover/disabled","component":" Hrapprover 权签人","findIntroStr":"权签人业务组件用于根据部门查询权签人。","demoId":"disabled"},{"title":"自定义服务","content":"<p>通过 fetch-hrapprover 属性可以指定一个方法，在方法中可实现请求自定义的服务。</p>\n","link":"hrapprover/custom-service","component":" Hrapprover 权签人","findIntroStr":"权签人业务组件用于根据部门查询权签人。","demoId":"custom-service"}]

package/resources/pc/demo-config/zh-CN/icon.json

@@ -0,0 +1,26 @@
+[
+  {
+    "title": "基本用法",
+    "content": "详细用法参考如下示例",
+    "link": "icon/basic-usage",
+    "component": " Icon 图标",
+    "findIntroStr": "提供了一套常用的图标集合，从 @opentiny/vue-icon 引入相应的图标类函数。图标类函数首字母大写/小写均可引入，执行该函数以生成一个图标类。",
+    "demoId": "basic-usage"
+  },
+  {
+    "title": "显示 Title",
+    "content": "<p>通过在 Icon 的父级元素上增加 <code>title</code> 属性来实现给 Icon 图标增加 Title 的功能。</p>\n",
+    "link": "icon/show-title",
+    "component": " Icon 图标",
+    "findIntroStr": "提供了一套常用的图标集合，直接通过设置类名为 `icon-iconName` 来使用。",
+    "demoId": "show-title"
+  },
+  {
+    "title": "图标集合",
+    "content": "全部图标参考如下",
+    "link": "icon/list",
+    "component": " Icon 图标",
+    "findIntroStr": "提供了一套常用的图标集合，直接通过设置类名为 `icon-iconName` 来使用。",
+    "demoId": "list"
+  }
+]

package/resources/pc/demo-config/zh-CN/image.json

@@ -0,0 +1 @@
+[{"title":"基本用法","content":"<p>通过 <code>src</code> 设置预览的图片路径。</p>\n","link":"image/basic-usage","component":" Image 图片预览","findIntroStr":"图片容器，在保留原生 img 的特性下，支持懒加载，自定义占位、加载失败等功能。","demoId":"basic-usage"},{"title":"自适应容器尺寸","content":"<p>可通过 <code>fit</code> 属性确定图片如何适应到容器框，同原生 css 的 object-fit 属性。</p>\n<div class=\"tip custom-block\"><p class=\"custom-block-title\">object-fit 说明</p>\n<p>fill：被替换的内容将被缩放，以在填充元素的内容框时保持其宽高比\ncontain：被替换的内容大小可以填充元素的内容框\ncover：被替换的内容大小保持其宽高比，同时填充元素的整个内容框\nnone：被替换的内容尺寸不会被改变\nscale-down：内容的尺寸就像是指定了none 或 contain，取决于哪一个将导致更小的对象尺寸。</p>\n</div>\n","link":"image/auto-fit-container-size","component":" Image 图片预览","findIntroStr":"图片容器，在保留原生 img 的特性下，支持懒加载，自定义占位、加载失败等功能。","demoId":"auto-fit-container-size"},{"title":"占位内容","content":"<p>可通过 <code>slot = placeholder</code> 自定义占位内容。</p>\n","link":"image/custom-placeholder","component":" Image 图片预览","findIntroStr":"图片容器，在保留原生 img 的特性下，支持懒加载，自定义占位、加载失败等功能。","demoId":"custom-placeholder"},{"title":"懒加载","content":"<p>可通过 <code>lazy</code> 开启懒加载功能，当图片滚动到可视范围内才会加载。可通过 <code>scroll-container</code> 来设置滚动容器，若未定义，则为最近一个 <code>overflow</code> 值为 <code>auto</code> 或 <code>scroll</code> 的父元素。</p>\n<div class=\"tip custom-block\"><p class=\"custom-block-title\">提示</p>\n<p>lazy 懒加载的图片必须是远程的图片，不支持静态图片懒加载。</p>\n</div>\n","link":"image/lazy-load","component":" Image 图片预览","findIntroStr":"图片容器，在保留原生 img 的特性下，支持懒加载，自定义占位、加载失败等功能。","demoId":"lazy-load"},{"title":"预览大图","content":"<p>通过 <code>preview-src-list</code> 开启预览大图的功能。</p>\n","link":"image/preview-src-list","component":" Image 图片预览","findIntroStr":"图片容器，在保留原生 img 的特性下，支持懒加载，自定义占位、加载失败等功能。","demoId":"preview-src-list"},{"title":"图片预览层级","content":"<p>可通过 <code>z-index</code> 设置预览图片的层级。</p>\n","link":"image/preview-z-index","component":" Image 图片预览","findIntroStr":"图片容器，在保留原生 img 的特性下，支持懒加载，自定义占位、加载失败等功能。","demoId":"preview-z-index"},{"title":"加载成功事件","content":"<p>图片加载成功触发 <code>load</code> 事件。</p>\n","link":"image/load-event","component":" Image 图片预览","findIntroStr":"图片容器，在保留原生 img 的特性下，支持懒加载，自定义占位、加载失败等功能。","demoId":"load-event"},{"title":"加载失败事件","content":"<p>图片加载失败触发 <code>error</code> 事件。</p>\n","link":"image/load-error","component":" Image 图片预览","findIntroStr":"图片容器，在保留原生 img 的特性下，支持懒加载，自定义占位、加载失败等功能。","demoId":"load-error"},{"title":"加载失败","content":"<p>可通过 <code>slot = error</code> 自定义加载失败内容。</p>\n","link":"image/custom-load-failed-text","component":" Image 图片预览","findIntroStr":"图片容器，在保留原生 img 的特性下，支持懒加载，自定义占位、加载失败等功能。","demoId":"custom-load-failed-text"},{"title":"对话框中预览图片","content":"<p>在 <code>dialog-box</code> 元素中嵌入 <code>image</code> 进行图片预览。</p>\n","link":"image/preview-in-dialog","component":" Image 图片预览","findIntroStr":"图片容器，在保留原生 img 的特性下，支持懒加载，自定义占位、加载失败等功能。","demoId":"preview-in-dialog"}]

package/resources/pc/demo-config/zh-CN/input.json

@@ -0,0 +1 @@
+[{"title":"基本用法","content":"详细用法参考如下示例","link":"input/basic-usage","component":" Input 输入框","findIntroStr":"通过鼠标或键盘输入字符。","demoId":"basic-usage"},{"title":"可清空","content":"<p>可通过 <code>clearable</code> 属性设置输入框显示清空图标按钮。</p>\n","link":"input/clearable","component":" Input 输入框","findIntroStr":"通过鼠标或键盘输入字符。","demoId":"clearable"},{"title":"密码显示","content":"<p>当 <code>type</code> 为 <code>password</code> 时，可通过 <code>show-password</code> 属性设置输入框显示密码显示/隐藏切换图标按钮。</p>\n","link":"input/show-password","component":" Input 输入框","findIntroStr":"通过鼠标或键盘输入字符。","demoId":"show-password"},{"title":"type 属性","content":"<p>通过对应的 <code>type</code> 属性，可以设置为对应的类型。默认为 text，可选值为 text，textarea 和其他 原生 input 的 type 值</p>\n","link":"input/type","component":" Input 输入框","findIntroStr":"通过鼠标或键盘输入字符。","demoId":"type"},{"title":"尺寸","content":"<p>可通过 <code>size</code> 属性设置尺寸大小，可选值：<code>medium / small / mini</code>。注意：只在 <code>type!=&quot;textarea&quot;</code> 时有效。</p>\n","link":"input/size","component":" Input 输入框","findIntroStr":"通过鼠标或键盘输入字符。","demoId":"size"},{"title":"form","content":"<p>可通过 <code>form</code> 属性设置原生属性 form 。</p>\n","link":"input/form","component":" Input 输入框","findIntroStr":"通过鼠标或键盘输入字符。","demoId":"form"},{"title":"原生属性","content":"<p>可设置 <code>name</code>  <code>disabled</code> <code>readonly</code>等原生属性。</p>\n","link":"input/name","component":" Input 输入框","findIntroStr":"通过鼠标或键盘输入字符。","demoId":"name"},{"title":"输入框关联文字","content":"<p>可通过 <code>label</code> 属性设置输入框关联的 label 文字。</p>\n","link":"input/label","component":" Input 输入框","findIntroStr":"通过鼠标或键盘输入字符。","demoId":"label"},{"title":"头部图标","content":"<p>可通过 <code>prefix-icon</code> 属性设置输入框头部图标。</p>\n","link":"input/prefix-icon","component":" Input 输入框","findIntroStr":"通过鼠标或键盘输入字符。","demoId":"prefix-icon"},{"title":"尾部图标","content":"<p>可通过 <code>suffix-icon</code> 属性设置输入框尾部图标。</p>\n","link":"input/suffix-icon","component":" Input 输入框","findIntroStr":"通过鼠标或键盘输入字符。","demoId":"suffix-icon"},{"title":"可缩放文本域","content":"<p>可通过 <code>resize</code> 属性设置文本域的缩放。可选值：<code>none / both / horizontal / vertical</code>。注意：只在 <code>type=&quot;textarea&quot;</code> 时有效。</p>\n","link":"input/resize","component":" Input 输入框","findIntroStr":"通过鼠标或键盘输入字符。","demoId":"resize"},{"title":"文本域行数","content":"<p>可通过 <code>rows</code> 属性设置文本域显示行数。注意：只在 <code>text=&quot;textarea&quot;</code> 时有效。</p>\n","link":"input/rows","component":" Input 输入框","findIntroStr":"通过鼠标或键盘输入字符。","demoId":"rows"},{"title":"文本域宽度","content":"<p>可通过 <code>cols</code> 属性设置文本域显示宽度。注意：只在 <code>text=&quot;textarea&quot;</code> 时有效。</p>\n","link":"input/cols","component":" Input 输入框","findIntroStr":"通过鼠标或键盘输入字符。","demoId":"cols"},{"title":"可自适应文本高度的文本域","content":"<p>可通过 <code>autosize</code> 属性设置文本域自适应内容高度。可传入对象，如<code>{ minRows: 2, maxRows: 6 }</code>。注意：只对 <code>type=&quot;textarea&quot;</code> 有效。</p>\n","link":"input/autosize","component":" Input 输入框","findIntroStr":"通过鼠标或键盘输入字符。","demoId":"autosize"},{"title":"输入框的 tabindex","content":"<p>可通过 <code>tabindex</code> 属性设置输入框的 tabindex</p>\n","link":"input/tabindex","component":" Input 输入框","findIntroStr":"通过鼠标或键盘输入字符。","demoId":"tabindex"},{"title":"前置内容","content":"<p>配置 <code>prepend</code> slot，设置输入框前置内容，注意：只对 <code>type=&quot;text&quot;</code> 有效。</p>\n","link":"input/slot-prepend","component":" Input 输入框","findIntroStr":"通过鼠标或键盘输入字符。","demoId":"slot-prepend"},{"title":"后置内容","content":"<p>配置 <code>append</code> slot，设置输入框后置内容，注意：只对 <code>type=&quot;text&quot;</code> 有效。</p>\n","link":"input/slot-append","component":" Input 输入框","findIntroStr":"通过鼠标或键盘输入字符。","demoId":"slot-append"},{"title":"头部内容","content":"<p>配置 <code>prefix</code> slot，设置输入框头部内容，注意：只对 <code>type=&quot;text&quot;</code> 有效。</p>\n","link":"input/slot-prefix","component":" Input 输入框","findIntroStr":"通过鼠标或键盘输入字符。","demoId":"slot-prefix"},{"title":"尾部内容","content":"<p>配置 <code>suffix</code> slot，设置输入框尾部内容，注意：只对 <code>type=&quot;text&quot;</code> 有效。</p>\n","link":"input/slot-suffix","component":" Input 输入框","findIntroStr":"通过鼠标或键盘输入字符。","demoId":"slot-suffix"},{"title":"最大值","content":"<p>可通过 <code>max</code> 属性设置输入框最大值。<code>max</code> 是原生属性。</p>\n","link":"input/max","component":" Input 输入框","findIntroStr":"通过鼠标或键盘输入字符。","demoId":"max"},{"title":"最小值","content":"<p>可通过 <code>min</code> 属性设置输入框最小值。<code>min</code> 是原生属性。</p>\n","link":"input/min","component":" Input 输入框","findIntroStr":"通过鼠标或键盘输入字符。","demoId":"min"},{"title":"最大输入长度","content":"<p>可通过 <code>maxlength</code> 属性设置输入框最大输入长度。<code>maxlength</code> 是原生属性。</p>\n","link":"input/maxlength","component":" Input 输入框","findIntroStr":"通过鼠标或键盘输入字符。","demoId":"maxlength"},{"title":"输入字数统计","content":"<p>可通过 <code>show-word-limit</code> 属性设置是否显示输入字数统计，只在 type = &quot;text&quot; 或 type = &quot;textarea&quot; 时有效</p>\n","link":"input/show-word-limit","component":" Input 输入框","findIntroStr":"通过鼠标或键盘输入字符。","demoId":"show-word-limit"},{"title":"计数器","content":"<p>可通过 <code>counter</code> 属性设置显示输入框字符计数器。</p>\n","link":"input/counter","component":" Input 输入框","findIntroStr":"通过鼠标或键盘输入字符。","demoId":"counter"},{"title":"输入字段的合法数字间隔","content":"<p>可通过 <code>step</code> 属性设置输入字段的合法数字间隔。<code>step</code> 是原生属性。</p>\n","link":"input/step","component":" Input 输入框","findIntroStr":"通过鼠标或键盘输入字符。","demoId":"step"},{"title":"输入时触发表单校验","content":"<p>可通过 <code>validate-event</code> 属性设置输入时触发表单校验。通过 <code>trigger</code> 配置触发校验规则的方式，为 <code>change</code> 时，当输入框值改变即触发校验，为 <code>blur</code> 时则失焦后触发校验。</p>\n","link":"input/validate-event","component":" Input 输入框","findIntroStr":"通过鼠标或键盘输入字符。","demoId":"validate-event"},{"title":"自动获取焦点","content":"<p>可通过 <code>autofocus</code> 属性设置自动获取焦点。<code>autofocus</code> 是原生属性。</p>\n","link":"input/autofocus","component":" Input 输入框","findIntroStr":"通过鼠标或键盘输入字符。","demoId":"autofocus"},{"title":"自动补全","content":"<p>可通过 <code>autocomplete</code> 属性设置自动补全，默认值为 off ，可选 on 。</p>\n","link":"input/autocomplete","component":" Input 输入框","findIntroStr":"通过鼠标或键盘输入字符。","demoId":"autocomplete"},{"title":"失焦事件","content":"<p>输入框失去焦点时触发 <code>blur</code> 事件。</p>\n","link":"input/event-blur","component":" Input 输入框","findIntroStr":"通过鼠标或键盘输入字符。","demoId":"event-blur"},{"title":"值改变事件","content":"<p>输入框值改变时触发 <code>change</code> 事件。</p>\n","link":"input/event-change","component":" Input 输入框","findIntroStr":"通过鼠标或键盘输入字符。","demoId":"event-change"},{"title":"清除事件","content":"<p>点击输入框清除按钮时触发 <code>clear</code> 事件。</p>\n","link":"input/event-clear","component":" Input 输入框","findIntroStr":"通过鼠标或键盘输入字符。","demoId":"event-clear"},{"title":"聚焦事件","content":"<p>输入框获取焦点时触发 <code>focus</code> 事件。</p>\n","link":"input/event-focus","component":" Input 输入框","findIntroStr":"通过鼠标或键盘输入字符。","demoId":"event-focus"},{"title":"记忆历史输入","content":"详细用法参考如下示例","link":"input/method-addMemory","component":" Input 输入框","findIntroStr":"通过鼠标或键盘输入字符。","demoId":"method-addMemory"},{"title":"失去焦点","content":"详细用法参考如下示例","link":"input/method-blur","component":" Input 输入框","findIntroStr":"通过鼠标或键盘输入字符。","demoId":"method-blur"},{"title":"获取焦点","content":"详细用法参考如下示例","link":"input/method-focus","component":" Input 输入框","findIntroStr":"通过鼠标或键盘输入字符。","demoId":"method-focus"},{"title":"选中输入框文本","content":"详细用法参考如下示例","link":"input/method-select","component":" Input 输入框","findIntroStr":"通过鼠标或键盘输入字符。","demoId":"method-select"}]

package/resources/pc/demo-config/zh-CN/ip-address.json

@@ -0,0 +1 @@
+[{"title":"IPv4 类型","content":"<p>可通过 <code>type</code> 属性配置 <code>IPv4</code> 类型，默认是 <code>IPv4</code>。</p>\n","link":"ip-address/ipv4-type","component":" IpAddress 输入框","findIntroStr":"IP 地址输入框与 HTML 原生的 IpAddress 组件保持一致，同时提供数据绑定功能。","demoId":"ipv4-type"},{"title":"IPv6 类型","content":"<p>可通过 <code>type</code>属性配置为 <code>IPv6</code> 类型，默认是 <code>IPv4</code>。</p>\n","link":"ip-address/ipv6-type","component":" IpAddress 输入框","findIntroStr":"IP 地址输入框与 HTML 原生的 IpAddress 组件保持一致，同时提供数据绑定功能。","demoId":"ipv6-type"},{"title":"文本只读","content":"<p>通过 <code>readonly</code> 属性设置文本的只读行，默认为 false 。</p>\n","link":"ip-address/readonly","component":" IpAddress 输入框","findIntroStr":"IP 地址输入框与 HTML 原生的 IpAddress 组件保持一致，同时提供数据绑定功能。","demoId":"readonly"},{"title":"禁用","content":"<p>通过 <code>disabled</code> 属性设置文本是否禁用，默认为 false。</p>\n","link":"ip-address/disabled","component":" IpAddress 输入框","findIntroStr":"IP 地址输入框与 HTML 原生的 IpAddress 组件保持一致，同时提供数据绑定功能。","demoId":"disabled"},{"title":"输入框大小","content":"<p>可设置为<code>medium</code>，<code>small</code>，<code>mini</code></p>\n","link":"ip-address/size","component":" IpAddress 输入框","findIntroStr":"IP 地址输入框与 HTML 原生的 IpAddress 组件保持一致，同时提供数据绑定功能。","demoId":"size"},{"title":"属性设置分隔符","content":"<p>可通过 <code>delimiter</code> 属性设置分隔符(图标类)。</p>\n","link":"ip-address/delimiter","component":" IpAddress 输入框","findIntroStr":"IP 地址输入框与 HTML 原生的 IpAddress 组件保持一致，同时提供数据绑定功能。","demoId":"delimiter"},{"title":"默认插槽","content":"<p>可通过默认插槽设置分隔符。</p>\n","link":"ip-address/slots","component":" IpAddress 输入框","findIntroStr":"IP 地址输入框与 HTML 原生的 IpAddress 组件保持一致，同时提供数据绑定功能。","demoId":"slots"},{"title":"focus 事件","content":"<p>文本框获取焦点时触发 <code>focus</code> 事件。</p>\n","link":"ip-address/focus","component":" IpAddress 输入框","findIntroStr":"IP 地址输入框与 HTML 原生的 IpAddress 组件保持一致，同时提供数据绑定功能。","demoId":"focus"},{"title":"blur 事件","content":"<p>文本框失去焦点时触发 <code>blur</code> 事件。</p>\n","link":"ip-address/blur","component":" IpAddress 输入框","findIntroStr":"IP 地址输入框与 HTML 原生的 IpAddress 组件保持一致，同时提供数据绑定功能。","demoId":"blur"},{"title":"change 事件","content":"<p>文本框内容改变后触发 <code>change</code> 事件。</p>\n","link":"ip-address/change","component":" IpAddress 输入框","findIntroStr":"IP 地址输入框与 HTML 原生的 IpAddress 组件保持一致，同时提供数据绑定功能。","demoId":"change"},{"title":"select 事件","content":"<p>文本框内容选中时触发 <code>select</code> 事件。</p>\n","link":"ip-address/select","component":" IpAddress 输入框","findIntroStr":"IP 地址输入框与 HTML 原生的 IpAddress 组件保持一致，同时提供数据绑定功能。","demoId":"select"}]

package/resources/pc/demo-config/zh-CN/layout.json

@@ -0,0 +1,98 @@
+[
+  {
+    "title": "栅格布局",
+    "content": "<p>通过使用 <code>Row</code> , <code>Col</code> 组件的 <code>span</code> 属性实现栅格系统布局。\n 该系统默认为12栅格，<code>Col</code> 组件的 <code>span</code>之和大于12时，布局会自动换行显示。</p>\n",
+    "link": "layout/base",
+    "component": " Layout 布局",
+    "findIntroStr": "采用12栅格布局，可使页面布局变得非常简单与清晰。",
+    "demoId": "base"
+  },
+  {
+    "title": "对齐方式",
+    "content": "<p>通过设置<code>Row</code> 的 <code>flex</code> 属性为 <code>true</code> 来启用 flex 布局，并通过 <code>justify</code> 与 <code>align</code> 属性调整子元素的对齐方式。</p>\n<div class=\"tip custom-block\"><p class=\"custom-block-title\">提示</p>\n<p>flex 布局存在 IE 兼容性问题，只能在 IE 10 以上运行。</p>\n</div>\n",
+    "link": "layout/alignment",
+    "component": " Layout 布局",
+    "findIntroStr": "采用栅格布局，可使布局方法变得非常简单与清晰。",
+    "demoId": "alignment"
+  },
+  {
+    "title": "排序",
+    "content": "<p>在启用 <code>flex</code> 布局时，可通过设置 <code>Row</code> 组件的 <code>order</code> 属性，给带 <code>no</code> 属性的 <code>col</code>排序。</p>\n<div class=\"tip custom-block\"><p class=\"custom-block-title\">提示</p>\n<p>flex 布局存在 IE 兼容性问题，只能在 IE 10 以上运行。</p>\n</div>\n",
+    "link": "layout/order",
+    "component": " Layout 布局",
+    "findIntroStr": "采用栅格布局，可使布局方法变得非常简单与清晰。",
+    "demoId": "order"
+  },
+  {
+    "title": "偏移",
+    "content": "<p>通过设置 <code>Col</code> 组件的 <code>offset</code> 属性来指定分栏偏移的栏数。</p>\n",
+    "link": "layout/offset",
+    "component": " Layout 布局",
+    "findIntroStr": "采用栅格布局，可使布局方法变得非常简单与清晰。",
+    "demoId": "offset"
+  },
+  {
+    "title": "垂直排列方式",
+    "content": "<p>通过使用 <code>Row</code> 组件的 <code>align</code> 属性实现\tflex 布局下的垂直排列方式。</p>\n",
+    "link": "row/align",
+    "component": " Row 行配置",
+    "findIntroStr": "定义 Layout 的行配置信息。",
+    "demoId": "align"
+  },
+  {
+    "title": "栅格间隔",
+    "content": "<p>通过使用 <code>Row</code> 组件的 <code>gutter</code> 属性实现栅格间隔。</p>\n",
+    "link": "row/gutter",
+    "component": " Row 行配置",
+    "findIntroStr": "定义 Layout 的行配置信息。",
+    "demoId": "gutter"
+  },
+  {
+    "title": "水平排列方式",
+    "content": "<p>通过使用 <code>Row</code> 组件的 <code>justify</code> 属性实现 flex 布局下的水平排列方式。</p>\n",
+    "link": "row/justify",
+    "component": " Row 行配置",
+    "findIntroStr": "定义 Layout 的行配置信息。",
+    "demoId": "justify"
+  },
+  {
+    "title": "排序方式",
+    "content": "<p>通过使用 <code>Row</code> 组件的 <code>order</code> 属性实现 flex 布局下排序方式。</p>\n",
+    "link": "row/order",
+    "component": " Row 行配置",
+    "findIntroStr": "定义 Layout 的行配置信息。",
+    "demoId": "order1"
+  },
+  {
+    "title": "自定义元素标签",
+    "content": "<p>通过使用 <code>Row</code> 组件的 <code>tag</code> 属性实现自定义元素标签，可选任意标签。</p>\n",
+    "link": "row/tag1",
+    "component": " Row 行配置",
+    "findIntroStr": "定义 Layout 的行配置信息。",
+    "demoId": "tag1"
+  },
+  {
+    "title": "移动",
+    "content": "<p>通过设置 <code>Col</code> 组件的 <code>move</code> 属性来指定分栏偏移的栏数。</p>\n",
+    "link": "col/col-move",
+    "component": " Col 列配置",
+    "findIntroStr": "定义 Layout 的列配置信息。",
+    "demoId": "col-move"
+  },
+  {
+    "title": "响应式布局",
+    "content": "<p>参照了 Bootstrap 的响应式设计，预设了五个响应尺寸：<code>xs</code>、<code>sm</code>、<code>md</code>、<code>lg</code> 和 <code>xl</code>。</p>\n",
+    "link": "layout/responsive-layout",
+    "component": " Col 列配置",
+    "findIntroStr": "定义 Layout 的列配置信息。",
+    "demoId": "responsive-layout"
+  },
+  {
+    "title": "自定义元素标签",
+    "content": "<p>可选任意标签。</p>\n",
+    "link": "col/tag",
+    "component": " Col 列配置",
+    "findIntroStr": "定义 Layout 的列配置信息。",
+    "demoId": "tag"
+  }
+]

package/resources/pc/demo-config/zh-CN/link-menu.json

@@ -0,0 +1 @@
+[{"title":"数据源","content":"<p>通过 <code>data</code> 属性设置菜单的数据源，同时在数据对象中可通过 <code>disabled</code> 设置该节点是否可被勾选。</p>\n","link":"link-menu/data-resource","component":" LinkMenu 收藏夹菜单","findIntroStr":"LinkMenu 收藏夹形式的菜单，支持可配置菜单项。","demoId":"data-resource1"},{"title":"收藏菜单标题","content":"<p>通过 <code>title</code> 属性定义收藏菜单标题。</p>\n","link":"link-menu/data-resource","component":" LinkMenu 收藏夹菜单","findIntroStr":"LinkMenu 收藏夹形式的菜单，支持可配置菜单项。","demoId":"data-resource"},{"title":"菜单内容超长时换行显示","content":"<p>通过 <code>wrap</code> 属性设置菜单内容超长时换行显示。</p>\n","link":"link-menu/data-resource","component":" LinkMenu 收藏夹菜单","findIntroStr":"LinkMenu 收藏夹形式的菜单，支持可配置菜单项。","demoId":"data-resource2"},{"title":"可收藏栏目数","content":"<p>通过 <code>max-item</code> 属性指定可勾选并收藏的栏目数。指定 <code>default-expand-all</code> 为 false 时，打开菜单弹窗时所有节点为折叠状态。</p>\n","link":"link-menu/menu-items","component":" LinkMenu 收藏夹菜单","findIntroStr":"LinkMenu 收藏夹形式的菜单，支持可配置菜单项。","demoId":"menu-items"},{"title":"自定义菜单数据服务","content":"<p>通过 <code>get-menu-data-sync</code> 自定义菜单数据服务。</p>\n","link":"link-menu/get-menu-data-sync","component":" LinkMenu 收藏夹菜单","findIntroStr":"LinkMenu 收藏夹形式的菜单，支持可配置菜单项。","demoId":"get-menu-data-sync"},{"title":"自定义折叠展开图标","content":"<p>通过 <code>icon</code> 属性自定义折叠展开图标。通过 <code>search-icon</code> 属性自定义搜索图标。</p>\n","link":"link-menu/custom-icon","component":" LinkMenu 收藏夹菜单","findIntroStr":"LinkMenu 收藏夹形式的菜单，支持可配置菜单项。","demoId":"custom-icon"},{"title":"菜单内容超长时省略显示","content":"<p>通过 <code>ellipsis</code> 属性设置菜单内容超长时省略显示。</p>\n","link":"link-menu/custom-icon","component":" LinkMenu 收藏夹菜单","findIntroStr":"LinkMenu 收藏夹形式的菜单，支持可配置菜单项。","demoId":"custom-icon1"},{"title":"自定义菜单弹窗底部","content":"<p>通过 <code>foot</code> 插槽自定义菜单弹窗的底部内容。<code>sureNodevalue</code> 方法用于获取选中的菜单节点并关闭菜单弹窗，同时展示选中的菜单。<code>hideDialog</code> 方法用于关闭弹窗。插槽可结合这两个方法一起使用。</p>\n","link":"link-menu/custom-foot","component":" LinkMenu 收藏夹菜单","findIntroStr":"LinkMenu 收藏夹形式的菜单，支持可配置菜单项。","demoId":"custom-foot"}]

package/resources/pc/demo-config/zh-CN/link.json

@@ -0,0 +1 @@
+[{"title":"基本用法","content":"详细用法参考如下示例","link":"link/basic-usage","component":" Link 文字链接","findIntroStr":"文字超链接。","demoId":"basic-usage"},{"title":"主题样式","content":"<p>通过 <code>type</code> 属性设置链接的主题类型。</p>\n","link":"link/link-style","component":" Link 文字链接","findIntroStr":"文字超链接。","demoId":"link-style"},{"title":"禁用链接","content":"<p>通过 <code>disabled</code> 属性可以指定是否禁用链接。</p>\n","link":"link/dynamic-disable","component":" Link 文字链接","findIntroStr":"文字超链接。","demoId":"dynamic-disable"},{"title":"聚焦时不显示下划线","content":"<p>鼠标悬停在链接上时，默认会显示下划线，设置 <code>underline</code> 为 false 后聚焦时不显示下划线。</p>\n","link":"link/focus-no-underline","component":" Link 文字链接","findIntroStr":"文字超链接。","demoId":"focus-no-underline"},{"title":"自定义图标","content":"<p>通过属性 <code>icon</code>、默认插槽、<code>icon</code> 插槽都可以自定义图标。</p>\n","link":"link/custom-icon","component":" Link 文字链接","findIntroStr":"文字超链接。","demoId":"custom-icon"},{"title":"链接地址","content":"<p>通过属性 <code>href</code> 指定链接需要跳转的地址，可配合原生属性 <code>target</code> 一起使用。</p>\n","link":"link/config-href","component":" Link 文字链接","findIntroStr":"文字超链接。","demoId":"config-href"}]

package/resources/pc/demo-config/zh-CN/loading.json

@@ -0,0 +1 @@
+[{"title":"基本用法","content":"<p>通过静态方法 <code>Loading.service</code> 在指定 <code>target</code> 上设置加载。</p>\n","link":"loading/basic-usage","component":" Loading 加载","findIntroStr":"加载数据时显示的动画效果。","demoId":"basic-usage"},{"title":"自定义加载提示文本","content":"<p>通过 <code>text</code> 自定义加载文字的提示文本。</p>\n","link":"loading/loading-tip-text","component":" Loading 加载","findIntroStr":"加载数据时显示的动画效果。","demoId":"loading-tip-text"},{"title":"自定义遮罩背景色","content":"<p>通过 <code>background</code> 自定义背景颜色和透明度。</p>\n","link":"loading/background","component":" Loading 加载","findIntroStr":"加载数据时显示的动画效果。","demoId":"background"},{"title":"自定义样式","content":"<p>通过 <code>customClass</code> 指定类名进行样式修改。</p>\n","link":"loading/custom-class","component":" Loading 加载","findIntroStr":"加载数据时显示的动画效果。","demoId":"custom-class"},{"title":"修饰符","content":"详细用法参考如下示例","link":"loading/body","component":" Loading 加载","findIntroStr":"加载数据时显示的动画效果。","demoId":"body"},{"title":"全局加载","content":"<p>通过 <code>v-loading.lock.fullscreen</code> 指令方式或者服务方式进行全局加载，如需使用指令方式全局加载需要如下操作：\n在 <code>Vue 2</code> 版本环境中添加 <code>Vue.use(Loading)</code>\n在 <code>Vue 3</code> 版本环境中添加 <code>app.use(Loading)</code></p>\n","link":"loading/fullscreen","component":" Loading 加载","findIntroStr":"加载数据时显示的动画效果。","demoId":"fullscreen"},{"title":"自定义加载图标","content":"<p>通过 <code>spinner</code> 自定义加载图标。</p>\n","link":"loading/spinner","component":" Loading 加载","findIntroStr":"加载数据时显示的动画效果。","demoId":"spinner"},{"title":"区域加载","content":"<p>通过 <code>target</code> 指定 Loading 需要覆盖的 DOM 节点。</p>\n","link":"loading/target","component":" Loading 加载","findIntroStr":"加载数据时显示的动画效果。","demoId":"target"}]

package/resources/pc/demo-config/zh-CN/locales.json

@@ -0,0 +1 @@
+[{"title":"基本用法","content":"<p>配置 <code>local</code> 属性后，不会自动调用服务，仅用做当前语言切换，不会刷新页面。</p>\n","link":"locales/basic-usage","component":" Locales 语言选择","findIntroStr":"Locales 语言选择组件，在有两种语言时会直接显示成语种，当语言数大于 2 时，将显示一个下拉列表。","demoId":"basic-usage"},{"title":"自定义服务","content":"<p><code>get-locale</code> 可用于自定义获取所有语言。<code>get-current-locale</code> 用于获取当前语言。<code>get-change-locale-url</code> 用于获取改变语言后的 URL，参数为切换后的语言。</p>\n","link":"locales/custom-service","component":" Locales 语言选择","findIntroStr":"Locales 语言选择组件，在有两种语言时会直接显示成语种，当语言数大于 2 时，将显示一个下拉列表。","demoId":"custom-service"},{"title":"语言切换","content":"<p>提供 <code>change-lang</code> 函数用于自定义语言切换的逻辑，不设置则使用内置的切换方法。</p>\n","link":"locales/change-lang","component":" Locales 语言选择","findIntroStr":"Locales 语言选择组件，在有两种语言时会直接显示成语种，当语言数大于 2 时，将显示一个下拉列表。","demoId":"change-lang"}]

package/resources/pc/demo-config/zh-CN/logon-user.json

@@ -0,0 +1 @@
+[{"title":"基本用法","content":"详细用法参考如下示例","link":"logon-user/basic-usage","component":" LogonUser 登录用户","findIntroStr":"LogonUser 用于显示当前登录人的 显示名（displayName） 或 长工号（userCN）。","demoId":"basic-usage"},{"title":"自定义服务","content":"<p>可通过 <code>service</code> 属性设置自定义服务。</p>\n","link":"logon-user/custom-service","component":" LogonUser 登录用户","findIntroStr":"LogonUser 用于显示当前登录人的 显示名（displayName） 或 长工号（userCN）。","demoId":"custom-service"}]

package/resources/pc/demo-config/zh-CN/logout.json

@@ -0,0 +1 @@
+[{"title":"基本用法","content":"详细用法参考如下示例","link":"logout/basic-usage","component":" Logout 注销","findIntroStr":"Logout 登录或退出链接。","demoId":"basic-usage"},{"title":"自定义服务","content":"<p>可通过 <code>service</code> 属性设置自定义服务。</p>\n","link":"logout/custom-service","component":" Logout 注销","findIntroStr":"Logout 登录或退出链接。","demoId":"custom-service"},{"title":"自定义配置注销后跳转地址","content":"详细用法参考如下示例","link":"logout/redirecturl","component":" Logout 注销","findIntroStr":"Logout 登录或退出链接。","demoId":"redirecturl"}]

package/resources/pc/demo-config/zh-CN/milestone.json

@@ -0,0 +1,122 @@
+[
+  {
+    "title": "基本用法",
+    "content": "详细用法参考如下示例",
+    "link": "milestone/basic-usage",
+    "component": "Milestone 里程碑",
+    "findIntroStr": "里程碑模式是一个高度定制化的组件，用户可以自定义组件的状态，节点颜色，线条颜色等。支持在节点间插入活动旗子，tip 显示活动信息。",
+    "demoId": "basic-usage"
+  },
+  {
+    "title": "数据源",
+    "content": "<p>通过 <code>data</code> 属性设置里程碑数据。</p>\n",
+    "link": "milestone/data-source",
+    "component": " Milestone",
+    "findIntroStr": "里程碑模式是一个高度定制化的组件，用户可以自定义组件的状态，节点颜色，线条颜色等。支持在节点间插入活动旗子，tip 显示活动信息。",
+    "demoId": "data-source"
+  },
+  {
+    "title": "数据字段映射",
+    "content": "<div class=\"tip custom-block\"><p class=\"custom-block-title\">数据字段映射属性说明</p>\n<p><code>completed-field</code>：设置里程碑完成状态对应的取值，默认为 <code>completed</code>\n<code>flag-content-field</code>：设置节点旗子数据中描述对应的字段名，默认为 <code>content</code>\n<code>flag-field</code>：设置节点信息中旗子数据所在字段名，默认为 <code>flags</code>\n<code>flag-name-field</code>：设置节点旗子数据中名称对应的字段名，默认为 <code>name</code>\n<code>flag-status-field</code>：设置节点旗子数据中状态对应的字段名，默认为 <code>status</code>\n<code>name-field</code>：设置节点信息中名称对应的字段名，默认为 <code>name</code>\n<code>status-field</code>：设置数据状态对应的字段名，默认为 <code>status</code>\n<code>time-field</code>：设置节点时间信息对应的字段名，默认为 <code>time</code></p>\n</div>\n",
+    "link": "milestone/data-field-mapping",
+    "component": " Milestone",
+    "findIntroStr": "里程碑模式是一个高度定制化的组件，用户可以自定义组件的状态，节点颜色，线条颜色等。支持在节点间插入活动旗子，tip 显示活动信息。",
+    "demoId": "data-field-mapping"
+  },
+  {
+    "title": "旗帜数据来源前面节点",
+    "content": "<p>通过 <code>flag-before</code> 可设置里程碑上活动（即旗子）上的数据从前面还是后面节点上获取，默认为 <code>false</code> 取后面节点上的数据。</p>\n",
+    "link": "milestone/flag-before",
+    "component": " Milestone",
+    "findIntroStr": "里程碑模式是一个高度定制化的组件，用户可以自定义组件的状态，节点颜色，线条颜色等。支持在节点间插入活动旗子，tip 显示活动信息。",
+    "demoId": "flag-before"
+  },
+  {
+    "title": "进度条颜色",
+    "content": "<p>通过 <code>line-style</code> 属性设置线条颜色。</p>\n",
+    "link": "milestone/line-style",
+    "component": " Milestone",
+    "findIntroStr": "里程碑模式是一个高度定制化的组件，用户可以自定义组件的状态，节点颜色，线条颜色等。支持在节点间插入活动旗子，tip 显示活动信息。",
+    "demoId": "line-style"
+  },
+  {
+    "title": "状态与颜色对应关系",
+    "content": "<p><code>milestones-status</code> 属性对象中，键对应 <code>data</code> 属性的数据中的 <code>status</code> 字段，然后控制不同状态与颜色的对应关系。</p>\n",
+    "link": "milestone/milestones-status",
+    "component": " Milestone",
+    "findIntroStr": "里程碑模式是一个高度定制化的组件，用户可以自定义组件的状态，节点颜色，线条颜色等。支持在节点间插入活动旗子，tip 显示活动信息。",
+    "demoId": "milestones-status"
+  },
+  {
+    "title": "取消未完成状态序号显示",
+    "content": "<p>设置 <code>show-number</code> 为 false 后，里程碑未完成的节点上将不显示序号，默认为 true 。</p>\n",
+    "link": "milestone/show-number",
+    "component": " Milestone",
+    "findIntroStr": "里程碑模式是一个高度定制化的组件，用户可以自定义组件的状态，节点颜色，线条颜色等。支持在节点间插入活动旗子，tip 显示活动信息。",
+    "demoId": "show-number"
+  },
+  {
+    "title": "已完成节点实心显示",
+    "content": "<p>通过设置 <code>solid</code> 属性为 true 可设置已经完成节点显示为实心，且光晕不透明，默认为 false 。</p>\n",
+    "link": "milestone/solid-style",
+    "component": " Milestone",
+    "findIntroStr": "里程碑模式是一个高度定制化的组件，用户可以自定义组件的状态，节点颜色，线条颜色等。支持在节点间插入活动旗子，tip 显示活动信息。",
+    "demoId": "solid-style"
+  },
+  {
+    "title": "宽度",
+    "content": "<p>通过 <code>space</code> 属性设置步骤条的宽度。</p>\n",
+    "link": "milestone/milestone-space",
+    "component": " Milestone",
+    "findIntroStr": "里程碑模式是一个高度定制化的组件，用户可以自定义组件的状态，节点颜色，线条颜色等。支持在节点间插入活动旗子，tip 显示活动信息。",
+    "demoId": "milestone-space"
+  },
+  {
+    "title": "序号起始值",
+    "content": "<p>通过 <code>start</code> 属性设置里程碑节点的序号起始值，默认为 -1 。</p>\n",
+    "link": "milestone/start-index",
+    "component": " Milestone",
+    "findIntroStr": "里程碑模式是一个高度定制化的组件，用户可以自定义组件的状态，节点颜色，线条颜色等。支持在节点间插入活动旗子，tip 显示活动信息。",
+    "demoId": "start-index"
+  },
+  {
+    "title": "自定义节点图标",
+    "content": "<p>通过 <code>icon</code> 作用域插槽可自定义图标。</p>\n",
+    "link": "milestone/custom-icon-slot",
+    "component": " Milestone",
+    "findIntroStr": "里程碑模式是一个高度定制化的组件，用户可以自定义组件的状态，节点颜色，线条颜色等。支持在节点间插入活动旗子，tip 显示活动信息。",
+    "demoId": "custom-icon-slot"
+  },
+  {
+    "title": "自定义节点下方内容",
+    "content": "<p>通过 <code>bottom</code> 作用域插槽可自定义节点下方的内容。</p>\n",
+    "link": "milestone/custom-bottom",
+    "component": " Milestone",
+    "findIntroStr": "里程碑模式是一个高度定制化的组件，用户可以自定义组件的状态，节点颜色，线条颜色等。支持在节点间插入活动旗子，tip 显示活动信息。",
+    "demoId": "custom-bottom"
+  },
+  {
+    "title": "自定义节点上方内容",
+    "content": "<p>通过 <code>top</code> 作用域插槽可自定义节点上方的内容。</p>\n",
+    "link": "milestone/custom-top",
+    "component": " Milestone",
+    "findIntroStr": "里程碑模式是一个高度定制化的组件，用户可以自定义组件的状态，节点颜色，线条颜色等。支持在节点间插入活动旗子，tip 显示活动信息。",
+    "demoId": "custom-top"
+  },
+  {
+    "title": "自定义旗帜内容",
+    "content": "<p>通过 <code>flag</code> 作用域插槽可自定义节点旗帜的内容。</p>\n",
+    "link": "milestone/custom-flag",
+    "component": " Milestone",
+    "findIntroStr": "里程碑模式是一个高度定制化的组件，用户可以自定义组件的状态，节点颜色，线条颜色等。支持在节点间插入活动旗子，tip 显示活动信息。",
+    "demoId": "custom-flag"
+  },
+  {
+    "title": "事件",
+    "content": "<p>单击里程碑节点时触发 <code>click</code> 事件，参数（index:节点索引, node：节点数据信息）。单击里程碑旗帜时触发 <code>flag-click</code> 事件，参数（index:节点内旗子的索引, node：节点上旗子的数据信息）。</p>\n",
+    "link": "milestone/milestone-events",
+    "component": " Milestone",
+    "findIntroStr": "里程碑模式是一个高度定制化的组件，用户可以自定义组件的状态，节点颜色，线条颜色等。支持在节点间插入活动旗子，tip 显示活动信息。",
+    "demoId": "milestone-events"
+  }
+]

package/resources/pc/demo-config/zh-CN/modal.json

@@ -0,0 +1 @@
+[{"title":"基本用法","content":"<p>可通过 <code>Modal.alert</code> 方法设置弹出框，通过 <code>Modal.confirm</code> 方法设置确认弹出框。</p>\n","link":"modal/base","component":" Modal 模态框","findIntroStr":"Modal 模态框","demoId":"base"},{"title":"最大化显示","content":"<p>可通过 <code>fullscreen</code> 属性设置是否最大化显示。</p>\n","link":"modal/fullscreen","component":" Modal 模态框","findIntroStr":"Modal 模态框","demoId":"fullscreen"},{"title":"按 Esc 键关闭弹出框","content":"<p>可通过 <code>esc-closable</code> 属性设置是否允许按 Esc 键关闭窗口，默认为 <code>false</code>。</p>\n","link":"modal/esc-closable","component":" Modal 模态框","findIntroStr":"Modal 模态框","demoId":"esc-closable"},{"title":"自动关闭延时","content":"<p>可通过 <code>duration</code> 属性设置自动关闭的延迟时间，只对 type=message 有效。</p>\n","link":"modal/duration","component":" Modal 模态框","findIntroStr":"Modal 模态框","demoId":"duration"},{"title":"防止重复提示","content":"<p>如果不想窗口重复点击，可以设置唯一的 <code>id</code> 防止重复提示，只对 type=message 有效。</p>\n","link":"modal/id","component":" Modal 模态框","findIntroStr":"Modal 模态框","demoId":"id"},{"title":"锁住滚动条","content":"<p>可通过 <code>lock-scroll</code> 属性设置是否锁住滚动条，不允许页面滚动。</p>\n","link":"modal/lock-scroll","component":" Modal 模态框","findIntroStr":"Modal 模态框","demoId":"lock-scroll"},{"title":"锁住页面","content":"<p>可通过 <code>lock-view</code> 属性设置是否锁住页面，不允许窗口之外的任何操作。</p>\n","link":"modal/lock-view","component":" Modal 模态框","findIntroStr":"Modal 模态框","demoId":"lock-view"},{"title":"显示遮罩层","content":"<p>可通过 <code>mask</code> 属性设置是否显示遮罩层，默认为 <code>true</code>。</p>\n","link":"modal/lock-view","component":" Modal 模态框","findIntroStr":"Modal 模态框","demoId":"lock-view1"},{"title":"点击遮罩层关闭窗口","content":"<p>可通过 <code>mask-closable</code> 属性设置是否允许点击遮罩层关闭窗口。</p>\n","link":"modal/mask-closable","component":" Modal 模态框","findIntroStr":"Modal 模态框","demoId":"mask-closable"},{"title":"自定义内容","content":"<p>可通过 <code>message</code> 属性设置窗口的内容。</p>\n","link":"modal/message","component":" Modal 模态框","findIntroStr":"Modal 模态框","demoId":"message"},{"title":"调整窗口大小","content":"<p>可通过和<code>width</code>和<code>height</code>设置窗口的宽高，而通过 <code>resize</code> 设置是否允许拖动调整窗口大小。</p>\n","link":"modal/resize","component":" Modal 模态框","findIntroStr":"Modal 模态框","demoId":"resize"},{"title":"调整窗口大小后窗口显示的最小宽度","content":"<p>配置 <code>resize</code> 可拖拽属性为 <code>true</code>后，可通过 <code>min-width</code> 属性设置拖拽后窗口的最小宽度。</p>\n","link":"modal/min-width","component":" Modal 模态框","findIntroStr":"Modal 模态框","demoId":"min-width"},{"title":"调整窗口大小后窗口显示的最小高度","content":"<p>配置 <code>resize</code> 可拖拽属性为 <code>true</code>后，可通过 <code>min-height</code> 属性设置拖拽后窗口的最小高度。</p>\n","link":"modal/min-height","component":" Modal 模态框","findIntroStr":"Modal 模态框","demoId":"min-height"},{"title":"不显示底部","content":"<p>可通过 <code>showFooter</code> 属性设置是否显示底部，默认为 <code>true</code>。</p>\n","link":"modal/showFooter","component":" Modal 模态框","findIntroStr":"Modal 模态框","demoId":"showFooter"},{"title":"不显示头部","content":"<p>可通过 <code>showHeader</code> 属性设置是否显示头部，默认为 <code>true</code>。</p>\n","link":"modal/showHeader","component":" Modal 模态框","findIntroStr":"Modal 模态框","demoId":"showHeader"},{"title":"消息状态","content":"<p>可通过 <code>status</code> 属性设置消息状态，可选值有 <code>info | success | warning | error | loading</code>。</p>\n","link":"modal/status","component":" Modal 模态框","findIntroStr":"Modal 模态框","demoId":"status"},{"title":"标题","content":"<p>可通过 <code>title</code> 属性设置窗口的标题。</p>\n","link":"modal/title","component":" Modal 模态框","findIntroStr":"Modal 模态框","demoId":"title"},{"title":"距离顶部的位置","content":"<p>可通过 <code>top</code> 属性设置消息距离顶部的位置，只对 type=message 有效。</p>\n","link":"modal/top","component":" Modal 模态框","findIntroStr":"Modal 模态框","demoId":"top"},{"title":"窗口类型","content":"<p>可通过 <code>type</code> 属性设置窗口类型，可选值 <code>alert | confirm | message</code>。</p>\n","link":"modal/type","component":" Modal 模态框","findIntroStr":"Modal 模态框","demoId":"type"},{"title":"绑定值","content":"<p>可通过 <code>value/v-model</code> 属性绑定值。</p>\n","link":"modal/value","component":" Modal 模态框","findIntroStr":"Modal 模态框","demoId":"value"},{"title":"自定义堆叠顺序","content":"<p>可通过 <code>zIndex</code> 属性设置自定义堆叠顺序（对于某些特殊场景，比如被遮挡时可能会用到）。</p>\n","link":"modal/zIndex","component":" Modal 模态框","findIntroStr":"Modal 模态框","demoId":"zIndex"},{"title":"取消按钮事件","content":"<p>点击取消按钮时触发 <code>cancel</code> 事件。</p>\n","link":"modal/cancel-event","component":" Modal 模态框","findIntroStr":"Modal 模态框","demoId":"cancel-event"},{"title":"关闭按钮事件","content":"<p>点击关闭按钮时会触发 <code>close</code> 事件。</p>\n","link":"modal/close-event","component":" Modal 模态框","findIntroStr":"Modal 模态框","demoId":"close-event"},{"title":"确定按钮事件","content":"<p>点击确定按钮时会触发 <code>confirm</code> 事件。</p>\n","link":"modal/confirm-event","component":" Modal 模态框","findIntroStr":"Modal 模态框","demoId":"confirm-event"},{"title":"窗口关闭事件","content":"<p>窗口关闭时会触发 <code>hide</code> 事件。</p>\n","link":"modal/hide-event","component":" Modal 模态框","findIntroStr":"Modal 模态框","demoId":"hide-event"},{"title":"窗口显示事件","content":"<p>在窗口显示时会触发 <code>show</code> 事件。</p>\n","link":"modal/show-event","component":" Modal 模态框","findIntroStr":"Modal 模态框","demoId":"show-event"},{"title":"窗口缩放事件","content":"<p>窗口缩放时会触发 <code>zoom</code> 事件。</p>\n","link":"modal/zoom-event","component":" Modal 模态框","findIntroStr":"Modal 模态框","demoId":"zoom-event"},{"title":"关闭弹窗，是否重置表单数据","content":"<p>Modal嵌套表单使用时，关闭弹窗时，重置表单数据</p>\n<p>设置  <code>is-form-reset</code> 为false,则关闭弹窗是不重置表单</p>","link":"modal/is-form-reset","component":" Modal 模态框","findIntroStr":"Modal 模态框","demoId":"is-form-reset"},{"title":"默认插槽","content":"<p>可通过 <code>templete</code> 设置默认插槽。</p>\n","link":"modal/value","component":" Modal 模态框","findIntroStr":"Modal 模态框","demoId":"value1"},{"title":"底部插槽","content":"<p>可通过 <code>slot=&quot;footer&quot;</code> 设置底部插槽。</p>\n","link":"modal/footer-slot","component":" Modal 模态框","findIntroStr":"Modal 模态框","demoId":"footer-slot"},{"title":"嵌套 grid","content":"<p>可通过插槽嵌套 grid</p>\n","link":"modal/grid","component":" Modal 模态框","findIntroStr":"Modal 模态框","demoId":"grid"}]

package/resources/pc/demo-config/zh-CN/nav-menu.json

@@ -0,0 +1 @@
+[{"title":"基本用法","content":"<p>通过 <code>data</code> 属性配置菜单数据，若不配置默认读取后台服务，比如 Jalor 6，读取 services/jalor/web/support/workspace/current 服务的 leftMenuNode 数据。</p>\n","link":"nav-menu/basic-usage","component":" NavMenu 导航菜单","findIntroStr":"NavMenu 导航菜单，主要用于定义页面顶部导航的菜单。","demoId":"basic-usage"},{"title":"数据源","content":"<p>通过 <code>data</code> 属性配置菜单数据。</p>\n","link":"nav-menu/data-resource","component":" NavMenu 导航菜单","findIntroStr":"NavMenu 导航菜单，主要用于定义页面顶部导航的菜单。","demoId":"data-resource"},{"title":"显示策略","content":"<p>当一级菜单无法在当前菜单容器里显示完全时，可以通过 <code>overflow</code> 属性配置显示策略，共有 <code>auto</code>、<code>retract</code>、<code>fixed</code>、<code>hidden</code> 4个选项，默认为 <code>auto</code>。</p>\n<div class=\"tip custom-block\"><p class=\"custom-block-title\">overflow 选项说明</p>\n<p>auto：菜单栏右侧显示 <code>更多</code> 菜单，鼠标悬停该菜单时，将显示剩余未展示的菜单。\nfixed：菜单栏左侧显示 <code>三明治折叠/展开</code> 图标，鼠标悬停该图标时，将显示所有菜单。\nretract：菜单栏不显示任何菜单，只显示 <code>三明治折叠/展开</code> 图标，鼠标悬停该图标时，将显示所有菜单。\nhidden：剩余未展示的菜单隐藏不显示。</p>\n</div>\n","link":"nav-menu/overflow","component":" NavMenu 导航菜单","findIntroStr":"NavMenu 导航菜单，主要用于定义页面顶部导航的菜单。","demoId":"overflow"},{"title":"Toolbar 插槽","content":"<p>提供 <code>toolbar</code> 插槽用于自定义 Toolbar 。</p>\n","link":"nav-menu/slot-toolbar","component":" NavMenu 导航菜单","findIntroStr":"NavMenu 导航菜单，主要用于定义页面顶部导航的菜单。","demoId":"slot-toolbar"},{"title":"Logo 插槽","content":"<p>提供 <code>logo</code> 插槽用于自定义 Logo 。</p>\n","link":"nav-menu/slot-logo","component":" NavMenu 导航菜单","findIntroStr":"NavMenu 导航菜单，主要用于定义页面顶部导航的菜单。","demoId":"slot-logo"},{"title":"菜单跳转处理","content":"<p>提供 <code>before-skip</code> 钩子函数，用于菜单点击跳转前处理相关逻辑，返回 <code>false</code> 将无法跳转。</p>\n","link":"nav-menu/before-skip","component":" NavMenu 导航菜单","findIntroStr":"NavMenu 导航菜单，主要用于定义页面顶部导航的菜单。","demoId":"before-skip"},{"title":"使用组件默认服务时，菜单跳转处理","content":"<p>如果使用组件的默认服务 <code>/workspace/current</code> 获取菜单数据 <code>response.data.leftMenuNode.children</code>，那么在使用 <code>before-skip</code> 时，需配置属性 <code>prevent</code>，用来阻止默认的跳转行为。属性 <code>prevent</code> 默认值为 <code>false</code>。</p>\n","link":"nav-menu/before-skip-prevent","component":" NavMenu 导航菜单","findIntroStr":"NavMenu 导航菜单，主要用于定义页面顶部导航的菜单。","demoId":"before-skip-prevent"},{"title":"自定义服务","content":"<p>通过 <code>fetch-menu-data</code> 可以自定义菜单服务，若数据中字段不是默认的 <code>title</code>、<code>url</code>，则可以通过 <code>fields</code> 对数据中的字段进行映射。</p>\n","link":"nav-menu/custom-service","component":" NavMenu 导航菜单","findIntroStr":"NavMenu 导航菜单，主要用于定义页面顶部导航的菜单。","demoId":"custom-service"}]