fix(Menu): 去除demo中的争议属性 (#4049)

* fix(menu): 去除demo中的争议属性 closed #3846 * fix: 更新snap
Tencent · Mar 27, 2024 · a23b9e7 · a23b9e7
1 parent f909970
commit a23b9e7
Show file tree

Hide file tree

Showing 12 changed files with 82 additions and 40 deletions.
diff --git a/src/menu/_example-ts/closable-side.vue b/src/menu/_example-ts/closable-side.vue
@@ -1,5 +1,5 @@
 <template>
-  <t-menu theme="light" default-value="2-1" :collapsed="collapsed" height="550px">
+  <t-menu theme="light" default-value="2-1" :collapsed="collapsed">
     <template #logo>
       <span>LOGO</span>
     </template>

diff --git a/src/menu/_example-ts/group-side.vue b/src/menu/_example-ts/group-side.vue
@@ -1,5 +1,5 @@
 <template>
-  <t-menu theme="light" default-value="item2" :collapsed="collapsed" height="550px" @change="changeHandler">
+  <t-menu theme="light" default-value="item2" :collapsed="collapsed" @change="changeHandler">
     <template #logo>
       <img :width="collapsed ? 35 : 136" :src="iconUrl" alt="logo" />
     </template>

diff --git a/src/menu/_example-ts/multi-side.vue b/src/menu/_example-ts/multi-side.vue
@@ -1,13 +1,6 @@
 <template>
   <div class="box">
-    <t-menu
-      v-model:expanded="expanded"
-      theme="light"
-      default-value="3-2"
-      expand-mutex
-      height="550px"
-      :collapsed="collapsed"
-    >
+    <t-menu v-model:expanded="expanded" theme="light" default-value="3-2" expand-mutex :collapsed="collapsed">
       <t-submenu value="3">
         <template #icon>
           <t-icon name="mail" />

diff --git a/src/menu/_example-ts/side-menu-width.vue b/src/menu/_example-ts/side-menu-width.vue
@@ -1,5 +1,5 @@
 <template>
-  <t-menu v-model="value" theme="light" width="200px" height="550px">
+  <t-menu v-model="value" theme="light" width="200px">
     <template #logo>
       <img height="28" src="https://tdesign.gtimg.com/site/baseLogo-light.png" alt="logo" />
     </template>

diff --git a/src/menu/_example-ts/single-side.vue b/src/menu/_example-ts/single-side.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="box">
-    <t-menu theme="light" default-value="item1" style="margin-right: 40px" height="550px" @change="changeHandler">
+    <t-menu theme="light" default-value="item1" style="margin-right: 40px" @change="changeHandler">
       <template #logo>
         <img height="28" src="https://tdesign.gtimg.com/site/baseLogo-light.png" alt="logo" />
       </template>
@@ -15,7 +15,7 @@
       <t-menu-item value="item9"> 资源编辑 </t-menu-item>
     </t-menu>
 
-    <t-menu theme="light" default-value="dashboard" style="margin-right: 40px" height="550px">
+    <t-menu theme="light" default-value="dashboard" style="margin-right: 40px">
       <template #logo>
         <img height="28" src="https://tdesign.gtimg.com/site/baseLogo-light.png" alt="logo" />
       </template>
@@ -75,7 +75,7 @@
       </t-menu-item>
     </t-menu>
 
-    <t-menu theme="dark" default-value="dashboard" height="550px">
+    <t-menu theme="dark" default-value="dashboard">
       <template #logo>
         <img height="28" src="https://tdesign.gtimg.com/site/baseLogo-dark.png" alt="logo" />
       </template>

diff --git a/src/menu/_example/closable-side.vue b/src/menu/_example/closable-side.vue
@@ -1,5 +1,5 @@
 <template>
-  <t-menu theme="light" default-value="2-1" :collapsed="collapsed" height="550px">
+  <t-menu theme="light" default-value="2-1" :collapsed="collapsed">
     <template #logo>
       <span>LOGO</span>
     </template>

diff --git a/src/menu/_example/group-side.vue b/src/menu/_example/group-side.vue
@@ -1,5 +1,5 @@
 <template>
-  <t-menu theme="light" default-value="item2" :collapsed="collapsed" height="550px" @change="changeHandler">
+  <t-menu theme="light" default-value="item2" :collapsed="collapsed" @change="changeHandler">
     <template #logo>
       <img :width="collapsed ? 35 : 136" :src="iconUrl" alt="logo" />
     </template>

diff --git a/src/menu/_example/multi-side.vue b/src/menu/_example/multi-side.vue
@@ -1,13 +1,6 @@
 <template>
   <div class="box">
-    <t-menu
-      v-model:expanded="expanded"
-      theme="light"
-      default-value="3-2"
-      expand-mutex
-      height="550px"
-      :collapsed="collapsed"
-    >
+    <t-menu v-model:expanded="expanded" theme="light" default-value="3-2" expand-mutex :collapsed="collapsed">
       <t-submenu value="3">
         <template #icon>
           <t-icon name="mail" />

diff --git a/src/menu/_example/side-menu-width.vue b/src/menu/_example/side-menu-width.vue
@@ -1,5 +1,5 @@
 <template>
-  <t-menu v-model="value" theme="light" width="200px" height="550px">
+  <t-menu v-model="value" theme="light" width="200px">
     <template #logo>
       <img height="28" src="https://tdesign.gtimg.com/site/baseLogo-light.png" alt="logo" />
     </template>

diff --git a/src/menu/_example/single-side.vue b/src/menu/_example/single-side.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="box">
-    <t-menu theme="light" default-value="item1" style="margin-right: 40px" height="550px" @change="changeHandler">
+    <t-menu theme="light" default-value="item1" style="margin-right: 40px" @change="changeHandler">
       <template #logo>
         <img height="28" src="https://tdesign.gtimg.com/site/baseLogo-light.png" alt="logo" />
       </template>
@@ -15,7 +15,7 @@
       <t-menu-item value="item9"> 资源编辑 </t-menu-item>
     </t-menu>
 
-    <t-menu theme="light" default-value="dashboard" style="margin-right: 40px" height="550px">
+    <t-menu theme="light" default-value="dashboard" style="margin-right: 40px">
       <template #logo>
         <img height="28" src="https://tdesign.gtimg.com/site/baseLogo-light.png" alt="logo" />
       </template>
@@ -75,7 +75,7 @@
       </t-menu-item>
     </t-menu>
 
-    <t-menu theme="dark" default-value="dashboard" height="550px">
+    <t-menu theme="dark" default-value="dashboard">
       <template #logo>
         <img height="28" src="https://tdesign.gtimg.com/site/baseLogo-dark.png" alt="logo" />
       </template>

diff --git a/test/unit/snap/__snapshots__/csr.test.js.snap b/test/unit/snap/__snapshots__/csr.test.js.snap
@@ -76334,6 +76334,67 @@ exports[`csr snapshot test > csr test ./src/image-viewer/_example/error.vue 1`]
 </div>
 `;
 
+exports[`csr snapshot test > csr test ./src/image-viewer/_example/image-viewer.vue 1`] = `
+<div
+  data-v-14e8a036=""
+>
+  <div
+    class="tdesign-demo-image-viewer__base"
+    data-v-14e8a036=""
+  >
+
+
+
+
+    <div
+      class="tdesign-demo-image-viewer__ui-image"
+      data-v-14e8a036=""
+    >
+      <img
+        alt="test"
+        class="tdesign-demo-image-viewer__ui-image--img"
+        data-v-14e8a036=""
+        src="https://tdesign.gtimg.com/demo/dmo-image-1.png"
+      />
+      <div
+        class="tdesign-demo-image-viewer__ui-image--hover"
+        data-v-14e8a036=""
+      >
+        <span
+          data-v-14e8a036=""
+        >
+          <svg
+            class="t-icon t-icon-browse"
+            data-v-14e8a036=""
+            fill="none"
+            height="1em"
+            style="font-size: 1.4em;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              clipPath="url(#clip0_8726_7319)"
+            >
+              <path
+                d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"
+                fill="currentColor"
+              />
+            </g>
+          </svg>
+           预览
+        </span>
+      </div>
+    </div>
+
+    <!--teleport start-->
+    <!--teleport end-->
+
+
+
+  </div>
+</div>
+`;
+
 exports[`csr snapshot test > csr test ./src/image-viewer/_example/modeless.vue 1`] = `
 <div
   class="tdesign-demo-image-viewer__base"
@@ -86332,7 +86393,6 @@ exports[`csr snapshot test > csr test ./src/loading/_example/wrap.vue 1`] = `
 exports[`csr snapshot test > csr test ./src/menu/_example/closable-side.vue 1`] = `
 <div
   class="t-default-menu t-menu--light"
-  height="550px"
   style="height: 100%; width: 232px;"
 >
   <div
@@ -87852,7 +87912,6 @@ exports[`csr snapshot test > csr test ./src/menu/_example/double.vue 1`] = `
 exports[`csr snapshot test > csr test ./src/menu/_example/group-side.vue 1`] = `
 <div
   class="t-default-menu t-menu--light t-is-collapsed"
-  height="550px"
   style="height: 100%; width: 64px;"
 >
   <div
@@ -88840,7 +88899,6 @@ exports[`csr snapshot test > csr test ./src/menu/_example/multi-side.vue 1`] = `
   <div
     class="t-default-menu t-menu--light"
     data-v-3a81e078=""
-    height="550px"
     style="height: 100%; width: 232px;"
   >
     <div
@@ -90474,7 +90532,6 @@ exports[`csr snapshot test > csr test ./src/menu/_example/popup-side.vue 1`] = `
 exports[`csr snapshot test > csr test ./src/menu/_example/side-menu-width.vue 1`] = `
 <div
   class="t-default-menu t-menu--light"
-  height="550px"
   style="height: 100%; width: 200px;"
 >
   <div
@@ -90886,7 +90943,6 @@ exports[`csr snapshot test > csr test ./src/menu/_example/single-side.vue 1`] =
 >
   <div
     class="t-default-menu t-menu--light"
-    height="550px"
     style="height: 100%; width: 232px; margin-right: 40px;"
   >
     <div
@@ -91022,7 +91078,6 @@ exports[`csr snapshot test > csr test ./src/menu/_example/single-side.vue 1`] =
   </div>
   <div
     class="t-default-menu t-menu--light"
-    height="550px"
     style="height: 100%; width: 232px; margin-right: 40px;"
   >
     <div
@@ -91230,7 +91285,6 @@ exports[`csr snapshot test > csr test ./src/menu/_example/single-side.vue 1`] =
   </div>
   <div
     class="t-default-menu t-menu--dark"
-    height="550px"
     style="height: 100%; width: 232px;"
   >
     <div