@opentiny/vue-docs 2.0.5 → 2.0.6

package/demos/app/grid/grid_Example/shortcutMenu/footer-menu-composition-api.vue

@@ -24,7 +24,6 @@
 <script setup lang="jsx">
 import { ref } from 'vue'
 import { Grid as TinyGrid, GridColumn as TinyGridColumn, Modal } from '@opentiny/vue'
-import { alert } from '@opentiny/vue-modal'
 
 const bodyMenus = ref([
   [
@@ -198,7 +197,7 @@ function contextMenuClickEvent({ menu, row, column }) {
       }
       break
     default:
-      alert(`点击了 ${menu.name} 选项`)
+      Modal.alert(`点击了 ${menu.name} 选项`)
   }
 }
 </script>

package/demos/app/grid/grid_Example/shortcutMenu/footer-menu.vue

@@ -23,7 +23,6 @@
 
 <script lang="jsx">
 import { Grid, GridColumn, Modal } from '@opentiny/vue'
-import { alert } from '@opentiny/vue-modal'
 
 export default {
   components: {
@@ -204,7 +203,7 @@ export default {
           }
           break
         default:
-          alert(`点击了 ${menu.name} 选项`)
+          Modal.alert(`点击了 ${menu.name} 选项`)
       }
     }
   }

package/demos/app/grid/grid_Example/shortcutMenu/header-menu-composition-api.vue

@@ -21,7 +21,6 @@
 <script setup lang="jsx">
 import { ref } from 'vue'
 import { Grid as TinyGrid, GridColumn as TinyGridColumn, Modal } from '@opentiny/vue'
-import { alert } from '@opentiny/vue-modal'
 
 const headerMenus = ref([
   [
@@ -155,7 +154,7 @@ function contextMenuClickEvent({ menu, row, column }) {
       }
       break
     default:
-      alert(`点击了 ${menu.name} 选项`)
+      Modal.alert(`点击了 ${menu.name} 选项`)
   }
 }
 </script>

package/demos/app/grid/grid_Example/shortcutMenu/header-menu.vue

@@ -20,7 +20,6 @@
 
 <script lang="jsx">
 import { Grid, GridColumn, Modal } from '@opentiny/vue'
-import { alert } from '@opentiny/vue-modal'
 
 export default {
   components: {
@@ -163,7 +162,7 @@ export default {
           }
           break
         default:
-          alert(`点击了 ${menu.name} 选项`)
+          Modal.alert(`点击了 ${menu.name} 选项`)
       }
     }
   }

package/demos/app/grid/grid_Example/shortcutMenu/menu-permissions-composition-api.vue

@@ -27,7 +27,6 @@
 import { ref } from 'vue'
 import { Grid as TinyGrid, GridColumn as TinyGridColumn, Modal } from '@opentiny/vue'
 import { IconCopy } from '@opentiny/vue-icon'
-import { alert } from '@opentiny/vue-modal'
 
 const bodyMenus = ref([
   [
@@ -254,7 +253,7 @@ function contextMenuClickEvent({ menu, row, column }) {
       }
       break
     default:
-      alert(`点击了 ${menu.name} 选项`)
+      Modal.alert(`点击了 ${menu.name} 选项`)
   }
 }
 </script>

package/demos/app/grid/grid_Example/shortcutMenu/menu-permissions.vue

@@ -26,7 +26,6 @@
 <script lang="jsx">
 import { Grid, GridColumn, Modal } from '@opentiny/vue'
 import { IconCopy } from '@opentiny/vue-icon'
-import { alert } from '@opentiny/vue-modal'
 
 export default {
   components: {
@@ -260,7 +259,7 @@ export default {
           }
           break
         default:
-          alert(`点击了 ${menu.name} 选项`)
+          Modal.alert(`点击了 ${menu.name} 选项`)
       }
     }
   }

package/demos/app/grid/slot/buttons-slot-composition-api.vue

@@ -31,8 +31,7 @@
 
 <script setup>
 import { ref } from 'vue'
-import { Grid as TinyGrid, GridColumn as TinyGridColumn, GridToolbar as TinyGridToolbar } from '@opentiny/vue'
-import { Modal } from '@opentiny/vue-modal'
+import { Grid as TinyGrid, GridColumn as TinyGridColumn, GridToolbar as TinyGridToolbar, Modal } from '@opentiny/vue'
 
 const toolbarButtons = ref([
   {
@@ -118,19 +117,19 @@ function toolbarButtonClickEvent({ code, $grid }) {
     }
     case 'delete': {
       if (data.length === 0) {
-        alert('请至少选中一条记录')
+        Modal.alert('请至少选中一条记录')
       }
       $grid.removeSelecteds()
       break
     }
     case 'getDelete': {
       const removeRecords = $grid.getRemoveRecords() // 获取删除的数据
-      alert('获取删除的数据' + JSON.stringify(removeRecords))
+      Modal.alert('获取删除的数据' + JSON.stringify(removeRecords))
       break
     }
     case 'save': {
       if (!updateData.length && !insertData.length && !removeData.length) {
-        alert('没有修改记录')
+        Modal.alert('没有修改记录')
       } else {
         Modal.message({
           message: '点击保存触发, 新增的数据',
@@ -144,7 +143,7 @@ function toolbarButtonClickEvent({ code, $grid }) {
     }
     case 'getRecordset': {
       const records = $grid.getRecordset()
-      alert('增删改记录集合：' + JSON.stringify(records))
+      Modal.alert('增删改记录集合：' + JSON.stringify(records))
       break
     }
   }

package/demos/app/grid/slot/buttons-slot.vue

@@ -30,8 +30,7 @@
 </template>
 
 <script>
-import { Grid, GridColumn, GridToolbar } from '@opentiny/vue'
-import { Modal } from '@opentiny/vue-modal'
+import { Grid, GridColumn, GridToolbar, Modal } from '@opentiny/vue'
 
 export default {
   components: {
@@ -126,19 +125,19 @@ export default {
         }
         case 'delete': {
           if (data.length === 0) {
-            alert('请至少选中一条记录')
+            Modal.alert('请至少选中一条记录')
           }
           $grid.removeSelecteds()
           break
         }
         case 'getDelete': {
           const removeRecords = $grid.getRemoveRecords() // 获取删除的数据
-          alert('获取删除的数据' + JSON.stringify(removeRecords))
+          Modal.alert('获取删除的数据' + JSON.stringify(removeRecords))
           break
         }
         case 'save': {
           if (!updateData.length && !insertData.length && !removeData.length) {
-            alert('没有修改记录')
+            Modal.alert('没有修改记录')
           } else {
             Modal.message({
               message: '点击保存触发, 新增的数据',
@@ -152,7 +151,7 @@ export default {
         }
         case 'getRecordset': {
           const records = $grid.getRecordset()
-          alert('增删改记录集合：' + JSON.stringify(records))
+          Modal.alert('增删改记录集合：' + JSON.stringify(records))
           break
         }
       }

package/demos/app/grid/tiny-first-menu/copy-row-data-composition-api.vue

@@ -31,8 +31,7 @@
 
 <script setup lang="jsx">
 import { ref } from 'vue'
-import { Grid as TinyGrid, GridColumn as TinyGridColumn, GridToolbar as TinyGridToolbar } from '@opentiny/vue'
-import { message } from '@opentiny/vue-modal'
+import { Grid as TinyGrid, GridColumn as TinyGridColumn, GridToolbar as TinyGridToolbar, Modal } from '@opentiny/vue'
 
 const toolbarButtons = ref([
   {
@@ -91,7 +90,7 @@ function toolbarButtonClickEvent({ code, $grid }) {
   switch (code) {
     case 'copy': {
       if (data.length === 0) {
-        message({ message: '请至少选中一条记录', status: 'info' })
+        Modal.message({ message: '请至少选中一条记录', status: 'info' })
       }
 
       data.forEach((item) => {

package/demos/app/grid/tiny-first-menu/copy-row-data.vue

@@ -30,8 +30,7 @@
 </template>
 
 <script lang="jsx">
-import { Grid, GridColumn, GridToolbar } from '@opentiny/vue'
-import { message } from '@opentiny/vue-modal'
+import { Grid, GridColumn, GridToolbar, Modal } from '@opentiny/vue'
 
 export default {
   components: {
@@ -100,7 +99,7 @@ export default {
       switch (code) {
         case 'copy': {
           if (data.length === 0) {
-            message({ message: '请至少选中一条记录', status: 'info' })
+            Modal.message({ message: '请至少选中一条记录', status: 'info' })
           }
 
           data.forEach((item) => {

package/demos/app/grid/tiny-first-menu/get-row-method-composition-api.vue

@@ -19,8 +19,7 @@
 
 <script setup lang="jsx">
 import { ref, getCurrentInstance } from 'vue'
-import { Grid as TinyGrid, GridColumn as TinyGridColumn, Button as TinyButton } from '@opentiny/vue'
-import { alert } from '@opentiny/vue-modal'
+import { Grid as TinyGrid, GridColumn as TinyGridColumn, Button as TinyButton, Modal } from '@opentiny/vue'
 
 const tableData = ref([
   {
@@ -72,7 +71,7 @@ const instance = getCurrentInstance()
 function getCurrentRow(hideMessage) {
   const data = theGridRef.value.getCurrentRow()
 
-  !hideMessage && alert(`当前行数据是：${JSON.stringify(data)}`)
+  !hideMessage && Modal.alert(`当前行数据是：${JSON.stringify(data)}`)
 
   return data
 }
@@ -80,27 +79,27 @@ function getCurrentRow(hideMessage) {
 function getRadioRow() {
   const data = theGridRef.value.getRadioRow()
 
-  alert(`单选选中行数据是：${JSON.stringify(data)}`)
+  Modal.alert(`单选选中行数据是：${JSON.stringify(data)}`)
 }
 
 function getRowIndex() {
   const row = getCurrentRow(true)
   const data = theGridRef.value.getRowIndex(row)
 
-  alert(`当前选中行号是：${JSON.stringify(data)}`)
+  Modal.alert(`当前选中行号是：${JSON.stringify(data)}`)
 }
 
 function getRowById() {
   const row = getCurrentRow(true) || {}
   const data = theGridRef.value.getRowById(row._RID)
 
-  alert(`根据 rowId 获取的当前行：${JSON.stringify(data)}`)
+  Modal.alert(`根据 rowId 获取的当前行：${JSON.stringify(data)}`)
 }
 
 function getRowNode() {
   const tr = instance.vnode.el.querySelector('.tiny-grid-body__row')
   const data = theGridRef.value.getRowNode(tr)
 
-  alert(`根据 tr 元素获取对应的 row 信息：${JSON.stringify(data)}`)
+  Modal.alert(`根据 tr 元素获取对应的 row 信息：${JSON.stringify(data)}`)
 }
 </script>

package/demos/app/grid/tiny-first-menu/get-row-method.vue

@@ -18,8 +18,7 @@
 </template>
 
 <script lang="jsx">
-import { Grid, GridColumn, Button } from '@opentiny/vue'
-import { alert } from '@opentiny/vue-modal'
+import { Grid, GridColumn, Button, Modal } from '@opentiny/vue'
 
 export default {
   components: {
@@ -79,32 +78,32 @@ export default {
     getCurrentRow(hideMessage) {
       const data = this.$refs.theGrid.getCurrentRow()
 
-      !hideMessage && alert(`当前行数据是：${JSON.stringify(data)}`)
+      !hideMessage && Modal.alert(`当前行数据是：${JSON.stringify(data)}`)
 
       return data
     },
     getRadioRow() {
       const data = this.$refs.theGrid.getRadioRow()
 
-      alert(`单选选中行数据是：${JSON.stringify(data)}`)
+      Modal.alert(`单选选中行数据是：${JSON.stringify(data)}`)
     },
     getRowIndex() {
       const row = this.getCurrentRow(true)
       const data = this.$refs.theGrid.getRowIndex(row)
 
-      alert(`当前选中行号是：${JSON.stringify(data)}`)
+      Modal.alert(`当前选中行号是：${JSON.stringify(data)}`)
     },
     getRowById() {
       const row = this.getCurrentRow(true) || {}
       const data = this.$refs.theGrid.getRowById(row._RID)
 
-      alert(`根据 rowId 获取的当前行：${JSON.stringify(data)}`)
+      Modal.alert(`根据 rowId 获取的当前行：${JSON.stringify(data)}`)
     },
     getRowNode() {
       const tr = this.$el.querySelector('.tiny-grid-body__row')
       const data = this.$refs.theGrid.getRowNode(tr)
 
-      alert(`根据 tr 元素获取对应的 row 信息：${JSON.stringify(data)}`)
+      Modal.alert(`根据 tr 元素获取对应的 row 信息：${JSON.stringify(data)}`)
     }
   }
 }

package/demos/app/grid/tiny-first-menu/insert-delete-update-composition-api.vue

@@ -35,7 +35,6 @@
 <script setup>
 import { ref } from 'vue'
 import { Grid as TinyGrid, GridColumn as TinyGridColumn, GridToolbar as TinyGridToolbar, Modal } from '@opentiny/vue'
-import { alert } from '@opentiny/vue-modal'
 
 const toolbarButtons = ref([
   {
@@ -127,7 +126,7 @@ function toolbarButtonClickEvent({ code, $grid }) {
     }
     case 'delete': {
       if (data.length === 0) {
-        alert('请至少选中一条记录')
+        Modal.alert('请至少选中一条记录')
       }
       $grid.removeSelecteds()
       break
@@ -138,7 +137,7 @@ function toolbarButtonClickEvent({ code, $grid }) {
     }
     case 'save': {
       if (!updateData.length && !insertData.length) {
-        alert('没有修改记录')
+        Modal.alert('没有修改记录')
       } else {
         Modal.message({
           message: '点击保存触发, 新增的数据',
@@ -152,7 +151,7 @@ function toolbarButtonClickEvent({ code, $grid }) {
     }
     case 'getRecordset': {
       const records = $grid.getRecordset()
-      alert('增删改记录集合：' + JSON.stringify(records))
+      Modal.alert('增删改记录集合：' + JSON.stringify(records))
       break
     }
   }

package/demos/app/grid/tiny-first-menu/insert-delete-update.vue

@@ -34,7 +34,6 @@
 
 <script>
 import { Grid, GridColumn, GridToolbar, Modal } from '@opentiny/vue'
-import { alert } from '@opentiny/vue-modal'
 
 export default {
   components: {
@@ -135,7 +134,7 @@ export default {
         }
         case 'delete': {
           if (data.length === 0) {
-            alert('请至少选中一条记录')
+            Modal.alert('请至少选中一条记录')
           }
           $grid.removeSelecteds()
           break
@@ -146,7 +145,7 @@ export default {
         }
         case 'save': {
           if (!updateData.length && !insertData.length) {
-            alert('没有修改记录')
+            Modal.alert('没有修改记录')
           } else {
             Modal.message({
               message: '点击保存触发, 新增的数据',
@@ -160,7 +159,7 @@ export default {
         }
         case 'getRecordset': {
           const records = $grid.getRecordset()
-          alert('增删改记录集合：' + JSON.stringify(records))
+          Modal.alert('增删改记录集合：' + JSON.stringify(records))
           break
         }
       }

package/demos/app/grid/toolbar/toolbar-op-config-composition-api.vue

@@ -4,8 +4,7 @@
 
 <script setup lang="jsx">
 import { ref } from 'vue'
-import { Grid as TinyGrid, Pager, GridToolbar } from '@opentiny/vue'
-import { alert } from '@opentiny/vue-modal'
+import { Grid as TinyGrid, Pager, GridToolbar, Modal } from '@opentiny/vue'
 
 const op = ref({
   seqSerial: true,
@@ -183,7 +182,7 @@ function toolbarButtonClickEvent({ code, $grid }) {
       break
     case 'copy': {
       if (data.length === 0) {
-        alert('请至少选中一条记录')
+        Modal.alert('请至少选中一条记录')
       }
       data.forEach((item) => {
         delete item._RID
@@ -197,13 +196,13 @@ function toolbarButtonClickEvent({ code, $grid }) {
     }
     case 'delete': {
       if (data.length === 0) {
-        alert('请至少选中一条记录')
+        Modal.alert('请至少选中一条记录')
       }
       break
     }
     case 'save': {
       if (update.length === 0) {
-        alert('没有修改记录')
+        Modal.alert('没有修改记录')
       }
       break
     }

package/demos/app/grid/toolbar/toolbar-op-config.vue

@@ -3,8 +3,7 @@
 </template>
 
 <script lang="jsx">
-import { Grid, Pager, GridToolbar } from '@opentiny/vue'
-import { alert } from '@opentiny/vue-modal'
+import { Grid, Pager, GridToolbar, Modal } from '@opentiny/vue'
 
 export default {
   components: {
@@ -188,7 +187,7 @@ export default {
           break
         case 'copy': {
           if (data.length === 0) {
-            alert('请至少选中一条记录')
+            Modal.alert('请至少选中一条记录')
           }
           data.forEach((item) => {
             delete item._RID
@@ -202,13 +201,13 @@ export default {
         }
         case 'delete': {
           if (data.length === 0) {
-            alert('请至少选中一条记录')
+            Modal.alert('请至少选中一条记录')
           }
           break
         }
         case 'save': {
           if (update.length === 0) {
-            alert('没有修改记录')
+            Modal.alert('没有修改记录')
           }
           break
         }

package/package.json

@@ -1,7 +1,25 @@
 {
   "name": "@opentiny/vue-docs",
-  "version": "2.0.5",
+  "version": "2.0.6",
+  "scripts": {
+    "start": "node ./scripts/copy.js && vite",
+    "start:open": "node ./scripts/copy.js && vite --mode opendev",
+    "build:inner:alpha": "node ./scripts/copy.js && vite build --mode inneralpha",
+    "build:inner:prod": "node ./scripts/copy.js && vite build --mode innerprod",
+    "build:open": "node ./scripts/copy.js && vite build --mode open",
+    "prettier": "npx prettier --write ./**/*.{ts,tsx,css,less,scss,vue}",
+    "stylelint": "npx stylelint ./src/**/*.scss ./src/**/*.less ./src/**/*.css --fix"
+  },
   "dependencies": {
+    "@opentiny/vue": "workspace:~",
+    "@opentiny/vue-common": "workspace:~",
+    "@opentiny/vue-icon": "workspace:~",
+    "@opentiny/vue-design-aurora": "workspace:~",
+    "@opentiny/vue-design-smb": "workspace:~",
+    "@opentiny/vue-theme-saas": "workspace:~",
+    "@opentiny/vue-theme": "workspace:~",
+    "@opentiny/vue-theme-mobile": "workspace:~",
+    "@opentiny/vue-vite-import": "workspace:~",
     "@unocss/reset": "0.38.2",
     "@vue/repl": "^2.5.5",
     "@vueuse/head": "0.7.13",
@@ -15,18 +33,10 @@
     "dompurify": "^3.0.1",
     "@playwright/test": "^1.29.2",
     "sortablejs": "1.15.0",
-    "@opentiny/vue-repl": "^1.0.2",
-    "@opentiny/vue-common": "~3.10.0",
-    "@opentiny/vue": "~3.10.0",
-    "@opentiny/vue-icon": "~3.10.0",
-    "@opentiny/vue-theme-saas": "~3.10.0",
-    "@opentiny/vue-design-aurora": "~3.10.0",
-    "@opentiny/vue-design-smb": "~3.10.0",
-    "@opentiny/vue-theme": "~3.10.0",
-    "@opentiny/vue-theme-mobile": "~3.10.0",
-    "@opentiny/vue-vite-import": "~1.1.5"
+    "@opentiny/vue-repl": "^1.0.2"
   },
   "devDependencies": {
+    "@opentiny-internal/unplugin-virtual-template": "workspace:~",
     "@types/markdown-it": "^12.2.3",
     "@types/node": "^17.0.45",
     "@unocss/preset-icons": "^0.38.2",
@@ -59,16 +69,6 @@
     "vite-plugin-inspect": "^0.5.0",
     "vite-svg-loader": "^3.6.0",
     "vite-plugin-md": "0.13.1",
-    "vite-plugin-dynamic-import": "1.5.0",
-    "@opentiny-internal/unplugin-virtual-template": "~0.1.1-beta.0"
-  },
-  "scripts": {
-    "start": "node ./scripts/copy.js && vite",
-    "start:open": "node ./scripts/copy.js && vite --mode opendev",
-    "build:inner:alpha": "node ./scripts/copy.js && vite build --mode inneralpha",
-    "build:inner:prod": "node ./scripts/copy.js && vite build --mode innerprod",
-    "build:open": "node ./scripts/copy.js && vite build --mode open",
-    "prettier": "npx prettier --write ./**/*.{ts,tsx,css,less,scss,vue}",
-    "stylelint": "npx stylelint ./src/**/*.scss ./src/**/*.less ./src/**/*.css --fix"
+    "vite-plugin-dynamic-import": "1.5.0"
   }
-}
+}

package/playground/App.vue

@@ -107,6 +107,18 @@ const loadFileCode = async ({ cmpId, fileName, apiMode }) => {
 onMounted(() => {
   // 初始加载,有分享则加载分享，否则加载默认版本的默认文件
   if (shareData.length === 2) {
+    const demoFile = Object.values(store.state.files).find(
+      (file) =>
+        file.filename.startsWith('src/') &&
+        file.filename.endsWith('.vue') &&
+        file.filename !== 'src/App.vue' &&
+        file.filename !== 'src/PlaygroundMain.vue'
+    )
+    if (demoFile) {
+      store.state.mainFile = demoFile.filename
+      store.state.activeFile = demoFile
+    }
+
     versionChange(shareData[0])
   } else {
     const searchObj = new URLSearchParams(location.search)

package/LICENSE

@@ -1,22 +0,0 @@
-MIT License
-
-Copyright (c) 2022 - present TinyVue Authors.
-Copyright (c) 2022 - present Huawei Cloud Computing Technologies Co., Ltd.
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.