@wangxinowo/vue-datepicker-next 1.0.2 → 1.0.5

package/src/components/date-picker/style/YearPanel.less

@@ -91,3 +91,18 @@
     user-select: none;
   }
 }
+
+// 范围选择的起始/结束单元格样式
+.@{calendar-prefix-cls}-year-panel-selected-start-cell,
+.@{calendar-prefix-cls}-year-panel-selected-end-cell {
+  .@{calendar-prefix-cls}-year-panel-year {
+    color: @text-color-inverse;
+    background: @primary-color;
+    border-radius: @border-radius-sm;
+
+    &:hover {
+      color: @text-color-inverse;
+      background: @primary-5;
+    }
+  }
+}

package/src/components/date-picker/style/presets.less

@@ -1,69 +1,120 @@
-// Presets Panel Styles for RangePicker
-// 预设日期范围面板样式
-
-.@{calendar-prefix-cls}-presets {
-  display: flex;
-  flex-direction: column;
-  min-width: 120px;
-  max-height: 240px;
-  overflow-y: auto;
-  padding: @padding-xs 0;
-  border-right: @border-width-base @border-style-base @border-color-split;
-  background: @component-background;
-
-  &-list {
-    margin: 0;
-    padding: 0;
-    list-style: none;
-  }
-
-  &-item {
-    padding: @padding-xs @padding-sm;
-    color: @text-color;
-    cursor: pointer;
-    transition: all 0.3s;
-
-    &:hover {
-      color: @primary-color;
-      background: @item-hover-bg;
-    }
-
-    &-selected {
-      color: @primary-color;
-      font-weight: 500;
-      background: @primary-1;
-    }
-  }
-}
-
-// Range picker with presets layout
-// 带预设的日期范围选择器布局
-.@{calendar-prefix-cls}-range-with-presets {
-  .@{calendar-prefix-cls}-range-part {
-    display: flex;
-  }
-}
-
-// Range picker popup with presets
-// 带预设的弹出层布局
-.@{calendar-prefix-cls}-picker-container {
-  .@{calendar-prefix-cls}-range-with-presets {
-    display: flex;
-    align-items: stretch;
-  }
-}
-
-// Footer quick selector (legacy support for ranges prop)
-// 底部快捷选择器（兼容旧的 ranges 属性）
-.@{calendar-prefix-cls}-range-quick-selector {
-  display: flex;
-  flex-wrap: wrap;
-  gap: @padding-xs;
-  padding: @padding-xs @padding-sm;
-  border-top: @border-width-base @border-style-base @border-color-split;
-
-  a,
-  .@{ant-prefix}-tag {
-    cursor: pointer;
-  }
-}
+// Presets Panel Styles for RangePicker
+// 预设日期范围面板样式
+
+// 左侧面板模式样式
+.@{calendar-prefix-cls}-presets {
+  display: flex;
+  flex-direction: column;
+  min-width: 120px;
+  max-height: 240px;
+  overflow-y: auto;
+  padding: @padding-xs 0;
+  border-right: @border-width-base @border-style-base @border-color-split;
+  background: @component-background;
+
+  &-list {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+  }
+
+  &-item {
+    padding: @padding-xs @padding-sm;
+    color: @text-color;
+    cursor: pointer;
+    transition: all 0.3s;
+
+    &:hover {
+      color: @primary-color;
+      background: @item-hover-bg;
+    }
+
+    &-selected {
+      color: @primary-color;
+      font-weight: 500;
+      background: @primary-1;
+    }
+  }
+
+  // 底部按钮模式样式
+  &-footer {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    gap: @padding-xs;
+    padding: @padding-sm @padding-md;
+    border-top: @border-width-base @border-style-base @border-color-split;
+    background: @component-background;
+
+    &-btn {
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      height: 24px;
+      padding: 0 @padding-sm;
+      font-size: @font-size-sm;
+      color: @text-color;
+      background: @background-color-light;
+      border: @border-width-base @border-style-base @border-color-base;
+      border-radius: @border-radius-sm;
+      cursor: pointer;
+      transition: all 0.2s ease-in-out;
+      user-select: none;
+
+      &:hover {
+        color: @primary-color;
+        border-color: @primary-color;
+        background: @primary-1;
+      }
+
+      &:active {
+        color: @primary-7;
+        border-color: @primary-7;
+      }
+
+      &-selected {
+        color: #fff;
+        background: @primary-color;
+        border-color: @primary-color;
+
+        &:hover {
+          color: #fff;
+          background: @primary-5;
+          border-color: @primary-5;
+        }
+      }
+    }
+  }
+}
+
+// Range picker with presets layout
+// 带预设的日期范围选择器布局
+.@{calendar-prefix-cls}-range-with-presets {
+  .@{calendar-prefix-cls}-range-part {
+    display: flex;
+  }
+}
+
+// Range picker popup with presets
+// 带预设的弹出层布局
+.@{calendar-prefix-cls}-picker-container {
+  .@{calendar-prefix-cls}-range-with-presets {
+    display: flex;
+    align-items: stretch;
+  }
+}
+
+// Footer quick selector (legacy support for ranges prop)
+// 底部快捷选择器（兼容旧的 ranges 属性）
+.@{calendar-prefix-cls}-range-quick-selector {
+  display: flex;
+  flex-wrap: wrap;
+  gap: @padding-xs;
+  padding: @padding-xs @padding-sm;
+  border-top: @border-width-base @border-style-base @border-color-split;
+
+  a,
+  .@{ant-prefix}-tag {
+    cursor: pointer;
+  }
+}

package/src/components/date-picker/wrapPicker.js

@@ -2,7 +2,7 @@ import TimePickerPanel from '../vc-time-picker/Panel';
 import classNames from 'classnames';
 import LocaleReceiver from '../locale-provider/LocaleReceiver';
 import { generateShowHourMinuteSecond } from '../time-picker';
-import enUS from './locale/en_US';
+import zhCN from './locale/zh_CN';
 import { getOptionProps, initDefaultProps, getListeners } from '../_util/props-util';
 import { ConfigConsumerProps } from '../config-provider/configConsumerProps';
 import { checkValidate, stringToMoment, momentToString } from '../_util/moment-util';
@@ -77,7 +77,7 @@ export default function wrapPicker(Picker, props, pickerType) {
     methods: {
       getDefaultLocale() {
         const result = {
-          ...enUS,
+          ...zhCN,
           ...this.locale,
         };
         result.lang = {

package/src/components/locale/default.js

@@ -1,62 +1,63 @@
-import Pagination from '../vc-pagination/locale/en_US';
-import DatePicker from '../date-picker/locale/en_US';
-import TimePicker from '../time-picker/locale/en_US';
-import Calendar from '../calendar/locale/en_US';
+import Pagination from '../vc-pagination/locale/zh_CN';
+import DatePicker from '../date-picker/locale/zh_CN';
+import TimePicker from '../time-picker/locale/zh_CN';
+import Calendar from '../calendar/locale/zh_CN';
 
 export default {
-  locale: 'en',
+  locale: 'zh-cn',
   Pagination,
   DatePicker,
   TimePicker,
   Calendar,
+  // 所有组件的本地化配置
   global: {
-    placeholder: 'Please select',
+    placeholder: '请选择',
   },
   Table: {
-    filterTitle: 'Filter menu',
-    filterConfirm: 'OK',
-    filterReset: 'Reset',
-    selectAll: 'Select current page',
-    selectInvert: 'Invert current page',
-    sortTitle: 'Sort',
-    expand: 'Expand row',
-    collapse: 'Collapse row',
+    filterTitle: '筛选',
+    filterConfirm: '确定',
+    filterReset: '重置',
+    selectAll: '全选当页',
+    selectInvert: '反选当页',
+    sortTitle: '排序',
+    expand: '展开行',
+    collapse: '关闭行',
   },
   Modal: {
-    okText: 'OK',
-    cancelText: 'Cancel',
-    justOkText: 'OK',
+    okText: '确定',
+    cancelText: '取消',
+    justOkText: '知道了',
   },
   Popconfirm: {
-    okText: 'OK',
-    cancelText: 'Cancel',
+    cancelText: '取消',
+    okText: '确定',
   },
   Transfer: {
     titles: ['', ''],
-    searchPlaceholder: 'Search here',
-    itemUnit: 'item',
-    itemsUnit: 'items',
+    searchPlaceholder: '请输入搜索内容',
+    itemUnit: '项',
+    itemsUnit: '项',
   },
   Upload: {
-    uploading: 'Uploading...',
-    removeFile: 'Remove file',
-    uploadError: 'Upload error',
-    previewFile: 'Preview file',
-    downloadFile: 'Download file',
+    uploading: '文件上传中',
+    removeFile: '删除文件',
+    uploadError: '上传错误',
+    previewFile: '预览文件',
+    downloadFile: '下载文件',
   },
   Empty: {
-    description: 'No Data',
+    description: '暂无数据',
   },
   Icon: {
-    icon: 'icon',
+    icon: '图标',
   },
   Text: {
-    edit: 'Edit',
-    copy: 'Copy',
-    copied: 'Copied',
-    expand: 'Expand',
+    edit: '编辑',
+    copy: '复制',
+    copied: '复制成功',
+    expand: '展开',
   },
   PageHeader: {
-    back: 'Back',
+    back: '返回',
   },
 };

package/src/components/time-picker/index.jsx

@@ -5,7 +5,7 @@ import BaseMixin from '../_util/BaseMixin';
 import PropTypes from '../_util/vue-types';
 import warning from '../_util/warning';
 import Icon from '../icon';
-import enUS from './locale/en_US';
+import zhCN from './locale/zh_CN';
 import {
   initDefaultProps,
   hasProp,
@@ -139,7 +139,7 @@ const TimePicker = {
     },
     getDefaultLocale() {
       const defaultLocale = {
-        ...enUS,
+        ...zhCN,
         ...this.$props.locale,
       };
       return defaultLocale;

package/src/components/vc-calendar/src/Calendar.jsx

@@ -10,7 +10,7 @@ import CalendarFooter from './calendar/CalendarFooter';
 import CalendarMixin, { getNowByCurrentStateValue } from './mixin/CalendarMixin';
 import CommonMixin from './mixin/CommonMixin';
 import DateInput from './date/DateInput';
-import enUs from './locale/en_US';
+import zhCn from './locale/zh_CN';
 import { getTimeConfig, getTodayTime, syncTime } from './util';
 import { goStartMonth, goEndMonth, goTime } from './util/toTime';
 
@@ -24,7 +24,7 @@ const getMomentObjectIfValid = date => {
 const Calendar = {
   name: 'Calendar',
   props: {
-    locale: PropTypes.object.def(enUs),
+    locale: PropTypes.object.def(zhCn),
     format: PropTypes.oneOfType([
       PropTypes.string,
       PropTypes.arrayOf(PropTypes.string),

package/src/components/vc-calendar/src/FullCalendar.jsx

@@ -7,11 +7,11 @@ import MonthTable from './month/MonthTable';
 import CalendarMixin, { getNowByCurrentStateValue } from './mixin/CalendarMixin';
 import CommonMixin from './mixin/CommonMixin';
 import CalendarHeader from './full-calendar/CalendarHeader';
-import enUs from './locale/en_US';
+import zhCn from './locale/zh_CN';
 const FullCalendar = {
   name: 'FullCalendar',
   props: {
-    locale: PropTypes.object.def(enUs),
+    locale: PropTypes.object.def(zhCn),
     format: PropTypes.oneOfType([PropTypes.string, PropTypes.array, PropTypes.func]),
     visible: PropTypes.bool.def(true),
     prefixCls: PropTypes.string.def('rc-calendar'),

package/src/components/vc-calendar/src/MonthCalendar.jsx

@@ -6,11 +6,11 @@ import CalendarHeader from './calendar/CalendarHeader';
 import CalendarFooter from './calendar/CalendarFooter';
 import CalendarMixin from './mixin/CalendarMixin';
 import CommonMixin from './mixin/CommonMixin';
-import enUs from './locale/en_US';
+import zhCn from './locale/zh_CN';
 const MonthCalendar = {
   name: 'MonthCalendar',
   props: {
-    locale: PropTypes.object.def(enUs),
+    locale: PropTypes.object.def(zhCn),
     format: PropTypes.string,
     visible: PropTypes.bool.def(true),
     prefixCls: PropTypes.string.def('rc-calendar'),