Merge pull request #13869 from element-plus/dev

D2M

CHANGELOG.en-US.md

@@ -1,5 +1,41 @@
 ## Changelog
 
+### 2.3.9
+
+_2023-08-04_
+
+#### Features
+
+- Components [switch] add custom action icon prop (#13746 by @btea)
+
+#### Bug fixes
+
+- Components [input] fix textarea disabled box-shadow (#13632 by @shigma)
+- Components [collapse-transition] fixed transition canceled bug (#13358 by @kaine0923)
+- Components [tree] fix expand-icon.is-leaf prevent click event (#13616 by @matto49)
+- Components [focus-trap] Fixed the function that removed the listener (#13158 by @qiYuei)
+- Components [table] add filteredValue watcher (#13121 by @wonderl17)
+- Components [autocomplete] improve a11y (#12647 by @init-qy)
+- Components [select] fix for confusing click behaviour (#13664 by @wuzhidexiaoming)
+- Theme-chalk [menu] the popup menu has 2px border at the bottom (#13695 by @tolking)
+- Components [row] align="top" is not working properly (#13550 by @yj-liuzepeng)
+- Components [cascader] reactive size change (#12294 by @MrWeilian)
+- Components [collapse-transition] remove redundant code (#13715 by @mhpsy)
+- Hooks [use-focus-controller] remove unnecessary role attributes (#13749 by @tolking)
+- Components [date-picker] disable button if now is disabled (#13655 by @btea)
+- Components [el-table] rangeWidth dealing with loss of precision (#12938 by @lxy030988)
+- Components [cascader] checkbox sync error (#11462 by @acyza)
+- Components [avatar] set img tag's width attribute (#13844 by @yj-liuzepeng)
+- Components [select] abnormal focus when click tags (#13699 by @tolking)
+- Components [select] clearIcon did not work with form statusIcon (#13533 by @init-qy)
+
+#### Refactors
+
+- Components [input] extract InputInstance (#13620 by @btea)
+- Components [upload] fix the type of file (#13637 by @hhucqian)
+- Components [menu] adjust default value of fallbackPlacements (#13696 by @tolking)
+- Chore(components): [date-picker] export instasnce type (#13618 by @makedopamine)
+
 ### 2.3.8
 
 _2023-07-14_

docs/.vitepress/crowdin/en-US/pages/resource.json

@@ -8,5 +8,7 @@
   "sketch": "Sketch Template",
   "sketchIntro": "Newly designed Sketch component library in 2022 with full components for Element Plus to improve design efficiency while keeping a unified visual style.",
   "figma": "Figma Template",
-  "figmaIntro": "Newly designed Figma component library in 2022 with new features such as Auto-layout and Variants."
+  "figmaIntro": "Newly designed Figma component library in 2022 with new features such as Auto-layout and Variants.",
+  "figmaVariables": "Figma Variables",
+  "figmaVariablesIntro": "Components all use variables to quickly switch between dark and light modes."
 }

docs/.vitepress/plugins/tag.ts

@@ -9,9 +9,11 @@ export default (md: MarkdownIt): void => {
     const value = token.content
     /**
      * Add styles for some special tags
-     * vitepress/styles/content/tag-mark-content.scss
+     * vitepress/styles/content/tag-content.scss
      */
-    const tagClass = ['beta', 'deprecated', 'a11y'].includes(value) ? value : ''
+    const tagClass = ['beta', 'deprecated', 'a11y', 'required'].includes(value)
+      ? value
+      : ''
     return `<span class="vp-tag ${tagClass}">${value}</span>`
   }
 

docs/.vitepress/vitepress/components/globals/parallax-home.vue

@@ -397,4 +397,10 @@ useEventListener(window, 'scroll', handleScroll)
     }
   }
 }
+
+.dark {
+  .parallax-container {
+    filter: drop-shadow(0px 0px 10px #409eff);
+  }
+}
 </style>

docs/.vitepress/vitepress/components/globals/resource.vue

@@ -36,8 +36,8 @@ const onClick = (item: string) => {
     <h1>{{ resourceLang.title }}</h1>
     <p>{{ resourceLang.lineOne }}</p>
     <p v-html="resourceLang.lineTwo" />
-    <div class="flex flex-wrap justify-center mt-32px">
-      <div class="inline-flex w-full md:w-1/3" p="2" pl-0>
+    <div class="flex flex-wrap justify-center mt-32px" m="-2">
+      <div class="inline-flex w-full md:w-1/2 lg:w-1/3 3xl:w-1/4" p="2">
         <el-card class="card" shadow="hover">
           <axure-components-svg w="30" alt="axure" />
           <h3>{{ resourceLang.axure }}</h3>
@@ -53,7 +53,7 @@ const onClick = (item: string) => {
           </a>
         </el-card>
       </div>
-      <div class="inline-flex w-full md:w-1/3" p="2">
+      <div class="inline-flex w-full md:w-1/2 lg:w-1/3 3xl:w-1/4" p="2">
         <el-card class="card" shadow="hover">
           <sketch-template-svg w="30" alt="Sketch" />
           <h3>{{ resourceLang.sketch }}</h3>
@@ -69,7 +69,7 @@ const onClick = (item: string) => {
           </a>
         </el-card>
       </div>
-      <div class="inline-flex w-full md:w-1/3" p="2">
+      <div class="inline-flex w-full md:w-1/2 lg:w-1/3 3xl:w-1/4" p="2">
         <el-card class="card" shadow="hover">
           <figma-template-svg w="30" alt="Figma" />
           <h3>{{ resourceLang.figma }}</h3>
@@ -85,6 +85,24 @@ const onClick = (item: string) => {
           </a>
         </el-card>
       </div>
+      <div class="inline-flex w-full md:w-1/2 lg:w-1/3 3xl:w-1/4" p="2">
+        <el-card class="card" shadow="hover">
+          <figma-variables-svg w="30" alt="Figma" />
+          <h3>{{ resourceLang.figmaVariables }}</h3>
+          <p>
+            {{ resourceLang.figmaVariablesIntro }}
+          </p>
+          <a
+            href="https://www.figma.com/community/file/1256091634199852065"
+            target="_blank"
+            @click="onClick('figma')"
+          >
+            <el-button type="primary">{{ resourceLang.download }}</el-button>
+          </a>
+        </el-card>
+      </div>
+      <div class="inline-flex w-full md:w-1/3" p="2" />
+      <div class="inline-flex w-full md:w-1/3" p="2" />
     </div>
   </div>
 </template>
@@ -109,6 +127,7 @@ const onClick = (item: string) => {
 }
 
 .card {
+  width: 100%;
   text-align: center;
   padding: 32px 0;