@kdcloudjs/kdesign 1.6.34 → 1.6.36

package/es/collapse/panel.js

@@ -8,53 +8,44 @@ import Icon from '../icon';
 import isBoolean from 'lodash/isBoolean';
 var Panel = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _classNames6, _classNames7, _classNames8;
-
   var _React$useContext = React.useContext(ConfigContext),
-      getPrefixCls = _React$useContext.getPrefixCls,
-      prefixCls = _React$useContext.prefixCls,
-      userDefaultProps = _React$useContext.compDefaultProps;
-
+    getPrefixCls = _React$useContext.getPrefixCls,
+    prefixCls = _React$useContext.prefixCls,
+    userDefaultProps = _React$useContext.compDefaultProps;
   var _getCompProps = getCompProps('CollapsePanel', userDefaultProps, props),
-      disabled = _getCompProps.disabled,
-      extra = _getCompProps.extra,
-      assist = _getCompProps.assist,
-      header = _getCompProps.header,
-      onChange = _getCompProps.onChange,
-      panelKey = _getCompProps.panelKey,
-      defaultExpand = _getCompProps.defaultExpand,
-      expand = _getCompProps.expand,
-      bordered = _getCompProps.bordered,
-      expandIcon = _getCompProps.expandIcon,
-      expandIconPosition = _getCompProps.expandIconPosition,
-      style = _getCompProps.style,
-      className = _getCompProps.className,
-      children = _getCompProps.children,
-      customPrefixcls = _getCompProps.prefixCls;
-
+    disabled = _getCompProps.disabled,
+    extra = _getCompProps.extra,
+    assist = _getCompProps.assist,
+    header = _getCompProps.header,
+    onChange = _getCompProps.onChange,
+    panelKey = _getCompProps.panelKey,
+    defaultExpand = _getCompProps.defaultExpand,
+    expand = _getCompProps.expand,
+    bordered = _getCompProps.bordered,
+    expandIcon = _getCompProps.expandIcon,
+    expandIconPosition = _getCompProps.expandIconPosition,
+    style = _getCompProps.style,
+    className = _getCompProps.className,
+    children = _getCompProps.children,
+    customPrefixcls = _getCompProps.prefixCls;
   var panelPrefixCls = getPrefixCls(prefixCls, 'collapse-panel', customPrefixcls); // 样式前缀
-
   var childrenRef = useRef();
   var setHeightTimerRef = useRef(null);
   var setAutoHeightTimerRef = useRef(null);
-
   var _useState = useState(null),
-      _useState2 = _slicedToArray(_useState, 2),
-      expandAnimation = _useState2[0],
-      setExpandAnimation = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    expandAnimation = _useState2[0],
+    setExpandAnimation = _useState2[1];
   var getExpand = function getExpand() {
     return isBoolean(expand) ? expand : defaultExpand;
   };
-
   var handleClick = function handleClick() {
     if (disabled) return;
     setExpandAnimation(true);
     onChange && onChange(panelKey);
   };
-
   var renderIcon = function renderIcon() {
     var _classNames;
-
     var iconClassName = classNames((_classNames = {}, _defineProperty(_classNames, "".concat(panelPrefixCls, "-icon"), true), _defineProperty(_classNames, "".concat(panelPrefixCls, "-animation-expand"), !getExpand()), _defineProperty(_classNames, "".concat(panelPrefixCls, "-animation-collapse"), getExpand()), _defineProperty(_classNames, "".concat(panelPrefixCls, "-disabled"), disabled), _classNames));
     return /*#__PURE__*/React.createElement("span", {
       className: iconClassName,
@@ -63,10 +54,8 @@ var Panel = /*#__PURE__*/React.forwardRef(function (props, ref) {
       type: "arrow-right-solid"
     }));
   };
-
   var renderLeft = function renderLeft() {
     var _classNames2, _classNames3;
-
     var className = classNames((_classNames2 = {}, _defineProperty(_classNames2, "".concat(panelPrefixCls, "-left"), true), _defineProperty(_classNames2, "".concat(panelPrefixCls, "-disabled"), disabled), _classNames2));
     var headerClassName = classNames((_classNames3 = {}, _defineProperty(_classNames3, "".concat(panelPrefixCls, "-header"), true), _defineProperty(_classNames3, "".concat(panelPrefixCls, "-disabled"), disabled), _classNames3));
     return /*#__PURE__*/React.createElement("span", {
@@ -76,10 +65,8 @@ var Panel = /*#__PURE__*/React.forwardRef(function (props, ref) {
       className: headerClassName
     }, renderReactNode(header)));
   };
-
   var renderRight = function renderRight() {
     var _classNames4;
-
     var className = classNames((_classNames4 = {}, _defineProperty(_classNames4, "".concat(panelPrefixCls, "-right"), true), _defineProperty(_classNames4, "".concat(panelPrefixCls, "-disabled"), disabled), _classNames4));
     return /*#__PURE__*/React.createElement("span", {
       className: className
@@ -87,10 +74,8 @@ var Panel = /*#__PURE__*/React.forwardRef(function (props, ref) {
       className: "".concat(panelPrefixCls, "-extra")
     }, renderReactNode(extra)), expandIconPosition === 'right' ? renderIcon() : null);
   };
-
   var renderMiddle = function renderMiddle() {
     var _classNames5;
-
     var className = classNames((_classNames5 = {}, _defineProperty(_classNames5, "".concat(panelPrefixCls, "-middle"), true), _defineProperty(_classNames5, "".concat(panelPrefixCls, "-disabled"), disabled), _classNames5));
     return /*#__PURE__*/React.createElement("span", {
       className: className
@@ -98,20 +83,16 @@ var Panel = /*#__PURE__*/React.forwardRef(function (props, ref) {
       className: "".concat(panelPrefixCls, "-assist")
     }, renderReactNode(assist)));
   };
-
   var renderReactNode = function renderReactNode(reactNode) {
     if (typeof reactNode === 'function') {
       return reactNode();
     }
-
     return reactNode;
   };
-
   var rootClassName = classNames(className, (_classNames6 = {}, _defineProperty(_classNames6, "".concat(panelPrefixCls), true), _defineProperty(_classNames6, "".concat(panelPrefixCls, "-border"), bordered), _defineProperty(_classNames6, "".concat(panelPrefixCls, "-opened"), expand), _classNames6));
   var topClassName = classNames((_classNames7 = {}, _defineProperty(_classNames7, "".concat(panelPrefixCls, "-top"), true), _defineProperty(_classNames7, "".concat(panelPrefixCls, "-disabled"), disabled), _defineProperty(_classNames7, "".concat(panelPrefixCls, "-top-border"), bordered && expand), _classNames7));
   var childrenClassName = classNames((_classNames8 = {}, _defineProperty(_classNames8, "".concat(panelPrefixCls, "-children"), expand), _defineProperty(_classNames8, "".concat(panelPrefixCls, "-children-hide"), !expand), _classNames8));
   var childrenBorderedClassName = classNames(_defineProperty({}, "".concat(panelPrefixCls, "-children-bordered"), bordered));
-
   var runExpandAnimation = function runExpandAnimation(element) {
     element.style.height = '0px';
     element.style.opacity = '0';
@@ -126,7 +107,6 @@ var Panel = /*#__PURE__*/React.forwardRef(function (props, ref) {
       element.style.height = 'auto';
     }, 350);
   };
-
   var runCollapseAnimation = function runCollapseAnimation(element) {
     setAutoHeightTimerRef.current && clearTimeout(setAutoHeightTimerRef.current);
     element.style.height = "".concat(element.scrollHeight, "px");
@@ -135,16 +115,13 @@ var Panel = /*#__PURE__*/React.forwardRef(function (props, ref) {
       element.style.opacity = '0';
     }, 0);
   };
-
   var expandWidthoutAnimation = function expandWidthoutAnimation(element) {
     element.style.height = 'auto';
     element.style.opacity = '1';
   };
-
   var panelPrefixClsRef = ref || /*#__PURE__*/React.createRef();
   React.useLayoutEffect(function () {
     if (!childrenRef.current) return;
-
     if (expandAnimation) {
       expand ? runExpandAnimation(childrenRef.current) : runCollapseAnimation(childrenRef.current);
       setExpandAnimation(false);

package/es/config-provider/SizeContext.js

@@ -2,7 +2,7 @@ import React from 'react';
 var SizeContext = /*#__PURE__*/React.createContext(undefined);
 export var SizeContextProvider = function SizeContextProvider(_ref) {
   var children = _ref.children,
-      size = _ref.size;
+    size = _ref.size;
   return /*#__PURE__*/React.createElement(SizeContext.Consumer, null, function (originSize) {
     return /*#__PURE__*/React.createElement(SizeContext.Provider, {
       value: size || originSize

package/es/config-provider/compDefaultProps.js

@@ -6,7 +6,6 @@ import { Icon } from '../index';
  * componentName: defaultPropsObj
  * （用于处理用户自定义默认属性）
  */
-
 var compDefaultProps = {
   Alert: {
     type: 'warning',

package/es/config-provider/configProvider.js

@@ -6,23 +6,19 @@ import assign from 'lodash/assign';
 import ConfigContext from './ConfigContext';
 import defaultConfig from './defaultConfig';
 import localeCacher, { getLangMsg as getLang, getCompLangMsg as getCompLang } from '../locale/index';
-
 var ConfigProvider = function ConfigProvider(props) {
   // 处理当前语言
   var value = props.value;
   var localeConfig = value && value.localeConfig;
-
   if (localeConfig) {
     localeCacher.setLocalesData(localeConfig.locale, localeConfig.localeData);
   }
-
   var locale = useMemo(function () {
     return {
       getLangMsg: function getLangMsg(componentName, labelName, params) {
         if (localeConfig && localeConfig.customGetLangMsg) {
           return localeConfig.customGetLangMsg(componentName, labelName, params);
         }
-
         return getLang(componentName, labelName, params);
       },
       getCompLangMsg: function getCompLangMsg(compLangMsgParams) {
@@ -30,8 +26,8 @@ var ConfigProvider = function ConfigProvider(props) {
       },
       locale: localeCacher.getLocal()
     };
-  }, [localeConfig]); // 处理组件默认属性
-
+  }, [localeConfig]);
+  // 处理组件默认属性
   var providerValue = useMemo(function () {
     return assign({}, defaultConfig, value, {
       locale: locale
@@ -41,5 +37,4 @@ var ConfigProvider = function ConfigProvider(props) {
     value: providerValue
   }, props.children);
 };
-
 export default ConfigProvider;

package/es/config-provider/defaultConfig.js

@@ -3,7 +3,6 @@ import { getLangMsg, getCompLangMsg } from '../locale';
 var defaultConfig = {
   getPrefixCls: function getPrefixCls(configPrefixCls, suffixCls, customizePrefixCls) {
     var _context;
-
     // 获取样式前缀方法
     if (customizePrefixCls) return customizePrefixCls;
     configPrefixCls = configPrefixCls || 'kd';

package/es/date-picker/calendar.js

@@ -6,25 +6,21 @@ import Week from './panel/week/week';
 import Context from './context';
 import { getStartOfWeek, getStartOfMonth, addWeeks } from './utils/date-fns';
 var DATE_ROW_COUNT = 6;
-
 function Calendar(props) {
   var context = useContext(Context);
   var prefixCls = context.prefixCls,
-      viewDate = context.viewDate,
-      locale = context.locale;
+    viewDate = context.viewDate,
+    locale = context.locale;
   var picker = props.picker,
-      showWeekNumber = props.showWeekNumber,
-      showWeeksTitle = props.showWeeksTitle,
-      showTime = props.showTime,
-      disabledDate = props.disabledDate;
-
+    showWeekNumber = props.showWeekNumber,
+    showWeeksTitle = props.showWeeksTitle,
+    showTime = props.showTime,
+    disabledDate = props.disabledDate;
   var renderWeeksTitle = function renderWeeksTitle() {
     var _context;
-
     var dayNames = [];
     var weekTitleCls = classnames("".concat(prefixCls, "-weektitle"));
     var weekTitleItemCls = classnames("".concat(prefixCls, "-weektitle-item"));
-
     if (showWeekNumber) {
       var weekTitleNumberItemCls = classnames("".concat(prefixCls, "-weektitle-weeknumber"));
       dayNames.push( /*#__PURE__*/React.createElement("div", {
@@ -32,7 +28,6 @@ function Calendar(props) {
         className: weekTitleNumberItemCls
       }));
     }
-
     return /*#__PURE__*/React.createElement("div", {
       className: weekTitleCls
     }, _concatInstanceProperty(dayNames).call(dayNames, _mapInstanceProperty(_context = [0, 1, 2, 3, 4, 5, 6]).call(_context, function (offset) {
@@ -43,12 +38,10 @@ function Calendar(props) {
       }, weekDayName);
     })));
   };
-
   var renderWeeks = function renderWeeks() {
     var currentWeekStart = getStartOfWeek(getStartOfMonth(viewDate));
     var weeks = [];
     var i = 0;
-
     while (true) {
       weeks.push( /*#__PURE__*/React.createElement(Week, {
         key: i,
@@ -59,11 +52,12 @@ function Calendar(props) {
         disabledDate: disabledDate
       }));
       i++;
-      currentWeekStart = addWeeks(currentWeekStart, 1); // 最少保证面板包含有六周，保证左右面板及切换面板时周数一致
-
+      currentWeekStart = addWeeks(currentWeekStart, 1);
+      // 最少保证面板包含有六周，保证左右面板及切换面板时周数一致
       if (i >= DATE_ROW_COUNT) {
         break;
-      } // const isNonFixedAndOutOfMonth = !isWeekInMonth(currentWeekStart)
+      }
+      // const isNonFixedAndOutOfMonth = !isWeekInMonth(currentWeekStart)
       // if (panelPosition) {
       //   // range 模式时，最少保证面板包含有六周，保证左右面板周数一致
       //   if (i >= DATE_ROW_COUNT) {
@@ -74,23 +68,20 @@ function Calendar(props) {
       //     break
       //   }
       // }
-
     }
 
     return weeks;
   };
-
   var calendarCls = classnames("".concat(prefixCls, "-calendar"));
-  var calendarWarpperCls = classnames("".concat(prefixCls, "-calendar-warpper")); // let _showWeeksTitle
+  var calendarWarpperCls = classnames("".concat(prefixCls, "-calendar-warpper"));
+  // let _showWeeksTitle
   // if (picker === 'date' || picker === 'week') {
   //   _showWeeksTitle = showWeeksTitle
   // }
-
   return /*#__PURE__*/React.createElement("div", {
     className: calendarCls
   }, showWeeksTitle ? renderWeeksTitle() : null, /*#__PURE__*/React.createElement("div", {
     className: calendarWarpperCls
   }, renderWeeks()));
 }
-
 export default Calendar;

package/es/date-picker/date-panel.js

@@ -13,49 +13,43 @@ import { addMonths, addYears, getMonth, getYear, getYearsPeriod, DEFAULT_YEAR_IT
 import { getClosingViewDate, getTimeProps } from './utils';
 import isBoolean from 'lodash/isBoolean';
 import DateTime from './panel/date-time/date-time';
-
 function Panel(props) {
   var context = useContext(Context);
   var prefixCls = context.prefixCls,
-      viewDate = context.viewDate,
-      setViewDate = context.setViewDate,
-      panelPosition = context.panelPosition,
-      locale = context.locale,
-      innerPicker = context.innerPicker,
-      setInnerPicker = context.setInnerPicker;
+    viewDate = context.viewDate,
+    setViewDate = context.setViewDate,
+    panelPosition = context.panelPosition,
+    locale = context.locale,
+    innerPicker = context.innerPicker,
+    setInnerPicker = context.setInnerPicker;
   var isInInnerPicker = innerPicker !== undefined;
   var _props$picker = props.picker,
-      picker = _props$picker === void 0 ? 'date' : _props$picker,
-      format = props.format,
-      showTime = props.showTime,
-      mergedActivePickerIndex = props.mergedActivePickerIndex,
-      useWeekdaysShort = props.useWeekdaysShort,
-      showWeekNumber = props.showWeekNumber,
-      showWeeksTitle = props.showWeeksTitle,
-      disabledDate = props.disabledDate;
-
+    picker = _props$picker === void 0 ? 'date' : _props$picker,
+    format = props.format,
+    showTime = props.showTime,
+    mergedActivePickerIndex = props.mergedActivePickerIndex,
+    useWeekdaysShort = props.useWeekdaysShort,
+    showWeekNumber = props.showWeekNumber,
+    showWeeksTitle = props.showWeeksTitle,
+    disabledDate = props.disabledDate;
   var getHeader = function getHeader() {
     return /*#__PURE__*/React.createElement(Header, _extends({}, headerProps, {
       className: headerObj.className
     }), headerObj.children);
   };
-
   var renderYearPanel = function renderYearPanel() {
     var _props$yearItemNumber = props.yearItemNumber,
-        yearItemNumber = _props$yearItemNumber === void 0 ? DEFAULT_YEAR_ITEM_NUMBER : _props$yearItemNumber;
+      yearItemNumber = _props$yearItemNumber === void 0 ? DEFAULT_YEAR_ITEM_NUMBER : _props$yearItemNumber;
     return /*#__PURE__*/React.createElement(Year, _extends({}, props, {
       yearItemNumber: yearItemNumber
     }));
   };
-
   var renderMonthPanel = function renderMonthPanel() {
     return /*#__PURE__*/React.createElement(Month, _extends({}, props));
   };
-
   var renderQuarterPanel = function renderQuarterPanel() {
     return /*#__PURE__*/React.createElement(Quarter, _extends({}, props));
   };
-
   var renderDatePanel = function renderDatePanel() {
     if (isInInnerPicker) {
       if (innerPicker === 'year') {
@@ -64,7 +58,6 @@ function Panel(props) {
         return renderMonthPanel();
       }
     }
-
     if (!showTime) {
       var dateProps = {
         picker: picker,
@@ -86,14 +79,12 @@ function Panel(props) {
       }, props), {
         picker: picker
       })) : {});
-
       return /*#__PURE__*/React.createElement(DateTime, _extends({}, _props, {
         picker: picker,
         dateHeader: getHeader()
       }));
     }
   };
-
   var renderTimePanel = function renderTimePanel() {
     var _props = _extends(_extends(_extends(_extends({}, props), {
       format: undefined
@@ -106,25 +97,20 @@ function Panel(props) {
     }, props), {
       picker: picker
     })) : {});
-
     return /*#__PURE__*/React.createElement(Time, _extends({}, _props));
   };
-
   var renderYearHeader = function renderYearHeader() {
     var _props$yearItemNumber2 = props.yearItemNumber,
-        yearItemNumber = _props$yearItemNumber2 === void 0 ? DEFAULT_YEAR_ITEM_NUMBER : _props$yearItemNumber2;
-
+      yearItemNumber = _props$yearItemNumber2 === void 0 ? DEFAULT_YEAR_ITEM_NUMBER : _props$yearItemNumber2;
     var _getYearsPeriod = getYearsPeriod(viewDate, yearItemNumber),
-        startPeriod = _getYearsPeriod.startPeriod,
-        endPeriod = _getYearsPeriod.endPeriod;
-
+      startPeriod = _getYearsPeriod.startPeriod,
+      endPeriod = _getYearsPeriod.endPeriod;
     var headerCls = classnames("".concat(prefixCls, "-header"), "".concat(prefixCls, "-header-year"));
     return {
       children: /*#__PURE__*/React.createElement(React.Fragment, null, startPeriod, " - ", endPeriod),
       className: headerCls
     };
   };
-
   var renderMonthHeader = function renderMonthHeader() {
     var year = getYear(viewDate);
     var headerCls = classnames("".concat(prefixCls, "-header"), "".concat(prefixCls, "-header-month"));
@@ -133,22 +119,18 @@ function Panel(props) {
       className: headerCls
     };
   };
-
   var onHeaderYearClick = function onHeaderYearClick() {
     if (picker === 'date') {
       setInnerPicker('year');
     }
   };
-
   var onHeaderMonthClick = function onHeaderMonthClick() {
     if (picker === 'date') {
       setInnerPicker('month');
     }
   };
-
   var renderDateHeader = function renderDateHeader() {
     var _classnames, _classnames2;
-
     var year = getYear(viewDate);
     var month = getMonth(viewDate) + 1;
     var headerCls = classnames("".concat(prefixCls, "-header"), "".concat(prefixCls, "-header-date"));
@@ -163,65 +145,47 @@ function Panel(props) {
       className: headerCls
     };
   };
-
   var onSuperPrev = function onSuperPrev() {
     var date;
-
     if (picker === 'year' || innerPicker === 'year') {
       var _props$yearItemNumber3 = props.yearItemNumber,
-          yearItemNumber = _props$yearItemNumber3 === void 0 ? DEFAULT_YEAR_ITEM_NUMBER : _props$yearItemNumber3;
+        yearItemNumber = _props$yearItemNumber3 === void 0 ? DEFAULT_YEAR_ITEM_NUMBER : _props$yearItemNumber3;
       date = addYears(viewDate, 0 - yearItemNumber);
     } else {
       date = addYears(viewDate, -1);
     }
-
     setViewDate(date, mergedActivePickerIndex);
   };
-
   var onSuperNext = function onSuperNext() {
     var date;
-
     if (picker === 'year' || innerPicker === 'year') {
       var _props$yearItemNumber4 = props.yearItemNumber,
-          yearItemNumber = _props$yearItemNumber4 === void 0 ? DEFAULT_YEAR_ITEM_NUMBER : _props$yearItemNumber4;
+        yearItemNumber = _props$yearItemNumber4 === void 0 ? DEFAULT_YEAR_ITEM_NUMBER : _props$yearItemNumber4;
       var _viewDate = viewDate;
-
       if (panelPosition) {
         _viewDate = getClosingViewDate(viewDate, picker, -1, yearItemNumber);
       }
-
       date = addYears(_viewDate, yearItemNumber);
     } else {
       var _viewDate2 = viewDate;
-
       if (panelPosition) {
         _viewDate2 = getClosingViewDate(viewDate, picker, -1);
       }
-
       date = addYears(_viewDate2, 1);
     }
-
     setViewDate(date, mergedActivePickerIndex);
   };
-
   var onPrev = function onPrev() {
     var date = addMonths(viewDate, -1);
     setViewDate(date, mergedActivePickerIndex);
   };
-
   var onNext = function onNext() {
-    if (panelPosition) {
-      setViewDate(viewDate, mergedActivePickerIndex);
-    } else {
-      var date = addMonths(viewDate, 1);
-      setViewDate(date);
-    }
+    var date = addMonths(viewDate, 1);
+    setViewDate(date, mergedActivePickerIndex);
   };
-
   var panel;
   var headerProps = {};
   var headerObj;
-
   switch (picker) {
     case 'year':
       {
@@ -233,7 +197,6 @@ function Panel(props) {
         };
         break;
       }
-
     case 'month':
       {
         panel = renderMonthPanel();
@@ -244,7 +207,6 @@ function Panel(props) {
         };
         break;
       }
-
     case 'quarter':
       {
         panel = renderQuarterPanel();
@@ -255,7 +217,6 @@ function Panel(props) {
         };
         break;
       }
-
     case 'date':
       {
         headerObj = renderDateHeader();
@@ -268,7 +229,6 @@ function Panel(props) {
         panel = renderDatePanel();
         break;
       }
-
     case 'week':
       {
         panel = renderDatePanel();
@@ -281,24 +241,20 @@ function Panel(props) {
         };
         break;
       }
-
     case 'time':
       {
         panel = renderTimePanel();
         break;
       }
-
     default:
       {
         break;
       }
   }
-
   var showHeader = !(picker === 'date' && showTime || picker === 'time') || innerPicker !== undefined;
   var containerCls = classnames("".concat(prefixCls, "-warpper"));
   return /*#__PURE__*/React.createElement("div", {
     className: containerCls
   }, showHeader ? getHeader() : null, panel);
 }
-
 export default Panel;