fix(breadcrumb): [breadcrumb]modify demo of disable page redirection (#…

…2272) * fix: modify demo * fix: modify e2e-test
opentiny · Oct 16, 2024 · 34c10f3 · 34c10f3
1 parent a8fccf6
commit 34c10f3
Show file tree

Hide file tree

Showing 11 changed files with 41 additions and 39 deletions.
diff --git a/examples/sites/demos/pc/app/breadcrumb/base-composition-api.vue b/examples/sites/demos/pc/app/breadcrumb/base-composition-api.vue
@@ -1,10 +1,11 @@
 <template>
   <tiny-breadcrumb @select="breadcrumbClick">
-    <tiny-breadcrumb-item :to="{ path: '/' }" @select="breadcrumbItemClick" label="首页"></tiny-breadcrumb-item>
+    <!-- path 可填写跳转的路由 -->
+    <tiny-breadcrumb-item :to="{ path: '' }" @select="breadcrumbItemClick" label="首页"></tiny-breadcrumb-item>
     <tiny-breadcrumb-item>
-      <a href="/"> 产品 </a>
+      <a href="#"> 产品 </a>
     </tiny-breadcrumb-item>
-    <tiny-breadcrumb-item :to="{ path: '/breadcrumb' }"> 软件 </tiny-breadcrumb-item>
+    <tiny-breadcrumb-item :to="{ path: '#' }"> 软件 </tiny-breadcrumb-item>
   </tiny-breadcrumb>
 </template>
 

diff --git a/examples/sites/demos/pc/app/breadcrumb/base.vue b/examples/sites/demos/pc/app/breadcrumb/base.vue
@@ -1,10 +1,11 @@
 <template>
   <tiny-breadcrumb @select="breadcrumbClick">
-    <tiny-breadcrumb-item :to="{ path: '/' }" @select="breadcrumbItemClick" label="首页"></tiny-breadcrumb-item>
+    <!-- path 可填写跳转的路由 -->
+    <tiny-breadcrumb-item :to="{ path: '' }" @select="breadcrumbItemClick" label="首页"></tiny-breadcrumb-item>
     <tiny-breadcrumb-item>
-      <a href="/"> 产品 </a>
+      <a href="#"> 产品 </a>
     </tiny-breadcrumb-item>
-    <tiny-breadcrumb-item :to="{ path: '/breadcrumb' }"> 软件 </tiny-breadcrumb-item>
+    <tiny-breadcrumb-item :to="{ path: '#' }"> 软件 </tiny-breadcrumb-item>
   </tiny-breadcrumb>
 </template>
 

diff --git a/examples/sites/demos/pc/app/breadcrumb/options-composition-api.vue b/examples/sites/demos/pc/app/breadcrumb/options-composition-api.vue
@@ -12,11 +12,11 @@ import { Breadcrumb as TinyBreadcrumb, Notify } from '@opentiny/vue'
 const options = ref([
   {
     label: '首页',
-    to: { path: '/' }
+    to: { path: '#' }
   },
   {
     label: '产品',
-    to: { path: '/breadcrumb' }
+    to: { path: '#' }
   },
   {
     label: '软件',
@@ -26,11 +26,11 @@ const options = ref([
 const options1 = ref([
   {
     name: '首页',
-    to: { path: '/' }
+    to: { path: '' }
   },
   {
     name: '产品',
-    to: { path: '/breadcrumb' }
+    to: { path: '#' }
   },
   {
     name: '软件',

diff --git a/examples/sites/demos/pc/app/breadcrumb/options.vue b/examples/sites/demos/pc/app/breadcrumb/options.vue
@@ -17,11 +17,11 @@ export default {
       options: [
         {
           label: '首页',
-          to: { path: '/' }
+          to: { path: '#' }
         },
         {
           label: '产品',
-          to: { path: '/breadcrumb' }
+          to: { path: '#' }
         },
         {
           label: '软件',
@@ -31,11 +31,11 @@ export default {
       options1: [
         {
           name: '首页',
-          to: { path: '/' }
+          to: { path: '' }
         },
         {
           name: '产品',
-          to: { path: '/breadcrumb' }
+          to: { path: '#' }
         },
         {
           name: '软件',

diff --git a/examples/sites/demos/pc/app/breadcrumb/separator-composition-api.vue b/examples/sites/demos/pc/app/breadcrumb/separator-composition-api.vue
@@ -1,19 +1,19 @@
 <template>
   <div>
     <tiny-breadcrumb separator="/">
-      <tiny-breadcrumb-item><a href="/">首页</a></tiny-breadcrumb-item>
+      <tiny-breadcrumb-item><a href="#">首页</a></tiny-breadcrumb-item>
       <tiny-breadcrumb-item>
-        <a href="/"> 产品 </a>
+        <a href="#"> 产品 </a>
       </tiny-breadcrumb-item>
-      <tiny-breadcrumb-item><a href="/"> 软件</a></tiny-breadcrumb-item>
+      <tiny-breadcrumb-item><a href="#"> 软件</a></tiny-breadcrumb-item>
     </tiny-breadcrumb>
     <br />
     <tiny-breadcrumb :separator-icon="IconBoat">
-      <tiny-breadcrumb-item><a hrfe="/">首页</a></tiny-breadcrumb-item>
+      <tiny-breadcrumb-item><a hrfe="#">首页</a></tiny-breadcrumb-item>
       <tiny-breadcrumb-item>
-        <a href="/"> 产品 </a>
+        <a href="#"> 产品 </a>
       </tiny-breadcrumb-item>
-      <tiny-breadcrumb-item><a href="/"> 软件</a></tiny-breadcrumb-item>
+      <tiny-breadcrumb-item><a href="#"> 软件</a></tiny-breadcrumb-item>
     </tiny-breadcrumb>
   </div>
 </template>

diff --git a/examples/sites/demos/pc/app/breadcrumb/separator.vue b/examples/sites/demos/pc/app/breadcrumb/separator.vue
@@ -1,19 +1,19 @@
 <template>
   <div>
     <tiny-breadcrumb separator="/">
-      <tiny-breadcrumb-item><a href="/">首页</a></tiny-breadcrumb-item>
+      <tiny-breadcrumb-item><a href="#">首页</a></tiny-breadcrumb-item>
       <tiny-breadcrumb-item>
-        <a href="/"> 产品 </a>
+        <a href="#"> 产品 </a>
       </tiny-breadcrumb-item>
-      <tiny-breadcrumb-item><a href="/"> 软件</a></tiny-breadcrumb-item>
+      <tiny-breadcrumb-item><a href="#"> 软件</a></tiny-breadcrumb-item>
     </tiny-breadcrumb>
     <br />
     <tiny-breadcrumb :separator-icon="IconBoat">
-      <tiny-breadcrumb-item><a hrfe="/">首页</a></tiny-breadcrumb-item>
+      <tiny-breadcrumb-item><a hrfe="#">首页</a></tiny-breadcrumb-item>
       <tiny-breadcrumb-item>
-        <a href="/"> 产品 </a>
+        <a href="#"> 产品 </a>
       </tiny-breadcrumb-item>
-      <tiny-breadcrumb-item><a href="/"> 软件</a></tiny-breadcrumb-item>
+      <tiny-breadcrumb-item><a href="#"> 软件</a></tiny-breadcrumb-item>
     </tiny-breadcrumb>
   </div>
 </template>

diff --git a/examples/sites/demos/pc/app/breadcrumb/size-composition-api.vue b/examples/sites/demos/pc/app/breadcrumb/size-composition-api.vue
@@ -1,10 +1,10 @@
 <template>
-  <tiny-breadcrumb size="medium" @select="breadcrumbClick">
-    <tiny-breadcrumb-item :to="{ path: '/' }" @select="breadcrumbItemClick" label="首页"></tiny-breadcrumb-item>
+  <tiny-breadcrumb size="medium">
+    <tiny-breadcrumb-item :to="{ path: '' }" @select="breadcrumbItemClick" label="首页"></tiny-breadcrumb-item>
     <tiny-breadcrumb-item>
-      <a href="/"> 产品 </a>
+      <a href="#"> 产品 </a>
     </tiny-breadcrumb-item>
-    <tiny-breadcrumb-item :to="{ path: '/breadcrumb' }"> 软件 </tiny-breadcrumb-item>
+    <tiny-breadcrumb-item :to="{ path: '#' }"> 软件 </tiny-breadcrumb-item>
   </tiny-breadcrumb>
 </template>
 

diff --git a/examples/sites/demos/pc/app/breadcrumb/size.vue b/examples/sites/demos/pc/app/breadcrumb/size.vue
@@ -1,10 +1,10 @@
 <template>
-  <tiny-breadcrumb size="medium" @select="breadcrumbClick">
-    <tiny-breadcrumb-item :to="{ path: '/' }" @select="breadcrumbItemClick" label="首页"></tiny-breadcrumb-item>
+  <tiny-breadcrumb size="medium">
+    <tiny-breadcrumb-item :to="{ path: '' }" @select="breadcrumbItemClick" label="首页"></tiny-breadcrumb-item>
     <tiny-breadcrumb-item>
-      <a href="/"> 产品 </a>
+      <a href="#"> 产品 </a>
     </tiny-breadcrumb-item>
-    <tiny-breadcrumb-item :to="{ path: '/breadcrumb' }"> 软件 </tiny-breadcrumb-item>
+    <tiny-breadcrumb-item :to="{ path: '#' }"> 软件 </tiny-breadcrumb-item>
   </tiny-breadcrumb>
 </template>
 

diff --git a/examples/sites/demos/pc/app/breadcrumb/slot-default-composition-api.vue b/examples/sites/demos/pc/app/breadcrumb/slot-default-composition-api.vue
@@ -3,9 +3,9 @@
     <tiny-breadcrumb>
       <tiny-breadcrumb-item>首页</tiny-breadcrumb-item>
       <tiny-breadcrumb-item>
-        <a href="/"> 产品 </a>
+        <a href="#"> 产品 </a>
       </tiny-breadcrumb-item>
-      <tiny-breadcrumb-item :to="{ path: '/' }" replace><span>软件</span></tiny-breadcrumb-item>
+      <tiny-breadcrumb-item :to="{ path: '#' }" replace><span>软件</span></tiny-breadcrumb-item>
     </tiny-breadcrumb>
   </div>
 </template>

diff --git a/examples/sites/demos/pc/app/breadcrumb/slot-default.spec.ts b/examples/sites/demos/pc/app/breadcrumb/slot-default.spec.ts
@@ -6,5 +6,5 @@ test('Breadcrumb 自定义节点', async ({ page }) => {
 
   const breadcrumbItem = page.locator('.tiny-breadcrumb__item')
   const slotItem = breadcrumbItem.nth(1).locator('a')
-  await expect(slotItem).toHaveAttribute('href', '/')
+  await expect(slotItem).toHaveAttribute('href', '#')
 })
diff --git a/examples/sites/demos/pc/app/breadcrumb/slot-default.vue b/examples/sites/demos/pc/app/breadcrumb/slot-default.vue
@@ -3,9 +3,9 @@
     <tiny-breadcrumb>
       <tiny-breadcrumb-item>首页</tiny-breadcrumb-item>
       <tiny-breadcrumb-item>
-        <a href="/"> 产品 </a>
+        <a href="#"> 产品 </a>
       </tiny-breadcrumb-item>
-      <tiny-breadcrumb-item :to="{ path: '/' }" replace><span>软件</span></tiny-breadcrumb-item>
+      <tiny-breadcrumb-item :to="{ path: '#' }" replace><span>软件</span></tiny-breadcrumb-item>
     </tiny-breadcrumb>
   </div>
 </template>