@varlet/ui 1.24.11 → 1.24.12-alpha.1642320131135

package/es/date-picker/DatePicker.js

@@ -46,7 +46,7 @@ export function render(_ctx, _cache) {
       var _ctx$chooseMonth, _ctx$chooseMonth2, _ctx$chooseMonth3;
 
       return [_ctx.type === 'month' ? (_openBlock(), _createElementBlock("div", {
-        key: _ctx.chooseYear + ((_ctx$chooseMonth = _ctx.chooseMonth) == null ? void 0 : _ctx$chooseMonth.index)
+        key: "" + _ctx.chooseYear + ((_ctx$chooseMonth = _ctx.chooseMonth) == null ? void 0 : _ctx$chooseMonth.index)
       }, [_ctx.range ? _renderSlot(_ctx.$slots, "range", {
         key: 0,
         choose: _ctx.getChoose.chooseRangeMonth
@@ -64,7 +64,7 @@ export function render(_ctx, _cache) {
       }, () => [_createTextVNode(_toDisplayString(_ctx.getMonthTitle), 1
       /* TEXT */
       )])])) : (_openBlock(), _createElementBlock("div", {
-        key: _ctx.chooseYear + ((_ctx$chooseMonth3 = _ctx.chooseMonth) == null ? void 0 : _ctx$chooseMonth3.index) + _ctx.chooseDay
+        key: "" + _ctx.chooseYear + ((_ctx$chooseMonth3 = _ctx.chooseMonth) == null ? void 0 : _ctx$chooseMonth3.index) + _ctx.chooseDay
       }, [_ctx.range ? _renderSlot(_ctx.$slots, "range", {
         key: 0,
         choose: _ctx.formatRange
@@ -142,21 +142,21 @@ export default defineComponent({
 
   setup(props) {
     var currentDate = dayjs().format('YYYY-MM-D');
-    var [currentYear, currentMonth, currentDay] = currentDate.split('-');
+    var [currentYear, currentMonth] = currentDate.split('-');
     var monthDes = MONTH_LIST.find(month => month.index === currentMonth);
     var isYearPanel = ref(false);
     var isMonthPanel = ref(false);
     var rangeDone = ref(true);
-    var chooseMonth = ref(monthDes);
-    var chooseYear = ref(currentYear);
-    var chooseDay = ref(currentDay);
+    var chooseMonth = ref();
+    var chooseYear = ref();
+    var chooseDay = ref();
     var previewMonth = ref(monthDes);
     var previewYear = ref(currentYear);
     var reverse = ref(false);
-    var chooseMonths = ref([currentYear + "-" + currentMonth]);
-    var chooseDays = ref([currentDate]);
-    var chooseRangeMonth = ref([currentYear + "-" + currentMonth]);
-    var chooseRangeDay = ref([currentDate]);
+    var chooseMonths = ref([]);
+    var chooseDays = ref([]);
+    var chooseRangeMonth = ref([]);
+    var chooseRangeDay = ref([]);
     var componentProps = reactive({
       allowedDates: props.allowedDates,
       type: props.type,
@@ -182,14 +182,23 @@ export default defineComponent({
       previewYear: previewYear.value
     }));
     var getMonthTitle = computed(() => {
-      var _pack$value$datePicke, _pack$value$datePicke2;
-
       var {
         multiple,
         range
       } = props;
-      if (range) return chooseRangeMonth.value[0] + " ~ " + chooseRangeMonth.value[1];
-      var monthName = (_pack$value$datePicke = (_pack$value$datePicke2 = pack.value.datePickerMonthDict) == null ? void 0 : _pack$value$datePicke2[chooseMonth.value.index].name) != null ? _pack$value$datePicke : '';
+
+      if (range) {
+        return chooseRangeMonth.value.length ? chooseRangeMonth.value[0] + " ~ " + chooseRangeMonth.value[1] : '';
+      }
+
+      var monthName = '';
+
+      if (chooseMonth.value) {
+        var _pack$value$datePicke, _pack$value$datePicke2;
+
+        monthName = (_pack$value$datePicke = (_pack$value$datePicke2 = pack.value.datePickerMonthDict) == null ? void 0 : _pack$value$datePicke2[chooseMonth.value.index].name) != null ? _pack$value$datePicke : '';
+      }
+
       return multiple ? "" + chooseMonths.value.length + pack.value.datePickerSelected : monthName;
     });
     var getDateTitle = computed(() => {
@@ -202,10 +211,11 @@ export default defineComponent({
 
       if (range) {
         var formatRangeDays = chooseRangeDay.value.map(date => dayjs(date).format('YYYY-MM-DD'));
-        return formatRangeDays[0] + " ~ " + formatRangeDays[1];
+        return formatRangeDays.length ? formatRangeDays[0] + " ~ " + formatRangeDays[1] : '';
       }
 
       if (multiple) return "" + chooseDays.value.length + pack.value.datePickerSelected;
+      if (!chooseYear.value || !chooseMonth.value || !chooseDay.value) return '';
       var weekIndex = dayjs(chooseYear.value + "-" + chooseMonth.value.index + "-" + chooseDay.value).day();
       var week = WEEK_HEADER.find(value => value.index === "" + weekIndex);
       var weekName = (_pack$value$datePicke3 = (_pack$value$datePicke4 = pack.value.datePickerWeekDict) == null ? void 0 : _pack$value$datePicke4[week.index].name) != null ? _pack$value$datePicke3 : '';
@@ -215,17 +225,23 @@ export default defineComponent({
       return weekName.slice(0, 3) + ", " + monthName.slice(0, 3) + " " + chooseDay.value;
     });
     var slotProps = computed(() => {
-      var weekIndex = dayjs(chooseYear.value + "-" + chooseMonth.value.index + "-" + chooseDay.value).day();
+      var _chooseMonth$value, _chooseYear$value, _chooseMonth$value$in, _chooseMonth$value2, _chooseDay$value;
+
+      var weekIndex = dayjs(chooseYear.value + "-" + ((_chooseMonth$value = chooseMonth.value) == null ? void 0 : _chooseMonth$value.index) + "-" + chooseDay.value).day();
       return {
         week: "" + weekIndex,
-        year: chooseYear.value,
-        month: chooseMonth.value.index,
-        date: chooseDay.value
+        year: (_chooseYear$value = chooseYear.value) != null ? _chooseYear$value : '',
+        month: (_chooseMonth$value$in = (_chooseMonth$value2 = chooseMonth.value) == null ? void 0 : _chooseMonth$value2.index) != null ? _chooseMonth$value$in : '',
+        date: (_chooseDay$value = chooseDay.value) != null ? _chooseDay$value : ''
       };
     });
     var formatRange = computed(() => getChoose.value.chooseRangeDay.map(choose => dayjs(choose).format('YYYY-MM-DD')));
     var isSameYear = computed(() => chooseYear.value === previewYear.value);
-    var isSameMonth = computed(() => chooseMonth.value.index === previewMonth.value.index);
+    var isSameMonth = computed(() => {
+      var _chooseMonth$value3;
+
+      return ((_chooseMonth$value3 = chooseMonth.value) == null ? void 0 : _chooseMonth$value3.index) === previewMonth.value.index;
+    });
 
     var clickEl = type => {
       if (type === 'year') isYearPanel.value = true;else if (type === 'month') isMonthPanel.value = true;else {
@@ -264,6 +280,7 @@ export default defineComponent({
     };
 
     var getReverse = (dateType, date) => {
+      if (!chooseYear.value || !chooseMonth.value) return false;
       if (!isSameYear.value) return chooseYear.value > previewYear.value;
       if (dateType === 'month') return date.index < chooseMonth.value.index;
       return isSameMonth.value ? date < toNumber(chooseDay.value) : chooseMonth.value.index > previewMonth.value.index;
@@ -356,7 +373,7 @@ export default defineComponent({
     var invalidFormatDate = date => {
       if (isArray(date)) return false;
 
-      if (date === undefined || date === 'Invalid Date') {
+      if (date === 'Invalid Date') {
         console.error('[Varlet] DatePicker: "modelValue" is an Invalid Date');
         return true;
       }
@@ -399,7 +416,7 @@ export default defineComponent({
     };
 
     watch(() => props.modelValue, value => {
-      if (!checkValue() || invalidFormatDate(value)) return;
+      if (!checkValue() || invalidFormatDate(value) || !value) return;
 
       if (props.range) {
         if (!isArray(value)) return;

package/es/date-picker/src/day-picker-panel.js

@@ -130,7 +130,11 @@ export default defineComponent({
       right: false
     });
     var isCurrent = computed(() => props.preview.previewYear === currentYear && props.preview.previewMonth.index === currentMonth);
-    var isSame = computed(() => props.choose.chooseYear === props.preview.previewYear && props.choose.chooseMonth.index === props.preview.previewMonth.index);
+    var isSame = computed(() => {
+      var _props$choose$chooseM;
+
+      return props.choose.chooseYear === props.preview.previewYear && ((_props$choose$chooseM = props.choose.chooseMonth) == null ? void 0 : _props$choose$chooseM.index) === props.preview.previewMonth.index;
+    });
     var sortWeekList = computed(() => {
       var index = WEEK_HEADER.findIndex(week => week.index === props.componentProps.firstDayOfWeek);
       if (index === -1 || index === 0) return WEEK_HEADER;
@@ -211,9 +215,9 @@ export default defineComponent({
           range
         }
       } = props;
-      if (!chooseRangeDay.length) return false;
 
       if (range) {
+        if (!chooseRangeDay.length) return false;
         var isBeforeMax = dayjs(val).isSameOrBefore(dayjs(chooseRangeDay[1]), 'day');
         var isAfterMin = dayjs(val).isSameOrAfter(dayjs(chooseRangeDay[0]), 'day');
         return isBeforeMax && isAfterMin;

package/es/date-picker/src/month-picker-panel.js

@@ -150,9 +150,9 @@ export default defineComponent({
           range
         }
       } = props;
-      if (!chooseRangeMonth.length) return false;
 
       if (range) {
+        if (!chooseRangeMonth.length) return false;
         var isBeforeMax = dayjs(val).isSameOrBefore(dayjs(chooseRangeMonth[1]), 'month');
         var isAfterMin = dayjs(val).isSameOrAfter(dayjs(chooseRangeMonth[0]), 'month');
         return isBeforeMax && isAfterMin;
@@ -181,7 +181,7 @@ export default defineComponent({
 
       var monthExist = () => {
         if (range || multiple) return shouldChoose(val);
-        return chooseMonth.index === key && isSameYear.value;
+        return (chooseMonth == null ? void 0 : chooseMonth.index) === key && isSameYear.value;
       };
 
       var computeDisabled = () => {
@@ -195,7 +195,7 @@ export default defineComponent({
       var computeText = () => {
         if (disabled) return true;
         if (range || multiple) return !shouldChoose(val);
-        return !isSameYear.value || chooseMonth.index !== key;
+        return !isSameYear.value || (chooseMonth == null ? void 0 : chooseMonth.index) !== key;
       };
 
       var computeOutline = () => {
@@ -206,7 +206,7 @@ export default defineComponent({
 
         if (range || multiple) return !shouldChoose(val); // 同一年但是未被选择的情况
 
-        if (isSameYear.value) return chooseMonth.index !== currentMonth;
+        if (isSameYear.value) return (chooseMonth == null ? void 0 : chooseMonth.index) !== currentMonth;
         return true;
       };
 

package/es/swipe/Swipe.js

@@ -1,6 +1,10 @@
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+
 import { defineComponent, ref, computed, watch, onMounted, onUnmounted } from 'vue';
 import { useSwipeItems } from './provide';
-import { nextTickFrame } from '../utils/elements';
+import { doubleRaf, nextTickFrame } from '../utils/elements';
 import { props } from './props';
 import { isNumber, toNumber } from '../utils/shared';
 var SWIPE_DELAY = 250;
@@ -376,10 +380,12 @@ export default defineComponent({
       vertical
     };
     bindSwipeItems(swipeProvider);
-    watch(() => length.value, () => {
+    watch(() => length.value, /*#__PURE__*/_asyncToGenerator(function* () {
+      // In nuxt, the size of the swipe cannot got when the route is change, need double raf
+      yield doubleRaf();
       initialIndex();
       resize();
-    });
+    }));
     onMounted(() => {
       window.addEventListener('resize', resize);
     });

package/highlight/attributes.json

@@ -97,7 +97,7 @@
   },
   "var-badge/icon": {
     "type": "string",
-    "description": "自定义徽标中图标的内容（优先级高于`value`） 默认值：-"
+    "description": "自定义徽标中图标的内容（优先级高于 `value` ） 默认值：-"
   },
   "var-button/type": {
     "type": "string",
@@ -445,7 +445,7 @@
   },
   "var-date-picker/v-model": {
     "type": "string[] | string",
-    "description": "被选择的日期（ISO 8601 格式，`YYYY-MM-DD` 或 `YYYY-MM`） 默认值：-"
+    "description": "被选择的日期（ISO 8601 格式，`YYYY-MM-DD` 或 `YYYY-MM`） 默认值：undefined"
   },
   "var-date-picker/type": {
     "type": "string",
@@ -1001,7 +1001,7 @@
   },
   "var-progress/mode": {
     "type": "string",
-    "description": "`progress` 的模式，可选值为`linear, circle` 默认值：linear"
+    "description": "`progress` 的模式，可选值为 `linear, circle` 默认值：linear"
   },
   "var-progress/value": {
     "type": "string | number",
@@ -1109,7 +1109,7 @@
   },
   "var-radio/rules": {
     "type": "Array<(value: any) => any>",
-    "description": "验证规则，返回`true`表示验证通过，其余的值则转换为文本作为用户提示 默认值：-"
+    "description": "验证规则，返回 `true` 表示验证通过，其余的值则转换为文本作为用户提示 默认值：-"
   },
   "var-radio-group/v-model": {
     "type": "any",
@@ -1121,7 +1121,7 @@
   },
   "var-radio-group/rules": {
     "type": "Array<(value: any) => any>",
-    "description": "验证规则，返回`true`表示验证通过，其余的值则转换为文本作为用户提示 默认值：-"
+    "description": "验证规则，返回 `true` 表示验证通过，其余的值则转换为文本作为用户提示 默认值：-"
   },
   "var-rate/v-model": {
     "type": "number | string",
@@ -1149,11 +1149,11 @@
   },
   "var-rate/size": {
     "type": "number | string",
-    "description": "图标大小，默认单位为`px` 默认值：20"
+    "description": "图标大小，默认单位为 `px` 默认值：20"
   },
   "var-rate/gap": {
     "type": "number | string",
-    "description": "图标间隔，默认单位为`px` 默认值：4"
+    "description": "图标间隔，默认单位为 `px` 默认值：4"
   },
   "var-rate/half": {
     "type": "boolean",
@@ -1161,7 +1161,7 @@
   },
   "var-rate/half-icon": {
     "type": "string",
-    "description": "半选时图标的样式，只有在`half`为`true`时才有效 默认值：star-half-full"
+    "description": "半选时图标的样式，只有在 `half` 为 `true` 时才有效 默认值：star-half-full"
   },
   "var-rate/disabled": {
     "type": "boolean",
@@ -1169,7 +1169,7 @@
   },
   "var-rate/disabled-color": {
     "type": "string",
-    "description": "禁止评分时图标的颜色，只有在`disabled`为`true`时才有效，优先级高于`color`、`empty-color` 默认值：-"
+    "description": "禁止评分时图标的颜色，只有在 `disabled` 为 `true` 时才有效，优先级高于 `color`、`empty-color` 默认值：-"
   },
   "var-rate/readonly": {
     "type": "boolean",
@@ -1181,7 +1181,7 @@
   },
   "var-rate/rules": {
     "type": "Array<(v: string | number) => any>",
-    "description": "验证规则，返回`true`表示验证通过，其余的值则转换为文本作为用户提示 默认值：-"
+    "description": "验证规则，返回 `true` 表示验证通过，其余的值则转换为文本作为用户提示 默认值：-"
   },
   "var-row/gutter": {
     "type": "string | number",
@@ -1249,7 +1249,7 @@
   },
   "var-select/rules": {
     "type": "Array<(v: any | any[]) => any>",
-    "description": "验证规则，返回`true`表示验证通过，其余的值则转换为文本作为用户提示 默认值：-"
+    "description": "验证规则，返回 `true` 表示验证通过，其余的值则转换为文本作为用户提示 默认值：-"
   },
   "var-skeleton/loading": {
     "type": "boolean",
@@ -1297,7 +1297,7 @@
   },
   "var-slider/step": {
     "type": "string | number",
-    "description": "步长，取值为`1 ~ 100`间的整数 默认值：1"
+    "description": "步长，取值为 `1 ~ 100` 间的整数 默认值：1"
   },
   "var-slider/range": {
     "type": "boolean",
@@ -1305,7 +1305,7 @@
   },
   "var-slider/label-visible": {
     "type": "string",
-    "description": "是否显示标签，可选值为`always, normal, never` 默认值：normal"
+    "description": "是否显示标签，可选值为 `always, normal, never` 默认值：normal"
   },
   "var-slider/label-text-color": {
     "type": "string",
@@ -1389,7 +1389,7 @@
   },
   "var-space/size": {
     "type": "string | number | [string | number, string | number]",
-    "description": "间距，可选值为 `mini` `small` `normal` `large` 或`[垂直间距, 水平间距]`(支持长度单位) 默认值：normal"
+    "description": "间距，可选值为 `mini` `small` `normal` `large` 或 `[垂直间距, 水平间距]` (支持长度单位) 默认值：normal"
   },
   "var-space/wrap": {
     "type": "boolean",
@@ -1441,11 +1441,11 @@
   },
   "var-sticky/css-mode": {
     "type": "boolean",
-    "description": "开启原生`css sticky`模式 默认值：false"
+    "description": "开启原生 `css sticky` 模式 默认值：false"
   },
   "var-sticky/disabled": {
     "type": "boolean",
-    "description": "禁用吸顶, 设置为`true`时, 元素会回到文档流中 默认值：false"
+    "description": "禁用吸顶, 设置为 `true` 时, 元素会回到文档流中 默认值：false"
   },
   "var-style-provider/style-vars": {
     "type": "Record<string, string>",
@@ -1457,7 +1457,7 @@
   },
   "var-swipe/autoplay": {
     "type": "string | number",
-    "description": "自动播放间隔时间(ms) 默认值：-"
+    "description": "自动播放间隔时间 (毫秒) 默认值：-"
   },
   "var-swipe/duration": {
     "type": "string | number",
@@ -1549,7 +1549,7 @@
   },
   "var-tabs/v-model:active": {
     "type": "string",
-    "description": "激活的选项卡标识, 优先匹配name，其次是index 默认值：default"
+    "description": "激活的选项卡标识, 优先匹配 name，其次是 index 默认值：default"
   },
   "var-tabs/layout-direction": {
     "type": "string",
@@ -1617,7 +1617,7 @@
   },
   "var-time-picker/format": {
     "type": "string",
-    "description": "选择器时间格式，可选值为`ampm, 24hr` 默认值：ampm"
+    "description": "选择器时间格式，可选值为 `ampm, 24hr` 默认值：ampm"
   },
   "var-time-picker/color": {
     "type": "string",

package/highlight/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "framework": "vue",
-  "version": "1.24.10",
+  "version": "1.24.11",
   "name": "VARLET",
   "contributions": {
     "html": {
@@ -305,7 +305,7 @@
             },
             {
               "name": "icon",
-              "description": "自定义徽标中图标的内容（优先级高于`value`）",
+              "description": "自定义徽标中图标的内容（优先级高于 `value` ）",
               "default": "-",
               "value": {
                 "type": "string",
@@ -1039,7 +1039,7 @@
             },
             {
               "name": "icon",
-              "description": "自定义右侧icon"
+              "description": "自定义右侧 icon"
             }
           ]
         },
@@ -1357,7 +1357,7 @@
             {
               "name": "v-model",
               "description": "被选择的日期（ISO 8601 格式，`YYYY-MM-DD` 或 `YYYY-MM`）",
-              "default": "-",
+              "default": "undefined",
               "value": {
                 "type": "string[] | string",
                 "kind": "expression"
@@ -3051,7 +3051,7 @@
           "attributes": [
             {
               "name": "mode",
-              "description": "`progress` 的模式，可选值为`linear, circle`",
+              "description": "`progress` 的模式，可选值为 `linear, circle`",
               "default": "linear",
               "value": {
                 "type": "string",
@@ -3323,7 +3323,7 @@
             },
             {
               "name": "rules",
-              "description": "验证规则，返回`true`表示验证通过，其余的值则转换为文本作为用户提示",
+              "description": "验证规则，返回 `true` 表示验证通过，其余的值则转换为文本作为用户提示",
               "default": "-",
               "value": {
                 "type": "Array<(value: any) => any>",
@@ -3379,7 +3379,7 @@
             },
             {
               "name": "rules",
-              "description": "验证规则，返回`true`表示验证通过，其余的值则转换为文本作为用户提示",
+              "description": "验证规则，返回 `true` 表示验证通过，其余的值则转换为文本作为用户提示",
               "default": "-",
               "value": {
                 "type": "Array<(value: any) => any>",
@@ -3459,7 +3459,7 @@
             },
             {
               "name": "size",
-              "description": "图标大小，默认单位为`px`",
+              "description": "图标大小，默认单位为 `px`",
               "default": "20",
               "value": {
                 "type": "number | string",
@@ -3468,7 +3468,7 @@
             },
             {
               "name": "gap",
-              "description": "图标间隔，默认单位为`px`",
+              "description": "图标间隔，默认单位为 `px`",
               "default": "4",
               "value": {
                 "type": "number | string",
@@ -3486,7 +3486,7 @@
             },
             {
               "name": "half-icon",
-              "description": "半选时图标的样式，只有在`half`为`true`时才有效",
+              "description": "半选时图标的样式，只有在 `half` 为 `true` 时才有效",
               "default": "star-half-full",
               "value": {
                 "type": "string",
@@ -3504,7 +3504,7 @@
             },
             {
               "name": "disabled-color",
-              "description": "禁止评分时图标的颜色，只有在`disabled`为`true`时才有效，优先级高于`color`、`empty-color`",
+              "description": "禁止评分时图标的颜色，只有在 `disabled` 为 `true` 时才有效，优先级高于 `color`、`empty-color`",
               "default": "-",
               "value": {
                 "type": "string",
@@ -3531,7 +3531,7 @@
             },
             {
               "name": "rules",
-              "description": "验证规则，返回`true`表示验证通过，其余的值则转换为文本作为用户提示",
+              "description": "验证规则，返回 `true` 表示验证通过，其余的值则转换为文本作为用户提示",
               "default": "-",
               "value": {
                 "type": "Array<(v: string | number) => any>",
@@ -3719,7 +3719,7 @@
             },
             {
               "name": "rules",
-              "description": "验证规则，返回`true`表示验证通过，其余的值则转换为文本作为用户提示",
+              "description": "验证规则，返回 `true` 表示验证通过，其余的值则转换为文本作为用户提示",
               "default": "-",
               "value": {
                 "type": "Array<(v: any | any[]) => any>",
@@ -3880,7 +3880,7 @@
             },
             {
               "name": "step",
-              "description": "步长，取值为`1 ~ 100`间的整数",
+              "description": "步长，取值为 `1 ~ 100` 间的整数",
               "default": "1",
               "value": {
                 "type": "string | number",
@@ -3898,7 +3898,7 @@
             },
             {
               "name": "label-visible",
-              "description": "是否显示标签，可选值为`always, normal, never`",
+              "description": "是否显示标签，可选值为 `always, normal, never`",
               "default": "normal",
               "value": {
                 "type": "string",
@@ -4145,7 +4145,7 @@
             },
             {
               "name": "size",
-              "description": "间距，可选值为 `mini` `small` `normal` `large` 或`[垂直间距, 水平间距]`(支持长度单位)",
+              "description": "间距，可选值为 `mini` `small` `normal` `large` 或 `[垂直间距, 水平间距]` (支持长度单位)",
               "default": "normal",
               "value": {
                 "type": "string | number | [string | number, string | number]",
@@ -4276,7 +4276,7 @@
           "slots": [
             {
               "name": "default",
-              "description": "step的内容"
+              "description": "step 的内容"
             }
           ]
         },
@@ -4303,7 +4303,7 @@
             },
             {
               "name": "css-mode",
-              "description": "开启原生`css sticky`模式",
+              "description": "开启原生 `css sticky` 模式",
               "default": "false",
               "value": {
                 "type": "boolean",
@@ -4312,7 +4312,7 @@
             },
             {
               "name": "disabled",
-              "description": "禁用吸顶, 设置为`true`时, 元素会回到文档流中",
+              "description": "禁用吸顶, 设置为 `true` 时, 元素会回到文档流中",
               "default": "false",
               "value": {
                 "type": "boolean",
@@ -4374,7 +4374,7 @@
             },
             {
               "name": "autoplay",
-              "description": "自动播放间隔时间(ms)",
+              "description": "自动播放间隔时间 (毫秒)",
               "default": "-",
               "value": {
                 "type": "string | number",
@@ -4669,7 +4669,7 @@
           "attributes": [
             {
               "name": "v-model:active",
-              "description": "激活的选项卡标识, 优先匹配name，其次是index",
+              "description": "激活的选项卡标识, 优先匹配 name，其次是 index",
               "default": "default",
               "value": {
                 "type": "string",
@@ -4861,7 +4861,7 @@
             },
             {
               "name": "format",
-              "description": "选择器时间格式，可选值为`ampm, 24hr`",
+              "description": "选择器时间格式，可选值为 `ampm, 24hr`",
               "default": "ampm",
               "value": {
                 "type": "string",