@bifrostui/react 1.4.7-beta.0 → 2.0.0-beta.0

package/dist/DatePicker/DatePicker.js

@@ -1,335 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-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);
-var DatePicker_exports = {};
-__export(DatePicker_exports, {
-  default: () => DatePicker_default
-});
-module.exports = __toCommonJS(DatePicker_exports);
-var import_react = __toESM(require("react"));
-var import_clsx = __toESM(require("clsx"));
-var import_utils = require("@bifrostui/utils");
-var import_DatePicker = require("./DatePicker.types");
-var import_Picker = __toESM(require("../Picker"));
-var import_locales = require("../locales");
-const MIN_DATE = new Date((/* @__PURE__ */ new Date()).getFullYear() - 10, 0, 1);
-const MAX_DATE = new Date((/* @__PURE__ */ new Date()).getFullYear() + 10, 11, 31);
-const DEFAULT_PICKER = [
-  import_DatePicker.DatePickerType.YEAR,
-  import_DatePicker.DatePickerType.MONTH,
-  import_DatePicker.DatePickerType.DAY
-];
-function isValidDate(value) {
-  return value instanceof Date && !Number.isNaN(value.getTime());
-}
-const padZero = (num, targetLength = 2) => {
-  let str = `${num}`;
-  while (str.length < targetLength) {
-    str = `0${str}`;
-  }
-  return str;
-};
-const getMaxDay = (year, monthIndex) => {
-  return new Date(year, monthIndex + 1, 0).getDate();
-};
-const getDateTypeValue = (date, type) => {
-  switch (type) {
-    case import_DatePicker.DatePickerType.YEAR:
-      return date.getFullYear();
-    case import_DatePicker.DatePickerType.MONTH:
-      return date.getMonth() + 1;
-    case import_DatePicker.DatePickerType.DAY:
-      return date.getDate();
-    case import_DatePicker.DatePickerType.HOUR:
-      return date.getHours();
-    case import_DatePicker.DatePickerType.MINUTE:
-      return date.getMinutes();
-    case import_DatePicker.DatePickerType.SECOND:
-      return date.getSeconds();
-    default:
-      throw new Error(`\u9519\u8BEF\u7684picker\u7C7B\u578B\uFF1A${type}`);
-  }
-};
-const DatePicker = (0, import_react.forwardRef)((props, ref) => {
-  const _a = props, {
-    className,
-    value: propValue,
-    defaultValue,
-    views = DEFAULT_PICKER,
-    minDate: propMinDate = MIN_DATE,
-    maxDate: propMaxDate = MAX_DATE,
-    showUnit = false,
-    formatter,
-    filter,
-    disableDateTimeView,
-    dateTimeStep,
-    onConfirm,
-    onClose,
-    onChange
-  } = _a, others = __objRest(_a, [
-    "className",
-    "value",
-    "defaultValue",
-    "views",
-    "minDate",
-    "maxDate",
-    "showUnit",
-    "formatter",
-    "filter",
-    "disableDateTimeView",
-    "dateTimeStep",
-    "onConfirm",
-    "onClose",
-    "onChange"
-  ]);
-  const [options, setOptions] = (0, import_react.useState)([]);
-  const [pickerValue, setPickerValue] = (0, import_react.useState)([]);
-  const datePickerText = (0, import_locales.useLocaleText)("datePicker");
-  const formatDate = (date) => {
-    let formattedDate = date;
-    if (!formattedDate || !isValidDate(date) || formattedDate.getTime() < propMinDate.getTime()) {
-      formattedDate = propMinDate;
-    }
-    if (formattedDate.getTime() > propMaxDate.getTime()) {
-      formattedDate = propMaxDate;
-    }
-    return formattedDate;
-  };
-  const [currentDate, triggerChange] = (0, import_utils.useValue)({
-    value: propValue && formatDate(propValue),
-    defaultValue: formatDate(defaultValue)
-  });
-  const handleConfirm = (e) => {
-    onConfirm == null ? void 0 : onConfirm(e, { value: currentDate });
-  };
-  const handleClose = (e) => {
-    onClose == null ? void 0 : onClose(e, { value: currentDate });
-  };
-  const handleChange = (e, { value, columnIndex }) => {
-    if (value[columnIndex] === null)
-      return;
-    const current = new Date(currentDate);
-    switch (views[columnIndex]) {
-      case import_DatePicker.DatePickerType.YEAR:
-        current.setFullYear(value[columnIndex]);
-        break;
-      case import_DatePicker.DatePickerType.MONTH: {
-        const selectedMaxDay = getMaxDay(
-          current.getFullYear(),
-          Number(value[columnIndex]) - 1
-        );
-        if (current.getDate() > selectedMaxDay) {
-          current.setDate(selectedMaxDay);
-        }
-        current.setMonth(value[columnIndex] - 1);
-        break;
-      }
-      case import_DatePicker.DatePickerType.DAY:
-        current.setDate(value[columnIndex]);
-        break;
-      case import_DatePicker.DatePickerType.HOUR:
-        current.setHours(value[columnIndex]);
-        break;
-      case import_DatePicker.DatePickerType.MINUTE:
-        current.setMinutes(value[columnIndex]);
-        break;
-      case import_DatePicker.DatePickerType.SECOND:
-        current.setSeconds(value[columnIndex]);
-        break;
-      default:
-        throw new Error(`\u9519\u8BEF\u7684picker\u7C7B\u578B\uFF1A${views[columnIndex]}`);
-    }
-    triggerChange(e, formatDate(current));
-    onChange == null ? void 0 : onChange(e, { type: views[columnIndex], value: current });
-  };
-  const formatOption = (type, value) => {
-    let label = padZero(value);
-    if (formatter) {
-      return formatter(type, {
-        value,
-        label
-      });
-    }
-    if (showUnit) {
-      label += datePickerText[type];
-    }
-    return { value, label };
-  };
-  const generateOptions = (min, max, type, columnIndex) => {
-    const step = (dateTimeStep == null ? void 0 : dateTimeStep[type]) || 1;
-    let valueIndex = 0;
-    const optionsArray = Array.from(
-      { length: (max - min + 1) / step || 1 },
-      (_, index) => {
-        const value = index * step + min;
-        if (value <= getDateTypeValue(currentDate, type)) {
-          valueIndex = index;
-        }
-        return formatOption(type, value);
-      }
-    );
-    pickerValue[columnIndex] = optionsArray[valueIndex].value;
-    setPickerValue([...pickerValue]);
-    if ((disableDateTimeView == null ? void 0 : disableDateTimeView[type]) && typeof disableDateTimeView[type] === "function") {
-      const disabledOptionsValue = disableDateTimeView[type](
-        optionsArray.map((i) => i.value)
-      );
-      return optionsArray.map((option) => {
-        if (disabledOptionsValue.includes(option.value)) {
-          return __spreadProps(__spreadValues({}, option), {
-            disabled: true
-          });
-        }
-        return option;
-      });
-    }
-    if (filter) {
-      return filter(type, optionsArray);
-    }
-    return optionsArray;
-  };
-  const getBoundary = (type, value) => {
-    const boundary = type === "min" ? propMinDate : propMaxDate;
-    const year = boundary.getFullYear();
-    let month = 1;
-    let date = 1;
-    let hour = 0;
-    let minute = 0;
-    let seconds = 0;
-    if (type === "max") {
-      month = 12;
-      date = getMaxDay(value.getFullYear(), value.getMonth());
-      hour = 23;
-      minute = 59;
-      seconds = 59;
-    }
-    if (value.getFullYear() === year) {
-      month = boundary.getMonth() + 1;
-      if (value.getMonth() + 1 === month) {
-        date = boundary.getDate();
-        if (value.getDate() === date) {
-          hour = boundary.getHours();
-          if (value.getHours() === hour) {
-            minute = boundary.getMinutes();
-            if (value.getMinutes() === minute) {
-              seconds = boundary.getSeconds();
-            }
-          }
-        }
-      }
-    }
-    return {
-      [`${type}Year`]: year,
-      [`${type}Month`]: month,
-      [`${type}Date`]: date,
-      [`${type}Hour`]: hour,
-      [`${type}Minute`]: minute,
-      [`${type}Seconds`]: seconds
-    };
-  };
-  const generateRanges = () => {
-    const ranges = [];
-    const { minYear, minMonth, minDate, minHour, minMinute, minSeconds } = getBoundary("min", currentDate);
-    const { maxYear, maxMonth, maxDate, maxHour, maxMinute, maxSeconds } = getBoundary("max", currentDate);
-    for (let i = 0; i < views.length; i += 1) {
-      const type = views[i];
-      switch (type) {
-        case import_DatePicker.DatePickerType.YEAR:
-          ranges.push([minYear, maxYear]);
-          break;
-        case import_DatePicker.DatePickerType.MONTH:
-          ranges.push([minMonth, maxMonth]);
-          break;
-        case import_DatePicker.DatePickerType.DAY:
-          ranges.push([minDate, maxDate]);
-          break;
-        case import_DatePicker.DatePickerType.HOUR:
-          ranges.push([minHour, maxHour]);
-          break;
-        case import_DatePicker.DatePickerType.MINUTE:
-          ranges.push([minMinute, maxMinute]);
-          break;
-        case import_DatePicker.DatePickerType.SECOND:
-          ranges.push([minSeconds, maxSeconds]);
-          break;
-        default:
-          throw new Error(`\u9519\u8BEF\u7684picker\u7C7B\u578B\uFF1A${type}`);
-      }
-    }
-    return ranges;
-  };
-  const generateRangeOptions = () => generateRanges().map(
-    (range, index) => generateOptions(range[0], range[1], views[index], index)
-  );
-  (0, import_react.useEffect)(() => {
-    setOptions(generateRangeOptions());
-  }, [currentDate, views, propMinDate, propMaxDate]);
-  return /* @__PURE__ */ import_react.default.createElement(
-    import_Picker.default,
-    __spreadProps(__spreadValues({}, others), {
-      "data-selected": currentDate ? currentDate.getTime() : "",
-      className: (0, import_clsx.default)("bui-date-picker", className),
-      ref,
-      options,
-      value: pickerValue,
-      onConfirm: handleConfirm,
-      onClose: handleClose,
-      onOptionChange: handleChange
-    })
-  );
-});
-DatePicker.displayName = "BuiDatePicker";
-var DatePicker_default = DatePicker;

package/dist/DatePicker/DatePicker.types.d.ts

@@ -1,43 +0,0 @@
-import React from 'react';
-import { OverrideProps } from '@bifrostui/types';
-import { PickerProps, IPickerOptionItem } from '../Picker';
-export declare enum DatePickerType {
-    YEAR = "year",
-    MONTH = "month",
-    DAY = "day",
-    HOUR = "hour",
-    MINUTE = "minute",
-    SECOND = "second"
-}
-export type DatePickerOption = IPickerOptionItem & {
-    value: number;
-};
-export type DatePickerProps<D extends React.ElementType = 'div', P = Omit<PickerProps, 'value' | 'defaultValue' | 'onChange' | 'onConfirm' | 'onClose'>> = OverrideProps<{
-    props: P & {
-        defaultValue?: Date;
-        value?: Date;
-        views?: DatePickerType[];
-        minDate?: Date;
-        maxDate?: Date;
-        showUnit?: boolean;
-        disableDateTimeView?: Partial<{
-            [key in DatePickerType]: (options: number[]) => number[];
-        }>;
-        dateTimeStep?: Partial<{
-            [key in DatePickerType]: number;
-        }>;
-        formatter?: (type: DatePickerType, option: DatePickerOption) => DatePickerOption;
-        filter?: (type: DatePickerType, options: DatePickerOption[]) => DatePickerOption[];
-        onConfirm?: (e: React.SyntheticEvent, { value }: {
-            value: Date;
-        }) => void;
-        onClose?: (e: React.SyntheticEvent, { value }: {
-            value: Date;
-        }) => void;
-        onChange?: (e: React.SyntheticEvent, { value }: {
-            type: DatePickerType;
-            value: Date;
-        }) => void;
-    };
-    defaultComponent: D;
-}, D>;

package/dist/DatePicker/DatePicker.types.js

@@ -1,35 +0,0 @@
-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 });
-};
-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);
-var DatePicker_types_exports = {};
-__export(DatePicker_types_exports, {
-  DatePickerType: () => DatePickerType
-});
-module.exports = __toCommonJS(DatePicker_types_exports);
-var DatePickerType = /* @__PURE__ */ ((DatePickerType2) => {
-  DatePickerType2["YEAR"] = "year";
-  DatePickerType2["MONTH"] = "month";
-  DatePickerType2["DAY"] = "day";
-  DatePickerType2["HOUR"] = "hour";
-  DatePickerType2["MINUTE"] = "minute";
-  DatePickerType2["SECOND"] = "second";
-  return DatePickerType2;
-})(DatePickerType || {});
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  DatePickerType
-});

package/dist/DatePicker/index.d.ts

@@ -1,2 +0,0 @@
-export { default, default as DatePicker } from './DatePicker';
-export * from './DatePicker.types';

package/dist/DatePicker/index.js

@@ -1,41 +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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-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);
-var DatePicker_exports = {};
-__export(DatePicker_exports, {
-  DatePicker: () => import_DatePicker.default,
-  default: () => import_DatePicker.default
-});
-module.exports = __toCommonJS(DatePicker_exports);
-var import_DatePicker = __toESM(require("./DatePicker"));
-__reExport(DatePicker_exports, require("./DatePicker.types"), module.exports);
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  DatePicker,
-  ...require("./DatePicker.types")
-});

package/dist/DesktopDatePicker/DesktopDatePicker.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import { DesktopDatePickerProps } from './DesktopDatePicker.types';
-import './index.less';
-declare const DesktopDatePicker: React.ForwardRefExoticComponent<Omit<DesktopDatePickerProps<"div", {}>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export default DesktopDatePicker;