@opentiny/vue-docs 1.0.0

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

@@ -0,0 +1,34 @@
+[
+  {
+    "title": "基本用法",
+    "content": "属性<code>links</code>传入数据渲染",
+    "link": "anchor/basic-usage",
+    "component": " Anchor 锚点",
+    "findIntroStr": "用于跳转到页面指定位置",
+    "demoId": "basic-usage"
+  },
+  {
+    "title": "固定模式",
+    "content": "设置属性<code>is-affix</code>为true, 让锚点不随页面滚动",
+    "link": "anchor/is-affix",
+    "component": " Anchor 锚点",
+    "findIntroStr": "用于跳转到页面指定位置",
+    "demoId": "is-affix"
+  },
+  {
+    "title": "滚动容器",
+    "content": "通过<code>container-id</code>属性指定滚动容器，<code>link-click</code>监听锚点点击事件，阻止浏览器默认行为，实现单页面<code>hash</code>路由模式的页内跳转，让页面只在想要的指定容器内滚动。通过<code>mask-class</code>属性设置自定义类名，高亮显示滚动的目标元素",
+    "link": "anchor/set-container",
+    "component": " Anchor 锚点",
+    "findIntroStr": "用于跳转到页面指定位置",
+    "demoId": "set-container"
+  },
+  {
+    "title": "change事件",
+    "content": "<code>on-change</code>事件，锚点链接改变时触发回调",
+    "link": "anchor/on-change",
+    "component": " Anchor 锚点",
+    "findIntroStr": "用于跳转到页面指定位置",
+    "demoId": "on-change"
+  }
+]

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

@@ -0,0 +1 @@
+[{"title":"基本用法","content":"<p>通过 <code>v-model / value</code> 属性设置默认值。</p>\n","link":"area/basic-usage","component":" Area 片区","findIntroStr":"用于显示区域名称，通过配置区域和数据源获取选项。","demoId":"basic-usage"},{"title":"自定义服务","content":"<p>通过 <code>fetch-jcr</code> 可以自定义服务用于获取片区 JCR 数据，<code>fetch-rigion</code> 用于获取地区部 Region 的数据，<code>fetch-rep</code> 用于获取代表处 Rep 的数据，<code>fetch-office</code> 用于获取办事处 Office 的数据。同时 当数据字段为非默认的 <code>name_cn</code> <code>org_id</code> 时，可以通过 <code>props</code> 属性设置数据的映射字段。</p>\n","link":"area/custom-service","component":" Area 片区","findIntroStr":"用于显示区域名称，通过配置区域和数据源获取选项。","demoId":"custom-service"},{"title":"设置组件大小","content":"<p>可选值为：<code>medium</code>，<code>small</code>，<code>mini</code></p>\n","link":"area/size","component":" Area 片区","findIntroStr":"用于显示区域名称，通过配置区域和数据源获取选项。","demoId":"size"},{"title":"事件","content":"<p>Region 下拉框的值改变时触发 <code>change-region</code> 事件，Rep 下拉框的值改变时触发 <code>change-rep</code> 事件，Office 下拉框的值改变时触发 <code>change-office</code> 事件。</p>\n","link":"area/area-events","component":" Area 片区","findIntroStr":"用于显示区域名称，通过配置区域和数据源获取选项。","demoId":"area-events"},{"title":"设置组件大小","content":"<p>通过 <code>disabled</code> 设置组件禁用默认值为 false 。</p>\n","link":"area/disabled","component":" Area 片区","findIntroStr":"用于显示区域名称，通过配置区域和数据源获取选项。","demoId":"disabled"}]

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

@@ -0,0 +1 @@
+[{"title":"禁用","content":"<p>通过 <code>disabled</code> 属性可以设置为禁用状态。</p>\n","link":"autocomplete/disabled","component":" Autocomplete 自动完成","findIntroStr":"根据输入内容提供对应的输入建议。","demoId":"disabled1"},{"title":"原生属性","content":"详细用法参考如下示例","link":"autocomplete/disabled","component":" Autocomplete 自动完成","findIntroStr":"根据输入内容提供对应的输入建议。","demoId":"disabled"},{"title":"输入框大小","content":"<p>可选择值为medium，small，mini</p>\n","link":"autocomplete/size","component":" Autocomplete 自动完成","findIntroStr":"根据输入内容提供对应的输入建议。","demoId":"size"},{"title":"可清除","content":"<p>配置 <code>clearable</code> 属性后，输入内容后会显示清除图标，单击可以清除输入框内容。</p>\n","link":"autocomplete/clearable","component":" Autocomplete 自动完成","findIntroStr":"根据输入内容提供对应的输入建议。","demoId":"clearable"},{"title":"输入框前置内容","content":"<p>配置 <code>prepend</code> 属性设置输入框前置内容。</p>\n","link":"autocomplete/append-prepend","component":" Autocomplete 自动完成","findIntroStr":"根据输入内容提供对应的输入建议。","demoId":"append-prepend"},{"title":"输入框后置内容","content":"<p>配置 <code>append</code> 属性设置输入框后置内容。</p>\n","link":"autocomplete/append-prepend","component":" Autocomplete 自动完成","findIntroStr":"根据输入内容提供对应的输入建议。","demoId":"append-append"},{"title":"自定义图标","content":"<p>配置 <code>prefix-icon</code> 和 <code>suffix-icon</code> 属性可分别自定义输入框前后置图标。</p>\n","link":"autocomplete/custom-icon","component":" Autocomplete 自动完成","findIntroStr":"根据输入内容提供对应的输入建议。","demoId":"custom-icon"},{"title":"通过插槽自定义图标","content":"<p>通过 <code>prefix</code> 和 <code>suffix</code> 插槽也可以分别自定义输入框前后置图标。</p>\n","link":"autocomplete/prefix-suffix-slot","component":" Autocomplete 自动完成","findIntroStr":"根据输入内容提供对应的输入建议。","demoId":"prefix-suffix-slot"},{"title":"去抖延时","content":"<p>通过 <code>debounce</code> 属性可以设置获取输入建议的去抖延时，默认值为 300 毫秒。</p>\n","link":"autocomplete/debounce","component":" Autocomplete 自动完成","findIntroStr":"根据输入内容提供对应的输入建议。","demoId":"debounce"},{"title":"隐藏加载图标","content":"<p>设置 <code>hide-loading</code> 属性为 true ,可以隐藏加载图标。</p>\n","link":"autocomplete/hide-loading","component":" Autocomplete 自动完成","findIntroStr":"根据输入内容提供对应的输入建议。","demoId":"hide-loading"},{"title":"输入框占位文本","content":"<p>通过 <code>placeholder</code> 属性设置输入框占位文本。</p>\n","link":"autocomplete/hide-loading","component":" Autocomplete 自动完成","findIntroStr":"根据输入内容提供对应的输入建议。","demoId":"hide-loading1"},{"title":"自定义模板","content":"<p>通过作用域插槽可以自定义输入建议模板。</p>\n","link":"autocomplete/cust-template","component":" Autocomplete 自动完成","findIntroStr":"根据输入内容提供对应的输入建议。","demoId":"cust-template"},{"title":"远程搜索","content":"<p>通过 <code>fetch-suggestions</code> 属性设置远程搜索。</p>\n","link":"autocomplete/remote-search","component":" Autocomplete 自动完成","findIntroStr":"根据输入内容提供对应的输入建议。","demoId":"remote-search"},{"title":"指定显示的键名","content":"<p>输入内容后，建议列表中默认显示输入建议对象中 value 键名对应的值，若对象中没有 value 键名，就可以通过 <code>value-key</code> 属性指定显示的键名。</p>\n","link":"autocomplete/value-key","component":" Autocomplete 自动完成","findIntroStr":"根据输入内容提供对应的输入建议。","demoId":"value-key"},{"title":"自定义列表样式","content":"<p><code>popper-class</code> 属性可指定一个样式类名，可自定义建议列表的样式。\n<code>popper-append-to-body</code> 属性可设置是否将下拉列表插入至 body 元素。在下拉列表的定位出现问题时，可将该属性设置为 false。</p>\n","link":"autocomplete/popper-class","component":" Autocomplete 自动完成","findIntroStr":"根据输入内容提供对应的输入建议。","demoId":"popper-class"},{"title":"设置菜单弹出位置","content":"<p><code>placement</code> 属性可以设置菜单弹出位置，默认为 <code>bottom-start</code>。可选值有 top、top-start、top-end、bottom、bottom-start、bottom-end 。</p>\n","link":"autocomplete/placement","component":" Autocomplete 自动完成","findIntroStr":"根据输入内容提供对应的输入建议。","demoId":"placement"},{"title":"高亮显示第一项","content":"<p>设置 <code>highlight-first-item</code> 属性为 true ,可以突出显示远程搜索建议中的第一项。</p>\n","link":"autocomplete/highlight-first-item","component":" Autocomplete 自动完成","findIntroStr":"根据输入内容提供对应的输入建议。","demoId":"highlight-first-item"},{"title":"聚焦不显示建议列表","content":"<p>默认输入框聚焦就会显示全部的建议列表，但设置 <code>trigger-on-focus</code> 属性为 false 后只有在匹配到输入建议后才会显示匹配到的建议列表。</p>\n","link":"autocomplete/no-trigger-on-focus","component":" Autocomplete 自动完成","findIntroStr":"根据输入内容提供对应的输入建议。","demoId":"no-trigger-on-focus"},{"title":"事件","content":"<p>Autocomplete 组件提供 <code>select</code> 事件，点击选中建议项时触发，回调参数为选中建议项。\n通过 <code>select-when-unmatched</code> 设置在输入联想没有匹配值时，按 Enter 键时是否触发 select 事件，默认值为 false。</p>\n","link":"autocomplete/select-event","component":" Autocomplete 自动完成","findIntroStr":"根据输入内容提供对应的输入建议。","demoId":"select-event"}]

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

@@ -0,0 +1 @@
+[{"title":"基本用法","content":"<p>Badge 展示指定数据信息，如：我的待办数、新任务数等。</p>\n","link":"badge/base","component":" Badge 标记","findIntroStr":"Badge 展示指定数据信息，如：我的待办数、新任务数等。","demoId":"base"},{"title":"主題样式","content":"<p><code>type</code> 设置显示主题，可选值：primary、success、warning、danger、info，默认值：danger</p>\n","link":"badge/type","component":" Badge 标记","findIntroStr":"Badge 展示指定数据信息，如：我的待办数、新任务数等。","demoId":"type"},{"title":"小圆点标记","content":"<p><code>is-dot</code> 显示小圆点标记</p>\n","link":"badge/is-dot","component":" Badge 标记","findIntroStr":"Badge 展示指定数据信息，如：我的待办数、新任务数等。","demoId":"is-dot"},{"title":"计数最大值","content":"<p><code>max</code> 超过最大值会显示 '{max}+'</p>\n","link":"badge/max","component":" Badge 标记","findIntroStr":"Badge 展示指定数据信息，如：我的待办数、新任务数等。","demoId":"max"},{"title":"跳转链接","content":"<p><code>href</code>定义跳转链接</p>\n","link":"badge/target","component":" Badge 标记","findIntroStr":"Badge 展示指定数据信息，如：我的待办数、新任务数等。","demoId":"target"},{"title":"自定义标记目标","content":"<p><code>default slot</code> 标记内容自定义</p>\n","link":"badge/slot-default","component":" Badge 标记","findIntroStr":"Badge 展示指定数据信息，如：我的待办数、新任务数等。","demoId":"slot-default"},{"title":"自定义提示内容","content":"<p><code>content slot</code> 自定义提示内容</p>\n","link":"badge/slot-content","component":" Badge 标记","findIntroStr":"Badge 展示指定数据信息，如：我的待办数、新任务数等。","demoId":"slot-content"},{"title":"消息已读动态隐藏标记","content":"<p><code>hidden</code> 隐藏标记</p>\n","link":"badge/dynamic-hidden","component":" Badge 标记","findIntroStr":"Badge 展示指定数据信息，如：我的待办数、新任务数等。","demoId":"dynamic-hidden"}]

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

@@ -0,0 +1 @@
+[{"title":"基本用法","content":"详细用法参考如下示例","link":"breadcrumb/base","component":" Breadcrumb 面包屑","findIntroStr":"Breadcrumb 面包屑导航，作用是告诉访问者他们目前在网站中的位置以及如何返回。","demoId":"base"},{"title":"自定义节点","content":"<p>设置子组件 BreadcrumbItem 的 默认插槽，自定义节点内容。<code>to</code> 设置路由跳转的对象，同时设置 <code>replace</code> 后将不会向 history 添加新记录。</p>\n","link":"breadcrumb/slot-default","component":" Breadcrumb 面包屑","findIntroStr":"Breadcrumb 面包屑导航，作用是告诉访问者他们目前在网站中的位置以及如何返回。","demoId":"slot-default"},{"title":"自定义分隔符","content":"<p>设置 <code>separator</code> 或 <code>separator-icon</code> 属性，自定义分隔符。</p>\n","link":"breadcrumb/separator","component":" Breadcrumb 面包屑","findIntroStr":"Breadcrumb 面包屑导航，作用是告诉访问者他们目前在网站中的位置以及如何返回。","demoId":"separator"},{"title":"options 配置","content":"<p>通过 <code>options</code> 总体配置每个 <code>BreadcrumbItem</code>。  </p> 设置<code>textField</code> 指定显示字段，默认显示字段为 <code>label</code>\n","link":"breadcrumb/options","component":" Breadcrumb 面包屑","findIntroStr":"Breadcrumb 面包屑导航，作用是告诉访问者他们目前在网站中的位置以及如何返回。","demoId":"options"}]

package/resources/pc/demo-config/zh-CN/bulletin-board.json

@@ -0,0 +1 @@
+[{"title":"基本用法","content":"<p>必须设置 <code>data</code> 属性设置公告牌公告信息数据，以及 <code>tab-title</code> 属性设置每个公告牌标题。</p>\n","link":"bulletin-board/base","component":" BulletinBoard 公告牌","findIntroStr":"BulletinBoard 公告牌组件，展现需要重点关注的信息。","demoId":"base"},{"title":"公告牌标题","content":"<p>可通过 <code>title</code> 设置公告牌标题。</p>\n","link":"bulletin-board/title","component":" BulletinBoard 公告牌","findIntroStr":"BulletinBoard 公告牌组件，展现需要重点关注的信息。","demoId":"title"},{"title":"默认激活的选项卡","content":"<p>可通过 <code>active-name</code> 设置默认激活的选项卡，从 <code>1</code> 开始计算。</p>\n","link":"bulletin-board/active-name","component":" BulletinBoard 公告牌","findIntroStr":"BulletinBoard 公告牌组件，展现需要重点关注的信息。","demoId":"active-name"},{"title":"选项卡标题","content":"<p>可通过 <code>tab-title</code> 属性自定义选项卡标题。</p>\n","link":"bulletin-board/tab-title","component":" BulletinBoard 公告牌","findIntroStr":"BulletinBoard 公告牌组件，展现需要重点关注的信息。","demoId":"tab-title"},{"title":"基于Url的跳转","content":"<p>基于 Url 的跳转是根据数据中的 <code>url</code> 和 <code>target</code> 字段进行跳转的。</p>\n","link":"bulletin-board/url","component":" BulletinBoard 公告牌","findIntroStr":"BulletinBoard 公告牌组件，展现需要重点关注的信息。","demoId":"url"},{"title":"基于Route的跳转","content":"<p>基于 Route 的跳转是根据数据中的 <code>route</code> 字段进行跳转的。</p>\n","link":"bulletin-board/route","component":" BulletinBoard 公告牌","findIntroStr":"BulletinBoard 公告牌组件，展现需要重点关注的信息。","demoId":"route"},{"title":"显示 “更多” 链接","content":"<p>可通过 <code>more-link</code> 显示并设置更多链接。 <code>show-more</code> 设置是否显示更多按钮，默认为 true。</p>\n","link":"bulletin-board/more-link","component":" BulletinBoard 公告牌","findIntroStr":"BulletinBoard 公告牌组件，展现需要重点关注的信息。","demoId":"more-link"},{"title":"自定义新公告前缀","content":"<p>可通过 <code>icon</code> 自定义新公告前缀图标。</p>\n","link":"bulletin-board/icon","component":" BulletinBoard 公告牌","findIntroStr":"BulletinBoard 公告牌组件，展现需要重点关注的信息。","demoId":"icon"}]

package/resources/pc/demo-config/zh-CN/button-group.json

@@ -0,0 +1 @@
+[{"title":"基本用法","content":"<p>通过 <code>v-model</code> 设置默认选中的按钮，并实现双向绑定。通过 <code>value</code> 也可设置默认选中按钮，但不能进行双向绑定。</p>\n","link":"button-group/base","component":" ButtonGroup 按钮组","findIntroStr":"以按钮组的方式出现，常用于多项类似操作。","demoId":"base"},{"title":"按钮组数据","content":"<p>通过 <code>data</code> 属性设置按钮组数据，对象中的 text 为按钮显示文本，value 用于双向绑定时指定的值。</p>\n","link":"button-group/data","component":" Buttongroup 按钮组","findIntroStr":"以按钮组的方式出现，常用于多项类似操作。","demoId":"data"},{"title":"设置组件大小","content":"<p>可以设置为：<code>medium</code>，<code>small</code>，<code>mini</code></p>\n","link":"button-group/size","component":" ButtonGroup 按钮组","findIntroStr":"以按钮组的方式出现，常用于多项类似操作。","demoId":"size"},{"title":"禁用状态","content":"<p>设置 <code>disabled</code> 属性为 true 可禁用整个按钮组。</p>\n","link":"button-group/disabled","component":" Buttongroup 按钮组","findIntroStr":"以按钮组的方式出现，常用于多项类似操作。","demoId":"disabled"},{"title":"朴素按钮","content":"<p>设置 <code>plain</code> 属性为 true 可显示为朴素按钮样式。</p>\n","link":"button-group/plain","component":" Buttongroup 按钮组","findIntroStr":"以按钮组的方式出现，常用于多项类似操作。","demoId":"plain"},{"title":"数据字段映射","content":"<p>若按钮组数据对象中的字段不是默认的 text 和 value ，则可通过 <code>text-field</code>、<code>value-field</code> 属性进行映射。</p>\n","link":"button-group/text-value-field","component":" Buttongroup 按钮组","findIntroStr":"以按钮组的方式出现，常用于多项类似操作。","demoId":"text-value-field"},{"title":"是否显示更多按钮","content":"<p>设置 <code>show-more</code> 属性值大于 0 且小于按钮组数据，可显示更多按钮。</p>\n","link":"button-group/show-more","component":" Buttongroup 按钮组","findIntroStr":"以按钮组的方式出现，常用于多项类似操作。","demoId":"show-more"},{"title":"是否显示编辑按钮","content":"<p>设置 <code>show-edit</code> 属性值为 true ，可显示编辑按钮。</p>\n","link":"button-group/show-edit","component":" Buttongroup 按钮组","findIntroStr":"以按钮组的方式出现，常用于多项类似操作。","demoId":"show-edit"},{"title":"编辑事件","content":"<p>勾选值改变后将触发 <code>edit</code> 事件。</p>\n","link":"button-group/event-edit","component":" Buttongroup 按钮组","findIntroStr":"以按钮组的方式出现，常用于多项类似操作。","demoId":"event-edit"},{"title":"默认插槽","content":"<p>使用默认插槽的方式时，ButtonGroup 的 <code>data、text-field、value-field、value / v-model、size</code> 属性对插槽中的按钮将不再生效。\n但可根据使用场景在 Button 组件标签上对不同按钮设置不同的属性，具体参考 Button 组件属性。</p>\n","link":"button-group/slot-default","component":" Buttongroup 按钮组","findIntroStr":"以按钮组的方式出现，常用于多项类似操作。","demoId":"slot-default"}]

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

@@ -0,0 +1,114 @@
+[
+  {
+    "title": "基本用法",
+    "content": "详细用法参考如下示例",
+    "link": "button/base",
+    "component": " Button 按钮",
+    "findIntroStr": "常用的操作按钮，提供包括默认按钮、图标按钮、图片按钮、下拉按钮等类型。",
+    "demoId": "base"
+  },
+  {
+    "title": "图标按钮",
+    "content": "<p>指定 <code>icon</code> 属性值为需要的 Icon 图标即可展示为图标按钮。</p>\n<div class=\"tip custom-block\"><p class=\"custom-block-title\">Icon 图标用法</p>\n<p>先从 <code>@opentiny/vue-icon</code> 中导入需要的 Icon，再在 data 函数中初始化 Icon 组件并赋值给一个属性。最后在模板中通过 <code>icon</code> 属性进行引用。\n通过 <code>native-type</code> 设置 button、image 两种按钮的表单类型。该属性仅当属性 type 为 button 或 image 时使用。该属性的可选值为 button / submit / reset。</p>\n</div>\n",
+    "link": "button/icon",
+    "component": " Button 按钮",
+    "findIntroStr": "常用的操作按钮，提供包括默认按钮、图标按钮、图片按钮、下拉按钮等类型。",
+    "demoId": "icon"
+  },
+  {
+    "title": "文字按钮",
+    "content": "<p>设置 <code>type</code> 属性为 <code>text</code> 即为文字按钮，可在标签子级或者通过 <code>text</code> 属性设置显示内容。</p>\n",
+    "link": "button/text",
+    "component": " Button 按钮",
+    "findIntroStr": "常用的操作按钮，提供包括默认按钮、图标按钮、图片按钮、下拉按钮等类型。",
+    "demoId": "text"
+  },
+  {
+    "title": "按钮圆角",
+    "content": "<p>通过 <code>round</code> 属性设置是否圆角按钮。</p>\n",
+    "link": "button/round",
+    "component": " Button 按钮",
+    "findIntroStr": "常用的操作按钮，提供包括默认按钮、图标按钮、图片按钮、下拉按钮等类型。",
+    "demoId": "round"
+  },
+  {
+    "title": "图片按钮",
+    "content": "<p>以默认插槽的用法嵌入 img 标签，并引入图片。</p>\n",
+    "link": "button/image",
+    "component": " Button 按钮",
+    "findIntroStr": "常用的操作按钮，提供包括默认按钮、图标按钮、图片按钮、下拉按钮等类型。",
+    "demoId": "image"
+  },
+  {
+    "title": "主题样式",
+    "content": "<p>通过 <code>type</code> 属性可以设置不同的主题样式，主要包括 primary、success、info、warning、danger、text。</p>\n",
+    "link": "button/type",
+    "component": " Button 按钮",
+    "findIntroStr": "常用的操作按钮，提供包括默认按钮、图标按钮、图片按钮、下拉按钮等类型。",
+    "demoId": "type"
+  },
+  {
+    "title": "显示加载中",
+    "content": "<p>直接配置 <code>loading</code> 属性为 true，即可展示为加载中的样式。</p>\n",
+    "link": "button/loading",
+    "component": " Button 按钮",
+    "findIntroStr": "常用的操作按钮，提供包括默认按钮、图标按钮、图片按钮、下拉按钮等类型。",
+    "demoId": "loading"
+  },
+  {
+    "title": "尺寸",
+    "content": "<p>通过 <code>size</code> 属性设置按钮不同的大小尺寸，包括 large、medium、small、mini 四种不同大小。不设置时为默认尺寸。</p>\n",
+    "link": "button/size",
+    "component": " Button 按钮",
+    "findIntroStr": "常用的操作按钮，提供包括默认按钮、图标按钮、图片按钮、下拉按钮等类型。",
+    "demoId": "size"
+  },
+  {
+    "title": "圆形按钮",
+    "content": "<p>直接配置 <code>circle</code> 属性为 true，即可展示为圆形按钮的形式。</p>\n",
+    "link": "button/circle",
+    "component": " Button 按钮",
+    "findIntroStr": "常用的操作按钮，提供包括默认按钮、图标按钮、图片按钮、下拉按钮等类型。",
+    "demoId": "circle"
+  },
+  {
+    "title": "朴素按钮",
+    "content": "<p>配置 <code>plain</code> 属性为 true，即可展示为朴素按钮的形式。</p>\n",
+    "link": "button/plain",
+    "component": " Button 按钮",
+    "findIntroStr": "常用的操作按钮，提供包括默认按钮、图标按钮、图片按钮、下拉按钮等类型。",
+    "demoId": "plain"
+  },
+  {
+    "title": "防止表单重复提交",
+    "content": "<p>通过 <code>reset-time</code> 属性可设置单击后按钮禁用的时长，默认的禁用时长为 1000 毫秒。\n可用于防止按钮连续点击出现表单重复提交的问题。</p>\n",
+    "link": "button/reset-time",
+    "component": " Button 按钮",
+    "findIntroStr": "常用的操作按钮，提供包括默认按钮、图标按钮、图片按钮、下拉按钮等类型。",
+    "demoId": "reset-time"
+  },
+  {
+    "title": "默认聚焦",
+    "content": "<p>配置 <code>autofocus</code> 属性的按钮，将默认展示为聚焦状态。</p>\n",
+    "link": "button/autofocus",
+    "component": " Button 按钮",
+    "findIntroStr": "常用的操作按钮，提供包括默认按钮、图标按钮、图片按钮、下拉按钮等类型。",
+    "demoId": "autofocus"
+  },
+  {
+    "title": "事件",
+    "content": "<p>按钮的单击事件，该示例中单击按钮将会出现提示信息。</p>\n",
+    "link": "button/click",
+    "component": " Button 按钮",
+    "findIntroStr": "常用的操作按钮，提供包括默认按钮、图标按钮、图片按钮、下拉按钮等类型。",
+    "demoId": "click"
+  },
+  {
+    "title": "动态禁用按钮",
+    "content": "<p>设置 <code>disabled</code> 属性为 true 后，可以禁用按钮。</p>\n",
+    "link": "button/dynamic-disabled",
+    "component": " Button 按钮",
+    "findIntroStr": "常用的操作按钮，提供包括默认按钮、图标按钮、图片按钮、下拉按钮等类型。",
+    "demoId": "dynamic-disabled"
+  }
+]

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

@@ -0,0 +1 @@
+[{"title":"基本用法","content":"<p>默认以月的形式展示当月的每一天。</p>\n","link":"calendar/basic-usage","component":" Calendar 日历","findIntroStr":"按照日历形式展示数据的容器。","demoId":"basic-usage"},{"title":"显示模式","content":"<p>通过 <code>mode</code> 属性指定以年的形式显示，将展示当年的每个月份。可选值有 year、month。</p>\n","link":"calendar/calendar-mode","component":" Calendar 日历","findIntroStr":"按照日历形式展示数据的容器。","demoId":"calendar-mode"},{"title":"显示选中日期","content":"<p>以月的形式展示时，指定 show-selected 属性后，单击日期单元格，将会在日历框上方展示当前选中的日期。</p>\n","link":"calendar/show-selected-date","component":" Calendar 日历","findIntroStr":"按照日历形式展示数据的容器。","demoId":"show-selected-date"},{"title":"自定义日期单元格","content":"<p>通过作用域插槽 day 自定义日期单元格。</p>\n","link":"calendar/custom-day-cell","component":" Calendar 日历","findIntroStr":"按照日历形式展示数据的容器。","demoId":"custom-day-cell"},{"title":"自定义工具栏","content":"<p>通过作用域插槽 tool 自定义需要的工具栏。</p>\n","link":"calendar/custom-calendar-toolbar","component":" Calendar 日历","findIntroStr":"按照日历形式展示数据的容器。","demoId":"custom-calendar-toolbar"},{"title":"添加日程事件","content":"<p>通过 events 属性可以指定事件列表，它是一个对象数组，对象中包含如下字段：</p>\n<div class=\"tip custom-block\"><p class=\"custom-block-title\">events 说明</p>\n<p>time：指定需要展示事件的日期\ntitle：指定事件标题\ncontent：指定事件的具体内容 type：指定当鼠标悬停在事件标题上时，弹出的展示事件具体内容的提示框的主题，包括 warning、error、info、success</p>\n</div>\n","link":"calendar/dynamic-add-schedule","component":" Calendar 日历","findIntroStr":"按照日历形式展示数据的容器。","demoId":"dynamic-add-schedule"}]

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

@@ -0,0 +1 @@
+[{"title":"基本用法","content":"详细用法参考如下示例","link":"carousel/basic-usage","component":" Carousel 走马灯","findIntroStr":"常用于一组图片或卡片轮播，当内容空间不足时，可以用走马灯的形式进行收纳，进行轮播展现。","demoId":"basic-usage"},{"title":"指示器和触发方式","content":"<p>走马灯指示器默认显示在幻灯片内容上，配置 <code>indicator-position</code> 为 outside 后，将显示在外部。\n配置 <code>trigger</code> 为 click ，可以修改指示器触发方式为单击，默认鼠标悬停到指示器时，走马灯幻灯片就会对应切换。</p>\n","link":"carousel/indicator-trigger","component":" Carousel 走马灯","findIntroStr":"常用于一组图片或卡片轮播，当内容空间不足时，可以用走马灯的形式进行收纳，进行轮播展现。","demoId":"indicator-trigger"},{"title":"手动轮播","content":"<p>调用 <code>setActiveItem()</code>、<code>next()</code>、<code>prev()</code> 方法可根据需要进行轮播。<code>initial-index</code> 属性可以指定初始激活的幻灯片索引。</p>\n","link":"carousel/manual-play","component":" Carousel 走马灯","findIntroStr":"常用于一组图片或卡片轮播，当内容空间不足时，可以用走马灯的形式进行收纳，进行轮播展现。","demoId":"manual-play"},{"title":"关闭循环轮播","content":"<p>配置 <code>loop</code> 属性为 false 后，若走马灯幻灯片已切换到最后一项，则将不能再从第一项开始循环切换。即切换到最后一项时，右侧切换箭头不再显示，切换到第一项时，左侧切换箭头不再显示。</p>\n","link":"carousel/close-loop","component":" Carousel 走马灯","findIntroStr":"常用于一组图片或卡片轮播，当内容空间不足时，可以用走马灯的形式进行收纳，进行轮播展现。","demoId":"close-loop"},{"title":"自动切换","content":"<p>配置 <code>autoplay</code> 属性为 true 后，走马灯的幻灯片内容将自动轮播切换。</p>\n","link":"carousel/autoplay","component":" Carousel 走马灯","findIntroStr":"常用于一组图片或卡片轮播，当内容空间不足时，可以用走马灯的形式进行收纳，进行轮播展现。","demoId":"autoplay"},{"title":"轮播间隔时间","content":"<p>走马灯幻灯片轮播间隔时间默认为 3000 毫秒，通过 <code>interval</code> 属性可以自定义。</p>\n","link":"carousel/play-interval","component":" Carousel 走马灯","findIntroStr":"常用于一组图片或卡片轮播，当内容空间不足时，可以用走马灯的形式进行收纳，进行轮播展现。","demoId":"play-interval"},{"title":"纵向轮播","content":"<p>配置 <code>type</code> 属性为 vertical 即可实现纵向轮播。</p>\n","link":"carousel/up-down-carousel","component":" Carousel 走马灯","findIntroStr":"常用于一组图片或卡片轮播，当内容空间不足时，可以用走马灯的形式进行收纳，进行轮播展现。","demoId":"up-down-carousel"},{"title":"显示标题","content":"<p>通过 <code>title</code> 配置显示标题，需要与 <code>show-title</code> 结合使用。</p>\n","link":"carousel/show-title","component":" Carousel 走马灯","findIntroStr":"常用于一组图片或卡片轮播，当内容空间不足时，可以用走马灯的形式进行收纳，进行轮播展现。","demoId":"show-title"},{"title":"总是显示切换箭头","content":"详细用法参考如下示例","link":"carousel/carousel-arrow-always","component":" Carousel 走马灯","findIntroStr":"常用于一组图片或卡片轮播，当内容空间不足时，可以用走马灯的形式进行收纳，进行轮播展现。","demoId":"carousel-arrow-always"},{"title":"hover 时显示切换箭头","content":"详细用法参考如下示例","link":"carousel/carousel-arrow-hover","component":" Carousel 走马灯","findIntroStr":"常用于一组图片或卡片轮播，当内容空间不足时，可以用走马灯的形式进行收纳，进行轮播展现。","demoId":"carousel-arrow-hover"},{"title":"隐藏切换箭头","content":"详细用法参考如下示例","link":"carousel/carousel-arrow-never","component":" Carousel 走马灯","findIntroStr":"常用于一组图片或卡片轮播，当内容空间不足时，可以用走马灯的形式进行收纳，进行轮播展现。","demoId":"carousel-arrow-never"},{"title":"卡片模式","content":"<p>配置 <code>type</code> 属性为 card 后，走马灯将以卡片形式进行展示。</p>\n","link":"carousel/card-mode","component":" Carousel 走马灯","findIntroStr":"常用于一组图片或卡片轮播，当内容空间不足时，可以用走马灯的形式进行收纳，进行轮播展现。","demoId":"card-mode"}]

package/resources/pc/demo-config/zh-CN/cascader-panel.json

@@ -0,0 +1 @@
+[{"title":"基本用法","content":"<p>通过 <code>options</code> 来指定选项，也可通过 <code>props</code> 来设置多选、动态加载等功能，具体详情见下方 API 表格。</p>\n","link":"cascader-panel/basic-usage","component":" CascaderPanel 级联面板","findIntroStr":"级联面板与级联选择器一样，有单选、多选、动态加载等多种功能。","demoId":"basic-usage"},{"title":"选中节点变化","content":"<p>通过 <code>change</code> 点击节点后触发的事件，回调参数为 选中节点的值\n通过 <code>clearCheckedNodes</code> 清除选中的节点。\n通过 <code>getCheckedNodes</code> 获取选中的节点。</p>\n","link":"cascader-panel/change","component":" CascaderPanel 级联面板","findIntroStr":"级联面板与级联选择器一样，有单选、多选、动态加载等多种功能。","demoId":"change"},{"title":"展开节点发生变化","content":"<p>通过 <code>expand-change</code> 点击展开节点发生变化时触发，回调参数为 各父级选项值组成的数组</p>\n","link":"cascader-panel/expand-change","component":" CascaderPanel 级联面板","findIntroStr":"级联面板与级联选择器一样，有单选、多选、动态加载等多种功能。","demoId":"expand-change"},{"title":"自定义节点内容","content":"<p>可以通过 <code>scoped slot</code> 对级联面板的备选项的节点内容进行自定义，<code>scoped slot</code> 会传入两个字段 <code>node</code> 和 <code>data</code>，分别表示当前节点的 Node 对象和数据。</p>\n","link":"cascader-panel/custom-option-content","component":" CascaderPanel 级联面板","findIntroStr":"级联面板与级联选择器一样，有单选、多选、动态加载等多种功能。","demoId":"custom-option-content"},{"title":"Props 选项","content":"<div class=\"tip custom-block\"><p class=\"custom-block-title\">Props</p>\n<p>通过 <code>children</code> 指定子级选项，默认值为 children。\n通过 <code>emitPath</code> 是否返回由该节点所在的各级菜单的值所组成的数组。\n通过 <code>label</code> 指定显示选项 label 值，默认为 label。\n通过 <code>value</code> 指定值选项 value 值，默认为 value</p>\n</div>\n","link":"cascader-panel/cascader-panel-props","component":" CascaderPanel 级联面板","findIntroStr":"级联面板与级联选择器一样，有单选、多选、动态加载等多种功能。","demoId":"cascader-panel-props"}]

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

@@ -0,0 +1 @@
+[{"title":"基本用法","content":"<p>通过 <code>options</code> 属性指定选项数组即可渲染出一个级联选择器。</p>\n","link":"cascader/basic-usage","component":" Cascader 级联选择器","findIntroStr":"当一个数据集合有清晰的层级结构时，可通过级联选择器逐级查看并选择。","demoId":"basic-usage"},{"title":"hover 触发子菜单","content":"<p>通过 <code>props.expandTrigger</code> 可以指定展开子级菜单的触发方式为 <code>hover</code>，默认为 <code>click</code> 。</p>\n","link":"cascader/expand-trigger","component":" Cascader 级联选择器","findIntroStr":"当一个数据集合有清晰的层级结构时，可通过级联选择器逐级查看并选择。","demoId":"expand-trigger"},{"title":"禁用选项","content":"<p>通过在数据源中设置 <code>disabled</code> 字段来声明该选项是禁用的，本例中，<code>options</code> 指定的数组中的第一个元素含有 <code>disabled: true</code> 键值对，因此是禁用的。在默认情况下，Cascader 会检查数据中每一项的 <code>disabled</code> 字段是否为 <code>true</code>，如果你的数据中表示禁用含义的字段名不为 <code>disabled</code>，可以通过 <code>props.disabled</code> 属性来指定（详见 Cascader Props 的 API 表格）。当然，<code>value</code>、<code>label</code> 和 <code>children</code> 这三个字段名也可以通过同样的方式指定。</p>\n","link":"cascader/disabled-items","component":" Cascader 级联选择器","findIntroStr":"当一个数据集合有清晰的层级结构时，可通过级联选择器逐级查看并选择。","demoId":"disabled-items"},{"title":"指定属性值","content":"<p>通过 <code>props</code> 属性设置属性值映射。</p>\n","link":"cascader/disabled-items","component":" Cascader 级联选择器","findIntroStr":"当一个数据集合有清晰的层级结构时，可通过级联选择器逐级查看并选择。","demoId":"disabled-items1"},{"title":"可清空","content":"<p>通过 <code>clearable</code> 属性设置输入框可清空。</p>\n","link":"cascader/clearable","component":" Cascader 级联选择器","findIntroStr":"当一个数据集合有清晰的层级结构时，可通过级联选择器逐级查看并选择。","demoId":"clearable"},{"title":"分隔符","content":"<p>通过 <code>separator</code> 属性设置分隔符。</p>\n","link":"cascader/clearable","component":" Cascader 级联选择器","findIntroStr":"当一个数据集合有清晰的层级结构时，可通过级联选择器逐级查看并选择。","demoId":"clearable1"},{"title":"尺寸","content":"<p>通过 <code>size</code> 属性设置尺寸。</p>\n","link":"cascader/clearable","component":" Cascader 级联选择器","findIntroStr":"当一个数据集合有清晰的层级结构时，可通过级联选择器逐级查看并选择。","demoId":"clearable2"},{"title":"多选","content":"<p>通过 <code>props.multiple = true</code> 来开启多选模式。</p>\n","link":"cascader/default-multiple","component":" Cascader 级联选择器","findIntroStr":"当一个数据集合有清晰的层级结构时，可通过级联选择器逐级查看并选择。","demoId":"default-multiple"},{"title":"折叠展示 Tag","content":"<p>在开启多选模式后，默认情况下会展示所有已选中的选项的 Tag，可以使用 <code>collapse-tags</code> 来折叠 Tag 。\n通过 <code>disabled</code> 设置组件是否禁用，默认值为 false 。</p>\n","link":"cascader/collapse-tags","component":" Cascader 级联选择器","findIntroStr":"当一个数据集合有清晰的层级结构时，可通过级联选择器逐级查看并选择。","demoId":"collapse-tags"},{"title":"父子级不相关联","content":"<p>通过 <code>props.checkStrictly = true</code> 来设置父子节点取消选中关联，从而达到选择任意一级选项的目的。默认单选模式下，只能选择叶子节点。</p>\n","link":"cascader/check-strictly","component":" Cascader 级联选择器","findIntroStr":"当一个数据集合有清晰的层级结构时，可通过级联选择器逐级查看并选择。","demoId":"check-strictly"},{"title":"多选选择任意一级选项","content":"<p>在多选模式下同时取消父子节点关联，选择任意一级选项。</p>\n","link":"cascader/check-strictly-multiple","component":" Cascader 级联选择器","findIntroStr":"当一个数据集合有清晰的层级结构时，可通过级联选择器逐级查看并选择。","demoId":"check-strictly-multiple"},{"title":"动态加载","content":"<p>当选中某一级时，动态加载该级下的选项。通过 <code>props</code> 属性中的 <code>lazy</code> 开启动态加载，并通过 <code>lazyload</code> 来设置加载数据源的方法。<code>lazyload</code> 方法有两个参数，第一个参数 node 为当前点击的节点，第二个 resolve 为数据加载完成的回调(必须调用)。为了更准确的显示节点的状态，还可以对节点数据添加是否为叶子节点的标志位 (默认字段为 leaf，可通过 props.leaf 修改)，否则会简单的以有无子节点来判断是否为叶子节点。</p>\n","link":"cascader/auto-load","component":" Cascader 级联选择器","findIntroStr":"当一个数据集合有清晰的层级结构时，可通过级联选择器逐级查看并选择。","demoId":"auto-load"},{"title":"动态加载且父子级不相关联","content":"<p>当选中某一级时，动态加载该级下的选项。通过 <code>props</code> 属性中的 <code>lazy</code> 开启动态加载，并通过 <code>lazyload</code> 来设置加载数据源的方法。通过 <code>props</code> 属性中的 <code>checkStrictly</code> 开启父子级不相关联。</p>\n","link":"cascader/auto-load-checkStrictly","component":" Cascader 级联选择器","findIntroStr":"当一个数据集合有清晰的层级结构时，可通过级联选择器逐级查看并选择。","demoId":"auto-load-checkStrictly"},{"title":"指定选项","content":"<div class=\"tip custom-block\"><p class=\"custom-block-title\">Props</p>\n<p>通过 <code>children</code> 指定选项的子选项，默认为 children 。\n通过 <code>value</code> 指定指定选项的 value 值，默认为 value 。\n通过 <code>label</code> 指定选项标签,默认为 label 。</p>\n</div>\n","link":"cascader/props-children","component":" Cascader 级联选择器","findIntroStr":"当一个数据集合有清晰的层级结构时，可通过级联选择器逐级查看并选择。","demoId":"props-children"},{"title":"可搜索","content":"<p>将 <code>filterable</code> 赋值为 <code>true</code> 即可打开搜索功能，默认会匹配节点的 <code>label</code> 或所有父节点的 <code>label</code> (由 <code>show-all-levels</code> 决定)中包含输入值的选项。 <code>empty</code> 无匹配选项时显示的内容</p>\n","link":"cascader/filterable","component":" Cascader 级联选择器","findIntroStr":"当一个数据集合有清晰的层级结构时，可通过级联选择器逐级查看并选择。","demoId":"filterable"},{"title":"搜索延时","content":"详细用法参考如下示例","link":"cascader/filterable","component":" Cascader 级联选择器","findIntroStr":"当一个数据集合有清晰的层级结构时，可通过级联选择器逐级查看并选择。","demoId":"filterable2"},{"title":"多选可搜索","content":"<p>多选模式下开启搜索功能。</p>\n","link":"cascader/filterable-multiple","component":" Cascader 级联选择器","findIntroStr":"当一个数据集合有清晰的层级结构时，可通过级联选择器逐级查看并选择。","demoId":"filterable-multiple"},{"title":"自定义搜索逻辑","content":"<p><code>filter-method</code> 自定义搜索逻辑，第一个参数是节点 node，第二个参数是搜索关键词 keyword，通过返回布尔值表示是否命中,如果需要选择父级，通过 props.checkStrictly = true 来设置父子节点取消选中关联，从而达到选择任意一级选项的目的。默认单选模式下，只能选择叶子节点。</p>\n","link":"cascader/filter-method","component":" Cascader 级联选择器","findIntroStr":"当一个数据集合有清晰的层级结构时，可通过级联选择器逐级查看并选择。","demoId":"filter-method"},{"title":"占位文本","content":"详细用法参考如下示例","link":"cascader/filterable-multiple","component":" Cascader 级联选择器","findIntroStr":"当一个数据集合有清晰的层级结构时，可通过级联选择器逐级查看并选择。","demoId":"filterable-multiple1"},{"title":"仅显示最后一级","content":"<p>属性 <code>show-all-levels</code> 定义了是否显示完整的路径，将其赋值为 <code>false</code> 则仅显示最后一级，默认为 <code>true</code> ，显示选中项所在的完整路径。</p>\n","link":"cascader/show-all-levels","component":" Cascader 级联选择器","findIntroStr":"当一个数据集合有清晰的层级结构时，可通过级联选择器逐级查看并选择。","demoId":"show-all-levels"},{"title":"事件","content":"<p>Cascader 级联选择器的事件有：<code>change</code>、<code>expand-change</code>、<code>blur</code>、<code>focus</code>、<code>visible-change</code>。</p>\n","link":"cascader/events","component":" Cascader 级联选择器","findIntroStr":"当一个数据集合有清晰的层级结构时，可通过级联选择器逐级查看并选择。","demoId":"events"},{"title":"节点返回的数据类型","content":"详细用法参考如下示例","link":"cascader/events","component":" Cascader 级联选择器","findIntroStr":"当一个数据集合有清晰的层级结构时，可通过级联选择器逐级查看并选择。","demoId":"events1"}]

package/resources/pc/demo-config/zh-CN/chart-attributes-demo.json

@@ -0,0 +1 @@
+[{"title":"属性配置示例","content":"<div class=\"tip custom-block\"><p class=\"custom-block-title\">如果某属性加上去之后没有生效，很可能是没有引入相应的模块。例如：</p>\n<p>在使用 dataZoom 组件时，需要引入 dataZoom 模块资源 <code>import 'echarts/lib/component/dataZoom'</code> 。</p>\n</div>\n<h3>1 设置区域缩放组件</h3>\n<p>可通过 <code>init-options</code> 配置组件初始化附加参数，具体可<a href=\"http://xui.test.huawei.com/echarts4/echarts-doc/public/cn/api.html#echarts.init\">参考文档</a></p>\n","link":"chart/props/demo10","component":" Chart 图表","findIntroStr":"基于 eCharts 封装，一个纯 Javascript 的图表库。","demoId":"props-demo10"},{"title":"1 设置区域缩放组件","content":"详细用法参考如下示例","link":"chart/props/base","component":" Chart 图表","findIntroStr":"基于 eCharts 封装，一个纯 Javascript 的图表库。","demoId":"props-base"},{"title":"2 设置extend配置项","content":"详细用法参考如下示例","link":"chart/props/demo12","component":" Chart 图表","findIntroStr":"基于 eCharts 封装，一个纯 Javascript 的图表库。","demoId":"props-demo12"},{"title":"3 修改颜色列表","content":"详细用法参考如下示例","link":"chart/props/demo4","component":" Chart 图表","findIntroStr":"基于 eCharts 封装，一个纯 Javascript 的图表库。","demoId":"props-demo4"},{"title":"4 设置暂无数据状态","content":"详细用法参考如下示例","link":"chart/props/demo5","component":" Chart 图表","findIntroStr":"基于 eCharts 封装，一个纯 Javascript 的图表库。","demoId":"props-demo5"},{"title":"5 增加自定义内容","content":"详细用法参考如下示例","link":"chart/props/demo6","component":" Chart 图表","findIntroStr":"基于 eCharts 封装，一个纯 Javascript 的图表库。","demoId":"props-demo6"},{"title":"6 隐藏提示框与图例","content":"详细用法参考如下示例","link":"chart/props/demo7","component":" Chart 图表","findIntroStr":"基于 eCharts 封装，一个纯 Javascript 的图表库。","demoId":"props-demo7"},{"title":"7 设置图表容器样式","content":"详细用法参考如下示例","link":"chart/props/demo8","component":" Chart 图表","findIntroStr":"基于 eCharts 封装，一个纯 Javascript 的图表库。","demoId":"props-demo8"},{"title":"8 设置图表标线与标点","content":"详细用法参考如下示例","link":"chart/props/demo9","component":" Chart 图表","findIntroStr":"基于 eCharts 封装，一个纯 Javascript 的图表库。","demoId":"props-demo9"},{"title":"9 设置视觉映射组件","content":"详细用法参考如下示例","link":"chart/props/demo2","component":" Chart 图表","findIntroStr":"基于 eCharts 封装，一个纯 Javascript 的图表库。","demoId":"props-demo2"},{"title":"10 设置afterConfig函数","content":"详细用法参考如下示例","link":"chart/props/demo11","component":" Chart 图表","findIntroStr":"基于 eCharts 封装，一个纯 Javascript 的图表库。","demoId":"props-demo11"},{"title":"11 设置工具箱","content":"详细用法参考如下示例","link":"chart/props/demo3","component":" Chart 图表","findIntroStr":"基于 eCharts 封装，一个纯 Javascript 的图表库。","demoId":"props-demo3"}]

package/resources/pc/demo-config/zh-CN/chart-attributes.json

@@ -0,0 +1 @@
+[]

package/resources/pc/demo-config/zh-CN/chart-autonavi-map.json

@@ -0,0 +1 @@
+[{"title":"基本用法","content":"<p>可以流畅的运行在 PC 和移动设备上，兼容当前绝大部分浏览器（IE 9/10/11，Chrome，Firefox，Safari 等）底层依赖轻量级的 Canvas 类库 ZRender，提供直观，生动，可交互，可高度个性化定制的数据可视化图表。 高德地图需要外网访问权限才能正常使用\n</p>\n","link":"chart/amap/base","component":" Chart 图表","findIntroStr":"基于 eCharts 封装，一个纯 Javascript 的图表库。","demoId":"amap-base"}]

package/resources/pc/demo-config/zh-CN/chart-baidu-map.json

@@ -0,0 +1 @@
+[{"title":"基本用法","content":"<p>可以流畅的运行在 PC 和移动设备上，兼容当前绝大部分浏览器（IE 9/10/11，Chrome，Firefox，Safari 等）底层依赖轻量级的 Canvas 类库 ZRender，提供直观，生动，可交互，可高度个性化定制的数据可视化图表。\n 百度地图需要外网访问权限才能正常使用\n</p>\n","link":"chart/bmap/base","component":" Chart 图表","findIntroStr":"基于 eCharts 封装，一个纯 Javascript 的图表库。","demoId":"bmap-base"}]

package/resources/pc/demo-config/zh-CN/chart-bar.json

@@ -0,0 +1 @@
+[{"title":"基本用法","content":"<p>可以流畅的运行在 PC 和移动设备上，兼容当前绝大部分浏览器（IE 9/10/11，Chrome，Firefox，Safari 等）底层依赖轻量级的 Canvas 类库 ZRender，提供直观，生动，可交互，可高度个性化定制的数据可视化图表。</p>\n","link":"chart/bar/base","component":" Chart 图表","findIntroStr":"基于 eCharts 封装，一个纯 Javascript 的图表库。","demoId":"bar-base"},{"title":"指定指标维度","content":"详细用法参考如下示例","link":"chart/bar/demo2","component":" Chart 图表","findIntroStr":"基于 eCharts 封装，一个纯 Javascript 的图表库。","demoId":"bar-demo2"},{"title":"排序条形图","content":"详细用法参考如下示例","link":"chart/bar/demo3","component":" Chart 图表","findIntroStr":"基于 eCharts 封装，一个纯 Javascript 的图表库。","demoId":"bar-demo3"},{"title":"条形轴配置双 y 轴","content":"详细用法参考如下示例","link":"chart/bar/demo4","component":" Chart 图表","findIntroStr":"基于 eCharts 封装，一个纯 Javascript 的图表库。","demoId":"bar-demo4"},{"title":"设置 legend 别名","content":"详细用法参考如下示例","link":"chart/bar/demo5","component":" Chart 图表","findIntroStr":"基于 eCharts 封装，一个纯 Javascript 的图表库。","demoId":"bar-demo5"},{"title":"堆叠条形图","content":"详细用法参考如下示例","link":"chart/bar/demo6","component":" Chart 图表","findIntroStr":"基于 eCharts 封装，一个纯 Javascript 的图表库。","demoId":"bar-demo6"},{"title":"设置纵轴为连续的数值轴","content":"详细用法参考如下示例","link":"chart/bar/demo7","component":" Chart 图表","findIntroStr":"基于 eCharts 封装，一个纯 Javascript 的图表库。","demoId":"bar-demo7"}]

package/resources/pc/demo-config/zh-CN/chart-boxplot.json

@@ -0,0 +1 @@
+[{"title":"基本用法","content":"<p>Boxplot 中文可以称为『箱形图』、『盒须图』、『盒式图』、『盒状图』、『箱线图』，是一种用作显示一组数据分散情况资料的统计图。它能显示出一组数据的最大值、最小值、中位数、下四分位数及上四分位数。</p>\n","link":"chart/boxplot/base","component":" Chart 图表","findIntroStr":"基于 eCharts 封装，一个纯 Javascript 的图表库。","demoId":"boxplot-base"},{"title":"多数据显示","content":"<p><code>boxplot</code> 提供数据转化方法 <code>prepareBoxplotData</code> 将源数据转化为 <code>{ axisData: [...], boxData: [...], outliers: [...] }</code> 的格式化数据。</p>\n","link":"chart/boxplot/multiple","component":" Chart 图表","findIntroStr":"基于 eCharts 封装，一个纯 Javascript 的图表库。","demoId":"boxplot-multiple"},{"title":"垂直显示","content":"<p>通过 <code>extend</code> 属性实现 <code>echarts</code> 方式的配置。</p>\n","link":"chart/boxplot/vertical","component":" Chart 图表","findIntroStr":"基于 eCharts 封装，一个纯 Javascript 的图表库。","demoId":"boxplot-vertical"}]

package/resources/pc/demo-config/zh-CN/chart-candle.json

@@ -0,0 +1 @@
+[{"title":"基本用法","content":"<p>可以流畅的运行在 PC 和移动设备上，兼容当前绝大部分浏览器（IE 9/10/11，Chrome，Firefox，Safari 等）底层依赖轻量级的 Canvas 类库 ZRender，提供直观，生动，可交互，可高度个性化定制的数据可视化图表。</p>\n","link":"chart/candle/base","component":" Chart 图表","findIntroStr":"基于 eCharts 封装，一个纯 Javascript 的图表库。","demoId":"candle-base"},{"title":"使用简化的数据格式","content":"详细用法参考如下示例","link":"chart/candle/demo2","component":" Chart 图表","findIntroStr":"基于 eCharts 封装，一个纯 Javascript 的图表库。","demoId":"candle-demo2"},{"title":"设置数据格式","content":"详细用法参考如下示例","link":"chart/candle/demo3","component":" Chart 图表","findIntroStr":"基于 eCharts 封装，一个纯 Javascript 的图表库。","demoId":"candle-demo3"},{"title":"显示 MA, VOL","content":"详细用法参考如下示例","link":"chart/candle/demo4","component":" Chart 图表","findIntroStr":"基于 eCharts 封装，一个纯 Javascript 的图表库。","demoId":"candle-demo4"},{"title":"修改指标名和图例文字","content":"详细用法参考如下示例","link":"chart/candle/demo5","component":" Chart 图表","findIntroStr":"基于 eCharts 封装，一个纯 Javascript 的图表库。","demoId":"candle-demo5"},{"title":"修改 MA 显示周期","content":"详细用法参考如下示例","link":"chart/candle/demo6","component":" Chart 图表","findIntroStr":"基于 eCharts 封装，一个纯 Javascript 的图表库。","demoId":"candle-demo6"},{"title":"设置 dataRoom 控件","content":"详细用法参考如下示例","link":"chart/candle/demo7","component":" Chart 图表","findIntroStr":"基于 eCharts 封装，一个纯 Javascript 的图表库。","demoId":"candle-demo7"}]

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

@@ -0,0 +1 @@
+[]

package/resources/pc/demo-config/zh-CN/chart-events.json

@@ -0,0 +1 @@
+[{"title":"事件监听","content":"<p>绑定事件通过传递一个事件名称和对应回调函数的对象实现，回调函数内的参数是 echarts 模块，可以据此做相应的处理。</p>\n<h4>示例</h4>\n","link":"chart/events/base","component":" Chart 图表","findIntroStr":"基于 eCharts 封装，一个纯 Javascript 的图表库。","demoId":"events-base"}]

package/resources/pc/demo-config/zh-CN/chart-funnel.json

@@ -0,0 +1 @@
+[{"title":"基本用法","content":"<p>可以流畅的运行在 PC 和移动设备上，兼容当前绝大部分浏览器（IE 9/10/11，Chrome，Firefox，Safari 等）底层依赖轻量级的 Canvas 类库 ZRender，提供直观，生动，可交互，可高度个性化定制的数据可视化图表。</p>\n","link":"chart/funnel/base","component":" Chart 图表","findIntroStr":"基于 eCharts 封装，一个纯 Javascript 的图表库。","demoId":"funnel-base"},{"title":"指定指标维度","content":"详细用法参考如下示例","link":"chart/funnel/demo2","component":" Chart 图表","findIntroStr":"基于 eCharts 封装，一个纯 Javascript 的图表库。","demoId":"funnel-demo2"},{"title":"自动按照数值排序并过滤 0 值","content":"详细用法参考如下示例","link":"chart/funnel/demo3","component":" Chart 图表","findIntroStr":"基于 eCharts 封装，一个纯 Javascript 的图表库。","demoId":"funnel-demo3"},{"title":"定制顺序漏斗图","content":"详细用法参考如下示例","link":"chart/funnel/demo4","component":" Chart 图表","findIntroStr":"基于 eCharts 封装，一个纯 Javascript 的图表库。","demoId":"funnel-demo4"},{"title":"指定数据类型漏斗图","content":"详细用法参考如下示例","link":"chart/funnel/demo5","component":" Chart 图表","findIntroStr":"基于 eCharts 封装，一个纯 Javascript 的图表库。","demoId":"funnel-demo5"},{"title":"修改 legend 别名漏斗图","content":"详细用法参考如下示例","link":"chart/funnel/demo6","component":" Chart 图表","findIntroStr":"基于 eCharts 封装，一个纯 Javascript 的图表库。","demoId":"funnel-demo6"},{"title":"金字塔","content":"详细用法参考如下示例","link":"chart/funnel/demo7","component":" Chart 图表","findIntroStr":"基于 eCharts 封装，一个纯 Javascript 的图表库。","demoId":"funnel-demo7"}]

package/resources/pc/demo-config/zh-CN/chart-gauge.json

@@ -0,0 +1 @@
+[{"title":"基本用法","content":"<p>可以流畅的运行在 PC 和移动设备上，兼容当前绝大部分浏览器（IE 9/10/11，Chrome，Firefox，Safari 等）底层依赖轻量级的 Canvas 类库 ZRender，提供直观，生动，可交互，可高度个性化定制的数据可视化图表。</p>\n","link":"chart/gauge/base","component":" Chart 图表","findIntroStr":"基于 eCharts 封装，一个纯 Javascript 的图表库。","demoId":"gauge-base"},{"title":"指标维度配置","content":"详细用法参考如下示例","link":"chart/gauge/demo2","component":" Chart 图表","findIntroStr":"基于 eCharts 封装，一个纯 Javascript 的图表库。","demoId":"gauge-demo2"},{"title":"设置数据类型","content":"详细用法参考如下示例","link":"chart/gauge/demo3","component":" Chart 图表","findIntroStr":"基于 eCharts 封装，一个纯 Javascript 的图表库。","demoId":"gauge-demo3"},{"title":"设置指标别名与单位","content":"详细用法参考如下示例","link":"chart/gauge/demo4","component":" Chart 图表","findIntroStr":"基于 eCharts 封装，一个纯 Javascript 的图表库。","demoId":"gauge-demo4"},{"title":"设置多表盘及修改样式","content":"详细用法参考如下示例","link":"chart/gauge/demo5","component":" Chart 图表","findIntroStr":"基于 eCharts 封装，一个纯 Javascript 的图表库。","demoId":"gauge-demo5"}]

package/resources/pc/demo-config/zh-CN/chart-graph.json

@@ -0,0 +1 @@
+[{"title":"基本用法","content":"<p>可以流畅的运行在 PC 和移动设备上，兼容当前绝大部分浏览器（IE 9/10/11，Chrome，Firefox，Safari 等）底层依赖轻量级的 Canvas 类库 ZRender，提供直观，生动，可交互，可高度个性化定制的数据可视化图表。</p>\n<blockquote>\n<p>该图只支持 <code>extend</code> 配置，使用方式及属性和 eCharts 一致，请参考 eCharts 配置</p>\n</blockquote>\n","link":"chart/graph/base","component":" Chart 图表","findIntroStr":"基于 eCharts 封装，一个纯 Javascript 的图表库。","demoId":"graph-base"},{"title":"笛卡尔坐标系上的 Graph","content":"详细用法参考如下示例","link":"chart/graph/demo2","component":" Chart 图表","findIntroStr":"基于 eCharts 封装，一个纯 Javascript 的图表库。","demoId":"graph-demo2"},{"title":"拓扑图的事件拓展","content":"详细用法参考如下示例","link":"chart/graph/demo3","component":" Chart 图表","findIntroStr":"基于 eCharts 封装，一个纯 Javascript 的图表库。","demoId":"graph-demo3"}]

package/resources/pc/demo-config/zh-CN/chart-heatmap.json

@@ -0,0 +1 @@
+[{"title":"基本用法","content":"<p>可以流畅的运行在 PC 和移动设备上，兼容当前绝大部分浏览器（IE 9/10/11，Chrome，Firefox，Safari 等）底层依赖轻量级的 Canvas 类库 ZRender，提供直观，生动，可交互，可高度个性化定制的数据可视化图表。</p>\n","link":"chart/heatmap/base","component":" Chart 图表","findIntroStr":"基于 eCharts 封装，一个纯 Javascript 的图表库。","demoId":"heatmap-base"},{"title":"配置坐标轴","content":"详细用法参考如下示例","link":"chart/heatmap/demo2","component":" Chart 图表","findIntroStr":"基于 eCharts 封装，一个纯 Javascript 的图表库。","demoId":"heatmap-demo2"},{"title":"自定义 visualMap","content":"详细用法参考如下示例","link":"chart/heatmap/demo3","component":" Chart 图表","findIntroStr":"基于 eCharts 封装，一个纯 Javascript 的图表库。","demoId":"heatmap-demo3"},{"title":"地图热力图","content":"详细用法参考如下示例","link":"chart/heatmap/demo4","component":" Chart 图表","findIntroStr":"基于 eCharts 封装，一个纯 Javascript 的图表库。","demoId":"heatmap-demo4"},{"title":"百度地图热力图","content":"<p> 百度地图和高德地图需要外网访问权限才能正常使用\n</p>\n","link":"chart/heatmap/demo5","component":" Chart 图表","findIntroStr":"基于 eCharts 封装，一个纯 Javascript 的图表库。","demoId":"heatmap-demo5"}]

package/resources/pc/demo-config/zh-CN/chart-histogram.json

@@ -0,0 +1 @@
+[{"title":"基本用法","content":"<p>可以流畅的运行在 PC 和移动设备上，兼容当前绝大部分浏览器（IE 9/10/11，Chrome，Firefox，Safari 等）底层依赖轻量级的 Canvas 类库 ZRender，提供直观，生动，可交互，可高度个性化定制的数据可视化图表。</p>\n","link":"chart/histogram/base","component":" Chart 图表","findIntroStr":"基于 eCharts 封装，一个纯 Javascript 的图表库。","demoId":"histogram-base"},{"title":"设置显示的指标维度","content":"详细用法参考如下示例","link":"chart/histogram/demo2","component":" Chart 图表","findIntroStr":"基于 eCharts 封装，一个纯 Javascript 的图表库。","demoId":"histogram-demo2"},{"title":"设置双 y 轴","content":"详细用法参考如下示例","link":"chart/histogram/demo3","component":" Chart 图表","findIntroStr":"基于 eCharts 封装，一个纯 Javascript 的图表库。","demoId":"histogram-demo3"},{"title":"柱状图+折线图","content":"详细用法参考如下示例","link":"chart/histogram/demo4","component":" Chart 图表","findIntroStr":"基于 eCharts 封装，一个纯 Javascript 的图表库。","demoId":"histogram-demo4"},{"title":"堆叠柱状图","content":"详细用法参考如下示例","link":"chart/histogram/demo5","component":" Chart 图表","findIntroStr":"基于 eCharts 封装，一个纯 Javascript 的图表库。","demoId":"histogram-demo5"},{"title":"默认显示柱状图数据","content":"详细用法参考如下示例","link":"chart/histogram/demo6","component":" Chart 图表","findIntroStr":"基于 eCharts 封装，一个纯 Javascript 的图表库。","demoId":"histogram-demo6"},{"title":"修改别名","content":"详细用法参考如下示例","link":"chart/histogram/demo7","component":" Chart 图表","findIntroStr":"基于 eCharts 封装，一个纯 Javascript 的图表库。","demoId":"histogram-demo7"},{"title":"设置横轴为连续的数值轴","content":"详细用法参考如下示例","link":"chart/histogram/demo8","component":" Chart 图表","findIntroStr":"基于 eCharts 封装，一个纯 Javascript 的图表库。","demoId":"histogram-demo8"}]

package/resources/pc/demo-config/zh-CN/chart-line.json

@@ -0,0 +1 @@
+[{"title":"基本用法","content":"<p>可以流畅的运行在 PC 和移动设备上，兼容当前绝大部分浏览器（IE 9/10/11，Chrome，Firefox，Safari 等）底层依赖轻量级的 Canvas 类库 ZRender，提供直观，生动，可交互，可高度个性化定制的数据可视化图表。</p>\n","link":"chart/line/base","component":" Chart 图表","findIntroStr":"基于 eCharts 封装，一个纯 Javascript 的图表库。","demoId":"line-base"},{"title":"设置显示的指标维度","content":"详细用法参考如下示例","link":"chart/line/demo2","component":" Chart 图表","findIntroStr":"基于 eCharts 封装，一个纯 Javascript 的图表库。","demoId":"line-demo2"},{"title":"设置双 y 轴","content":"详细用法参考如下示例","link":"chart/line/demo3","component":" Chart 图表","findIntroStr":"基于 eCharts 封装，一个纯 Javascript 的图表库。","demoId":"line-demo3"},{"title":"横坐标的倾斜","content":"详细用法参考如下示例","link":"chart/line/demo4","component":" Chart 图表","findIntroStr":"基于 eCharts 封装，一个纯 Javascript 的图表库。","demoId":"line-demo4"},{"title":"堆叠面积图","content":"详细用法参考如下示例","link":"chart/line/demo5","component":" Chart 图表","findIntroStr":"基于 eCharts 封装，一个纯 Javascript 的图表库。","demoId":"line-demo5"},{"title":"设置别名","content":"详细用法参考如下示例","link":"chart/line/demo6","component":" Chart 图表","findIntroStr":"基于 eCharts 封装，一个纯 Javascript 的图表库。","demoId":"line-demo6"},{"title":"显示指标数值","content":"详细用法参考如下示例","link":"chart/line/demo7","component":" Chart 图表","findIntroStr":"基于 eCharts 封装，一个纯 Javascript 的图表库。","demoId":"line-demo7"},{"title":"设置横轴为连续的数值轴","content":"详细用法参考如下示例","link":"chart/line/demo8","component":" Chart 图表","findIntroStr":"基于 eCharts 封装，一个纯 Javascript 的图表库。","demoId":"line-demo8"},{"title":"设置横轴为连续的时间轴","content":"详细用法参考如下示例","link":"chart/line/demo9","component":" Chart 图表","findIntroStr":"基于 eCharts 封装，一个纯 Javascript 的图表库。","demoId":"line-demo9"}]

package/resources/pc/demo-config/zh-CN/chart-liquidfill.json

@@ -0,0 +1 @@
+[{"title":"基本用法","content":"<p>可以流畅的运行在 PC 和移动设备上，兼容当前绝大部分浏览器（IE 9/10/11，Chrome，Firefox，Safari 等）底层依赖轻量级的 Canvas 类库 ZRender，提供直观，生动，可交互，可高度个性化定制的数据可视化图表。</p>\n","link":"chart/liquidfill/base","component":" Chart 图表","findIntroStr":"基于 eCharts 封装，一个纯 Javascript 的图表库。","demoId":"liquidfill-base"},{"title":"水球图分层","content":"详细用法参考如下示例","link":"chart/liquidfill/demo2","component":" Chart 图表","findIntroStr":"基于 eCharts 封装，一个纯 Javascript 的图表库。","demoId":"liquidfill-demo2"},{"title":"设置多个水球图","content":"详细用法参考如下示例","link":"chart/liquidfill/demo3","component":" Chart 图表","findIntroStr":"基于 eCharts 封装，一个纯 Javascript 的图表库。","demoId":"liquidfill-demo3"},{"title":"设置水球图的形状","content":"详细用法参考如下示例","link":"chart/liquidfill/demo4","component":" Chart 图表","findIntroStr":"基于 eCharts 封装，一个纯 Javascript 的图表库。","demoId":"liquidfill-demo4"},{"title":"水球图文字标签及样式设置","content":"详细用法参考如下示例","link":"chart/liquidfill/demo5","component":" Chart 图表","findIntroStr":"基于 eCharts 封装，一个纯 Javascript 的图表库。","demoId":"liquidfill-demo5"}]

package/resources/pc/demo-config/zh-CN/chart-map.json

@@ -0,0 +1 @@
+[{"title":"基本用法","content":"详细用法参考如下示例","link":"chart/map/base","component":" Chart 图表","findIntroStr":"基于 eCharts 封装，一个纯 Javascript 的图表库。","demoId":"map-base"}]

package/resources/pc/demo-config/zh-CN/chart-pie.json

@@ -0,0 +1 @@
+[{"title":"基本用法","content":"<p>可以流畅的运行在 PC 和移动设备上，兼容当前绝大部分浏览器（IE 9/10/11，Chrome，Firefox，Safari 等）底层依赖轻量级的 Canvas 类库 ZRender，提供直观，生动，可交互，可高度个性化定制的数据可视化图表。</p>\n","link":"chart/pie/base","component":" Chart 图表","findIntroStr":"基于 eCharts 封装，一个纯 Javascript 的图表库。","demoId":"pie-base"},{"title":"设置指标维度","content":"详细用法参考如下示例","link":"chart/pie/demo2","component":" Chart 图表","findIntroStr":"基于 eCharts 封装，一个纯 Javascript 的图表库。","demoId":"pie-demo2"},{"title":"玫瑰图","content":"详细用法参考如下示例","link":"chart/pie/demo3","component":" Chart 图表","findIntroStr":"基于 eCharts 封装，一个纯 Javascript 的图表库。","demoId":"pie-demo3"},{"title":"限制显示条数饼图","content":"详细用法参考如下示例","link":"chart/pie/demo4","component":" Chart 图表","findIntroStr":"基于 eCharts 封装，一个纯 Javascript 的图表库。","demoId":"pie-demo4"},{"title":"多圆饼图","content":"详细用法参考如下示例","link":"chart/pie/demo5","component":" Chart 图表","findIntroStr":"基于 eCharts 封装，一个纯 Javascript 的图表库。","demoId":"pie-demo5"},{"title":"设置数据类型","content":"详细用法参考如下示例","link":"chart/pie/demo6","component":" Chart 图表","findIntroStr":"基于 eCharts 封装，一个纯 Javascript 的图表库。","demoId":"pie-demo6"},{"title":"设置饼图半径边距","content":"详细用法参考如下示例","link":"chart/pie/demo7","component":" Chart 图表","findIntroStr":"基于 eCharts 封装，一个纯 Javascript 的图表库。","demoId":"pie-demo7"}]

package/resources/pc/demo-config/zh-CN/chart-question.json

@@ -0,0 +1 @@
+[{"title":"常见问题","content":"<h4>父元素的初始宽度未知</h4>\n<p>在一个初始宽度未知的容器内绘制图表时，因为无法获取宽度，所以图表会绘制失败，解决的办法是在容器宽度已知后，\n调用 echarts 的 resize 方法。\n通过 <code>cancel-resize-check</code> 是用于resize之前，检测组件元素是否存在，元素是否有宽高，没有则不resize。</p>\n","link":"chart/question/base","component":" Chart 图表","findIntroStr":"基于 eCharts 封装，一个纯 Javascript 的图表库。","demoId":"question-base"},{"title":"父元素的初始宽度未知","content":"详细用法参考如下示例","link":"chart/question/demo5","component":" Chart 图表","findIntroStr":"基于 eCharts 封装，一个纯 Javascript 的图表库。","demoId":"question-demo5"},{"title":"数据改变视图自动更新","content":"<p>图表是基于 Vue 开发的，同样支持 <code>双向数据绑定</code>，只要改变图表数据 <code>(示例中的 chartData.row)</code> 视图会自动更新。</p>\n","link":"chart/question/demo4","component":" Chart 图表","findIntroStr":"基于 eCharts 封装，一个纯 Javascript 的图表库。","demoId":"question-demo4"},{"title":"小数显示精度","content":"<p>处理数据类型时默认保留两位有效数字，但是当数字较小并设置为百分比类型时，这种方式会导致显示上的问题，例如：</p>\n","link":"chart/question/demo2","component":" Chart 图表","findIntroStr":"基于 eCharts 封装，一个纯 Javascript 的图表库。","demoId":"question-demo2"}]

package/resources/pc/demo-config/zh-CN/chart-radar.json

@@ -0,0 +1 @@
+[{"title":"基本用法","content":"<p>可以流畅的运行在 PC 和移动设备上，兼容当前绝大部分浏览器（IE 9/10/11，Chrome，Firefox，Safari 等）底层依赖轻量级的 Canvas 类库 ZRender，提供直观，生动，可交互，可高度个性化定制的数据可视化图表。</p>\n","link":"chart/radar/base","component":" Chart 图表","findIntroStr":"基于 eCharts 封装，一个纯 Javascript 的图表库。","demoId":"radar-base"},{"title":"设置显示的指标维度","content":"详细用法参考如下示例","link":"chart/radar/demo2","component":" Chart 图表","findIntroStr":"基于 eCharts 封装，一个纯 Javascript 的图表库。","demoId":"radar-demo2"},{"title":"修改指标名称","content":"详细用法参考如下示例","link":"chart/radar/demo3","component":" Chart 图表","findIntroStr":"基于 eCharts 封装，一个纯 Javascript 的图表库。","demoId":"radar-demo3"}]

package/resources/pc/demo-config/zh-CN/chart-ring.json

@@ -0,0 +1 @@
+[{"title":"基本用法","content":"<p>可以流畅的运行在 PC 和移动设备上，兼容当前绝大部分浏览器（IE 9/10/11，Chrome，Firefox，Safari 等）底层依赖轻量级的 Canvas 类库 ZRender，提供直观，生动，可交互，可高度个性化定制的数据可视化图表。</p>\n","link":"chart/ring/base","component":" Chart 图表","findIntroStr":"基于 eCharts 封装，一个纯 Javascript 的图表库。","demoId":"ring-base"},{"title":"设置指标维度","content":"详细用法参考如下示例","link":"chart/ring/demo2","component":" Chart 图表","findIntroStr":"基于 eCharts 封装，一个纯 Javascript 的图表库。","demoId":"ring-demo2"},{"title":"玫瑰图","content":"详细用法参考如下示例","link":"chart/ring/demo3","component":" Chart 图表","findIntroStr":"基于 eCharts 封装，一个纯 Javascript 的图表库。","demoId":"ring-demo3"},{"title":"限制显示条数环图","content":"详细用法参考如下示例","link":"chart/ring/demo4","component":" Chart 图表","findIntroStr":"基于 eCharts 封装，一个纯 Javascript 的图表库。","demoId":"ring-demo4"},{"title":"设置数据类型","content":"详细用法参考如下示例","link":"chart/ring/demo5","component":" Chart 图表","findIntroStr":"基于 eCharts 封装，一个纯 Javascript 的图表库。","demoId":"ring-demo5"},{"title":"设置环图半径","content":"详细用法参考如下示例","link":"chart/ring/demo6","component":" Chart 图表","findIntroStr":"基于 eCharts 封装，一个纯 Javascript 的图表库。","demoId":"ring-demo6"},{"title":"设置环图title的位置","content":"详细用法参考如下示例","link":"chart/ring/ring-title","component":" Chart 图表","findIntroStr":"基于 eCharts 封装，一个纯 Javascript 的图表库。","demoId":"ring-ring-title"}]

package/resources/pc/demo-config/zh-CN/chart-sankey.json

@@ -0,0 +1 @@
+[{"title":"基本用法","content":"<p>可以流畅的运行在 PC 和移动设备上，兼容当前绝大部分浏览器（IE 9/10/11，Chrome，Firefox，Safari 等）底层依赖轻量级的 Canvas 类库 ZRender，提供直观，生动，可交互，可高度个性化定制的数据可视化图表。</p>\n","link":"chart/sankey/base","component":" Chart 图表","findIntroStr":"基于 eCharts 封装，一个纯 Javascript 的图表库。","demoId":"sankey-base"},{"title":"设置数据类型","content":"详细用法参考如下示例","link":"chart/sankey/demo2","component":" Chart 图表","findIntroStr":"基于 eCharts 封装，一个纯 Javascript 的图表库。","demoId":"sankey-demo2"}]

package/resources/pc/demo-config/zh-CN/chart-scatter.json

@@ -0,0 +1 @@
+[{"title":"基本用法","content":"<p>可以流畅的运行在 PC 和移动设备上，兼容当前绝大部分浏览器（IE 9/10/11，Chrome，Firefox，Safari 等）底层依赖轻量级的 Canvas 类库 ZRender，提供直观，生动，可交互，可高度个性化定制的数据可视化图表。</p>\n","link":"chart/scatter/base","component":" Chart 图表","findIntroStr":"基于 eCharts 封装，一个纯 Javascript 的图表库。","demoId":"scatter-base"},{"title":"双维度多指标散点图示例","content":"详细用法参考如下示例","link":"chart/scatter/demo2","component":" Chart 图表","findIntroStr":"基于 eCharts 封装，一个纯 Javascript 的图表库。","demoId":"scatter-demo2"},{"title":"指标维度配置","content":"详细用法参考如下示例","link":"chart/scatter/demo3","component":" Chart 图表","findIntroStr":"基于 eCharts 封装，一个纯 Javascript 的图表库。","demoId":"scatter-demo3"},{"title":"数据类型配置","content":"详细用法参考如下示例","link":"chart/scatter/demo4","component":" Chart 图表","findIntroStr":"基于 eCharts 封装，一个纯 Javascript 的图表库。","demoId":"scatter-demo4"},{"title":"属性名配置","content":"详细用法参考如下示例","link":"chart/scatter/demo5","component":" Chart 图表","findIntroStr":"基于 eCharts 封装，一个纯 Javascript 的图表库。","demoId":"scatter-demo5"},{"title":"缩放配置","content":"详细用法参考如下示例","link":"chart/scatter/demo6","component":" Chart 图表","findIntroStr":"基于 eCharts 封装，一个纯 Javascript 的图表库。","demoId":"scatter-demo6"},{"title":"散点样式配置","content":"详细用法参考如下示例","link":"chart/scatter/demo7","component":" Chart 图表","findIntroStr":"基于 eCharts 封装，一个纯 Javascript 的图表库。","demoId":"scatter-demo7"},{"title":"散点出现覆盖时, 提示框可以改成通过坐标轴触发","content":"详细用法参考如下示例","link":"chart/scatter/demo8","component":" Chart 图表","findIntroStr":"基于 eCharts 封装，一个纯 Javascript 的图表库。","demoId":"scatter-demo8"}]

package/resources/pc/demo-config/zh-CN/chart-sunburst.json

@@ -0,0 +1 @@
+[{"title":"基本用法","content":"<p>可以流畅的运行在 PC 和移动设备上，兼容当前绝大部分浏览器（IE 9/10/11，Chrome，Firefox，Safari 等）底层依赖轻量级的 Canvas 类库 ZRender，提供直观，生动，可交互，可高度个性化定制的数据可视化图表。</p>\n<blockquote>\n<p>该图只支持 <code>extend</code> 配置，使用方式及属性和 eCharts 一致，请参考 eCharts 配置</p>\n</blockquote>\n","link":"chart/sunburst/base","component":" Chart 图表","findIntroStr":"基于 eCharts 封装，一个纯 Javascript 的图表库。","demoId":"sunburst-base"},{"title":"复杂示例","content":"详细用法参考如下示例","link":"chart/sunburst/demo2","component":" Chart 图表","findIntroStr":"基于 eCharts 封装，一个纯 Javascript 的图表库。","demoId":"sunburst-demo2"}]

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

@@ -0,0 +1 @@
+[{"title":"基本用法","content":"<p>可以流畅的运行在 PC 和移动设备上，兼容当前绝大部分浏览器（IE 9/10/11，Chrome，Firefox，Safari 等）底层依赖轻量级的 Canvas 类库 ZRender，提供直观，生动，可交互，可高度个性化定制的数据可视化图表。</p>\n","link":"chart/tree/base","component":" Chart 图表","findIntroStr":"基于 eCharts 封装，一个纯 Javascript 的图表库。","demoId":"tree-base"},{"title":"多树图","content":"详细用法参考如下示例","link":"chart/tree/demo2","component":" Chart 图表","findIntroStr":"基于 eCharts 封装，一个纯 Javascript 的图表库。","demoId":"tree-demo2"},{"title":"径向树图","content":"详细用法参考如下示例","link":"chart/tree/demo3","component":" Chart 图表","findIntroStr":"基于 eCharts 封装，一个纯 Javascript 的图表库。","demoId":"tree-demo3"},{"title":"纵向树图","content":"详细用法参考如下示例","link":"chart/tree/demo4","component":" Chart 图表","findIntroStr":"基于 eCharts 封装，一个纯 Javascript 的图表库。","demoId":"tree-demo4"},{"title":"自定义提示框内容","content":"详细用法参考如下示例","link":"chart/tree/demo5","component":" Chart 图表","findIntroStr":"基于 eCharts 封装，一个纯 Javascript 的图表库。","demoId":"tree-demo5"}]

package/resources/pc/demo-config/zh-CN/chart-waterfall.json

@@ -0,0 +1 @@
+[{"title":"基本用法","content":"<p>可以流畅的运行在 PC 和移动设备上，兼容当前绝大部分浏览器（IE 9/10/11，Chrome，Firefox，Safari 等）底层依赖轻量级的 Canvas 类库 ZRender，提供直观，生动，可交互，可高度个性化定制的数据可视化图表。</p>\n","link":"chart/waterfall/base","component":" Chart 图表","findIntroStr":"基于 eCharts 封装，一个纯 Javascript 的图表库。","demoId":"waterfall-base"},{"title":"设置指标维度","content":"详细用法参考如下示例","link":"chart/waterfall/demo2","component":" Chart 图表","findIntroStr":"基于 eCharts 封装，一个纯 Javascript 的图表库。","demoId":"waterfall-demo2"},{"title":"设置数据类型","content":"详细用法参考如下示例","link":"chart/waterfall/demo3","component":" Chart 图表","findIntroStr":"基于 eCharts 封装，一个纯 Javascript 的图表库。","demoId":"waterfall-demo3"},{"title":"修改指标名称","content":"详细用法参考如下示例","link":"chart/waterfall/demo4","component":" Chart 图表","findIntroStr":"基于 eCharts 封装，一个纯 Javascript 的图表库。","demoId":"waterfall-demo4"},{"title":"设置 总计、剩余 的名称","content":"详细用法参考如下示例","link":"chart/waterfall/demo5","component":" Chart 图表","findIntroStr":"基于 eCharts 封装，一个纯 Javascript 的图表库。","demoId":"waterfall-demo5"}]

package/resources/pc/demo-config/zh-CN/chart-wordcloud.json

@@ -0,0 +1 @@
+[{"title":"基本用法","content":"<p>可以流畅的运行在 PC 和移动设备上，兼容当前绝大部分浏览器（IE 9/10/11，Chrome，Firefox，Safari 等）底层依赖轻量级的 Canvas 类库 ZRender，提供直观，生动，可交互，可高度个性化定制的数据可视化图表。</p>\n","link":"chart/wordcloud/base","component":" Chart 图表","findIntroStr":"基于 eCharts 封装，一个纯 Javascript 的图表库。","demoId":"wordcloud-base"},{"title":"设置词云图的颜色","content":"详细用法参考如下示例","link":"chart/wordcloud/demo2","component":" Chart 图表","findIntroStr":"基于 eCharts 封装，一个纯 Javascript 的图表库。","demoId":"wordcloud-demo2"},{"title":"设置词云图的形状","content":"详细用法参考如下示例","link":"chart/wordcloud/demo3","component":" Chart 图表","findIntroStr":"基于 eCharts 封装，一个纯 Javascript 的图表库。","demoId":"wordcloud-demo3"},{"title":"设置词云图的字体大小范围","content":"详细用法参考如下示例","link":"chart/wordcloud/demo4","component":" Chart 图表","findIntroStr":"基于 eCharts 封装，一个纯 Javascript 的图表库。","demoId":"wordcloud-demo4"}]

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

@@ -0,0 +1,10 @@
+[
+  {
+    "title": "基本用法",
+    "content": "<p>图表组件支持 <code>双向数据绑定</code>，可以流畅的运行在 PC 和移动设备上，兼容当前绝大部分浏览器（IE 9/10/11，Chrome，Firefox，Safari 等）底层依赖轻量级的 Canvas 类库 ZRender，提供直观，生动，可交互，可高度个性化定制的数据可视化图表。\n可通过 <code>theme</code> 自定义主题\n百度地图和高德地图需要外网访问权限才能正常使用\n</p>\n",
+    "link": "chart/base",
+    "component": " Chart 图表",
+    "findIntroStr": "基于 `eCharts v5.2.1` 封装，一个纯 Javascript 的图表库。",
+    "demoId": "base"
+  }
+]

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

@@ -0,0 +1 @@
+[{"title":"基本用法","content":"详细用法参考如下示例","link":"checkbox/basic-usage","component":" Checkbox 复选框","findIntroStr":"用于配置不同场景的选项，提供用户可在一组选项中进行多选。","demoId":"basic-usage"},{"title":"复选框组","content":"<p>通过 <code>checkbox-group</code> 元素把多个 <code>checkbox</code> 元素管理为一组，在 <code>checkbox-group</code> 中使用 <code>v-model</code> 绑定 Array 类型的变量即可实现双向绑定。 <code>checkbox</code> 的 <code>label</code> 属性是其对应的值，若该标签中无内容，则该属性也充当 checkbox 后的介绍。<code>label</code> 与数组中的元素值相对应，如果存在指定的值则为选中状态，否则为不选中。</p>\n","link":"checkbox/checkbox-group","component":" Checkbox 复选框","findIntroStr":"用于配置不同场景的选项，提供用户可在一组选项中进行多选。","demoId":"checkbox-group"},{"title":"配置式复选框组","content":"<p>提供 <code>options</code> 属性，支持通过配置对象数组数据的形式来渲染多选框组。使用该属性后，可以不用再在标签中以插槽的形式插入 <code>checkbox</code> 或 <code>checkbox-button</code> 元素。\n\n<code>options</code> 对象数组中包括三个字段：<code>label</code>、<code>text</code>、<code>events</code>。\n\n另外还提供 <code>type</code> 属性，配合 <code>options</code> 属性一起使用，默认值为 <code>checkbox</code>。还可以配置为 <code>button</code>，配置后复选框组将以按钮的形式展示。</p>\n","link":"checkbox/group-options","component":" Checkbox 复选框","findIntroStr":"用于配置不同场景的选项，提供用户可在一组选项中进行多选。","demoId":"group-options"},{"title":"全选与半选","content":"<p>在 <code>checkbox</code> 元素中配置 <code>indeterminate</code> 属性为 true 后，勾选框将展示为半选的样式。</p>\n","link":"checkbox/indeterminate","component":" Checkbox 复选框","findIntroStr":"用于配置不同场景的选项，提供用户可在一组选项中进行多选。","demoId":"indeterminate"},{"title":"可选数量限制","content":"<p>在 <code>checkbox-group</code> 上可通过 <code>min</code>、<code>max</code> 属性指定可勾选项目的最小、最大值。</p>\n","link":"checkbox/min-max","component":" Checkbox 复选框","findIntroStr":"用于配置不同场景的选项，提供用户可在一组选项中进行多选。","demoId":"min-max"},{"title":"当前是否勾选","content":"<p>在 <code>checked</code> 当前是否勾选，通过 <code>disabled</code> 设置组件是否禁用。</p>\n","link":"checkbox/checked","component":" Checkbox 复选框","findIntroStr":"用于配置不同场景的选项，提供用户可在一组选项中进行多选。","demoId":"checked"},{"title":"按钮形式复选框","content":"<p>在 <code>checkbox-group</code> 元素中嵌入 <code>checkbox-button</code> 即可实现按钮形式的复选框组。\n通过 <code>fill</code> 按钮形式的 Checkbox 激活时的填充色和边框色，默认值为：#409EFF。</p>\n","link":"checkbox/checkbox-button","component":" Checkbox 复选框","findIntroStr":"用于配置不同场景的选项，提供用户可在一组选项中进行多选。","demoId":"checkbox-button"},{"title":"垂直布局","content":"<p>在 <code>checkbox-group</code> 元素上设置 <code>vertical</code> 为 true，则其管理的 <code>checkbox-button</code> 或 <code>checkbox</code> 将展示为垂直布局。</p>\n","link":"checkbox/vertical-checkbox","component":" Checkbox 复选框","findIntroStr":"用于配置不同场景的选项，提供用户可在一组选项中进行多选。","demoId":"vertical-checkbox"},{"title":"动态生成复选框组","content":"<p>复选框组所需数据可通过请求服务从后台取得，然后动态生成。</p>\n","link":"checkbox/dynamic-create-checkbox","component":" Checkbox 复选框","findIntroStr":"用于配置不同场景的选项，提供用户可在一组选项中进行多选。","demoId":"dynamic-create-checkbox"},{"title":"内容超出时的提示信息","content":"<p>若复选框后的介绍文字超出时，可以通过 Tooltip 组件增加提示信息，鼠标悬停时可提示所有内容。\n\n在 <code>checkbox</code> 元素上配置 <code>border</code> 属性为 true，可显示边框。</p>\n","link":"checkbox/content-overflow","component":" Checkbox 复选框","findIntroStr":"用于配置不同场景的选项，提供用户可在一组选项中进行多选。","demoId":"content-overflow"},{"title":"文本","content":"<p>在 <code>text</code> 属性设置文本内容\n通过 <code>true-label</code> 设置选中的值， <code>false-label</code> 设置未选中的值。</p>\n","link":"checkbox/text","component":" Checkbox 复选框","findIntroStr":"用于配置不同场景的选项，提供用户可在一组选项中进行多选。","demoId":"text"},{"title":"文本选择","content":"<p>通过 <code>true-label</code> 设置选中的值， <code>false-label</code> 设置未选中的值。</p>\n","link":"checkbox/button-chek-box","component":" Checkbox 复选框","findIntroStr":"用于配置不同场景的选项，提供用户可在一组选项中进行多选。","demoId":"button-chek-box"},{"title":"尺寸","content":"<p>当复选框为按钮形式时，通过 <code>size</code> 属性可以设置按钮复选框的尺寸，可选项有 medium、small、mini。\n\n在 <code>checkbox-button</code> 上设置 <code>disabled</code> 属性，将禁用某一个复选按钮，若在 <code>checkbox-group</code> 标签上配置 <code>disabled</code> 属性，则禁用所有复选按钮。</p>\n","link":"checkbox/with-border","component":" Checkbox 复选框","findIntroStr":"用于配置不同场景的选项，提供用户可在一组选项中进行多选。","demoId":"with-border"},{"title":"事件","content":"<p>勾选值改变后将触发 <code>change</code> 事件。</p>\n","link":"checkbox/checkbox-events","component":" Checkbox 复选框","findIntroStr":"用于配置不同场景的选项，提供用户可在一组选项中进行多选。","demoId":"checkbox-events"},{"title":"插槽","content":"<p>Checkbox 的内容</p>\n","link":"checkbox/checkbox-slot","component":" Checkbox 复选框","findIntroStr":"用于配置不同场景的选项，提供用户可在一组选项中进行多选。","demoId":"checkbox-slot"}]

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

@@ -0,0 +1 @@
+[{"title":"基本用法","content":"详细用法参考如下示例","link":"collapse/basic-usage","component":" Collapse 折叠面板","findIntroStr":"内容区可指定动态页面或自定义 html 等，支持展开收起操作。","demoId":"basic-usage"},{"title":"手风琴效果","content":"<p>配置 <code>accordion</code> 属性为 true 后，折叠面板将展示手风琴效果。\n配置 <code>v-model</code> 设置当前激活的面板(如果是手风琴模式，绑定值类型需要为 string ，否则为 array )\n<code>change</code> 事件，在当前激活面板改变时触发，参数为当前的 value 值\n配置 <code>name</code> 属性作为每个 collapse-item 的唯一标志符</p>\n","link":"collapse/accordion","component":" Collapse 折叠面板","findIntroStr":"内容区可指定动态页面或自定义 html 等，支持展开收起操作。","demoId":"accordion"},{"title":"禁用状态","content":"<p>在 <code>collapse-item</code> 元素上配置 <code>disabled</code> 属性为 true 后，将禁用指定的折叠面板项。</p>\n","link":"collapse/dynamic-disable","component":" Collapse 折叠面板","findIntroStr":"内容区可指定动态页面或自定义 html 等，支持展开收起操作。","demoId":"dynamic-disable"},{"title":"自定义面板标题","content":"<p>在 <code>collapse-item</code> 元素上配置 <code>title</code> 属性可以指定每个折叠面板项的标题。但同时也可以通过 <code>title</code> 插槽的方式自定义面板标题，比如在标题前增加图标。</p>\n","link":"collapse/custom-collapse-title","component":" Collapse 折叠面板","findIntroStr":"内容区可指定动态页面或自定义 html 等，支持展开收起操作。","demoId":"custom-collapse-title"},{"title":"自定义展开折叠图标","content":"<p>在 <code>collapse-item</code> 元素上可以通过 <code>icon</code> 插槽的方式自定义展开折叠 icon 图标。</p>\n","link":"collapse/custom-collapse-icon","component":" Collapse 折叠面板","findIntroStr":"内容区可指定动态页面或自定义 html 等，支持展开收起操作。","demoId":"custom-collapse-icon"},{"title":"折叠面板事件","content":"<p>激活面板的值改变时将触发 <code>change</code> 事件。</p>\n","link":"collapse/collapse-events","component":" Collapse 折叠面板","findIntroStr":"内容区可指定动态页面或自定义 html 等，支持展开收起操作。","demoId":"collapse-events"},{"title":"阻止折叠面板关闭事件","content":"<p>:before-close 折叠面板关闭前事件,方法里面return true/false，表示是否可以关闭</p>\n","link":"collapse/block-close","component":" Collapse 折叠面板","findIntroStr":"内容区可指定动态页面或自定义 html 等，支持展开收起操作。","demoId":"block-close"},{"title":"嵌套表格","content":"<p>通过 <code>collapse-item</code> 元素的默认插槽嵌入表格。</p>\n","link":"collapse/nested-grid","component":" Collapse 折叠面板","findIntroStr":"内容区可指定动态页面或自定义 html 等，支持展开收起操作。","demoId":"nested-grid"},{"title":"嵌套表单","content":"<p>通过 <code>collapse-item</code> 元素的默认插槽嵌入表单。</p>\n","link":"collapse/nested-form","component":" Collapse 折叠面板","findIntroStr":"内容区可指定动态页面或自定义 html 等，支持展开收起操作。","demoId":"nested-form"}]

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

@@ -0,0 +1 @@
+[{"title":"主色彩","content":"详细用法参考如下示例","link":"color/main-color","component":" Color 色彩","findIntroStr":"Color 色彩","demoId":"main-color"},{"title":"辅助色","content":"详细用法参考如下示例","link":"color/auxiliary-color","component":" Color 色彩","findIntroStr":"Color 色彩","demoId":"auxiliary-color"},{"title":"中性色","content":"详细用法参考如下示例","link":"color/neutral-color","component":" Color 色彩","findIntroStr":"Color 色彩","demoId":"neutral-color"}]

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

@@ -0,0 +1 @@
+[{"title":"基本用法","content":"详细用法参考如下示例","link":"company/basic-usage","component":" Company 公司","findIntroStr":"Company 公司组件，用于公司名称展示及选择，通过配置数据源获取选项。","demoId":"basic-usage"},{"title":"自定义数据显示数量","content":"<p>可通过 <code>max</code> 属性设置下拉框最大显示的数据条数。<code>clearable</code> 是否显示清除按钮，默认为 true 。</p>\n","link":"company/custom-show-num","component":" Company 公司","findIntroStr":"Company 公司组件，用于公司名称展示及选择，通过配置数据源获取选项。","demoId":"custom-show-num"},{"title":"自定义服务","content":"<p>通过 <code>fetch-company</code> 属性可以指定一个方法，在方法中可实现请求自定义的服务。</p>\n","link":"company/custom-service","component":" Company 公司","findIntroStr":"Company 公司组件，用于公司名称展示及选择，通过配置数据源获取选项。","demoId":"custom-service"}]

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

@@ -0,0 +1 @@
+[{"title":"默认布局","content":"详细用法参考如下示例","link":"container/basic-usage","component":" Container 版型","findIntroStr":"用于布局的容器组件，方便快速搭建页面的版型。","demoId":"basic-usage"},{"title":"简约布局","content":"详细用法参考如下示例","link":"container/simple","component":" Container 版型","findIntroStr":"用于布局的容器组件，方便快速搭建页面的版型。","demoId":"simple"},{"title":"经典布局","content":"详细用法参考如下示例","link":"container/classic","component":" Container 版型","findIntroStr":"用于布局的容器组件，方便快速搭建页面的版型。","demoId":"classic"},{"title":"时尚布局","content":"详细用法参考如下示例","link":"container/fashion","component":" Container 版型","findIntroStr":"用于布局的容器组件，方便快速搭建页面的版型。","demoId":"fashionid"},{"title":"传奇布局","content":"详细用法参考如下示例","link":"container/legend","component":" Container 版型","findIntroStr":"用于布局的容器组件，方便快速搭建页面的版型。","demoId":"legend"},{"title":"自定义宽度和高度","content":"<p>Container 布局容器支持用户通过设置 <code>headerHeight</code>、<code>footerHeight</code>、<code>asideWidth</code> 等属性来控制 <code>header（头部区域）</code>、<code>footer（底部区域）</code> 的高度和 <code>aside(左侧区域)</code> 的宽度。<code>main（主体区域）</code> 的宽度和高度是自适应的。</p>\n","link":"container/custom-with-height","component":" Container 版型","findIntroStr":"用于布局的容器组件，方便快速搭建页面的版型。","demoId":"custom-with-height"},{"title":"版型切换","content":"详细用法参考如下示例","link":"container/custom-container","component":" Container 版型","findIntroStr":"用于布局的容器组件，方便快速搭建页面的版型。","demoId":"custom-container"}]

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

@@ -0,0 +1 @@
+[{"title":"基本用法","content":"详细用法参考如下示例","link":"country/basic-usage","component":" Country 国家/地区","findIntroStr":"Country 国家/地区组件，用于国家/地区名称展示及选择，通过配置数据源获取选项。","demoId":"basic-usage"},{"title":"自定义服务","content":"<p>通过 <code>fetch-country</code> 属性可以指定一个方法，在方法中可实现请求自定义的服务。 <code>clearable</code> 设置是否可清空，默认值为 true。</p>\n","link":"country/custom-service","component":" Country 国家/地区","findIntroStr":"Country 国家/地区组件，用于国家/地区名称展示及选择，通过配置数据源获取选项。","demoId":"custom-service"}]

package/resources/pc/demo-config/zh-CN/credit-card-form.json

@@ -0,0 +1 @@
+[{"title":"基本用法","content":"详细用法参考如下示例","link":"credit-card-form/basic-usage","component":" CreditCardForm 信用卡表单","findIntroStr":"通过表单输入实时改变信用卡卡片的相关信息。","demoId":"basic-usage"},{"title":"背景图片","content":"<p>通过 <code>background-image</code> 设置信用卡背景图片。</p>\n","link":"credit-card-form/background-image","component":" CreditCardForm 信用卡表单","findIntroStr":"通过表单输入实时改变信用卡卡片的相关信息。","demoId":"background-image"},{"title":"事件","content":"详细用法参考如下示例","link":"credit-card-form/credit-card-form-events","component":" CreditCardForm 信用卡表单","findIntroStr":"通过表单输入实时改变信用卡卡片的相关信息。","demoId":"credit-card-form-events"}]