@kdcloudjs/kdesign 1.6.34 → 1.6.35

package/lib/split-panel/split-panel.js

@@ -1,89 +1,64 @@
 "use strict";
 
 var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
-
 var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
-
 var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
-
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.SplitPanelModes = void 0;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
-
 var _isNan = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/number/is-nan"));
-
 var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _ConfigContext = _interopRequireDefault(require("../config-provider/ConfigContext"));
-
 var _trigger = _interopRequireDefault(require("./trigger"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _utils = require("../_utils");
-
 var _type = require("../_utils/type");
-
 var _devwarning = _interopRequireDefault(require("../_utils/devwarning"));
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 var SplitPanelModes = (0, _type.tuple)('horizontal', 'vertical');
 exports.SplitPanelModes = SplitPanelModes;
-
 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 (0, _isNan.default)(parseFloat(value));
 }
-
 var SplitPanel = function SplitPanel(props) {
   var _context;
-
   var _useContext = (0, _react.useContext)(_ConfigContext.default),
-      getPrefixCls = _useContext.getPrefixCls,
-      prefixCls = _useContext.prefixCls,
-      userDefaultProps = _useContext.compDefaultProps;
-
+    getPrefixCls = _useContext.getPrefixCls,
+    prefixCls = _useContext.prefixCls,
+    userDefaultProps = _useContext.compDefaultProps;
   var splitPanelProps = (0, _utils.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;
   (0, _devwarning.default)(SplitPanelModes.indexOf(mode) === -1, 'split-panel', "cannot found split-panel mode '".concat(mode, "'"));
   (0, _devwarning.default)(valueIsNaN(defaultSplit), 'split-panel', "incorrect prop 'defaultSplit'");
   var splitPanelPrefixCls = getPrefixCls(prefixCls, 'split', customPrefixcls);
@@ -93,71 +68,62 @@ var SplitPanel = function SplitPanel(props) {
   var oppositePos = isHorizontal ? 'right' : 'bottom';
   var oppositeMode = isHorizontal ? 'vertical' : 'horizontal';
   var outerWrapper = (0, _react.useRef)(null);
-
   var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      isMoving = _useState2[0],
-      setIsMoving = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    isMoving = _useState2[0],
+    setIsMoving = _useState2[1];
   var _useState3 = (0, _react.useState)(0),
-      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      offset = _useState4[0],
-      setOffset = _useState4[1];
-
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    offset = _useState4[0],
+    setOffset = _useState4[1];
   var _useState5 = (0, _react.useState)(100),
-      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-      anotherOffset = _useState6[0],
-      setAnotherOffset = _useState6[1];
-
+    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+    anotherOffset = _useState6[0],
+    setAnotherOffset = _useState6[1];
   var _useState7 = (0, _react.useState)(0),
-      _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
-      computeMin = _useState8[0],
-      setComputeMin = _useState8[1];
-
+    _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
+    computeMin = _useState8[0],
+    setComputeMin = _useState8[1];
   var _useState9 = (0, _react.useState)(100),
-      _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
-      computeMax = _useState10[0],
-      setComputeMax = _useState10[1];
-
+    _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
+    computeMax = _useState10[0],
+    setComputeMax = _useState10[1];
   var _useState11 = (0, _react.useState)(0),
-      _useState12 = (0, _slicedToArray2.default)(_useState11, 2),
-      offsetCache = _useState12[0],
-      setOffsetCache = _useState12[1];
-
+    _useState12 = (0, _slicedToArray2.default)(_useState11, 2),
+    offsetCache = _useState12[0],
+    setOffsetCache = _useState12[1];
   var isFirstPanelHide = offset === 0;
   var isSecondPanelHide = offset === 100;
   var canDrag = offset >= computeMin && offset <= computeMax;
   (0, _react.useEffect)(function () {
     setAnotherOffset(100 - offset);
-  }, [offset]); // 将defaultOffset转换成百分比
-
+  }, [offset]);
+  // 将defaultOffset转换成百分比
   var getComputeOffset = (0, _react.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 = (0, _react.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 = (0, _react.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);
@@ -174,8 +140,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);
@@ -199,7 +165,6 @@ var SplitPanel = function SplitPanel(props) {
   var changeSplit = (0, _react.useCallback)(function (offset) {
     setOffset(offset);
   }, []);
-
   var getSecondHideOffset = function getSecondHideOffset() {
     if (offset === 0 && computeMin > 0) {
       return computeMin;
@@ -209,7 +174,6 @@ var SplitPanel = function SplitPanel(props) {
       return 100;
     }
   };
-
   var getFirstHideOffset = function getFirstHideOffset() {
     if (offset === 100 && computeMax < 100) {
       return computeMax;
@@ -218,32 +182,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 = (0, _react.useCallback)(function (mode) {
     if (typeof lineStyle === 'function') {
       return lineStyle(mode);
     }
-
     return lineStyle;
   }, [lineStyle]);
   var triggerLineStyle = (0, _react.useMemo)(function () {
@@ -251,13 +211,12 @@ var SplitPanel = function SplitPanel(props) {
       horizontal: handleLineStyle('horizontal') || {},
       vertical: handleLineStyle('vertical') || {}
     };
-  }, [handleLineStyle]); // 处理自定义折叠图标
-
+  }, [handleLineStyle]);
+  // 处理自定义折叠图标
   var handleFoldIcons = (0, _react.useCallback)(function (mode) {
     if (typeof foldIcons === 'function') {
       return foldIcons(mode);
     }
-
     return foldIcons;
   }, [foldIcons]);
   var triggerFoldIcons = (0, _react.useMemo)(function () {
@@ -269,11 +228,9 @@ var SplitPanel = function SplitPanel(props) {
   var cls = (0, _classnames.default)("".concat(splitPanelPrefixCls, "-wrapper"), {
     'no-select': isMoving
   }, className);
-
   var getPanelCls = function getPanelCls(cls) {
     return (0, _classnames.default)("".concat(splitPanelPrefixCls, "-panel"), (0, _defineProperty2.default)({}, "".concat(splitPanelPrefixCls, "-panel-moving"), isMoving), "".concat(cls, "-panel"));
   };
-
   var triggerWrapperCls = (0, _classnames.default)("".concat(splitPanelPrefixCls, "-trigger-con"), {
     'can-drag': canDrag,
     'is-disabled': disabled,
@@ -306,7 +263,6 @@ var SplitPanel = function SplitPanel(props) {
     style: (0, _defineProperty2.default)({}, pos, "".concat(offset, "%"))
   }, secondSlot)));
 };
-
 SplitPanel.displayName = 'SplitPanel';
 var _default = SplitPanel;
 exports.default = _default;

package/lib/split-panel/style/css.js

@@ -1,5 +1,4 @@
 "use strict";
 
 require("../../style/index.css");
-
 require("./index.css");

package/lib/split-panel/style/index.js

@@ -1,5 +1,4 @@
 "use strict";
 
 require("../../style/index.less");
-
 require("./index.less");

package/lib/split-panel/trigger.js

@@ -1,51 +1,39 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _icon = _interopRequireDefault(require("../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 = (0, _classnames.default)(triggerPrefixCls, isVertical ? "".concat(triggerPrefixCls, "-vertical") : "".concat(triggerPrefixCls, "-horizontal"), (0, _defineProperty2.default)({}, "is-disabled", disabled));
-
   var getArrowCls = function getArrowCls(cls) {
     return (0, _classnames.default)("".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';
@@ -66,14 +54,11 @@ var Trigger = function Trigger(props) {
       type: secondIconType
     })));
   };
-
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
     className: triggerCls,
     style: style,
     onMouseDown: handleMousedown
   }), renderFoldIcons());
 };
-
 var _default = /*#__PURE__*/_react.default.memo(Trigger);
-
 exports.default = _default;

package/lib/stepper/index.js

@@ -1,21 +1,15 @@
 "use strict";
 
 var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
-
 var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
-
 var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
-
 var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 var _exportNames = {};
 exports.default = void 0;
-
 var _stepper = _interopRequireWildcard(require("./stepper"));
-
 _Object$keys(_stepper).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -27,10 +21,7 @@ _Object$keys(_stepper).forEach(function (key) {
     }
   });
 });
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 var _default = _stepper.default;
 exports.default = _default;