@varlet/ui 3.2.3 → 3.2.4

package/README.md

@@ -3,7 +3,7 @@
     <img src="https://varlet.gitee.io/varlet-ui/logo.svg" width="150">
   </a>
   <h1>VARLET</h1>
-  <p>Vue3 mobile component library supports both Material Design 2 and 3, and also has a good experience on the desktop.</p>
+  <p>A mobile component library based on Vue3, Material Design 2, Material Design 3, and supports desktop development.</p>
   <p>
     <a href="https://varlet-varletjs.vercel.app/#/en-US/index">Documentation(Vercel)</a> |
     <a href="https://varlet.gitee.io/varlet-ui/#/en-US/index">Documentation(Gitee)</a> | 

package/README.zh-CN.md

@@ -4,7 +4,7 @@
     <img src="https://varlet.gitee.io/varlet-ui/logo.svg" width="150">
   </a>
   <h1>VARLET</h1>
-  <p>Vue3 移动端组件库，同时支持 Material Design 2 和 3，桌面端也有不错的体验。</p>
+  <p>一个移动端组件库，基于 Vue3, Material Design 2, Material Design 3，并支持桌面端开发。</p>
   <p>
     <a href="https://varlet-varletjs.vercel.app">文档(Vercel)</a> | 
     <a href="https://varlet.gitee.io/varlet-ui">文档(Gitee)</a> |

package/es/action-sheet/style/index.mjs

@@ -3,5 +3,5 @@ import '../../icon/icon.css'
 import '../../ripple/ripple.css'
 import '../../popup/popup.css'
 import '../actionSheet.css'
-import '../ActionSheetSfc.css'
 import '../ActionItemSfc.css'
+import '../ActionSheetSfc.css'

package/es/avatar-group/AvatarGroup.mjs

@@ -33,8 +33,7 @@ const __sfc__ = defineComponent({
     return {
       rootStyles,
       n,
-      classes,
-      toSizeUnit
+      classes
     };
   }
 });

package/es/date-picker/src/year-picker-panel.mjs

@@ -138,16 +138,11 @@ const __sfc__ = defineComponent({
       right: false
     });
     const yearList = computed(() => {
-      const list = [];
-      if (!props.preview)
-        return list;
-      let startYear = Math.floor(toNumber(props.preview) / 100 + page.value) * 100;
-      startYear = startYear < 0 ? 0 : startYear;
-      const yearRange = [startYear, startYear + 100];
-      for (let i = yearRange[0]; i < yearRange[1]; i++) {
-        list.push(i);
+      if (!props.preview) {
+        return [];
       }
-      return list;
+      const startYear = Math.floor(toNumber(props.preview) / 100 + page.value) * 100;
+      return Array.from(Array(100), (_v, k) => Math.max(0, startYear) + k);
     });
     const shouldChoose = (val) => {
       const {
@@ -171,12 +166,8 @@ const __sfc__ = defineComponent({
       const {
         componentProps: { min, max }
       } = props;
-      let isBeforeMax = true;
-      let isAfterMin = true;
-      if (max)
-        isBeforeMax = dayjs(year).isSameOrBefore(dayjs(max), "year");
-      if (min)
-        isAfterMin = dayjs(year).isSameOrAfter(dayjs(min), "year");
+      const isBeforeMax = max ? dayjs(year).isSameOrBefore(dayjs(max), "year") : true;
+      const isAfterMin = min ? dayjs(year).isSameOrAfter(dayjs(min), "year") : true;
       return isBeforeMax && isAfterMin;
     };
     const buttonProps = (year) => {
@@ -247,9 +238,10 @@ const __sfc__ = defineComponent({
       });
     };
     const checkDate = (checkType) => {
-      reverse.value = checkType === "prev";
-      panelKey.value += checkType === "prev" ? -1 : 1;
-      page.value += checkType === "prev" ? -1 : 1;
+      const isPrevType = checkType === "prev";
+      reverse.value = isPrevType;
+      panelKey.value += isPrevType ? -1 : 1;
+      page.value += isPrevType ? -1 : 1;
     };
     const forwardRef = (checkType) => {
       headerEl.value.checkDate(checkType);

package/es/divider/Divider.mjs

@@ -21,7 +21,8 @@ function __render__(_ctx, _cache) {
           [_ctx.hairline, _ctx.n("--hairline")]
         )
       ),
-      style: _normalizeStyle(_ctx.style)
+      style: _normalizeStyle(_ctx.style),
+      role: "separator"
     },
     [
       !_ctx.vertical ? _renderSlot(_ctx.$slots, "default", { key: 0 }, () => [

package/es/index.bundle.mjs

@@ -262,7 +262,7 @@ import './tooltip/style/index.mjs'
 import './uploader/style/index.mjs'
 import './watermark/style/index.mjs'
 
-const version = '3.2.3'
+const version = '3.2.4'
 
 function install(app) {
   ActionSheet.install && app.use(ActionSheet)

package/es/index.mjs

@@ -174,7 +174,7 @@ export * from './tooltip/index.mjs'
 export * from './uploader/index.mjs'
 export * from './watermark/index.mjs'
 
-const version = '3.2.3'
+const version = '3.2.4'
 
 function install(app) {
   ActionSheet.install && app.use(ActionSheet)

package/es/menu/usePopover.mjs

@@ -54,7 +54,7 @@ function usePopover(options) {
   const show = useVModel(options, "show", {
     passive: true,
     defaultValue: false,
-    emit(event, value) {
+    emit(_event, value) {
       if (value) {
         call(options.onOpen);
       } else {
@@ -300,8 +300,7 @@ function usePopover(options) {
     popoverInstance.setOptions(getPopperOptions());
   };
   const open = () => {
-    const { disabled } = options;
-    if (disabled) {
+    if (options.disabled) {
       return;
     }
     show.value = true;

package/es/snackbar/style/index.mjs

@@ -1,7 +1,7 @@
 import '../../styles/common.css'
-import '../SnackbarSfc.css'
 import '../../styles/elevation.css'
 import '../../loading/loading.css'
 import '../../icon/icon.css'
 import '../snackbar.css'
 import '../coreSfc.css'
+import '../SnackbarSfc.css'

package/es/time-picker/clock.mjs

@@ -113,12 +113,10 @@ const __sfc__ = defineComponent({
       required: true
     },
     useSeconds: {
-      type: Boolean,
-      default: false
+      type: Boolean
     },
     preventNextUpdate: {
-      type: Boolean,
-      default: false
+      type: Boolean
     },
     type: {
       type: String,
@@ -310,7 +308,7 @@ const __sfc__ = defineComponent({
         }
         disable24HourIndex.value = disableHour.value.map((hour) => hours24.findIndex((hour24) => hour === hour24)).filter((hour) => hour >= 0);
       },
-      { immediate: true }
+      { immediate: true, deep: true }
     );
     return {
       n,