@wangxinowo/vue-datepicker-next 1.0.0

package/src/components/vc-util/Dom/class.js

@@ -0,0 +1,28 @@
+export function hasClass(node, className) {
+  if (node.classList) {
+    return node.classList.contains(className);
+  }
+  const originClass = node.className;
+  return ` ${originClass} `.indexOf(` ${className} `) > -1;
+}
+
+export function addClass(node, className) {
+  if (node.classList) {
+    node.classList.add(className);
+  } else {
+    if (!hasClass(node, className)) {
+      node.className = `${node.className} ${className}`;
+    }
+  }
+}
+
+export function removeClass(node, className) {
+  if (node.classList) {
+    node.classList.remove(className);
+  } else {
+    if (hasClass(node, className)) {
+      const originClass = node.className;
+      node.className = ` ${originClass} `.replace(` ${className} `, ' ');
+    }
+  }
+}

package/src/components/vc-util/Dom/contains.js

@@ -0,0 +1,11 @@
+export default function contains(root, n) {
+  let node = n;
+  while (node) {
+    if (node === root) {
+      return true;
+    }
+    node = node.parentNode;
+  }
+
+  return false;
+}

package/src/components/vc-util/warning.js

@@ -0,0 +1,38 @@
+/* eslint-disable no-console */
+let warned = {};
+
+export function warning(valid, message) {
+  // Support uglify
+  if (process.env.NODE_ENV !== 'production' && !valid && console !== undefined) {
+    console.error(`Warning: ${message}`);
+  }
+}
+
+export function note(valid, message) {
+  // Support uglify
+  if (process.env.NODE_ENV !== 'production' && !valid && console !== undefined) {
+    console.warn(`Note: ${message}`);
+  }
+}
+
+export function resetWarned() {
+  warned = {};
+}
+
+export function call(method, valid, message) {
+  if (!valid && !warned[message]) {
+    method(false, message);
+    warned[message] = true;
+  }
+}
+
+export function warningOnce(valid, message) {
+  call(warning, valid, message);
+}
+
+export function noteOnce(valid, message) {
+  call(note, valid, message);
+}
+
+export default warningOnce;
+/* eslint-enable */

package/src/index.js

@@ -0,0 +1,44 @@
+/**
+ * Vue DatePicker Next
+ * A powerful Vue 2.x DatePicker component based on Ant Design Vue
+ */
+
+import DatePicker from './components/date-picker';
+import './components/style/index.less';
+import './components/date-picker/style/index.less';
+
+const { RangePicker, MonthPicker, WeekPicker } = DatePicker;
+
+// 导出日期库适配器
+export { setGenerateConfig, getGenerateConfig } from './components/date-picker/generate';
+export { default as momentGenerateConfig } from './components/date-picker/generate/moment';
+export { default as dayjsGenerateConfig } from './components/date-picker/generate/dayjs';
+
+// 安装函数
+const install = function(Vue) {
+  Vue.component(DatePicker.name, DatePicker);
+  Vue.component('a-date-picker', DatePicker);
+  Vue.component('a-range-picker', RangePicker);
+  Vue.component('a-month-picker', MonthPicker);
+  Vue.component('a-week-picker', WeekPicker);
+};
+
+// 自动安装（如果是在浏览器环境）
+if (typeof window !== 'undefined' && window.Vue) {
+  install(window.Vue);
+}
+
+export {
+  DatePicker,
+  RangePicker,
+  MonthPicker,
+  WeekPicker,
+};
+
+export default {
+  install,
+  DatePicker,
+  RangePicker,
+  MonthPicker,
+  WeekPicker,
+};

package/types/index.d.ts

@@ -0,0 +1,112 @@
+import { VueConstructor } from 'vue';
+import { Moment } from 'moment';
+
+export interface DatePickerProps {
+  value?: Moment;
+  defaultValue?: Moment;
+  defaultPickerValue?: Moment;
+  format?: string | string[];
+  disabled?: boolean;
+  allowClear?: boolean;
+  placeholder?: string;
+  size?: 'large' | 'default' | 'small';
+  suffixIcon?: any;
+  locale?: object;
+  showTime?: boolean | object;
+  showToday?: boolean;
+  open?: boolean;
+  disabledDate?: (currentDate: Moment) => boolean;
+  disabledTime?: (date: Moment) => object;
+  getCalendarContainer?: (trigger: HTMLElement) => HTMLElement;
+  inputReadOnly?: boolean;
+  valueFormat?: string;
+}
+
+export interface RangePickerProps {
+  value?: [Moment, Moment];
+  defaultValue?: [Moment, Moment];
+  defaultPickerValue?: [Moment, Moment];
+  format?: string;
+  disabled?: boolean;
+  allowClear?: boolean;
+  placeholder?: [string, string];
+  size?: 'large' | 'default' | 'small';
+  suffixIcon?: any;
+  locale?: object;
+  showTime?: boolean | object;
+  open?: boolean;
+  disabledDate?: (currentDate: Moment) => boolean;
+  disabledTime?: (dates: [Moment, Moment], partial: 'start' | 'end') => object;
+  getCalendarContainer?: (trigger: HTMLElement) => HTMLElement;
+  inputReadOnly?: boolean;
+  valueFormat?: string;
+  separator?: string;
+  ranges?: object;
+  // 1.7.8 新增属性
+  presets?: Array<{ label: string | any; value: [Moment, Moment] | (() => [Moment, Moment]) }>;
+  picker?: 'date' | 'week' | 'month' | 'quarter' | 'year';
+  placement?: 'bottomLeft' | 'bottomRight' | 'topLeft' | 'topRight';
+  status?: 'error' | 'warning' | 'success' | 'validating';
+  bordered?: boolean;
+  allowEmpty?: [boolean, boolean];
+}
+
+export interface MonthPickerProps {
+  value?: Moment;
+  defaultValue?: Moment;
+  defaultPickerValue?: Moment;
+  format?: string;
+  disabled?: boolean;
+  allowClear?: boolean;
+  placeholder?: string;
+  size?: 'large' | 'default' | 'small';
+  locale?: object;
+  monthCellContentRender?: (date: Moment, locale: string) => any;
+}
+
+export interface WeekPickerProps {
+  value?: Moment;
+  defaultValue?: Moment;
+  defaultPickerValue?: Moment;
+  format?: string;
+  disabled?: boolean;
+  allowClear?: boolean;
+  placeholder?: string;
+  size?: 'large' | 'default' | 'small';
+  locale?: object;
+}
+
+export interface DatePickerComponent extends VueConstructor {
+  RangePicker: VueConstructor;
+  MonthPicker: VueConstructor;
+  WeekPicker: VueConstructor;
+}
+
+export const DatePicker: DatePickerComponent;
+export const RangePicker: VueConstructor;
+export const MonthPicker: VueConstructor;
+export const WeekPicker: VueConstructor;
+
+export interface GenerateConfig {
+  getNow: () => any;
+  getYear: (date: any) => number;
+  getMonth: (date: any) => number;
+  getDate: (date: any) => number;
+  // ... 其他方法
+}
+
+export function setGenerateConfig(config: GenerateConfig): void;
+export function getGenerateConfig(): GenerateConfig;
+
+export const momentGenerateConfig: GenerateConfig;
+export const dayjsGenerateConfig: GenerateConfig;
+
+declare const _default: {
+  install: (Vue: VueConstructor) => void;
+  DatePicker: DatePickerComponent;
+  RangePicker: VueConstructor;
+  MonthPicker: VueConstructor;
+  WeekPicker: VueConstructor;
+};
+
+export default _default;