@qsxy/element-plus-react 1.0.0-next.1 → 1.0.0-next.11

package/dist/DatePicker/main.js

@@ -1,46 +1,23 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import React, { forwardRef } from 'react';
+import { DateTimePicker } from "../DateTimePicker";
+import DatePicker from "./DatePicker";
+import DateRangePicker from "./DateRangePicker";
+var Index = /*#__PURE__*/forwardRef(function (props, ref) {
+  var _props$type = props.type,
+    type = _props$type === void 0 ? 'date' : _props$type;
+  if (['year', 'years', 'month', 'months', 'date', 'dates', 'week'].includes(type)) {
+    return /*#__PURE__*/React.createElement(DatePicker, _extends({
+      ref: ref
+    }, props));
+  } else if (['daterange', 'monthrange', 'yearrange'].includes(type)) {
+    return /*#__PURE__*/React.createElement(DateRangePicker, _extends({
+      ref: ref
+    }, props));
+  } else if (['datetime'].includes(type)) {
+    return /*#__PURE__*/React.createElement(DateTimePicker, _extends({
+      ref: ref
+    }, props));
   }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/DatePicker/main.tsx
-var main_exports = {};
-__export(main_exports, {
-  default: () => main_default
 });
-module.exports = __toCommonJS(main_exports);
-var import_react = __toESM(require("react"));
-var import_DatePicker = __toESM(require("./DatePicker"));
-var import_DateRangePicker = __toESM(require("./DateRangePicker"));
-var Index = (props) => {
-  const { type = "date" } = props;
-  if (["year", "years", "month", "months", "date", "dates", "week"].includes(type)) {
-    return /* @__PURE__ */ import_react.default.createElement(import_DatePicker.default, { ...props });
-  } else if (["daterange", "monthrange", "yearrange"].includes(type)) {
-    return /* @__PURE__ */ import_react.default.createElement(import_DateRangePicker.default, { ...props });
-  }
-};
-var main_default = Index;
+export default Index;

package/dist/DatePicker/typings.d.ts

@@ -1,95 +1,171 @@
 import { Dayjs } from 'dayjs';
-import React from 'react';
+import React, { RefObject } from 'react';
 import { DateRangeType, DateType, Shortcuts } from '../Calendar';
-import { InputRef } from '../Input';
-import { PopperOptionRef } from '../Popper';
+import { InputRef } from '../Input/typings';
 import { AnimationEventProps, BaseProps, FormControlBaseProps, NativeProps, TypeAttributes } from '../types/common';
 export type DatePickerRef = {
-    inputInstance?: InputRef;
-    popperInstRef: PopperOptionRef;
-    getValue: () => string | number | Date;
-    setValue: (value: string) => void;
-    setVisible: (value: boolean) => void;
+    input?: RefObject<InputRef>;
+    focus: () => void;
+    blur: () => void;
+    handleOpen: () => void;
+    handleClose: () => void;
 };
-export interface DatePickerProps extends Omit<FormControlBaseProps, 'name' | 'value' | 'defaultValue' | 'onChange'>, BaseProps, NativeProps, AnimationEventProps, Omit<React.AllHTMLAttributes<HTMLInputElement>, 'value' | 'defaultValue' | 'size' | 'prefix' | 'type' | 'onInput' | 'onChange' | 'className' | 'style' | 'readOnly' | 'disabled' | 'children'> {
+export interface DatePickerProps extends Omit<FormControlBaseProps, 'name' | 'value' | 'defaultValue' | 'onChange'>, BaseProps, NativeProps, AnimationEventProps, CommonProps, Omit<React.AllHTMLAttributes<HTMLInputElement>, 'value' | 'defaultValue' | 'size' | 'prefix' | 'type' | 'onInput' | 'onChange' | 'className' | 'style' | 'readOnly' | 'disabled' | 'children'> {
+    /** 等价于原生 name 属性 */
     name?: string;
-    value?: string;
-    defaultValue?: string;
+    /** 选中项绑定值 */
+    value?: string | number | Date;
+    /** 默认值 */
+    defaultValue?: string | number | Date;
+    /** 只读 */
     readonly?: boolean;
+    /** 必输项*/
     required?: boolean;
+    /** 是否显示清除按钮 */
     clearable?: boolean;
+    /** 非范围选择时的占位内容 */
     placeholder?: string;
+    /** 是否展示“今天”按钮 */
     showToday?: boolean;
+    /** 显示类型 */
     type?: DateType;
+    /** 显示在输入框中的格式 */
     format?: string;
+    /** 可选，绑定值的格式。 不指定则绑定值为 Date 对象 */
     valueFormat?: string;
+    /** 设置ISO周数，其中1为星期一，7为星期日 */
     isoWeek?: boolean;
+    /** 表单校验错误提示 */
     error?: boolean;
+    /** 表单校验警告提示 */
     warning?: boolean;
+    /** 输入框前置内容，只对 type="text" 有效 */
     prepend?: React.ReactElement<any> | string | number;
+    /** 输入框后置内容，只对 type="text" 有效 */
     append?: React.ReactElement | string | number;
+    /** 是否纯文本模式，即无边框 */
     plain?: boolean;
     size?: TypeAttributes.Size;
+    /** 一个用来判断该日期是否被禁用的函数，接受一个 Date 对象作为参数。 应该返回一个 Boolean 值。 */
     disabledDate?: (time: Date) => boolean;
     shortcuts?: Shortcuts[];
+    /** 是否追加到body下 */
     appendToBody?: boolean;
+    /** 点击确定按钮的回调 */
     onOk?: () => void;
     onChange?: (value: string | Date | number, event?: Event) => void;
+    /** 格式化 */
     formatter?: (value: Dayjs, text: number) => React.ReactElement;
 }
-export interface DatePickerRangeProps extends Omit<FormControlBaseProps, 'name' | 'value' | 'defaultValue' | 'onChange'>, BaseProps, AnimationEventProps, NativeProps {
+export interface DatePickerRangeProps extends Omit<FormControlBaseProps, 'name' | 'value' | 'defaultValue' | 'onChange'>, BaseProps, AnimationEventProps, CommonProps, NativeProps {
+    /** 等价于原生 name 属性 */
     name?: [string, string];
-    value?: [string, string];
-    defaultValue?: [string, string];
+    /** 选中项绑定值 */
+    value?: [string, string] | [number, number] | [Date, Date];
+    /** 默认值 */
+    defaultValue?: [string, string] | [number, number] | [Date, Date];
+    /** 只读 */
     readOnly?: boolean;
+    /** 禁用 */
     disabled?: boolean;
+    /** 是否显示清除按钮 */
     clearable?: boolean;
+    /** 范围选择时开始日期的占位内容 */
     startPlaceholder?: string;
+    /** 范围选择时结束日期的占位内容 */
     endPlaceholder?: string;
+    /** 显示类型 */
     type?: DateRangeType;
+    /** 显示在输入框中的格式 */
     format?: string;
+    /** 可选，绑定值的格式。 不指定则绑定值为 Date 对象 */
     valueFormat?: string;
+    /** 选择范围时的分隔符 */
     rangeSeparator?: string;
+    /** 在范围选择器里取消两个日期面板之间的联动 */
     unlinkPanels?: boolean;
+    /** 设置ISO周数，其中1为星期一，7为星期日 */
     isoWeek?: boolean;
+    /** 表单校验错误提示 */
     error?: boolean;
+    /** 表单校验警告提示 */
     warning?: boolean;
+    /** 输入框前置内容，只对 type="text" 有效 */
     prepend?: React.ReactElement<any> | string | number;
+    /** 输入框后置内容，只对 type="text" 有效 */
     append?: React.ReactElement | string | number;
+    /** 点击确定按钮的回调 */
     onOk?: () => void;
+    /** 一个用来判断该日期是否被禁用的函数，接受一个 Date 对象作为参数。 应该返回一个 Boolean 值。 */
     disabledDate?: (time: Date) => boolean;
     onChange?: (value: [string, string] | [Date, Date] | [number, number], event?: Event) => void;
+    /** 格式化 */
     formatter?: (value: Dayjs, text: number) => React.ReactElement;
 }
-export interface AllDatePickerProps extends Omit<FormControlBaseProps, 'name' | 'value' | 'defaultValue' | 'onChange'>, BaseProps, NativeProps, AnimationEventProps, Omit<React.AllHTMLAttributes<HTMLInputElement>, 'name' | 'value' | 'defaultValue' | 'size' | 'prefix' | 'type' | 'onInput' | 'onChange' | 'className' | 'style' | 'readOnly' | 'disabled' | 'children'> {
+export type CommonProps = {
+    /** 自定义前缀图标 */
+    prefixIcon?: string | React.ReactElement;
+    /** 可清空的模式下用户点击清空按钮时触发 */
+    onClear?: () => void;
+    /** 当 TimePicker 的下拉列表出现/消失时触发 */
+    onVisibleChange?: (visibility: boolean) => void;
+};
+export interface AllDatePickerProps extends Omit<FormControlBaseProps, 'name' | 'value' | 'defaultValue' | 'onChange'>, BaseProps, NativeProps, AnimationEventProps, CommonProps, Omit<React.AllHTMLAttributes<HTMLInputElement>, 'name' | 'value' | 'defaultValue' | 'size' | 'prefix' | 'type' | 'onInput' | 'onChange' | 'className' | 'style' | 'readOnly' | 'disabled' | 'children'> {
+    /** 等价于原生 name 属性 */
     name?: string | [string, string];
+    /** 选中项绑定值 */
     value?: string | Date | number | [string, string] | [Date, Date] | [number, number];
+    /** 默认值 */
     defaultValue?: string | Date | number | [string, string] | [Date, Date] | [number, number];
+    /** 只读 */
     readonly?: boolean;
+    /** 必输项*/
     required?: boolean;
+    /** 是否显示清除按钮 */
     clearable?: boolean;
+    /** 非范围选择时的占位内容 */
     placeholder?: string;
+    /** 是否展示“今天”按钮 */
     showToday?: boolean;
+    /** 显示类型 */
     type?: DateType | DateRangeType;
+    /** 显示在输入框中的格式 */
     format?: string;
+    /** 可选，绑定值的格式。 不指定则绑定值为 Date 对象 */
     valueFormat?: string;
+    /** 设置ISO周数，其中1为星期一，7为星期日 */
     isoWeek?: boolean;
+    /** 表单校验错误提示 */
     error?: boolean;
+    /** 表单校验警告提示 */
     warning?: boolean;
+    /** 输入框前置内容，只对 type="text" 有效 */
     prepend?: React.ReactElement<any> | string | number;
+    /** 输入框后置内容，只对 type="text" 有效 */
     append?: React.ReactElement | string | number;
+    /** 是否纯文本模式，即无边框 */
     plain?: boolean;
     size?: TypeAttributes.Size;
+    /** 一个用来判断该日期是否被禁用的函数，接受一个 Date 对象作为参数。 应该返回一个 Boolean 值。 */
     disabledDate?: (time: Date) => boolean;
     shortcuts?: Shortcuts[];
+    /** 是否追加到body下 */
     appendToBody?: boolean;
+    /** 点击确定按钮的回调 */
     onOk?: () => void;
     onChange?: (value: string | Date | number | [string, string] | [Date, Date] | [number, number], event?: Event) => void;
+    /** 格式化 */
     formatter?: (value: Dayjs, text: number) => React.ReactElement;
-    readOnly?: boolean;
+    /** 禁用 */
     disabled?: boolean;
+    /** 范围选择时开始日期的占位内容 */
     startPlaceholder?: string;
+    /** 范围选择时结束日期的占位内容 */
     endPlaceholder?: string;
+    /** 选择范围时的分隔符 */
     rangeSeparator?: string;
+    /** 在范围选择器里取消两个日期面板之间的联动 */
     unlinkPanels?: boolean;
+    /** 选择日期后的默认时间值。 如未指定则默认时间值为 `00:00:00` */
+    defaultTime?: Date;
 }

package/dist/DatePicker/typings.js

@@ -1,17 +1 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/DatePicker/typings.ts
-var typings_exports = {};
-module.exports = __toCommonJS(typings_exports);
+export {};

package/dist/DateTimePicker/DateTimePicker.d.ts

@@ -1,10 +1,8 @@
 import React from 'react';
 import { DateTimePickerRef } from './typings';
-declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<import("..").DatePickerProps, "type" | "value" | "name" | "defaultValue" | "onChange"> & {
+declare const DateTimePicker: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<import("..").DatePickerProps, "name" | "type"> & {
     name?: string;
-    value?: string;
-    defaultValue?: string;
-    onChange?: (value: string) => void;
     onClear?: (event?: any) => void;
+    defaultTime?: Date;
 } & React.RefAttributes<DateTimePickerRef>>>;
-export default _default;
+export default DateTimePicker;