@kdcloudjs/kdesign 1.6.34 → 1.6.35

package/es/progress/progress.js

@@ -15,63 +15,52 @@ import { validProgress } from './utils';
 import devWarning from '../_utils/devwarning';
 export var ProgressTypes = tuple('line', 'circle');
 export var ProgressStatuses = tuple('normal', 'cycle', 'loading', 'failure', 'success');
-
 var Progress = function Progress(props) {
   var _context, _context2, _classNames;
-
   var _useContext = useContext(ConfigContext),
-      getPrefixCls = _useContext.getPrefixCls,
-      prefixCls = _useContext.prefixCls,
-      userDefaultProps = _useContext.compDefaultProps,
-      locale = _useContext.locale;
-
+    getPrefixCls = _useContext.getPrefixCls,
+    prefixCls = _useContext.prefixCls,
+    userDefaultProps = _useContext.compDefaultProps,
+    locale = _useContext.locale;
   var progressProps = getCompProps('Progress', userDefaultProps, props);
   var type = progressProps.type,
-      className = progressProps.className,
-      customPrefixcls = progressProps.prefixCls,
-      showInfo = progressProps.showInfo,
-      percent = progressProps.percent,
-      onProcess = progressProps.onProcess;
+    className = progressProps.className,
+    customPrefixcls = progressProps.prefixCls,
+    showInfo = progressProps.showInfo,
+    percent = progressProps.percent,
+    onProcess = progressProps.onProcess;
   devWarning(ProgressTypes.indexOf(type) === -1, 'progress', "cannot found progress type '".concat(type, "'"));
   devWarning(type !== 'circle' && !!props.width, 'progress', 'props width only effect when type is circle');
-
   if (props.strokeWidth === undefined) {
     progressProps.strokeWidth = type === 'circle' ? progressProps.strokeWidth : progressProps.trailWidth;
   }
-
   var getPercentNumber = function getPercentNumber(props) {
     var _props$percent = props.percent,
-        percent = _props$percent === void 0 ? 0 : _props$percent;
+      percent = _props$percent === void 0 ? 0 : _props$percent;
     return parseInt(percent.toString(), 10);
   };
-
   var getProgressStatus = function getProgressStatus(props) {
     var status = props.status;
-
     if (ProgressStatuses.indexOf(status) < 0 && getPercentNumber(props) >= 100) {
       return 'success';
     }
-
     return status || 'normal';
   };
-
   var progressStatus = getProgressStatus(progressProps);
   var progressPrefixCls = getPrefixCls(prefixCls, 'progress', customPrefixcls);
   var progressClasses = classNames(progressPrefixCls, className, (_classNames = {}, _defineProperty(_classNames, _concatInstanceProperty(_context = "".concat(progressPrefixCls, "-type-")).call(_context, type), type), _defineProperty(_classNames, _concatInstanceProperty(_context2 = "".concat(progressPrefixCls, "-status-")).call(_context2, progressStatus), true), _defineProperty(_classNames, "".concat(progressPrefixCls, "-show-info"), showInfo), _defineProperty(_classNames, "".concat(progressPrefixCls, "-position-bottom"), progressProps.infoPosition !== 'right' && progressStatus === 'normal'), _classNames));
-
   var renderProgressInfo = function renderProgressInfo(prefixCls, progressStatus, props) {
     var _props$type = props.type,
-        type = _props$type === void 0 ? 'line' : _props$type,
-        showInfo = props.showInfo,
-        format = props.format,
-        percent = props.percent,
-        infoPosition = props.infoPosition,
-        successIcon = props.successIcon,
-        failureIcon = props.failureIcon;
+      type = _props$type === void 0 ? 'line' : _props$type,
+      showInfo = props.showInfo,
+      format = props.format,
+      percent = props.percent,
+      infoPosition = props.infoPosition,
+      successIcon = props.successIcon,
+      failureIcon = props.failureIcon;
     var isLoading = progressStatus !== 'failure' && progressStatus !== 'success';
     if (!showInfo && type !== 'circle' || infoPosition !== 'right' && isLoading) return null;
     var text;
-
     var textFormatter = format || function (percentNumber) {
       return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
         className: "".concat(prefixCls, "-text-percent")
@@ -79,7 +68,6 @@ var Progress = function Progress(props) {
         className: "".concat(prefixCls, "-text-unit")
       }, "%"));
     };
-
     var successNodeMap = {
       line: /*#__PURE__*/React.createElement(Icon, {
         className: "".concat(prefixCls, "-icon"),
@@ -102,7 +90,6 @@ var Progress = function Progress(props) {
       }),
       custom: failureIcon
     };
-
     if (format || isLoading) {
       text = textFormatter(validProgress(percent));
     } else if (progressStatus === 'failure') {
@@ -110,32 +97,27 @@ var Progress = function Progress(props) {
     } else if (progressStatus === 'success') {
       text = successNodeMap.custom || successNodeMap[type];
     }
-
     return /*#__PURE__*/React.createElement("span", {
       className: "".concat(prefixCls, "-text")
     }, text);
   };
-
   var renderSpecialInfo = function renderSpecialInfo(prefixCls, progressStatus, props) {
     var type = props.type,
-        showInfo = props.showInfo,
-        infoPosition = props.infoPosition,
-        _props$textMap = props.textMap,
-        textMap = _props$textMap === void 0 ? [] : _props$textMap;
+      showInfo = props.showInfo,
+      infoPosition = props.infoPosition,
+      _props$textMap = props.textMap,
+      textMap = _props$textMap === void 0 ? [] : _props$textMap;
     var langMsgs = locale.getCompLangMsg({
       componentName: 'Progress'
     });
     var defaultTextMap = [langMsgs.loading, langMsgs.fail, langMsgs.success];
     var isLoading = progressStatus !== 'failure' && progressStatus !== 'success';
     if (!showInfo || infoPosition === 'right' && type !== 'circle') return null;
-
     var concatMap = _mapInstanceProperty(defaultTextMap).call(defaultTextMap, function (text, index) {
       if (type === 'circle' && index === 0) return textMap[index] || langMsgs.circleLoadingDesc;
       return textMap[index] || text;
     });
-
     var text;
-
     if (isLoading) {
       text = concatMap[0];
     } else if (progressStatus === 'failure') {
@@ -143,22 +125,18 @@ var Progress = function Progress(props) {
     } else if (progressStatus === 'success') {
       text = concatMap[2];
     }
-
     return /*#__PURE__*/React.createElement("div", {
       className: "".concat(prefixCls, "-special-text")
     }, text);
   };
-
   var progress = /*#__PURE__*/React.createElement(Line, _extends({}, progressProps, {
     prefixCls: progressPrefixCls
   }), renderProgressInfo(progressPrefixCls, progressStatus, progressProps));
-
   if (type === 'circle') {
     progress = /*#__PURE__*/React.createElement(Circle, _extends({}, progressProps, {
       prefixCls: progressPrefixCls
     }), renderProgressInfo(progressPrefixCls, progressStatus, progressProps));
   }
-
   useEffect(function () {
     onProcess && onProcess(percent);
   }, [percent, onProcess]);
@@ -166,6 +144,5 @@ var Progress = function Progress(props) {
     className: progressClasses
   }), progress, renderSpecialInfo(progressPrefixCls, progressStatus, progressProps));
 };
-
 Progress.displayName = 'Progress';
 export default Progress;

package/es/progress/utils.js

@@ -3,37 +3,27 @@ import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
 import _sortInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/sort";
 import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
 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;
 };
-
 export function validProgress(progress) {
   if (!progress || progress < 0) {
     return 0;
   }
-
   if (progress > 100) {
     return 100;
   }
-
   return progress;
 }
 export var sortGradient = function sortGradient(gradients) {
   var tempArr = [];
-
   _Object$keys(gradients).forEach(function (key) {
     var formattedKey = parseFloat(key.replace(/%/g, ''));
-
     if (!isNaN(formattedKey)) {
       tempArr.push({
         key: formattedKey,
@@ -41,36 +31,30 @@ export var sortGradient = function sortGradient(gradients) {
       });
     }
   });
-
   tempArr = _sortInstanceProperty(tempArr).call(tempArr, function (a, b) {
     return a.key - b.key;
   });
   return _mapInstanceProperty(tempArr).call(tempArr, function (_ref) {
     var _context;
-
     var key = _ref.key,
-        value = _ref.value;
+      value = _ref.value;
     return _concatInstanceProperty(_context = "".concat(value, " ")).call(_context, key, "%");
   }).join(', ');
 };
 export var handleGradient = function handleGradient(strokeColor) {
   var _context3, _context4;
-
   var from = strokeColor.from,
-      to = strokeColor.to,
-      _strokeColor$directio = strokeColor.direction,
-      direction = _strokeColor$directio === void 0 ? 'to right' : _strokeColor$directio,
-      rest = __rest(strokeColor, ["from", "to", "direction"]);
-
+    to = strokeColor.to,
+    _strokeColor$directio = strokeColor.direction,
+    direction = _strokeColor$directio === void 0 ? 'to right' : _strokeColor$directio,
+    rest = __rest(strokeColor, ["from", "to", "direction"]);
   if (_Object$keys(rest).length !== 0) {
     var _context2;
-
     var sortedGradients = sortGradient(rest);
     return {
       backgroundImage: _concatInstanceProperty(_context2 = "linear-gradient(".concat(direction, ", ")).call(_context2, sortedGradients, ")")
     };
   }
-
   return {
     backgroundImage: _concatInstanceProperty(_context3 = _concatInstanceProperty(_context4 = "linear-gradient(".concat(direction, ", ")).call(_context4, from, ", ")).call(_context3, to, ")")
   };

package/es/radio/group.js

@@ -9,59 +9,46 @@ import Radio from './radio';
 import { RadioGroupContextProvider } from './context';
 var RadioGroup = /*#__PURE__*/React.forwardRef(function (props, ref) {
   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 initValue = props.value === undefined ? props.defaultValue : props.value;
-
   var _React$useState = React.useState(initValue),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      value = _React$useState2[0],
-      setValue = _React$useState2[1]; // 从props更新value值
-
-
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    value = _React$useState2[0],
+    setValue = _React$useState2[1];
+  // 从props更新value值
   React.useEffect(function () {
     if (props.value !== undefined) {
       setValue(props.value);
     }
   }, [props.value]);
-
   var onRadioChange = function onRadioChange(ev, checkedValue) {
     var lastValue = value;
-
     if (!('value' in props)) {
       setValue(checkedValue);
     }
-
     var onChange = props.onChange;
-
     if (onChange && checkedValue !== lastValue) {
       onChange(ev, checkedValue);
     }
   };
-
   var renderGroup = function renderGroup() {
     var _getCompProps = getCompProps('RadioGroup', userDefaultProps, props),
-        id = _getCompProps.id,
-        style = _getCompProps.style,
-        options = _getCompProps.options,
-        disabled = _getCompProps.disabled,
-        children = _getCompProps.children,
-        className = _getCompProps.className,
-        optionType = _getCompProps.optionType,
-        customPrefixcls = _getCompProps.prefixCls; // 属性需要合并一遍用户定义的默认属性
-
-
+      id = _getCompProps.id,
+      style = _getCompProps.style,
+      options = _getCompProps.options,
+      disabled = _getCompProps.disabled,
+      children = _getCompProps.children,
+      className = _getCompProps.className,
+      optionType = _getCompProps.optionType,
+      customPrefixcls = _getCompProps.prefixCls; // 属性需要合并一遍用户定义的默认属性
     var groupPrefixCls = getPrefixCls === null || getPrefixCls === void 0 ? void 0 : getPrefixCls(prefixCls, "radio-group", customPrefixcls); // 单选组样式前缀
-
     var radioPrefixCls = getPrefixCls === null || getPrefixCls === void 0 ? void 0 : getPrefixCls(prefixCls, "radio", customPrefixcls); // 单选样式前缀
-
-    var childrenToRender = children; // 如果存在 options, 优先使用
-
+    var childrenToRender = children;
+    // 如果存在 options, 优先使用
     if (options && options.length > 0) {
       var _context;
-
       var optionsPrefixCls = optionType === undefined ? radioPrefixCls : _concatInstanceProperty(_context = "".concat(radioPrefixCls, "-")).call(_context, optionType);
       childrenToRender = _mapInstanceProperty(options).call(options, function (option) {
         if (typeof option === 'string') {
@@ -73,9 +60,8 @@ var RadioGroup = /*#__PURE__*/React.forwardRef(function (props, ref) {
             value: option,
             checked: value === option
           }, option);
-        } // 此处类型自动推导为 { label: string value: string }
-
-
+        }
+        // 此处类型自动推导为 { label: string value: string }
         return /*#__PURE__*/React.createElement(Radio, {
           key: "radio-group-value-options-".concat(option.value),
           prefixCls: optionsPrefixCls,
@@ -86,7 +72,6 @@ var RadioGroup = /*#__PURE__*/React.forwardRef(function (props, ref) {
         }, option.label);
       });
     }
-
     return /*#__PURE__*/React.createElement("div", {
       className: classNames(groupPrefixCls, className),
       style: style,
@@ -94,7 +79,6 @@ var RadioGroup = /*#__PURE__*/React.forwardRef(function (props, ref) {
       ref: ref
     }, childrenToRender);
   };
-
   return /*#__PURE__*/React.createElement(RadioGroupContextProvider, {
     value: {
       value: value,

package/es/radio/radio-button.js

@@ -1,44 +1,32 @@
 import _extends from "@babel/runtime-corejs3/helpers/extends";
 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 * as React from 'react';
 import Radio from './radio';
 import { ConfigContext } from '../config-provider';
 import RadioGroupContext from './context';
 import { getCompProps } from '../_utils';
-
 var RadioButton = function RadioButton(props, ref) {
   var radioGroupContext = React.useContext(RadioGroupContext);
-
   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 _a = getCompProps('Radio', userDefaultProps, props),
-      customPrefixcls = _a.prefixCls,
-      radioProps = __rest(_a, ["prefixCls"]);
-
+    customPrefixcls = _a.prefixCls,
+    radioProps = __rest(_a, ["prefixCls"]);
   var radioButtonPrefixCls = getPrefixCls === null || getPrefixCls === void 0 ? void 0 : getPrefixCls(prefixCls, "radio-button", customPrefixcls);
-
   if (radioGroupContext) {
     radioProps.checked = props.value === radioGroupContext.value;
     radioProps.disabled = props.disabled || radioGroupContext.disabled;
   }
-
   return /*#__PURE__*/React.createElement(Radio, _extends({
     prefixCls: radioButtonPrefixCls
   }, radioProps, {
@@ -46,5 +34,4 @@ var RadioButton = function RadioButton(props, ref) {
     ref: ref
   }));
 };
-
 export default /*#__PURE__*/React.forwardRef(RadioButton);

package/es/radio/radio.js

@@ -2,20 +2,14 @@ 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 _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, { useEffect } from 'react';
 import classNames from 'classnames';
 import isBoolean from 'lodash/isBoolean';
@@ -25,86 +19,66 @@ import ConfigContext from '../config-provider/ConfigContext';
 import { getCompProps } from '../_utils';
 import RadioGroupContext from './context';
 import devWarning from '../_utils/devwarning';
-
 var InternalRadio = function InternalRadio(props, ref) {
   var _classNames;
-
   var context = React.useContext(RadioGroupContext);
-
   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 innerRef = React.useRef();
   var mergedRef = ref || innerRef;
-
   var _a = getCompProps('Radio', userDefaultProps, props),
-      style = _a.style,
-      checked = _a.checked,
-      children = _a.children,
-      className = _a.className,
-      radioType = _a.radioType,
-      value = _a.value,
-      disabled = _a.disabled,
-      defaultChecked = _a.defaultChecked,
-      customPrefixcls = _a.prefixCls,
-      restProps = __rest(_a, ["style", "checked", "children", "className", "radioType", "value", "disabled", "defaultChecked", "prefixCls"]); // 属性需要合并一遍用户定义的默认属性
-
-
+    style = _a.style,
+    checked = _a.checked,
+    children = _a.children,
+    className = _a.className,
+    radioType = _a.radioType,
+    value = _a.value,
+    disabled = _a.disabled,
+    defaultChecked = _a.defaultChecked,
+    customPrefixcls = _a.prefixCls,
+    restProps = __rest(_a, ["style", "checked", "children", "className", "radioType", "value", "disabled", "defaultChecked", "prefixCls"]); // 属性需要合并一遍用户定义的默认属性
   devWarning(!(isNumber(value) || isString(value)) && value !== '', 'radio', 'radio `value` type must string or number ');
   devWarning(value === '', 'radio', 'radio value type is not empty string ');
   var mergedDisabled = (context === null || context === void 0 ? void 0 : context.disabled) || restProps.disabled;
   var initValue = context ? value === context.value : isBoolean(checked) ? checked : defaultChecked;
-
   var getPrefix = function getPrefix(radioType) {
     return "radio".concat(radioType === 'square' ? "-".concat(radioType) : '');
   };
-
   var radioPrefixCls = getPrefixCls === null || getPrefixCls === void 0 ? void 0 : getPrefixCls(prefixCls, getPrefix(radioType), customPrefixcls); // 样式前缀
-
   var _React$useState = React.useState(initValue),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      isChecked = _React$useState2[0],
-      setIsChecked = _React$useState2[1];
-
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    isChecked = _React$useState2[0],
+    setIsChecked = _React$useState2[1];
   React.useEffect(function () {
     var checkedValue = context ? value === context.value : isBoolean(checked) ? checked : defaultChecked;
     setIsChecked(checkedValue);
   }, [checked, defaultChecked, context === null || context === void 0 ? void 0 : context.value]);
-
   var onChange = function onChange(e) {
     if (disabled) return;
     setIsChecked(e.target.checked);
-
     if (props.onChange) {
       props.onChange(e);
     }
-
     if (context === null || context === void 0 ? void 0 : context.onChange) {
       context.onChange(e, value);
     }
   };
-
   var classString = classNames((_classNames = {}, _defineProperty(_classNames, "".concat(radioPrefixCls), true), _defineProperty(_classNames, "".concat(radioPrefixCls, "-disabled"), disabled), _defineProperty(_classNames, "".concat(radioPrefixCls, "-checked"), isChecked), _classNames), className); // 单选包裹元素class名称
-
   useEffect(function () {
     var _a;
-
     var handleRepeatClick = function handleRepeatClick(e) {
       var element = e.target;
-
       if (element.tagName !== 'INPUT') {
         e.stopPropagation();
       }
     };
-
     var radioRef = mergedRef;
     (_a = radioRef === null || radioRef === void 0 ? void 0 : radioRef.current) === null || _a === void 0 ? void 0 : _a.addEventListener('click', handleRepeatClick);
     return function () {
-      var _a; // eslint-disable-next-line react-hooks/exhaustive-deps
-
-
+      var _a;
+      // eslint-disable-next-line react-hooks/exhaustive-deps
       (_a = radioRef === null || radioRef === void 0 ? void 0 : radioRef.current) === null || _a === void 0 ? void 0 : _a.removeEventListener('click', handleRepeatClick);
     };
   }, []);
@@ -128,7 +102,6 @@ var InternalRadio = function InternalRadio(props, ref) {
     }, children) : null)
   );
 };
-
 var Radio = /*#__PURE__*/React.forwardRef(InternalRadio);
 Radio.displayName = 'Radio';
 export default Radio;