@opentiny/vue-docs 1.0.0

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

@@ -0,0 +1,442 @@
+[
+  {
+    "title": "基本用法",
+    "content": "<p><code>v-model</code> 的值为当前被选中的 <code>tiny-option</code> 的 <code>value</code> 属性值。</p>\n",
+    "link": "select/basic-usage",
+    "component": " Select 选择器",
+    "findIntroStr": "Select 选择器是一种通过点击弹出下拉列表展示数据并进行选择的 UI 组件。",
+    "demoId": "basic-usage"
+  },
+  {
+    "title": "下拉面板可搜索",
+    "content": "<p>通过 <code>searchable</code> 配置下拉面板是否显示搜索框</p>\n",
+    "link": "select/searchable",
+    "component": " Select 选择器",
+    "findIntroStr": "Select 选择器是一种通过点击弹出下拉列表展示数据并进行选择的 UI 组件。",
+    "demoId": "searchable"
+  },
+  {
+    "title": "多选",
+    "content": "<p>通过 <code>multiple</code> 属性启用多选功能，此时 <code>v-model</code> 的值为当前选中值所组成的数组。默认情况下选中值会以 Tag 的形式展现。</p>\n",
+    "link": "select/multiple",
+    "component": " Select 选择器",
+    "findIntroStr": "Select 选择器是一种通过点击弹出下拉列表展示数据并进行选择的 UI 组件。",
+    "demoId": "multiple"
+  },
+  {
+    "title": "折叠 Tag",
+    "content": "<p>多选时通过设置 <code>collapse-tags</code> 属性将选中值合并为一段文字。</p>\n",
+    "link": "select/collapse-tags",
+    "component": " Select 选择器",
+    "findIntroStr": "Select 选择器是一种通过点击弹出下拉列表展示数据并进行选择的 UI 组件。",
+    "demoId": "collapse-tags"
+  },
+  {
+    "title": "选择个数限制",
+    "content": "<p><code>multiple-limit</code> 属性可指定多选时用户最多可以选择的项目数，默认为 0 不限制。</p>\n",
+    "link": "select/multiple-limit",
+    "component": " Select 选择器",
+    "findIntroStr": "Select 选择器是一种通过点击弹出下拉列表展示数据并进行选择的 UI 组件。",
+    "demoId": "multiple-limit"
+  },
+  {
+    "title": "大数据虚拟滚动",
+    "content": "<p>通过 <code>options</code> 设置下拉选项并且设置 <code>optimization</code> 开启大数据虚拟滚动功能。使用标签配置选项时不支持开启虚拟滚动。\n多选模式下，最大选中项数 <code>multiple-limit</code> 默认值为 20，如果选中项比较多，建议开启 <code>collapse-tags</code> 进行折叠显示。</p>\n",
+    "link": "select/optimization",
+    "component": " Select 选择器",
+    "findIntroStr": "Select 选择器是一种通过点击弹出下拉列表展示数据并进行选择的 UI 组件。",
+    "demoId": "optimization"
+  },
+  {
+    "title": "禁用",
+    "content": "<p>设置 <code>disabled</code> 属性后整个选择器不可用。</p>\n",
+    "link": "select/disabled",
+    "component": " Select 选择器",
+    "findIntroStr": "Select 选择器是一种通过点击弹出下拉列表展示数据并进行选择的 UI 组件。",
+    "demoId": "disabled"
+  },
+  {
+    "title": "下拉选项某些项禁用",
+    "content": "<p>tiny-options 标签设置 <code>disabled</code> 属性后该选项不可用。</p>\n",
+    "link": "select/disabled-options",
+    "component": " Select 选择器",
+    "findIntroStr": "Select 选择器是一种通过点击弹出下拉列表展示数据并进行选择的 UI 组件。",
+    "demoId": "disabled-options"
+  },
+  {
+    "title": "下拉多选默认选中且禁用",
+    "content": "<p>默认选中的标签设置 <code>disabled</code> 属性后，该选项禁用。</p>\n",
+    "link": "select/disabled-and-selected-options",
+    "component": " Select 选择器",
+    "findIntroStr": "Select 选择器是一种通过点击弹出下拉列表展示数据并进行选择的 UI 组件。",
+    "demoId": "disabled-and-selected-options"
+  },
+  {
+    "title": "medium",
+    "content": "<p>通过 <code>size</code> 属性定义输入框尺寸，可选项有 medium、small、mini 。\n通过 <code>options</code> 配置 Select 数据项，使用后不需要再配置 tiny-option。</p>\n",
+    "link": "select/size-medium",
+    "component": " Select 选择器",
+    "findIntroStr": "Select 选择器是一种通过点击弹出下拉列表展示数据并进行选择的 UI 组件。",
+    "demoId": "size-medium"
+  },
+  {
+    "title": "small",
+    "content": "详细用法参考如下示例",
+    "link": "select/size-small",
+    "component": " Select 选择器",
+    "findIntroStr": "Select 选择器是一种通过点击弹出下拉列表展示数据并进行选择的 UI 组件。",
+    "demoId": "size-small"
+  },
+  {
+    "title": "mini",
+    "content": "详细用法参考如下示例",
+    "link": "select/size-mini",
+    "component": " Select 选择器",
+    "findIntroStr": "Select 选择器是一种通过点击弹出下拉列表展示数据并进行选择的 UI 组件。",
+    "demoId": "size-mini"
+  },
+  {
+    "title": "分组",
+    "content": "<p>使用 <code>tiny-option-group</code> 对备选项进行分组，它的 <code>label</code> 属性为分组名，使用 <code>disabled</code> 属性设置该分组下所有选项为禁用。</p>\n",
+    "link": "select/option-group",
+    "component": " Select 选择器",
+    "findIntroStr": "Select 选择器是一种通过点击弹出下拉列表展示数据并进行选择的 UI 组件。",
+    "demoId": "option-group"
+  },
+  {
+    "title": "分组禁用部分选项",
+    "content": "<p>使用 <code>tiny-option-group</code> 对备选项进行分组，禁用部分分组。</p>\n",
+    "link": "select/option-group-disable",
+    "component": " Select 选择器",
+    "findIntroStr": "Select 选择器是一种通过点击弹出下拉列表展示数据并进行选择的 UI 组件。",
+    "demoId": "option-group-disable"
+  },
+  {
+    "title": "change clear blur focus 事件",
+    "content": "<div class=\"tip custom-block\"><p class=\"custom-block-title\">事件说明</p>\n<p>change：选中值发生变化时触发，回调参数为目前的选中值\nclear：可清空的单选模式下用户点击清空按钮时触发\nblur：当 input 失去焦点时触发\nfocus：当 input 获得焦点时触发</p>\n</div>\n",
+    "link": "select/envts-change",
+    "component": " Select 选择器",
+    "findIntroStr": "Select 选择器是一种通过点击弹出下拉列表展示数据并进行选择的 UI 组件。",
+    "demoId": "envts-change"
+  },
+  {
+    "title": "visible-change remove-tag 事件",
+    "content": "<div class=\"tip custom-block\"><p class=\"custom-block-title\">事件说明</p>\n<p>visible-change：下拉框出现/隐藏时触发，回调参数为：出现则为 true，隐藏则为 false\nremove-tag：多选模式下移除tag时触发，回调参数为移除的 tag 值</p>\n</div>\n",
+    "link": "select/envts-remove",
+    "component": " Select 选择器",
+    "findIntroStr": "Select 选择器是一种通过点击弹出下拉列表展示数据并进行选择的 UI 组件。",
+    "demoId": "envts-remove"
+  },
+  {
+    "title": "可搜索",
+    "content": "<p>通过 <code>filterable</code> 属性可启用搜索功能。默认情况下，Select 会找出所有 <code>label</code> 属性包含输入值的选项。如果希望使用其他的搜索逻辑，可以通过传入一个 <code>filter-method</code> 来实现。<code>filter-method</code> 为一个 Function，它会在输入值发生变化时调用，参数为当前输入值。</p>\n",
+    "link": "select/filter-method",
+    "component": " Select 选择器",
+    "findIntroStr": "Select 选择器是一种通过点击弹出下拉列表展示数据并进行选择的 UI 组件。",
+    "demoId": "filter-method"
+  },
+  {
+    "title": "搜索允许复制",
+    "content": "<p>搜索单选场景，不能复制输入框的内容，需要添加属性 <code>allow-copy</code> 才能复制。属性 <code>allow-copy</code> 默认为 <code>false</code>。\n在鼠标悬浮在输入框上时，按下鼠标左键并移动鼠标，可选中之前输入文本；\n在鼠标悬浮在输入框上时，点击鼠标左键，还是原有行为，即输入内容变为 placeholder，内容清空，进入输入状态；</p>\n",
+    "link": "select/search-allow-copy",
+    "component": " Select 选择器",
+    "findIntroStr": "Select 选择器是一种通过点击弹出下拉列表展示数据并进行选择的 UI 组件。",
+    "demoId": "search-allow-copy"
+  },
+  {
+    "title": "创建条目",
+    "content": "<p>通过 <code>allow-create</code> 属性可通过在输入框中输入文字来创建选项中并不存在的新的条目。注意此时 <code>filterable</code> 属性必须为真。而<code>default-first-option</code> 属性设置为 true 后，通过按下回车就可以选中当前选项列表中的第一个选项，无需使用鼠标或键盘方向键进行定位。</p>\n",
+    "link": "select/allow-create",
+    "component": " Select 选择器",
+    "findIntroStr": "Select 选择器是一种通过点击弹出下拉列表展示数据并进行选择的 UI 组件。",
+    "demoId": "allow-create"
+  },
+  {
+    "title": "远程搜索",
+    "content": "<p>为了启用远程搜索，需要将 <code>filterable</code> 和 <code>remote</code> 设置为 <code>true</code>，同时传入一个 <code>remote-method</code>。<code>remote-method</code> 为一个 Function，它会在输入值发生变化时调用，参数为当前输入值。<code>reserve-keyword</code> 属性在多选且可搜索时，可以在选中一个选项后保留当前的搜索关键词。</p>\n",
+    "link": "select/remote-method",
+    "component": " Select 选择器",
+    "findIntroStr": "Select 选择器是一种通过点击弹出下拉列表展示数据并进行选择的 UI 组件。",
+    "demoId": "remote-method"
+  },
+  {
+    "title": "获焦时触发远程搜索",
+    "content": "详细用法参考如下示例",
+    "link": "select/focus-remote-method",
+    "component": " Select 选择器",
+    "findIntroStr": "Select 选择器是一种通过点击弹出下拉列表展示数据并进行选择的 UI 组件。",
+    "demoId": "focus-remote-method"
+  },
+  {
+    "title": "远程搜索允许复制",
+    "content": "<p>远程搜索单选场景，不能复制输入框的内容，需要添加属性 <code>allow-copy</code> 才能复制。属性 <code>allow-copy</code> 默认为 <code>false</code>。\n在鼠标悬浮在输入框上时，按下鼠标左键并移动鼠标，可选中之前输入文本；\n在鼠标悬浮在输入框上时，点击鼠标左键，还是原有行为，即输入内容变为 placeholder，内容清空，进入输入状态；</p>\n",
+    "link": "select/remote-search-allow-copy",
+    "component": " Select 选择器",
+    "findIntroStr": "Select 选择器是一种通过点击弹出下拉列表展示数据并进行选择的 UI 组件。",
+    "demoId": "remote-search-allow-copy"
+  },
+  {
+    "title": "选项可清除",
+    "content": "<p>通过 <code>clearable</code> 属性可将选择器清空，鼠标悬停于选择器上时，会出现清除图标。需要注意的是，<code>clearable</code> 属性仅适用于单选。</p>\n",
+    "link": "select/clearable",
+    "component": " Select 选择器",
+    "findIntroStr": "Select 选择器是一种通过点击弹出下拉列表展示数据并进行选择的 UI 组件。",
+    "demoId": "clearable"
+  },
+  {
+    "title": "name",
+    "content": "<p>通过 <code>name</code> 属性可已设置 name 的属性</p>\n",
+    "link": "select/name",
+    "component": " Select 选择器",
+    "findIntroStr": "Select 选择器是一种通过点击弹出下拉列表展示数据并进行选择的 UI 组件。",
+    "demoId": "name"
+  },
+  {
+    "title": "Select选择器选项可复制",
+    "content": "<p>设置 <code>tag-selectable</code> 属性后，输入框中已选择的选项可通过鼠标选择，然后按 Ctrl + C 或右键进行复制。</p>\n",
+    "link": "select/tag-select",
+    "component": " Select 选择器",
+    "findIntroStr": "Select 选择器是一种通过点击弹出下拉列表展示数据并进行选择的 UI 组件。",
+    "demoId": "tag-select"
+  },
+  {
+    "title": "Select选择器选项支持复制所有",
+    "content": "<p>设置 <code>copyable</code> 属性后，可以复制所有的 <code>tag</code> 文本内容以逗号分隔</p>\n",
+    "link": "select/tag-copy-all",
+    "component": " Select 选择器",
+    "findIntroStr": "Select 选择器是一种通过点击弹出下拉列表展示数据并进行选择的 UI 组件。",
+    "demoId": "tag-copy-all"
+  },
+  {
+    "title": "绑定值为对象",
+    "content": "<p>如果绑定值为对象时，则必须要配置 <code>value-key</code> 属性指定 value 唯一标识的键名。</p>\n",
+    "link": "select/binding-obj",
+    "component": " Select 选择器",
+    "findIntroStr": "Select 选择器是一种通过点击弹出下拉列表展示数据并进行选择的 UI 组件。",
+    "demoId": "binding-obj"
+  },
+  {
+    "title": "自定义无匹配搜索文字",
+    "content": "<p>通过 <code>no-match-text</code> 属性可自定义搜索条件无匹配时显示的文字。</p>\n",
+    "link": "select/no-match-text",
+    "component": " Select 选择器",
+    "findIntroStr": "Select 选择器是一种通过点击弹出下拉列表展示数据并进行选择的 UI 组件。",
+    "demoId": "no-match-text"
+  },
+  {
+    "title": "自定义空数据显示文字",
+    "content": "<p>通过 <code>no-data-text</code> 属性可以自定义选项为空时显示的文字。</p>\n",
+    "link": "select/no-data-text",
+    "component": " Select 选择器",
+    "findIntroStr": "Select 选择器是一种通过点击弹出下拉列表展示数据并进行选择的 UI 组件。",
+    "demoId": "no-data-text"
+  },
+  {
+    "title": "弹出框样式与定位",
+    "content": "<p>通过 <code>popper-class</code> 属性可自定义下拉弹框的样式。<code>popper-append-to-body</code>\t指定是否将弹出框插入至 body 元素。在弹出框的定位出现问题时，可将该属性设置为 false 。</p>\n",
+    "link": "select/popup-style-position",
+    "component": " Select 选择器",
+    "findIntroStr": "Select 选择器是一种通过点击弹出下拉列表展示数据并进行选择的 UI 组件。",
+    "demoId": "popup-style-position"
+  },
+  {
+    "title": "获取焦点既弹出下拉菜单",
+    "content": "<p>设置 <code>automatic-dropdown</code> 属性为 true 后，对于不可搜索的 Select，在输入框获得焦点后将自动弹出选项菜单。</p>\n",
+    "link": "select/automatic-dropdown",
+    "component": " Select 选择器",
+    "findIntroStr": "Select 选择器是一种通过点击弹出下拉列表展示数据并进行选择的 UI 组件。",
+    "demoId": "automatic-dropdown"
+  },
+  {
+    "title": "自定义头部内容",
+    "content": "<p>通过 <code>prefix</code> 插槽自定义输入框头部内容。</p>\n",
+    "link": "select/custom-prefix",
+    "component": " Select 选择器",
+    "findIntroStr": "Select 选择器是一种通过点击弹出下拉列表展示数据并进行选择的 UI 组件。",
+    "demoId": "custom-prefix"
+  },
+  {
+    "title": "自定义下拉内容",
+    "content": "<p>通过 Option 的默认插槽实现，将自定义的 HTML 模板插入 <code>tiny-option</code> 的 slot 中即可。</p>\n",
+    "link": "select/custom-options",
+    "component": " Select 选择器",
+    "findIntroStr": "Select 选择器是一种通过点击弹出下拉列表展示数据并进行选择的 UI 组件。",
+    "demoId": "custom-options"
+  },
+  {
+    "title": "自定义触发源插槽",
+    "content": "<p>通过 <code>reference</code> 插槽自定义触发源的 HTML 模板。</p>\n",
+    "link": "select/custom-reference-slot",
+    "component": " Select 选择器",
+    "findIntroStr": "Select 选择器是一种通过点击弹出下拉列表展示数据并进行选择的 UI 组件。",
+    "demoId": "custom-reference-slot"
+  },
+  {
+    "title": "不展示全选选项",
+    "content": "<p><code>show-alloption</code> 属性设置为 false 后将不展示 <code>全选</code> 选项，默认为 true 。</p>\n",
+    "link": "select/show-alloption",
+    "component": " Select 选择器",
+    "findIntroStr": "Select 选择器是一种通过点击弹出下拉列表展示数据并进行选择的 UI 组件。",
+    "demoId": "show-alloption"
+  },
+  {
+    "title": "改变输入框的值",
+    "content": "详细用法参考如下示例",
+    "link": "select/set-input-value",
+    "component": " Select 选择器",
+    "findIntroStr": "Select 选择器是一种通过点击弹出下拉列表展示数据并进行选择的 UI 组件。",
+    "demoId": "set-input-value"
+  },
+  {
+    "title": "手动获取焦点",
+    "content": "<p>通过调用 <code>focus()</code> 方法使 input 获取焦点。</p>\n",
+    "link": "select/manual-focus-blur",
+    "component": " Select 选择器",
+    "findIntroStr": "Select 选择器是一种通过点击弹出下拉列表展示数据并进行选择的 UI 组件。",
+    "demoId": "manual-focus-blur"
+  },
+  {
+    "title": "下拉列表跟随输入框宽度",
+    "content": "<p>通过 <code>is-drop-inherit-width</code> 属性设置下拉列表是否跟随输入框宽度。默认为 <code>false</code> 表示不跟随，内容可撑开下拉列表宽度，设置为 <code>true</code> 则跟随宽度。</p>\n",
+    "link": "select/is-drop-inherit-width",
+    "component": " Select 选择器",
+    "findIntroStr": "Select 选择器是一种通过点击弹出下拉列表展示数据并进行选择的 UI 组件。",
+    "demoId": "is-drop-inherit-width"
+  },
+  {
+    "title": "默认插槽",
+    "content": "<p>通过 <code>default</code> 默认插槽列表。</p>\n",
+    "link": "select/slot-default",
+    "component": " Select 选择器",
+    "findIntroStr": "Select 选择器是一种通过点击弹出下拉列表展示数据并进行选择的 UI 组件。",
+    "demoId": "slot-default"
+  },
+  {
+    "title": "底部插槽",
+    "content": "<p>通过 <code>footer</code> 使用底部插槽。</p>\n",
+    "link": "select/slot-footer",
+    "component": " Select 选择器",
+    "findIntroStr": "Select 选择器是一种通过点击弹出下拉列表展示数据并进行选择的 UI 组件。",
+    "demoId": "slot-footer"
+  },
+  {
+    "title": "空数据插槽",
+    "content": "<p>通过 <code>empty</code> 设置没有数据时显示的提示语。</p>\n",
+    "link": "select/slot-empty",
+    "component": " Select 选择器",
+    "findIntroStr": "Select 选择器是一种通过点击弹出下拉列表展示数据并进行选择的 UI 组件。",
+    "demoId": "slot-empty"
+  },
+  {
+    "title": "嵌套单选 Grid",
+    "content": "详细用法参考如下示例",
+    "link": "select/nest-radio-grid",
+    "component": " Select 选择器",
+    "findIntroStr": "Select 选择器是一种通过点击弹出下拉列表展示数据并进行选择的 UI 组件。",
+    "demoId": "nest-radio-grid"
+  },
+  {
+    "title": "嵌套单选 Grid，可搜索，可清除",
+    "content": "详细用法参考如下示例",
+    "link": "select/nest-checkbox-grid-clearable",
+    "component": " Select 选择器",
+    "findIntroStr": "Select 选择器是一种通过点击弹出下拉列表展示数据并进行选择的 UI 组件。",
+    "demoId": "nest-checkbox-grid-clearable"
+  },
+  {
+    "title": "嵌套多选 Grid",
+    "content": "详细用法参考如下示例",
+    "link": "select/nest-checkbox-grid",
+    "component": " Select 选择器",
+    "findIntroStr": "Select 选择器是一种通过点击弹出下拉列表展示数据并进行选择的 UI 组件。",
+    "demoId": "nest-checkbox-grid"
+  },
+  {
+    "title": "text-field",
+    "content": "详细用法参考如下示例",
+    "link": "select/nest-checkbox-grid",
+    "component": " Select 选择器",
+    "findIntroStr": "Select 选择器是一种通过点击弹出下拉列表展示数据并进行选择的 UI 组件。",
+    "demoId": "nest-checkbox-grid1"
+  },
+  {
+    "title": "value-field",
+    "content": "详细用法参考如下示例",
+    "link": "select/nest-checkbox-grid",
+    "component": " Select 选择器",
+    "findIntroStr": "Select 选择器是一种通过点击弹出下拉列表展示数据并进行选择的 UI 组件。",
+    "demoId": "nest-checkbox-grid2"
+  },
+  {
+    "title": "嵌套 Grid 数据项禁用",
+    "content": "<p>下拉表格多选模式，通过 <code>select-config</code> 配置项的属性 <code>checkMethod</code> ，传入自定义方法判断哪些数据项被禁用，方法会判断每个数据项，需返回值为 <code>true</code> 或者 <code>false</code>，代表此数据项启用或者禁用。下拉表格单选模式，通过 <code>radio-config</code> 配置项的属性 <code>checkMethod</code> ，传入自定义方法判断哪些数据项被禁用，方法会判断每个数据项，需返回值为 <code>true</code> 或者 <code>false</code>，代表此数据项启用或者禁用。</p>\n",
+    "link": "select/disable-grid-select-radio",
+    "component": " Select 选择器",
+    "findIntroStr": "Select 选择器是一种通过点击弹出下拉列表展示数据并进行选择的 UI 组件。",
+    "demoId": "disable-grid-select-radio"
+  },
+  {
+    "title": "嵌套 Grid 开启远程搜索(多选)",
+    "content": "<p>配置 <code>render-type</code> 为 <code>grid</code> 嵌套Grid；将 <code>filterable</code> 和 <code>remote</code> 设置为 <code>true</code>，同时传入 <code>remote-method</code> 方法，开启远程搜索。如需自动搜索和显示展开按钮，需设置 <code>remote-config</code> </p>\n",
+    "link": "select/nest-grid-remote-filter",
+    "component": " Select 选择器",
+    "findIntroStr": "Select 选择器是一种通过点击弹出下拉列表展示数据并进行选择的 UI 组件。",
+    "demoId": "nest-grid-remote-filter"
+  },
+  {
+    "title": "嵌套 Grid 开启远程搜索(单选)",
+    "content": "<p>配置 <code>render-type</code> 为 <code>grid</code> 嵌套Grid；将 <code>filterable</code> 和 <code>remote</code> 设置为 <code>true</code>，同时传入 <code>remote-method</code> 方法，开启远程搜索。如需自动搜索和显示展开按钮，需设置 <code>remote-config</code> </p>\n",
+    "link": "select/nest-remote-grid",
+    "component": " Select 选择器",
+    "findIntroStr": "Select 选择器是一种通过点击弹出下拉列表展示数据并进行选择的 UI 组件。",
+    "demoId": "nest-remote-grid"
+  },
+  {
+    "title": "嵌套 Grid 且数据量大",
+    "content": "详细用法参考如下示例",
+    "link": "select/nest-radio-grid-much-data",
+    "component": " Select 选择器",
+    "findIntroStr": "Select 选择器是一种通过点击弹出下拉列表展示数据并进行选择的 UI 组件。",
+    "demoId": "nest-radio-grid-much-data"
+  },
+  {
+    "title": "嵌套单选 Tree",
+    "content": "详细用法参考如下示例",
+    "link": "select/nest-radio-tree",
+    "component": " Select 选择器",
+    "findIntroStr": "Select 选择器是一种通过点击弹出下拉列表展示数据并进行选择的 UI 组件。",
+    "demoId": "nest-radio-tree"
+  },
+  {
+    "title": "嵌套多选 Tree",
+    "content": "详细用法参考如下示例",
+    "link": "select/nest-checkbox-tree",
+    "component": " Select 选择器",
+    "findIntroStr": "Select 选择器是一种通过点击弹出下拉列表展示数据并进行选择的 UI 组件。",
+    "demoId": "nest-checkbox-tree"
+  },
+  {
+    "title": "可搜索 tree",
+    "content": "详细用法参考如下示例",
+    "link": "select/nest-filterable-tree",
+    "component": " Select 选择器",
+    "findIntroStr": "Select 选择器是一种通过点击弹出下拉列表展示数据并进行选择的 UI 组件。",
+    "demoId": "nest-filterable-tree"
+  },
+  {
+    "title": "配置方式",
+    "content": "<p>通过设置 <code>cache-op</code> 开启缓存功能并且通过 <code>options</code> 设置下来选项。</p>\n",
+    "link": "select/cache-usage",
+    "component": " Select 选择器",
+    "findIntroStr": "Select 选择器是一种通过点击弹出下拉列表展示数据并进行选择的 UI 组件。",
+    "demoId": "cache-usage"
+  },
+  {
+    "title": "插槽方式",
+    "content": "<p>通过 slot 设置列表渲染组件为 <code>vue-option</code> 来输出下拉列表，则需要手动加入缓存功能。</p>\n",
+    "link": "select/memoize-usage",
+    "component": " Select 选择器",
+    "findIntroStr": "Select 选择器是一种通过点击弹出下拉列表展示数据并进行选择的 UI 组件。",
+    "demoId": "memoize-usage"
+  }
+]

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

@@ -0,0 +1 @@
+[{"title":"基本用法","content":"详细用法参考如下示例","link":"slide-bar/basic-usage","component":" SlideBar 滚动块","findIntroStr":"SlideBar 滚动块，可以用作文字块的滑动。","demoId":"basic-usage"},{"title":"每次滚动块数","content":"<p>可通过 <code>wheel-blocks</code> 设置每次滚动块数。\n可通过 <code>value</code> 调用服务时候获取数据的来源</p>\n","link":"slide-bar/wheel-blocks","component":" SlideBar 滚动块","findIntroStr":"SlideBar 滚动块，可以用作文字块的滑动。","demoId":"wheel-blocks"},{"title":"自定义滚动块内容","content":"<p>通过插槽自定义滚动块内容。</p>\n","link":"slide-bar/custom-content","component":" SlideBar 滚动块","findIntroStr":"SlideBar 滚动块，可以用作文字块的滑动。","demoId":"custom-content"},{"title":"自定义 DOM 标签","content":"<p>可通过 <code>tag sub-tag</code> 自定义 DOM 标签。</p>\n","link":"slide-bar/custom-tag","component":" SlideBar 滚动块","findIntroStr":"SlideBar 滚动块，可以用作文字块的滑动。","demoId":"custom-tag"},{"title":"滚动块事件","content":"详细用法参考如下示例","link":"slide-bar/slide-bar-events","component":" SlideBar 滚动块","findIntroStr":"SlideBar 滚动块，可以用作文字块的滑动。","demoId":"slide-bar-events"}]

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

@@ -0,0 +1 @@
+[{"title":"基本用法","content":"详细用法参考如下示例","link":"slider/basic-usage","component":" Slider 滑块","findIntroStr":"通过鼠标滑动滑块来确定位置和大小。多种形式，横向、纵向和范围滑块。","demoId":"basic-usage"},{"title":"竖向模式","content":"<p>通过设置<code>vertical</code> 属性来展示滑块竖向模式（不设置，默认为横向模式）\n竖向模式可以通过 <code>height</code> 设置组件高度</p>\n","link":"slider/vertical-mode","component":" Slider 滑块","findIntroStr":"通过鼠标滑动滑块来确定位置和大小。多种形式，横向、纵向和范围滑块。","demoId":"vertical-mode"},{"title":"最大最小值","content":"<p>通过设置<code>min</code> <code>max</code> 来设置滑块取值范围</p>\n","link":"slider/max-min","component":" Slider 滑块","findIntroStr":"通过鼠标滑动滑块来确定位置和大小。多种形式，横向、纵向和范围滑块。","demoId":"max-min"},{"title":"当前值","content":"<p>通过设置<code>format-tooltip</code> 来属性设置 value</p>\n","link":"slider/format-tooltip","component":" Slider 滑块","findIntroStr":"通过鼠标滑动滑块来确定位置和大小。多种形式，横向、纵向和范围滑块。","demoId":"format-tooltip"},{"title":"范围选择","content":"<p>通过<code>v-model</code> 为数组 设定初始范围选择</p>\n","link":"slider/range-select","component":" Slider 滑块","findIntroStr":"通过鼠标滑动滑块来确定位置和大小。多种形式，横向、纵向和范围滑块。","demoId":"range-select"},{"title":"输入框模式","content":"<p>通过配置<code>show-input</code>，开启滑块输入框模式</p>\n","link":"slider/show-iput","component":" Slider 滑块","findIntroStr":"通过鼠标滑动滑块来确定位置和大小。多种形式，横向、纵向和范围滑块。","demoId":"show-iput"},{"title":"快捷键操作","content":"<p>设置总步数，即按快捷键 PageDown/PageUp 时，每次移动的距离是(最大值-最小值)/分页数</p>\n","link":"slider/shortcut-operation","component":" Slider 滑块","findIntroStr":"通过鼠标滑动滑块来确定位置和大小。多种形式，横向、纵向和范围滑块。","demoId":"shortcut-operation"},{"title":"禁用","content":"<p>通过设置属性<code>disabled</code> ,设置滑动滑块禁止滑动</p>\n","link":"slider/dynamic-disable","component":" Slider 滑块","findIntroStr":"通过鼠标滑动滑块来确定位置和大小。多种形式，横向、纵向和范围滑块。","demoId":"dynamic-disable"},{"title":"提示","content":"<p>通过设定<code>:show-tip=&quot;false&quot;</code>，关闭滑块提示。(默认开启)</p>\n","link":"slider/show-tip","component":" Slider 滑块","findIntroStr":"通过鼠标滑动滑块来确定位置和大小。多种形式，横向、纵向和范围滑块。","demoId":"show-tip"},{"title":"步长","content":"<p>通过设置<code>step</code>来配置滑块滑动的步长</p>\n","link":"slider/about-step","component":" Slider 滑块","findIntroStr":"通过鼠标滑动滑块来确定位置和大小。多种形式，横向、纵向和范围滑块。","demoId":"about-step"},{"title":"change 事件","content":"<p>change 事件</p>\n","link":"slider/slider-event-change","component":" Slider 滑块","findIntroStr":"通过鼠标滑动滑块来确定位置和大小。多种形式，横向、纵向和范围滑块。","demoId":"slider-event-change"},{"title":"start 滑块开始滑动事件","content":"<p>start 滑块开始滑动事件</p>\n","link":"slider/slider-event-start","component":" Slider 滑块","findIntroStr":"通过鼠标滑动滑块来确定位置和大小。多种形式，横向、纵向和范围滑块。","demoId":"slider-event-start"},{"title":"stop 滑块停止滑动事件","content":"<p>stop 滑块停止滑动事件</p>\n","link":"slider/slider-event-stop","component":" Slider 滑块","findIntroStr":"通过鼠标滑动滑块来确定位置和大小。多种形式，横向、纵向和范围滑块。","demoId":"slider-event-stop"},{"title":"自定义插槽","content":"详细用法参考如下示例","link":"slider/slider-slot","component":" Slider 滑块","findIntroStr":"通过鼠标滑动滑块来确定位置和大小。多种形式，横向、纵向和范围滑块。","demoId":"slider-slot"}]

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

@@ -0,0 +1 @@
+[{"title":"基本用法","content":"详细用法参考如下示例","link":"split/basic-usage","component":" Split 面板分割","findIntroStr":"常用于将一片区域，分割为可以拖拽调整宽度或高度的两部分区域。","demoId":"basic-usage"},{"title":"面板阈值","content":"详细用法参考如下示例","link":"split/split-threshold","component":" Split 面板分割","findIntroStr":"常用于将一片区域，分割为可以拖拽调整宽度或高度的两部分区域。","demoId":"split-threshold"},{"title":"分割方式","content":"<p>同个mode设置分割类型，可选值为 <code>horizontal</code>（横向） 或 <code>vertical</code>（纵向）；默认值<code>horizontal</code>。</p>\n","link":"split/split-mode","component":" Split 面板分割","findIntroStr":"常用于将一片区域，分割为可以拖拽调整宽度或高度的两部分区域。","demoId":"split-mode"},{"title":"不可拖拽","content":"详细用法参考如下示例","link":"split/basic-usage1","component":" Split 面板分割","findIntroStr":"常用于将一片区域，分割为可以拖拽调整宽度或高度的两部分区域。","demoId":"basic-usage1"},{"title":"movestart 事件","content":"<p>开始移动事件</p>\n","link":"split/movestart-event","component":" Split 面板分割","findIntroStr":"常用于将一片区域，分割为可以拖拽调整宽度或高度的两部分区域。","demoId":"movestart-event"},{"title":"moving 事件","content":"<p>移动中事件</p>\n","link":"split/moving-event","component":" Split 面板分割","findIntroStr":"常用于将一片区域，分割为可以拖拽调整宽度或高度的两部分区域。","demoId":"moving-event"},{"title":"moveend 事件","content":"<p>移动完成事件</p>\n","link":"split/moveend-event","component":" Split 面板分割","findIntroStr":"常用于将一片区域，分割为可以拖拽调整宽度或高度的两部分区域。","demoId":"moveend-event"},{"title":"左右面板插槽","content":"详细用法参考如下示例","link":"split/left-right-slot","component":" Split 面板分割","findIntroStr":"常用于将一片区域，分割为可以拖拽调整宽度或高度的两部分区域。","demoId":"left-right-slot"},{"title":"上下面板插槽","content":"详细用法参考如下示例","link":"split/top-bottom-slot","component":" Split 面板分割","findIntroStr":"常用于将一片区域，分割为可以拖拽调整宽度或高度的两部分区域。","demoId":"top-bottom-slot"},{"title":"拖拽插槽","content":"详细用法参考如下示例","link":"split/trigger-slot","component":" Split 面板分割","findIntroStr":"常用于将一片区域，分割为可以拖拽调整宽度或高度的两部分区域。","demoId":"trigger-slot"},{"title":"嵌套使用","content":"详细用法参考如下示例","link":"split/nested-use","component":" Split 面板分割","findIntroStr":"常用于将一片区域，分割为可以拖拽调整宽度或高度的两部分区域。","demoId":"nested-use"}]

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

@@ -0,0 +1 @@
+[{"title":"基本用法","content":"详细用法参考如下示例","link":"steps/data-resource","component":" Steps 步骤条","findIntroStr":"Steps 步骤条","demoId":"data-resource"},{"title":"普通步骤条","content":"<p>使用 <code>tiny-time-line</code> 标签，并设置 <code>type</code> 为 <code>normal</code> 实现普通步骤条。</p>\n","link":"steps/normal-steps","component":" Steps 步骤条","findIntroStr":"Steps 步骤条","demoId":"normal-steps"},{"title":"高级向导","content":"<p>设置 <code>type</code> 为 <code>advanced</code> 启用高级向导功能。</p>\n","link":"steps/advanced-steps","component":" Steps 步骤条","findIntroStr":"Steps 步骤条","demoId":"advanced-steps"},{"title":"时间线步骤条","content":"<p>使用 <code>tiny-time-line</code> 标签，并设置 <code>type</code> 为 <code>timeline</code> 实现时间线步骤条。同时若配置 <code>vertical</code> 属性，时间线步骤条将变成竖向模式，而若再配置 <code>reverse</code> 属性，则还可以实现时间线步骤条竖向模式的反向形式。</p>\n","link":"steps/timeline-steps","component":" Steps 步骤条","findIntroStr":"Steps 步骤条","demoId":"timeline-steps"},{"title":"自定义数据项","content":"<p>默认情况下，绑定数据的子对象包含 name、count、status 字段。\n<code>name-field</code>：设置节点信息中名称对应的字段名，默认为 'name' 。\n<code>count-field</code>：设置高级向导里徽标计数对应的字段名，默认为 'count' 。\n<code>status-field</code>：设置数据状态对应的字段名，默认为 'status' 。</p>\n","link":"steps/custom-steps-item","component":" Steps 步骤条","findIntroStr":"Steps 步骤条","demoId":"custom-steps-item"},{"title":"订单流程","content":"<p>通过 Steps 组件模拟订单流程。</p>\n","link":"steps/order-progress","component":" Steps 步骤条","findIntroStr":"Steps 步骤条","demoId":"order-progress"},{"title":"点击事件","content":"<p>点击节点时触发 <code>click</code> 事件。</p>\n","link":"steps/click","component":" Steps 步骤条","findIntroStr":"Steps 步骤条","demoId":"click"},{"title":"插槽的使用","content":"<p>通过作用域插槽 <code>item</code> 自定义步骤条节点内容。</p>\n","link":"steps/slot","component":" Steps 步骤条","findIntroStr":"Steps 步骤条","demoId":"slot"}]

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

@@ -0,0 +1 @@
+[{"title":"基本用法","content":"详细用法参考如下示例","link":"switch/basic-usage","component":" Switch 开关","findIntroStr":"Switch 在两种状态间切换选择。","demoId":"basic-usage"},{"title":"迷你尺寸","content":"详细用法参考如下示例","link":"switch/mini-mode","component":" Switch 开关","findIntroStr":"设置是否显示为 mini 模式，默认为 false。当设置 `mini` 为 `true` 时，不会显示文字提示。","demoId":"mini-mode"},{"title":"自定义开关显示","content":"通过具名插槽 open 和 close 自定义 Switch 显示。前提是配置<code>show-text</code>为<code>true</code>","link":"switch/custom-open-close","component":" Switch 开关","findIntroStr":"通过具名插槽 open 和 close 自定义 Switch 显示。","demoId":"custom-open-close"},{"title":"自定义开关取值","content":"<p><code>false-value</code> 属性表示的是关闭时取付给 <code>false-value</code> 的值。\n<code>true-value</code> 属性表示的是开启时取付给 <code>true-value</code> 的值,v-model里定义的属性名是 <code>value</code> 时就能拿的到 <code>true-value</code> 或<code>false-value</code> 里的值。</p>\n","link":"switch/custom-true-false-value","component":" Switch 开关","findIntroStr":"通过 true-value 和 false-value 属性设置 Switch 在开和关状态下的不同取值。","demoId":"custom-true-false-value"},{"title":"禁用状态","content":"<p><code>disable</code> 属性表示的是当前状态是无法被使用的，默认值为false(true/false)。</p>\n","link":"switch/dynamic-disable","component":" Switch 开关","findIntroStr":"通过 disabled 属性设置 Switch 禁用状态。","demoId":"dynamic-disable"}]

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

@@ -0,0 +1 @@
+[{"title":"基本用法","content":"<p>通过 <code>v-model</code> 设置初始激活的标签页，绑定的值对应 <code>tiny-tab-item</code> 元素中 <code>name</code> 属性的值。一个 <code>tiny-tab-item</code> 为一个标签页，通过 <code>title</code> 属性设置标签页标题。</p>\n","link":"tabs/basic-usage","component":" Tabs 标签页","findIntroStr":"分隔内容上有关联但属于不同类别的数据集合。","demoId":"basic-usage"},{"title":"card 类型","content":"<p>通过 <code>tab-style</code> 设置标签页风格类型， 通过 <code>active-name</code> 设置初始激活的标签页 。</p>\n","link":"tabs/tab-style-card","component":" Tabs 标签页","findIntroStr":"分隔内容上有关联但属于不同类别的数据集合。","demoId":"tab-style-card"},{"title":"bordercard 类型","content":"<p>通过 <code>tab-style</code> 设置标签页风格类型为 <code>bordercard</code> 。</p>\n","link":"tabs/tab-style-bordercard","component":" Tabs 标签页","findIntroStr":"分隔内容上有关联但属于不同类别的数据集合。","demoId":"tab-style-bordercard"},{"title":"标签页可增加","content":"<p>设置 <code>with-add</code> 属性启用标签可增加功能。同时通过 <code>add</code> 事件自定义实现增加标签页的逻辑。配置 <code>show-more-tabs</code> 属性后当标签页超过一定宽度时将显示 <code>更多</code> 按钮。</p>\n","link":"tabs/with-add","component":" Tabs 标签页","findIntroStr":"分隔内容上有关联但属于不同类别的数据集合。","demoId":"with-add"},{"title":"标签页可关闭","content":"<p>通过 <code>withClose</code> 属性设置是否可关闭标签页。同时可通过 <code>close</code> 事件自定义实现关闭标签页的逻辑。</p>\n","link":"tabs/tabs-events-close","component":" Tabs 标签页","findIntroStr":"分隔内容上有关联但属于不同类别的数据集合。","demoId":"tabs-events-close1"},{"title":"top 显示位置","content":"<p>通过 <code>position</code> 属性设置标签页显示位置，可选值有 <code>top</code>、<code>right</code>、<code>bottom</code>、<code>left</code>，默认为 <code>top</code> 。</p>\n","link":"tabs/position","component":" Tabs 标签页","findIntroStr":"分隔内容上有关联但属于不同类别的数据集合。","demoId":"position"},{"title":"右侧显示","content":"详细用法参考如下示例","link":"tabs/position-right","component":" Tabs 标签页","findIntroStr":"分隔内容上有关联但属于不同类别的数据集合。","demoId":"position-right"},{"title":"下方显示","content":"详细用法参考如下示例","link":"tabs/position-bottom","component":" Tabs 标签页","findIntroStr":"分隔内容上有关联但属于不同类别的数据集合。","demoId":"position-bottom"},{"title":"左侧显示","content":"详细用法参考如下示例","link":"tabs/position-left","component":" Tabs 标签页","findIntroStr":"分隔内容上有关联但属于不同类别的数据集合。","demoId":"position-left"},{"title":"离开前事件","content":"<p><code>before-leave</code> 切换标签之前的钩子函数，若返回 false 或者返回 Promise 且被 reject，则阻止切换，返回 true 则可以切换。</p>\n","link":"tabs/before-leave","component":" Tabs 标签页","findIntroStr":"分隔内容上有关联但属于不同类别的数据集合。","demoId":"before-leave"},{"title":"可自动撑开","content":"<p><code>stretch</code> 属性设置标签的宽度是否自撑开，默认为 false 。</p>\n","link":"tabs/stretch-wh","component":" Tabs 标签页","findIntroStr":"分隔内容上有关联但属于不同类别的数据集合。","demoId":"stretch-wh"},{"title":"add 事件","content":"<p>点击新增按钮增加标签页时触发 <code>add</code> 事件</p>\n","link":"tabs/tabs-events-add","component":" Tabs 标签页","findIntroStr":"分隔内容上有关联但属于不同类别的数据集合。","demoId":"tabs-events-add"},{"title":"click 事件","content":"<p>单击标签页时触发 <code>click</code> 事件</p>\n","link":"tabs/tabs-events-click","component":" Tabs 标签页","findIntroStr":"分隔内容上有关联但属于不同类别的数据集合。","demoId":"tabs-events-click"},{"title":"close 事件","content":"<p>关闭标签页时触发 <code>close</code> 事件</p>\n","link":"tabs/tabs-events-close","component":" Tabs 标签页","findIntroStr":"分隔内容上有关联但属于不同类别的数据集合。","demoId":"tabs-events-close"},{"title":"edit 事件","content":"<p>点击新增按钮增加标签页 或 标签页被关闭后触发 <code>edit</code> 事件</p>\n","link":"tabs/tabs-events-edit","component":" Tabs 标签页","findIntroStr":"分隔内容上有关联但属于不同类别的数据集合。","demoId":"tabs-events-edit"},{"title":"自定义标签页标题","content":"<p>通过 <code>tiny-tab-item</code> 的 <code>title</code> 插槽自定义标签页标题，比如在标题前增加图标。</p>\n","link":"tabs/custom-tab-title","component":" Tabs 标签页","findIntroStr":"分隔内容上有关联但属于不同类别的数据集合。","demoId":"custom-tab-title"},{"title":"循环创建标签页","content":"<p>通过 <code>v-for</code> 根据数据循环创建多个 <code>tiny-tab-item</code> 。</p>\n","link":"tabs/tabdata-title","component":" Tabs 标签页","findIntroStr":"分隔内容上有关联但属于不同类别的数据集合。","demoId":"tabdata-title"},{"title":"标签页切换不同 Grid","content":"<blockquote>\n<p>Tabs 组件里使用 Grid 组件需要 Grid 设置属性 <code>:auto-resize=&quot;true&quot;</code>，这样才能让 Grid 自适应父元素响应变化。</p>\n</blockquote>\n","link":"tabs/show-different-grid-data","component":" Tabs 标签页","findIntroStr":"分隔内容上有关联但属于不同类别的数据集合。","demoId":"show-different-grid-data"}]

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

@@ -0,0 +1 @@
+[{"title":"基本用法","content":"详细用法参考如下示例","link":"tag/basic-usage","component":" Tag 标签","findIntroStr":"Tag 标签组件，用于标记事物的属性和维度","demoId":"basic-usage"},{"title":"颜色","content":"<p>可通过 <code>color</code> 设置标签背景色。</p>\n","link":"tag/color3","component":" Tag 标签","findIntroStr":"Tag 标签组件，用于标记事物的属性和维度","demoId":"color3"},{"title":"边框","content":"<p>可通过 <code>hit</code> 设置标签边框，可选值（true/false）true为有边框，false无边框,默认值为 false。</p>\n","link":"tag/hit","component":" Tag 标签","findIntroStr":"Tag 标签组件，用于标记事物的属性和维度","demoId":"hit"},{"title":"尺寸","content":"<p>可通过 <code>size</code> 设置Tag标签大小，可选值（medium / small / mini）。</p>\n","link":"tag/tag-size","component":" Tag 标签","findIntroStr":"Tag 标签组件，用于标记事物的属性和维度","demoId":"tag-size"},{"title":"主题","content":"<p>可通过 <code>effect</code> 设置Tag标签主题，可选值（dark / light / plain）。\n<code>type</code>可以为标签设置相应的类型，可选值（success / info / warning / danger）。</p>\n","link":"tag/effect","component":" Tag 标签","findIntroStr":"Tag 标签组件，用于标记事物的属性和维度","demoId":"effect"},{"title":"动态编辑标签","content":"<p>通过点击<code>+ New Tag</code>在文本框中输入你要定义的标签名就能在标签列表中最后一个创建标签 。<code>closable</code> 属性可以为标签设置成可去除标签。</p>\n","link":"tag/create","component":" Tag 标签","findIntroStr":"Tag 标签组件，用于标记事物的属性和维度","demoId":"create"},{"title":"可移除标签","content":"详细用法参考如下示例","link":"tag/closeable","component":" Tag 标签","findIntroStr":"Tag 标签组件，用于标记事物的属性和维度","demoId":"closeable"},{"title":"Click 事件","content":"详细用法参考如下示例","link":"tag/tag-event-click","component":" Tag 标签","findIntroStr":"Tag 标签组件，用于标记事物的属性和维度","demoId":"tag-event-click"},{"title":"Close 事件","content":"详细用法参考如下示例","link":"tag/tag-event-close","component":" Tag 标签","findIntroStr":"Tag 标签组件，用于标记事物的属性和维度","demoId":"tag-event-close"}]

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

@@ -0,0 +1 @@
+[{"title":"基本用法","content":"详细用法参考如下示例","link":"text-popup/basic-usage","component":" TextPopup 输入框","findIntroStr":"TextPopup 输入框，提供数据绑定功能。","demoId":"basic-usage"},{"title":"提示占位文本","content":"<p><code>placeholder</code> 属性的值为 <code>string</code> 此属性会把值默认显示到输入框中。</p>\n","link":"text-popup/placeholder","component":" TextPopup 输入框","findIntroStr":"TextPopup 输入框，提供数据绑定功能。","demoId":"placeholder"},{"title":"只读","content":"<p>可通过 <code>readonly</code> 设置是否只读。</p>\n","link":"text-popup/readonly","component":" TextPopup 输入框","findIntroStr":"TextPopup 输入框，提供数据绑定功能。","demoId":"readonly"},{"title":"分隔符","content":"<p>可通过 <code>separtor</code> 设置分隔符,在文本框中输入回车就是分隔符的位置。</p>\n","link":"text-popup/separtor","component":" TextPopup 输入框","findIntroStr":"TextPopup 输入框，提供数据绑定功能。","demoId":"separtor"},{"title":"绑定值","content":"<p>可通过 <code>value</code> 或 <code>v-model</code> 设置绑定值。</p>\n","link":"text-popup/value","component":" TextPopup 输入框","findIntroStr":"TextPopup 输入框，提供数据绑定功能。","demoId":"value"},{"title":"清除 value 值","content":"详细用法参考如下示例","link":"text-popup/clear-value","component":" TextPopup 输入框","findIntroStr":"TextPopup 输入框，提供数据绑定功能。","demoId":"clear-value"},{"title":"宽度","content":"<p>可通过 <code>width</code> 设置宽度。</p>\n","link":"text-popup/width","component":" TextPopup 输入框","findIntroStr":"TextPopup 输入框，提供数据绑定功能。","demoId":"width"}]

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

@@ -0,0 +1 @@
+[{"title":"基本用法","content":"<p>通过 <code>data</code> 属性设置时间线步骤条数据，通过 <code>active</code> 属性设置步骤条的选中步骤。</p>\n","link":"time-line/basic-usage","component":" TimeLine 时间线","findIntroStr":"TimeLine 时间线","demoId":"basic-usage"},{"title":"横向时间线","content":"<p>通过 <code>horizontal</code> 属性设置横向时间线。</p>\n","link":"time-line/horizontal-step","component":" TimeLine 时间线","findIntroStr":"TimeLine 时间线","demoId":"horizontal-step"},{"title":"竖向时间线","content":"<p>通过 <code>vertical</code> 属性设置竖向时间线。</p>\n","link":"time-line/vertical-step","component":" TimeLine 时间线","findIntroStr":"TimeLine 时间线","demoId":"vertical-step"},{"title":"竖向时间线的方向","content":"<p>通过 <code>reverse</code> 属性设置竖向步骤条的方向。</p>\n","link":"time-line/vertical-step-reverse","component":" TimeLine 时间线","findIntroStr":"TimeLine 时间线","demoId":"vertical-step-reverse"},{"title":"宽度设置","content":"<p>通过 <code>space</code>属性设置步骤条的宽度。</p>\n","link":"time-line/set-step-width","component":" TimeLine 时间线","findIntroStr":"TimeLine 时间线","demoId":"set-step-width"},{"title":"数据映射","content":"<p>通过 <code>name-field</code> 属性设置节点信息中名称对应的字段名，通过 <code>time-field</code> 属性设置节点时间信息对应的字段名。</p>\n","link":"time-line/different-data","component":" TimeLine 时间线","findIntroStr":"TimeLine 时间线","demoId":"different-data"},{"title":"设置序号起始值","content":"<p>通过 <code>start</code> 属性设置步骤条序号起始值。</p>\n","link":"time-line/set-start-value","component":" TimeLine 时间线","findIntroStr":"TimeLine 时间线","demoId":"set-start-value"},{"title":"显示组件内部状态","content":"<p>通过 <code>show-status</code> 属性设置是否显示组件内部状态。默认为 <code>false</code>，表示不显示。</p>\n","link":"time-line/show-status","component":" TimeLine 时间线","findIntroStr":"TimeLine 时间线","demoId":"show-status"},{"title":"未完成的序号显示","content":"<p>通过 <code>show-number</code> 属性设置未完成的状态是否显示序号。</p>\n","link":"time-line/show-number","component":" TimeLine 时间线","findIntroStr":"TimeLine 时间线","demoId":"show-number"},{"title":"自定义横向时间线","content":"<p><code>slot</code> 为 <code>top</code>可以自定义步骤条顶部内容，<code>slot</code> 为 <code>bottom</code> 可以自定义步骤条底部内容。</p>\n","link":"time-line/custom-normal-step","component":" TimeLine 时间线","findIntroStr":"TimeLine 时间线","demoId":"custom-normal-step"},{"title":"自定义竖向时间线","content":"<p><code>slot</code> 为 <code>left</code>可以自定义步骤条左侧内容，<code>slot</code> 为 <code>right</code> 可以自定义步骤条右侧内容。</p>\n","link":"time-line/custom-vertical-step","component":" TimeLine 时间线","findIntroStr":"TimeLine 时间线","demoId":"custom-vertical-step"},{"title":"click 事件","content":"<p>单击时触发 click 事件</p>\n","link":"time-line/vertical-step-reverse","component":" TimeLine 时间线","findIntroStr":"TimeLine 时间线","demoId":"vertical-step-reverse1"}]