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

package/dist/TimePicker/main.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { TimePickerRef } from './typings';
+declare const Index: React.ForwardRefExoticComponent<Omit<import("..").DatePickerProps, "type"> & import("./typings").CommonProps & {
+    disabledHours?: import("./typings").DisabledHours;
+    disabledMinutes?: import("./typings").DisabledMinutes;
+    disabledSeconds?: import("./typings").DisabledSeconds;
+    isRange?: boolean;
+} & React.RefAttributes<TimePickerRef>>;
+export default Index;

package/dist/TimePicker/main.js

@@ -0,0 +1,17 @@
+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 TimePicker from "./TimePicker";
+import TimePickerRange from "./TimePickerRange";
+var Index = /*#__PURE__*/forwardRef(function (props, ref) {
+  var isRange = props.isRange;
+  if (isRange) {
+    return /*#__PURE__*/React.createElement(TimePickerRange, _extends({
+      ref: ref
+    }, props));
+  } else {
+    return /*#__PURE__*/React.createElement(TimePicker, _extends({
+      ref: ref
+    }, props));
+  }
+});
+export default Index;

package/dist/TimePicker/typings.d.ts

@@ -1,9 +1,8 @@
 import { Dayjs } from 'dayjs';
-import { RefObject } from 'react';
+import React, { RefObject } from 'react';
 import { ValueRagne } from '../Calendar';
-import { DatePickerProps, DatePickerRangeProps } from '../DatePicker';
-import { InputRef } from '../Input';
-import { PopperOptionRef } from '../Popper';
+import { AllDatePickerProps, DatePickerProps, DatePickerRangeProps } from '../DatePicker/typings';
+import { InputRef } from '../Input/typings';
 import { AnimationEventProps, BaseProps, NativeProps } from '../types/common';
 export type RoleType = 'start' | string;
 export type Compare = any;
@@ -20,53 +19,72 @@ export interface ChangeParams {
     defaultTime?: boolean;
 }
 export type TimePickerRef = {
-    inputInstance?: InputRef;
-    popperInstRef: PopperOptionRef;
-    getValue: () => string;
-    setValue: (value: string) => void;
-    setVisible: (value: boolean) => void;
+    input?: RefObject<InputRef>;
+    focus: () => void;
+    blur: () => void;
+    handleOpen: () => void;
+    handleClose: () => void;
 };
-export type TimePickerRangeRef = {
-    popperInstRef: PopperOptionRef;
-    getValue: () => [string, string];
-    setValue: (value: [string, string]) => void;
-    setVisible: (value: boolean) => void;
+export type CommonProps = {
+    /** 自定义前缀图标 */
+    prefixIcon?: string | React.ReactElement;
+    /** 可清空的模式下用户点击清空按钮时触发 */
+    onClear?: () => void;
+    /** 当 TimePicker 的下拉列表出现/消失时触发 */
+    onVisibleChange?: (visibility: boolean) => void;
 };
-export type TimePickerProps = Omit<DatePickerProps, 'type' | 'instance'> & {
+export type TimePickerProps = Omit<DatePickerProps, 'type'> & CommonProps & {
     disabledHours?: DisabledHours;
     disabledMinutes?: DisabledMinutes;
     disabledSeconds?: DisabledSeconds;
-    name?: string;
-    value?: string;
-    defaultValue?: string;
 };
-export type TimePickerRangeProps = Omit<DatePickerRangeProps, 'type' | 'instance'> & {
+export type TimePickerRangeProps = Omit<DatePickerRangeProps, 'type'> & CommonProps & {
     disabledHours?: DisabledHours;
     disabledMinutes?: DisabledMinutes;
     disabledSeconds?: DisabledSeconds;
-    instance?: RefObject<TimePickerRangeRef>;
+};
+export type AllTimePickerProps = Omit<AllDatePickerProps, 'type'> & CommonProps & {
+    disabledHours?: DisabledHours;
+    disabledMinutes?: DisabledMinutes;
+    disabledSeconds?: DisabledSeconds;
+    /** 是否为时间范围选择 */
+    isRange?: boolean;
 };
 export interface TimeSpinnerProps extends BaseProps, NativeProps, AnimationEventProps {
+    /** 值 */
     value: Dayjs;
     disabledHours?: DisabledHours;
     disabledMinutes?: DisabledMinutes;
     disabledSeconds?: DisabledSeconds;
     showSeconds?: boolean;
+    /** 是否为时间范围选择 */
+    isRange?: boolean;
     role?: RoleType;
+    /** 单选框提交数据方法 */
     onChange: (value: Dayjs, params?: ChangeParams) => void;
     setSelectionRange?: (start: number, end: number, pos?: 'min' | 'max') => void;
 }
 export interface TimePanelProps extends BaseProps, NativeProps, AnimationEventProps, TimeSpinnerProps {
+    /** 是否显示 */
     visible?: boolean;
+    /**  */
     referenceElement: RefObject<HTMLElement> | (() => RefObject<HTMLElement>);
+    /** 关闭时回调函数 */
     onDestroy: () => void;
+    /** 单选框提交数据方法 */
     onOk: () => void;
 }
-export interface TimeRangePanelProps extends BaseProps, NativeProps, AnimationEventProps, Omit<TimeSpinnerProps, 'value' | 'onChange'>, Omit<TimePickerRangeProps, 'instance' | 'value' | 'onChange'> {
+export interface TimeRangePanelProps extends BaseProps, NativeProps, AnimationEventProps, Omit<TimeSpinnerProps, 'value' | 'onChange'>, Omit<TimePickerRangeProps, 'value' | 'onChange'> {
     value: ValueRagne;
     onChange: (value: ValueRagne, params?: ChangeParams) => void;
+    /** 是否显示 */
     visible: boolean;
+    setStartSelectionRange?: (start: number, end: number, pos?: 'min' | 'max') => void;
+    setEndSelectionRange?: (start: number, end: number, pos?: 'min' | 'max') => void;
+    /**  */
+    /** 关闭时回调函数 */
     onDestroy?: () => void;
+    /** 单选框提交数据方法 */
     onOk: () => void;
 }
 export interface TimePanelRef {

package/dist/TimePicker/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/TimePicker/typings.ts
-var typings_exports = {};
-module.exports = __toCommonJS(typings_exports);
+export {};

package/dist/TimePicker/useTimePicker.d.ts

@@ -1,3 +1,10 @@
+/**
+ * @author	Element Plus
+ * @CreateTime	2022/4/1 09:09:12
+ * @LastEditor	Parker
+ * @ModifyTime	2022/4/6 14:44:01
+ * @Description	Element Plus 时间选择面板工具类，见https://github.com/element-plus/element-plus
+ */
 import { Compare, DisabledHours, DisabledMinutes, DisabledSeconds, RoleType } from './typings';
 export declare const getTimeLists: (disabledHours: DisabledHours, disabledMinutes: DisabledMinutes, disabledSeconds: DisabledSeconds) => {
     getHoursList: (role: RoleType, compare?: Compare) => boolean[];

package/dist/TimePicker/useTimePicker.js

@@ -1,86 +1,83 @@
-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 });
-  }
-  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);
+/**
+ * @author	Element Plus
+ * @CreateTime	2022/4/1 09:09:12
+ * @LastEditor	Parker
+ * @ModifyTime	2022/4/6 14:44:01
+ * @Description	Element Plus 时间选择面板工具类，见https://github.com/element-plus/element-plus
+ */
 
-// src/TimePicker/useTimePicker.ts
-var useTimePicker_exports = {};
-__export(useTimePicker_exports, {
-  getAvailableArrs: () => getAvailableArrs,
-  getTimeLists: () => getTimeLists
-});
-module.exports = __toCommonJS(useTimePicker_exports);
-var import_filter = __toESM(require("lodash/filter"));
-var makeList = (total, method, methodFunc) => {
-  const arr = [];
-  const disabledArr = method && methodFunc();
-  for (let i = 0; i < total; i++) {
+import filter from 'lodash/filter';
+var makeList = function makeList(total, method, methodFunc) {
+  var arr = [];
+  var disabledArr = method && methodFunc();
+  for (var i = 0; i < total; i++) {
     arr[i] = disabledArr ? disabledArr.includes(i) : false;
   }
   return arr;
 };
-var makeAvailableArr = (list) => {
-  const res = list.map((_, index) => !_ ? index : _);
-  return (0, import_filter.default)(res, (_) => _ !== true);
+var makeAvailableArr = function makeAvailableArr(list) {
+  var res = list.map(function (_, index) {
+    return !_ ? index : _;
+  });
+  // @ts-ignore
+  return filter(res, function (_) {
+    return _ !== true;
+  });
 };
-var getTimeLists = (disabledHours, disabledMinutes, disabledSeconds) => {
-  const getHoursList = (role, compare) => {
-    return makeList(24, disabledHours, () => disabledHours(role, compare));
+export var getTimeLists = function getTimeLists(disabledHours, disabledMinutes, disabledSeconds) {
+  var getHoursList = function getHoursList(role, compare) {
+    return makeList(24, disabledHours, function () {
+      return disabledHours(role, compare);
+    });
   };
-  const getMinutesList = (hour, role, compare) => {
-    return makeList(60, disabledMinutes, () => disabledMinutes(hour, role, compare));
+  var getMinutesList = function getMinutesList(hour, role, compare) {
+    return makeList(60, disabledMinutes, function () {
+      return disabledMinutes(hour, role, compare);
+    });
   };
-  const getSecondsList = (hour, minute, role, compare) => {
-    return makeList(60, disabledSeconds, () => disabledSeconds(hour, minute, role, compare));
+  var getSecondsList = function getSecondsList(hour, minute, role, compare) {
+    return makeList(60, disabledSeconds, function () {
+      return disabledSeconds(hour, minute, role, compare);
+    });
   };
   return {
-    getHoursList,
-    getMinutesList,
-    getSecondsList
+    getHoursList: getHoursList,
+    getMinutesList: getMinutesList,
+    getSecondsList: getSecondsList
   };
 };
-var getAvailableArrs = (disabledHours, disabledMinutes, disabledSeconds) => {
-  const { getHoursList, getMinutesList, getSecondsList } = getTimeLists(disabledHours, disabledMinutes, disabledSeconds);
-  const getAvailableHours = (role, compare) => {
+export var getAvailableArrs = function getAvailableArrs(disabledHours, disabledMinutes, disabledSeconds) {
+  var _getTimeLists = getTimeLists(disabledHours, disabledMinutes, disabledSeconds),
+    getHoursList = _getTimeLists.getHoursList,
+    getMinutesList = _getTimeLists.getMinutesList,
+    getSecondsList = _getTimeLists.getSecondsList;
+  var getAvailableHours = function getAvailableHours(role, compare) {
     return makeAvailableArr(getHoursList(role, compare));
   };
-  const getAvailableMinutes = (hour, role, compare) => {
+  var getAvailableMinutes = function getAvailableMinutes(hour, role, compare) {
     return makeAvailableArr(getMinutesList(hour, role, compare));
   };
-  const getAvailableSeconds = (hour, minute, role, compare) => {
+  var getAvailableSeconds = function getAvailableSeconds(hour, minute, role, compare) {
     return makeAvailableArr(getSecondsList(hour, minute, role, compare));
   };
   return {
-    getAvailableHours,
-    getAvailableMinutes,
-    getAvailableSeconds
+    getAvailableHours: getAvailableHours,
+    getAvailableMinutes: getAvailableMinutes,
+    getAvailableSeconds: getAvailableSeconds
   };
 };
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  getAvailableArrs,
-  getTimeLists
-});
+
+// export const useOldValue = (props: { parsedValue?: string | Dayjs | Dayjs[]; visible: boolean }) => {
+//     const oldValue = ref(props.parsedValue);
+
+//     watch(
+//         () => props.visible,
+//         val => {
+//             if (!val) {
+//                 oldValue.value = props.parsedValue;
+//             }
+//         },
+//     );
+
+//     return oldValue;
+// };

package/dist/TimePicker/util.js

@@ -1,45 +1,13 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
+export var extractDateFormat = function extractDateFormat(format) {
+  return format.replace(/\W?m{1,2}|\W?ZZ/g, '').replace(/\W?h{1,2}|\W?s{1,3}|\W?a/gi, '').trim();
 };
-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/TimePicker/util.ts
-var util_exports = {};
-__export(util_exports, {
-  extractDateFormat: () => extractDateFormat,
-  extractTimeFormat: () => extractTimeFormat,
-  makeRange: () => makeRange
-});
-module.exports = __toCommonJS(util_exports);
-var extractDateFormat = (format) => {
-  return format.replace(/\W?m{1,2}|\W?ZZ/g, "").replace(/\W?h{1,2}|\W?s{1,3}|\W?a/gi, "").trim();
+export var extractTimeFormat = function extractTimeFormat(format) {
+  return format.replace(/\W?D{1,2}|\W?Do|\W?d{1,4}|\W?M{1,4}|\W?Y{2,4}/g, '').trim();
 };
-var extractTimeFormat = (format) => {
-  return format.replace(/\W?D{1,2}|\W?Do|\W?d{1,4}|\W?M{1,4}|\W?Y{2,4}/g, "").trim();
-};
-var makeRange = (start, end) => {
-  const result = [];
-  for (let i = start; i <= end; i++) {
+export var makeRange = function makeRange(start, end) {
+  var result = [];
+  for (var i = start; i <= end; i++) {
     result.push(i);
   }
   return result;
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  extractDateFormat,
-  extractTimeFormat,
-  makeRange
-});
+};