@opentiny/vue-docs 1.0.0

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

@@ -0,0 +1,186 @@
+[
+  {
+    "title": "基本用法",
+    "content": "<p>不配置数据时，默认从框架服务读取数据。</p>\n",
+    "link": "tree-menu/basic-usage",
+    "component": " TreeMenu 树型菜单",
+    "findIntroStr": "以树形方式显示的菜单，适用于版型定制的一种组件。",
+    "demoId": "basic-usage"
+  },
+  {
+    "title": "数据源",
+    "content": "<p>通过 <code>data</code> 设置树形菜单的数据。</p>\n",
+    "link": "tree-menu/data-resource",
+    "component": " TreeMenu 树型菜单",
+    "findIntroStr": "以树形方式显示的菜单，适用于版型定制的一种组件。",
+    "demoId": "data-resource"
+  },
+  {
+    "title": "自定义菜单服务数据",
+    "content": "<p>通过 <code>get-menu-data-sync</code> 自定义菜单服务数据，直接返回数据。</p>\n",
+    "link": "tree-menu/get-menu-data-sync",
+    "component": " TreeMenu 树型菜单",
+    "findIntroStr": "以树形方式显示的菜单，适用于版型定制的一种组件。",
+    "demoId": "get-menu-data-sync"
+  },
+  {
+    "title": "文字超长省略显示",
+    "content": "<p>可通过 <code>ellipsis</code> 配置当菜单文字过长时，显示成省略号。通过 <code>prefix-icon</code> 自定义前置图标。</p>\n",
+    "link": "tree-menu/text-ellipsis",
+    "component": " TreeMenu 树型菜单",
+    "findIntroStr": "以树形方式显示的菜单，适用于版型定制的一种组件。",
+    "demoId": "text-ellipsis"
+  },
+  {
+    "title": "文字超长换行显示",
+    "content": "<p>可通过 <code>wrap</code> 配置当菜单文字过长时，换行显示。通过 showTitle 属性配置是否展示 title，默认值为 true。\n可通过 <code>show-filter</code> 配置是否显示搜索过滤框，默认为 true。\n可通过 <code>show-title</code> 配置是否显示 title ，默认为 true。</p>\n",
+    "link": "tree-menu/text-wrap",
+    "component": " TreeMenu 树型菜单",
+    "findIntroStr": "以树形方式显示的菜单，适用于版型定制的一种组件。",
+    "demoId": "text-wrap"
+  },
+  {
+    "title": "父子级不相关联",
+    "content": "<p>通过 <code>check-strictly</code> 设置选择时父子级不相关联，需要与 <code>show-checkbox</code> 同时使用 。</p>\n",
+    "link": "tree-menu/check-strictly",
+    "component": " TreeMenu 树型菜单",
+    "findIntroStr": "以树形方式显示的菜单，适用于版型定制的一种组件。",
+    "demoId": "check-strictly"
+  },
+  {
+    "title": "默认展开某节点",
+    "content": "<p>通过 <code>default-expanded-keys</code> 设置初始化展开某一节点 。</p>\n",
+    "link": "tree-menu/default-expanded-keys",
+    "component": " TreeMenu 树型菜单",
+    "findIntroStr": "以树形方式显示的菜单，适用于版型定制的一种组件。",
+    "demoId": "default-expanded-keys"
+  },
+  {
+    "title": "懒加载子节点",
+    "content": "<p>可通过 <code>lazy</code> 是否懒加载子节点，需与 load 方法结合使用。</p>\n",
+    "link": "tree-menu/lazy-load",
+    "component": " TreeMenu 树型菜单",
+    "findIntroStr": "以树形方式显示的菜单，适用于版型定制的一种组件。",
+    "demoId": "lazy-load"
+  },
+  {
+    "title": "搜索规则配置",
+    "content": "<p>可配置 <code>filter-node-method</code> 进行搜索规则配置，默认为模糊匹配，以下示例是精确配置。</p>\n",
+    "link": "tree-menu/filter-node-method",
+    "component": " TreeMenu 树型菜单",
+    "findIntroStr": "以树形方式显示的菜单，适用于版型定制的一种组件。",
+    "demoId": "filter-node-method"
+  },
+  {
+    "title": "默认展开全部菜单",
+    "content": "<p>可通过属性 <code>default-expand-all</code> 配置默认展开全部菜单。\n通过属性 <code>default-checked-keys</code> 配置默认选中，需要与 <code>show-checkbox</code>, <code>node-key</code> 同时使用。</p>\n",
+    "link": "tree-menu/default-expand-all",
+    "component": " TreeMenu 树型菜单",
+    "findIntroStr": "以树形方式显示的菜单，适用于版型定制的一种组件。",
+    "demoId": "default-expand-all"
+  },
+  {
+    "title": "自定义空数据文本",
+    "content": "<p>可通过属性 <code>empty-text</code> 配置空数据显示文本。</p>\n",
+    "link": "tree-menu/empty-text",
+    "component": " TreeMenu 树型菜单",
+    "findIntroStr": "以树形方式显示的菜单，适用于版型定制的一种组件。",
+    "demoId": "empty-text"
+  },
+  {
+    "title": "拖动菜单",
+    "content": "<p>可通过属性置 <code>draggable</code> 实现菜单拖拽。</p>\n",
+    "link": "tree-menu/can-draggable",
+    "component": " TreeMenu 树型菜单",
+    "findIntroStr": "以树形方式显示的菜单，适用于版型定制的一种组件。",
+    "demoId": "can-draggable"
+  },
+  {
+    "title": "拖拽菜单回调事件",
+    "content": "<p>拖拽菜单回调事件,配合 <code>draggable</code> 使用。</p>\n",
+    "link": "tree-menu/event-allow-draggable",
+    "component": " TreeMenu 树型菜单",
+    "findIntroStr": "以树形方式显示的菜单，适用于版型定制的一种组件。",
+    "demoId": "event-allow-draggable"
+  },
+  {
+    "title": "节点被展开时触发的事件",
+    "content": "<p>节点被展开时触发的事件</p>\n",
+    "link": "tree-menu/event-node-expand",
+    "component": " TreeMenu 树型菜单",
+    "findIntroStr": "以树形方式显示的菜单，适用于版型定制的一种组件。",
+    "demoId": "event-node-expand"
+  },
+  {
+    "title": "节点被关闭时触发的事件",
+    "content": "<p>节点被关闭时触发的事件</p>\n",
+    "link": "tree-menu/event-node-collapse",
+    "component": " TreeMenu 树型菜单",
+    "findIntroStr": "以树形方式显示的菜单，适用于版型定制的一种组件。",
+    "demoId": "event-node-collapse"
+  },
+  {
+    "title": "节点选中状态发生变化时的回调",
+    "content": "<p>节点选中状态发生变化时的回调</p>\n",
+    "link": "tree-menu/event-check-change",
+    "component": " TreeMenu 树型菜单",
+    "findIntroStr": "以树形方式显示的菜单，适用于版型定制的一种组件。",
+    "demoId": "event-check-change"
+  },
+  {
+    "title": "点击文字展开菜单",
+    "content": "<p>可通过属性 <code>expand-on-click-node</code> 配置点击文字即可展开子菜单。</p>\n",
+    "link": "tree-menu/expand-on-click-node",
+    "component": " TreeMenu 树型菜单",
+    "findIntroStr": "以树形方式显示的菜单，适用于版型定制的一种组件。",
+    "demoId": "expand-on-click-node"
+  },
+  {
+    "title": "水平缩进",
+    "content": "<p>可通过属性 <code>indent</code> 控制子级相对于父级菜单的水平缩进距离，单位 px 。</p>\n",
+    "link": "tree-menu/tree-menu-indent",
+    "component": " TreeMenu 树型菜单",
+    "findIntroStr": "以树形方式显示的菜单，适用于版型定制的一种组件。",
+    "demoId": "tree-menu-indent"
+  },
+  {
+    "title": "手风琴",
+    "content": "<p>通过 <code>accordion</code> 设置手风琴效果。</p>\n",
+    "link": "tree-menu/accordion",
+    "component": " TreeMenu 树型菜单",
+    "findIntroStr": "以树形方式显示的菜单，适用于版型定制的一种组件。",
+    "demoId": "accordion"
+  },
+  {
+    "title": "节点可勾选",
+    "content": "<p>可配置 <code>show-checkbox</code> 属性设置节点是否可被勾选。</p>\n",
+    "link": "tree-menu/show-checkbox",
+    "component": " TreeMenu 树型菜单",
+    "findIntroStr": "以树形方式显示的菜单，适用于版型定制的一种组件。",
+    "demoId": "show-checkbox"
+  },
+  {
+    "title": "自定义搜索图标",
+    "content": "<p>可配置 <code>search-icon</code> 属性设置自定义搜索图标</p>\n",
+    "link": "tree-menu/search-icon",
+    "component": " TreeMenu 树型菜单",
+    "findIntroStr": "以树形方式显示的菜单，适用于版型定制的一种组件。",
+    "demoId": "search-icon"
+  },
+  {
+    "title": "插槽",
+    "content": "<p>可通过配置默认作用域插槽来显示菜单内容。</p>\n",
+    "link": "tree-menu/tree-menu-slot",
+    "component": " TreeMenu 树型菜单",
+    "findIntroStr": "以树形方式显示的菜单，适用于版型定制的一种组件。",
+    "demoId": "tree-menu-slot"
+  },
+  {
+    "title": "事件",
+    "content": "<p><code>current-change</code> 当前选中节点变化时触发的事件。</p>\n",
+    "link": "tree-menu/event-current-change",
+    "component": " TreeMenu 树型菜单",
+    "findIntroStr": "以树形方式显示的菜单，适用于版型定制的一种组件。",
+    "demoId": "event-current-change"
+  }
+]

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

@@ -0,0 +1,266 @@
+[
+  {
+    "title": "基本用法",
+    "content": "详细用法参考如下示例",
+    "link": "tree/basic-usage",
+    "component": " Tree 树形控件",
+    "findIntroStr": "可进行展示有父子层级的数据，支持选择，异步加载等功能。但不推荐用它来展示菜单，展示菜单推荐使用树菜单。",
+    "demoId": "basic-usage"
+  },
+  {
+    "title": "数据源",
+    "content": "<p>通过配置 <code>data</code> 属性来设置数据源，可配置静态数据源和动态数据源。</p>\n",
+    "link": "tree/data-source",
+    "component": " Tree 树形控件",
+    "findIntroStr": "可进行展示有父子层级的数据，支持选择，异步加载等功能。但不推荐用它来展示菜单，展示菜单推荐使用树菜单。",
+    "demoId": "data-source"
+  },
+  {
+    "title": "禁用状态",
+    "content": "<p>数据源里面带 <code>disabled: true</code> 渲染时自动禁用。</p>\n",
+    "link": "tree/disable-node",
+    "component": " Tree 树形控件",
+    "findIntroStr": "可进行展示有父子层级的数据，支持选择，异步加载等功能。但不推荐用它来展示菜单，展示菜单推荐使用树菜单。",
+    "demoId": "disable-node"
+  },
+  {
+    "title": "自定义空数据文本",
+    "content": "<p>配置 <code>template #empty</code> 设置自定义空数据文本。</p>\n",
+    "link": "tree/custom-empty-text",
+    "component": " Tree 树形控件",
+    "findIntroStr": "可进行展示有父子层级的数据，支持选择，异步加载等功能。但不推荐用它来展示菜单，展示菜单推荐使用树菜单。",
+    "demoId": "custom-empty-text"
+  },
+  {
+    "title": "展开后渲染",
+    "content": "<p>配置 <code>render-after-expand</code> 属性设置是否展开后渲染数据，默认为 <code>true</code>。</p>\n",
+    "link": "tree/render-after-expand",
+    "component": " Tree 树形控件",
+    "findIntroStr": "可进行展示有父子层级的数据，支持选择，异步加载等功能。但不推荐用它来展示菜单，展示菜单推荐使用树菜单。",
+    "demoId": "render-after-expand"
+  },
+  {
+    "title": "唯一标识",
+    "content": "<p>通过 <code>node-key</code> 属性设置唯一标识。</p>\n <p>设置选中节点，获取选中节点，新增节点，删除节点等操作，需要设置节点的唯一标识属性</p>",
+    "link": "tree/node-key",
+    "component": " Tree 树形控件",
+    "findIntroStr": "可进行展示有父子层级的数据，支持选择，异步加载等功能。但不推荐用它来展示菜单，展示菜单推荐使用树菜单。",
+    "demoId": "node-key"
+  },
+  {
+    "title": "父子不互相关联",
+    "content": "<p>通过 <code>check-strictly</code> 属性设置父子层级勾选不关联。</p>\n",
+    "link": "tree/check-strictly",
+    "component": " Tree 树形控件",
+    "findIntroStr": "可进行展示有父子层级的数据，支持选择，异步加载等功能。但不推荐用它来展示菜单，展示菜单推荐使用树菜单。",
+    "demoId": "check-strictly"
+  },
+  {
+    "title": "默认展开所有节点",
+    "content": "<p>通过 <code>default-expand-all</code> 属性设置默认展开所有节点。</p>\n",
+    "link": "tree/default-expand-all",
+    "component": " Tree 树形控件",
+    "findIntroStr": "可进行展示有父子层级的数据，支持选择，异步加载等功能。但不推荐用它来展示菜单，展示菜单推荐使用树菜单。",
+    "demoId": "default-expand-all"
+  },
+  {
+    "title": "点击节点展开收缩",
+    "content": "<p>通过 <code>expand-on-click-node</code> 属性设置点击节点内容时可展开/收起节点。</p>\n",
+    "link": "tree/expand-on-click-node",
+    "component": " Tree 树形控件",
+    "findIntroStr": "可进行展示有父子层级的数据，支持选择，异步加载等功能。但不推荐用它来展示菜单，展示菜单推荐使用树菜单。",
+    "demoId": "expand-on-click-node"
+  },
+  {
+    "title": "点击节点时选中",
+    "content": "<p>通过 <code>check-on-click-node</code> 属性设置点击节点内容同时可以勾选数据/去勾选数据。\n通过 <code>icon-trigger-click-node</code> 属性控制点击图标是否触发 node-click 事件，默认为 true。</p>\n",
+    "link": "tree/check-on-click-node",
+    "component": " Tree 树形控件",
+    "findIntroStr": "可进行展示有父子层级的数据，支持选择，异步加载等功能。但不推荐用它来展示菜单，展示菜单推荐使用树菜单。",
+    "demoId": "check-on-click-node"
+  },
+  {
+    "title": "自动展开父节点",
+    "content": "<p>通过 <code>auto-expand-parent</code> 属性是否展示父节点，默认为 <code>true</code>。</p>\n",
+    "link": "tree/auto-expand-parent",
+    "component": " Tree 树形控件",
+    "findIntroStr": "可进行展示有父子层级的数据，支持选择，异步加载等功能。但不推荐用它来展示菜单，展示菜单推荐使用树菜单。",
+    "demoId": "auto-expand-parent"
+  },
+  {
+    "title": "默认勾选的节点",
+    "content": "<p>通过 <code>default-checked-keys</code> 属性设置默认勾选数据。</p>\n",
+    "link": "tree/default-checked-keys",
+    "component": " Tree 树形控件",
+    "findIntroStr": "可进行展示有父子层级的数据，支持选择，异步加载等功能。但不推荐用它来展示菜单，展示菜单推荐使用树菜单。",
+    "demoId": "default-checked-keys"
+  },
+  {
+    "title": "默认展开指定节点",
+    "content": "<p>通过 <code>default-expanded-keys</code> 属性设置默认展开的节点。</p>\n",
+    "link": "tree/default-expanded-keys",
+    "component": " Tree 树形控件",
+    "findIntroStr": "可进行展示有父子层级的数据，支持选择，异步加载等功能。但不推荐用它来展示菜单，展示菜单推荐使用树菜单。",
+    "demoId": "default-expanded-keys"
+  },
+  {
+    "title": "当前选中节点标志",
+    "content": "<p>通过 <code>current-node-key</code> 设置当前选中节点标志，要配合 node-key=&quot;id&quot; 使用。</p>\n",
+    "link": "tree/current-node-key",
+    "component": " Tree 树形控件",
+    "findIntroStr": "可进行展示有父子层级的数据，支持选择，异步加载等功能。但不推荐用它来展示菜单，展示菜单推荐使用树菜单。",
+    "demoId": "current-node-key"
+  },
+  {
+    "title": "默认插槽",
+    "content": "<p>通过 <code>default</code> 插槽，可自定义树节点的内容，参数为 { node, data }。</p>\n",
+    "link": "tree/slot-deffault",
+    "component": " Tree 树形控件",
+    "findIntroStr": "可进行展示有父子层级的数据，支持选择，异步加载等功能。但不推荐用它来展示菜单，展示菜单推荐使用树菜单。",
+    "demoId": "slot-deffault"
+  },
+  {
+    "title": "自定义内容区渲染",
+    "content": "<p>通过 <code>render-content</code> 属性设置自定义内容。</p>\n",
+    "link": "tree/render-content",
+    "component": " Tree 树形控件",
+    "findIntroStr": "可进行展示有父子层级的数据，支持选择，异步加载等功能。但不推荐用它来展示菜单，展示菜单推荐使用树菜单。",
+    "demoId": "render-content"
+  },
+  {
+    "title": "是否开启多选模式",
+    "content": "<p>通过 <code>show-checkbox</code> 属性设置节点是否可被选择，默认为 <code>false</code>。</p>\n",
+    "link": "tree/show-checkbox",
+    "component": " Tree 树形控件",
+    "findIntroStr": "可进行展示有父子层级的数据，支持选择，异步加载等功能。但不推荐用它来展示菜单，展示菜单推荐使用树菜单。",
+    "demoId": "show-checkbox"
+  },
+  {
+    "title": "可拖拽节点",
+    "content": "<p>通过 <code>draggable</code> 属性设置节点是否可拖拽。</p>\n",
+    "link": "tree/node-draggable",
+    "component": " Tree 树形控件",
+    "findIntroStr": "可进行展示有父子层级的数据，支持选择，异步加载等功能。但不推荐用它来展示菜单，展示菜单推荐使用树菜单。",
+    "demoId": "node-draggable"
+  },
+  {
+    "title": "自定义节点能否被拖拽",
+    "content": "<p>通过 <code>allow-drag</code> 钩子函数判断节点能否被拖拽，返回值为 <code>false</code> 时，节点不能拖拽。</p>\n",
+    "link": "tree/allow-drag",
+    "component": " Tree 树形控件",
+    "findIntroStr": "可进行展示有父子层级的数据，支持选择，异步加载等功能。但不推荐用它来展示菜单，展示菜单推荐使用树菜单。",
+    "demoId": "allow-drag"
+  },
+  {
+    "title": "自定义目标节点能否被放置",
+    "content": "<p>通过 <code>allow-drop</code> 属性设置拖拽时判断目标节点能否被放置。type 参数有三种情况：'prev'、'inner' 和 'next'，分别表示放置在目标节点前、插入至目标节点和放置在目标节点后。</p>\n",
+    "link": "tree/allow-drop",
+    "component": " Tree 树形控件",
+    "findIntroStr": "可进行展示有父子层级的数据，支持选择，异步加载等功能。但不推荐用它来展示菜单，展示菜单推荐使用树菜单。",
+    "demoId": "allow-drop"
+  },
+  {
+    "title": "数据节点属性配置",
+    "content": "<p>通过 <code>props</code> 属性设置数据节点属性的配置，该属性的默认值为 <code>{children: 'children',label: 'label',disabled: 'disabled'}</code>。</p>\n",
+    "link": "tree/node-props-config",
+    "component": " Tree 树形控件",
+    "findIntroStr": "可进行展示有父子层级的数据，支持选择，异步加载等功能。但不推荐用它来展示菜单，展示菜单推荐使用树菜单。",
+    "demoId": "node-props-config"
+  },
+  {
+    "title": "懒加载子节点",
+    "content": "<p>通过 <code>lazy</code> 属性设置是否懒加载子节点，需与 <code>load</code> 方法结合使用。默认值为 <code>false</code>。</p>\n",
+    "link": "tree/lazy-load-node",
+    "component": " Tree 树形控件",
+    "findIntroStr": "可进行展示有父子层级的数据，支持选择，异步加载等功能。但不推荐用它来展示菜单，展示菜单推荐使用树菜单。",
+    "demoId": "lazy-load-node"
+  },
+  {
+    "title": "高亮当前选择节点",
+    "content": "<p>通过 <code>highlight-current</code> 属性设置高亮当前选择的节点。</p>\n",
+    "link": "tree/highlight-current",
+    "component": " Tree 树形控件",
+    "findIntroStr": "可进行展示有父子层级的数据，支持选择，异步加载等功能。但不推荐用它来展示菜单，展示菜单推荐使用树菜单。",
+    "demoId": "highlight-current"
+  },
+  {
+    "title": "节点过滤",
+    "content": "<p>通过 <code>filter-node-method</code> 属性设置节点过滤的方法。</p>\n",
+    "link": "tree/filter-node",
+    "component": " Tree 树形控件",
+    "findIntroStr": "可进行展示有父子层级的数据，支持选择，异步加载等功能。但不推荐用它来展示菜单，展示菜单推荐使用树菜单。",
+    "demoId": "filter-node"
+  },
+  {
+    "title": "手风琴模式",
+    "content": "<p>通过 <code>accordion</code> 属性设置是否每次只打开一个同级树节点展开（手风琴模式），默认值为 <code>false</code>。</p>\n",
+    "link": "tree/accordion-mode",
+    "component": " Tree 树形控件",
+    "findIntroStr": "可进行展示有父子层级的数据，支持选择，异步加载等功能。但不推荐用它来展示菜单，展示菜单推荐使用树菜单。",
+    "demoId": "accordion-mode"
+  },
+  {
+    "title": "水平缩进",
+    "content": "<p>通过 <code>indent</code> 属性控制水平缩进距离，单位 <code>px</code>,默认值为 <code>18px</code>。</p>\n",
+    "link": "tree/indent",
+    "component": " Tree 树形控件",
+    "findIntroStr": "可进行展示有父子层级的数据，支持选择，异步加载等功能。但不推荐用它来展示菜单，展示菜单推荐使用树菜单。",
+    "demoId": "indent"
+  },
+  {
+    "title": "自定义展开折叠图标",
+    "content": "<p>通过 <code>icon</code> 属性设置树节点展开折叠图标，从 <code>@opentiny/vue-icon</code> 中导入一个图标并进行初始化后传给 <code>icon</code> 属性。</p>\n",
+    "link": "tree/custom-node-icon",
+    "component": " Tree 树形控件",
+    "findIntroStr": "可进行展示有父子层级的数据，支持选择，异步加载等功能。但不推荐用它来展示菜单，展示菜单推荐使用树菜单。",
+    "demoId": "custom-node-icon"
+  },
+  {
+    "title": "展开折叠图标分别设置",
+    "content": "<p>通过 <code>expandIcon</code> 属性设置展开的图标，通过 <code>shrinkIcon</code> 属性设置折叠的图标。</p>\n",
+    "link": "tree/set-tree-icon",
+    "component": " Tree 树形控件",
+    "findIntroStr": "可进行展示有父子层级的数据，支持选择，异步加载等功能。但不推荐用它来展示菜单，展示菜单推荐使用树菜单。",
+    "demoId": "set-tree-icon"
+  },
+  {
+    "title": "可自定义右键菜单内容",
+    "content": "<p>通过 <code>show-contextmenu</code> 属性设置是否开启弹窗右键菜单，调用实例的 <code>closeMenu</code> 方法可以关闭自定义菜单。</p>\n",
+    "link": "tree/contextmenu",
+    "component": " Tree 树形控件",
+    "findIntroStr": "右键点击节点弹出自定义菜单",
+    "demoId": "contextmenu"
+  },
+  {
+    "title": "拖拽节点事件",
+    "content": "详细用法参考如下示例",
+    "link": "tree/drag-events",
+    "component": " Tree 树形控件",
+    "findIntroStr": "可进行展示有父子层级的数据，支持选择，异步加载等功能。但不推荐用它来展示菜单，展示菜单推荐使用树菜单。",
+    "demoId": "drag-events"
+  },
+  {
+    "title": "勾选节点事件",
+    "content": "详细用法参考如下示例",
+    "link": "tree/node-events",
+    "component": " Tree 树形控件",
+    "findIntroStr": "可进行展示有父子层级的数据，支持选择，异步加载等功能。但不推荐用它来展示菜单，展示菜单推荐使用树菜单。",
+    "demoId": "node-events"
+  },
+  {
+    "title": "鼠标右键点击节点事件",
+    "content": "详细用法参考如下示例",
+    "link": "tree/node-contextmenu",
+    "component": " Tree 树形控件",
+    "findIntroStr": "可进行展示有父子层级的数据，支持选择，异步加载等功能。但不推荐用它来展示菜单，展示菜单推荐使用树菜单。",
+    "demoId": "node-contextmenu"
+  },
+  {
+    "title": "单选",
+    "content": "<p>通过 <code>show-radio</code> 属性设置树节点的单选特性，默认为 <code>false</code>，与 <code>show-checkbox</code> 属性互斥，不能同时设置为 <code>true</code>。</p>\n",
+    "link": "tree/single-select-radio",
+    "component": " Tree 树形控件",
+    "findIntroStr": "可进行展示有父子层级的数据，支持选择，异步加载等功能。但不推荐用它来展示菜单，展示菜单推荐使用树菜单。",
+    "demoId": "single-select-radio"
+  }
+]

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

@@ -0,0 +1 @@
+[{"title":"基本用法","content":"详细用法参考如下示例","link":"user-account/basic-usage","component":" UserAccount 用户账号","findIntroStr":"用户账号组件，用于显示用户账号、注销及自定义功能。","demoId":"basic-usage"},{"title":"自定义服务","content":"<p>设置自定义服务</p>\n","link":"user-account/custom-service","component":" UserAccount 用户账号","findIntroStr":"用户账号组件，用于显示用户账号、注销及自定义功能。","demoId":"custom-service"},{"title":"自定义功能","content":"<p>通过默认插槽自定义功能</p>\n","link":"user-account/custom-operation","component":" UserAccount 用户账号","findIntroStr":"用户账号组件，用于显示用户账号、注销及自定义功能。","demoId":"custom-operation"}]

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

@@ -0,0 +1 @@
+[{"title":"基本用法","content":"详细用法参考如下示例","link":"user-contact/basic-usage","component":" UserContact 联系人","findIntroStr":"UserContact 联系人组件，展现用户账号和基本联系方式，包括用户描述、头像、姓名三种元素，任意组合。","demoId":"basic-usage"},{"title":"设置数据源","content":"<p>可通过 <code>data</code> 设置数据源, <code>imgUrl</code> 表示的是图片路径, <code>userName</code> 表示的是姓名, <code>userDescription</code> 表示的是用户描述。</p>\n","link":"user-contact/data-source","component":" UserContact 联系人","findIntroStr":"UserContact 联系人组件，展现用户账号和基本联系方式，包括用户描述、头像、姓名三种元素，任意组合。","demoId":"data-source"},{"title":"定制弹框不显示的内容","content":"<p>定制弹框不显示的内容\n<code>show-img</code> 是否显示头像,值为 true 时显示， false 隐藏,默认 true。\n<code>show-name</code> 是否显示名字,值为  true 时显示， false 隐藏,默认 true。\n<code>show-description</code> 是否显示用户描述,值为  true 时显示， false 隐藏,默认 true。</p>\n","link":"user-contact/not-displayed-content","component":" UserContact 联系人","findIntroStr":"UserContact 联系人组件，展现用户账号和基本联系方式，包括用户描述、头像、姓名三种元素，任意组合。","demoId":"not-displayed-content"},{"title":"自定义默认插槽","content":"详细用法参考如下示例","link":"user-contact/slots-usercontact","component":" UserContact 联系人","findIntroStr":"UserContact 联系人组件，展现用户账号和基本联系方式，包括用户描述、头像、姓名三种元素，任意组合。","demoId":"slots-usercontact"}]

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

@@ -0,0 +1 @@
+[{"title":"基本用法","content":"详细用法参考如下示例","link":"user-head/basic-usage","component":" UserHead 用户头像","findIntroStr":"UserHead 用户头像组件，用来代表用户或事物，支持图片、图标或字符展示。","demoId":"basic-usage"},{"title":"小头像","content":"<p>可通过 <code>min</code> 设置小头像。</p>\n","link":"user-head/min-user-head","component":" UserHead 用户头像","findIntroStr":"UserHead 用户头像组件，用来代表用户或事物，支持图片、图标或字符展示。","demoId":"min-user-head"},{"title":"圆形头像","content":"<p>可通过 <code>round</code> 设置圆形头像。</p>\n","link":"user-head/round-user-head","component":" UserHead 用户头像","findIntroStr":"UserHead 用户头像组件，用来代表用户或事物，支持图片、图标或字符展示。","demoId":"round-user-head"},{"title":"文字头像","content":"<p>可通过 <code>type=&quot;label&quot;</code> 设置文字头像。</p>\n","link":"user-head/label-user-head","component":" UserHead 用户头像","findIntroStr":"UserHead 用户头像组件，用来代表用户或事物，支持图片、图标或字符展示。","demoId":"label-user-head"},{"title":"图标头像","content":"<p>可通过 <code>type=&quot;icon&quot;</code> 设置图标头像。</p>\n","link":"user-head/icon-user-head","component":" UserHead 用户头像","findIntroStr":"UserHead 用户头像组件，用来代表用户或事物，支持图片、图标或字符展示。","demoId":"icon-user-head"},{"title":"图片头像","content":"<p>可通过 <code>type=&quot;image&quot;</code> 设置图片头像。</p>\n","link":"user-head/image-user-head","component":" UserHead 用户头像","findIntroStr":"UserHead 用户头像组件，用来代表用户或事物，支持图片、图标或字符展示。","demoId":"image-user-head"},{"title":"头像消息计数","content":"详细用法参考如下示例","link":"user-head/message-count-total","component":" UserHead 用户头像","findIntroStr":"UserHead 用户头像组件，用来代表用户或事物，支持图片、图标或字符展示。","demoId":"message-count-total"},{"title":"使用小红点代替具体数值","content":"详细用法参考如下示例","link":"user-head/message-count-type","component":" UserHead 用户头像","findIntroStr":"UserHead 用户头像组件，用来代表用户或事物，支持图片、图标或字符展示。","demoId":"message-count-type"},{"title":"消息计数上限","content":"详细用法参考如下示例","link":"user-head/message-count-limit","component":" UserHead 用户头像","findIntroStr":"UserHead 用户头像组件，用来代表用户或事物，支持图片、图标或字符展示。","demoId":"message-count-limit"},{"title":"自定义颜色","content":"<p>可通过 <code>color</code> 自定义颜色，图标或文字类型（type属性值为 icon 或 label ）的情况下，设置字体颜色和背景色。</p>\n","link":"user-head/color","component":" UserHead 用户头像","findIntroStr":"UserHead 用户头像组件，用来代表用户或事物，支持图片、图标或字符展示。","demoId":"color"},{"title":"自定义背景颜色","content":"<p>可通过 <code>background-color</code> 自定义背景颜色。</p>\n","link":"user-head/custom-background-color","component":" UserHead 用户头像","findIntroStr":"UserHead 用户头像组件，用来代表用户或事物，支持图片、图标或字符展示。","demoId":"custom-background-color"},{"title":"自定义图像内容","content":"<p>通过插槽自定义图像内容。</p>\n","link":"user-head/custom-user-head-content","component":" UserHead 用户头像","findIntroStr":"UserHead 用户头像组件，用来代表用户或事物，支持图片、图标或字符展示。","demoId":"custom-user-head-content"},{"title":"Grid 单元格展示头像","content":"详细用法参考如下示例","link":"user-head/render-user-head-in-grid","component":" UserHead 用户头像","findIntroStr":"UserHead 用户头像组件，用来代表用户或事物，支持图片、图标或字符展示。","demoId":"render-user-head-in-grid"}]

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

@@ -0,0 +1 @@
+[{"title":"基本用法","content":"<p>注意 UserLink 组件请求的是 mock 数据，其他用户查询不了，开发时请用真实服务。</p>\n","link":"user-link/basic-usage","component":" UserLink 用户信息链接","findIntroStr":"用户信息链接组件，可显示用户详细信息对话框的特殊链接。","demoId":"basic-usage"},{"title":"显示字段映射","content":"<p>通过 text-field 设置显示字段信息,默认是 userCN\n注意 UserLink 组件请求的是 mock 数据，其他用户查询不了，开发时请用真实服务。</p>\n","link":"user-link/text-field","component":" UserLink 用户信息链接","findIntroStr":"用户信息链接组件，可显示用户详细信息对话框的特殊链接。","demoId":"text-field"},{"title":"自定义文本分隔符","content":"<p>通过 text-split 自定义文本分隔符,默认是 ','\n注意 UserLink 组件请求的是 mock 数据，其他用户查询不了，开发时请用真实服务。</p>\n","link":"user-link/text-split","component":" UserLink 用户信息链接","findIntroStr":"用户信息链接组件，可显示用户详细信息对话框的特殊链接。","demoId":"text-split"},{"title":"值字段映射","content":"<p>通过 value-field 设置值字段映射，默认是 userId\n注意 UserLink 组件请求的是 mock 数据，其他用户查询不了，开发时请用真实服务。</p>\n","link":"user-link/value-field","component":" UserLink 用户信息链接","findIntroStr":"用户信息链接组件，可显示用户详细信息对话框的特殊链接。","demoId":"value-field"},{"title":"自定义值分隔符","content":"<p>通过 value-split 自定义值分隔符，默认是 ','\n注意 UserLink 组件请求的是 mock 数据，其他用户查询不了，开发时请用真实服务。</p>\n","link":"user-link/value-split","component":" UserLink 用户信息链接","findIntroStr":"用户信息链接组件，可显示用户详细信息对话框的特殊链接。","demoId":"value-split"},{"title":"自定义服务","content":"<p>注意 UserLink 组件请求的是 mock 数据，其他用户查询不了，开发时请用真实服务。</p>\n","link":"user-link/custom-service","component":" UserLink 用户信息链接","findIntroStr":"用户信息链接组件，可显示用户详细信息对话框的特殊链接。","demoId":"custom-service"},{"title":"基本用法","content":"<p>注意 UserLink 组件请求的是 mock 数据，其他用户查询不了，开发时请用真实服务。</p>\n","link":"user-link/cache-users","component":" UserLink 用户信息链接","findIntroStr":"用户信息链接组件，可显示用户详细信息对话框的特殊链接。","demoId":"cache-users"},{"title":"自定义默认值","content":"<p>通过 value 自定义默认值，默认为空注意 value 值与 v-model 不能同时使用，同时使用时 v-model 权重更高</p>\n","link":"user-link/value","component":" UserLink 用户信息链接","findIntroStr":"用户信息链接组件，可显示用户详细信息对话框的特殊链接。","demoId":"value"}]

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

@@ -0,0 +1 @@
+[{"title":"基本用法","content":"<p>注意 User 组件请求的是 mock 数据，其他用户查询不了，开发时请用真实服务。</p>\n","link":"user/basic-usage","component":" User 用户","findIntroStr":"通过 Select 选择器组件实现对用户的查询，包括 单用户 和 多用户 两种形式。","demoId":"basic-usage"},{"title":"多用户","content":"<p>设置 <code>multiple</code> 属性即可启用多用户形式。</p>\n","link":"user/multiple-users","component":" User 用户","findIntroStr":"通过 Select 选择器组件实现对用户的查询，包括 单用户 和 多用户 两种形式。","demoId":"multiple-users"},{"title":"折叠 Tag","content":"<p>设置 <code>multiple</code> 属性即可启用多用户形式。\n通过 <code>collapse-tags</code> 配置多用户模式下是否展示折叠标签，默认为 false。</p>\n","link":"user/multiple-users-tag","component":" User 用户","findIntroStr":"通过 Select 选择器组件实现对用户的查询，包括 单用户 和 多用户 两种形式。","demoId":"multiple-users-tag"},{"title":"user选择器选项可复制","content":"<p>通过 <code>tag-selectable</code> 输入框中已选择的选项可通过鼠标选择，然后按 Ctrl + C 或右键进行复制。</p>\n","link":"user/tag-copy","component":" User 用户","findIntroStr":"通过 Select 选择器组件实现对用户的查询，包括 单用户 和 多用户 两种形式。","demoId":"tag-copy"},{"title":"user选择器选项可复制","content":"<p>设置 <code>copyable</code> 属性后，可以复制所有的 <code>tag</code> 文本内容以逗号分隔</p>\n","link":"user/tag-copy-all","component":" User 用户","findIntroStr":"通过 Select 选择器组件实现对用户的查询，包括 单用户 和 多用户 两种形式。","demoId":"tag-copy-all"},{"title":"禁用状态","content":"<p>设置 <code>disabled</code> 属性可禁用 User 组件。</p>\n","link":"user/dynamic-disable","component":" User 用户","findIntroStr":"通过 Select 选择器组件实现对用户的查询，包括 单用户 和 多用户 两种形式。","demoId":"dynamic-disable"},{"title":"超出提示","content":"<p>设置 <code>collapse-show-overflow-tooltip</code> 此属性必须设置缓存 <code>cache</code> 为 <code>true</code> 时才会生效。</p>\n","link":"user/collapse-show-overflow-tooltip","component":" User 用户","findIntroStr":"通过 Select 选择器组件实现对用户的查询，包括 单用户 和 多用户 两种形式。","demoId":"collapse-show-overflow-tooltip"},{"title":"值分隔符","content":"<p>通过 <code>value-split</code> 属性可指定多用户下获取到的 value 值中不同用户之间的分隔符，默认为 <code>,</code>。\n通过 <code>text-split</code> 属性可指定多用户模式下输入匹配的文本分隔符，默认为 <code>,</code> ，可选值为 <code>!~%(=+^{/}).!]&lt;-&gt;[\\,:*#;</code>。</p>\n","link":"user/value-split","component":" User 用户","findIntroStr":"通过 Select 选择器组件实现对用户的查询，包括 单用户 和 多用户 两种形式。","demoId":"value-split"},{"title":"取值字段映射","content":"<p>通过 <code>value-field</code> 属性可指定获取到的 value 值的形式，默认为 userId，还包括 userAccount。</p>\n","link":"user/value-field","component":" User 用户","findIntroStr":"通过 Select 选择器组件实现对用户的查询，包括 单用户 和 多用户 两种形式。","demoId":"value-field"},{"title":"显示字段映射","content":"<p>通过 <code>text-field</code> 属性可指定显示用户的哪个字段信息。</p>\n","link":"user/text-field","component":" User 用户","findIntroStr":"通过 Select 选择器组件实现对用户的查询，包括 单用户 和 多用户 两种形式。","demoId":"text-field"},{"title":"缓存用户","content":"<p>通过 <code>cache</code> 属性指定用户数据是否缓存，默认为缓存。\n\n<code>cache-key</code> 属性可以自定义缓存的 key 值，默认为 tiny-user 。\n\n<code>cache-fields</code> 属性用于指定缓存哪些用户数据。</p>\n","link":"user/cache-users","component":" User 用户","findIntroStr":"通过 Select 选择器组件实现对用户的查询，包括 单用户 和 多用户 两种形式。","demoId":"cache-users"},{"title":"延时加载","content":"<p>通过 <code>delay</code> 属性指定延时加载的时间，单位是毫秒。</p>\n","link":"user/delay-load","component":" User 用户","findIntroStr":"通过 Select 选择器组件实现对用户的查询，包括 单用户 和 多用户 两种形式。","demoId":"delay-load"},{"title":"输入完指定长度后加载","content":"<p>通过 <code>suggest-length</code> 属性可指定输入多少个字符后开始请求服务。</p>\n","link":"user/load-after-input-the-length","component":" User 用户","findIntroStr":"通过 Select 选择器组件实现对用户的查询，包括 单用户 和 多用户 两种形式。","demoId":"load-after-input-the-length"},{"title":"值改变事件","content":"<p>通过 <code>change</code> 事件能获取用户类型。</p>\n","link":"user/event-change","component":" User 用户","findIntroStr":"通过 Select 选择器组件实现对用户的查询，包括 单用户 和 多用户 两种形式。","demoId":"event-change"},{"title":"用户查询错误提示","content":"<p>通过 <code>error</code> 事件能获取查询失败的输入。</p>\n","link":"user/event-error","component":" User 用户","findIntroStr":"通过 Select 选择器组件实现对用户的查询，包括 单用户 和 多用户 两种形式。","demoId":"event-error"},{"title":"自定义选项文本","content":"<p>通过 <code>options</code> 插槽设置自定义下拉选项文本。</p>\n","link":"user/user-options","component":" User 用户","findIntroStr":"通过 Select 选择器组件实现对用户的查询，包括 单用户 和 多用户 两种形式。","demoId":"user-options"},{"title":"自定义服务","content":"<p>通过 <code>service</code> 属性可自定义用户服务,当用户在文本框中输入准确的账号时,会在下拉菜单中出现此用户。\n通过 <code>sort-by-fetch-data</code> 联想时下拉框的数据顺序和接口返回的数据顺序一致</p>\n","link":"user/custom-service","component":" User 用户","findIntroStr":"通过 Select 选择器组件实现对用户的查询，包括 单用户 和 多用户 两种形式。","demoId":"custom-service"},{"title":"自定义排序","content":"<p>通过 <code>sortable</code> 属性引用 <code>sortablejs</code> 进行排序。</p>\n","link":"user/custom-sort","component":" User 用户","findIntroStr":"通过 Select 选择器组件实现对用户的查询，包括 单用户 和 多用户 两种形式。","demoId":"custom-sort"},{"title":"尺寸设置","content":"<p>通过 <code>size</code> 属性可指定用户输入框的尺寸，包括 medium、small、mini 三个选项。</p>\n","link":"user/user-select-size","component":" User 用户","findIntroStr":"通过 Select 选择器组件实现对用户的查询，包括 单用户 和 多用户 两种形式。","demoId":"user-select-size"}]

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

@@ -0,0 +1 @@
+[{"title":"基本用法","content":"<p>通过 <code>base-flow</code> 属性设置基本流程图模式，以节点图示的方式，显示流程节点及节点间关系，节点的信息只有节点名称和状态。</p>\n","link":"wizard/base-flow","component":" Wizard 流程图","findIntroStr":"以特定的图形符号加上说明，表示各流程节点关系的组件。","demoId":"base-flow"},{"title":"页向导流程图","content":"<p>通过 <code>page-guide</code> 属性设置页向导流程图模式，用于导航当前页面与上一页面、下一页面的前后关系，包括流程图区域、页面展示区域、功能按钮区域。</p>\n","link":"wizard/page-guide","component":" Wizard 流程图","findIntroStr":"以特定的图形符号加上说明，表示各流程节点关系的组件。","demoId":"page-guide"},{"title":"垂直流程图","content":"<p>通过 <code>vertical</code> 属性设置垂直流程图模式，以节点图示的方式竖向显示流程节点及节点间关系，节点的信息包含节点名称、状态、完成时间、用户。</p>\n","link":"wizard/vertical","component":" Wizard 流程图","findIntroStr":"以特定的图形符号加上说明，表示各流程节点关系的组件。","demoId":"vertical"},{"title":"时间线流程图","content":"<p>通过 <code>time-line-flow</code> 属性设置时间线流程图，通过 <code>time-icon</code> 属性自定义时间图标。以时间点的方式竖向显示流程节点处理信息，包括节点名称、状态、完成时间、用户。</p>\n","link":"wizard/time-line-flow","component":" Wizard 流程图","findIntroStr":"以特定的图形符号加上说明，表示各流程节点关系的组件。","demoId":"time-line-flow"},{"title":"步骤插槽","content":"<p>页向导流程图里通过 <code>stepbutton</code> 插槽可以自定义步骤按钮或内容。</p>\n","link":"wizard/slot-step-button","component":" Wizard 流程图","findIntroStr":"以特定的图形符号加上说明，表示各流程节点关系的组件。","demoId":"slot-step-button"},{"title":"基本插槽","content":"<p>通过 <code>base</code> 配置基本内容。</p>\n","link":"wizard/slot-base","component":" Wizard 流程图","findIntroStr":"以特定的图形符号加上说明，表示各流程节点关系的组件。","demoId":"slot-base"}]