@opentiny/vue-docs 1.0.0

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

@@ -0,0 +1 @@
+[{"title":"基本用法","content":"<p>通过 <code>src</code> 属性设置默认裁剪的图片源路径，并通过 <code>cropvisible</code> 属性来控制裁剪弹框是否可见。</p>\n","link":"crop/basic-usage","component":" Crop 图片裁剪","findIntroStr":"Crop 图像裁切，可预览，支持 JPG 和 PNG 格式，浏览图像可以手动调整选择头像区域。","demoId":"basic-usage"},{"title":"裁剪框宽高比","content":"<p>通过 <code>aspect-ratio</code> 属性可以设置裁剪框的宽高比例，默认为 <code>16 / 9</code> 。还可以通过调用 <code>setAspectRatio</code> 方法来设置裁切框的宽高比。\n通过 <code>center</code> 属性可以设置裁剪框是否在图片正中心。</p>\n","link":"crop/aspect-ratio","component":" Crop 图片裁剪","findIntroStr":"Crop 图像裁切，可预览，支持 JPG 和 PNG 格式，浏览图像可以手动调整选择头像区域。","demoId":"aspect-ratio"},{"title":"裁剪框最小宽高","content":"<p>通过属性 <code>min-crop-box-width</code> 、<code>min-crop-box-height</code> 设置裁剪框最小宽高。设置后，调整裁剪框宽高时，调整到最小值后将不能再调整。\n通过属性 <code>mmin-container-width</code> 、<code>min-container-height</code> 设置容器的最小宽度,最小高度。</p>\n","link":"crop/min-crop-box-width-height","component":" Crop 图片裁剪","findIntroStr":"Crop 图像裁切，可预览，支持 JPG 和 PNG 格式，浏览图像可以手动调整选择头像区域。","demoId":"min-crop-box-width-height"},{"title":"不显示网格背景","content":"<p>设置 <code>background</code> 属性为 <code>false</code> 后，将不显示容器的网格背景。</p>\n","link":"crop/no-background","component":" Crop 图片裁剪","findIntroStr":"Crop 图像裁切，可预览，支持 JPG 和 PNG 格式，浏览图像可以手动调整选择头像区域。","demoId":"no-background"},{"title":"不显示虚线","content":"<p>设置 <code>guides</code> 属性为 <code>false</code> 将取消裁剪框上方的虚线显示。</p>\n","link":"crop/no-guides","component":" Crop 图片裁剪","findIntroStr":"Crop 图像裁切，可预览，支持 JPG 和 PNG 格式，浏览图像可以手动调整选择头像区域。","demoId":"no-guides"},{"title":"不显示模态","content":"<p>设置 <code>modal</code> 属性为 <code>false</code> 将取消裁剪框下方图片上方的模态层显示。</p>\n","link":"crop/no-modal","component":" Crop 图片裁剪","findIntroStr":"Crop 图像裁切，可预览，支持 JPG 和 PNG 格式，浏览图像可以手动调整选择头像区域。","demoId":"no-modal"},{"title":"视图模式","content":"<p>通过 <code>view-mode</code> 属性可以设置裁剪框的视图模式，有 <code>0</code>、<code>1</code>、<code>2</code>、<code>3</code> 四种选项，默认为 <code>0</code> 。</p>\n<div class=\"tip custom-block\"><p class=\"custom-block-title\">view-mode 选项说明</p>\n<p><code>0</code>：裁剪框可以移动到图片外面。\n<code>1</code>：裁剪框只能在图片内移动。\n<code>2</code>：图片不全部铺满容器，缩小时可以有一边出现空隙。\n<code>3</code>：图片填充整个容器。</p>\n</div>\n","link":"crop/view-mode","component":" Crop 图片裁剪","findIntroStr":"Crop 图像裁切，可预览，支持 JPG 和 PNG 格式，浏览图像可以手动调整选择头像区域。","demoId":"view-mode"},{"title":"拖拽模式","content":"<p>通过 <code>drag-mode</code> 属性可以设置裁剪框的拖拽模式，有 <code>crop</code>、<code>move</code>、<code>none</code> 三种选项，默认为 <code>crop</code> 。</p>\n<div class=\"tip custom-block\"><p class=\"custom-block-title\">drag-mode 选项说明</p>\n<p><code>crop</code>：当裁剪框取消后，按住鼠标左键在图片区域拖拽，将产生一个新的裁剪框。\n<code>move</code>：当裁剪框取消后，按住鼠标左键将移动图片。\n<code>none</code>：当裁剪框取消后，不能裁剪、也不能移动图片。\n<code>movable</code> 控制图片是否可以移动，默认为 true。</p>\n</div>\n","link":"crop/drag-mode","component":" Crop 图片裁剪","findIntroStr":"Crop 图像裁切，可预览，支持 JPG 和 PNG 格式，浏览图像可以手动调整选择头像区域。","demoId":"drag-mode"},{"title":"自动裁剪面积","content":"<p>初始化时，通过属性 <code>auto-crop-area</code> 可以设置裁剪框自动裁剪的面积，默认为 <code>0.8</code>，在 <code>auto-crop</code> 属性为 <code>true</code> 时生效。</p>\n","link":"crop/auto-crop-area","component":" Crop 图片裁剪","findIntroStr":"Crop 图像裁切，可预览，支持 JPG 和 PNG 格式，浏览图像可以手动调整选择头像区域。","demoId":"auto-crop-area"},{"title":"获取容器数据","content":"<p>调用 <code>getContainerData</code> 方法可以获取容器的大小数据。</p>\n","link":"crop/get-container-data","component":" Crop 图片裁剪","findIntroStr":"Crop 图像裁切，可预览，支持 JPG 和 PNG 格式，浏览图像可以手动调整选择头像区域。","demoId":"get-container-data"},{"title":"获取剪切框数据","content":"<p>调用 <code>getCropBoxData</code> 方法可以获取剪切框的位置和大小数据。</p>\n","link":"crop/get-crop-box-data","component":" Crop 图片裁剪","findIntroStr":"Crop 图像裁切，可预览，支持 JPG 和 PNG 格式，浏览图像可以手动调整选择头像区域。","demoId":"get-crop-box-data"},{"title":"获取裁剪后的图片数据","content":"<p>调用 <code>getCroppedCanvas</code> 方法可以获取裁剪后的图片数据，搭配 <code>toDataURL</code> 方法将转成 base64 图片数据，搭配 <code>toBlob</code> 方法将生成 Blob 图片数据。</p>\n","link":"crop/get-cropped-canvas","component":" Crop 图片裁剪","findIntroStr":"Crop 图像裁切，可预览，支持 JPG 和 PNG 格式，浏览图像可以手动调整选择头像区域。","demoId":"get-cropped-canvas"},{"title":"获取裁剪区域数据","content":"<p>调用 <code>getData</code> 方法可以获取裁剪区域的位置以及大小。</p>\n","link":"crop/get-data","component":" Crop 图片裁剪","findIntroStr":"Crop 图像裁切，可预览，支持 JPG 和 PNG 格式，浏览图像可以手动调整选择头像区域。","demoId":"get-data"},{"title":"获取图像数据","content":"<p>调用 <code>getImageData</code> 方法可以获取图像位置、大小和其他相关数据，若想获取画布位置和大小数据可以调用 <code>getCanvasData</code> 方法。</p>\n","link":"crop/get-image-data","component":" Crop 图片裁剪","findIntroStr":"Crop 图像裁切，可预览，支持 JPG 和 PNG 格式，浏览图像可以手动调整选择头像区域。","demoId":"get-image-data"},{"title":"替换图片","content":"<p>调用 <code>replace</code> 方法可以替换图像的 src 并重新构建 cropper 。 通过 <code>rotatable</code> 属性控制图片旋转，默认为 true 。</p>\n","link":"crop/replace-image","component":" Crop 图片裁剪","findIntroStr":"Crop 图像裁切，可预览，支持 JPG 和 PNG 格式，浏览图像可以手动调整选择头像区域。","demoId":"replace-image"},{"title":"放大图片","content":"详细用法参考如下示例","link":"crop/replace-image","component":" Crop 图片裁剪","findIntroStr":"Crop 图像裁切，可预览，支持 JPG 和 PNG 格式，浏览图像可以手动调整选择头像区域。","demoId":"replace-image1"},{"title":"鼠标滚轮缩放图像时比例","content":"<p><code>zoom-on-wheel</code> 属性为 <code>true</code> 情况下，通过 <code>wheel-zoom-ratio</code> 属性可以设置缩放比例，默认为 <code>0.1</code> 。</p>\n","link":"crop/wheel-zoom-ratio","component":" Crop 图片裁剪","findIntroStr":"Crop 图像裁切，可预览，支持 JPG 和 PNG 格式，浏览图像可以手动调整选择头像区域。","demoId":"wheel-zoom-ratio"},{"title":"禁用鼠标滚轮缩放图像","content":"<p>设置 <code>zoom-on-wheel</code> 属性为 <code>false</code> 后，将不允许通过滚动鼠标滚轮来缩放图像。</p>\n","link":"crop/zoom-on-wheel","component":" Crop 图片裁剪","findIntroStr":"Crop 图像裁切，可预览，支持 JPG 和 PNG 格式，浏览图像可以手动调整选择头像区域。","demoId":"zoom-on-wheel"},{"title":"ready 事件","content":"<p>当一个 cropper 实例完全构建时触发 <code>ready</code> 事件。</p>\n","link":"crop/event-ready","component":" Crop 图片裁剪","findIntroStr":"Crop 图像裁切，可预览，支持 JPG 和 PNG 格式，浏览图像可以手动调整选择头像区域。","demoId":"event-ready"},{"title":"裁剪框方法 事件","content":"<p>当一个 cropper 实例完全构建时触发 <code>disable</code> 方法禁用裁剪框，当触发 <code>enable</code> 启用裁剪框</p>\n","link":"crop/crop-meth","component":" Crop 图片裁剪","findIntroStr":"Crop 图像裁切，可预览，支持 JPG 和 PNG 格式，浏览图像可以手动调整选择头像区域。","demoId":"crop-meth"},{"title":"裁剪相关事件","content":"<div class=\"tip custom-block\"><p class=\"custom-block-title\">TIP</p>\n<p>说明当画布或剪切框开始发生变化时触发 <code>cropstart</code> 事件\n当画布或剪切框正在发生变化时触发 <code>cropmove</code> 事件\n当画布或剪切框发生变化结束时触发 <code>cropend</code> 事件\n当画布或裁剪框发生改变时触发 <code>crop</code> 事件\n通过触发 <code>getCanvasData</code> 获取画布 Canvas（图像包装器）位置和大小数据</p>\n</div>\n","link":"crop/event-about-crop","component":" Crop 图片裁剪","findIntroStr":"Crop 图像裁切，可预览，支持 JPG 和 PNG 格式，浏览图像可以手动调整选择头像区域。","demoId":"event-about-crop"}]

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

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

package/resources/pc/demo-config/zh-CN/date-picker.json

@@ -0,0 +1,218 @@
+[
+  {
+    "title": "基本用法",
+    "content": "详细用法参考如下示例",
+    "link": "date-picker/basic-usage",
+    "component": " DatePicker 日期选择器",
+    "findIntroStr": "用于设置/选择日期，包括年月/年月日/年月日时分/年月日时分秒日期格式。",
+    "demoId": "basic-usage"
+  },
+  {
+    "title": "选择日带快捷选项",
+    "content": "<p>通过 <code>picker-options</code> 属性，该属性是一个对象，在其中指定 <code>shortcuts</code> 对象数组可以设置快捷选项。同时可以根据需要设置 <code>disabledDate</code> 方法禁用日期。</p>\n",
+    "link": "date-picker/date-shortcuts",
+    "component": " DatePicker 日期选择器",
+    "findIntroStr": "用于设置/选择日期，包括年月/年月日/年月日时分/年月日时分秒日期格式。",
+    "demoId": "date-shortcuts"
+  },
+  {
+    "title": "其他日期单位",
+    "content": "<p>通过 <code>type</code> 属性可以设置不同的日期单位，如下示例中配置的有 week、year、month、dates。</p>\n",
+    "link": "date-picker/other-picker-type",
+    "component": " DatePicker 日期选择器",
+    "findIntroStr": "用于设置/选择日期，包括年月/年月日/年月日时分/年月日时分秒日期格式。",
+    "demoId": "other-picker-type"
+  },
+  {
+    "title": "时区选择",
+    "content": "<p>通过 <code>show-timezone</code> 属性可以设置日期选择面板时区选择，同时需要引入 timezoneData 时区数据</p>\n",
+    "link": "date-picker/timezone",
+    "component": " DatePicker 日期选择器",
+    "findIntroStr": "用于设置/选择日期，包括年月/年月日/年月日时分/年月日时分秒日期格式。",
+    "demoId": "timezone"
+  },
+  {
+    "title": "选择日期范围",
+    "content": "<p>设置 <code>type</code> 属性为 daterange，可以设置以日期范围的形式进行选择。\n通过 <code>onPick</code> 获取选中日期后会执行的回调，需要与 <code>daterange</code> 或 <code>datetimerange</code> 才生效，需要配置在 <code>picker-options</code> 中。</p>\n",
+    "link": "date-picker/date-range",
+    "component": " DatePicker 日期选择器",
+    "findIntroStr": "用于设置/选择日期，包括年月/年月日/年月日时分/年月日时分秒日期格式。",
+    "demoId": "date-range"
+  },
+  {
+    "title": "日期范围快捷选项",
+    "content": "<p>通过 <code>picker-options</code> 对象设置日期范围快捷选项。\n通过 <code>firstDayOfWeek</code> 周起始日,该属性可选值为 1 到 7，默认值为 7。</p>\n",
+    "link": "date-picker/date-range-shortcuts",
+    "component": " DatePicker 日期选择器",
+    "findIntroStr": "用于设置/选择日期，包括年月/年月日/年月日时分/年月日时分秒日期格式。",
+    "demoId": "date-range-shortcuts"
+  },
+  {
+    "title": "日期范围默认时刻",
+    "content": "<p>使用 <code>datetimerange</code> 设置日期范围时，可以通过 <code>default-time</code> 属性设置起始与结束的时刻，默认是选定日期的 00:00:00 作为起始与结束的时刻。<code>default-time</code> 接受一个数组，数组的每一项都为一个字符串，第一项控制起始日期的时刻，第二项控制结束日期的时刻。</p>\n",
+    "link": "date-picker/default-time-of-range",
+    "component": " DatePicker 日期选择器",
+    "findIntroStr": "用于设置/选择日期，包括年月/年月日/年月日时分/年月日时分秒日期格式。",
+    "demoId": "default-time-of-range"
+  },
+  {
+    "title": "选择月份范围",
+    "content": "<p>设置 <code>type</code> 属性为 monthrange，可以设置以月份范围的形式进行选择。</p>\n",
+    "link": "date-picker/month-range",
+    "component": " DatePicker 日期选择器",
+    "findIntroStr": "用于设置/选择日期，包括年月/年月日/年月日时分/年月日时分秒日期格式。",
+    "demoId": "month-range"
+  },
+  {
+    "title": "月份范围快捷选项",
+    "content": "<p>同样通过 <code>picker-options</code> 对象设置月份范围快捷选项。</p>\n",
+    "link": "date-picker/month-range-shortcuts",
+    "component": " DatePicker 日期选择器",
+    "findIntroStr": "用于设置/选择日期，包括年月/年月日/年月日时分/年月日时分秒日期格式。",
+    "demoId": "month-range-shortcuts"
+  },
+  {
+    "title": "只读",
+    "content": "<p>通过 <code>readonly</code> 属性设置日历组件是否只读。</p>\n",
+    "link": "date-picker/readonly",
+    "component": " DatePicker 日期选择器",
+    "findIntroStr": "用于设置/选择日期，包括年月/年月日/年月日时分/年月日时分秒日期格式。",
+    "demoId": "readonly"
+  },
+  {
+    "title": "最大最小值",
+    "content": "<p>配置 <code>picker-options</code> 属性，在对象中的 <code>disabledDate</code> 方法中根据日期进行判断来禁用指定的日期段，通过这种方式来实现最大最小值。</p>\n",
+    "link": "date-picker/max-min",
+    "component": " DatePicker 日期选择器",
+    "findIntroStr": "用于设置/选择日期，包括年月/年月日/年月日时分/年月日时分秒日期格式。",
+    "demoId": "max-min"
+  },
+  {
+    "title": "对齐方式",
+    "content": "<p>通过 <code>align</code> 属性可以设置日期选择面板与输入框之间的对齐方式，可选值有 left、right、center，默认为 left 左对齐。</p>\n",
+    "link": "date-picker/align",
+    "component": " DatePicker 日期选择器",
+    "findIntroStr": "用于设置/选择日期，包括年月/年月日/年月日时分/年月日时分秒日期格式。",
+    "demoId": "align"
+  },
+  {
+    "title": "尺寸设置",
+    "content": "<p>通过 <code>size</code> 属性可以设置日期输入框的尺寸，可选值有 medium、small、mini。</p>\n",
+    "link": "date-picker/set-size",
+    "component": " DatePicker 日期选择器",
+    "findIntroStr": "用于设置/选择日期，包括年月/年月日/年月日时分/年月日时分秒日期格式。",
+    "demoId": "set-size"
+  },
+  {
+    "title": "清除输入",
+    "content": "<p>选择日期后，鼠标悬停在输入框时，默认会显示清除图标，单击图标可以清除输入框内容。设置 <code>clearable</code> 属性为 false 后，则不显示清除图标，不可清除。通过 <code>clear-icon</code> 属性可以自定义清除图标。</p>\n",
+    "link": "date-picker/about-clear",
+    "component": " DatePicker 日期选择器",
+    "findIntroStr": "用于设置/选择日期，包括年月/年月日/年月日时分/年月日时分秒日期格式。",
+    "demoId": "about-clear"
+  },
+  {
+    "title": "格式化相关",
+    "content": "<p>通过 <code>format</code> 属性设置输入框的格式，<code>value-format</code> 属性设置绑定值的格式。Date Format 属性列表</p>",
+    "link": "date-picker/about-format",
+    "component": " DatePicker 日期选择器",
+    "findIntroStr": "用于设置/选择日期，包括年月/年月日/年月日时分/年月日时分秒日期格式。",
+    "demoId": "about-format"
+  },
+  {
+    "title": "timeFormat格式化",
+    "content": "<p>通过 <code>time-format</code> 属性设置日期选择面板的时间显示格式</p>",
+    "link": "date-picker/time-format",
+    "component": " DatePicker 日期选择器",
+    "findIntroStr": "用于设置/选择日期，包括年月/年月日/年月日时分/年月日时分秒日期格式。",
+    "demoId": "time-format"
+  },
+  {
+    "title": "自定义后置图标",
+    "content": "<p>通过 <code>suffix-icon</code> 属性设置日期输入框后置图标，从 <code>@opentiny/vue-icon</code> 中导入一个图标并进行初始化后传给 <code>suffix-icon</code>。</p>\n",
+    "link": "date-picker/custom-suffix-icon",
+    "component": " DatePicker 日期选择器",
+    "findIntroStr": "用于设置/选择日期，包括年月/年月日/年月日时分/年月日时分秒日期格式。",
+    "demoId": "custom-suffix-icon"
+  },
+  {
+    "title": "自定义下拉框的类名",
+    "content": "详细用法参考如下示例",
+    "link": "date-picker/custom-suffix-icon",
+    "component": " DatePicker 日期选择器",
+    "findIntroStr": "用于设置/选择日期，包括年月/年月日/年月日时分/年月日时分秒日期格式。",
+    "demoId": "custom-suffix-icon1"
+  },
+  {
+    "title": "范围选择自定义相关",
+    "content": "<p>范围选择时，<code>start-placeholder</code> 和 <code>end-placeholder</code> 属性可分别指定开始日期和结束日期输入框的占位符。<code>range-separator</code> 属性指定开始日期和结束日期输入框之间的分隔符。</p>\n",
+    "link": "date-picker/custom-range",
+    "component": " DatePicker 日期选择器",
+    "findIntroStr": "用于设置/选择日期，包括年月/年月日/年月日时分/年月日时分秒日期格式。",
+    "demoId": "custom-range"
+  },
+  {
+    "title": "范围选择取消面板联动",
+    "content": "<p>范围选择时，默认情况下，在开始日期面板中单击上一月或上一年箭头图标时，结束日期面板中日期也联动切换到上一月或上一年。在结束日期面板中切换下一月或下一年时，开始日期面板也随之联动。但若配置 <code>unlink-panels</code> 属性为 true ，面板之间就不再联动，切换年月时只对当前面板生效。</p>\n",
+    "link": "date-picker/unlink-panels",
+    "component": " DatePicker 日期选择器",
+    "findIntroStr": "用于设置/选择日期，包括年月/年月日/年月日时分/年月日时分秒日期格式。",
+    "demoId": "unlink-panels"
+  },
+  {
+    "title": "选择器打开时默认时间设置",
+    "content": "<p><code>default-value</code> 属性指定日期选择器面板打开时默认选中的日期。</p>\n",
+    "link": "date-picker/default-value",
+    "component": " DatePicker 日期选择器",
+    "findIntroStr": "用于设置/选择日期，包括年月/年月日/年月日时分/年月日时分秒日期格式。",
+    "demoId": "default-value"
+  },
+  {
+    "title": "文本框不可输入",
+    "content": "<p>日期输入框默认可以输入日期，设置 <code>editable</code> 为 false 后，将不能输入。</p>\n",
+    "link": "date-picker/editable",
+    "component": " DatePicker 日期选择器",
+    "findIntroStr": "用于设置/选择日期，包括年月/年月日/年月日时分/年月日时分秒日期格式。",
+    "demoId": "editable"
+  },
+  {
+    "title": "事件",
+    "content": "<p>主要事件有 change、blur、focus。</p>\n",
+    "link": "date-picker/date-picker-events",
+    "component": " DatePicker 日期选择器",
+    "findIntroStr": "用于设置/选择日期，包括年月/年月日/年月日时分/年月日时分秒日期格式。",
+    "demoId": "date-picker-events"
+  },
+  {
+    "title": "获取焦点",
+    "content": "<p>通过 <code>focus</code> 方法设置使 input 获取焦点。</p>\n",
+    "link": "date-picker/focus",
+    "component": " DatePicker 日期选择器",
+    "findIntroStr": "用于设置/选择日期，包括年月/年月日/年月日时分/年月日时分秒日期格式。",
+    "demoId": "focus"
+  },
+  {
+    "title": "箭头按钮控制时间选择",
+    "content": "<p>当 <code>type</code> 为 datetime、datetimerange 时，设置 <code>time-arrow-control</code> 属性为 true，在时间面板中将显示箭头按钮，通过箭头按钮控制时间选择。默认为滚动选择时间。</p>\n",
+    "link": "date-picker/time-arrow-control",
+    "component": " DatePicker 日期选择器",
+    "findIntroStr": "用于设置/选择日期，包括年月/年月日/年月日时分/年月日时分秒日期格式。",
+    "demoId": "time-arrow-control"
+  },
+  {
+    "title": "不触发表单校验",
+    "content": "<p>日期选择器在输入时默认会触发表单校验，触发方式有 blur、change。但若设置 <code>validate-event</code> 属性为 false，将不再触发表单校验。</p>\n",
+    "link": "date-picker/validate-event",
+    "component": " DatePicker 日期选择器",
+    "findIntroStr": "用于设置/选择日期，包括年月/年月日/年月日时分/年月日时分秒日期格式。",
+    "demoId": "validate-event"
+  },
+  {
+    "title": "设置是否显示为东八区时间",
+    "content": "<p>通过 <code>isutc8</code> 属性可以设置是否显示为东八区时间</p>\n",
+    "link": "date-picker/utc8",
+    "component": " DatePicker 海外显示东八区时间",
+    "findIntroStr": "用于设置/选择日期，包括年月/年月日/年月日时分/年月日时分秒日期格式。",
+    "demoId": "utc8"
+  }
+]

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

@@ -0,0 +1 @@
+[{"title":"基本用法","content":"详细用法参考如下示例","link":"dept/basic-usage","component":" Dept 部门","findIntroStr":"部门组件用于华为部门查询、选择，可以指定默认值为当前登录用户所在部门。","demoId":"basic-usage"},{"title":"open 和 change 事件","content":"详细用法参考如下示例","link":"dept/dept-events","component":" Dept 部门","findIntroStr":"部门组件用于华为部门查询、选择，可以指定默认值为当前登录用户所在部门。","demoId":"dept-events"},{"title":"selected 事件","content":"详细用法参考如下示例","link":"dept/dept-selected","component":" Dept 部门","findIntroStr":"部门组件用于华为部门查询、选择，可以指定默认值为当前登录用户所在部门。","demoId":"dept-selected"},{"title":"close 事件","content":"详细用法参考如下示例","link":"dept/dept-close","component":" Dept 部门","findIntroStr":"部门组件用于华为部门查询、选择，可以指定默认值为当前登录用户所在部门。","demoId":"dept-close"},{"title":"confirm 事件","content":"详细用法参考如下示例","link":"dept/dept-confirm","component":" Dept 部门","findIntroStr":"部门组件用于华为部门查询、选择，可以指定默认值为当前登录用户所在部门。","demoId":"dept-confirm"},{"title":"cancel 事件","content":"详细用法参考如下示例","link":"dept/dept-cancel","component":" Dept 部门","findIntroStr":"部门组件用于华为部门查询、选择，可以指定默认值为当前登录用户所在部门。","demoId":"dept-cancel"},{"title":"设置组件大小","content":"<p>可以设置为：<code>medium</code>，<code>small</code>，<code>mini</code></p>\n","link":"dept/size","component":" Dept 部门","findIntroStr":"部门组件用于华为部门查询、选择，可以指定默认值为当前登录用户所在部门。","demoId":"size"},{"title":"阻止弹框关闭","content":"<p>before-confirm（确认前回调事件）,方法里面 return true/false，表示是否关闭弹框</p>\n","link":"dept/before-confirm","component":" Dept 部门","findIntroStr":"部门组件用于华为部门查询、选择，可以指定默认值为当前登录用户所在部门。","demoId":"before-confirm"},{"title":"部门信息自动选中","content":"<p><code>auto-select</code> 默认值为 true，配置该属性为 false 可以阻止当部门信息仅一个时自动补全选中行为。</p>\n","link":"dept/auto-select","component":" Dept 部门","findIntroStr":"部门组件用于华为部门查询、选择，可以指定默认值为当前登录用户所在部门。","demoId":"auto-select"},{"title":"自定义服务数据","content":"<p>提供 <code>fetch-dept-by-value</code>、<code>fetch-dept</code>、<code>fetch-dept-list</code> 属性用于自定义部门服务。</p>\n","link":"dept/custom-service","component":" Dept 部门","findIntroStr":"部门组件用于华为部门查询、选择，可以指定默认值为当前登录用户所在部门。","demoId":"custom-service"},{"title":"禁用","content":"<p>可通过 <code>disabled</code> 设置是否禁用，默认为 fase</p>\n","link":"dept/dynamic-disable","component":" Dept 部门","findIntroStr":"部门组件用于华为部门查询、选择，可以指定默认值为当前登录用户所在部门。","demoId":"dynamic-disable"},{"title":"设置弹出框标题","content":"<p>自定义弹出框标题，该属性默认值为空。</p>\n","link":"dept/title","component":" Dept 部门","findIntroStr":"部门组件用于华为部门查询、选择，可以指定默认值为当前登录用户所在部门。","demoId":"title"},{"title":"权签人插槽","content":"详细用法参考如下示例","link":"dept/slot-hrapprover","component":" Dept 部门","findIntroStr":"部门组件用于华为部门查询、选择，可以指定默认值为当前登录用户所在部门。","demoId":"slot-hrapprover"}]

package/resources/pc/demo-config/zh-CN/detail-page.json

@@ -0,0 +1 @@
+[{"title":"基本用法","content":"<p>在数据对象中可设置 <code>hidden: true</code> 来指定默认隐藏的数据。</p>\n","link":"detail-page/basic-usage","component":" DetailPage 表头详情栏","findIntroStr":"DetailPage 带表头的详情栏组件。","demoId":"basic-usage"},{"title":"自定义展示文本","content":"<p>通过 <code>title</code>、<code>text-split</code>、<code>dialog-title</code>、<code>label-title</code>、<code>value-title</code>、<code>tips</code>、<code>save-button</code>、<code>cancel-button</code> 这些属性可指定表头详情栏组件不同位置的展示文本。</p>\n","link":"detail-page/custom-show-text","component":" DetailPage 表头详情栏","findIntroStr":"DetailPage 带表头的详情栏组件。","demoId":"custom-show-text"}]

package/resources/pc/demo-config/zh-CN/dialog-box.json

@@ -0,0 +1 @@
+[{"title":"基本用法","content":"详细用法参考如下示例","link":"dialog-box/basic-usage","component":" DialogBox 对话框","findIntroStr":"模态对话框，在浮层中显示，引导用户进行相关操作。","demoId":"basic-usage"},{"title":"二级弹窗","content":"<p>通过 default 默认插槽和底部操作区按钮实现二级弹窗。设置 <code>append-to-body</code> 属性后，二级弹窗的实体 DOM 结构将追加到 body 元素上。</p>\n","link":"dialog-box/secondary-dialog","component":" DialogBox 对话框","findIntroStr":"模态对话框，在浮层中显示，引导用户进行相关操作。","demoId":"secondary-dialog"},{"title":"自定义标题","content":"<p>除 <code>title</code> 属性可以设置弹窗标题外，还可以通过 <code>title</code> 插槽自定义弹窗标题区的内容。</p>\n","link":"dialog-box/custom-dialog-title","component":" DialogBox 对话框","findIntroStr":"模态对话框，在浮层中显示，引导用户进行相关操作。","demoId":"custom-dialog-title"},{"title":"自定义内容","content":"<p>通过 default 默认插槽自定义弹窗主体部分的内容。</p>\n","link":"dialog-box/custom-dialog-content","component":" DialogBox 对话框","findIntroStr":"模态对话框，在浮层中显示，引导用户进行相关操作。","demoId":"custom-dialog-content"},{"title":"自定义底部","content":"<p>通过 <code>footer</code> 插槽自定义弹窗底部操作区内容。</p>\n","link":"dialog-box/custom-dialog-footer","component":" DialogBox 对话框","findIntroStr":"模态对话框，在浮层中显示，引导用户进行相关操作。","demoId":"custom-dialog-footer"},{"title":"隐藏关闭按钮","content":"<p>默认弹窗右上角会显示关闭图标，单击可以关闭弹窗。若设置 <code>show-close</code> 为 false 后，将隐藏关闭图标，要实现关闭弹窗的功能可以通过底部操作区按钮的 click 事件切换 <code>visible</code> 属性的值为 false 。</p>\n","link":"dialog-box/hidden-close-buttons","component":" DialogBox 对话框","findIntroStr":"模态对话框，在浮层中显示，引导用户进行相关操作。","demoId":"hidden-close-buttons"},{"title":"禁用 ESC 关闭","content":"<p>默认弹窗打开后，可以按下 Esc 键关闭弹窗，设置 <code>close-on-press-escape</code> 为 false 后将禁用该功能。</p>\n","link":"dialog-box/close-on-press-escape","component":" DialogBox 对话框","findIntroStr":"模态对话框，在浮层中显示，引导用户进行相关操作。","demoId":"close-on-press-escape"},{"title":"弹窗距离顶部的高度","content":"<p>通过 <code>top</code> 属性指定弹窗距离窗口顶部的高度，默认为屏高的 15% 。</p>\n","link":"dialog-box/dialog-top-height","component":" DialogBox 对话框","findIntroStr":"模态对话框，在浮层中显示，引导用户进行相关操作。","demoId":"dialog-top-height"},{"title":"弹窗的宽度","content":"<p>通过 <code>width</code> 属性指定弹窗的宽度。</p>\n","link":"dialog-box/dialog-width","component":" DialogBox 对话框","findIntroStr":"模态对话框，在浮层中显示，引导用户进行相关操作。","demoId":"dialog-width"},{"title":"点击遮罩时不关闭弹窗","content":"<p>默认弹窗打开后，可以单击遮罩层关闭弹窗，设置 <code>close-on-click-modal</code> 为 false 后将禁用该功能。</p>\n","link":"dialog-box/close-on-click-modal","component":" DialogBox 对话框","findIntroStr":"模态对话框，在浮层中显示，引导用户进行相关操作。","demoId":"close-on-click-modal"},{"title":"不启用遮罩层","content":"<p>默认弹窗打开时会显示遮罩层，设置 <code>modal</code> 为 false 后将不启用遮罩层。无遮罩层时，单击弹窗外部区域仍然可以关闭弹窗。</p>\n","link":"dialog-box/no-modal","component":" DialogBox 对话框","findIntroStr":"模态对话框，在浮层中显示，引导用户进行相关操作。","demoId":"no-modal"},{"title":"右侧弹窗","content":"<p>设置 <code>right-slide</code> 属性为 true 后，弹窗将从窗口右侧弹出。\n设置 <code>modal-append-to-body</code> 属性默认为 true 遮罩层应用在 body 上。</p>\n","link":"dialog-box/right-dialog","component":" DialogBox 对话框","findIntroStr":"模态对话框，在浮层中显示，引导用户进行相关操作。","demoId":"right-dialog"},{"title":"隐藏标题区域","content":"<p>弹窗默认有标题区域，设置 <code>show-header</code> 为 false 后，将隐藏标题区域。</p>\n","link":"dialog-box/hidden-header","component":" DialogBox 对话框","findIntroStr":"模态对话框，在浮层中显示，引导用户进行相关操作。","demoId":"hidden-header"},{"title":"弹出时禁用滚动","content":"<p>弹窗弹出后，背景页面默认仍然是不可以滚动的，设置 <code>lock-scroll</code> 为 fasle 后将不锁定被遮罩内容的滚动。</p>\n","link":"dialog-box/lock-scroll","component":" DialogBox 对话框","findIntroStr":"模态对话框，在浮层中显示，引导用户进行相关操作。","demoId":"lock-scroll"},{"title":"头部和底部水平居中","content":"<p>头部标题默认显示在区域左侧，设置 <code>center</code> 为 true 后，将居中显示。</p>\n","link":"dialog-box/center","component":" DialogBox 对话框","findIntroStr":"模态对话框，在浮层中显示，引导用户进行相关操作。","demoId":"center"},{"title":"可拖拽的弹窗","content":"<p>默认弹窗不可拖拽，设置 <code>draggable</code> 属性为 true 后，鼠标移入标题区域单击可拖拽，拖拽事件有 <code>@drag-start</code>、<code>drag-move</code>、<code>drag-end</code>。</p>\n","link":"dialog-box/draggable","component":" DialogBox 对话框","findIntroStr":"模态对话框，在浮层中显示，引导用户进行相关操作。","demoId":"draggable"},{"title":"全屏弹窗","content":"<p>设置 <code>fullscreen</code> 属性为 true 可显示全屏弹窗，默认弹窗宽度是 500px，此时设置宽度是不生效的。</p>\n","link":"dialog-box/fullscreen","component":" DialogBox 对话框","findIntroStr":"模态对话框，在浮层中显示，引导用户进行相关操作。","demoId":"fullscreen"},{"title":"弹出与关闭事件","content":"<p><code>open</code> ：对话框打开时触发，<code>opened</code> ：对话框打开动画结束时触发，<code>close</code> ：对话框关闭时触发，<code>closed</code> ：对话框关闭动画结束时触发。</p>\n","link":"dialog-box/open-close-events","component":" DialogBox 对话框","findIntroStr":"模态对话框，在浮层中显示，引导用户进行相关操作。","demoId":"open-close-events"},{"title":"弹窗表单","content":"<p>通过 default 默认插槽实现嵌套表单以及表单提交的逻辑。</p>\n<p>默认关闭弹窗的时候重置表单，设置<code>is-form-reset</code> 为false,则关闭弹窗的时候不重置表格</p>","link":"dialog-box/form-in-dialog","component":" DialogBox 对话框","findIntroStr":"模态对话框，在浮层中显示，引导用户进行相关操作。","demoId":"form-in-dialog"}]

package/resources/pc/demo-config/zh-CN/drop-roles.json

@@ -0,0 +1 @@
+[{"title":"基本用法","content":"详细用法参考如下示例","link":"drop-roles/basic-usage","component":" DropRoles 下拉角色","findIntroStr":"DropRoles，提供当前用户的角色列表，并可以在不同角色间进行切换。","demoId":"basic-usage"},{"title":"change 事件","content":"<p>切换下拉角色时触发 change 事件，需要通过 change 事件回调方法去发送请求。</p>\n","link":"drop-roles/change-role-event","component":" DropRoles 下拉角色","findIntroStr":"DropRoles，提供当前用户的角色列表，并可以在不同角色间进行切换。","demoId":"change-role-event"},{"title":"设置组件大小","content":"<p>可设置为：<code>medium</code>，<code>small</code>，<code>mini</code></p>\n","link":"drop-roles/size","component":" DropRoles 下拉角色","findIntroStr":"DropRoles，提供当前用户的角色列表，并可以在不同角色间进行切换。","demoId":"size"},{"title":"自定义服务","content":"<p>可通过 <code>fetch-role</code> 和 <code>fetch-current-role</code> 两个方法自定义服务，同时可通过 <code>fields</code> 属性指定显示和绑定值对应的字段。\n可通过 <code>placeholder</code> 展示占位符。</p>\n","link":"drop-roles/custom-service","component":" DropRoles 下拉角色","findIntroStr":"DropRoles，提供当前用户的角色列表，并可以在不同角色间进行切换。","demoId":"custom-service"}]

package/resources/pc/demo-config/zh-CN/drop-times.json

@@ -0,0 +1 @@
+[{"title":"基本用法","content":"详细用法参考如下示例","link":"drop-times/basic-usage","component":" dropTimes 下拉时间","findIntroStr":"时间选值框是下拉框的特例，按时分格式（不支持自定义格式）展示下拉列表以供用户选择，并能扩展下拉框部分参数。","demoId":"basic-usage"},{"title":"步长与时间区间","content":"<p><code>start</code> 设置区间的起始时间，默认为 0 ，<code>end</code> 设置区间的结束时间，默认为 24 * 60 ，<code>step</code> 设置间隔的步长，默认为 15 。</p>\n","link":"drop-times/start-end-step","component":" dropTimes 下拉时间","findIntroStr":"时间选值框是下拉框的特例，按时分格式（不支持自定义格式）展示下拉列表以供用户选择，并能扩展下拉框部分参数。","demoId":"start-end-step"},{"title":"设置组件大小的size属性","content":"<p>可设置为：medium，small，mini</p>\n","link":"drop-times/size","component":" dropTimes 下拉时间","findIntroStr":"时间选值框是下拉框的特例，按时分格式（不支持自定义格式）展示下拉列表以供用户选择，并能扩展下拉框部分参数。","demoId":"size"}]

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

@@ -0,0 +1,74 @@
+[
+  {
+    "title": "基本用法",
+    "content": "<p>基本用法</p>\n",
+    "link": "dropdown/basic-usage",
+    "component": "Dropdown 下拉菜单",
+    "findIntroStr": "Dropdown 下拉菜单。",
+    "demoId": "basic-usage"
+  },
+  {
+    "title": "触发对象",
+    "content": "<p>配置<code>split-button</code>属性，可以使用内置按钮触发下拉菜单,同时可以通过<code>type</code>属性配置按钮状态，用法同<code>Button</code>组件</p>\n",
+    "link": "dropdown/split-button",
+    "component": "Dropdown 下拉菜单",
+    "findIntroStr": "Dropdown 下拉菜单。",
+    "demoId": "split-button"
+  },
+  {
+    "title": "触发方式",
+    "content": "<p>可以配置 <code>click</code> 激活或者 <code>hover</code> 激活</p>\n",
+    "link": "dropdown/trigger",
+    "component": "Dropdown 下拉菜单",
+    "findIntroStr": "Dropdown 下拉菜单。",
+    "demoId": "trigger"
+  },
+  {
+    "title": "菜单隐藏方式",
+    "content": "<p>下拉菜单默认在点击菜单项后会被隐藏，将 <code>hide-on-click</code> 属性默认为 <code>false</code> 可以关闭此功能。</p>\n",
+    "link": "dropdown/hide-on-click",
+    "component": "Dropdown 下拉菜单",
+    "findIntroStr": "Dropdown 下拉菜单。",
+    "demoId": "hide-on-click"
+  },
+  {
+    "title": "禁用",
+    "content": "<p>Dropdown、DropdownItem 两个组件分别可以通过 <code>disabled</code> 属性设置禁用状态。</p>\n",
+    "link": "dropdown/disabled",
+    "component": "Dropdown 下拉菜单",
+    "findIntroStr": "Dropdown 下拉菜单。",
+    "demoId": "disabled"
+  },
+  {
+    "title": "不同尺寸",
+    "content": "<p>额外的尺寸：<code>medium</code>、<code>small</code>、<code>mini</code>，通过设置 <code>size</code> 属性来配置它们。</p>\n",
+    "link": "dropdown/size",
+    "component": "Dropdown 下拉菜单",
+    "findIntroStr": "Dropdown 下拉菜单。",
+    "demoId": "size"
+  },
+  {
+    "title": "使用配置式",
+    "content": "<p>Dropdown 可以通过<code>menu-options</code>属性配置 DropdownMenu 的属性，<code>title</code>配置触发源的名称</p><p>DropdownMenu 可以通过<code>options</code>属性配置 DropdownItem 的属性，<code>text-field</code> 结合 <code>options</code> 使用，可以指定菜单文案显示的字段。<code>text-field</code> 默认为label</p>\n",
+    "link": "dropdown/options",
+    "component": "Dropdown 下拉菜单",
+    "findIntroStr": "Dropdown 下拉菜单。",
+    "demoId": "options"
+  },
+  {
+    "title": "多级菜单",
+    "content": "<p>Dropdown 可以通过<code>children</code> 字段设置菜单的子节点</p>\n",
+    "link": "dropdown/multi-level",
+    "component": "Dropdown 下拉菜单",
+    "findIntroStr": "Dropdown 下拉菜单。",
+    "demoId": "multi-level"
+  },
+  {
+    "title": "内置事件",
+    "content": "<p>内置事件包含：<code>button-click</code>、<code>item-click</code>、<code>visible-change</code> 事件。</p>\n",
+    "link": "dropdown/events",
+    "component": "Dropdown 下拉菜单",
+    "findIntroStr": "Dropdown 下拉菜单。",
+    "demoId": "events"
+  }
+]

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

@@ -0,0 +1 @@
+[{"title":"基本用法","content":"<p><code>data</code> 属性设置组件数据，数组对象中包含选项有 type、value、icon。其中 type 的可选择值有：im、sip、mailto 。单击图标，将会打开 type 选项值对应的外部应用。</p>\n","link":"espace/data","component":" Espace 消息弹框","findIntroStr":"主要和 UserContact 联系人组件配套使用，快捷打开对应用户的 eSpace 弹窗，eSpace 呼叫，邮件等应用。","demoId":"data"},{"title":"用户联系人使用 eSpace","content":"<p>UserContact 联系人组件提供了 <code>espace</code> 属性配置 Espace 组件需要的数据。该组件内部实际使用了 Espace 组件。</p>\n","link":"user-contact/support-open-espace","component":" Espace 消息弹框","findIntroStr":"主要和 UserContact 联系人组件配套使用，快捷打开对应用户的 eSpace 弹窗，eSpace 呼叫，邮件等应用。","demoId":"support-open-espace"}]

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

@@ -0,0 +1 @@
+[{"title":"基本用法","content":"详细用法参考如下示例","link":"fall-menu/data-resource","component":" FallMenu 瀑布菜单","findIntroStr":"FallMenu 瀑布菜单以横向方式显示，支持三级菜单配置，适用于版型定制，以弹出的方式展示。","demoId":"data-resource"},{"title":"数据源","content":"<p>通过 <code>data</code> 设置瀑布菜单的数据。</p>\n","link":"fall-menu/data-resource","component":" FallMenu 瀑布菜单","findIntroStr":"FallMenu 瀑布菜单以横向方式显示，支持三级菜单配置，适用于版型定制，以弹出的方式展示。","demoId":"data-resource1"},{"title":"自定义左/右侧图标","content":"<p>通过 <code>left</code> 插槽自定义左侧切换图标为 IconLeft ，通过 <code>right</code> 插槽右侧切换图标 IconRight 。</p>\n","link":"fall-menu/custom-slider-icon","component":" FallMenu 瀑布菜单","findIntroStr":"FallMenu 瀑布菜单以横向方式显示，支持三级菜单配置，适用于版型定制，以弹出的方式展示。","demoId":"custom-slider-icon"},{"title":"自定义内容","content":"<p>通过 <code>level1</code> 插槽自定义一级菜单内容，通过 <code>level2</code> 插槽自定义二级菜单内容，通过 <code>level3</code> 插槽自定义三级菜单内容。</p>\n","link":"fall-menu/custom-menuitem","component":" FallMenu 瀑布菜单","findIntroStr":"FallMenu 瀑布菜单以横向方式显示，支持三级菜单配置，适用于版型定制，以弹出的方式展示。","demoId":"custom-menuitem"}]

package/resources/pc/demo-config/zh-CN/file-upload.json

@@ -0,0 +1 @@
+[{"title":"基本用法","content":"<p>属性 action(type：String) 上传服务器地址。</p>\n","link":"file-upload/basic-usage","component":" FileUpload 文件上传","findIntroStr":"可以设定文件的类型与上传的个数等。可自定义上传服务。","demoId":"basic-usage"},{"title":"设置组件大小","content":"<p>可选值为<code>large</code>，<code>medium</code>，<code>small</code>，<code>mini</code></p>\n","link":"file-upload/size","component":" FileUpload 文件上传","findIntroStr":"可以设定文件的类型与上传的个数等。可自定义上传服务。","demoId":"size"},{"title":"可上传的文件类型","content":"<p>通过配置 accept(image) 来限制上传文件的格式为 image</p>\n","link":"file-upload/accept-file-image","component":" FileUpload 文件上传","findIntroStr":"可以设定文件的类型与上传的个数等。可自定义上传服务。","demoId":"accept-file-image"},{"title":"手动上传","content":"<p>通过 action 配置上传地址，通过 submit 设置手动上传</p>\n","link":"file-upload/manual-upload","component":" FileUpload 文件上传","findIntroStr":"可以设定文件的类型与上传的个数等。可自定义上传服务。","demoId":"manual-upload"},{"title":"阻止删除文件","content":"<p>:before-remove（移除文件前回调事件）,方法里面return true/false，表示是否可以删除</p>\n","link":"file-upload/prevent-delete-file","component":" FileUpload 文件上传","findIntroStr":"可以设定文件的类型与上传的个数等。可自定义上传服务。","demoId":"prevent-delete-file"},{"title":"阻止上传文件","content":"<p>before-upload（上传前回调事件）,方法里面 return true/false，表示是否可以进行上传文件</p>\n","link":"file-upload/prevent-upload-file","component":" FileUpload 文件上传","findIntroStr":"可以设定文件的类型与上传的个数等。可自定义上传服务。","demoId":"prevent-upload-file"},{"title":"上传请求","content":"<p>可通过配置 action 为上传地址，可通过配置 headers 为头部请求信息</p>\n","link":"file-upload/upload-request","component":" FileUpload 文件上传","findIntroStr":"可以设定文件的类型与上传的个数等。可自定义上传服务。","demoId":"upload-request"},{"title":"mini 模式","content":"<p>\n可通过配置 mini-mode，设置显示 mini 模式</p>\n","link":"file-upload/mini-mode","component":" FileUpload 文件上传","findIntroStr":"可以设定文件的类型与上传的个数等。可自定义上传服务。","demoId":"mini-mode"},{"title":"是否可以拖拽文件上传","content":"<p>可配置 <code>drag(type:boolean)</code>，来控制组件是否可以拖拽文件上传，如果配置了 <code>accept</code> 属性，可通过 <code>@drop-error</code> 事件获取不合规的拖拽文件。</p>\n","link":"file-upload/drag-upload","component":" FileUpload 文件上传","findIntroStr":"可以设定文件的类型与上传的个数等。可自定义上传服务。","demoId":"drag-upload"},{"title":"拖拽上传","content":"<p>可配置drag(type:boolean)，来控制组件是否可以拖拽文件</p>\n","link":"file-upload/drag-select-file","component":" FileUpload 文件上传","findIntroStr":"可以设定文件的类型与上传的个数等。可自定义上传服务。","demoId":"drag-select-file"},{"title":"上传的文件列表","content":"<p>通过 <code>show-file-list</code> 配置是否显示是否显示已上传文件列表，默认值为 true ，需要与 file-list 同时使用\n可配置 <code>:file-list（type：Object）</code>来显示已上传的文件名和地址</p>\n","link":"file-upload/upload-file-list","component":" FileUpload 文件上传","findIntroStr":"可以设定文件的类型与上传的个数等。可自定义上传服务。","demoId":"upload-file-list"},{"title":"上传的文件列表弹出显示","content":"<p>通过 <code>list-type = thumb</code> 开启文件列表弹窗显示,<code>thumbOption</code> 设置弹窗相关数据；</p>\n","link":"file-upload/upload-file-list-thumb","component":" FileUpload 文件上传","findIntroStr":"可以设定文件的类型与上传的个数等。可自定义上传服务。","demoId":"upload-file-list-thumb"},{"title":"自定义上传请求","content":"<p>通过配置 <code>headers</code> ，设置自定义上传请求头信息</p>\n","link":"file-upload/custom-upload-request","component":" FileUpload 文件上传","findIntroStr":"可以设定文件的类型与上传的个数等。可自定义上传服务。","demoId":"custom-upload-request"},{"title":"覆盖默认请求","content":"<p>通过配置 <code>http-request</code> ，覆盖默认的上传行为，可以自定义上传的实现</p>\n","link":"file-upload/http-request","component":" FileUpload 文件上传","findIntroStr":"可以设定文件的类型与上传的个数等。可自定义上传服务。","demoId":"http-request"},{"title":"最大上传限制","content":"<p>可配置:before-upload（上传前事件回调），对文件类型和大小做限制</p>\n","link":"file-upload/upload-limit","component":" FileUpload 文件上传","findIntroStr":"可以设定文件的类型与上传的个数等。可自定义上传服务。","demoId":"upload-limit"},{"title":"照片墙","content":"<p>可配置list-type = 'picture-card'开启照片墙模式</p>\n","link":"file-upload/picture-card","component":" FileUpload 文件上传","findIntroStr":"可以设定文件的类型与上传的个数等。可自定义上传服务。","demoId":"picture-card"},{"title":"文件缩略图","content":"详细用法参考如下示例","link":"file-upload/file-picture-card","component":" FileUpload 文件上传","findIntroStr":"可以设定文件的类型与上传的个数等。可自定义上传服务。","demoId":"file-picture-card"},{"title":"图片列表缩略图","content":"<p>\n可通过配置list-type=&quot;picture&quot;，来实现图片列表缩略图显示</p>\n","link":"file-upload/picture-list","component":" FileUpload 文件上传","findIntroStr":"可以设定文件的类型与上传的个数等。可自定义上传服务。","demoId":"picture-list"},{"title":"最大上传文件数","content":"<p>\n可通过配置limit（type:Number，大于0的整数）来限制上传文件的个数</p>\n","link":"file-upload/max-file-count","component":" FileUpload 文件上传","findIntroStr":"可以设定文件的类型与上传的个数等。可自定义上传服务。","demoId":"max-file-count"},{"title":"文件多选","content":"<p>文件选择默认单选\n可配置multiple = 'true' 实现文件多选</p>\n","link":"file-upload/multiple-file","component":" FileUpload 文件上传","findIntroStr":"可以设定文件的类型与上传的个数等。可自定义上传服务。","demoId":"multiple-file"},{"title":"钩子函数","content":"<p><code>before-remove</code> 删除文件之前的钩子，参数为上传的文件和文件列表，若返回 false 或者返回 Promise 且被 reject，则停止删除。<code>before-upload</code> 上传文件之前的钩子，参数为上传的文件，若返回 false 或者返回 Promise 且被 reject，则停止上传。</p>\n","link":"file-upload/custom-prefix","component":" FileUpload 文件上传","findIntroStr":"可以设定文件的类型与上传的个数等。可自定义上传服务。","demoId":"custom-prefix"},{"title":"事件","content":"<p><code>preview</code> 点击文件列表中已上传的文件时触发的事件。\n<code>remove</code> 文件列表移除文件时触发的事件。\n<code>error</code> 文件上传失败时触发的事件。\n<code>exceed</code> 文件超出个数限制时触发的事件。\n<code>progress</code> 文件上传时触发的事件。\n<code>change</code> 文件状态改变时触发的事件，添加文件、上传成功和上传失败时都会被触发。\n<code>success</code> 文件上传成功时触发的事件。</p>\n","link":"file-upload/upload-events","component":" FileUpload 文件上传","findIntroStr":"可以设定文件的类型与上传的个数等。可自定义上传服务。","demoId":"upload-events"},{"title":"支持发送 cookie 凭证信息","content":"<p>可通过配置:with-credentials = 'true' 开启访问服务器携带 cookie，默认为 false 。</p>\n","link":"file-upload/upload-request","component":" FileUpload 文件上传","findIntroStr":"可以设定文件的类型与上传的个数等。可自定义上传服务。","demoId":"upload-request1"},{"title":"手动清空已上传文件列表","content":"<p>调用组件clearFiles方法，清空已上传的文件列表（该方法不支持在 before-upload 中调用）</p>\n","link":"file-upload/clear-files","component":" FileUpload 文件上传","findIntroStr":"可以设定文件的类型与上传的个数等。可自定义上传服务。","demoId":"clear-files"},{"title":"手动取消上传请求","content":"<p>调用组件abort方法，取消上传请求</p>\n","link":"file-upload/abort-quest","component":" FileUpload 文件上传","findIntroStr":"可以设定文件的类型与上传的个数等。可自定义上传服务。","demoId":"abort-quest"},{"title":"自定义上传提示","content":"<p>可通过 tip 插槽来自定义上传提示</p>\n","link":"file-upload/custom-upload-tip","component":" FileUpload 文件上传","findIntroStr":"可以设定文件的类型与上传的个数等。可自定义上传服务。","demoId":"custom-upload-tip"},{"title":"自定义触发文件选项框","content":"<p>可在组件中写一个名为trigger的插槽，来触发弹出文件选项框</p>\n","link":"file-upload/custom-trigger","component":" FileUpload 文件上传","findIntroStr":"可以设定文件的类型与上传的个数等。可自定义上传服务。","demoId":"custom-trigger"},{"title":"用户头像上传","content":"详细用法参考如下示例","link":"file-upload/upload-user-head","component":" FileUpload 文件上传","findIntroStr":"可以设定文件的类型与上传的个数等。可自定义上传服务。","demoId":"upload-user-head"},{"title":"获取上传的片的原始尺寸","content":"<p>\n获取上传的片的原始尺寸</p>\n","link":"file-upload/image-size","component":" FileUpload 文件上传","findIntroStr":"可以设定文件的类型与上传的个数等。可自定义上传服务。","demoId":"image-size"}]

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

@@ -0,0 +1 @@
+[{"title":"基本用法","content":"<p>默认固定在屏幕右侧固定位置</p>\n","link":"floatbar/base","component":" Floatbar 浮动块","findIntroStr":"始终浮动在屏幕某一位置，不会因网页滚动使此模块离开屏幕。","demoId":"base"},{"title":"自定义样式","content":"<p>可通过配置 css 样式，设置浮动块的样式</p>\n","link":"floatbar/custom-style","component":" Floatbar 浮动块","findIntroStr":"始终浮动在屏幕某一位置，不会因网页滚动使此模块离开屏幕。","demoId":"custom-style"},{"title":"自定义内容","content":"<p>通过默认插槽设置浮动块的内容</p>\n","link":"floatbar/custom-floatbar-item","component":" Floatbar 浮动块","findIntroStr":"始终浮动在屏幕某一位置，不会因网页滚动使此模块离开屏幕。","demoId":"custom-floatbar-item"},{"title":"操作浮动块内容","content":"详细用法参考如下示例","link":"floatbar/operation-floatbar-item","component":" Floatbar 浮动块","findIntroStr":"始终浮动在屏幕某一位置，不会因网页滚动使此模块离开屏幕。","demoId":"operation-floatbar-item"}]

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

@@ -0,0 +1 @@
+[{"title":"中文字体集","content":"详细用法参考如下示例","link":"font/chinese-font-set","component":" Font 字体","findIntroStr":"Font 字体","demoId":"chinese-font-set"},{"title":"英文字体","content":"详细用法参考如下示例","link":"font/english-fonts","component":" Font 字体","findIntroStr":"Font 字体","demoId":"english-fonts"},{"title":"字体使用规范","content":"详细用法参考如下示例","link":"font/Font-usage-specifications","component":" Font 字体","findIntroStr":"Font 字体","demoId":"Font-usage-specifications"}]

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

@@ -0,0 +1,114 @@
+[
+  {
+    "title": "常用表单",
+    "content": "<p>在 Form 组件中，每一个表单域由一个 FormItem 组件构成，表单域中可以放置各种类型的表单控件，包括 Input、Select、Checkbox、Radio、Switch、DatePicker、TimePicker。</p>\n",
+    "link": "form/frequently-used-form",
+    "component": " Form 表单",
+    "findIntroStr": "由按钮、输入框、选择器、单选框、多选框等控件组成，用以收集、校验、提交数据。",
+    "demoId": "frequently-used-form"
+  },
+  {
+    "title": "行内表单",
+    "content": "<p>当垂直方向空间受限且表单较简单时，可以在一行内放置表单，设置 <code>inline</code> 属性可以让表单域变为行内的表单域。</p>\n",
+    "link": "form/form-in-row",
+    "component": " FormItem 表单项",
+    "findIntroStr": "Form 组件下的 FormItem 配置。",
+    "demoId": "form-in-row"
+  },
+  {
+    "title": "表单校验",
+    "content": "<p>包括常用的必填、日期、时间、URL、邮件等校验规则。通过 <code>trigger</code> 配置触发校验规则的方式，为 <code>change</code> 时，当输入框值改变即触发校验，为 <code>blur</code> 时则失焦后触发校验。</p>\n",
+    "link": "form/form-validation",
+    "component": " Form 表单",
+    "findIntroStr": "由按钮、输入框、选择器、单选框、多选框等控件组成，用以收集、校验、提交数据。",
+    "demoId": "form-validation"
+  },
+  {
+    "title": "自定义校验规则",
+    "content": "<p>通过 <code>validator</code> 选项进行自定义校验，校验方法中 <code>callback</code> 必须被调用。通过配置 <code>validate-on-rule-change</code> 属性,设置是否在 <code>rules</code> 属性改变后立即触发一次验证</p>\n",
+    "link": "form/custom-validation-rule",
+    "component": " Form 表单",
+    "findIntroStr": "由按钮、输入框、选择器、单选框、多选框等控件组成，用以收集、校验、提交数据。",
+    "demoId": "custom-validation-rule"
+  },
+  {
+    "title": "文本对齐",
+    "content": "<p>通过配置 <code>label-align</code> 属性, 设置是否文本对齐</p>\n",
+    "link": "form/label-align",
+    "component": " Form 表单",
+    "findIntroStr": "由按钮、输入框、选择器、单选框、多选框等控件组成，用以收集、校验、提交数据。",
+    "demoId": "label-align"
+  },
+  {
+    "title": "校验提示位置",
+    "content": "<p>通过 <code>validate-position</code> 可自定义错误提示出现的位置，在 <code>Form</code> 组件上设置后，子组件<code>FormItem</code>会继承父组件设置。单独在 <code>FormItem</code> 组件上进行设置优先级高于在 <code>From</code>上的设置。</p>\n",
+    "link": "form/validation-position",
+    "component": " Form 表单",
+    "findIntroStr": "由按钮、输入框、选择器、单选框、多选框等控件组成，用以收集、校验、提交数据。",
+    "demoId": "validation-position"
+  },
+  {
+    "title": "无校验的组件添加校验的方法",
+    "content": "详细用法参考如下示例",
+    "link": "form/no-validate-to-add",
+    "component": " Form 表单",
+    "findIntroStr": "由按钮、输入框、选择器、单选框、多选框等控件组成，用以收集、校验、提交数据。",
+    "demoId": "no-validate-to-add"
+  },
+  {
+    "title": "表单尺寸",
+    "content": "<p>通过在 <code>tiny-form</code> 标签上设置 <code>size</code> 属性可以改变表单内组件尺寸；设置 <code>disabled</code> 属性可以改变表单内组件禁用状态</p>\n",
+    "link": "form/size",
+    "component": " FormItem 表单项",
+    "findIntroStr": "由按钮、输入框、选择器、单选框、多选框等控件组成，用以收集、校验、提交数据。",
+    "demoId": "size"
+  },
+  {
+    "title": "移除表单项的校验结果",
+    "content": "<p>调用 <code>clearValidate</code> 方法移除表单项的校验结果。传入待移除的表单项的 <code>prop</code> 属性或者 <code>prop</code> 组成的数组，如不传则移除整个表单的校验结果。</p>\n",
+    "link": "form/form-clear-validate",
+    "component": " 移除表单项的校验结果",
+    "findIntroStr": "Form 组件下的移除表单项的校验结果的方法。",
+    "demoId": "form-clear-validate"
+  },
+  {
+    "title": "标签文本插槽",
+    "content": "<p>通过在 <code>label</code> 插槽，自定义标签文本的内容</p>\n",
+    "link": "form/slot-label",
+    "component": " FormItem 表单项",
+    "findIntroStr": "由按钮、输入框、选择器、单选框、多选框等控件组成，用以收集、校验、提交数据。",
+    "demoId": "slot-label"
+  },
+  {
+    "title": "隐藏表单项校验提示",
+    "content": "<p>通过配置 <code>novalid-tip</code> 设置是否显示校验提示框的tip内容提示。</p>\n",
+    "link": "form/novalid-tip",
+    "component": " Form 表单",
+    "findIntroStr": "配置是否显示校验提示框的tip内容提示",
+    "demoId": "novalid-tip"
+  },
+  {
+    "title": "校验提示的形式",
+    "content": "<p>通过 <code>validate-type</code> 可设置校验提示信息是以 <code>text</code> 文本显示还是以 <code>tip</code> 提示框的形式显示，默认为 <code>tip</code> 。也可直接配置在某一个 <code>&lt;form-item&gt;</code> 上控制某一项的校验提示形式。</p>\n",
+    "link": "form/validate-type",
+    "component": " Form 表单",
+    "findIntroStr": "由按钮、输入框、选择器、单选框、多选框等控件组成，用以收集、校验、提交数据。",
+    "demoId": "validate-type"
+  },
+  {
+    "title": "表单禁用",
+    "content": "<p>通过 <code>disabled</code> 可设置表单是否禁用，默认为 <code>false</code>。</p>\n",
+    "link": "form/form-disabled",
+    "component": " Form 表单",
+    "findIntroStr": "由按钮、输入框、选择器、单选框、多选框等控件组成，用以收集、校验、提交数据。",
+    "demoId": "form-disabled"
+  },
+  {
+    "title": "复杂布局",
+    "content": "<p>通过配合 <code>Row</code> 和 <code>Col</code> 组件来实现复杂布局。</p>\n",
+    "link": "form/form-row-col",
+    "component": " Form 表单",
+    "findIntroStr": "由按钮、输入框、选择器、单选框、多选框等控件组成，用以收集、校验、提交数据。",
+    "demoId": "form-row-col"
+  }
+]

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

@@ -0,0 +1 @@
+[{"title":"组件式使用","content":"详细用法参考如下示例","link":"fullscreen/example-component","component":" Fullscreen 全屏显示","findIntroStr":"Fullscreen 全屏显示","demoId":"example-component"},{"title":"函数式使用","content":"详细用法参考如下示例","link":"fullscreen/example-api","component":" Fullscreen 全屏显示","findIntroStr":"Fullscreen 全屏显示","demoId":"example-api"}]

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

@@ -0,0 +1 @@
+[{"title":"列对齐","content":"<p><code>align</code> 设置单独列对齐方式 可选值为 <code>left</code> <code>center</code> <code>right</code>，默认值为 <code>left</code>。</p>\n<div class=\"tip custom-block\"><p class=\"custom-block-title\">TIP</p>\n<p>列设置的 <code>align</code> 会覆盖掉表格设置的 <code>align</code></p>\n</div>\n","link":"grid/align/column-align","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"align-column-align"},{"title":"表头左对齐","content":"<p><code>header-align</code> 设置表头对齐方式可选值为 <code>left</code> <code>center</code> <code>right</code>，默认值为 <code>left</code>。</p>\n<div class=\"tip custom-block\"><p class=\"custom-block-title\">TIP</p>\n<p>表格上配置 <code>header-align</code> 会被列配置的 <code>header-align</code> 覆盖</p>\n</div>\n","link":"grid/align/header-align/left-header-align","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"align-header-align-left-header-align"},{"title":"表头右对齐","content":"详细用法参考如下示例","link":"grid/align/header-align/right-header-align","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"align-header-align-right-header-align"},{"title":"表头居中对齐","content":"详细用法参考如下示例","link":"grid/align/header-align/center-header-align","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"align-header-align-center-header-align"},{"title":"表尾左对齐","content":"<p><code>footer-align</code> 设置表尾对齐方式的可选值为 <code>left</code> <code>center</code> <code>right</code>，默认值为 <code>left</code>。</p>\n<div class=\"tip custom-block\"><p class=\"custom-block-title\">TIP</p>\n<p>表格上配置 <code>footer-align</code> 会被列配置的 <code>footer-align</code> 覆盖</p>\n</div>\n","link":"grid/align/footer-align/left-footer-align","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"align-footer-align-left-footer-align"},{"title":"表尾右对齐","content":"详细用法参考如下示例","link":"grid/align/footer-align/right-footer-align","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"align-footer-align-right-footer-align"},{"title":"表尾居中对齐","content":"详细用法参考如下示例","link":"grid/align/footer-align/center-footer-align","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"align-footer-align-center-footer-align"},{"title":"表格左对齐","content":"<p><code>align</code> 设置全部列对齐方式可选值为 <code>left</code> <code>center</code> <code>right</code>，默认值为 <code>left</code>。</p>\n<div class=\"tip custom-block\"><p class=\"custom-block-title\">TIP</p>\n<p>表格设置对齐方式优先级最低，会被单独设置对齐方式覆盖</p>\n</div>\n","link":"grid/align/grid-align/left-grid-align","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"align-grid-align-left-grid-align"},{"title":"表格右对齐","content":"详细用法参考如下示例","link":"grid/align/grid-align/right-grid-align","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"align-grid-align-right-grid-align"},{"title":"表格居中对齐","content":"详细用法参考如下示例","link":"grid/align/grid-align/center-grid-align","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"align-grid-align-center-grid-align"}]

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

@@ -0,0 +1 @@
+[{"title":"Grid-数据级联-正常列级联","content":"<p>需要在 <code>grid</code> 标签上配 <code>edit-config</code> 对象，<code>activeMethod</code> 编辑前的事件处理编辑项数据集。\n<code>grid-column</code> 列上面配置 <code>editor</code> 对象，<code>component</code> 用来渲染编辑组件。\n<code>attrs</code> 配置级联数据。\n<code>events</code> 来设置事件。\n具体参考下面示例。</p>\n","link":"grid/grid_Example/dataCascading/cascade","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"grid_Example-dataCascading-cascade"},{"title":"Grid-数据级联-任意父级联","content":"<p>需要在 <code>grid</code> 标签上配 <code>edit-config</code> 对象，<code>activeMethod</code> 编辑前的事件处理编辑项数据集。\n<code>grid-column</code> 列上面配置 <code>editor</code> 对象，<code>component</code> 用来渲染编辑组件。\n<code>attrs</code> 配置级联数据。\n<code>events</code> 来设置事件。\n具体参考下面示例。</p>\n","link":"grid/grid_Example/dataCascading/arbitraryCascade","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"grid_Example-dataCascading-arbitraryCascade"}]