@opentiny/vue-docs 3.17.2 → 3.17.3

package/demos/pc/menus.js

@@ -151,13 +151,7 @@ export const cmpMenus = [
       { 'nameCn': '开关', 'name': 'Switch', 'key': 'switch' },
       { 'nameCn': '时间选择器', 'name': 'TimePicker', 'key': 'time-picker' },
       { 'nameCn': '时间选择', 'name': 'TimeSelect', 'key': 'time-select' },
-      { 'nameCn': '穿梭框', 'name': 'Transfer', 'key': 'transfer' },
-      {
-        'nameCn': '树形选择器',
-        'name': 'TreeSelect',
-        'key': 'tree-select',
-        'mark': { 'type': 'warning', 'text': 'Beta' }
-      }
+      { 'nameCn': '穿梭框', 'name': 'Transfer', 'key': 'transfer' }
     ]
   },
   {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opentiny/vue-docs",
-  "version": "3.17.2",
+  "version": "3.17.3",
   "license": "MIT",
   "dependencies": {
     "@opentiny/vue-repl": "^1.1.2",
@@ -17,17 +17,17 @@
     "vue-i18n": "^9.1.10",
     "vue-router": "4.1.5",
     "@opentiny/vue": "~3.17.0",
+    "@opentiny/vue-design-smb": "~3.17.0",
     "@opentiny/vue-design-saas": "~3.17.0",
     "@opentiny/vue-design-aurora": "~3.17.0",
     "@opentiny/vue-common": "~3.17.0",
-    "@opentiny/vue-design-smb": "~3.17.0",
+    "@opentiny/vue-icon-saas": "~3.17.0",
     "@opentiny/vue-icon": "~3.17.0",
     "@opentiny/vue-theme": "~3.17.3",
-    "@opentiny/vue-theme-mobile": "~3.17.0",
     "@opentiny/vue-directive": "~3.17.0",
+    "@opentiny/vue-theme-mobile": "~3.17.0",
     "@opentiny/vue-vite-import": "~1.1.5",
-    "@opentiny/vue-theme-saas": "~3.17.0",
-    "@opentiny/vue-icon-saas": "~3.17.0"
+    "@opentiny/vue-theme-saas": "~3.17.0"
   },
   "devDependencies": {
     "@playwright/test": "~1.42.0",

package/demos/pc/app/tree-select/basic-usage-composition-api.vue

@@ -1,55 +0,0 @@
-<template>
-  <tiny-tree-select v-model="value" :tree-op="treeOp"></tiny-tree-select>
-</template>
-
-<script setup>
-import { ref } from 'vue'
-import { TreeSelect as TinyTreeSelect } from '@opentiny/vue'
-
-const value = ref('')
-
-const treeOp = ref({
-  data: [
-    {
-      value: 1,
-      label: '一级 1',
-      children: [
-        {
-          value: 4,
-          label: '二级 1-1',
-          children: [
-            {
-              value: 9,
-              label: '三级 1-1-1'
-            },
-            {
-              value: 10,
-              label: '三级 1-1-2'
-            }
-          ]
-        }
-      ]
-    },
-    {
-      value: 2,
-      label: '一级 2',
-      children: [
-        {
-          value: 5,
-          label: '二级 2-1'
-        },
-        {
-          value: 6,
-          label: '二级 2-2'
-        }
-      ]
-    }
-  ]
-})
-</script>
-
-<style scoped>
-.tiny-tree-select {
-  width: 280px;
-}
-</style>

package/demos/pc/app/tree-select/basic-usage.spec.ts

@@ -1,20 +0,0 @@
-import { expect, test } from '@playwright/test'
-
-test('测试基本用法', async ({ page }) => {
-  page.on('pageerror', (exception) => expect(exception).toBeNull())
-  await page.goto('tree-select#basic-usage')
-
-  const wrap = page.locator('#basic-usage')
-  const select = wrap.locator('.tiny-tree-select').nth(0)
-  const input = select.locator('.tiny-input__inner')
-  const dropdown = page.locator('body > .tiny-select-dropdown')
-  const treeNode = dropdown.locator('.tiny-tree-node')
-
-  await input.click()
-  await expect(treeNode).toHaveCount(7)
-
-  await treeNode.filter({ hasText: /^二级 2-1$/ }).click()
-  await expect(input).toHaveValue('二级 2-1')
-  await input.click()
-  await expect(treeNode.filter({ hasText: /^二级 2-1$/ })).toHaveClass(/is-current/)
-})

package/demos/pc/app/tree-select/basic-usage.vue

@@ -1,61 +0,0 @@
-<template>
-  <tiny-tree-select v-model="value" :tree-op="treeOp"></tiny-tree-select>
-</template>
-
-<script>
-import { TreeSelect } from '@opentiny/vue'
-
-export default {
-  components: {
-    TinyTreeSelect: TreeSelect
-  },
-  data() {
-    return {
-      treeOp: {
-        data: [
-          {
-            value: 1,
-            label: '一级 1',
-            children: [
-              {
-                value: 4,
-                label: '二级 1-1',
-                children: [
-                  {
-                    value: 9,
-                    label: '三级 1-1-1'
-                  },
-                  {
-                    value: 10,
-                    label: '三级 1-1-2'
-                  }
-                ]
-              }
-            ]
-          },
-          {
-            value: 2,
-            label: '一级 2',
-            children: [
-              {
-                value: 5,
-                label: '二级 2-1'
-              },
-              {
-                value: 6,
-                label: '二级 2-2'
-              }
-            ]
-          }
-        ]
-      }
-    }
-  }
-}
-</script>
-
-<style scoped>
-.tiny-tree-select {
-  width: 280px;
-}
-</style>

package/demos/pc/app/tree-select/webdoc/tree-select.cn.md

@@ -1,7 +0,0 @@
----
-title: TreeSelect 树形选择器
----
-
-# TreeSelect 树形选择器
-
-结合了 BaseSelect 和 Tree 组件的选择器，用于从一个下拉树中选择一个或多个选项。

package/demos/pc/app/tree-select/webdoc/tree-select.en.md

@@ -1,7 +0,0 @@
----
-title: TreeSelect
----
-
-# TreeSelect
-
-A selector that combines the BaseSelect and Tree components to select one or more options from a drop-down tree.

package/demos/pc/app/tree-select/webdoc/tree-select.js

@@ -1,18 +0,0 @@
-export default {
-  column: '2',
-  owner: '',
-  demos: [
-    {
-      demoId: 'basic-usage',
-      name: {
-        'zh-CN': '基本用法',
-        'en-US': 'Basic Usage'
-      },
-      desc: {
-        'zh-CN': '<p>最基础的用法，通过 <code>tree-op</code> 设置下拉树的数据源，<code>v-model</code> 设置绑定值。</p>',
-        'en-US': ''
-      },
-      codeFiles: ['basic-usage.vue']
-    }
-  ]
-}