@opentiny/vue-docs 2.0.4 → 2.0.6

package/demos/app/alert/close-text-composition-api.vue

@@ -6,10 +6,9 @@
 </template>
 
 <script setup lang="jsx">
-import { Alert as TinyAlert } from '@opentiny/vue'
-import { alert } from '@opentiny/vue-modal'
+import { Alert as TinyAlert, Modal } from '@opentiny/vue'
 
 function close() {
-  alert('关闭了')
+  Modal.alert('关闭了')
 }
 </script>

package/demos/app/alert/close-text.vue

@@ -6,8 +6,7 @@
 </template>
 
 <script lang="jsx">
-import { Alert } from '@opentiny/vue'
-import { alert } from '@opentiny/vue-modal'
+import { Alert, Modal } from '@opentiny/vue'
 
 export default {
   components: {
@@ -15,7 +14,7 @@ export default {
   },
   methods: {
     close() {
-      alert('关闭了')
+      Modal.alert('关闭了')
     }
   }
 }

package/demos/app/anchor/on-change-composition-api.vue

@@ -4,8 +4,7 @@
 
 <script setup>
 import { ref } from 'vue'
-import { Anchor as TinyAnchor } from '@opentiny/vue'
-import { message } from '@opentiny/vue-modal'
+import { Anchor as TinyAnchor, Modal } from '@opentiny/vue'
 
 const links = ref([
   {
@@ -43,6 +42,6 @@ const links = ref([
 ])
 
 function handleChange(link) {
-  message(`change${link}`)
+  Modal.message(`change${link}`)
 }
 </script>

package/demos/app/anchor/on-change.vue

@@ -3,8 +3,7 @@
 </template>
 
 <script>
-import { Anchor } from '@opentiny/vue'
-import { message } from '@opentiny/vue-modal'
+import { Anchor, Modal } from '@opentiny/vue'
 
 export default {
   components: {
@@ -50,7 +49,7 @@ export default {
   },
   methods: {
     handleChange(link) {
-      message(`change${link}`)
+      Modal.message(`change${link}`)
     }
   }
 }

package/demos/app/chart/webdoc/chart.js

@@ -28,7 +28,7 @@ export default {
             'en-US':
               'Data consists of indicators and dimensions. Dimension refers to data attributes, and indicator refers to quantitative measurement standards.'
           },
-          'demoId': 'chart/attributes-demo#props-demo10'
+          'demoId': 'chart-attributes-demo#props-demo10'
         },
         {
           'name': 'settings ',
@@ -45,42 +45,42 @@ export default {
           'type': 'String',
           'defaultValue': '该属性的默认值为 auto',
           'desc': { 'zh-CN': '设置图表容器的宽度。', 'en-US': 'Set the width of the chart container.' },
-          'demoId': 'chart/attributes-demo#props-demo10'
+          'demoId': 'chart-attributes-demo#props-demo10'
         },
         {
           'name': 'height',
           'type': 'String',
           'defaultValue': '该属性的默认值为 400px',
           'desc': { 'zh-CN': '设置图表容器的高度。', 'en-US': 'Set the height of the chart container.' },
-          'demoId': 'chart/attributes-demo#props-demo10'
+          'demoId': 'chart-attributes-demo#props-demo10'
         },
         {
           'name': 'events',
           'type': 'Object',
           'defaultValue': '',
           'desc': { 'zh-CN': '事件绑定', 'en-US': 'Event binding' },
-          'demoId': 'chart/events#events-base'
+          'demoId': 'chart-events#events-base'
         },
         {
           'name': 'init-options',
           'type': 'Object',
           'defaultValue': '',
           'desc': { 'zh-CN': 'init 附加参数', 'en-US': 'Init Additional Parameters' },
-          'demoId': 'chart/attributes-demo#props-demo10'
+          'demoId': 'chart-attributes-demo#props-demo10'
         },
         {
           'name': 'tooltip-visible',
           'type': 'Boolean',
           'defaultValue': '该属性的默认值为 true',
           'desc': { 'zh-CN': '是否显示提示框', 'en-US': 'Display dialog box' },
-          'demoId': 'chart/attributes-demo#props-demo10'
+          'demoId': 'chart-attributes-demo#props-demo10'
         },
         {
           'name': 'legend-visible',
           'type': 'Boolean',
           'defaultValue': '该属性的默认值为 true',
           'desc': { 'zh-CN': '是否显示图例', 'en-US': 'Display legend' },
-          'demoId': 'chart/attributes-demo#props-demo10'
+          'demoId': 'chart-attributes-demo#props-demo10'
         },
         {
           'name': 'theme',
@@ -110,21 +110,21 @@ export default {
             'zh-CN': '是否处理生成图表时的宽度问题',
             'en-US': 'Do you want to process the width issue when generating charts?'
           },
-          'demoId': 'chart/events#events-base'
+          'demoId': 'chart-events#events-base'
         },
         {
           'name': 'width-change-delay',
           'type': 'Number',
           'defaultValue': '该属性的默认值为 300',
           'desc': { 'zh-CN': '容器宽度变化的延迟', 'en-US': 'Container width change delay' },
-          'demoId': 'chart/question#question-base'
+          'demoId': 'chart-question#question-base'
         },
         {
           'name': 'resizeable',
           'type': 'Boolean',
           'defaultValue': '该属性的默认值为 true',
           'desc': { 'zh-CN': '是否处理窗口 resize 事件', 'en-US': 'Whether to process the window resize event' },
-          'demoId': 'chart/question#question-base'
+          'demoId': 'chart-question#question-base'
         },
         {
           'name': 'cancel-resize-check',
@@ -134,14 +134,14 @@ export default {
             'zh-CN': '是否禁用 resize 时的容器检测',
             'en-US': 'Whether to disable container detection during resize'
           },
-          'demoId': 'chart/question#question-base'
+          'demoId': 'chart-question#question-base'
         },
         {
           'name': 'resize-delay',
           'type': 'Number',
           'defaultValue': '该属性的默认值为 200',
           'desc': { 'zh-CN': '窗口 resize 事件回调的延迟', 'en-US': 'Delay of the window resize event callback' },
-          'demoId': 'chart/attributes-demo#props-demo10'
+          'demoId': 'chart-attributes-demo#props-demo10'
         },
         {
           'name': 'change-delay',
@@ -151,7 +151,7 @@ export default {
             'zh-CN': '属性修改触发图表重绘回调的延迟',
             'en-US': 'Delay for triggering chart redrawing callback after attribute modification'
           },
-          'demoId': 'chart/question#question-base'
+          'demoId': 'chart-question#question-base'
         },
         {
           'name': 'set-option-opts',

package/demos/app/dept/before-confirm-composition-api.vue

@@ -8,15 +8,14 @@
 </template>
 
 <script setup lang="jsx">
-import { Dept as TinyDept } from '@opentiny/vue'
-import { confirm } from '@opentiny/vue-modal'
+import { Dept as TinyDept, Modal } from '@opentiny/vue'
 import { ref } from 'vue'
 
 const value = ref('022471')
 
 function beforeConfirm() {
   return new Promise((resolve, reject) => {
-    confirm('确定关闭弹框？').then((res) => {
+    Modal.confirm('确定关闭弹框？').then((res) => {
       res === 'confirm' ? resolve() : reject(new Error())
     })
   })

package/demos/app/dept/before-confirm.vue

@@ -8,8 +8,7 @@
 </template>
 
 <script lang="jsx">
-import { Dept } from '@opentiny/vue'
-import { confirm } from '@opentiny/vue-modal'
+import { Dept, Modal } from '@opentiny/vue'
 
 export default {
   components: {
@@ -23,7 +22,7 @@ export default {
   methods: {
     beforeConfirm() {
       return new Promise((resolve, reject) => {
-        confirm('确定关闭弹框？').then((res) => {
+        Modal.confirm('确定关闭弹框？').then((res) => {
           res === 'confirm' ? resolve() : reject(new Error())
         })
       })

package/demos/app/file-upload/abort-quest-composition-api.vue

@@ -10,14 +10,13 @@
 
 <script setup lang="jsx">
 import { ref } from 'vue'
-import { FileUpload as TinyFileUpload, Button as TinyButton } from '@opentiny/vue'
-import { message } from '@opentiny/vue-modal'
+import { FileUpload as TinyFileUpload, Button as TinyButton, Modal } from '@opentiny/vue'
 
 const action = ref('http://localhost:3000/api/upload')
 const uploadRef = ref()
 
 function cancelUpload() {
-  message('手动取消上传')
+  Modal.message('手动取消上传')
   uploadRef.value.abort()
 }
 </script>

package/demos/app/file-upload/abort-quest.vue

@@ -9,8 +9,7 @@
 </template>
 
 <script lang="jsx">
-import { FileUpload, Button } from '@opentiny/vue'
-import { message } from '@opentiny/vue-modal'
+import { FileUpload, Button, Modal } from '@opentiny/vue'
 
 export default {
   components: {
@@ -24,7 +23,7 @@ export default {
   },
   methods: {
     cancelUpload() {
-      message('手动取消上传')
+      Modal.message('手动取消上传')
       this.$refs.upload.abort()
     }
   }

package/demos/app/file-upload/custom-prefix-composition-api.vue

@@ -16,8 +16,7 @@
 
 <script setup lang="jsx">
 import { ref } from 'vue'
-import { FileUpload as TinyFileUpload, Button as TinyButton } from '@opentiny/vue'
-import { message } from '@opentiny/vue-modal'
+import { FileUpload as TinyFileUpload, Button as TinyButton, Modal } from '@opentiny/vue'
 
 const action = ref('http://localhost:3000/api/upload')
 const fileList = ref([
@@ -32,12 +31,12 @@ const fileList = ref([
 ])
 
 function beforeRemove() {
-  message('触发删除文件前回调事件')
+  Modal.message('触发删除文件前回调事件')
   return true
 }
 
 function beforeAvatarUpload() {
-  message('触发上传前回调事件')
+  Modal.message('触发上传前回调事件')
   return true
 }
 </script>

package/demos/app/file-upload/custom-prefix.vue

@@ -15,8 +15,7 @@
 </template>
 
 <script lang="jsx">
-import { FileUpload, Button } from '@opentiny/vue'
-import { message } from '@opentiny/vue-modal'
+import { FileUpload, Button, Modal } from '@opentiny/vue'
 
 export default {
   components: {
@@ -40,11 +39,11 @@ export default {
   },
   methods: {
     beforeRemove() {
-      message('触发删除文件前回调事件')
+      Modal.message('触发删除文件前回调事件')
       return true
     },
     beforeAvatarUpload() {
-      message('触发上传前回调事件')
+      Modal.message('触发上传前回调事件')
       return true
     }
   }

package/demos/app/file-upload/custom-upload-request-composition-api.vue

@@ -14,8 +14,7 @@
 
 <script setup lang="jsx">
 import { ref } from 'vue'
-import { FileUpload as TinyFileUpload, Button as TinyButton } from '@opentiny/vue'
-import { message } from '@opentiny/vue-modal'
+import { FileUpload as TinyFileUpload, Button as TinyButton, Modal } from '@opentiny/vue'
 
 const action = ref('http://localhost:3000/api/upload')
 const fileList = ref([
@@ -30,7 +29,7 @@ const headers = ref({
 })
 
 function beforeUpload() {
-  message('查看请求头示例请打开浏览器开发者工具 network 的 upload 请求')
+  Modal.message('查看请求头示例请打开浏览器开发者工具 network 的 upload 请求')
   return true
 }
 </script>

package/demos/app/file-upload/custom-upload-request.vue

@@ -13,8 +13,7 @@
 </template>
 
 <script lang="jsx">
-import { FileUpload, Button } from '@opentiny/vue'
-import { message } from '@opentiny/vue-modal'
+import { FileUpload, Button, Modal } from '@opentiny/vue'
 
 export default {
   components: {
@@ -38,7 +37,7 @@ export default {
   },
   methods: {
     beforeUpload() {
-      message('查看请求头示例请打开浏览器开发者工具 network 的 upload 请求')
+      Modal.message('查看请求头示例请打开浏览器开发者工具 network 的 upload 请求')
       return true
     }
   }

package/demos/app/file-upload/drag-upload-composition-api.vue

@@ -7,15 +7,14 @@
 
 <script setup lang="jsx">
 import { ref } from 'vue'
-import { FileUpload as TinyFileUpload } from '@opentiny/vue'
+import { FileUpload as TinyFileUpload, Modal } from '@opentiny/vue'
 import { iconFileupload } from '@opentiny/vue-icon'
-import { message } from '@opentiny/vue-modal'
 
 const action = ref('http://localhost:3000/api/upload')
 
 const TinyIconFileupload = iconFileupload()
 
 function dropErrorHandler(files) {
-  message(`有${files.length}个文件拖拽失败`)
+  Modal.message(`有${files.length}个文件拖拽失败`)
 }
 </script>

package/demos/app/file-upload/drag-upload.vue

@@ -6,9 +6,8 @@
 </template>
 
 <script lang="jsx">
-import { FileUpload } from '@opentiny/vue'
+import { FileUpload, Modal } from '@opentiny/vue'
 import { IconFileupload } from '@opentiny/vue-icon'
-import { message } from '@opentiny/vue-modal'
 
 export default {
   components: {
@@ -22,7 +21,7 @@ export default {
   },
   methods: {
     dropErrorHandler(files) {
-      message(`有${files.length}个文件拖拽失败`)
+      Modal.message(`有${files.length}个文件拖拽失败`)
     }
   }
 }

package/demos/app/file-upload/jalor-request-composition-api.vue

@@ -8,15 +8,14 @@
 
 <script setup lang="jsx">
 import { ref } from 'vue'
-import { FileUpload as TinyFileUpload, Button as TinyButton } from '@opentiny/vue'
-import { message } from '@opentiny/vue-modal'
+import { FileUpload as TinyFileUpload, Button as TinyButton, Modal } from '@opentiny/vue'
 
 const requestData = ref({
   id: 123
 })
 
 function beforeUpload() {
-  message('查看请求头示例请打开浏览器开发者工具 network 的 upload 请求')
+  Modal.message('查看请求头示例请打开浏览器开发者工具 network 的 upload 请求')
   return true
 }
 </script>

package/demos/app/file-upload/jalor-request.vue

@@ -7,8 +7,7 @@
 </template>
 
 <script lang="jsx">
-import { FileUpload, Button } from '@opentiny/vue'
-import { message } from '@opentiny/vue-modal'
+import { FileUpload, Button, Modal } from '@opentiny/vue'
 
 export default {
   components: {
@@ -24,7 +23,7 @@ export default {
   },
   methods: {
     beforeUpload() {
-      message('查看请求头示例请打开浏览器开发者工具 network 的 upload 请求')
+      Modal.message('查看请求头示例请打开浏览器开发者工具 network 的 upload 请求')
       return true
     }
   }

package/demos/app/file-upload/max-file-count-composition-api.vue

@@ -6,13 +6,12 @@
 
 <script setup lang="jsx">
 import { ref } from 'vue'
-import { FileUpload as TinyFileUpload, Button as TinyButton } from '@opentiny/vue'
-import { message } from '@opentiny/vue-modal'
+import { FileUpload as TinyFileUpload, Button as TinyButton, Modal } from '@opentiny/vue'
 
 const action = ref('http://localhost:3000/api/upload')
 const limit = ref(1)
 
 function handleExceed() {
-  message(`文件个数不能超过${limit.value}个`)
+  Modal.message(`文件个数不能超过${limit.value}个`)
 }
 </script>

package/demos/app/file-upload/max-file-count.vue

@@ -5,8 +5,7 @@
 </template>
 
 <script lang="jsx">
-import { FileUpload, Button } from '@opentiny/vue'
-import { message } from '@opentiny/vue-modal'
+import { FileUpload, Button, Modal } from '@opentiny/vue'
 
 export default {
   components: {
@@ -21,7 +20,7 @@ export default {
   },
   methods: {
     handleExceed() {
-      message(`文件个数不能超过${this.limit}个`)
+      Modal.message(`文件个数不能超过${this.limit}个`)
     }
   }
 }

package/demos/app/file-upload/prevent-delete-file-composition-api.vue

@@ -8,8 +8,7 @@
 
 <script setup lang="jsx">
 import { ref } from 'vue'
-import { FileUpload as TinyFileUpload, Button as TinyButton } from '@opentiny/vue'
-import { confirm } from '@opentiny/vue-modal'
+import { FileUpload as TinyFileUpload, Button as TinyButton, Modal } from '@opentiny/vue'
 
 const action = ref('http://localhost:3000/api/upload')
 const fileList = ref([
@@ -21,7 +20,7 @@ const fileList = ref([
 
 function beforeRemove(file) {
   return new Promise((resolve, reject) => {
-    confirm(`确定移除 ${file.name}？`).then((res) => {
+    Modal.confirm(`确定移除 ${file.name}？`).then((res) => {
       res === 'confirm' ? resolve() : reject(new Error())
     })
   })

package/demos/app/file-upload/prevent-delete-file.vue

@@ -7,8 +7,7 @@
 </template>
 
 <script lang="jsx">
-import { FileUpload, Button } from '@opentiny/vue'
-import { confirm } from '@opentiny/vue-modal'
+import { FileUpload, Button, Modal } from '@opentiny/vue'
 
 export default {
   components: {
@@ -29,7 +28,7 @@ export default {
   methods: {
     beforeRemove(file) {
       return new Promise((resolve, reject) => {
-        confirm(`确定移除 ${file.name}？`).then((res) => {
+        Modal.confirm(`确定移除 ${file.name}？`).then((res) => {
           res === 'confirm' ? resolve() : reject(new Error())
         })
       })

package/demos/app/file-upload/prevent-upload-file-composition-api.vue

@@ -8,8 +8,7 @@
 
 <script setup lang="jsx">
 import { ref } from 'vue'
-import { FileUpload as TinyFileUpload, Button as TinyButton } from '@opentiny/vue'
-import { confirm } from '@opentiny/vue-modal'
+import { FileUpload as TinyFileUpload, Button as TinyButton, Modal } from '@opentiny/vue'
 
 const action = ref('http://localhost:3000/api/upload')
 const fileList = ref([
@@ -21,7 +20,7 @@ const fileList = ref([
 
 function beforeUpload(file) {
   return new Promise((resolve, reject) => {
-    confirm(`确定要上传 ${file.name}？`).then((res) => {
+    Modal.confirm(`确定要上传 ${file.name}？`).then((res) => {
       res === 'confirm' ? resolve() : reject()
     })
   })

package/demos/app/file-upload/prevent-upload-file.vue

@@ -7,8 +7,7 @@
 </template>
 
 <script lang="jsx">
-import { FileUpload, Button } from '@opentiny/vue'
-import { confirm } from '@opentiny/vue-modal'
+import { FileUpload, Button, Modal } from '@opentiny/vue'
 
 export default {
   components: {
@@ -29,7 +28,7 @@ export default {
   methods: {
     beforeUpload(file) {
       return new Promise((resolve, reject) => {
-        confirm(`确定要上传 ${file.name}？`).then((res) => {
+        Modal.confirm(`确定要上传 ${file.name}？`).then((res) => {
           res === 'confirm' ? resolve() : reject()
         })
       })

package/demos/app/file-upload/upload-events-composition-api.vue

@@ -21,8 +21,7 @@
 
 <script setup lang="jsx">
 import { ref } from 'vue'
-import { FileUpload as TinyFileUpload, Button as TinyButton } from '@opentiny/vue'
-import { message } from '@opentiny/vue-modal'
+import { FileUpload as TinyFileUpload, Button as TinyButton, Modal } from '@opentiny/vue'
 
 const action = ref('http://localhost:3000/api/upload')
 const fileList = ref([
@@ -37,34 +36,34 @@ const fileList = ref([
 ])
 
 function handleRemove() {
-  message('触发删除文件回调事件')
+  Modal.message('触发删除文件回调事件')
 }
 
 function handlePreview(file) {
-  message(file.url)
+  Modal.message(file.url)
 }
 
 function progressEvent() {
-  message('文件上传时的回调 返回进程')
+  Modal.message('文件上传时的回调 返回进程')
 }
 
 function errorEvent() {
-  message('文件上传失败回调')
+  Modal.message('文件上传失败回调')
 }
 
 function handleExceed() {
-  message('触发文件超出个数限制回调事件')
+  Modal.message('触发文件超出个数限制回调事件')
 }
 
 function handleAvatarSuccess() {
-  message('触发上传文件成功回调事件')
+  Modal.message('触发上传文件成功回调事件')
 }
 
 function handleChange() {
-  message('触发上传文件改变回调事件')
+  Modal.message('触发上传文件改变回调事件')
 }
 
 function handleHashProgress() {
-  message('文件上传生成hash值时的回调 返回进程')
+  Modal.message('文件上传生成hash值时的回调 返回进程')
 }
 </script>

package/demos/app/file-upload/upload-events.vue

@@ -20,8 +20,7 @@
 </template>
 
 <script lang="jsx">
-import { FileUpload, Button } from '@opentiny/vue'
-import { message } from '@opentiny/vue-modal'
+import { FileUpload, Button, Modal } from '@opentiny/vue'
 
 export default {
   components: {
@@ -45,28 +44,28 @@ export default {
   },
   methods: {
     handleRemove() {
-      message('触发删除文件回调事件')
+      Modal.message('触发删除文件回调事件')
     },
     handlePreview(file) {
-      message(file.url)
+      Modal.message(file.url)
     },
     progressEvent() {
-      message('文件上传时的回调 返回进程')
+      Modal.message('文件上传时的回调 返回进程')
     },
     errorEvent() {
-      message('文件上传失败回调')
+      Modal.message('文件上传失败回调')
     },
     handleExceed() {
-      message('触发文件超出个数限制回调事件')
+      Modal.message('触发文件超出个数限制回调事件')
     },
     handleAvatarSuccess() {
-      message('触发上传文件成功回调事件')
+      Modal.message('触发上传文件成功回调事件')
     },
     handleChange() {
-      message('触发上传文件改变回调事件')
+      Modal.message('触发上传文件改变回调事件')
     },
     handleHashProgress() {
-      message('文件上传生成hash值时的回调 返回进程')
+      Modal.message('文件上传生成hash值时的回调 返回进程')
     }
   }
 }

package/demos/app/file-upload/upload-request-composition-api.vue

@@ -15,8 +15,7 @@
 
 <script setup lang="jsx">
 import { ref } from 'vue'
-import { FileUpload as TinyFileUpload, Button as TinyButton } from '@opentiny/vue'
-import { message } from '@opentiny/vue-modal'
+import { FileUpload as TinyFileUpload, Button as TinyButton, Modal } from '@opentiny/vue'
 
 const action = ref('http://localhost:3000/api/upload')
 const fileList = ref([
@@ -31,7 +30,7 @@ const headers = ref({
 })
 
 function beforeUpload() {
-  message('查看请求头示例请打开浏览器开发者工具 network 的 upload 请求')
+  Modal.message('查看请求头示例请打开浏览器开发者工具 network 的 upload 请求')
 
   return true
 }