@pisell/date-picker 1.0.75-7 → 1.0.75-8

package/lib/OldPisellDateRangePicker/index.less

@@ -1,102 +0,0 @@
-.pisell-date-range-picker {
-  display: inline-block;
-  width: 100%;
-  //width: 350px;
-  //.MuiInputBase-input {
-  //  padding: 10px;
-  //}
-  label {
-    font-size: 14px;
-  }
-  .pisell-date-range-picker-clear {
-    color: rgba(0, 0, 0, 0.25);
-    cursor: pointer;
-    display: none;
-    line-height: 0;
-    :hover {
-      color: rgba(0, 0, 0, 0.45);
-    }
-  }
-  :hover {
-    .pisell-date-range-picker-clear {
-      display: block;
-    }
-  }
-}
-.pisell-date-range-picker-no-border {
-  .MuiOutlinedInput-notchedOutline {
-    border: none;
-  }
-}
-.MuiOutlinedInput-notchedOutline {
-  legend {
-    color: inherit !important;
-    width: auto !important;
-    margin-bottom: 0.5em !important;
-    font-size: 1.5em !important;
-    line-height: 11px !important;
-    border: none !important;
-  }
-}
-
-.MuiPickersPopper-root {
-  .MuiPickersLayout-root {
-    width: var(--pisell-date-range-picker-popup-width, 625px);
-    .MuiDateRangeCalendar-root {
-      width: 100%;
-      flex: 1;
-      .MuiDateRangeCalendar-monthContainer {
-        width: 50%;
-        .MuiDayCalendar-header {
-          padding: 0 20px;
-          .MuiDayCalendar-weekDayLabel {
-            flex: 1;
-            width: 100%;
-          }
-        }
-        .MuiPickersSlideTransition-root {
-          min-width: 200px;
-          //min-height: auto;
-          &::before {
-            content: "";
-            display: block;
-            padding-top: 67%;
-          }
-        }
-        .MuiDayCalendar-monthContainer {
-          padding: 0 20px;
-        }
-        .MuiDayCalendar-weekContainer {
-          .MuiDateRangePickerDay-root {
-            flex: 1;
-            .MuiDateRangePickerDay-day {
-              width: 100%;
-              height: auto;
-              &::before {
-                content: "";
-                display: block;
-                padding-top: 100%;
-              }
-            }
-          }
-        }
-      }
-    }
-  }
-}
-
-.MuiDialog-root {
-  .MuiPickersLayout-toolbar {
-    display: none;
-  }
-}
-
-.MuiPickersLayout-shortcuts {
-  grid-column: 1 !important;
-  grid-row: 1/3 !important;
-}
-.pisell-date-range-picker-popper-old {
-  .MuiPickersLayout-root {
-    display: grid !important;
-  }
-}

package/lib/Toolbar/index.d.ts

@@ -1,3 +0,0 @@
-import './index.less';
-declare const Toolbar: (props: any) => JSX.Element;
-export default Toolbar;

package/lib/Toolbar/index.js

@@ -1,193 +0,0 @@
-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/Toolbar/index.tsx
-var Toolbar_exports = {};
-__export(Toolbar_exports, {
-  default: () => Toolbar_default
-});
-module.exports = __toCommonJS(Toolbar_exports);
-var import_react = __toESM(require("react"));
-var import_antd = require("antd");
-var import_dayjs = __toESM(require("dayjs"));
-var import_browserSelect = __toESM(require("../browserSelect"));
-var import_locales = require("../locales");
-var import_index = require("./index.less");
-var isValidDate = (dateString, format) => {
-  const date = (0, import_dayjs.default)(dateString, format, true);
-  return date.isValid();
-};
-var Toolbar = (props) => {
-  const {
-    presetItems,
-    value = [],
-    locale,
-    onChange,
-    currentShortcut,
-    setCurrentShortcut,
-    disabledDate
-  } = props;
-  const format = locale === "en" || locale === "en-US" ? "DD/MM/YYYY" : "YYYY/MM/DD";
-  const [startStr, setStartStr] = (0, import_react.useState)("");
-  const [endStr, setEndStr] = (0, import_react.useState)("");
-  const [startError, setStartError] = (0, import_react.useState)(false);
-  const [endError, setEndError] = (0, import_react.useState)(false);
-  const valueRef = (0, import_react.useRef)(value);
-  valueRef.current = value;
-  (0, import_react.useEffect)(() => {
-    if (value == null ? void 0 : value[0]) {
-      setStartStr(value[0].format(format));
-      setStartError(false);
-    } else {
-      setStartStr("");
-    }
-    if (value == null ? void 0 : value[1]) {
-      setEndStr(value[1].format(format));
-      setEndError(false);
-    } else {
-      setEndStr("");
-    }
-  }, [value]);
-  const checkDateDisabled = (position) => {
-    const val = valueRef.current;
-    if (position === "start" && val[0] && (disabledDate == null ? void 0 : disabledDate(val[1], position, val))) {
-      setStartError(true);
-      onChange([null, val[1]], "write");
-    }
-    if (position === "end" && val[1] && (disabledDate == null ? void 0 : disabledDate(val[1], position, val))) {
-      setEndError(true);
-      onChange([val[0], null], "write");
-    }
-  };
-  const handleStartChange = (e) => {
-    var _a, _b;
-    const val = e.target.value;
-    setStartStr(val);
-    const objValue = (0, import_dayjs.default)(val, format);
-    if (isValidDate(val, format) && (value[1] ? objValue <= value[1] : true) && !(disabledDate == null ? void 0 : disabledDate(objValue, "start", value))) {
-      setStartError(false);
-      const valDate = (0, import_dayjs.default)(val, format);
-      const newValue = [...value];
-      const start = newValue[0] || (0, import_dayjs.default)();
-      newValue[0] = ((_b = (_a = start == null ? void 0 : start.set("year", (valDate == null ? void 0 : valDate.get("year")) || 0)) == null ? void 0 : _a.set("month", (valDate == null ? void 0 : valDate.get("month")) || 0)) == null ? void 0 : _b.set("date", (valDate == null ? void 0 : valDate.get("date")) || 0)) || null;
-      onChange(newValue, "write");
-    } else {
-      setStartError(true);
-    }
-    setTimeout(() => {
-      checkDateDisabled("end");
-    }, 200);
-  };
-  const handleEndChange = (e) => {
-    var _a, _b;
-    const val = e.target.value;
-    setEndStr(val);
-    const objValue = (0, import_dayjs.default)(val, format);
-    if (isValidDate(val, format) && (value[0] ? objValue >= value[0] : true) && !(disabledDate == null ? void 0 : disabledDate(objValue, "end", value))) {
-      setEndError(false);
-      const valDate = (0, import_dayjs.default)(val, format);
-      const newValue = [...value];
-      const end = newValue[1] || (0, import_dayjs.default)();
-      newValue[1] = ((_b = (_a = end == null ? void 0 : end.set("year", (valDate == null ? void 0 : valDate.get("year")) || 0)) == null ? void 0 : _a.set("month", (valDate == null ? void 0 : valDate.get("month")) || 0)) == null ? void 0 : _b.set("date", (valDate == null ? void 0 : valDate.get("date")) || 0)) || null;
-      onChange(newValue, "write");
-    } else {
-      setEndError(true);
-    }
-    setTimeout(() => {
-      checkDateDisabled("start");
-    }, 200);
-  };
-  const handleSelectChange = (e) => {
-    const val = e.target.value;
-    const detail = presetItems.find(
-      (item) => item.value === val || item.label === val
-    );
-    if (!detail)
-      return;
-    const dateVal = detail.getValue();
-    onChange(dateVal, "shortcuts", val);
-  };
-  const customPresetItems = (0, import_react.useMemo)(() => {
-    if (!currentShortcut) {
-      return presetItems.concat([
-        {
-          label: (0, import_locales.getText)(
-            "toolbar-date-range-shortcut-custom",
-            import_locales.pLocaleMap[locale]
-          ),
-          value: (0, import_locales.getText)(
-            "toolbar-date-range-shortcut-custom",
-            import_locales.pLocaleMap[locale]
-          )
-        }
-      ]);
-    }
-    return presetItems;
-  }, [presetItems, currentShortcut]);
-  return /* @__PURE__ */ import_react.default.createElement("div", { className: "date-picker-toolbar" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "date-picker-content-top" }, /* @__PURE__ */ import_react.default.createElement("span", null, (0, import_locales.getText)(
-    "toolbar-date-range-shortcut-date-range",
-    import_locales.pLocaleMap[locale]
-  )), /* @__PURE__ */ import_react.default.createElement(
-    import_browserSelect.default,
-    {
-      value: currentShortcut || (0, import_locales.getText)("toolbar-date-range-shortcut-custom", import_locales.pLocaleMap[locale]),
-      className: "date-picker-toolbar-select",
-      options: customPresetItems,
-      size: "large",
-      onChange: handleSelectChange
-    }
-  )), /* @__PURE__ */ import_react.default.createElement("div", { className: "date-picker-content-bottom" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "date-picker-toolbar-start-wrap" }, /* @__PURE__ */ import_react.default.createElement("span", null, (0, import_locales.getText)(
-    "toolbar-date-range-shortcut-starting",
-    import_locales.pLocaleMap[locale]
-  )), /* @__PURE__ */ import_react.default.createElement(
-    import_antd.Input,
-    {
-      status: startError ? "error" : "",
-      size: "large",
-      value: startStr,
-      onChange: handleStartChange,
-      placeholder: (0, import_dayjs.default)().format(format)
-    }
-  ), startError && /* @__PURE__ */ import_react.default.createElement("span", { className: "date-picker-error" }, (0, import_locales.getText)(
-    "toolbar-date-range-invalid-start-date",
-    import_locales.pLocaleMap[locale]
-  ))), /* @__PURE__ */ import_react.default.createElement("div", { className: "date-picker-toolbar-end-wrap" }, /* @__PURE__ */ import_react.default.createElement("span", null, (0, import_locales.getText)("toolbar-date-range-shortcut-ending", import_locales.pLocaleMap[locale])), /* @__PURE__ */ import_react.default.createElement(
-    import_antd.Input,
-    {
-      status: endError ? "error" : "",
-      size: "large",
-      value: endStr,
-      onChange: handleEndChange,
-      placeholder: (0, import_dayjs.default)().format(format)
-    }
-  ), endError && /* @__PURE__ */ import_react.default.createElement("span", { className: "date-picker-error" }, (0, import_locales.getText)(
-    "toolbar-date-range-invalid-end-date",
-    import_locales.pLocaleMap[locale]
-  )))));
-};
-var Toolbar_default = Toolbar;

package/lib/Toolbar/index.less

@@ -1,35 +0,0 @@
-.date-picker-toolbar {
-  padding: 20px 20px 0;
-  color: var(--Gray-700, #344054);
-  font-size: 14px;
-  font-style: normal;
-  font-weight: 600;
-  line-height: 20px; /* 142.857% */
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-  .date-picker-content-top {
-    display: flex;
-    flex-direction: column;
-    gap: 8px;
-  }
-  .date-picker-content-bottom {
-    display: flex;
-    gap: 16px;
-  }
-  .date-picker-toolbar-start-wrap {
-    display: flex;
-    flex-direction: column;
-    gap: 8px;
-    flex: 1;
-  }
-  .date-picker-toolbar-end-wrap {
-    display: flex;
-    flex-direction: column;
-    gap: 8px;
-    flex: 1;
-  }
-  .date-picker-error {
-    color: #d4163a;
-  }
-}

package/lib/browserSelect/index.d.ts

@@ -1,15 +0,0 @@
-import React from "react";
-import "./index.less";
-interface BrowserSelectProps extends React.DetailedHTMLProps<React.SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement> {
-    options: any[];
-}
-/**
- * @title: 系统级别的下拉框
- * @description:
- * @param {BrowserSelectProps} props
- * @return {*}
- * @Author: zhiwei.Wang
- * @Date: 2024-01-30 16:43
- */
-declare const BrowserSelect: (props: BrowserSelectProps) => JSX.Element;
-export default BrowserSelect;

package/lib/browserSelect/index.js

@@ -1,59 +0,0 @@
-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/browserSelect/index.tsx
-var browserSelect_exports = {};
-__export(browserSelect_exports, {
-  default: () => browserSelect_default
-});
-module.exports = __toCommonJS(browserSelect_exports);
-var import_react = __toESM(require("react"));
-var import_classnames = __toESM(require("classnames"));
-var import_index = require("./index.less");
-var BrowserSelect = (props) => {
-  const { options, ...resetProps } = props;
-  const _options = (0, import_react.useMemo)(() => {
-    return (props.options || []).map((d) => {
-      return /* @__PURE__ */ import_react.default.createElement("option", { value: d.value, key: d.value }, d.label);
-    });
-  }, [props.options]);
-  return /* @__PURE__ */ import_react.default.createElement(
-    "select",
-    {
-      ...resetProps,
-      className: (0, import_classnames.default)("date-picker-pisell-browser-select", resetProps.className),
-      onChange: (e) => {
-        var _a;
-        e.persist();
-        (_a = resetProps.onChange) == null ? void 0 : _a.call(resetProps, e);
-      }
-    },
-    _options
-  );
-};
-var browserSelect_default = BrowserSelect;

package/lib/browserSelect/index.less

@@ -1,18 +0,0 @@
-.date-picker-pisell-browser-select {
-  padding: 9px 16px;
-  border-radius: 8px;
-  background-color: #fff;
-  background-image: url('./chevron-down.png');
-  color: var(--Gray-true-900, #141414);
-  font-size: 16px;
-  font-style: normal;
-  font-weight: 600;
-  border: 1px solid var(--Gray-300, #D0D5DD);
-  cursor: pointer;
-  appearance: none;
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  background-position: right 10px center;
-  background-size: 12px;
-  background-repeat: no-repeat;
-}

package/lib/constants.d.ts

@@ -1,58 +0,0 @@
-import dayjs from 'dayjs';
-import { PresetType } from './Shortcuts';
-export declare const presetValueArr: string[];
-export declare const presetDetailMap: {
-    today: {
-        getValue: () => dayjs.Dayjs[];
-        label: (locale?: string) => any;
-    };
-    yesterday: {
-        getValue: () => dayjs.Dayjs[];
-        label: (locale?: string) => any;
-    };
-    last_3_days: {
-        getValue: () => dayjs.Dayjs[];
-        label: (locale?: string) => any;
-    };
-    last_7_days: {
-        getValue: () => dayjs.Dayjs[];
-        label: (locale?: string) => any;
-    };
-    last_30_days: {
-        getValue: () => dayjs.Dayjs[];
-        label: (locale?: string) => any;
-    };
-    last_90_days: {
-        getValue: () => dayjs.Dayjs[];
-        label: (locale?: string) => any;
-    };
-    last_180_days: {
-        getValue: () => dayjs.Dayjs[];
-        label: (locale?: string) => any;
-    };
-    tomorrow: {
-        getValue: () => dayjs.Dayjs[];
-        label: (locale?: string) => any;
-    };
-    next_3_days: {
-        getValue: () => dayjs.Dayjs[];
-        label: (locale?: string) => any;
-    };
-    next_7_days: {
-        getValue: () => dayjs.Dayjs[];
-        label: (locale?: string) => any;
-    };
-    next_30_days: {
-        getValue: () => dayjs.Dayjs[];
-        label: (locale?: string) => any;
-    };
-    next_90_days: {
-        getValue: () => dayjs.Dayjs[];
-        label: (locale?: string) => any;
-    };
-    next_180_days: {
-        getValue: () => dayjs.Dayjs[];
-        label: (locale?: string) => any;
-    };
-};
-export declare const defaultPresets: PresetType[];