@kdcloudjs/kdesign 1.6.34 → 1.6.36

package/es/space/space.js

@@ -9,79 +9,63 @@ import * as React from 'react';
 import classNames from 'classnames';
 import { getCompProps } from '../_utils';
 import { ConfigContext } from '../config-provider';
-
 var Space = function Space(props) {
   var _context, _context2;
-
   var _React$useContext = React.useContext(ConfigContext),
-      getPrefixCls = _React$useContext.getPrefixCls,
-      pkgPrefixCls = _React$useContext.prefixCls,
-      userDefaultProps = _React$useContext.compDefaultProps; // 属性需要合并一遍用户定义的默认属性
-
-
+    getPrefixCls = _React$useContext.getPrefixCls,
+    pkgPrefixCls = _React$useContext.prefixCls,
+    userDefaultProps = _React$useContext.compDefaultProps;
+  // 属性需要合并一遍用户定义的默认属性
   var _getCompProps = getCompProps('Space', userDefaultProps, props),
-      style = _getCompProps.style,
-      className = _getCompProps.className,
-      children = _getCompProps.children,
-      direction = _getCompProps.direction,
-      align = _getCompProps.align,
-      size = _getCompProps.size,
-      split = _getCompProps.split,
-      wrap = _getCompProps.wrap,
-      customPrefixcls = _getCompProps.prefixCls; // className前缀
-
-
+    style = _getCompProps.style,
+    className = _getCompProps.className,
+    children = _getCompProps.children,
+    direction = _getCompProps.direction,
+    align = _getCompProps.align,
+    size = _getCompProps.size,
+    split = _getCompProps.split,
+    wrap = _getCompProps.wrap,
+    customPrefixcls = _getCompProps.prefixCls;
+  // className前缀
   var prefixCls = getPrefixCls(pkgPrefixCls, 'space', customPrefixcls);
   var mapSize = {
     small: 8,
     middle: 16,
     large: 24
   };
-
   var getGap = function getGap(size) {
     return mapSize[size] || size || 0;
   };
-
   var gap = {
     col: 0
   };
-
   if (Array.isArray(size)) {
     var _size = _slicedToArray(size, 2),
-        col = _size[0],
-        row = _size[1];
-
+      col = _size[0],
+      row = _size[1];
     gap.col = getGap(col);
     gap.row = getGap(row);
   } else {
     gap.col = getGap(size);
   }
-
   var styleString = _extends({
     '--cgap': gap.col + 'px',
     '--rgap': gap.row && gap.row + 'px'
   }, style);
-
   var spaceClass = classNames(prefixCls, className, _concatInstanceProperty(_context = "".concat(prefixCls, "-")).call(_context, direction), _concatInstanceProperty(_context2 = "".concat(prefixCls, "-align-")).call(_context2, align), _defineProperty({}, "".concat(prefixCls, "-wrap"), wrap));
-
   var renderItems = function renderItems(children) {
     var _context3;
-
     return _mapInstanceProperty(_context3 = React.Children).call(_context3, children, function (child) {
       if (child === null || child === void 0 ? void 0 : child.type) {
         if (_typeof(child.type) === 'symbol') {
           return renderItems(child.props.children);
         }
-
         return child;
       }
-
       if (child) return /*#__PURE__*/React.createElement("span", null, child);
     });
   };
-
   var Items = renderItems(children);
-
   if (split) {
     for (var i = 1; i < Items.length; i += 2) {
       _spliceInstanceProperty(Items).call(Items, i, 0, /*#__PURE__*/React.cloneElement((split === null || split === void 0 ? void 0 : split.type) ? split : /*#__PURE__*/React.createElement("span", null, split), {
@@ -89,12 +73,10 @@ var Space = function Space(props) {
       }));
     }
   }
-
   return /*#__PURE__*/React.createElement("div", {
     className: spaceClass,
     style: styleString
   }, Items);
 };
-
 Space.displayName = 'Space';
 export default Space;

package/es/spin/spin.js

@@ -2,60 +2,48 @@ import _extends from "@babel/runtime-corejs3/helpers/extends";
 import _defineProperty from "@babel/runtime-corejs3/helpers/defineProperty";
 import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
-
 var __rest = this && this.__rest || function (s, e) {
   var t = {};
-
-  for (var p in s) {
-    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-  }
-
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
   if (s != null && typeof _Object$getOwnPropertySymbols === "function") for (var i = 0, p = _Object$getOwnPropertySymbols(s); i < p.length; i++) {
     if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
   }
   return t;
 };
-
 import React, { useContext, useRef } from 'react';
 import classNames from 'classnames';
 import ConfigContext from '../config-provider/ConfigContext';
 import { tuple } from '../_utils/type';
 import { getCompProps } from '../_utils';
 import devWarning from '../_utils/devwarning';
-export var SpinTypes = tuple('page', 'container', 'component'); // remove this line and code Spin component here
-
+export var SpinTypes = tuple('page', 'container', 'component');
+// remove this line and code Spin component here
 var InteranalSpin = function InteranalSpin(props, ref) {
   var _context, _classNames;
-
   var _useContext = useContext(ConfigContext),
-      getPrefixCls = _useContext.getPrefixCls,
-      prefixCls = _useContext.prefixCls,
-      userDefaultProps = _useContext.compDefaultProps;
-
+    getPrefixCls = _useContext.getPrefixCls,
+    prefixCls = _useContext.prefixCls,
+    userDefaultProps = _useContext.compDefaultProps;
   var spinProps = getCompProps('Spin', userDefaultProps, props);
-
   var children = spinProps.children,
-      className = spinProps.className,
-      indicator = spinProps.indicator,
-      spinning = spinProps.spinning,
-      style = spinProps.style,
-      tip = spinProps.tip,
-      type = spinProps.type,
-      customPrefixcls = spinProps.prefixCls,
-      others = __rest(spinProps, ["children", "className", "indicator", "spinning", "style", "tip", "type", "prefixCls"]);
-
+    className = spinProps.className,
+    indicator = spinProps.indicator,
+    spinning = spinProps.spinning,
+    style = spinProps.style,
+    tip = spinProps.tip,
+    type = spinProps.type,
+    customPrefixcls = spinProps.prefixCls,
+    others = __rest(spinProps, ["children", "className", "indicator", "spinning", "style", "tip", "type", "prefixCls"]);
   devWarning(SpinTypes.indexOf(type) === -1, 'spin', "cannot found spin type '".concat(type, "'"));
   var spinPrefixCls = getPrefixCls(prefixCls, 'spin', customPrefixcls);
-  var spinClasses = classNames(spinPrefixCls, className, (_classNames = {}, _defineProperty(_classNames, _concatInstanceProperty(_context = "".concat(spinPrefixCls, "-")).call(_context, type), type), _defineProperty(_classNames, "".concat(spinPrefixCls, "-indicator-container"), true), _defineProperty(_classNames, "".concat(spinPrefixCls, "-has-children"), children), _classNames)); // ref
-
+  var spinClasses = classNames(spinPrefixCls, className, (_classNames = {}, _defineProperty(_classNames, _concatInstanceProperty(_context = "".concat(spinPrefixCls, "-")).call(_context, type), type), _defineProperty(_classNames, "".concat(spinPrefixCls, "-indicator-container"), true), _defineProperty(_classNames, "".concat(spinPrefixCls, "-has-children"), children), _classNames));
+  // ref
   var thisSpinRef = useRef();
   var spinRef = ref || thisSpinRef;
-
   var handleIndicator = function handleIndicator(indicator) {
     if (indicator) {
       return indicator;
     }
-
     switch (type) {
       case 'page':
         return /*#__PURE__*/React.createElement("div", {
@@ -69,7 +57,6 @@ var InteranalSpin = function InteranalSpin(props, ref) {
         }), /*#__PURE__*/React.createElement("i", {
           className: "".concat(spinPrefixCls, "-dot-item")
         }));
-
       case 'container':
         return /*#__PURE__*/React.createElement("div", {
           className: "".concat(spinPrefixCls, "-dot-spin")
@@ -82,7 +69,6 @@ var InteranalSpin = function InteranalSpin(props, ref) {
         }), /*#__PURE__*/React.createElement("i", {
           className: "".concat(spinPrefixCls, "-dot-item")
         }));
-
       case 'component':
         return /*#__PURE__*/React.createElement("div", {
           className: "".concat(spinPrefixCls, "-dot-spin")
@@ -91,7 +77,6 @@ var InteranalSpin = function InteranalSpin(props, ref) {
         }));
     }
   };
-
   var indicatorNode = handleIndicator(indicator);
   var hasChildrenStyle = children ? style : null;
   var singleStyle = children ? null : style;
@@ -112,7 +97,6 @@ var InteranalSpin = function InteranalSpin(props, ref) {
   }, children)) : spinNode;
   return spinHasChildren;
 };
-
 var Spin = /*#__PURE__*/React.forwardRef(InteranalSpin);
 Spin.displayName = 'Spin';
 export default Spin;

package/es/split-panel/split-panel.js

@@ -10,49 +10,42 @@ import { getCompProps } from '../_utils';
 import { tuple } from '../_utils/type';
 import devWarning from '../_utils/devwarning';
 export var SplitPanelModes = tuple('horizontal', 'vertical');
-
 function pxToScale(numerator, denominator) {
   var percent = parseFloat(numerator) / parseFloat(denominator);
   return calcNumber(percent);
 }
-
 function calcNumber(value) {
   if (value > 1) return 1;
   if (value < 0) return 0;
   return value;
 }
-
 function valueIsNaN(value) {
   return _Number$isNaN(parseFloat(value));
 }
-
 var SplitPanel = function SplitPanel(props) {
   var _context;
-
   var _useContext = useContext(ConfigContext),
-      getPrefixCls = _useContext.getPrefixCls,
-      prefixCls = _useContext.prefixCls,
-      userDefaultProps = _useContext.compDefaultProps;
-
+    getPrefixCls = _useContext.getPrefixCls,
+    prefixCls = _useContext.prefixCls,
+    userDefaultProps = _useContext.compDefaultProps;
   var splitPanelProps = getCompProps('SplitPanel', userDefaultProps, props); // props
-
   var customPrefixcls = splitPanelProps.prefixCls,
-      className = splitPanelProps.className,
-      style = splitPanelProps.style,
-      disabled = splitPanelProps.disabled,
-      defaultSplit = splitPanelProps.defaultSplit,
-      mode = splitPanelProps.mode,
-      lineStyle = splitPanelProps.lineStyle,
-      min = splitPanelProps.min,
-      max = splitPanelProps.max,
-      firstSlot = splitPanelProps.firstSlot,
-      secondSlot = splitPanelProps.secondSlot,
-      canFold = splitPanelProps.canFold,
-      foldIcons = splitPanelProps.foldIcons,
-      onFold = splitPanelProps.onFold,
-      onMoving = splitPanelProps.onMoving,
-      onMoveStart = splitPanelProps.onMoveStart,
-      onMoveEnd = splitPanelProps.onMoveEnd;
+    className = splitPanelProps.className,
+    style = splitPanelProps.style,
+    disabled = splitPanelProps.disabled,
+    defaultSplit = splitPanelProps.defaultSplit,
+    mode = splitPanelProps.mode,
+    lineStyle = splitPanelProps.lineStyle,
+    min = splitPanelProps.min,
+    max = splitPanelProps.max,
+    firstSlot = splitPanelProps.firstSlot,
+    secondSlot = splitPanelProps.secondSlot,
+    canFold = splitPanelProps.canFold,
+    foldIcons = splitPanelProps.foldIcons,
+    onFold = splitPanelProps.onFold,
+    onMoving = splitPanelProps.onMoving,
+    onMoveStart = splitPanelProps.onMoveStart,
+    onMoveEnd = splitPanelProps.onMoveEnd;
   devWarning(SplitPanelModes.indexOf(mode) === -1, 'split-panel', "cannot found split-panel mode '".concat(mode, "'"));
   devWarning(valueIsNaN(defaultSplit), 'split-panel', "incorrect prop 'defaultSplit'");
   var splitPanelPrefixCls = getPrefixCls(prefixCls, 'split', customPrefixcls);
@@ -62,71 +55,62 @@ var SplitPanel = function SplitPanel(props) {
   var oppositePos = isHorizontal ? 'right' : 'bottom';
   var oppositeMode = isHorizontal ? 'vertical' : 'horizontal';
   var outerWrapper = useRef(null);
-
   var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      isMoving = _useState2[0],
-      setIsMoving = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    isMoving = _useState2[0],
+    setIsMoving = _useState2[1];
   var _useState3 = useState(0),
-      _useState4 = _slicedToArray(_useState3, 2),
-      offset = _useState4[0],
-      setOffset = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    offset = _useState4[0],
+    setOffset = _useState4[1];
   var _useState5 = useState(100),
-      _useState6 = _slicedToArray(_useState5, 2),
-      anotherOffset = _useState6[0],
-      setAnotherOffset = _useState6[1];
-
+    _useState6 = _slicedToArray(_useState5, 2),
+    anotherOffset = _useState6[0],
+    setAnotherOffset = _useState6[1];
   var _useState7 = useState(0),
-      _useState8 = _slicedToArray(_useState7, 2),
-      computeMin = _useState8[0],
-      setComputeMin = _useState8[1];
-
+    _useState8 = _slicedToArray(_useState7, 2),
+    computeMin = _useState8[0],
+    setComputeMin = _useState8[1];
   var _useState9 = useState(100),
-      _useState10 = _slicedToArray(_useState9, 2),
-      computeMax = _useState10[0],
-      setComputeMax = _useState10[1];
-
+    _useState10 = _slicedToArray(_useState9, 2),
+    computeMax = _useState10[0],
+    setComputeMax = _useState10[1];
   var _useState11 = useState(0),
-      _useState12 = _slicedToArray(_useState11, 2),
-      offsetCache = _useState12[0],
-      setOffsetCache = _useState12[1];
-
+    _useState12 = _slicedToArray(_useState11, 2),
+    offsetCache = _useState12[0],
+    setOffsetCache = _useState12[1];
   var isFirstPanelHide = offset === 0;
   var isSecondPanelHide = offset === 100;
   var canDrag = offset >= computeMin && offset <= computeMax;
   useEffect(function () {
     setAnotherOffset(100 - offset);
-  }, [offset]); // 将defaultOffset转换成百分比
-
+  }, [offset]);
+  // 将defaultOffset转换成百分比
   var getComputeOffset = useCallback(function (value) {
     var newVal = typeof value === 'string' ? pxToScale(value, outerWrapper.current[offsetSizeProperty]) : calcNumber(value);
     return newVal * 100;
-  }, [offsetSizeProperty]); // 将min和max转换为百分比
-
+  }, [offsetSizeProperty]);
+  // 将min和max转换为百分比
   var getComputedThresholdValue = useCallback(function (val) {
     var size = outerWrapper.current[offsetSizeProperty];
     var newVal = typeof val === 'string' ? pxToScale(val, size) : calcNumber(val);
     return newVal * 100;
-  }, [offsetSizeProperty]); // 初始化分割线、min和max
-
+  }, [offsetSizeProperty]);
+  // 初始化分割线、min和max
   var initPanel = useCallback(function () {
     var thresholdMin = getComputedThresholdValue(min);
     var thresholdMax = 100 - getComputedThresholdValue(max);
-    var computeOffset = getComputeOffset(defaultSplit); // 边界处理，计算出的min和max进行判断
-
+    var computeOffset = getComputeOffset(defaultSplit);
+    // 边界处理，计算出的min和max进行判断
     if (thresholdMin > thresholdMax) {
       thresholdMin = thresholdMax;
-    } // 计算出的offset值的边界处理
-
-
+    }
+    // 计算出的offset值的边界处理
     if (computeOffset < thresholdMin) {
       computeOffset = thresholdMin;
     } else if (computeOffset > thresholdMax) {
       computeOffset = thresholdMax;
     }
-
     setOffset(computeOffset);
     setOffsetCache(computeOffset);
     setComputeMin(thresholdMin);
@@ -143,8 +127,8 @@ var SplitPanel = function SplitPanel(props) {
     var mouseOffset = isHorizontal ? e.pageX - scrollX : e.pageY - scrollY;
     var moveInstance = mouseOffset - wrapperOffset;
     var outerWidth = outerWrapper.current[offsetSizeProperty];
-    var value = pxToScale(moveInstance, outerWidth) * 100; // 边界阈值处理
-
+    var value = pxToScale(moveInstance, outerWidth) * 100;
+    // 边界阈值处理
     if (value <= computeMin) value = Math.max(value, computeMin);
     if (value >= computeMax) value = Math.min(value, computeMax);
     setOffset(value);
@@ -168,7 +152,6 @@ var SplitPanel = function SplitPanel(props) {
   var changeSplit = useCallback(function (offset) {
     setOffset(offset);
   }, []);
-
   var getSecondHideOffset = function getSecondHideOffset() {
     if (offset === 0 && computeMin > 0) {
       return computeMin;
@@ -178,7 +161,6 @@ var SplitPanel = function SplitPanel(props) {
       return 100;
     }
   };
-
   var getFirstHideOffset = function getFirstHideOffset() {
     if (offset === 100 && computeMax < 100) {
       return computeMax;
@@ -187,32 +169,28 @@ var SplitPanel = function SplitPanel(props) {
     } else {
       return 0;
     }
-  }; // 折叠第一个面板
-
-
+  };
+  // 折叠第一个面板
   var hideFirstPanel = function hideFirstPanel(e, direction) {
     if (disabled) return;
     e.persist();
     var pos = getFirstHideOffset();
     changeSplit(pos);
     onFold && onFold(e, direction);
-  }; // 折叠第二个面板
-
-
+  };
+  // 折叠第二个面板
   var hideSecondPanel = function hideSecondPanel(e, direction) {
     if (disabled) return;
     e.persist();
     var pos = getSecondHideOffset();
     changeSplit(pos);
     onFold && onFold(e, direction);
-  }; // 处理lineStyle
-
-
+  };
+  // 处理lineStyle
   var handleLineStyle = useCallback(function (mode) {
     if (typeof lineStyle === 'function') {
       return lineStyle(mode);
     }
-
     return lineStyle;
   }, [lineStyle]);
   var triggerLineStyle = useMemo(function () {
@@ -220,13 +198,12 @@ var SplitPanel = function SplitPanel(props) {
       horizontal: handleLineStyle('horizontal') || {},
       vertical: handleLineStyle('vertical') || {}
     };
-  }, [handleLineStyle]); // 处理自定义折叠图标
-
+  }, [handleLineStyle]);
+  // 处理自定义折叠图标
   var handleFoldIcons = useCallback(function (mode) {
     if (typeof foldIcons === 'function') {
       return foldIcons(mode);
     }
-
     return foldIcons;
   }, [foldIcons]);
   var triggerFoldIcons = useMemo(function () {
@@ -238,11 +215,9 @@ var SplitPanel = function SplitPanel(props) {
   var cls = classNames("".concat(splitPanelPrefixCls, "-wrapper"), {
     'no-select': isMoving
   }, className);
-
   var getPanelCls = function getPanelCls(cls) {
     return classNames("".concat(splitPanelPrefixCls, "-panel"), _defineProperty({}, "".concat(splitPanelPrefixCls, "-panel-moving"), isMoving), "".concat(cls, "-panel"));
   };
-
   var triggerWrapperCls = classNames("".concat(splitPanelPrefixCls, "-trigger-con"), {
     'can-drag': canDrag,
     'is-disabled': disabled,
@@ -275,6 +250,5 @@ var SplitPanel = function SplitPanel(props) {
     style: _defineProperty({}, pos, "".concat(offset, "%"))
   }, secondSlot)));
 };
-
 SplitPanel.displayName = 'SplitPanel';
 export default SplitPanel;

package/es/split-panel/trigger.js

@@ -2,38 +2,31 @@ import _defineProperty from "@babel/runtime-corejs3/helpers/defineProperty";
 import React from 'react';
 import classNames from 'classnames';
 import Icon from '../icon';
-
 var Trigger = function Trigger(props) {
   var prefixCls = props.prefixCls,
-      style = props.style,
-      mode = props.mode,
-      disabled = props.disabled,
-      showFoldIcons = props.showFoldIcons,
-      foldIcons = props.foldIcons,
-      hideFirstPanel = props.hideFirstPanel,
-      hideSecondPanel = props.hideSecondPanel,
-      handleMousedown = props.handleMousedown;
+    style = props.style,
+    mode = props.mode,
+    disabled = props.disabled,
+    showFoldIcons = props.showFoldIcons,
+    foldIcons = props.foldIcons,
+    hideFirstPanel = props.hideFirstPanel,
+    hideSecondPanel = props.hideSecondPanel,
+    handleMousedown = props.handleMousedown;
   var triggerPrefixCls = "".concat(prefixCls, "-trigger");
   var isVertical = mode === 'vertical';
-
   var getCustomFoldIcons = function getCustomFoldIcons(index) {
     return foldIcons && foldIcons[index];
   };
-
   var triggerCls = classNames(triggerPrefixCls, isVertical ? "".concat(triggerPrefixCls, "-vertical") : "".concat(triggerPrefixCls, "-horizontal"), _defineProperty({}, "is-disabled", disabled));
-
   var getArrowCls = function getArrowCls(cls) {
     return classNames("".concat(triggerPrefixCls, "-arrow"), isVertical ? "is-vertical" : "is-horizontal", cls);
   };
-
   var firstCustomIcons = getCustomFoldIcons(0);
   var secondCustomIcons = getCustomFoldIcons(1);
-
   var renderFoldIcons = function renderFoldIcons() {
     if (!showFoldIcons) {
       return null;
     }
-
     var firstIconPos = isVertical ? 'left' : 'top';
     var secondIconPos = isVertical ? 'right' : 'bottom';
     var firstIconType = isVertical ? 'arrow-left-solid' : 'arrow-up-solid';
@@ -54,12 +47,10 @@ var Trigger = function Trigger(props) {
       type: secondIconType
     })));
   };
-
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     className: triggerCls,
     style: style,
     onMouseDown: handleMousedown
   }), renderFoldIcons());
 };
-
 export default /*#__PURE__*/React.memo(Trigger);