@pisell/materials 1.0.363 → 1.0.364

package/es/components/date-picker/datePickerCpt.js

@@ -1,290 +0,0 @@
-var _excluded = ["mode", "onChange", "value", "format", "defaultValue"];
-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); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import React, { useContext, useEffect, useMemo, useRef, useState } from 'react';
-import dayjs from 'dayjs';
-import { Button, ConfigProvider, DatePicker, Drawer, Input, Modal } from 'antd';
-import BrowserSelect from "../browserSelect";
-import { isFunction } from '@pisell/utils';
-import { presetDetailMap } from "./constants";
-import { getText } from "../../locales";
-import useResponsive, { configResponsive } from "../../hooks/useResponsive";
-import "./index.less";
-var isValidDate = function isValidDate(dateString, format) {
-  var date = window.dayjs(dateString, format, true);
-  return date.isValid();
-};
-configResponsive({
-  phone: 0,
-  ipad: 768,
-  pc: 1080
-});
-var DatePickerCpt = function DatePickerCpt(props) {
-  var mode = props.mode,
-    onChange = props.onChange,
-    value = props.value,
-    propsFormat = props.format,
-    defaultValue = props.defaultValue,
-    others = _objectWithoutProperties(props, _excluded);
-  var _useContext = useContext(ConfigProvider.ConfigContext),
-    locale = _useContext.locale;
-  var _useState = useState(''),
-    _useState2 = _slicedToArray(_useState, 2),
-    currentShortcut = _useState2[0],
-    setCurrentShortcut = _useState2[1];
-  var _useState3 = useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    open = _useState4[0],
-    setOpen = _useState4[1];
-  var _useState5 = useState(false),
-    _useState6 = _slicedToArray(_useState5, 2),
-    popupOpen = _useState6[0],
-    setPopupOpen = _useState6[1];
-  var _useState7 = useState(value),
-    _useState8 = _slicedToArray(_useState7, 2),
-    _value = _useState8[0],
-    setValue = _useState8[1];
-  var _useState9 = useState(''),
-    _useState10 = _slicedToArray(_useState9, 2),
-    valueStr = _useState10[0],
-    setValueStr = _useState10[1];
-  var _useState11 = useState(false),
-    _useState12 = _slicedToArray(_useState11, 2),
-    error = _useState12[0],
-    setError = _useState12[1];
-  var ref = useRef(null);
-  var canClose = useRef(true);
-
-  // const isDesktop = useMediaQuery('@media (pointer: fine)');
-
-  var responsive = useResponsive();
-  var isDesktop = !('ontouchstart' in window || navigator.maxTouchPoints);
-  useEffect(function () {
-    document.body.id = 'body';
-  }, []);
-  useEffect(function () {
-    setValue(value);
-  }, [value]);
-  useEffect(function () {
-    setValueStr((_value === null || _value === void 0 ? void 0 : _value.format(format)) || '');
-  }, [_value]);
-  var customPresetItems = useMemo(function () {
-    var preset = [{
-      label: presetDetailMap['today'].label(),
-      value: 'today'
-    }, {
-      label: presetDetailMap['yesterday'].label(),
-      value: 'yesterday'
-    }, {
-      label: presetDetailMap['tomorrow'].label(),
-      value: 'tomorrow'
-    }, {
-      label: presetDetailMap['next_monday'].label(),
-      value: 'next_monday'
-    }, {
-      label: presetDetailMap['last_friday'].label(),
-      value: 'last_friday'
-    }, {
-      label: presetDetailMap['first_day_of_this_month'].label(),
-      value: 'first_day_of_this_month'
-    }, {
-      label: presetDetailMap['last_day_of_this_month'].label(),
-      value: 'last_day_of_this_month'
-    }, {
-      label: presetDetailMap['first_day_of_next_month'].label(),
-      value: 'first_day_of_next_month'
-    }, {
-      label: presetDetailMap['last_day_of_last_month'].label(),
-      value: 'last_day_of_last_month'
-    }];
-    if (!currentShortcut) {
-      preset.push({
-        label: getText('date-picker-shortcut-custom'),
-        value: 'custom'
-      });
-    }
-    return preset;
-  }, [currentShortcut]);
-  var format = useMemo(function () {
-    if (propsFormat) {
-      if (isFunction(propsFormat)) {
-        return propsFormat(value);
-      }
-      return propsFormat;
-    }
-    var localeValue = locale === null || locale === void 0 ? void 0 : locale.locale;
-    return localeValue === 'en' || localeValue === 'en-US' ? 'DD/MM/YYYY' : 'YYYY/MM/DD';
-  }, [propsFormat, locale]);
-  var handleSelectChange = function handleSelectChange(e) {
-    var _presetDetailMap;
-    var shortcut = e.target.value;
-    setCurrentShortcut(shortcut);
-    var date = (_presetDetailMap = presetDetailMap[shortcut]) === null || _presetDetailMap === void 0 ? void 0 : _presetDetailMap.getValue();
-    setValue(date);
-    handleOk(date);
-  };
-  var handleTodayClick = function handleTodayClick() {
-    var val = dayjs().startOf('day');
-    handleChange(val);
-  };
-  var handleOpenChange = function handleOpenChange(visible) {
-    if (!visible) {
-      setOpen(visible);
-      setTimeout(function () {
-        var _ref$current;
-        setPopupOpen(visible);
-        (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.blur();
-      });
-      return;
-    }
-    setOpen(visible);
-    setPopupOpen(visible);
-  };
-  var handleOk = function handleOk(val) {
-    var returnValue = val || _value;
-    onChange === null || onChange === void 0 ? void 0 : onChange(returnValue, returnValue === null || returnValue === void 0 ? void 0 : returnValue.format(format));
-    handleOpenChange(false);
-  };
-  var handleChange = function handleChange(val, valStr) {
-    canClose.current = true;
-    setError(false);
-    setCurrentShortcut('');
-    setValue(val);
-    handleOk(val);
-  };
-  var handleApply = function handleApply() {
-    if (error) return;
-    handleOk();
-  };
-  var handleDataStrChange = function handleDataStrChange(e) {
-    var val = e.target.value;
-    setValueStr(val);
-    if (isValidDate(val, format)) {
-      setError(false);
-      var valDate = dayjs(val, format);
-      setValue(valDate);
-    } else {
-      setError(true);
-    }
-  };
-  if (!mode || mode === 'date') {
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DatePicker, _extends({}, others, {
-      ref: ref,
-      defaultValue: defaultValue,
-      showNow: false,
-      onChange: handleChange,
-      open: popupOpen,
-      value: _value,
-      onOpenChange: function onOpenChange(o) {
-        if (!o && !canClose.current) {
-          return;
-        }
-        handleOpenChange(o);
-      },
-      mode: "date",
-      picker: "date",
-      popupClassName: "date-picker-popup-wrap",
-      format: currentShortcut ? function () {
-        return presetDetailMap[currentShortcut].label();
-      } : format,
-      panelRender: function panelRender(panelNode) {
-        var dom = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-          className: "pisell-lowcode-date-picker-custom-wrap"
-        }, /*#__PURE__*/React.createElement("div", {
-          className: "pisell-lowcode-date-picker-custom-action",
-          onMouseDown: function onMouseDown(e) {
-            canClose.current = false;
-            e.stopPropagation();
-          }
-        }, /*#__PURE__*/React.createElement("div", {
-          style: {
-            width: '50%'
-          }
-        }, /*#__PURE__*/React.createElement(Input, {
-          size: "large",
-          placeholder: dayjs().format(format),
-          value: valueStr,
-          onChange: handleDataStrChange
-        }), error && /*#__PURE__*/React.createElement("span", {
-          className: "date-picker-error"
-        }, getText('date-picker-invalid-date'))), /*#__PURE__*/React.createElement(BrowserSelect
-        // @ts-ignore
-        , {
-          value: currentShortcut || 'custom',
-          className: "date-picker-toolbar-select",
-          options: customPresetItems
-          // @ts-ignore
-          ,
-          size: 'large',
-          onChange: handleSelectChange,
-          style: {
-            width: '50%'
-          }
-        })), panelNode), /*#__PURE__*/React.createElement("div", {
-          className: "pisell-lowcode-custom-footer"
-        }, /*#__PURE__*/React.createElement("span", {
-          className: "pisell-lowcode-custom-footer-today",
-          onClick: handleTodayClick
-        }, getText('date-picker-today')), /*#__PURE__*/React.createElement(Button, {
-          type: "primary",
-          size: "large",
-          onClick: handleApply
-        }, getText('date-picker-apply'))));
-        if (isDesktop) {
-          return /*#__PURE__*/React.createElement("div", {
-            className: "pisell-lowcode-date-picker-custom-popup-wrap pisell-lowcode-date-picker-dropdown-mode"
-          }, /*#__PURE__*/React.createElement("div", {
-            className: "pisell-lowcode-date-picker-custom-wrap"
-          }, dom));
-        }
-        if (responsive === 'phone') {
-          return /*#__PURE__*/React.createElement(Drawer, {
-            placement: "bottom",
-            open: open,
-            height: 565,
-            closable: false,
-            styles: {
-              content: {
-                borderRadius: '8px 8px 0 0'
-              }
-            },
-            bodyStyle: {
-              padding: 0
-            },
-            maskClosable: false
-          }, /*#__PURE__*/React.createElement("div", {
-            className: "pisell-lowcode-picker-custom-dropdown pisell-lowcode-date-picker-custom-popup-wrap",
-            onMouseDown: function onMouseDown(e) {
-              return e.stopPropagation();
-            }
-          }, /*#__PURE__*/React.createElement("div", {
-            className: "pisell-lowcode-picker-panel-container pisell-lowcode-picker-date-panel-container"
-          }, dom)));
-        }
-        return /*#__PURE__*/React.createElement(Modal, {
-          width: 458,
-          open: open,
-          footer: null,
-          closable: false,
-          wrapClassName: 'pisell-lowcode-date-picker-modal'
-        }, /*#__PURE__*/React.createElement("div", {
-          className: "pisell-lowcode-picker-custom-dropdown pisell-lowcode-date-picker-custom-popup-wrap",
-          onMouseDown: function onMouseDown(e) {
-            return e.stopPropagation();
-          }
-        }, /*#__PURE__*/React.createElement("div", {
-          className: "pisell-lowcode-picker-panel-container pisell-lowcode-picker-date-panel-container"
-        }, dom)));
-      }
-    })));
-  }
-  return /*#__PURE__*/React.createElement(DatePicker, props);
-};
-export default DatePickerCpt;

package/es/components/date-picker/hooks/useMediaQuery.d.ts

@@ -1,2 +0,0 @@
-declare const useMediaQuery: (query: string) => boolean;
-export default useMediaQuery;