@opentiny/vue-docs 2.2.2 → 2.2.3

package/demos/pc/app/credit-card-form/webdoc/credit-card-form.js

@@ -1,6 +1,10 @@
 export default {
   column: '2',
   owner: '',
+  metaData: {
+    deprecated: '3.12.0',
+    removed: '3.15.0'
+  },
   demos: [
     {
       'demoId': 'basic-usage',

package/demos/pc/app/qr-code/webdoc/qr-code.js

@@ -1,6 +1,12 @@
 export default {
   column: '2',
   owner: '',
+  metaData: {
+    stable: '3.12.0'
+  },
+  versionTipOption: {
+    stages: ['stable']
+  },
   demos: [
     {
       'demoId': 'basic-usage',

package/demos/pc/app/rich-text-editor/webdoc/rich-text-editor.js

@@ -1,6 +1,9 @@
 export default {
   column: '1',
   owner: '',
+  metaData: {
+    experimental: '3.11.0'
+  },
   demos: [
     {
       'demoId': 'basic-usage',

package/demos/pc/app/slide-bar/webdoc/slide-bar.js

@@ -1,6 +1,10 @@
 export default {
   column: '2',
   owner: '',
+  metaData: {
+    deprecated: '3.12.0',
+    removed: '3.15.0'
+  },
   demos: [
     {
       'demoId': 'basic-usage',

package/demos/pc/app/tabs/tabs-draggable.spec.ts

@@ -5,25 +5,25 @@ test('可拖拽', async ({ page }) => {
   await page.goto('tabs#tabs-draggable')
 
   const items = page.getByRole('tab')
-  const box1 = await items.nth(0).boundingBox()
-  const box2 = await items.nth(1).boundingBox()
-  const box3 = await items.nth(2).boundingBox()
-  const arr2 = ['1', '3', '2']
+  const box2 = await page.getByRole('tab', { name: 'Tab 2' }).boundingBox()
+  const box3 = await page.getByRole('tab', { name: 'Tab 3' }).boundingBox()
+  const arr2 = ['2', '3', '1']
 
   for (let i = 0; i < 3; ++i) {
     await expect(items.nth(i)).toHaveText(`Tab ${i + 1}`)
   }
 
-  await page.mouse.move(box1.x + box1.width / 2, box1.y + box1.height / 2)
+  await page.getByRole('tab', { name: 'Tab 1' }).hover()
   await page.mouse.down()
   await page.mouse.move(box2.x + box2.width / 2, box2.y + box2.height / 2)
+  await page.mouse.up()
 
+  await page.waitForTimeout(200)
+  await page.getByRole('tab', { name: 'Tab 1' }).hover()
   await page.mouse.down()
   await page.mouse.move(box3.x + box3.width / 2, box3.y + box3.height / 2)
   await page.mouse.up()
   for (let i = 0; i < 3; ++i) {
-    await expect(items.nth(i)).toHaveText(`Tab ${i + 1}`)
-    // 网页测试拖拽无法改变位置，示例测试时打开以下代码运行
-    // await expect(items.nth(i)).toHaveText(`Tab ${arr2[i]}`)
+    await expect(items.nth(i)).toHaveText(`Tab ${arr2[i]}`)
   }
 })

package/demos/pc/app/watermark/webdoc/watermark.js

@@ -1,6 +1,12 @@
 export default {
   column: '2',
   owner: '',
+  metaData: {
+    stable: '3.12.0'
+  },
+  versionTipOption: {
+    stages: ['stable']
+  },
   demos: [
     {
       'demoId': 'basic',

package/demos/pc/menus.js

@@ -103,7 +103,15 @@ export const cmpMenus = [
       { 'nameCn': '弹出编辑', 'name': 'PopEditor', 'key': 'popeditor' },
       { 'nameCn': '弹出框上传', 'name': 'PopUpload', 'key': 'pop-upload' },
       { 'nameCn': '单选框', 'name': 'Radio', 'key': 'radio' },
-      { 'nameCn': '富文本', 'name': 'RichTextEditor', 'key': 'rich-text-editor' },
+      {
+        'nameCn': '富文本',
+        'name': 'RichTextEditor',
+        'key': 'rich-text-editor',
+        'mark': {
+          'type': 'warning',
+          'text': 'Bate'
+        }
+      },
       { 'nameCn': '搜索', 'name': 'Search', 'key': 'search' },
       { 'nameCn': '选择器', 'name': 'Select', 'key': 'select' },
       { 'nameCn': '滑块', 'name': 'Slider', 'key': 'slider' },
@@ -226,13 +234,29 @@ export const cmpMenus = [
       { 'nameCn': '公告牌', 'name': 'BulletinBoard', 'key': 'bulletin-board' },
       { 'nameCn': '日历', 'name': 'Calendar', 'key': 'calendar' },
       { 'nameCn': '日历视图', 'name': 'CalendarView', 'key': 'calendar-view' },
-      { 'nameCn': '信用卡表单', 'name': 'CreditCardForm', 'key': 'credit-card-form' },
+      {
+        'nameCn': '信用卡表单',
+        'name': 'CreditCardForm',
+        'key': 'credit-card-form',
+        'mark': {
+          'type': 'danger',
+          'text': 'Del'
+        }
+      },
       { 'nameCn': '图片裁剪', 'name': 'Crop', 'key': 'crop' },
       { 'nameCn': '表头详情栏', 'name': 'DetailPage', 'key': 'detail-page' },
       { 'nameCn': '图片预览', 'name': 'Image', 'key': 'image' },
       { 'nameCn': '评分', 'name': 'Rate', 'key': 'rate' },
       { 'nameCn': '文字滚动', 'name': 'ScrollText', 'key': 'scroll-text' },
-      { 'nameCn': '滚动块', 'name': 'SlideBar', 'key': 'slide-bar' },
+      {
+        'nameCn': '滚动块',
+        'name': 'SlideBar',
+        'key': 'slide-bar',
+        'mark': {
+          'type': 'danger',
+          'text': 'Del'
+        }
+      },
       { 'nameCn': '标签', 'name': 'Tag', 'key': 'tag' },
       { 'nameCn': '标签组', 'name': 'TagGroup', 'key': 'tag-group' },
       { 'nameCn': '输入框', 'name': 'TextPopup', 'key': 'text-popup' },
@@ -241,8 +265,22 @@ export const cmpMenus = [
       { 'nameCn': '全屏显示', 'name': 'Fullscreen', 'key': 'fullscreen' },
       { 'nameCn': '全局设置', 'name': 'ConfigProvider', 'key': 'config-provider' },
       { 'nameCn': '分割线', 'name': 'Divider', 'key': 'divider' },
-      { 'nameCn': '二维码', 'name': 'QrCode', 'key': 'qr-code' },
-      { 'nameCn': '水印', 'name': 'Watermark', 'key': 'watermark' }
+      {
+        'nameCn': '二维码',
+        'name': 'QrCode',
+        'key': 'qr-code',
+        'mark': {
+          'text': 'New'
+        }
+      },
+      {
+        'nameCn': '水印',
+        'name': 'Watermark',
+        'key': 'watermark',
+        'mark': {
+          'text': 'New'
+        }
+      }
     ]
   }
 ]

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opentiny/vue-docs",
-  "version": "2.2.2",
+  "version": "2.2.3",
   "dependencies": {
     "@unocss/reset": "0.38.2",
     "@vue/repl": "^2.5.5",
@@ -17,15 +17,15 @@
     "sortablejs": "1.15.0",
     "@opentiny/vue-repl": "^1.1.0",
     "@opentiny/vue": "~3.12.0",
-    "@opentiny/vue-common": "~3.12.0",
     "@opentiny/vue-icon": "~3.12.0",
+    "@opentiny/vue-common": "~3.12.0",
     "@opentiny/vue-design-aurora": "~3.12.0",
-    "@opentiny/vue-theme": "~3.12.0",
     "@opentiny/vue-design-smb": "~3.12.0",
+    "@opentiny/vue-theme-mobile": "~3.12.0",
+    "@opentiny/vue-theme": "~3.12.0",
     "@opentiny/vue-vite-import": "~1.1.5",
     "@opentiny/vue-icon-saas": "~3.12.0",
-    "@opentiny/vue-theme-saas": "~3.12.0",
-    "@opentiny/vue-theme-mobile": "~3.12.0"
+    "@opentiny/vue-theme-saas": "~3.12.0"
   },
   "devDependencies": {
     "@types/markdown-it": "^12.2.3",

package/src/views/components/VersionTip.vue

@@ -136,11 +136,14 @@ export default defineComponent({
         return props.briefStage
       }
 
-      return [STAGE.deprecated, STAGE.experimental].find(isInStage)
+      return [STAGE.removed, STAGE.deprecated, STAGE.stable, STAGE.experimental].find(isInStage)
     })
 
     const generateDes = (desMap: typeof cnDesMap) => {
-      const isFilterExperimental = isInStage(STAGE.deprecated) || isInStage(STAGE.stable)
+      // 当前stable之后，不显示experimental的描述 
+      const isFilterExperimental = [STAGE.removed, STAGE.deprecated, STAGE.stable].includes(currentStageComputed.value as STAGE)
+      // 当前deprecated之后，不显示stable的描述 
+      const isFilterStable = [STAGE.removed, STAGE.deprecated].includes(currentStageComputed.value as STAGE)
 
       const goingStages = Object.entries(desMap).filter(([stage]) => {
         let isPicked = isInStage(stage as STAGE)
@@ -149,6 +152,10 @@ export default defineComponent({
           isPicked = isPicked && !isFilterExperimental
         }
 
+        if (stage === STAGE.stable) {
+          isPicked = isPicked && !isFilterStable
+        }
+
         return isPicked
       })