@qsxy/element-plus-react 1.0.1 → 1.0.2

package/dist/locale/en.d.ts

@@ -22,8 +22,12 @@ declare const _default: {
             selectedDate: string;
             selectDate: string;
             selectTime: string;
+            startYear: string;
+            startMonth: string;
             startDate: string;
             startTime: string;
+            endMonth: string;
+            endYear: string;
             endDate: string;
             endTime: string;
             prevYear: string;
@@ -76,6 +80,17 @@ declare const _default: {
                 nov: string;
                 dec: string;
             };
+            quarter: string;
+            placeholder: {
+                year: string;
+                month: string;
+                week: string;
+                quarter: string;
+                date: string;
+            };
+        };
+        input: {
+            placeholder: string;
         };
         inputNumber: {
             decrease: string;

package/dist/locale/en.js

@@ -22,8 +22,12 @@ export default {
       selectedDate: 'Selected date',
       selectDate: 'Select date',
       selectTime: 'Select time',
+      startYear: 'Start Year',
+      startMonth: 'Start Month',
       startDate: 'Start Date',
       startTime: 'Start Time',
+      endMonth: 'End Month',
+      endYear: 'End Year',
       endDate: 'End Date',
       endTime: 'End Time',
       prevYear: 'Previous Year',
@@ -75,8 +79,19 @@ export default {
         oct: 'Oct',
         nov: 'Nov',
         dec: 'Dec'
+      },
+      quarter: 'Q{quarter}',
+      placeholder: {
+        year: 'Pick a year',
+        month: 'Pick a month',
+        week: 'Pick a week',
+        quarter: 'Pick a quarter',
+        date: 'Pick a day'
       }
     },
+    input: {
+      placeholder: 'Please input'
+    },
     inputNumber: {
       decrease: 'decrease number',
       increase: 'increase number'

package/dist/locale/zhCn.d.ts

@@ -22,8 +22,12 @@ declare const _default: {
             selectedDate: string;
             selectDate: string;
             selectTime: string;
+            startYear: string;
+            startMonth: string;
             startDate: string;
             startTime: string;
+            endYear: string;
+            endMonth: string;
             endDate: string;
             endTime: string;
             prevYear: string;
@@ -75,6 +79,17 @@ declare const _default: {
                 nov: string;
                 dec: string;
             };
+            quarter: string;
+            placeholder: {
+                year: string;
+                month: string;
+                week: string;
+                quarter: string;
+                date: string;
+            };
+        };
+        input: {
+            placeholder: string;
         };
         inputNumber: {
             decrease: string;

package/dist/locale/zhCn.js

@@ -22,8 +22,12 @@ export default {
       selectedDate: '已选日期',
       selectDate: '选择日期',
       selectTime: '选择时间',
+      startYear: '开始年份',
+      startMonth: '开始月份',
       startDate: '开始日期',
       startTime: '开始时间',
+      endYear: '结束年份',
+      endMonth: '结束月份',
       endDate: '结束日期',
       endTime: '结束时间',
       prevYear: '前一年',
@@ -74,8 +78,19 @@ export default {
         oct: '十月',
         nov: '十一月',
         dec: '十二月'
+      },
+      quarter: '第{quarter}季度',
+      placeholder: {
+        year: '请选择年份',
+        month: '请选择月份',
+        week: '请选择周',
+        quarter: '请选择季度',
+        date: '请选择日期'
       }
     },
+    input: {
+      placeholder: '请输入'
+    },
     inputNumber: {
       decrease: '减少数值',
       increase: '增加数值'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qsxy/element-plus-react",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "description": "element-plus-react",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",

package/theme-chalk/calendar/index.scss

@@ -4,3 +4,4 @@
 @use './month-table';
 @use './date-table';
 @use './date-range-picker';
+@use './quarter-table';

package/theme-chalk/calendar/quarter-table.scss

@@ -0,0 +1,78 @@
+@use '../common/var' as *;
+@use '../mixins/mixins' as *;
+
+@include b(quarter-table) {
+    font-size: 12px;
+    user-select: none;
+
+    td {
+        text-align: center;
+        padding: 8px 0px;
+        cursor: pointer;
+        & div {
+            height: 48px;
+            padding: 6px 0;
+            box-sizing: border-box;
+        }
+
+        &.disabled .cell {
+            background-color: var(--#{$namespace}-fill-color-light);
+            cursor: not-allowed;
+            color: var(--#{$namespace}-text-color-placeholder);
+
+            &:hover {
+                color: var(--#{$namespace}-text-color-placeholder);
+            }
+        }
+
+        .cell {
+            width: 60px;
+            height: 36px;
+            display: block;
+            line-height: 36px;
+            color: var(--#{$namespace}-datepicker-text-color);
+            margin: 0 auto;
+            border-radius: 10px;
+            font-size: 12px;
+
+            &:hover {
+                color: var(--#{$namespace}-datepicker-hover-text-color);
+                // background: #f5f5f5;
+                // border-radius: 0;
+            }
+        }
+
+        &.in-range div {
+            background-color: var(--#{$namespace}-datepicker-inrange-bg-color);
+            &:hover {
+                background-color: var(--#{$namespace}-datepicker-inrange-bg-color);
+            }
+        }
+        &.start-date div,
+        &.end-date div {
+            color: #ffffff;
+        }
+
+        &.start-date .cell,
+        &.end-date .cell {
+            color: #ffffff !important;
+            background: var(--#{$namespace}-datepicker-active-color);
+        }
+
+        &.start-date div {
+            border-top-left-radius: 24px;
+            border-bottom-left-radius: 24px;
+        }
+
+        &.end-date div {
+            border-top-right-radius: 24px;
+            border-bottom-right-radius: 24px;
+        }
+
+        &.current:not(.disabled) .cell {
+            font-weight: bold;
+            color: #ffffff;
+            background: var(--#{$namespace}-bg-color-primary, var(--#{$namespace}-color-primary));
+        }
+    }
+}

package/theme-chalk/common/var.scss

@@ -436,7 +436,7 @@ $select-dropdown: map.merge(
         'empty-color': getCssVar('text-color-secondary'),
         'max-height': 274px,
         'padding': 6px 0,
-        'empty-padding': 10px 0,
+        'empty-padding': 4px 0,
         'header-padding': 10px,
         'footer-padding': 10px,
         'border': 1px solid getCssVar('border-color-light'),