@opentiny/vue-docs 1.0.0

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

@@ -0,0 +1 @@
+[{"title":"Grid-右键菜单-表头菜单","content":"<p>配置 <code>:context-menu=&quot;{header: {options: headerMenus}, visibleMethod}&quot;</code> 对象来控制表头菜单。\n<code>headerMenus</code> 里面配置 <code>visible</code> 是否显示菜单， <code>disabled</code> 是否禁用菜单项。\n可配合 <code>visibleMethod</code> 方法来控制菜单权限。\n<code>@context-menu-click</code> 监控菜单点击事件。\n具体参考下面示例。</p>\n","link":"grid/grid_Example/shortcutMenu/header-menu","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"grid_Example-shortcutMenu-header-menu"},{"title":"Grid-右键菜单-表尾菜单","content":"<p>必须要配置 <code>:context-menu=&quot;{body: {options: bodyMenus}}&quot;</code>，<code>show-footer</code>，<code>:footer-method=&quot;footerMethod&quot;</code> 才能展示表尾菜单\n配置 <code>:context-menu=&quot;{body: {options: bodyMenus}, footer: {options: footerMenus}，visibleMethod}&quot;</code> 对象来控制表头菜单。\n<code>footerMenus</code> 里面配置 <code>visible</code> 是否显示菜单， <code>disabled</code> 是否禁用菜单项。\n可配合 <code>visibleMethod</code> 方法来控制菜单权限。\n<code>@context-menu-click</code> 监控菜单点击事件。\n具体参考下面示例。</p>\n","link":"grid/grid_Example/shortcutMenu/footer-menu","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"grid_Example-shortcutMenu-footer-menu"},{"title":"Grid-右键菜单-单元格菜单","content":"<p>配置 <code>context-menu=&quot;{body: {options: bodyMenus}，visibleMethod}&quot;</code> 对象来控制单元格菜单。\n<code>bodyMenus</code> 里面配置 <code>visible</code> 是否显示菜单，<code>disabled</code> 是否禁用菜单项。\n可配合 <code>visibleMethod</code> 方法来控制菜单权限。\n<code>@cell-context-menu</code> 监控菜单弹出前事件。\n<code>@context-menu-click</code> 监控菜单点击事件。\n具体参考下面示例。</p>\n","link":"grid/grid_Example/shortcutMenu/cell-menu","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"grid_Example-shortcutMenu-cell-menu"},{"title":"Grid-右键菜单-菜单权限","content":"<p>配置 <code>:context-menu=&quot;{header: {options: headerMenus},body: {options: bodyMenus}, footer: {options: footerMenus},visibleMethod}&quot;</code> 对象来控制表头菜单。\n<code>header，bodyMenus，footer</code> 里面配置 <code>visible</code> 是否显示菜单， <code>disabled</code> 是否禁用菜单项。\n使用配合 <code>visibleMethod</code> 方法来控制菜单权限。\n<code>@cell-context-menu</code> 监控菜单弹出前事件。\n<code>@context-menu-click</code> 监控菜单点击事件。\n具体参考下面示例。</p>\n","link":"grid/grid_Example/shortcutMenu/menu-permissions","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"grid_Example-shortcutMenu-menu-permissions"}]

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

@@ -0,0 +1 @@
+[{"title":"设置行样式","content":"<p>通过 <code>row-class-name</code> 自定义设置表格的行样式</p>\n<h3>设置行样式</h3>\n","link":"grid/custom-style/row-style","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"custom-style-row-style"},{"title":"设置表头样式","content":"<p>通过 <code>header-cell-class-name</code> 和 <code>header-row-class-name</code> 设置表头的单元格和行样式</p>\n<h3>设置表头单元格样式</h3>\n","link":"grid/custom-style/header-style/header-cell-style","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"custom-style-header-style-header-cell-style"},{"title":"设置表头单元格样式","content":"详细用法参考如下示例","link":"grid/custom-style/header-style/header-row-style","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"custom-style-header-style-header-row-style"},{"title":"表尾样式(自定义表尾行样式)","content":"<p>通过 <code>footer-cell-class-name</code> 和 <code>footer-row-class-name</code> 设置表尾的单元格和行样式</p>\n","link":"grid/custom-style/footer-style/footer-cell-style","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"custom-style-footer-style-footer-cell-style"},{"title":"表尾样式(自定义表尾单元格样式)","content":"详细用法参考如下示例","link":"grid/custom-style/footer-style/footer-row-style","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"custom-style-footer-style-footer-row-style"},{"title":"单元格样式","content":"<p>通过 <code>cell-class-name</code> 自定义设置表格的单元格样式</p>\n","link":"grid/custom-style/cell-style","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"custom-style-cell-style"},{"title":"列样式","content":"<p>通过 <code>class-name</code> 自定义设置表格的列样式</p>\n","link":"grid/column/class-name","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"column-class-name"}]

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

@@ -0,0 +1,114 @@
+[
+  {
+    "title": "列宽",
+    "content": "<p>在 <code>grid</code> 标签上配置 <code>resizable=&quot;true&quot;</code> 可以调整列宽，并在 <code>toolbar</code> 标签上配置 <code>resizable=&quot;{storage: true}&quot;</code> 保存在本地的 <code>localStroage</code> 里，刷新页面表格的列宽按照拖动后的列宽显示</p>\n",
+    "link": "grid/custom/column-width",
+    "component": " Grid 表格",
+    "findIntroStr": "表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。",
+    "demoId": "custom-column-width"
+  },
+  {
+    "title": "简化版列设置",
+    "content": "<p>在 <code>toolbar</code> 标签上配置 <code>:setting=&quot;{simple: true, customDisable: customDisable}&quot;</code> 开启简化版列设置 通过<code>customDisable</code> 方法自定义当前选项是否禁用</p>\n",
+    "link": "grid/custom/column-simple",
+    "component": " Grid 表格",
+    "findIntroStr": "表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。",
+    "demoId": "custom-column-simple"
+  },
+  {
+    "title": "手动重置列操作",
+    "content": "<div class=\"tip custom-block\"><p class=\"custom-block-title\">方法说明</p>\n<p><code>resetResizable()</code>：手动重置列宽拖动的操作，还原到初始状态\n<code>resetCustoms()</code>：手动重置列的显示/隐藏操作，还原到初始状态\n<code>resetAll()</code>：手动重置列的所有操作，还原到初始状态</p>\n</div>\n<p>请先对列宽进行拖动、隐藏列等操作，然后单击对应按钮查看效果。</p>\n",
+    "link": "grid/custom/resetResizable",
+    "component": " Grid 表格",
+    "findIntroStr": "表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。",
+    "demoId": "custom-resetResizable"
+  },
+  {
+    "title": "排序",
+    "content": "<p>在 <code>column</code> 标签上配置 <code>sortable</code> 可以排序（未配置的列，在个性化面板中的排序图标会隐藏），并在 <code>toolbar</code> 标签上配置 <code>setting</code> 开启个性化设置，在个性化面板里进行排序，排序过后会保存在本地的 <code>localStroage</code> 里，刷新页面页面上会显示排序过后的数据</p>\n",
+    "link": "grid/custom/column-sort",
+    "component": " Grid 表格",
+    "findIntroStr": "表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。",
+    "demoId": "custom-column-sort"
+  },
+  {
+    "title": "排序类型",
+    "content": "<p>在 <code>column</code> 标签上配置 <code>sortable</code> 可以排序，并在 <code>toolbar</code> 标签上配置 <code>setting</code> 开启个性化设置，在个性化面板里选择其它设置，其它设置里可以选择排序类型，排序类型有当前页排序和所有数据排序选项，默认是当前页排序</p>\n",
+    "link": "grid/custom/sort-type",
+    "component": " Grid 表格",
+    "findIntroStr": "表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。",
+    "demoId": "custom-sort-type"
+  },
+  {
+    "title": "列冻结",
+    "content": "<p>在 <code>column</code> 标签上配置 <code>fixed=&quot;left&quot;</code> 可以固定在左侧，并在 <code>toolbar</code> 标签上配置 <code>setting</code> 开启个性化设置，在个性化面板里可以设置是否固定列</p>\n",
+    "link": "grid/custom/column-fixed",
+    "component": " Grid 表格",
+    "findIntroStr": "表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。",
+    "demoId": "custom-column-fixed"
+  },
+  {
+    "title": "本地记录",
+    "content": "<p>配置 <code>setting</code> 的 <code>sortable</code> 为 <code>sortablejs</code> 可实现拖拽排序列功能， 此功能在多级列头下无效</p>\n",
+    "link": "grid/custom/ordercolumn-local",
+    "component": " Grid 表格",
+    "findIntroStr": "表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。",
+    "demoId": "custom-ordercolumn-local"
+  },
+  {
+    "title": "加载远端数据",
+    "content": "<p>通过 <code>reloadCustoms</code> 方法，将第二个参数置为 <code>true</code> 可按序加载列</p>\n",
+    "link": "grid/custom/ordercolumn-remote",
+    "component": " Grid 表格",
+    "findIntroStr": "表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。",
+    "demoId": "custom-ordercolumn-remote"
+  },
+  {
+    "title": "列显示隐藏",
+    "content": "<p>在 <code>toolbar</code> 标签上配置 <code>setting</code> 开启个性化设置，在个性化面板里可以设置是否显示和隐藏列</p>\n",
+    "link": "grid/custom/column-visible-hidden",
+    "component": " Grid 表格",
+    "findIntroStr": "表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。",
+    "demoId": "custom-column-visible-hidden"
+  },
+  {
+    "title": "手动隐藏显示列",
+    "content": "<p>通过调用 <code>hideColumn(column)</code> 方法隐藏指定列，<code>showColumn(column)</code> 方法显示指定列。使用这两个方法隐藏/显示列时，还需要再调用 <code>refreshColumn()</code> 方法刷新列配置才能实际生效。</p>\n",
+    "link": "grid/hide/hideColumn",
+    "component": " Grid 表格",
+    "findIntroStr": "表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。",
+    "demoId": "hide-hideColumn"
+  },
+  {
+    "title": "个性化面板拖拽前事件",
+    "content": "<p>在 <code>toolbar</code> 标签上配置 <code>setting</code> 开启个性化设置，在个性化面板里配置 <code>onBeforeMove</code> 拖拽前事件，也可配置 <code>filter</code> 设置类名， 拖拽个性化面板某一行会触发个性化面板的拖拽前事件。</p>\n",
+    "link": "grid/custom/prsonalized-drag",
+    "component": " Grid 表格",
+    "findIntroStr": "表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。",
+    "demoId": "custom-prsonalized-drag"
+  },
+  {
+    "title": "分页条数",
+    "content": "<p>在 <code>toolbar</code> 标签上配置 <code>setting</code> 开启个性化设置，在个性化面板里选择其它设置，其它设置里可以选择每页显示的条数，可以通过 <code>setting</code> 的 <code>other</code> 属性控制显示其他设置，<code>Boolean</code> 类型默认为 <code>true</code></p>\n",
+    "link": "grid/custom/page-size",
+    "component": " Grid 表格",
+    "findIntroStr": "表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。",
+    "demoId": "custom-page-size"
+  },
+  {
+    "title": "本地存储",
+    "content": "<p>在 <code>toolbar</code> 标签上配置 <code>:setting=&quot;{storage:'local'}&quot;</code> 开启个性化并保存到本地 <code>localSotrage</code> 里</p>\n<div class=\"danger custom-block\">\n</div>\n",
+    "link": "grid/custom/local-storage",
+    "component": " Grid 表格",
+    "findIntroStr": "表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。",
+    "demoId": "custom-local-storage"
+  },
+  {
+    "title": "服务端存储",
+    "content": "<p>在 <code>toolbar</code> 标签上配置 <code>:setting=&quot;{storage:'remote'}&quot;</code> 开启个性化并启用远程服务获取个性化数据，并配置 <code>@remote-setting</code> 调用 <code>reloadCustoms</code> 方法更新个性化数据。\n 注意\n如果是根据服务端数据控制显示/隐藏列，调用接口获取到个性化的数据后需手动调用 <code>reloadCustoms</code> 方法更新。\n</p>\n<div class=\"danger custom-block\">\n</div>\n",
+    "link": "grid/custom/server-storage",
+    "component": " Grid 表格",
+    "findIntroStr": "表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。",
+    "demoId": "custom-server-storage"
+  }
+]

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

@@ -0,0 +1 @@
+[{"title":"绑定静态数据","content":"<p>表格属性设置 <code>data</code> 开启双向绑定静态数据。</p>\n","link":"grid/tiny-first-menu/static-data","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"tiny-first-menu-static-data"},{"title":"开启服务请求","content":"<p>表格属性设置 <code>fetch-data</code> 开启服务请求。</p>\n","link":"grid/tiny-first-menu/request-service","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"tiny-first-menu-request-service"},{"title":"自动加载数据","content":"<p>表格属性 <code>auto-load</code> 设置是否开启自动请求服务，配置 fetch-data 时有效。如下示例设置 <code>auto-load</code> 为 false 后，就不会自动加载数据。</p>\n","link":"grid/tiny-first-menu/auto-load","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"tiny-first-menu-auto-load"},{"title":"表格列的配置信息","content":"<p>通过表格属性 <code>columns</code> 设置表格列的配置信息</p>\n","link":"grid/tiny-first-menu/columns","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"tiny-first-menu-columns"},{"title":"开启异步渲染","content":"<p>异步渲染配置步骤：\n1、表格属性设置 <code>is-async-column</code> 开启异步渲染；\n2、表格列设置 <code>format-config</code> 开启该列数据异步渲染。</p>\n","link":"grid/tiny-first-menu/column-asyn-rendering","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"tiny-first-menu-column-asyn-rendering"}]

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

@@ -0,0 +1 @@
+[{"title":"行拖拽","content":"<p>通过设置 <code>drop-config</code> 的 <code>row</code> 属性控制行拖拽，默认为开启行拖拽，行拖拽事件有 <code>@row-drop-start</code>、<code>row-drop-move</code>、<code>row-drop-end</code>。</p>\n","link":"grid/drag/row-drag","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"drag-row-drag"},{"title":"拖拽控制","content":"<p>可以通过设置 <code>drop-config</code> 的 <code>onBeforeMove</code> 事件控制行拖动，也可以配置<code>drop-config</code> 的 <code>filter</code> 与自定义样式结合使用来限制拖动</p>\n","link":"grid/drag/row-drag-ctrl","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"drag-row-drag-ctrl"},{"title":"列拖拽","content":"<p>通过设置 <code>drop-config</code> 的 <code>column</code> 属性控制列拖拽，默认为开启列拖拽，列拖拽事件有 <code>@column-drop-start</code>、<code>column-drop-move</code>、<code>column-drop-end</code>。</p>\n","link":"grid/drag/column-drag","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"drag-column-drag"}]

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

@@ -0,0 +1 @@
+[{"title":"Grid-根据选择日期动态生成列","content":"详细用法参考如下示例","link":"grid/grid_Example/dynamicallyColumns","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"grid_Example-dynamicallyColumns"}]

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

@@ -0,0 +1 @@
+[{"title":"行编辑","content":"<p>表格属性设置 <code>edit-config</code> 开启编辑模式，然后在该属性对象内设置 <code>mode: 'row'</code> 开启行编辑，即：<code>:edit-config=&quot;{ mode: 'row' }&quot;</code>。</p>\n","link":"grid/tiny-first-menu/row-editing","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"tiny-first-menu-row-editing"},{"title":"还原更改","content":"<p>调用方法 <code>revertData(rows, field)</code> 可以还原指定行 row 或者整个表格的数据。rows 为对象则还原一行数据，为数组则还原多行数据，field 可不指定。不指定任何参数时则还原整个表格数据。</p>\n","link":"grid/edit/revertData","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"edit-revertData"},{"title":"检查数据是否改变","content":"<p><code>hasRowChange(row, field)</code> 检查行或列数据是否发生改变，field 可不指定。</p>\n","link":"grid/edit/hasRowChange","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"edit-hasRowChange"},{"title":"单元格编辑","content":"<p>表格属性设置 <code>edit-config</code> 开启编辑模式，然后在该属性对象内设置 <code>mode: 'cell'</code> 开启行编辑，即：<code>:edit-config=&quot;{ mode: 'cell' }&quot;</code>。\n表格列属性设置 <code>show-icon</code> 设置列头是否显示编辑图标，在编辑时有效。</p>\n","link":"grid/tiny-first-menu/cell-editing","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"tiny-first-menu-cell-editing"},{"title":"手动激活编辑","content":"<p><code>setActiveCell(row, field)</code> 方法可激活指定单元格编辑。<code>setActiveRow(row)</code> 方法激活行编辑，如果是 mode=cell 则默认激活第一个单元格。</p>\n","link":"grid/methods/set-active-cell","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"methods-set-active-cell"},{"title":"单元格格式化","content":"<p>表格列属性 <code>format-value</code> 格式化单元格编辑器组件的传入值。</p>\n","link":"grid/tiny-first-menu/format-value","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"tiny-first-menu-format-value"},{"title":"自定义编辑规则","content":"<p>表格属性设置 <code>edit-config</code> 开启编辑模式，然后在该属性对象内设置 <code>activeMethod</code> 自定义编辑规则。</p>\n","link":"grid/tiny-first-menu/custom-editing","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"tiny-first-menu-custom-editing"},{"title":"自定义编辑校验规则","content":"<p>表格属性设置 <code>edit-config</code> 开启编辑模式，并配置 <code>edit-rules</code> 对象来设置校验对象和校验规则，然后在 <code>editor</code> 对象中设置 <code>isValidAlways</code> 开启编辑实时校验。</p>\n","link":"grid/tiny-first-menu/editor-is-salid-always","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"tiny-first-menu-editor-is-salid-always"},{"title":"开启编辑状态","content":"<p>表格属性设置 <code>edit-config</code> 开启编辑模式，然后在该属性对象内设置 <code>showStatus</code> 开启或关闭单元格更新状态（单元格左上角倒三角形更新标识)，默认值为 <code>true</code> 开启状态。</p>\n","link":"grid/tiny-first-menu/status-of-editing","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"tiny-first-menu-status-of-editing"},{"title":"关闭编辑状态","content":"详细用法参考如下示例","link":"grid/tiny-first-menu/status-of-noediting","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"tiny-first-menu-status-of-noediting"},{"title":"点击触发编辑","content":"<p>表格属性设置 <code>edit-config</code> 开启编辑模式，然后在该属性对象内设置 <code>trigger</code> 修改触发方式。可选值有 <code>点击触发（click）/ 双击触发（dblclick）/ 手动触发（manual）</code>，默认值为 <code>click 点击触发</code>。</p>\n","link":"grid/tiny-first-menu/trigger-mode-for-editing","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"tiny-first-menu-trigger-mode-for-editing"},{"title":"双击触发编辑","content":"详细用法参考如下示例","link":"grid/tiny-first-menu/trigger-mode-db-editing","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"tiny-first-menu-trigger-mode-db-editing"},{"title":"手动触发编辑","content":"详细用法参考如下示例","link":"grid/tiny-first-menu/trigger-mode-hm-editing","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"tiny-first-menu-trigger-mode-hm-editing"}]

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

@@ -0,0 +1 @@
+[{"title":"Grid-编辑器-内置编辑器","content":"<p><code>grid</code> 标签上配置 <code>edit-config</code>。在 <code>grid-column</code> 列配置 <code>editor</code> 对象， <code>component</code> 渲染内置编辑组件， <code>events</code> 配置组件事件。具体参考下面示例。</p>\n<div class=\"tip custom-block\"><p class=\"custom-block-title\">说明</p>\n<p>3.0 内置编辑器只支持 <code>Input</code> 和 <code>Select</code> 组件，需要使用其他组件可参考自定义编辑器</p>\n</div>\n","link":"grid/grid_Example/gridEdit/inner-editor","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"grid_Example-gridEdit-inner-editor"},{"title":"Grid-编辑器-自定义编辑器","content":"<p><code>grid</code> 标签上配置 <code>edit-config</code>。\n在 <code>grid-column</code> 列配置 <code>editor</code> 对象， <code>component</code> 渲染自定义编辑组件。\n自定义编辑默认编辑框为小框，可以配合样式修改编辑框。\n具体参考下面示例。</p>\n","link":"grid/grid_Example/gridEdit/custom-editor","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"grid_Example-gridEdit-custom-editor"},{"title":"引入 3.0 组件作为编辑器","content":"<p>通过 <code>属性配置</code> 方式引入 TinyVue <code>Select</code> 组件。</p>\n","link":"grid/grid_Example/gridEdit/custom-editor-select","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"grid_Example-gridEdit-custom-editor-select"},{"title":"Grid-编辑器-下拉多选","content":"<p>配置列为下拉多选时，单元格渲染需要自行实现，如下例中使用<code>format-text</code>渲染多个枚举值。也可以使用<code>renderer</code>自己实现自定义的组件去渲染。</p>\n","link":"grid/edit/mutil-render","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"edit-mutil-render"},{"title":"Grid-编辑器-自定义编辑器","content":"<p><code>grid</code> 标签上配置 <code>edit-config</code>。\n在 <code>grid-column</code> 列配置 <code>editor</code> 对象， <code>component</code> 渲染自定义编辑组件， 通过其events选项配置编辑器组件的事件。\n自定义编辑默认编辑框为小框，可以配合样式修改编辑框。\n具体参考下面示例。</p>\n","link":"grid/news/editor-events","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"news-editor-events"},{"title":"Popeditor 弹窗编辑","content":"<p>在 <code>grid-column</code> 列元素上配置 <code>editor</code> 属性，该对象中可以指定 <code>component</code> 为 <code>Popeditor</code>、<code>attrs</code> 为 Popeditor 组件的属性。需要注意的是，引入 Popeditor 组件后，需要在 <code>data()</code> 中进行实例化。</p>\n","link":"grid/grid_Example/gridEdit/popeditor-in-grid","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"grid_Example-gridEdit-popeditor-in-grid"},{"title":"Popeditor 弹窗编辑，配置远程搜索","content":"详细用法参考如下示例","link":"grid/grid_Example/gridEdit/popeditor-in-grid-remote-search","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"grid_Example-gridEdit-popeditor-in-grid-remote-search"}]

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

@@ -0,0 +1 @@
+[{"title":"自定义提示","content":"<p>空数据时默认显示 <code>图标 + 文字</code> 提示，用户也可通过设置插槽 <code>v-slot:empty</code> 或者 属性 <code>render-empty</code> 来自定义提示内容。</p>\n","link":"grid/tiny-first-menu/empty-data-tip","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"tiny-first-menu-empty-data-tip"},{"title":"默认提示","content":"详细用法参考如下示例","link":"grid/tiny-first-menu/empty-data-default-tip","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"tiny-first-menu-empty-data-default-tip"},{"title":"固定居中","content":"<p>配置 <code>is-center-empty</code> 为 <code>true</code> 时，拖动横向滚动条可以保持空数据提示使终相对表格宽度居中显示</p>\n","link":"grid/tiny-first-menu/empty-data-iscenter","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"tiny-first-menu-empty-data-iscenter"}]

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

@@ -0,0 +1 @@
+[{"title":"表头点击事件","content":"<p>在 <code>grid</code> 标签上配置 <code>header-cell-click</code> 可以监听到表头的点击事件</p>\n","link":"grid/event/header-click-event","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"event-header-click-event"},{"title":"表头双击事件","content":"<p>在 <code>grid</code> 标签上配置 <code>header-cell-dblclick</code> 可以监听到表头的双击事件</p>\n","link":"grid/event/header-dblclick-event","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"event-header-dblclick-event"},{"title":"单元格点击事件","content":"<p>在 <code>grid</code> 标签上配置 <code>cell-click</code> 可以监听到单元格的点击事件</p>\n","link":"grid/event/cell-click-event","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"event-cell-click-event"},{"title":"单元格双击事件","content":"<p>在 <code>grid</code> 标签上配置 <code>cell-dblclick</code> 可以监听到单元格的双击事件</p>\n","link":"grid/event/cell-dblclick-event","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"event-cell-dblclick-event"},{"title":"鼠标进入单元格事件","content":"<p>在 <code>grid</code> 标签上配置 <code>cell-dblclick</code> 可以监听到单元格的双击事件</p>\n","link":"grid/event/cell-mouseenter-event","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"event-cell-mouseenter-event"},{"title":"鼠标离开单元格事件","content":"<p>在 <code>grid</code> 标签上配置 <code>cell-mouseleave</code> 可以监听到鼠标离开单元格事件</p>\n","link":"grid/event/cell-mouseleave-event","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"event-cell-mouseleave-event"},{"title":"事件","content":"<p>在 <code>grid</code> 标签上配置 <code>scroll</code> 事件，可以监听表格的滚动</p>\n","link":"grid/event/grid-scroll-event","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"event-grid-scroll-event"},{"title":"事件对象","content":"<p>表格属性 <code>envents</code> 设置表格的事件对象。\n</p>\n","link":"grid/event/grid-events","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"event-grid-events"},{"title":"行选中事件","content":"<p>只对 在 <code>grid</code> 标签上配置 <code>highlightCurrentRow</code> 有效，当手动选中行时触发的事件</p>\n","link":"grid/event/current-change-event","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"event-current-change-event"},{"title":"单元格被激活编辑时会触发该事件","content":"<p>只对 在 <code>grid</code> 标签上配置 <code>edit-actived</code> 有效，单元格被激活编辑时触发的事件</p>\n","link":"grid/event/edit-actived-event","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"event-edit-actived-event"},{"title":"单元格编辑完成触发该事件","content":"<p>只对 在 <code>grid</code> 标签上配置 <code>edit-closed</code> 有效，单元格编辑完成触发该事件</p>\n","link":"grid/event/edit-closed-event","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"event-edit-closed-event"},{"title":"两个表格数据相互关联","content":"详细用法参考如下示例","link":"grid/event/table-data-association","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"event-table-data-association"},{"title":"当单元格激活时如果是禁用状态时会触发该事件","content":"<p>只对 在 <code>grid</code> 标签上配置 <code>edit-disabled-event</code> 有效，同时需要在 <code>edit-config</code> 配置中的 <code>activeMethod</code> 方法控制单元格是否可以编辑（返回 <code>true</code> 可以编辑，反之亦然）。</p>\n","link":"grid/event/edit-disabled-event","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"event-edit-disabled-event"},{"title":"右键点击表尾单元格事件","content":"<p>在 <code>grid</code> 标签上配置 <code>footer-cell-context-menu</code> 右键点击表尾单元格事件,配置 <code>footer-cell-click</code> 可以触发点击表尾单元格事件。</p>\n","link":"grid/event/footer-cell-context-menu-event","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"event-footer-cell-context-menu-event"},{"title":"右键点击表头事件","content":"<p>只对 在 <code>grid</code> 标签上配置 <code>header-cell-context-menu</code> 可以监听右键点击表头事件</p>\n","link":"grid/event/header-cell-context-menu-event","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"event-header-cell-context-menu-event"},{"title":"分页发生改变事件","content":"<p>只对 在 <code>grid</code> 标签上配置 <code>page-change</code> 可以监听分页发生改变事件</p>\n","link":"grid/event/page-change-event","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"event-page-change-event"},{"title":"分页发生改变前的事件","content":"<p>通过在 <code>grid</code> 标签上配置 <code>is-before-page-change</code> 选择是否打开页面改变时的前置处理特性。在值为 <code>true</code> 时，翻页操作或者改变页大小操作不会立即生效，留给用户处理业务逻辑，之后通过调用预留的 <code>callback</code> 或者 <code>rollback</code> 使之生效或者失效；通过事件 <code>before-page-change</code> 在进行翻页操作或者改变页大小操作时触发，然后控制是否跳转分页。</p>\n","link":"grid/event/page-before-change-event","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"event-page-before-change-event"},{"title":"勾选行事件","content":"<p>在 <code>grid</code> 标签上配置 <code>radio-change</code> 可以监听勾选行事件\n只对 type=radio 有效，当手动勾选并且值发生改变时触发的事件</p>\n","link":"grid/event/radio-change-event","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"event-radio-change-event"},{"title":"列宽改变事件","content":"<p>在 <code>grid</code> 标签上配置 <code>resizable-change</code> 可以监听列宽改变事件</p>\n","link":"grid/event/resizable-change-event","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"event-resizable-change-event"},{"title":"手动勾选全选时触发的事件","content":"<p>在 <code>grid</code> 标签上配置 <code>select-all</code> 有效\n只对 type=selection 有效，当手动勾选全选时触发的事件</p>\n","link":"grid/event/select-all-event","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"event-select-all-event"},{"title":"勾选行事件","content":"<p>在 <code>grid</code> 标签上配置 <code>select-change</code> 可以监听到勾选行事件\n只对 type=selection 有效，当手动勾选并且值发生改变时触发的事件</p>\n","link":"grid/event/select-change-event","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"event-select-change-event"},{"title":"行展开收起事件","content":"<p>在 <code>grid</code> 标签上配置 <code>toggle-expand-change</code> 可以监听到行展开收起事件</p>\n","link":"grid/event/toggle-expand-change-event","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"event-toggle-expand-change-event"},{"title":"树节点展开收起事件","content":"<p>在 <code>grid</code> 标签上配置 <code>toggle-tree-change</code> 可以监听树节点展开收起事件</p>\n","link":"grid/event/toggle-tree-change-event","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"event-toggle-tree-change-event"},{"title":"工具栏点击事件","content":"<p>在 <code>grid</code> 标签上配置 <code>resizable-change</code> 可以监听工具栏点击事件</p>\n","link":"grid/event/toolbar-button-click-event","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"event-toolbar-button-click-event"},{"title":"校验不通过事件","content":"<p>在 <code>grid</code> 标签上配置 <code>valid-error</code> 监听校验不通过事件</p>\n","link":"grid/event/valid-error-event","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"event-valid-error-event"},{"title":"获取表格行方法","content":"<div class=\"tip custom-block\"><p class=\"custom-block-title\">获取行的方法</p>\n<p><code>getCurrentRow</code> 获取当前行\n<code>getRowIndex</code> 获取当前行号\n<code>getRadioRow</code> Radio 单选选中行\n<code>getRowById</code> 通过 rowId 获取当前行\n<code>getRowNode</code> 通过 tr 元素获取行信息</p>\n</div>\n","link":"grid/tiny-first-menu/get-row-method","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"tiny-first-menu-get-row-method"}]

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

@@ -0,0 +1,26 @@
+[
+  {
+    "title": "表格列头与单元格错位",
+    "content": "<p>当出现grid表头与表体单元格错位时，可以选择性地做以下尝试\n1.给每列设置列宽\n2.将<code>show-overflow</code>、<code>show-header-overflow</code> 都设置为 <code>true</code>\n3.将 <code>table-layout</code> 设置为 <code>auto</code></p>\n",
+    "link": "grid/faq/unbalanced",
+    "component": " Grid 表格",
+    "findIntroStr": "表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。",
+    "demoId": "faq-unbalanced"
+  },
+  {
+    "title": "DialogBox弹窗中的可编辑表格编辑器无法正常失焦",
+    "content": "<p>当可以编辑的表格出现在DialogBox弹出框中，编辑器无法正常失去焦点时需要配置<code>blurOutside</code></p>\n",
+    "link": "grid/faq/gridInDialogBox",
+    "component": " Grid 表格",
+    "findIntroStr": "表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。",
+    "demoId": "faq-gridInDialogBox"
+  },
+  {
+    "title": "配置式表格如何使用插槽",
+    "content": "<p>具体可以参考以下代码</p>\n",
+    "link": "grid/faq/opSlot",
+    "component": " Grid 表格",
+    "findIntroStr": "表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。",
+    "demoId": "faq-opSlot"
+  }
+]

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

@@ -0,0 +1 @@
+[{"title":"过滤","content":"<div class=\"tip custom-block\"><p class=\"custom-block-title\">filter 配置</p>\n<p>通过自定义的 <code>filter</code> 的作用域插槽自定义筛选的规则\n可以配置项：\nmulti 设置在显示枚举选项功能是否为多选, 仅在 enumable:true 下有效。\nenumable 设置在过滤面板中显示枚举选项。\ninputFilter 设置在过滤面板中显示输入筛选的项。\ndefaultFilter 设置在过滤面板中显示默认的筛选条件。\nvalues 设置在显示枚举选项功能(enumable)下制定静态数据源。\nlabel 设置枚举数据的显示值属性字段， 默认'label'。\nvalue 设置枚举数据的实际值属性字段， 默认'value'。</p>\n</div>\n","link":"grid/filter/default-filter","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"filter-default-filter"},{"title":"自定义参数","content":"<p>通过 <code>params</code> 添加自定义参数</p>\n","link":"grid/column/column-params","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"column-column-params"},{"title":"过滤高级设置","content":"<p>通过 <code>inputFilter</code> 可以给input过滤区域配置自定义组件与条件，通过 <code>extends</code> 可以增加快捷过滤列表</p>\n","link":"grid/filter/advanced-filter","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"filter-advanced-filter"},{"title":"设置列筛选规则","content":"<p>通过 <code>filter</code> 属性设置列筛选规则</p>\n","link":"grid/filter/custom-filter","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"filter-custom-filter"},{"title":"自定义筛选","content":"<p>通过 <code>params</code> 属性设置额外的参数</p>\n","link":"grid/grid-params","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"grid-params"},{"title":"服务端过滤","content":"<p>配置 remote-filter 开启服务端过滤，服务端过滤会调用表格 fetch-data 进行查询，filter-change 服务端过滤后触发的事件\n该示例中的 <code>services/getGridMockData</code> 服务需要自行实现，示例模拟了远程服务返回的数据\n</p>\n","link":"grid/filter/server-filter","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"filter-server-filter"},{"title":"输入过滤的默认选项","content":"<p>通过属性 <code>inputFilter.relation</code> 配置输入过滤的默认选项。\n输入过滤的内置选项：<code>equals</code>，<code>unequal</code>，<code>greaterThan</code>，<code>lessThan</code>，<code>equalToGreaterThan</code>，<code>equalToLessThan</code>，<code>contains</code>，<code>startwith</code>，<code>endwith</code>；也可以配置自定义选项。\n配置自定义选项的同时要配置过滤方法，通过属性 <code>inputFilter.method</code> 配置。</p>\n","link":"grid/filter/default-relation","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"filter-default-relation"}]

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

@@ -0,0 +1 @@
+[{"title":"左冻结","content":"<p>通过 <code>fixed</code> 属性设置列冻结。可选值为 <code>left right</code> 默认为 <code>left</code></p>\n","link":"grid/fixed/left-fixed","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"fixed-left-fixed"},{"title":"右冻结","content":"<p>通过 <code>fixed</code> 属性设置列冻结。可选值为 <code>left right</code> 默认为 <code>left</code></p>\n","link":"grid/fixed/right-fixed","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"fixed-right-fixed"},{"title":"操作列冻结","content":"<p>通过 <code>fixed</code> 属性设置列冻结。可选值为 <code>left right</code> 默认为 <code>left</code></p>\n","link":"grid/fixed/multi-column-fixed","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"fixed-multi-column-fixed"}]

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

@@ -0,0 +1 @@
+[{"title":"表尾统计","content":"详细用法参考如下示例","link":"grid/footer/footer-summation","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"footer-footer-summation"},{"title":"表尾统计（空数据）","content":"详细用法参考如下示例","link":"grid/footer/footer-summation-empty","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"footer-footer-summation-empty"},{"title":"表尾class类名","content":"<p>\n通过表格列属性 <code>footer-class-name</code> 给表尾的单元格附加 className，也可以是函数 Function({$rowIndex, column, columnIndex, $columnIndex})。\n</p>\n","link":"grid/footer/footer-class-name","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"footer-footer-class-name"},{"title":"表尾合并行或列","content":"<p>通过 <code>footer-method</code> 和 <code>footer-span-method</code> 设置表尾合计行或列逻辑 必须配置 <code>show-footer</code></p>\n","link":"grid/footer/footer-row-or-column-span","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"footer-footer-row-or-column-span"}]

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

@@ -0,0 +1 @@
+[{"title":"基本用法","content":"<p>表格属性设置 <code>border</code> 给表格加上边框。</p>\n","link":"grid/tiny-first-menu/grid-border","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"tiny-first-menu-grid-border"}]

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

@@ -0,0 +1 @@
+[{"title":"关闭加载中状态","content":"<p>表格属性设置 <code>loading</code> 开启或关闭加载状态，默认值为 <code>false</code> 不开启。</p>\n","link":"grid/tiny-first-menu/grid-loading-off-tip","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"tiny-first-menu-grid-loading-off-tip"},{"title":"开启加载中状态","content":"详细用法参考如下示例","link":"grid/tiny-first-menu/grid-loading-tip","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"tiny-first-menu-grid-loading-tip"}]

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

@@ -0,0 +1 @@
+[{"title":"优化配置项","content":"<div class=\"tip custom-block\"><p class=\"custom-block-title\">optimization(Object) 配置说明</p>\n<p>| animat(Boolean) | 表格动画效果开关（关闭后视觉效果更快）默认为 true |\n| delayHover(Number) | 当表格发生拖动、滚动...等行为时，至少多少毫秒之后才允许触发 hover 事件 默认 250ms |\n| scrollX(Object) | 横向 X 虚拟滚动配置（用于特殊场景手动调优）例如：{ gt: 100 } |\n| scrollY(Object) | 纵向 Y 虚拟滚动配置（用于特殊场景手动调优）例如：{ gt: 500 } |</p>\n</div>\n<p></p>\n","link":"grid/tiny-first-menu/grid-optimization","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"tiny-first-menu-grid-optimization"}]

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

@@ -0,0 +1 @@
+[{"title":"medium","content":"<p>表格设置 <code>size</code> 属性调整表格尺寸大小。</p>\n","link":"grid/tiny-first-menu/grid-size","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"tiny-first-menu-grid-size"},{"title":"small","content":"详细用法参考如下示例","link":"grid/tiny-first-menu/grid-size-small","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"tiny-first-menu-grid-size-small"},{"title":"mini","content":"详细用法参考如下示例","link":"grid/tiny-first-menu/grid-size-mini","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"tiny-first-menu-grid-size-mini"}]

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

@@ -0,0 +1 @@
+[{"title":"基本用法","content":"<p><code>stripe</code> 是否带有斑马纹 默认不开启。设置 <code>:stripe=\"true\" </code>时开启(注:需要注意的是，在可编辑表格场景下，临时插入的数据不会有斑马纹样式)</p>\n","link":"grid/stripe/stripe","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"stripe-stripe"}]

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

@@ -0,0 +1 @@
+[{"title":"控制隐藏表头","content":"<p>设置 <code>showHeader</code> 属性为 <code>fasle</code> 控制隐藏表头，默认为 <code>true</code>。</p>\n","link":"grid/header/hide-grid-header","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"header-hide-grid-header"},{"title":"自定义表头","content":"<p>通过列 <code>slot</code> 插槽自定义表头</p>\n","link":"grid/header/custom-grid-header","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"header-custom-grid-header"},{"title":"配置自定义表头内容的模板","content":"<p>设置 <code>header</code> 插槽，配置自定义表头内容的模板。</p>\n","link":"grid/header/slot-header","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"header-slot-header"},{"title":"基本说明","content":"<p>通过列属性 <code>header-class-name</code> 给表头的单元格附加 className，也可以是函数 Function({$rowIndex, column, columnIndex, $columnIndex})。\n</p>\n","link":"grid/header/header-class-name","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"header-header-class-name"}]

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

@@ -0,0 +1 @@
+[{"title":"高亮悬停行","content":"<p>设置 <code>highlight-hover-row</code> 属性控制鼠标悬停到当前行是否开启高亮。 默认为 <code>true</code> 开启高亮, 如果不需要悬停高亮设置 <code>highlight-hover-row</code> 为 <code>false</code>。</p>\n","link":"grid/highlight/highlight-hover-row","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"highlight-highlight-hover-row"},{"title":"设置指定行高亮","content":"<p><code>setCurrentRow(row)</code> 可设置某一行为高亮状态。</p>\n","link":"grid/methods/set-current-row","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"methods-set-current-row"},{"title":"开启选中行高亮","content":"<p>设置 <code>highlight-current-row</code> 属性控制鼠标选中行是否开启高亮</p>\n<p>\n带有斑马线的行无高亮效果\n</p>\n","link":"grid/highlight/highlight-current-row","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"highlight-highlight-current-row"},{"title":"列头是否开启高亮","content":"<p>设置 <code>highlight-hover-column</code> 属性为控制鼠标悬停到当前列的列头时是否开启高亮。</p>\n","link":"grid/highlight/highlight-hover-column","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"highlight-highlight-hover-column"},{"title":"选中列是否开启高亮","content":"<p>设置 <code>highlight-current-column</code> 属性控制鼠标选中的当前列是否开启高亮显示</p>\n","link":"grid/highlight/highlight-current-column","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"highlight-highlight-current-column"},{"title":"编辑时高亮单元格边框","content":"<p>设置 <code>highlight-cell</code> 是否在编辑时高亮单元格边框，只对 <code>editConfig</code> 配置时有效</p>\n","link":"grid/highlight/highlight-cell","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"highlight-highlight-cell"}]

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

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

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

@@ -0,0 +1 @@
+[{"title":"键盘导航","content":"<div class=\"tip custom-block\"><p class=\"custom-block-title\">按键说明</p>\n<p>| Arrow Up ↑ | 移动到当前活动单元格上面的单元格 |\n| Arrow Down ↓ | 移动到当前活动单元格下面的单元格 |\n| Arrow Left ← | 移动到当前活动单元格左边的单元格 |\n| Arrow Right → | 移动到当前活动单元格右边的单元格 |\n| Tab | 移动到当前选中或活动单元格的右侧单元格，如果到最后一列且存在下一行，则从下一行开始移动 |\n| Tab + Shift | 移动到当前选中或活动单元格的左侧单元格，如果到第一列且存在上一行，则从上一行开始移动 |\n| Spacebar | 如果单元格是复选框或单选框则切换勾选状态 |\n| Enter | 取消编辑并移动到当前活动单元格下面的单元格 |\n| Delete | 清空内容 |\n| Backspace | 清空内容并激活选中单元格为编辑状态 |\n| F2 | 激活单元格编辑 |\n| Esc | 取消单元格编辑 |\n| Page Up | 向上翻页滚动 |\n| Page Down | 向下翻页滚动 |\n| Home | 滚动到顶部 |\n| End | 滚动到底部 |</p>\n</div>\n","link":"grid/keyboard-navigation","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"keyboard-navigation"},{"title":"设置按键配置项","content":"<p>表格属性 <code>keyboard-config</code> 设置按键配置项。\n</p>\n","link":"grid/keyboard-config","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"keyboard-config"},{"title":"设置鼠标配置项","content":"<p>表格属性 <code>mouse-config</code> 设置鼠标配置项。\n</p>\n","link":"grid/mouse-config","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"mouse-config"}]

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

@@ -0,0 +1 @@
+[{"title":"滚动分页","content":"<p>滚动分页配置步骤：\n1、表格属性设置 <code>fetch-data</code> 开启服务请求；\n2、表格属性设置 <code>scroll-load</code> 开启滚动分页。</p>\n","link":"grid/tiny-first-menu/scroll-paging","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"tiny-first-menu-scroll-paging"},{"title":"虚拟滚动","content":"<p>虚拟滚动配置步骤：\n1、表格属性设置 <code>height</code> 固定高度；\n2、表格属性设置 <code>optimization</code> 开启虚拟滚动。</p>\n<div class=\"tip custom-block\"><p class=\"custom-block-title\">optimization(Object) 配置说明</p>\n<p>| delayHover(Number) | 当表格发生拖动、滚动...等行为时，至少多少毫秒之后才允许触发 hover 事件 默认 250ms |\n| scrollX(Object) | 横向 X 虚拟滚动配置（用于特殊场景手动调优）例如：{ gt: 100 } |\n| scrollY(Object) | 纵向 Y 虚拟滚动配置（用于特殊场景手动调优）例如：{ gt: 500 } |</p>\n</div>\n<div class=\"tip custom-block\"><p class=\"custom-block-title\">开启虚拟滚动注意事项</p>\n<p>1、开启虚拟滚动的前提是需要保证每列的宽度一样，可以通过在 <code>&lt;tiny-grid&gt;</code> 标签上的 <code>column-width</code> 属性配置统一的宽度。\n2、开启虚拟滚动将会禁用列宽调整功能，因为列拖拽会改变列宽度，导致虚拟滚动渲染的列数计算有误从而引起表格样式错乱，所以禁止列拖拽。</p>\n</div>\n","link":"grid/tiny-first-menu/virtual-rolling","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"tiny-first-menu-virtual-rolling"},{"title":"树表虚拟滚动","content":"<p><table class=\"table\"><thead><tr><th>名称</th> <th>类型</th> <th>描述</th> <th>默认值</th></tr></thead> <tbody><tr><td>optimization.scrollX.gt</td> <td>Number</td> <td>指定大于多少列时自动启动 X 虚拟滚动</td> <td>100</td></tr> <tr><td>optimization.scrollX.rSize</td> <td>Number</td> <td>每次渲染列数</td> <td></td></tr> <tr><td>optimization.scrollX.vSize</td> <td>Number</td> <td>指定可视区域列数</td> <td></td></tr> <tr><td>optimization.scrollX.adaptive</td> <td>Boolean</td> <td>自动适配最优的渲染方式（设置为 false 列数组只会在滚动完成后截取一次，便于大数据场景提升性能，但是会短暂白屏，渲染完成后即恢复）</td> <td>true</td></tr> <tr><td>optimization.scrollY.gt</td> <td>Number</td> <td>指定大于多少行时自动启动 Y 虚拟滚动</td> <td>500</td></tr> <tr><td>optimization.scrollY.rSize</td> <td>Number</td> <td>每次渲染行数</td> <td></td></tr> <tr><td>optimization.scrollY.adaptive</td> <td>Boolean</td> <td>自动适配最优的渲染方式（设置为 false 行数组只会在滚动完成后截取一次，便于大数据场景提升性能，但是会短暂白屏，渲染完成后即恢复）</td> <td>true</td></tr></tbody></table></p>\n</div>\n","link":"grid/tiny-first-menu/grid-large-tree-data","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"tiny-first-menu-grid-large-tree-data"},{"title":"全量加载","content":"<p>当表格数据过多时会有性能问题，用户可通过 <code>$refs</code> 获取表格对象，设置表格对象的 <code>loadData</code> 方法启用全量加载来优化性能。</p>\n","link":"grid/tiny-first-menu/full-data-loading","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"tiny-first-menu-full-data-loading"},{"title":"生成 1000 列","content":"<p>通过 <code>loadColumn(columns)</code> 方法可以加载列配置，对于需要重新加载列的场景下可能会用到。</p>\n","link":"grid/large-data/load-column","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"large-data-load-column"},{"title":"滚动到指定位置","content":"<div class=\"tip custom-block\"><p class=\"custom-block-title\">方法说明</p>\n<p><code>scrollTo(scrollLeft, scrollTop)</code>：滚动到对应的位置\n<code>scrollToRow(row)</code>：滚动到对应的行\n<code>scrollToColumn(column)</code>：手滚动到对应的列</p>\n</div>\n","link":"grid/large-data/scroll-to","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"large-data-scroll-to"}]

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

@@ -0,0 +1 @@
+[{"title":"嵌套表格","content":"<p>通过在默认插槽 <code>default</code>中使用表格组件，实现嵌套表格功能。</p>\n","link":"grid/grid_Example/nestedGrid","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"grid_Example-nestedGrid"},{"title":"检查行是否已展开","content":"<p>通过调用 <code>hasRowExpand(row)</code> 方法可以检查行是否已展开，参数 row 为行数据对象。</p>\n","link":"grid/expand/hasRowExpand","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"expand-hasRowExpand"},{"title":"设置展开所有行","content":"<p>通过调用 <code>setAllRowExpansion(checked)</code> 方法可设置所有行的展开与否。</p>\n","link":"grid/methods/set-all-row-expansion","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"methods-set-all-row-expansion"},{"title":"设置展开指定行","content":"<p>通过调用 <code>setRowExpansion(rows, checked)</code> 方法可设置展开指定行，第二个参数设置这一行展开与否，展开指定行时，通过调用clearRowExpand()方法先，关闭已展开的行。</p>\n","link":"grid/methods/set-row-expansion","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"methods-set-row-expansion"},{"title":"手动切换展开行","content":"<p>通过调用 <code>toggleRowExpansion(row)</code> 方法可手动切换展开行。</p>\n","link":"grid/methods/toggle-row-expansion","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"methods-toggle-row-expansion"}]

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

@@ -0,0 +1,114 @@
+[
+  {
+    "title": "基本用法",
+    "content": "<p>表格列属性设置 <code>type=&quot;radio&quot;</code> 显示单选列。</p>\n",
+    "link": "grid/tiny-first-menu/default-serial-column",
+    "component": " Grid 表格",
+    "findIntroStr": "表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。",
+    "demoId": "tiny-first-menu-default-serial-column"
+  },
+  {
+    "title": "手动取消单选行",
+    "content": "详细用法参考如下示例",
+    "link": "grid/tiny-first-menu/clearRadioRow",
+    "component": " Grid 表格",
+    "findIntroStr": "表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。",
+    "demoId": "tiny-first-menu-clearRadioRow"
+  },
+  {
+    "title": "翻页后保留选中状态",
+    "content": "<p>通过配置<code>select-config</code>中的<code>reserve</code>为<code>true</code> 并设置<code>row-id</code>，开启翻页后保留选中状态功能。</p>\n",
+    "link": "grid/tiny-first-menu/gridPagerReserve",
+    "component": " Grid 表格",
+    "findIntroStr": "表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。",
+    "demoId": "tiny-first-menu-gridPagerReserve"
+  },
+  {
+    "title": "手动选中某一行",
+    "content": "<p><code>setRadioRow(row)</code> 用于单选行，设置某一行为选中状态。</p>\n",
+    "link": "grid/methods/set-radio-row",
+    "component": " Grid 表格",
+    "findIntroStr": "表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。",
+    "demoId": "methods-set-radio-row"
+  },
+  {
+    "title": "单选配置项",
+    "content": "<p><code>radio-config</code> 配置项,可以配置单选框的默认选中项和禁用配置等特性。</p>\n",
+    "link": "grid/tiny-first-menu/radio-config",
+    "component": " Grid 表格",
+    "findIntroStr": "表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。",
+    "demoId": "tiny-first-menu-radio-config"
+  },
+  {
+    "title": "单选禁用",
+    "content": "<p>单选模式，通过 <code>radio-config</code> 配置项的属性 <code>checkMethod</code> ，传入自定义方法判断哪些数据项被禁用，方法会判断每个数据项，需返回值为 <code>true</code> 或者 <code>false</code>，代表此数据项启用或者禁用。</p>\n",
+    "link": "grid/disable-radio",
+    "component": " Grid 表格",
+    "findIntroStr": "表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。",
+    "demoId": "disable-radio"
+  },
+  {
+    "title": "显示多选列",
+    "content": "<p>表格列属性设置 <code>type=&quot;selection&quot;</code> 显示多选列。</p>\n",
+    "link": "grid/tiny-first-menu/custom-serial-column",
+    "component": " Grid 表格",
+    "findIntroStr": "表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。",
+    "demoId": "tiny-first-menu-custom-serial-column"
+  },
+  {
+    "title": "手动取消多选行",
+    "content": "详细用法参考如下示例",
+    "link": "grid/tiny-first-menu/clearSelection",
+    "component": " Grid 表格",
+    "findIntroStr": "表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。",
+    "demoId": "tiny-first-menu-clearSelection"
+  },
+  {
+    "title": "手动选中所有行",
+    "content": "<p><code>setAllSelection(checked)</code> 用于多选行，可设置所有行的选中状态。</p>\n",
+    "link": "grid/methods/set-all-selection",
+    "component": " Grid 表格",
+    "findIntroStr": "表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。",
+    "demoId": "methods-set-all-selection"
+  },
+  {
+    "title": "手动选中指定行",
+    "content": "<p><code>setSelection(rows, checked)</code> 用于多选行，可设置指定行为选中状态，第一个参数可传入对象或数组，如果是对象则选择单行，如果是数组则选择多行，第二个参数为选中与否。</p>\n<div class=\"tip custom-block\"><p class=\"custom-block-title\">TIP</p>\n<p><code>setSelection</code> 方法不会触发 <code>select-change</code> 事件，只有点击才会触发。</p><p>多选模式，通过 <code>select-config</code> 配置项的属性<code>checkField</code>指定行数据的某个字段去决定这行数据的选中状态（并且选中状态和这个字段是双向绑定的）。</p>\n</div>\n",
+    "link": "grid/methods/set-selection",
+    "component": " Grid 表格",
+    "findIntroStr": "表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。",
+    "demoId": "methods-set-selection"
+  },
+  {
+    "title": "手动切换所有行选中状态",
+    "content": "<p><code>toggleAllSelection()</code> 方法可直接切换所有行的选中状态。</p>\n",
+    "link": "grid/methods/toggle-all-selection",
+    "component": " Grid 表格",
+    "findIntroStr": "表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。",
+    "demoId": "methods-toggle-all-selection"
+  },
+  {
+    "title": "手动切换指定行选中状态",
+    "content": "<p><code>toggleRowSelection(row)</code> 方法可直接切换某一行的选中状态。</p>\n",
+    "link": "grid/methods/toggle-row-selection",
+    "component": " Grid 表格",
+    "findIntroStr": "表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。",
+    "demoId": "methods-toggle-row-selection"
+  },
+  {
+    "title": "多选禁用",
+    "content": "<p>多选模式，通过 <code>select-config</code> 配置项的属性 <code>checkMethod</code> ，传入自定义方法判断哪些数据项被禁用，方法会判断每个数据项，需返回值为 <code>true</code> 或者 <code>false</code>，代表此数据项启用或者禁用。</p>\n",
+    "link": "grid/disable-selection",
+    "component": " Grid 表格",
+    "findIntroStr": "表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。",
+    "demoId": "disable-selection"
+  },
+  {
+    "title": "自定义操作列内容",
+    "content": "<p>通过插槽设置自定义操作列，即 <code>&lt;tiny-grid-column&gt;</code> 自定义操作列内容 <code>&lt;/tiny-grid-column&gt;</code> 。</p>\n",
+    "link": "grid/tiny-first-menu/custom-operation-column",
+    "component": " Grid 表格",
+    "findIntroStr": "表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。",
+    "demoId": "tiny-first-menu-custom-operation-column"
+  }
+]

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

@@ -0,0 +1,26 @@
+[
+  {
+    "title": "使用默认分页组件",
+    "content": "<p>如果不配置 <code>{component: Pager}</code> 则默认使用内置的分页组件。</p>\n",
+    "link": "grid/pager/inner-default-pager",
+    "component": " Grid 表格",
+    "findIntroStr": "表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。",
+    "demoId": "pager-inner-default-pager"
+  },
+  {
+    "title": "使用第三方分页组件",
+    "content": "<p>第三方分页组件配置步骤：\n1、<code>import</code> 引入自己引入的分页组件（这里使用官方的分页组件示范） <code>Pager</code> 组件，即 <code>import Pager from '@opentiny/vue-pager'</code> 或者 <code>{ Pager } from '@opentiny/vue'</code> 。\n2、<code>Pager</code> 传入给 <code>data()</code> 函数存储起来以便模板中使用。\n3、表格属性设置 <code>pager</code> 进行分页相关配置，通过 <code>pager</code> 的属性 <code>{component: Pager}</code> 注入分页组件。\n4、配置 seq-serial 属性可以设置翻页后序号连续显示，默认是不连续显示的</p>\n",
+    "link": "grid/pager/inner-pager",
+    "component": " Grid 表格",
+    "findIntroStr": "表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。",
+    "demoId": "pager-inner-pager"
+  },
+  {
+    "title": "提示保存数据",
+    "content": "<p>配置 <code>showSaveMsg</code> 属性，当检查到表格数据存在修改时，会提示用户进行保存</p>\n",
+    "link": "grid/pager/showSaveMsg",
+    "component": " Grid 表格",
+    "findIntroStr": "表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。",
+    "demoId": "pager-showSaveMsg"
+  }
+]

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

@@ -0,0 +1 @@
+[{"title":"内置渲染器","content":"<p>内置渲染器设置当前表格列的显示获取类型。\n在 <code>grid-column</code> 列配置 <code>format-text</code> 对象，配合 <code>format-config</code> 可以控制数据格式。</p>\n<div class=\"tip custom-block\"><p class=\"custom-block-title\">TIP</p>\n<p><code>format-text</code> 的可取值包括：</p>\n<ul>\n<li><code>integer</code>：显示成整数。</li>\n<li><code>number</code>：显示成小数。</li>\n<li><code>money</code>：显示成钱数。</li>\n<li>rate：显示成百分比的数据。</li>\n<li>filesize：显示成文件大小的数据。</li>\n<li>boole：显示成对号或者叉号的图标。</li>\n<li>date：显示成年月日。</li>\n<li>dateTime：显示成年月日时分。</li>\n<li>longDateTime：显示成年月日时分秒。</li>\n<li>time：显示成时分。</li>\n<li>longTime：显示成时分秒。</li>\n<li>yearMonth：显示成年月。</li>\n<li>enum：通过数据的值，查询出要显示的文本。</li>\n<li>ellipsis：显示成省略的内容，鼠标移到该单元格上，显示完整内容的提示信息。需要同时配置 format 的 len 属性。</li>\n</ul>\n</div>\n","link":"grid/grid_Example/gridRenderer/inner-renderer","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"grid_Example-gridRenderer-inner-renderer"},{"title":"自定义渲染器","content":"<p>自定义渲染器可以自定义渲染单元格，也可渲染一个 <code>vue 组件</code>。在 <code>grid-column</code> 列配置 <code>renderer</code>，支持方法和对象配置。具体参考下面示例。</p>\n","link":"grid/grid_Example/gridRenderer/custom-renderer","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"grid_Example-gridRenderer-custom-renderer"},{"title":"列异步数据渲染","content":"<p>将列<code>format-config</code>的 <code>async</code>属性配置为<code>true</code>后，支持动态修改其<code>data</code>数据自动渲染。 这种整列异步渲染一般将<code>type</code>设置为<code>enum</code>，通过<code>value</code>与<code>label</code>可以配置渲染单元格的映射。</p>\n","link":"grid/news/async-colunm-render","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"news-async-colunm-render"}]

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

@@ -0,0 +1 @@
+[{"title":"Grid-表格行列反转","content":"<p>需要在 <code>grid</code> 标签上配 <code>:columns=&quot;tableColumn&quot;</code> <code>:show-header=&quot;false&quot;</code>。点击“反转表格”按钮可查看效果，现阶段只能执行一次，执行多次会有问题。具体参考下面示例。</p>\n","link":"grid/grid_Example/reverseRow","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"grid_Example-reverseRow"}]

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

@@ -0,0 +1 @@
+[{"title":"基本用法","content":"<p><code>row-group</code> 属性可以配置行分组，行分组会将具有相同值的列进行分组展示。</p>\n","link":"grid/row-grouping","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"row-grouping"},{"title":"自定义分组","content":"<p><code>row-group</code> 配置项 <code>render</code> 可以自定义渲染分组内容， <code>closeable</code> 可以控制分组行是否可以折叠。</p>\n","link":"grid/rowGroupRender","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"rowGroupRender"}]

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

@@ -0,0 +1 @@
+[{"title":"基本用法","content":"<p>表格列属性设置 <code>type=&quot;index&quot;</code> 显示序号列。</p>\n","link":"grid/tiny-first-menu/default-serial-column","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"tiny-first-menu-default-serial-column"},{"title":"自定义序号规则","content":"<p>表格列属性设置 <code>type=&quot;index&quot;</code> 显示序号列，<code>index-method</code> 方法设置自定义序号规则。</p>\n","link":"grid/tiny-first-menu/custom-serial-column","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"tiny-first-menu-custom-serial-column"},{"title":"自定义序号列的起始值","content":"<p>表格列属性设置 <code>type=&quot;index&quot;</code> 显示序号列，<code>start-index</code> 设置自定义序号列的起始值。</p>\n","link":"grid/tiny-first-menu/start-index","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"tiny-first-menu-start-index"}]

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

@@ -0,0 +1 @@
+[{"title":"默认插槽","content":"详细用法参考如下示例","link":"grid/slot/default-slot","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"slot-default-slot"},{"title":"工具栏插槽","content":"详细用法参考如下示例","link":"grid/slot/buttons-slot","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"slot-buttons-slot"},{"title":"空数据显示插槽","content":"详细用法参考如下示例","link":"grid/slot/empty-slot","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"slot-empty-slot"}]

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

@@ -0,0 +1 @@
+[{"title":"默认排序","content":"<p>通过表格列设置 <code>sortable</code> 属性开启该列排序功能。</p>\n","link":"grid/sort/default-sort","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"sort-default-sort"},{"title":"唯一主键","content":"<p>通过表格设置 <code>row-id</code> 自定义行数据唯一主键的字段名。该属性的默认值为 _XID</p>\n","link":"grid/tiny-first-menu/row-id","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"tiny-first-menu-row-id"},{"title":"多字段组合排序","content":"<p>通过表格列设置 <code>sortable</code> 属性开启该列排序功能，然后设置 <code>sort-by</code> 属性实现多字段组合排序，数组列表就是排序的字段列表。</p>\n","link":"grid/sort/combinations-sort","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"sort-combinations-sort"},{"title":"自定义排序","content":"<p>通过表格列设置 <code>sortable</code> 属性开启该列排序功能，然后设置 <code>sort-method</code> 方法实现自定义排序。</p>\n","link":"grid/sort/custom-sort","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"sort-custom-sort"},{"title":"手动排序","content":"<p>通过 <code>sort(field, order)</code> 方法可手动对表格进行排序（如果 order 为空则自动切换排序）。</p>\n","link":"grid/methods/sort","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"methods-sort"},{"title":"表格服务端排序","content":"<p>通过表格列设置 <code>sortable</code> 属性开启该列排序功能，然后表格设置 <code>remote-sort</code> 方法开启服务端排序。\n该示例中的 <code>services/getGridMockData</code> 服务需要自行实现，示例模拟了远程服务返回的数据\n</p>\n","link":"grid/sort/server-sort","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"sort-server-sort"}]