npm - @opentiny/vue-docs - Versions diffs - 1.0.3 → 1.0.4 - Mend

@opentiny/vue-docs 1.0.3 → 1.0.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (837) hide show

package/resources/mobile-first/md/file-upload/accept-file-type.md DELETED Viewed

@@ -1,19 +0,0 @@
-<div class="demo-header">
-<p class="overviewicon">
-  <span class="wapi-form-fileupload"/>
-</p>
-## FileUpload 文件上传
-<nova-uxlink widget-name="Fileupload"></nova-uxlink>
-可以设定文件的类型与上传的个数等。可自定义上传服务。
-</div>
-### 可上传的文件类型
-通过配置 `accept(.doc,.docx)` 来限制上传文件的格式为 `.doc .docx`
-<nova-demo-view link="file-upload/file-type.vue"></nova-demo-view>
-<br />

package/resources/mobile-first/md/file-upload/basic-usage.md DELETED Viewed

@@ -1,21 +0,0 @@
-<div class="demo-header">
-<p class="overviewicon">
-  <span class="wapi-form-fileupload"/>
-</p>
-## FileUpload 文件上传
-<nova-uxlink widget-name="Fileupload"></nova-uxlink>
-可以设定文件的类型与上传的个数等。可自定义上传服务。
-</div>
-### 基本用法
-属性 action(type：String) 上传服务器地址。
-<nova-demo-view link="file-upload/basic-usage.vue"></nova-demo-view>
-<br />
-<nova-attributes link="file-upload"></nova-attributes>

package/resources/mobile-first/md/file-upload/display-only.md DELETED Viewed

@@ -1,29 +0,0 @@
-<div class="demo-header">
-<p class="overviewicon">
-  <span class="wapi-form-fileupload"/>
-</p>
-## FileUpload 文件上传
-<nova-uxlink widget-name="Fileupload"></nova-uxlink>
-可以设定文件的类型与上传的个数等。可自定义上传服务。
-</div>
-### 只读模式
-文件上传模式，通过 `display-only` 设置组件是否只读。
-<nova-demo-view link="file-upload/display-only.vue"></nova-demo-view>
-<br />
-图片上传模式，通过 `display-only` 设置组件是否只读。
-<nova-demo-view link="file-upload/display-only-picture.vue"></nova-demo-view>
-<br />
-音视频上传模式，通过 `display-only` 设置组件是否只读。
-<nova-demo-view link="file-upload/display-only-video-audio.vue"></nova-demo-view>
-<br />

package/resources/mobile-first/md/file-upload/download.md DELETED Viewed

@@ -1,29 +0,0 @@
-<div class="demo-header">
-<p class="overviewicon">
-  <span class="wapi-form-fileupload"/>
-</p>
-## FileUpload 文件上传
-<nova-uxlink widget-name="Fileupload"></nova-uxlink>
-可以设定文件的类型与上传的个数等。可自定义上传服务。
-</div>
-### 下载全部
-文件上传模式，配置 `download-all` 事件，会显示下载全部按钮，点击下载全部按钮会触发 `download-all` 事件
-<nova-demo-view link="file-upload/download-all.vue"></nova-demo-view>
-### 文件下载
-文件上传模式，配置 `download-file` 事件，已上传的文件会显示下载按钮，点击下载按钮会触发 `download-file` 事件
-<nova-demo-view link="file-upload/download.vue"></nova-demo-view>
-<br />
-图片上传模式，配置 `download-file` 事件，已上传的文件会显示下载图标，点击下载按钮会触发 `download-file` 事件
-<nova-demo-view link="file-upload/download-picture.vue"></nova-demo-view>
-<br />

package/resources/mobile-first/md/file-upload/drag.md DELETED Viewed

@@ -1,24 +0,0 @@
-<div class="demo-header">
-<p class="overviewicon">
-  <span class="wapi-form-fileupload"/>
-</p>
-## FileUpload 文件上传
-<nova-uxlink widget-name="Fileupload"></nova-uxlink>
-可以设定文件的类型与上传的个数等。可自定义上传服务。
-</div>
-### 拖拽上传
-设置 `list-type` 为 `drag-single`，开启单文件拖拽上传。
-<nova-demo-view link="file-upload/drag.vue"></nova-demo-view>
-<br />
-可配置 `file-list` 属性展示对应的文件
-<nova-demo-view link="file-upload/drag-file-list.vue"></nova-demo-view>
-<br />

package/resources/mobile-first/md/file-upload/file-upload-mobile-mf.md DELETED Viewed

@@ -1,15 +0,0 @@
-<div class="demo-header">
-<p class="overviewicon">
-  <span class="wapi-ui-file-upload"/>
-</p>
-## FileUpload 文件上传
-<nova-uxlink widget-name="SelectMobile"></nova-uxlink>
-</div>
-### 基本用法
-<nova-demo-view link="file-upload/picture.vue"></nova-demo-view>
-<br />

package/resources/mobile-first/md/file-upload/multi-media.md DELETED Viewed

@@ -1,22 +0,0 @@
-<div class="demo-header">
-<p class="overviewicon">
-  <span class="wapi-form-fileupload"/>
-</p>
-## FileUpload 文件上传
-<nova-uxlink widget-name="Fileupload"></nova-uxlink>
-可以设定文件的类型与上传的个数等。可自定义上传服务。
-</div>
-### 多媒体上传
-在 `list-type` 为 `picture-card` 时，设置 `source-type` 为 `video/audio/picture` 时进行视频、音频、图片上传，`source-type` 支持 `video、audio、picture` 的互相组合
-<nova-demo-view link="file-upload/multi-media.vue"></nova-demo-view>
-同时在多媒体上传模式下，可配置hwh5属性，进行原生上传。可在 `trigger-click` 事件中进行文件选取操作并上传，可在 `play` 事件中进行音视频播放操作
-<nova-demo-view link="file-upload/multi-media-native.vue"></nova-demo-view>
-<br />

package/resources/mobile-first/md/file-upload/picture.md DELETED Viewed

@@ -1,29 +0,0 @@
-<div class="demo-header">
-<p class="overviewicon">
-  <span class="wapi-ui-file-upload"/>
-</p>
-## FileUpload 文件上传
-<nova-uxlink widget-name="Fileupload"></nova-uxlink>
-可以设定文件的类型与上传的个数等。可自定义上传服务。
-</div>
-### 图片上传
-设置 `list-type` 为 `picture-single`，展示单图片模式。可配置 `file-list` 属性展示对应的图片
-<nova-demo-view link="file-upload/picture.vue"></nova-demo-view>
-<br />
-设置 `list-type` 为 `picture-card`，展示图片墙模式。可配置 `file-list` 属性展示对应的图片
-<nova-demo-view link="file-upload/picture-card.vue"></nova-demo-view>
-<br />
-设置 `show-name` 控制是否展示图片名字
-<nova-demo-view link="file-upload/picture-show-name.vue"></nova-demo-view>
-<br />

package/resources/mobile-first/md/file-upload/preview.md DELETED Viewed

@@ -1,24 +0,0 @@
-<div class="demo-header">
-<p class="overviewicon">
-  <span class="wapi-form-fileupload"/>
-</p>
-## FileUpload 文件上传
-<nova-uxlink widget-name="Fileupload"></nova-uxlink>
-可以设定文件的类型与上传的个数等。可自定义上传服务。
-</div>
-### 文件预览
-文件上传模式，配置 `preview` 事件，已上传的文件会显示预览按钮，点击预览图标会触发 `preview` 事件。
-<nova-demo-view link="file-upload/preview.vue"></nova-demo-view>
-<br />
-图片上传模式，配置 `preview` 事件，已上传的文件会显示预览图标，点击预览图标会触发 `preview` 事件。
-<nova-demo-view link="file-upload/preview-picture.vue"></nova-demo-view>
-<br />

package/resources/mobile-first/md/file-upload/re-upload.md DELETED Viewed

@@ -1,24 +0,0 @@
-<div class="demo-header">
-<p class="overviewicon">
-  <span class="wapi-form-fileupload"/>
-</p>
-## FileUpload 文件上传
-<nova-uxlink widget-name="Fileupload"></nova-uxlink>
-可以设定文件的类型与上传的个数等。可自定义上传服务。
-</div>
-### 文件重新上传
-文件上传模式，配置 `re-upload` 事件，上传失败的文件会显示重新上传按钮，点击重新上传按钮会触发 `re-upload` 事件
-<nova-demo-view link="file-upload/re-upload.vue"></nova-demo-view>
-<br />
-图片上传模式，配置 `re-upload` 事件，上传失败的文件会显示重新上传图标，点击重新上传按钮会触发 `re-upload` 事件
-<nova-demo-view link="file-upload/re-upload-picture.vue"></nova-demo-view>
-<br />

package/resources/mobile-first/md/file-upload/show-title.md DELETED Viewed

@@ -1,24 +0,0 @@
-<div class="demo-header">
-<p class="overviewicon">
-  <span class="wapi-form-fileupload"/>
-</p>
-## FileUpload 文件上传
-<nova-uxlink widget-name="Fileupload"></nova-uxlink>
-可以设定文件的类型与上传的个数等。可自定义上传服务。
-</div>
-### 隐藏标题
-配置 `show-title` 为 `false` 隐藏标题，默认为 `true`。
-<nova-demo-view link="file-upload/show-title.vue"></nova-demo-view>
-<br />
-通过 `title` 可自定义标题。
-<nova-demo-view link="file-upload/title.vue"></nova-demo-view>
-<br />

package/resources/mobile-first/md/file-upload/slots.md DELETED Viewed

@@ -1,19 +0,0 @@
-<div class="demo-header">
-<p class="overviewicon">
-  <span class="wapi-form-fileupload"/>
-</p>
-## FileUpload 文件上传
-<nova-uxlink widget-name="Fileupload"></nova-uxlink>
-可以设定文件的类型与上传的个数等。可自定义上传服务。
-</div>
-### 插槽
-`assist-content` 辅助内容插槽
-<nova-demo-view link="file-upload/assist-content.vue"></nova-demo-view>
-<br />

package/resources/mobile-first/md/file-upload/upload-event.md DELETED Viewed

@@ -1,24 +0,0 @@
-<div class="demo-header">
-<p class="overviewicon">
-  <span class="wapi-form-fileupload"/>
-</p>
-## FileUpload 文件上传
-<nova-uxlink widget-name="Fileupload"></nova-uxlink>
-可以设定文件的类型与上传的个数等。可自定义上传服务。
-</div>
-### 事件
-`trigger-click` 点击文件上传时触发的事件
-`preview` 点击预览时触发的事件
-`download-file` 点击下载时触发的事件
-`download-all` 点击全部下载时触发的事件
-`re-upload` 点击重新上传时触发的事件
-`click-file-list` 点击上传的文件列表时触发的事件
-<nova-demo-view link="file-upload/event-trigger-click.vue"></nova-demo-view>
-<br />

package/resources/mobile-first/md/file-upload/upload-file-list.md DELETED Viewed

@@ -1,19 +0,0 @@
-<div class="demo-header">
-<p class="overviewicon">
-  <span class="wapi-form-fileupload"/>
-</p>
-## FileUpload 文件上传
-<nova-uxlink widget-name="Fileupload"></nova-uxlink>
-可以设定文件的类型与上传的个数等。可自定义上传服务。
-</div>
-### 上传的文件列表
-通过 `fileList` 配置需要显示的文件列表。
-<nova-demo-view link="file-upload/file-list.vue"></nova-demo-view>
-<br />

package/resources/mobile-first/md/file-upload/video-audio.md DELETED Viewed

@@ -1,24 +0,0 @@
-<div class="demo-header">
-<p class="overviewicon">
-  <span class="wapi-form-fileupload"/>
-</p>
-## FileUpload 文件上传
-<nova-uxlink widget-name="Fileupload"></nova-uxlink>
-可以设定文件的类型与上传的个数等。可自定义上传服务。
-</div>
-### 音视频上传
-在 `list-type` 为 `picture-single` 时，设置 `source-type` 为 `video` 时展示视频
-<nova-demo-view link="file-upload/video.vue"></nova-demo-view>
-<br />
-在 `list-type` 为 `picture-single` 时，设置 `source-type` 为 `audio` 时展示视频
-<nova-demo-view link="file-upload/audio.vue"></nova-demo-view>
-<br />

package/resources/mobile-first/md/filter/basic-usage.md DELETED Viewed

@@ -1,38 +0,0 @@
-<div class="demo-header">
-<p class="overviewicon">
-  <span class="wapi-form-filter"/>
-</p>
-## Filter 过滤器
-<nova-uxlink widget-name="Filter"></nova-uxlink>
-Filter 过滤器。
-</div>
-### 基本用法
-过滤类型 `type` 包括 `单选、多选、枚举单选 (radio | checkbox | enum-radio)`。
-<nova-demo-view link="filter/basic-usage.vue"></nova-demo-view>
-### 面板每行标签数
-通过 `column-num` 属性设置面板每行标签数，默认值为 3。
-<nova-demo-view link="filter/column-num.vue"></nova-demo-view>
-### 过滤组
-通过 `filter-group` 属性开启过滤组功能，`filter-value` 绑定过滤组的值。过滤组类型 `type` 包括 `单选、多选 (radio | checkbox)`。
-<nova-demo-view link="filter/filter-group.vue"></nova-demo-view>
-<nova-attributes link="filter"></nova-attributes>
-### 枚举单选
-设置过滤类型 `type: 'enum-radio'` 时，当前数据为枚举单选，通过 `showAll: true` 显示 `全部` 选择项。
-<nova-demo-view link="filter/enumeration.vue"></nova-demo-view>
-<nova-attributes link="filter"></nova-attributes>

package/resources/mobile-first/md/filter/filter-mf.md DELETED Viewed

@@ -1,38 +0,0 @@
-<div class="demo-header">
-<p class="overviewicon">
-  <span class="wapi-form-filter"/>
-</p>
-## Filter 过滤器
-<nova-uxlink widget-name="Filter"></nova-uxlink>
-Filter 过滤器。
-</div>
-### 基本用法
-过滤类型 `type` 包括 `单选、多选、枚举单选 (radio | checkbox | enum-radio)`。
-<nova-demo-view link="filter/basic-usage.vue"></nova-demo-view>
-### 面板每行标签数
-通过 `column-num` 属性设置面板每行标签数，默认值为 3。
-<nova-demo-view link="filter/column-num.vue"></nova-demo-view>
-### 过滤组
-通过 `filter-group` 属性开启过滤组功能，`filter-value` 绑定过滤组的值。过滤组类型 `type` 包括 `单选、多选 (radio | checkbox)`。
-<nova-demo-view link="filter/filter-group.vue"></nova-demo-view>
-<nova-attributes link="filter"></nova-attributes>
-### 枚举单选
-设置过滤类型 `type: 'enum-radio'` 时，当前数据为枚举单选，通过 `showAll: true` 显示 `全部` 选择项。
-<nova-demo-view link="filter/enumeration.vue"></nova-demo-view>
-<nova-attributes link="filter"></nova-attributes>

package/resources/mobile-first/md/filter-bar/basic-usage.md DELETED Viewed

@@ -1,28 +0,0 @@
-<div class="demo-header">
-<p class="overviewicon">
-  <span class="wapi-form-filter-bar"/>
-</p>
-## FilterBar 过滤栏
-<nova-uxlink widget-name="FilterBar"></nova-uxlink>
-FilterBar 过滤栏。
-</div>
-### 基本用法
-<nova-demo-view link="filter-bar/basic-usage.vue"></nova-demo-view>
-### 选中项只读
-点击事件不改变选中项。
-<nova-demo-view link="filter-bar/readonly.vue"></nova-demo-view>
-### 插槽
-可使用右侧 `icon` 自定义插槽。
-<nova-demo-view link="filter-bar/slot.vue"></nova-demo-view>

package/resources/mobile-first/md/filter-bar/filter-bar-mf.md DELETED Viewed

@@ -1,28 +0,0 @@
-<div class="demo-header">
-<p class="overviewicon">
-  <span class="wapi-form-filter-bar"/>
-</p>
-## FilterBar 过滤栏
-<nova-uxlink widget-name="FilterBar"></nova-uxlink>
-FilterBar 过滤栏。
-</div>
-### 基本用法
-<nova-demo-view link="filter-bar/basic-usage.vue"></nova-demo-view>
-### 选中项只读
-点击事件不改变选中项。
-<nova-demo-view link="filter-bar/readonly.vue"></nova-demo-view>
-### 插槽
-可使用右侧 `icon` 自定义插槽。
-<nova-demo-view link="filter-bar/slot.vue"></nova-demo-view>

package/resources/mobile-first/md/flowchart/basic-usage.md DELETED Viewed

@@ -1,72 +0,0 @@
-<div class="demo-header">
-<p class="overviewicon">
-  <span class="wapi-container-panel"/>
-</p>
-## Flowchart 流程图
-<nova-uxlink widget-name="Panel"></nova-uxlink>
-</div>
-### 基本用法
-该组件可以用来定制流程图，不依赖其它库或组件。默认的实现支持有状态的节点和连线，支持节点和连线以及空白区域的点击事件。
-### 垂直图形
-<nova-demo-view link="flowchart/basic-usage.vue"></nova-demo-view>
-### 水平图形
-<nova-demo-view link="flowchart/horizon.vue"></nova-demo-view>
-节点属性：
-|名称|类型|描述|值|
-|--|--|--|--|
-|node.name|string|节点唯一标识|必选|
-|node.info|Object|节点属性|必选|
-|node.info.row|number|节点所在的行|必选|
-|node.info.col|number|节点所在的列|必选|
-|node.info.width|number|节点宽度或节点直径|shape 为 circle 时为 40，为 rectangle 时为 160|
-|node.info.height|number|节点高度|shape 为 rectangle 时有效为 56|
-|node.info.shape|string|节点形状| rectangle 或 circle|
-|node.info.status|number|节点状态|无默认值，可以为 config.status 所有 key 值|
-|node.info.other|Object|节点扩展|必选|
-|node.info.other.main|string|节点主描述|必选|
-|node.info.other.auxi|string|节点辅描述|必选|
-|node.info.other.error|string|失败节点 Tip 提示|必选|
-|node.hidden|boolean|节点是否隐藏|false|
-|node.renderOuter|function|节点的定制渲染，覆盖状态边框|undefined|
-|node.renderInner|function|节点的定制渲染，不覆盖状态边框|undefined|
-连线属性：
-|名称|类型|描述|值|
-|--|--|--|--|
-|link.from|string|连线起始节点|起始节点的 name|
-|link.to|string|连线结束节点|结束节点的 name|
-|link.fromJoint|string|连线在起始节点的出发位置|默认为 bottom，表示起始节点底部中间|
-|link.to|string|连线在结束节点的终止位置|默认为 top，表示结束节点顶部中间|
-|link.info|Object|连线属性|必选|
-|link.info.status|number|连线状态|必选|
-|link.info.style|string|连线样式|必选，为 solid 或 dashed|
-fromJoint、toJoint 连接点配置：
-值可以为 bottom、top、left、right，表示从底部中间、顶部中间、左侧中间、右侧中间；
-值也可以为变体 bottom-1/2、bottom-2/2，表示从底部左半部分中间、底部右半部分中间；
-值也可以为变体 bottom-1/3、bottom-2/3、bottom-3/3 等
-图形属性：
-|名称|类型|描述|值|
-|--|--|--|--|
-|config.width|number|图形宽度|如果配置宽度够用，就使用此配置宽度，否则使用图形实际需要宽度|
-|config.height|number|图形高度|如果配置高度够用，就使用此配置高度，否则使用图形实际需要高度|
-|config.gap|number|节点间距|大于 0 数字|
-|config.padding|number|图形内边距|大于 0 数字|
-|config.prior|string|折线优先方向|vertical 或 horizontal，对于水平图形，应使用 horizontal|
-|config.align|string|同行节点水平居中|不配置或 center|
-|config.status|Object|状态值和名称映射|必选|
-|config.colors|Object|状态值和颜色映射|必选，作为连线和节点边框颜色|
-|config.ongoingBackgroundColor|string|进行中节点背景色|必选|
-|config.popoverPlacement|string|Tip 提示位置|必选|
-<br />

package/resources/mobile-first/md/flowchart/dot-mode.md DELETED Viewed

@@ -1,22 +0,0 @@
-<div class="demo-header">
-<p class="overviewicon">
-  <span class="wapi-container-panel"/>
-</p>
-## Flowchart 流程图
-<nova-uxlink widget-name="Panel"></nova-uxlink>
-</div>
-### 点模式
-提供了节点组件 Node 用于定制多端流程图的节点样式
-### 点模式-垂直图形
-<nova-demo-view link="flowchart/dot-vertical.vue"></nova-demo-view>
-### 点模式-水平图形
-<nova-demo-view link="flowchart/dot-horizon.vue"></nova-demo-view>

package/resources/mobile-first/md/flowchart/flowchart-mf.md DELETED Viewed

@@ -1,72 +0,0 @@
-<div class="demo-header">
-<p class="overviewicon">
-  <span class="wapi-container-panel"/>
-</p>
-## Flowchart 流程图
-<nova-uxlink widget-name="Panel"></nova-uxlink>
-</div>
-### 基本用法
-该组件可以用来定制流程图，不依赖其它库或组件。默认的实现支持有状态的节点和连线，支持节点和连线以及空白区域的点击事件。
-### 垂直图形
-<nova-demo-view link="flowchart/basic-usage.vue"></nova-demo-view>
-### 水平图形
-<nova-demo-view link="flowchart/horizon.vue"></nova-demo-view>
-节点属性：
-|名称|类型|描述|值|
-|--|--|--|--|
-|node.name|string|节点唯一标识|必选|
-|node.info|Object|节点属性|必选|
-|node.info.row|number|节点所在的行|必选|
-|node.info.col|number|节点所在的列|必选|
-|node.info.width|number|节点宽度或节点直径|shape 为 circle 时为 40，为 rectangle 时为 160|
-|node.info.height|number|节点高度|shape 为 rectangle 时有效为 56|
-|node.info.shape|string|节点形状| rectangle 或 circle|
-|node.info.status|number|节点状态|无默认值，可以为 config.status 所有 key 值|
-|node.info.other|Object|节点扩展|必选|
-|node.info.other.main|string|节点主描述|必选|
-|node.info.other.auxi|string|节点辅描述|必选|
-|node.info.other.error|string|失败节点 Tip 提示|必选|
-|node.hidden|boolean|节点是否隐藏|false|
-|node.renderOuter|function|节点的定制渲染，覆盖状态边框|undefined|
-|node.renderInner|function|节点的定制渲染，不覆盖状态边框|undefined|
-连线属性：
-|名称|类型|描述|值|
-|--|--|--|--|
-|link.from|string|连线起始节点|起始节点的 name|
-|link.to|string|连线结束节点|结束节点的 name|
-|link.fromJoint|string|连线在起始节点的出发位置|默认为 bottom，表示起始节点底部中间|
-|link.to|string|连线在结束节点的终止位置|默认为 top，表示结束节点顶部中间|
-|link.info|Object|连线属性|必选|
-|link.info.status|number|连线状态|必选|
-|link.info.style|string|连线样式|必选，为 solid 或 dashed|
-fromJoint、toJoint 连接点配置：
-值可以为 bottom、top、left、right，表示从底部中间、顶部中间、左侧中间、右侧中间；
-值也可以为变体 bottom-1/2、bottom-2/2，表示从底部左半部分中间、底部右半部分中间；
-值也可以为变体 bottom-1/3、bottom-2/3、bottom-3/3 等
-图形属性：
-|名称|类型|描述|值|
-|--|--|--|--|
-|config.width|number|图形宽度|如果配置宽度够用，就使用此配置宽度，否则使用图形实际需要宽度|
-|config.height|number|图形高度|如果配置高度够用，就使用此配置高度，否则使用图形实际需要高度|
-|config.gap|number|节点间距|大于 0 数字|
-|config.padding|number|图形内边距|大于 0 数字|
-|config.prior|string|折线优先方向|vertical 或 horizontal，对于水平图形，应使用 horizontal|
-|config.align|string|同行节点水平居中|不配置或 center|
-|config.status|Object|状态值和名称映射|必选|
-|config.colors|Object|状态值和颜色映射|必选，作为连线和节点边框颜色|
-|config.ongoingBackgroundColor|string|进行中节点背景色|必选|
-|config.popoverPlacement|string|Tip 提示位置|必选|
-<br />