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

package/dist/TimeLine/TimeLineItem.js

@@ -0,0 +1,55 @@
+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);
+
+// src/TimeLine/TimeLineItem.tsx
+var TimeLineItem_exports = {};
+__export(TimeLineItem_exports, {
+  default: () => TimeLineItem_default
+});
+module.exports = __toCommonJS(TimeLineItem_exports);
+var import_classnames = __toESM(require("classnames"));
+var import_react = __toESM(require("react"));
+var import_hooks = require("../hooks");
+var import_Icon = require("../Icon");
+var import_Util = require("../Util");
+var TimeLineItem = (props) => {
+  const { classPrefix = "timeline-item", timestamp, hideTimestamp, center, placement, type, color, size, icon, hollow } = props;
+  const { b, e, em, is } = (0, import_hooks.useClassNames)(classPrefix);
+  const nodeIcon = (0, import_react.useMemo)(() => {
+    if ((0, import_Util.isNotEmpty)(props.icon)) {
+      return typeof icon === "string" ? /* @__PURE__ */ import_react.default.createElement(import_Icon.Icon, { name: icon, className: e`icon` }) : (0, import_react.cloneElement)(icon, (icon == null ? void 0 : icon.props) && "className" in icon.props ? { ...icon.props.className, className: e`icon` } : { className: e`icon` });
+    }
+    return null;
+  }, [e, icon, props.icon]);
+  return /* @__PURE__ */ import_react.default.createElement("li", { className: (0, import_classnames.default)(b(), { [e`center`]: center }) }, /* @__PURE__ */ import_react.default.createElement("div", { className: e`tail` }), /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)(e`node`, em("node", size), { [em("node", type)]: type }, is({ hollow }), props.className), style: { background: color, ...props.style } }, nodeIcon), /* @__PURE__ */ import_react.default.createElement("div", { className: e`wrapper` }, placement === "top" && !hideTimestamp && /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)(e`timestamp`, is(placement)) }, timestamp), /* @__PURE__ */ import_react.default.createElement("div", { className: e`content` }, props.children), placement === "bottom" && !hideTimestamp && /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)(e`timestamp`, is(placement)) }, timestamp)));
+};
+TimeLineItem.defaultProps = {
+  size: "normal",
+  placement: "bottom"
+};
+var TimeLineItem_default = TimeLineItem;

package/dist/TimeLine/index.d.ts

@@ -0,0 +1,3 @@
+export { default as TimeLine } from './TimeLine';
+export { default as TimeLineItem } from './TimeLineItem';
+export type { TimeLineItemProps, TimeLineProps } from './typings';

package/dist/TimeLine/index.js

@@ -0,0 +1,42 @@
+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);
+
+// src/TimeLine/index.ts
+var TimeLine_exports = {};
+__export(TimeLine_exports, {
+  TimeLine: () => import_TimeLine.default,
+  TimeLineItem: () => import_TimeLineItem.default
+});
+module.exports = __toCommonJS(TimeLine_exports);
+var import_TimeLine = __toESM(require("./TimeLine"));
+var import_TimeLineItem = __toESM(require("./TimeLineItem"));
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  TimeLine,
+  TimeLineItem
+});

package/dist/TimeLine/typings.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { IconName } from '../Icon';
+import { BaseProps, NativeProps } from '../types/common';
+export type TimeLineProps = BaseProps & NativeProps<'--el-timeline-node-size-normal' | '--el-timeline-node-size-large' | '--el-timeline-timestamp-color' | '--el-timeline-content-color' | '--el-timeline-content-font-size-small' | '--el-timeline-content-font-size-large' | '--el-timeline-node-color'>;
+export type TimeLineItemProps = BaseProps & NativeProps & {
+    timestamp?: string;
+    hideTimestamp?: boolean;
+    center?: boolean;
+    placement?: 'top' | 'bottom';
+    type?: 'primary' | 'success' | 'warning' | 'error' | 'info';
+    color?: string;
+    size?: 'normal' | 'large';
+    icon?: IconName | React.ReactElement<any>;
+    hollow?: boolean;
+};

package/dist/TimeLine/typings.js

@@ -0,0 +1,17 @@
+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/TimeLine/typings.ts
+var typings_exports = {};
+module.exports = __toCommonJS(typings_exports);

package/dist/TimePicker/TimePicker.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { TimePickerRef } from './typings';
+declare const TimePicker: React.ForwardRefExoticComponent<Omit<import("..").DatePickerProps, "type" | "instance"> & {
+    disabledHours?: import("./typings").DisabledHours;
+    disabledMinutes?: import("./typings").DisabledMinutes;
+    disabledSeconds?: import("./typings").DisabledSeconds;
+    name?: string;
+    value?: string;
+    defaultValue?: string;
+} & React.RefAttributes<TimePickerRef>>;
+export default TimePicker;

package/dist/TimePicker/TimePicker.js

@@ -0,0 +1,227 @@
+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);
+
+// src/TimePicker/TimePicker.tsx
+var TimePicker_exports = {};
+__export(TimePicker_exports, {
+  default: () => TimePicker_default
+});
+module.exports = __toCommonJS(TimePicker_exports);
+var import_ahooks = require("ahooks");
+var import_classnames = __toESM(require("classnames"));
+var import_dayjs = __toESM(require("dayjs"));
+var import_head = __toESM(require("lodash/head"));
+var import_react = __toESM(require("react"));
+var import_Icon = require("../Icon");
+var import_Input = require("../Input");
+var import_Popper = require("../Popper");
+var import_Util = require("../Util");
+var import_hooks = require("../hooks");
+var import_prefix = require("../hooks/prefix");
+var import_TimePickerPanel = __toESM(require("./TimePickerPanel"));
+var import_useTimePicker = require("./useTimePicker");
+var TimePicker = (0, import_react.forwardRef)((props, ref) => {
+  const {
+    name,
+    readonly,
+    clearable,
+    valueFormat,
+    format,
+    placeholder,
+    onChange,
+    disabledHours,
+    disabledMinutes,
+    disabledSeconds,
+    prepend,
+    append,
+    warning,
+    error,
+    // afterEnter,
+    // afterLeave,
+    ...rest
+  } = props;
+  const [value, setValue] = (0, import_hooks.useControlled)(props.value, props.defaultValue);
+  const [visible, setVisible] = (0, import_react.useState)(false);
+  const disabled = (0, import_hooks.useDisabled)(props.disabled);
+  const size = (0, import_hooks.useSize)(props.size);
+  const timeReferenceElement = (0, import_react.useRef)();
+  const popperInstRef = (0, import_react.useRef)();
+  const initialValue = (0, import_react.useRef)("");
+  const timePanelRef = (0, import_react.useRef)();
+  const inputInstance = (0, import_react.useRef)(null);
+  const [animationInputProps] = (0, import_hooks.partitionAnimationProps)(rest);
+  const showSeconds = (0, import_react.useMemo)(() => {
+    return (valueFormat || format).includes("s");
+  }, [format, valueFormat]);
+  const spinnerItems = (0, import_react.useMemo)(() => {
+    const arr = ["hours", "minutes", "seconds"];
+    return showSeconds ? arr : arr.slice(0, 2);
+  }, [showSeconds]);
+  const { getAvailableHours, getAvailableMinutes, getAvailableSeconds } = (0, import_react.useMemo)(() => {
+    return (0, import_useTimePicker.getAvailableArrs)(props.disabledHours, props.disabledMinutes, props.disabledSeconds);
+  }, [props.disabledHours, props.disabledMinutes, props.disabledSeconds]);
+  const adjustDateProp = (0, import_react.useCallback)(
+    (date) => {
+      if (date) {
+        spinnerItems.forEach((item) => {
+          let available = [];
+          switch (item) {
+            case "hours":
+              available = getAvailableHours("start");
+              if (!available.includes(date.hour())) {
+                date = date.hour((0, import_head.default)(available));
+              }
+              break;
+            case "minutes":
+              available = getAvailableMinutes(date.hour(), "start");
+              if (!available.includes(date.minute())) {
+                date = date.minute((0, import_head.default)(available));
+              }
+              break;
+            case "seconds":
+              available = getAvailableSeconds(date.hour(), date.minute(), "start");
+              if (!available.includes(date.second())) {
+                date = date.second((0, import_head.default)(available));
+              }
+              break;
+            default:
+              break;
+          }
+        });
+      }
+      return date;
+    },
+    [getAvailableHours, getAvailableMinutes, getAvailableSeconds, spinnerItems]
+  );
+  const dateProp = (0, import_react.useMemo)(() => {
+    if ((0, import_Util.isNotEmpty)(value)) {
+      return adjustDateProp((0, import_dayjs.default)(`${(0, import_dayjs.default)().format("YYYY-MM-DD")} ${value}`, valueFormat ?? format));
+    }
+    return adjustDateProp(visible ? (0, import_dayjs.default)() : null);
+  }, [adjustDateProp, format, value, valueFormat, visible]);
+  const onActive = (0, import_react.useCallback)(() => {
+    if (!disabled) {
+      setVisible(true);
+    }
+  }, [disabled]);
+  const handleChange = (0, import_react.useCallback)(
+    (val) => {
+      val = val && adjustDateProp(val);
+      const formatValue = val ? val.format(valueFormat ?? format) : "";
+      setValue(formatValue);
+      onChange == null ? void 0 : onChange(formatValue);
+    },
+    [adjustDateProp, format, onChange, setValue, valueFormat]
+  );
+  (0, import_ahooks.useMount)(() => {
+    initialValue.current = value ?? "";
+  });
+  (0, import_react.useImperativeHandle)(ref, () => ({
+    popperInstRef: popperInstRef.current,
+    inputInstance: inputInstance.current,
+    getValue: () => value,
+    setValue,
+    setVisible
+  }));
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
+    import_Input.Input,
+    {
+      name,
+      placeholder,
+      readOnly: readonly,
+      disabled,
+      size,
+      clearable: clearable && !disabled,
+      prefix: /* @__PURE__ */ import_react.default.createElement(import_Icon.Icon, { name: "clock" }),
+      onClick: onActive,
+      value,
+      onClear: () => {
+        handleChange(null);
+        initialValue.current = "";
+      },
+      className: (0, import_classnames.default)({ [`${import_prefix.globalKey}-date`]: readonly, "is-active": visible }),
+      style: props.style,
+      error,
+      warning,
+      append,
+      prepend,
+      ref: inputInstance
+    }
+  ), /* @__PURE__ */ import_react.default.createElement(
+    import_Popper.Popper,
+    {
+      visible,
+      referenceElement: () => {
+        var _a;
+        return (_a = inputInstance == null ? void 0 : inputInstance.current) == null ? void 0 : _a.ref;
+      },
+      popperInstRef,
+      onDestroy: () => {
+        setVisible(false);
+        setValue(initialValue.current);
+      },
+      ...animationInputProps,
+      transitionAppear: true,
+      unmountOnExit: true
+    },
+    /* @__PURE__ */ import_react.default.createElement(
+      import_TimePickerPanel.default,
+      {
+        ref: timePanelRef,
+        value: dateProp,
+        onChange: handleChange,
+        referenceElement: timeReferenceElement,
+        showSeconds,
+        onDestroy: () => {
+          setVisible(false);
+          setValue(initialValue.current);
+        },
+        onOk: () => {
+          setVisible(false);
+          initialValue.current = value ?? "";
+        },
+        disabledHours,
+        disabledMinutes,
+        disabledSeconds
+      }
+    )
+  ));
+});
+TimePicker.defaultProps = {
+  format: "HH:mm:ss",
+  disabledHours: () => [],
+  disabledMinutes: () => [],
+  disabledSeconds: () => [],
+  readonly: true,
+  isoWeek: true,
+  clearable: true,
+  disabled: false,
+  placeholder: "请选择时间"
+};
+TimePicker.displayName = "TimePicker";
+var TimePicker_default = TimePicker;

package/dist/TimePicker/TimePickerPanel.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { TimePanelProps, TimePanelRef } from './typings';
+declare const TimePickerPanel: React.MemoExoticComponent<React.ForwardRefExoticComponent<TimePanelProps & React.RefAttributes<TimePanelRef>>>;
+export default TimePickerPanel;

package/dist/TimePicker/TimePickerPanel.js

@@ -0,0 +1,75 @@
+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);
+
+// src/TimePicker/TimePickerPanel.tsx
+var TimePickerPanel_exports = {};
+__export(TimePickerPanel_exports, {
+  default: () => TimePickerPanel_default
+});
+module.exports = __toCommonJS(TimePickerPanel_exports);
+var import_classnames = __toESM(require("classnames"));
+var import_react = __toESM(require("react"));
+var import_hooks = require("../hooks");
+var import_TimeSpinnerPanel = __toESM(require("./TimeSpinnerPanel"));
+var TimePickerPanel = (0, import_react.memo)(
+  (0, import_react.forwardRef)((props, ref) => {
+    const { classPrefix = "time", referenceElement, ...other } = props;
+    const { b, be } = (0, import_hooks.useClassNames)(classPrefix);
+    const containerRef = (0, import_react.useRef)(null);
+    const spinnerRef = (0, import_react.useRef)(null);
+    const reference = (0, import_react.useMemo)(() => (referenceElement instanceof Function ? referenceElement() : referenceElement) ?? { current: null }, [referenceElement]);
+    (0, import_react.useImperativeHandle)(ref, () => ({
+      get ref() {
+        return containerRef.current;
+      },
+      adjustSpinners: spinnerRef.current.adjustSpinners
+    }));
+    (0, import_hooks.useClickOutside)(reference, {
+      popperRef: containerRef.current,
+      value: () => {
+        var _a;
+        (_a = props == null ? void 0 : props.onDestroy) == null ? void 0 : _a.call(props);
+      }
+    });
+    return /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)(b`panel`, props.className), style: props.style, ref: containerRef }, /* @__PURE__ */ import_react.default.createElement(import_TimeSpinnerPanel.default, { ...other, ref: spinnerRef }), /* @__PURE__ */ import_react.default.createElement("div", { className: be("panel", "footer") }, /* @__PURE__ */ import_react.default.createElement(
+      "button",
+      {
+        className: (0, import_classnames.default)(be("panel", "btn"), "cancle"),
+        onClick: () => {
+          var _a;
+          (_a = props.onDestroy) == null ? void 0 : _a.call(props);
+        }
+      },
+      "取 消"
+    ), /* @__PURE__ */ import_react.default.createElement("button", { className: (0, import_classnames.default)(be("panel", "btn"), "confirm"), onClick: () => {
+      var _a;
+      return (_a = props.onOk) == null ? void 0 : _a.call(props);
+    } }, "确 定")));
+  })
+);
+var TimePickerPanel_default = TimePickerPanel;

package/dist/TimePicker/TimePickerRange.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<import("../DatePicker").DatePickerRangeProps, "type" | "instance"> & {
+    disabledHours?: import("./typings").DisabledHours;
+    disabledMinutes?: import("./typings").DisabledMinutes;
+    disabledSeconds?: import("./typings").DisabledSeconds;
+    instance?: React.RefObject<import("./typings").TimePickerRangeRef>;
+} & React.RefAttributes<HTMLInputElement>>>;
+export default _default;