@kdcloudjs/kdesign 1.6.34 → 1.6.35

package/es/select/style/index.css

@@ -324,6 +324,9 @@
 .kd-select-bordered.kd-select-single .kd-select-selection-search {
   padding-left: var(--kd-c-select-bordered-spacing-padding-left, 8px);
 }
+.kd-select-bordered .kd-select-placeholder {
+  padding-left: var(--kd-c-select-bordered-spacing-padding-left, 8px);
+}
 .kd-select-wrapper {
   -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
   transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);

package/es/select/style/index.less

@@ -99,6 +99,10 @@
         padding-left: @select-bordered;
       }
     }
+
+    .@{select-prefix-cls}-placeholder {
+      padding-left: @select-bordered;
+    }
   }
 
   &-wrapper {

package/es/slider/marks.js

@@ -6,31 +6,27 @@ import _sortInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instanc
 import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
 import React from 'react';
 import classNames from 'classnames';
-
 function Marks(props) {
   var _context, _context2, _context3;
-
   var marks = props.marks,
-      prefixCls = props.prefixCls,
-      vertical = props.vertical,
-      reverse = props.reverse,
-      min = props.min,
-      max = props.max,
-      bound = props.bound,
-      onClickLabel = props.onClickLabel;
+    prefixCls = props.prefixCls,
+    vertical = props.vertical,
+    reverse = props.reverse,
+    min = props.min,
+    max = props.max,
+    bound = props.bound,
+    onClickLabel = props.onClickLabel;
   var range = max - min;
-
   var elements = _mapInstanceProperty(_context = _sortInstanceProperty(_context2 = _mapInstanceProperty(_context3 = _Object$keys(marks)).call(_context3, parseFloat)).call(_context2, function (a, b) {
     return a - b;
   })).call(_context, function (point) {
     var _classNames;
-
     // 判断label元素 可能是reactNode 也可能是{label: reactNode, style: css}
     var markNode = marks[point];
     var isObject = _typeof(markNode) === 'object' && ! /*#__PURE__*/React.isValidElement(markNode);
     var markLabelElement = isObject ? markNode.label : markNode;
-    var markLabelStyle = isObject ? markNode.style : null; // 根据vertical和reverse判断mark的样式
-
+    var markLabelStyle = isObject ? markNode.style : null;
+    // 根据vertical和reverse判断mark的样式
     var offset = "".concat(Math.abs(point - min) / range * 100, "%");
     var markStyle = vertical ? _extends(_defineProperty({}, reverse ? 'top' : 'bottom', offset), markLabelStyle) : _extends(_defineProperty({}, reverse ? 'right' : 'left', offset), markLabelStyle);
     var isActived = bound >= point;
@@ -47,11 +43,9 @@ function Marks(props) {
       }
     }, markLabelElement);
   });
-
   var marksClass = classNames("".concat(prefixCls, "-mark"), _defineProperty({}, "".concat(prefixCls, "-reverse"), reverse));
   return /*#__PURE__*/React.createElement("div", {
     className: marksClass
   }, elements);
 }
-
 export default Marks;

package/es/slider/slider.js

@@ -2,20 +2,14 @@ import _extends from "@babel/runtime-corejs3/helpers/extends";
 import _slicedToArray from "@babel/runtime-corejs3/helpers/slicedToArray";
 import _defineProperty from "@babel/runtime-corejs3/helpers/defineProperty";
 import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
-
 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, useEffect, useRef } from 'react';
 import classNames from 'classnames';
 import ConfigContext from '../config-provider/ConfigContext';
@@ -26,210 +20,172 @@ import Steps from './steps';
 import Track from './track';
 import SliderTooltip from './sliderTooltip';
 import { useMergedState } from '../_utils/hooks';
-import { getHandleCenterposition, ensureValueInRange, ensureValuePrecision } from './utils'; // remove this line and code Slider component here
-
+import { getHandleCenterposition, ensureValueInRange, ensureValuePrecision } from './utils';
+// remove this line and code Slider component here
 var InteranalSlider = function InteranalSlider(props, ref) {
   var _classNames;
-
   var _useContext = useContext(ConfigContext),
-      getPrefixCls = _useContext.getPrefixCls,
-      prefixCls = _useContext.prefixCls,
-      userDefaultProps = _useContext.compDefaultProps;
-
+    getPrefixCls = _useContext.getPrefixCls,
+    prefixCls = _useContext.prefixCls,
+    userDefaultProps = _useContext.compDefaultProps;
   var sliderProps = getCompProps('Slider', userDefaultProps, props);
-
   var className = sliderProps.className,
-      style = sliderProps.style,
-      customPrefixcls = sliderProps.prefixCls,
-      defaultValue = sliderProps.defaultValue,
-      disabled = sliderProps.disabled,
-      dots = sliderProps.dots,
-      marks = sliderProps.marks,
-      min = sliderProps.min,
-      max = sliderProps.max,
-      vertical = sliderProps.vertical,
-      reverse = sliderProps.reverse,
-      step = sliderProps.step,
-      tipFormatter = sliderProps.tipFormatter,
-      tooltipVisible = sliderProps.tooltipVisible,
-      tooltipPlacement = sliderProps.tooltipPlacement,
-      propsValue = sliderProps.value,
-      getPopupContainer = sliderProps.getPopupContainer,
-      onAfterChange = sliderProps.onAfterChange,
-      onChange = sliderProps.onChange,
-      onBlur = sliderProps.onBlur,
-      others = __rest(sliderProps, ["className", "style", "prefixCls", "defaultValue", "disabled", "dots", "marks", "min", "max", "vertical", "reverse", "step", "tipFormatter", "tooltipVisible", "tooltipPlacement", "value", "getPopupContainer", "onAfterChange", "onChange", "onBlur"]);
-
+    style = sliderProps.style,
+    customPrefixcls = sliderProps.prefixCls,
+    defaultValue = sliderProps.defaultValue,
+    disabled = sliderProps.disabled,
+    dots = sliderProps.dots,
+    marks = sliderProps.marks,
+    min = sliderProps.min,
+    max = sliderProps.max,
+    vertical = sliderProps.vertical,
+    reverse = sliderProps.reverse,
+    step = sliderProps.step,
+    tipFormatter = sliderProps.tipFormatter,
+    tooltipVisible = sliderProps.tooltipVisible,
+    tooltipPlacement = sliderProps.tooltipPlacement,
+    propsValue = sliderProps.value,
+    getPopupContainer = sliderProps.getPopupContainer,
+    onAfterChange = sliderProps.onAfterChange,
+    onChange = sliderProps.onChange,
+    onBlur = sliderProps.onBlur,
+    others = __rest(sliderProps, ["className", "style", "prefixCls", "defaultValue", "disabled", "dots", "marks", "min", "max", "vertical", "reverse", "step", "tipFormatter", "tooltipVisible", "tooltipPlacement", "value", "getPopupContainer", "onAfterChange", "onChange", "onBlur"]);
   devWarning(className && className.indexOf('shit') > -1, 'slider', "slider className can't include '".concat(className, "'"));
-  var sliderPrefixCls = getPrefixCls(prefixCls, 'slider', customPrefixcls); // ref
-
+  var sliderPrefixCls = getPrefixCls(prefixCls, 'slider', customPrefixcls);
+  // ref
   var thisSliderRef = useRef();
   var sliderRef = ref || thisSliderRef;
   var handleRef = useRef();
   var sliderClasses = classNames(sliderPrefixCls, className, (_classNames = {}, _defineProperty(_classNames, "".concat(sliderPrefixCls, "-vertical"), vertical), _defineProperty(_classNames, "".concat(sliderPrefixCls, "-disabled"), disabled), _defineProperty(_classNames, "".concat(sliderPrefixCls, "-reverse"), reverse), _classNames));
-
   var _useMergedState = useMergedState(0, {
-    defaultValue: defaultValue,
-    value: propsValue
-  }),
-      _useMergedState2 = _slicedToArray(_useMergedState, 2),
-      value = _useMergedState2[0],
-      setValue = _useMergedState2[1];
-
+      defaultValue: defaultValue,
+      value: propsValue
+    }),
+    _useMergedState2 = _slicedToArray(_useMergedState, 2),
+    value = _useMergedState2[0],
+    setValue = _useMergedState2[1];
   var isDragging = useRef(false);
   var valueRef = useRef(useMergedState(0, {
     defaultValue: defaultValue,
     value: propsValue
   }));
   var mouseOffset;
-
   var addDocumentMouseEvents = function addDocumentMouseEvents() {
     document.addEventListener('mousemove', handleMouseMove);
     document.addEventListener('mouseup', handleMouseUp);
   };
-
   var removeDocumentEvents = function removeDocumentEvents() {
     document.removeEventListener('mousemove', handleMouseMove);
     document.removeEventListener('mouseup', handleMouseUp);
   };
-
   var noop = function noop() {
     return undefined;
-  }; // 获取开始位置尺寸
-
-
+  };
+  // 获取开始位置尺寸
   var getSliderStart = function getSliderStart() {
     var rect = sliderRef.current.getBoundingClientRect();
-
     if (vertical) {
       return reverse ? rect.bottom : rect.top;
     }
-
     return window.pageXOffset + (reverse ? rect.right : rect.left);
-  }; // 获取整个滑块的长度
-
-
+  };
+  // 获取整个滑块的长度
   var getSliderLength = function getSliderLength() {
     var slider = sliderRef.current;
-
     if (!slider) {
       return 0;
     }
-
     var coords = slider.getBoundingClientRect();
     return vertical ? coords.height : coords.width;
-  }; // 将鼠标点击位置距开始位置的偏移量转化为value
-
-
+  };
+  // 将鼠标点击位置距开始位置的偏移量转化为value
   var calcValue = function calcValue(offset) {
     var ratio = Math.abs(Math.max(offset, 0) / getSliderLength());
     var value = vertical ? (1 - ratio) * (max - min) + min : ratio * (max - min) + min;
     return value;
-  }; // 对值进行转化 1. 在[min, max]区间 2. 当设置了step或者marks时找到距离最近的点
-
-
+  };
+  // 对值进行转化 1. 在[min, max]区间 2. 当设置了step或者marks时找到距离最近的点
   var trimAlignValue = function trimAlignValue(v) {
     var nextProps = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-
     if (v === null) {
       return null;
     }
-
     var mergedProps = _extends(_extends({}, sliderProps), nextProps);
-
     var val = ensureValueInRange(v, mergedProps);
     return ensureValuePrecision(val, mergedProps);
-  }; // 将鼠标点击的位置转化value
-
-
+  };
+  // 将鼠标点击的位置转化value
   var calcValueByPos = function calcValueByPos(position) {
     var sign = reverse ? -1 : +1;
     var pixelOffset = sign * (position - getSliderStart());
     var nextValue = trimAlignValue(calcValue(pixelOffset));
     return nextValue;
   };
-
   var onEnd = function onEnd() {
     removeDocumentEvents();
-
     if (isDragging.current) {
       onAfterChange && onAfterChange(valueRef.current);
     }
-
     isDragging.current = false;
   };
-
-  var handleTouchStart = function handleTouchStart() {// console.log('object :>> ', 'object', addDocumentMouseEvents)
+  var handleTouchStart = function handleTouchStart() {
+    // console.log('object :>> ', 'object', addDocumentMouseEvents)
   };
-
   var handleMouseDown = function handleMouseDown(e) {
     // 移除document的鼠标事件
-    removeDocumentEvents(); // 获取当前鼠标的坐标位置
-
-    var position = vertical ? e.clientY : e.pageX; // 判断当前点击的区域是否是拖拽点还是bar条
-
+    removeDocumentEvents();
+    // 获取当前鼠标的坐标位置
+    var position = vertical ? e.clientY : e.pageX;
+    // 判断当前点击的区域是否是拖拽点还是bar条
     var isHandlePoint = handleRef.current === e.target;
-
     if (!isHandlePoint) {
       mouseOffset = 0;
     } else {
       var handlePosition = getHandleCenterposition(vertical, e.target);
       mouseOffset = position - handlePosition;
       position = handlePosition;
-    } // 设置状态值
-
-
+    }
+    // 设置状态值
     isDragging.current = true;
     var newV = calcValueByPos(position);
-
     if (newV !== value) {
       setValue(newV);
       valueRef.current = newV;
     }
-
-    onChange && onChange(newV); // 监听document的鼠标事件
-
+    onChange && onChange(newV);
+    // 监听document的鼠标事件
     addDocumentMouseEvents();
   };
-
   var handleMouseUp = function handleMouseUp() {
     onEnd();
   };
-
-  var handleKeyDown = function handleKeyDown() {// console.log('object :>> ', 'object')
+  var handleKeyDown = function handleKeyDown() {
+    // console.log('object :>> ', 'object')
   };
-
-  var handleFocus = function handleFocus() {// console.log('object :>> ', 'object')
+  var handleFocus = function handleFocus() {
+    // console.log('object :>> ', 'object')
   };
-
   var handleBlur = function handleBlur(e) {
     onEnd();
     onBlur && onBlur(e);
   };
-
   var handleMouseMove = function handleMouseMove(e) {
     if (!sliderRef.current) {
       removeDocumentEvents();
-
       if (isDragging.current) {
         onAfterChange(value);
       }
-
       isDragging.current = false;
       return;
     }
-
     var position = vertical ? e.clientY : e.pageX;
     var newV = calcValueByPos(position - mouseOffset);
-
     if (newV !== value) {
       setValue(newV);
       valueRef.current = newV;
     }
-
     onChange && onChange(newV);
   };
-
   useEffect(function () {
     return function () {
       removeDocumentEvents();
@@ -285,11 +241,11 @@ var InteranalSlider = function InteranalSlider(props, ref) {
     min: min,
     max: max,
     bound: value,
-    onClickLabel: function onClickLabel() {// console.log('hello world!')
+    onClickLabel: function onClickLabel() {
+      // console.log('hello world!')
     }
   }));
 };
-
 var Slider = /*#__PURE__*/React.forwardRef(InteranalSlider);
 Slider.displayName = 'Slider';
 export default Slider;

package/es/slider/sliderTooltip.js

@@ -1,36 +1,28 @@
 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";
-
 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, { useRef } from 'react';
 import Tooltip from '../tooltip';
 import classNames from 'classnames';
 var SliderTooltip = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _ref, _ref2;
-
   var visible = props.visible,
-      prefixCls = props.prefixCls,
-      reverse = props.reverse,
-      vertical = props.vertical,
-      min = props.min,
-      max = props.max,
-      bound = props.bound,
-      tip = props.tip,
-      others = __rest(props, ["visible", "prefixCls", "reverse", "vertical", "min", "max", "bound", "tip"]);
-
+    prefixCls = props.prefixCls,
+    reverse = props.reverse,
+    vertical = props.vertical,
+    min = props.min,
+    max = props.max,
+    bound = props.bound,
+    tip = props.tip,
+    others = __rest(props, ["visible", "prefixCls", "reverse", "vertical", "min", "max", "bound", "tip"]);
   var thisTooltipRef = useRef(null);
   var tooltipRef = ref || thisTooltipRef;
   var sliderHandleClass = classNames("".concat(prefixCls, "-handle"), _defineProperty({}, "".concat(prefixCls, "-reverse"), reverse));

package/es/slider/steps.js

@@ -5,16 +5,12 @@ import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
 import React from 'react';
 import classNames from 'classnames';
 import devWarning from '../_utils/devwarning';
-
 var getAllMarkPoints = function getAllMarkPoints(marks, dots, step, min, max) {
   var _context, _context2;
-
   devWarning(dots ? step > 0 : true, 'slider', '`Slider[step]` should be a positive number in order to make Slider[dots] work.');
-
   var points = _sortInstanceProperty(_context = _mapInstanceProperty(_context2 = _Object$keys(marks)).call(_context2, parseFloat)).call(_context, function (a, b) {
     return a - b;
   });
-
   if (dots && step) {
     for (var i = min; i <= max; i += step) {
       if (points.indexOf(i) === -1) {
@@ -22,27 +18,22 @@ var getAllMarkPoints = function getAllMarkPoints(marks, dots, step, min, max) {
       }
     }
   }
-
   return points;
 };
-
 function steps(props) {
   var _context3;
-
   var marks = props.marks,
-      prefixCls = props.prefixCls,
-      vertical = props.vertical,
-      reverse = props.reverse,
-      dots = props.dots,
-      step = props.step,
-      min = props.min,
-      max = props.max,
-      bound = props.bound;
+    prefixCls = props.prefixCls,
+    vertical = props.vertical,
+    reverse = props.reverse,
+    dots = props.dots,
+    step = props.step,
+    min = props.min,
+    max = props.max,
+    bound = props.bound;
   var range = max - min;
-
   var elements = _mapInstanceProperty(_context3 = getAllMarkPoints(marks, dots, step, min, max)).call(_context3, function (point) {
     var _classNames;
-
     var isActived = bound >= point;
     var offset = "".concat(Math.abs(point - min) / range * 100, "%");
     var style = vertical ? _defineProperty({}, reverse ? 'top' : 'bottom', offset) : _defineProperty({}, reverse ? 'right' : 'left', offset);
@@ -53,11 +44,9 @@ function steps(props) {
       style: style
     });
   });
-
   var stepClass = classNames("".concat(prefixCls, "-step"), _defineProperty({}, "".concat(prefixCls, "-reverse"), reverse));
   return /*#__PURE__*/React.createElement("div", {
     className: stepClass
   }, elements);
 }
-
 export default steps;

package/es/slider/track.js

@@ -1,15 +1,13 @@
 import _defineProperty from "@babel/runtime-corejs3/helpers/defineProperty";
 import React from 'react';
-
 function Track(props) {
   var _ref, _ref2;
-
   var prefixCls = props.prefixCls,
-      vertical = props.vertical,
-      reverse = props.reverse,
-      bound = props.bound,
-      min = props.min,
-      max = props.max;
+    vertical = props.vertical,
+    reverse = props.reverse,
+    bound = props.bound,
+    min = props.min,
+    max = props.max;
   var range = max - min;
   var offset = "".concat(Math.abs(bound - min) / range * 100, "%");
   var trackStyle = vertical ? (_ref = {}, _defineProperty(_ref, reverse ? 'top' : 'bottom', '0%'), _defineProperty(_ref, reverse ? 'bottom' : 'top', 'auto'), _defineProperty(_ref, "height", offset), _ref) : (_ref2 = {}, _defineProperty(_ref2, reverse ? 'right' : 'left', '0%'), _defineProperty(_ref2, reverse ? 'left' : 'right', 'auto'), _defineProperty(_ref2, "width", offset), _ref2);
@@ -18,5 +16,4 @@ function Track(props) {
     style: trackStyle
   });
 }
-
 export default Track;

package/es/slider/utils.js

@@ -8,23 +8,18 @@ export function getHandleCenterposition(vertical, handle) {
 export function getPrecision(step) {
   var stepString = step.toString();
   var precision = 0;
-
   if (stepString.indexOf('.') >= 0) {
     precision = stepString.length - stepString.indexOf('.') - 1;
   }
-
   return precision;
 }
 export function getClosestPoint(val, props) {
   var _context;
-
   var marks = props.marks,
-      step = props.step,
-      min = props.min,
-      max = props.max;
-
+    step = props.step,
+    min = props.min,
+    max = props.max;
   var points = _mapInstanceProperty(_context = _Object$keys(marks)).call(_context, parseFloat);
-
   if (step !== null) {
     var baseNum = Math.pow(10, getPrecision(step));
     var maxSteps = Math.floor((max * baseNum - min * baseNum) / (step * baseNum));
@@ -32,25 +27,20 @@ export function getClosestPoint(val, props) {
     var closestStep = Math.round(steps) * step + min;
     points.push(closestStep);
   }
-
   var diffs = _mapInstanceProperty(points).call(points, function (point) {
     return Math.abs(val - point);
   });
-
   return points[diffs.indexOf(Math.min.apply(Math, _toConsumableArray(diffs)))];
 }
 export function ensureValueInRange(val, _ref) {
   var max = _ref.max,
-      min = _ref.min;
-
+    min = _ref.min;
   if (val <= min) {
     return min;
   }
-
   if (val >= max) {
     return max;
   }
-
   return val;
 }
 export function ensureValuePrecision(val, props) {