@kdcloudjs/kdesign 1.0.2

package/es/date-picker/utils/index.js

@@ -0,0 +1,371 @@
+import _extends from "@babel/runtime-corejs3/helpers/extends";
+import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
+import _includesInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/includes";
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
+import _Map from "@babel/runtime-corejs3/core-js-stable/map";
+import { addMonths, addYears } from 'date-fns';
+import { DEFAULT_YEAR_ITEM_NUMBER, localeParse } from './date-fns';
+export function toArray(val) {
+  if (val === null || val === undefined) {
+    return [];
+  }
+
+  return Array.isArray(val) ? val : [val];
+}
+export function getValue(values, index) {
+  return values ? values[index] : null;
+}
+export function updateValues(values, value, index) {
+  var newValues = [getValue(values, 0), getValue(values, 1)];
+  newValues[index] = typeof value === 'function' ? value(newValues[index]) : value;
+
+  if (!newValues[0] && !newValues[1]) {
+    return null;
+  }
+
+  return newValues;
+}
+export function getClosingViewDate(viewDate, picker) {
+  var offset = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
+  var yearItemNumber = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : DEFAULT_YEAR_ITEM_NUMBER;
+
+  switch (picker) {
+    case 'year':
+      return addYears(viewDate, offset * yearItemNumber);
+
+    case 'quarter':
+    case 'month':
+      return addYears(viewDate, offset);
+
+    default:
+      return addMonths(viewDate, offset);
+  }
+} // ===================== Format =====================
+
+export function getDefaultFormat(format, picker, showTime, use12Hours) {
+  var mergedFormat = format;
+
+  if (!mergedFormat) {
+    switch (picker) {
+      case 'time':
+        mergedFormat = use12Hours ? 'hh:mm:ss a' : 'HH:mm:ss';
+        break;
+
+      case 'week':
+        mergedFormat = 'gggg-wo';
+        break;
+
+      case 'month':
+        mergedFormat = 'YYYY-MM';
+        break;
+
+      case 'quarter':
+        mergedFormat = 'YYYY-QQQ';
+        break;
+
+      case 'year':
+        mergedFormat = 'YYYY';
+        break;
+
+      default:
+        if (showTime) {
+          if (use12Hours) {
+            mergedFormat = 'YYYY-MM-DD hh:mm:ss a';
+          } else {
+            mergedFormat = 'YYYY-MM-DD HH:mm:ss';
+          }
+        } else {
+          mergedFormat = 'YYYY-MM-DD';
+        }
+
+    }
+
+    mergedFormat = localeParse(mergedFormat);
+  }
+
+  return mergedFormat;
+}
+export function getPlaceholder(picker, locale, customizePlaceholder) {
+  if (customizePlaceholder !== undefined) {
+    return customizePlaceholder;
+  }
+
+  if (picker === 'year' && locale.yearPlaceholder) {
+    return locale.yearPlaceholder;
+  }
+
+  if (picker === 'quarter' && locale.quarterPlaceholder) {
+    return locale.quarterPlaceholder;
+  }
+
+  if (picker === 'month' && locale.monthPlaceholder) {
+    return locale.monthPlaceholder;
+  }
+
+  if (picker === 'week' && locale.weekPlaceholder) {
+    return locale.weekPlaceholder;
+  }
+
+  if (picker === 'time' && locale.timePlaceholder) {
+    return locale.timePlaceholder;
+  }
+
+  return locale.placeholder;
+}
+export function getRangePlaceholder(picker, locale, customizePlaceholder) {
+  if (customizePlaceholder !== undefined) {
+    return customizePlaceholder;
+  }
+
+  if (picker === 'year' && locale.rangeYearPlaceholder) {
+    return locale.rangeYearPlaceholder;
+  }
+
+  if (picker === 'quarter' && locale.rangeQuarterPlaceholder) {
+    return locale.rangeQuarterPlaceholder;
+  }
+
+  if (picker === 'month' && locale.rangeMonthPlaceholder) {
+    return locale.rangeMonthPlaceholder;
+  }
+
+  if (picker === 'week' && locale.rangeWeekPlaceholder) {
+    return locale.rangeWeekPlaceholder;
+  }
+
+  if (picker === 'time' && locale.rangeTimePlaceholder) {
+    return locale.rangeTimePlaceholder;
+  }
+
+  return locale.rangePlaceholder;
+}
+export function elementsContains(elements, target) {
+  return elements.some(function (ele) {
+    return ele && ele.contains(target);
+  });
+}
+export function getInputSize(picker, format) {
+  var defaultSize = picker === 'time' ? 8 : 10;
+  var length = format.length;
+  return Math.max(defaultSize, length) + 2;
+}
+export function getDataOrAriaProps(props) {
+  var retProps = {};
+
+  _Object$keys(props).forEach(function (key) {
+    if ((key.substr(0, 5) === 'data-' || key.substr(0, 5) === 'aria-' || key === 'role' || key === 'name') && key.substr(0, 7) !== 'data-__') {
+      retProps[key] = props[key];
+    }
+  });
+
+  return retProps;
+}
+export function getTimeProps(props) {
+  var format = props.format,
+      picker = props.picker,
+      showHour = props.showHour,
+      showMinute = props.showMinute,
+      showSecond = props.showSecond,
+      use12Hours = props.use12Hours;
+  var firstFormat = toArray(format)[0];
+
+  var showTimeObj = _extends({}, props);
+
+  if (firstFormat) {
+    if (!_includesInstanceProperty(firstFormat).call(firstFormat, 's') && showSecond === undefined) {
+      showTimeObj.showSecond = false;
+    }
+
+    if (!_includesInstanceProperty(firstFormat).call(firstFormat, 'm') && showMinute === undefined) {
+      showTimeObj.showMinute = false;
+    }
+
+    if (!_includesInstanceProperty(firstFormat).call(firstFormat, 'H') && !_includesInstanceProperty(firstFormat).call(firstFormat, 'h') && showHour === undefined) {
+      showTimeObj.showHour = false;
+    }
+
+    if ((_includesInstanceProperty(firstFormat).call(firstFormat, 'a') || _includesInstanceProperty(firstFormat).call(firstFormat, 'A')) && use12Hours === undefined) {
+      showTimeObj.use12Hours = true;
+    }
+  }
+
+  if (picker === 'time') {
+    return showTimeObj;
+  }
+
+  return {
+    showTime: showTimeObj
+  };
+}
+export function leftPad(str, length) {
+  var fill = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '0';
+  var current = String(str);
+
+  while (current.length < length) {
+    var _context;
+
+    current = _concatInstanceProperty(_context = "".concat(fill)).call(_context, str);
+  }
+
+  return current;
+}
+export function isVisible(element) {
+  if (!element) {
+    return false;
+  }
+
+  if (element.offsetParent) {
+    return true;
+  }
+
+  if (element instanceof SVGGraphicsElement) {
+    var box = element.getBBox();
+
+    if (box.width || box.height) {
+      return true;
+    }
+  }
+
+  if (element instanceof HTMLElement) {
+    var _box = element.getBoundingClientRect();
+
+    if (_box.width || _box.height) {
+      return true;
+    }
+  }
+
+  return false;
+}
+
+var raf = function raf(callback) {
+  return +setTimeout(callback, 16);
+};
+
+var caf = function caf(num) {
+  return clearTimeout(num);
+};
+
+if (typeof window !== 'undefined' && 'requestAnimationFrame' in window) {
+  raf = function raf(callback) {
+    return window.requestAnimationFrame(callback);
+  };
+
+  caf = function caf(handle) {
+    return window.cancelAnimationFrame(handle);
+  };
+}
+
+function wrapperRaf(callback) {
+  return raf(callback);
+}
+
+wrapperRaf.cancel = caf;
+export function waitElementReady(element, callback) {
+  var id;
+
+  function tryOrNextFrame() {
+    if (isVisible(element)) {
+      callback();
+    } else {
+      id = wrapperRaf(function () {
+        tryOrNextFrame();
+      });
+    }
+  }
+
+  tryOrNextFrame();
+  return function () {
+    wrapperRaf.cancel(id);
+  };
+}
+var scrollIds = new _Map();
+/* eslint-disable no-param-reassign */
+
+export function scrollTo(element, to, duration) {
+  if (scrollIds.get(element)) {
+    cancelAnimationFrame(scrollIds.get(element));
+  } // jump to target if duration zero
+
+
+  if (duration <= 0) {
+    scrollIds.set(element, requestAnimationFrame(function () {
+      element.scrollTop = to;
+    }));
+    return;
+  }
+
+  var difference = to - element.scrollTop;
+  var perTick = difference / duration * 10;
+  scrollIds.set(element, requestAnimationFrame(function () {
+    element.scrollTop += perTick;
+
+    if (element.scrollTop !== to) {
+      scrollTo(element, to, duration - 10);
+    }
+  }));
+}
+
+var getYearNextMode = function getYearNextMode(next) {
+  if (next === 'month' || next === 'date') {
+    return 'year';
+  }
+
+  return next;
+};
+
+var getMonthNextMode = function getMonthNextMode(next) {
+  if (next === 'date') {
+    return 'month';
+  }
+
+  return next;
+};
+
+var getQuarterNextMode = function getQuarterNextMode(next) {
+  if (next === 'month' || next === 'date') {
+    return 'quarter';
+  }
+
+  return next;
+};
+
+var getWeekNextMode = function getWeekNextMode(next) {
+  if (next === 'date') {
+    return 'week';
+  }
+
+  return next;
+};
+
+export var PickerModeMap = {
+  year: getYearNextMode,
+  month: getMonthNextMode,
+  quarter: getQuarterNextMode,
+  week: getWeekNextMode,
+  time: null,
+  date: null
+};
+export var getInternalNextMode = function getInternalNextMode(nextMode, picker) {
+  var getNextMode = PickerModeMap[picker];
+
+  if (getNextMode) {
+    return getNextMode(nextMode);
+  }
+
+  return nextMode;
+};
+export var generateUnits = function generateUnits(start, end, step, disabledUnits) {
+  var units = [];
+
+  for (var i = start; i <= end; i += step) {
+    var _context2;
+
+    units.push({
+      label: leftPad(i, 2),
+      value: i,
+      disabled: _includesInstanceProperty(_context2 = disabledUnits || []).call(_context2, i)
+    });
+  }
+
+  return units;
+};

package/es/drawer/drawer.d.ts

@@ -0,0 +1,41 @@
+import React, { ReactNode, CSSProperties } from 'react';
+export declare const PlacementTypes: ["top", "right", "bottom", "left"];
+export declare type PlacementType = typeof PlacementTypes[number];
+declare type CSSSelector = string;
+/**
+ * TODO:
+ * 多层抽屉的实现方式无法确定（需求不明确，没有现行的业务场景）: 思考的两种方式:
+ * 1. context嵌套，采用ant-design的context嵌套来实现，需要一个ref存父级Drawer（存疑, 但应该也可以）
+ * 2. 状态存储，全局Map记录，如果不想记录可以用props来绕过，需要ref记录当前显示的次序（数组下标）
+ */
+export interface IDrawerProps {
+    className?: string;
+    closable?: boolean;
+    closeIcon?: ReactNode;
+    children?: ReactNode;
+    destroyOnClose?: boolean;
+    footer?: ReactNode;
+    footerClassName?: string;
+    footerStyle?: CSSProperties;
+    forceRender?: boolean;
+    getContainer?: (() => Element | CSSSelector | false | null) | Element | false;
+    headerStyle?: CSSProperties;
+    headerClassName?: string;
+    height?: string | number;
+    keyboard?: boolean;
+    mask?: boolean;
+    maskClassName?: string;
+    maskClosable?: boolean;
+    maskStyle?: CSSProperties;
+    onClose?: () => void;
+    placement?: PlacementType;
+    prefixCls?: string;
+    title?: ReactNode;
+    titleClassName?: string;
+    titleStyle?: CSSProperties;
+    visible?: boolean;
+    width?: string | number;
+    zIndex?: string | number;
+}
+declare const Drawer: React.ForwardRefExoticComponent<IDrawerProps & React.RefAttributes<unknown>>;
+export default Drawer;

package/es/drawer/drawer.js

@@ -0,0 +1,247 @@
+import _extends from "@babel/runtime-corejs3/helpers/extends";
+import _defineProperty from "@babel/runtime-corejs3/helpers/defineProperty";
+import _slicedToArray from "@babel/runtime-corejs3/helpers/slicedToArray";
+import _endsWithInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/ends-with";
+import _includesInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/includes";
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
+import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
+import React, { useContext, useEffect, useState, useCallback, createRef } from 'react';
+import { Icon } from '../index';
+import ReactDOM from 'react-dom';
+import { tuple } from '../_utils/type';
+import classNames from 'classnames';
+import ConfigContext from '../config-provider/ConfigContext';
+import { getCompProps } from '../_utils';
+import devWarning from '../_utils/devwarning';
+import { useResizeObserver, useHideDocumentScrollBar } from '../_utils/hooks'; // import { usePrevious } from '../_utils/hooks'
+
+import { toArray } from '../_utils/react-children';
+export var PlacementTypes = tuple('top', 'right', 'bottom', 'left');
+var relativePostionTypes = ['relative', 'absolute', 'fixed'];
+var horizontalPlacements = ['left', 'right'];
+var verticalPlacements = ['top', 'bottom'];
+var documentBody = document.body;
+
+function transformSize(size, placement) {
+  if (typeof size === 'string') {
+    // 只考虑px 或者 %
+    devWarning(!(_endsWithInstanceProperty(size).call(size, 'px') && _endsWithInstanceProperty(size).call(size, '%')), 'drawer', "cannot calculate drawer size: width | height for '".concat(size, "' besides px or %"));
+    if (placement === 'right' || placement === 'bottom') return size || 0;
+    return size ? '-' + size : 0;
+  }
+
+  if (placement === 'right' || placement === 'bottom') return (size || 0) + 'px';
+  return ('-' + size || 0) + 'px';
+}
+
+var InternalDrawer = function InternalDrawer(props, ref) {
+  var _classNames, _context2, _classNames2;
+
+  var _useContext = useContext(ConfigContext),
+      getPrefixCls = _useContext.getPrefixCls,
+      prefixCls = _useContext.prefixCls,
+      userDefaultProps = _useContext.compDefaultProps;
+
+  var drawerProps = getCompProps('Drawer', userDefaultProps, props); // 属性需要合并一遍用户定义的默认属性
+
+  var className = drawerProps.className,
+      closable = drawerProps.closable,
+      closeIcon = drawerProps.closeIcon,
+      children = drawerProps.children,
+      onClose = drawerProps.onClose,
+      keyboard = drawerProps.keyboard,
+      mask = drawerProps.mask,
+      maskClosable = drawerProps.maskClosable,
+      maskStyle = drawerProps.maskStyle,
+      maskClassName = drawerProps.maskClassName,
+      placement = drawerProps.placement,
+      title = drawerProps.title,
+      titleStyle = drawerProps.titleStyle,
+      titleClassName = drawerProps.titleClassName,
+      footer = drawerProps.footer,
+      footerStyle = drawerProps.footerStyle,
+      footerClassName = drawerProps.footerClassName,
+      visible = drawerProps.visible,
+      width = drawerProps.width,
+      height = drawerProps.height,
+      headerStyle = drawerProps.headerStyle,
+      headerClassName = drawerProps.headerClassName,
+      zindex = drawerProps.zIndex,
+      getContainer = drawerProps.getContainer,
+      forceRender = drawerProps.forceRender,
+      destroyOnClose = drawerProps.destroyOnClose,
+      customPrefixcls = drawerProps.prefixCls;
+  var drawerPrefixCls = getPrefixCls(prefixCls, 'drawer', customPrefixcls);
+
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      showChildren = _useState2[0],
+      setShowChildren = _useState2[1];
+
+  var _useState3 = useState(width),
+      _useState4 = _slicedToArray(_useState3, 2),
+      currentWidth = _useState4[0],
+      setCurrentWidth = _useState4[1];
+
+  var _useState5 = useState(height),
+      _useState6 = _slicedToArray(_useState5, 2),
+      currentHeight = _useState6[0],
+      setCurrentHeight = _useState6[1]; // const previousWidthRef = usePrevious(currentWidth)
+  // const previousHeightRef = usePrevious(currentHeight)
+
+
+  var containerRef = ref || /*#__PURE__*/createRef();
+  devWarning(PlacementTypes.indexOf(placement) === -1, 'drawer', "cannot found drawer type '".concat(placement, "'"));
+  var drawerContainer = typeof getContainer === 'function' ? getContainer() : getContainer;
+  var isAtOriginalPlace = drawerContainer === false;
+
+  if (!(drawerContainer instanceof Element) && !isAtOriginalPlace) {
+    try {
+      drawerContainer = document.querySelector(drawerContainer);
+    } catch (error) {
+      devWarning(true, 'drawer', 'getContainer"s returnValue/value is not a correct CSSSelector');
+    }
+
+    drawerContainer = documentBody;
+  }
+
+  var isBody = !drawerContainer && !isAtOriginalPlace || drawerContainer === document.body;
+  useEffect(function () {
+    setShowChildren(!!forceRender);
+  }, [forceRender]);
+  useEffect(function () {
+    var node = null;
+    var portalNode = containerRef.current; // 应该只有可见才能影响
+    // 但是这样会有闪烁的问题
+
+    if (!isBody && drawerContainer) {
+      node = drawerContainer;
+    } else if (isAtOriginalPlace) {
+      node = portalNode && portalNode.parentElement;
+    }
+
+    if (node && !_includesInstanceProperty(relativePostionTypes).call(relativePostionTypes, window.getComputedStyle(node).position)) {
+      devWarning(true, 'drawer', 'getContainer"s returnValue/value is not a relative/absolute/fixed positioned DOM');
+    }
+  }, [drawerContainer, isBody, isAtOriginalPlace, containerRef]);
+  var handleContainerResize = useCallback(function (_ref) {
+    var containerWidth = _ref.width,
+        containerHeight = _ref.height;
+    if (!visible && width === currentWidth && height === currentHeight) return;
+
+    if (containerWidth < currentWidth) {
+      // 这里改成操作DOM？
+      setCurrentWidth(containerWidth); // 这里拿不到正确的之前的宽度
+      //  if (width !== previousWidthRef!)
+      // 会一直触发
+    } else {
+      setCurrentWidth(width);
+    }
+
+    if (containerHeight < currentHeight) {
+      setCurrentHeight(containerHeight);
+    } else {
+      setCurrentHeight(height);
+    }
+  }, [width, height, visible, currentWidth, currentHeight]);
+  useResizeObserver(function () {
+    var _a;
+
+    return drawerContainer || ((_a = containerRef.current) === null || _a === void 0 ? void 0 : _a.parentNode);
+  }, handleContainerResize);
+  useHideDocumentScrollBar(!!visible, isBody, !!mask); // 为了单测
+
+  useEffect(function () {
+    setCurrentWidth(width);
+  }, [width]);
+  useEffect(function () {
+    setCurrentHeight(height);
+  }, [height]);
+  var closeDrawer = useCallback(function () {
+    onClose && onClose();
+    destroyOnClose && setShowChildren(false);
+  }, [onClose, destroyOnClose]);
+  var escapeToCloseModal = useCallback(function (evt) {
+    var _context;
+
+    // In Internet Explorer 9 and Firefox 36 and earlier, the Esc key returns "Esc" instead of "Escape"
+    if (_includesInstanceProperty(_context = ['Escape', 'Esc']).call(_context, evt.key)) {
+      closeDrawer();
+    }
+  }, [closeDrawer]);
+  useEffect(function () {
+    if (keyboard) {
+      document.body.addEventListener('keydown', escapeToCloseModal);
+    }
+
+    return function () {
+      document.body.removeEventListener('keydown', escapeToCloseModal);
+    };
+  }, [keyboard, closeDrawer, escapeToCloseModal]);
+  var handleMaskClick = useCallback(function () {
+    if (maskClosable) {
+      closeDrawer();
+    }
+  }, [maskClosable, closeDrawer]);
+  var drawerClasses = classNames(drawerPrefixCls, className, (_classNames = {}, _defineProperty(_classNames, "".concat(drawerPrefixCls, "-hide"), !visible), _defineProperty(_classNames, "".concat(drawerPrefixCls, "-active"), visible), _defineProperty(_classNames, "".concat(drawerPrefixCls, "-not-at-body"), !isBody), _classNames));
+  var headerClass = "".concat(drawerPrefixCls, "-header");
+
+  var containerStyle = _extends(_defineProperty({}, placement, 0), _includesInstanceProperty(horizontalPlacements).call(horizontalPlacements, placement) ? {
+    width: currentWidth,
+    transform: "translateX(".concat(visible ? 0 : transformSize(currentWidth, placement), ")")
+  } : {
+    height: currentHeight,
+    transform: "translateY(".concat(visible ? 0 : transformSize(currentHeight, placement), ")")
+  });
+
+  var container = /*#__PURE__*/React.createElement("div", {
+    className: classNames((_classNames2 = {}, _defineProperty(_classNames2, "".concat(drawerPrefixCls, "-container-box"), true), _defineProperty(_classNames2, "".concat(drawerPrefixCls, "-has-container-box"), drawerContainer), _defineProperty(_classNames2, _concatInstanceProperty(_context2 = "".concat(drawerPrefixCls, "-container-")).call(_context2, placement), true), _classNames2)),
+    style: containerStyle
+  }, (title || closable) && /*#__PURE__*/React.createElement("div", {
+    className: classNames(headerClass, headerClassName),
+    style: headerStyle
+  }, /*#__PURE__*/React.createElement("div", {
+    className: classNames("".concat(drawerPrefixCls, "-title"), titleClassName),
+    style: titleStyle
+  }, title), closable && /*#__PURE__*/React.createElement("div", {
+    className: "".concat(drawerPrefixCls, "-close-icon"),
+    onClick: function onClick() {
+      return closeDrawer();
+    }
+  }, closeIcon || /*#__PURE__*/React.createElement(Icon, {
+    type: "close"
+  }))), /*#__PURE__*/React.createElement("div", {
+    className: "".concat(drawerPrefixCls, "-body")
+  }, (showChildren || visible) && toArray(children)), footer && /*#__PURE__*/React.createElement("div", {
+    className: classNames("".concat(drawerPrefixCls, "-footer"), footerClassName),
+    style: footerStyle
+  }, footer));
+  var opposition = !mask && _includesInstanceProperty(PlacementTypes).call(PlacementTypes, placement) ? _includesInstanceProperty(horizontalPlacements).call(horizontalPlacements, placement) ? _filterInstanceProperty(horizontalPlacements).call(horizontalPlacements, function (p) {
+    return p !== placement;
+  })[0] : _filterInstanceProperty(verticalPlacements).call(verticalPlacements, function (p) {
+    return p !== placement;
+  })[0] : '';
+  var noneMaskStyle = !mask ? {
+    width: containerStyle.width,
+    height: containerStyle.height
+  } : {};
+  var comp = /*#__PURE__*/React.createElement("div", {
+    className: drawerClasses,
+    style: _extends(_extends({
+      zIndex: zindex || 'auto'
+    }, noneMaskStyle), opposition ? _defineProperty({}, opposition, 'unset') : {}),
+    ref: containerRef
+  }, mask && /*#__PURE__*/React.createElement("div", {
+    onClick: handleMaskClick,
+    className: classNames("".concat(drawerPrefixCls, "-mask"), maskClassName),
+    style: maskStyle
+  }), container);
+  if (drawerContainer instanceof HTMLElement) return /*#__PURE__*/ReactDOM.createPortal(comp, drawerContainer);else if (drawerContainer !== false) {
+    return /*#__PURE__*/ReactDOM.createPortal(comp, documentBody);
+  }
+  return comp;
+};
+
+var Drawer = /*#__PURE__*/React.forwardRef(InternalDrawer);
+Drawer.displayName = 'Drawer';
+export default Drawer;

package/es/drawer/index.d.ts

@@ -0,0 +1,3 @@
+import Drawer from './drawer';
+export * from './drawer';
+export default Drawer;

package/es/drawer/index.js

@@ -0,0 +1,3 @@
+import Drawer from './drawer';
+export * from './drawer';
+export default Drawer;

package/es/drawer/style/css.js

@@ -0,0 +1,2 @@
+import '../../style/index.css';
+import './index.css';