@kdcloudjs/kdesign 1.6.34 → 1.6.35

package/es/grid/row.js

@@ -7,13 +7,12 @@ import { getCompProps } from '../_utils';
 import { ConfigContext } from '../config-provider';
 import throttle from 'lodash/throttle';
 import { testBrowserType } from '../_utils/testBrowserType';
-
 function getGap(gutter, width) {
   var xs = gutter.xs,
-      sm = gutter.sm,
-      md = gutter.md,
-      lg = gutter.lg,
-      xl = gutter.xl;
+    sm = gutter.sm,
+    md = gutter.md,
+    lg = gutter.lg,
+    xl = gutter.xl;
   var gap = 0;
   if (xs && width > 0) gap = xs;
   if (sm && width >= 600) gap = sm;
@@ -22,36 +21,30 @@ function getGap(gutter, width) {
   if (xl && width >= 1920) gap = xl;
   return gap;
 }
-
 var Row = function Row(props) {
   var _context;
-
   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('Row', userDefaultProps, props),
-      style = _getCompProps.style,
-      className = _getCompProps.className,
-      children = _getCompProps.children,
-      wrap = _getCompProps.wrap,
-      gutter = _getCompProps.gutter,
-      align = _getCompProps.align,
-      justify = _getCompProps.justify,
-      customPrefixcls = _getCompProps.prefixCls; // 浏览器名称
-
-
-  var isSogou = testBrowserType(/^sogou/i, 0); // className前缀
-
+    style = _getCompProps.style,
+    className = _getCompProps.className,
+    children = _getCompProps.children,
+    wrap = _getCompProps.wrap,
+    gutter = _getCompProps.gutter,
+    align = _getCompProps.align,
+    justify = _getCompProps.justify,
+    customPrefixcls = _getCompProps.prefixCls;
+  // 浏览器名称
+  var isSogou = testBrowserType(/^sogou/i, 0);
+  // className前缀
   var prefixCls = getPrefixCls(pkgPrefixCls, 'row', customPrefixcls);
-
   var _React$useState = React.useState(window.innerWidth),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      winWidth = _React$useState2[0],
-      setWinWidth = _React$useState2[1];
-
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    winWidth = _React$useState2[0],
+    setWinWidth = _React$useState2[1];
   var updateWidth = throttle(function () {
     return setWinWidth(window.innerWidth);
   }, 500);
@@ -61,25 +54,21 @@ var Row = function Row(props) {
     v: 0
   };
   if (gutter.constructor === Number) gap.h = gutter;
-
   if (gutter.constructor === Object) {
     gap.h = getGap(gutter, winWidth);
   }
-
   if (Array.isArray(gutter)) {
     if (gutter[0].constructor === Object) {
       gap.h = getGap(gutter[0], winWidth);
     } else {
       gap.h = gutter[0];
     }
-
     if (gutter[1].constructor === Object) {
       gap.v = getGap(gutter[1], winWidth);
     } else {
       gap.v = gutter[1];
     }
   }
-
   var rowStyle = {
     '--cgap': "".concat(gap.h, "px")
   };
@@ -93,12 +82,10 @@ var Row = function Row(props) {
     start: 'flex-start',
     end: 'flex-end'
   };
-
   var styleString = _extends(_extends(_extends({}, style), rowStyle), {
     alignItems: toalign[align] || align,
     justifyContent: tojustify[justify] || justify
   });
-
   return /*#__PURE__*/React.createElement("div", {
     className: classNames(prefixCls, className, {
       nowrap: !wrap
@@ -112,6 +99,5 @@ var Row = function Row(props) {
     });
   }));
 };
-
 Row.displayName = 'Row';
 export default Row;

package/es/icon/icon.js

@@ -2,67 +2,50 @@ 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 } from 'react';
 import classNames from 'classnames';
 import ConfigContext from '../config-provider/ConfigContext';
 import { getCompProps } from '../_utils';
-
 var InternalIcon = function InternalIcon(props, ref) {
   var _context, _classNames;
-
   var _useContext = useContext(ConfigContext),
-      userDefaultProps = _useContext.compDefaultProps;
-
+    userDefaultProps = _useContext.compDefaultProps;
   var iconProps = getCompProps('Icon', userDefaultProps, props);
-
   var type = iconProps.type,
-      spin = iconProps.spin,
-      style = iconProps.style,
-      prefix = iconProps.prefix,
-      className = iconProps.className,
-      rotate = iconProps.rotate,
-      onClick = iconProps.onClick,
-      onMouseEnter = iconProps.onMouseEnter,
-      onMouseLeave = iconProps.onMouseLeave,
-      others = __rest(iconProps, ["type", "spin", "style", "prefix", "className", "rotate", "onClick", "onMouseEnter", "onMouseLeave"]);
-
+    spin = iconProps.spin,
+    style = iconProps.style,
+    prefix = iconProps.prefix,
+    className = iconProps.className,
+    rotate = iconProps.rotate,
+    onClick = iconProps.onClick,
+    onMouseEnter = iconProps.onMouseEnter,
+    onMouseLeave = iconProps.onMouseLeave,
+    others = __rest(iconProps, ["type", "spin", "style", "prefix", "className", "rotate", "onClick", "onMouseEnter", "onMouseLeave"]);
   var innerRef = React.useRef();
   var iconRef = ref || innerRef;
   var iconPrefix = prefix || iconProps.iconPrefix;
   var iconClass = classNames(iconPrefix, className, (_classNames = {}, _defineProperty(_classNames, _concatInstanceProperty(_context = "".concat(iconPrefix, "-")).call(_context, type), type), _defineProperty(_classNames, "icon-spin", spin), _classNames));
-
   var handleClick = function handleClick(e) {
     onClick && onClick(e);
   };
-
   var handleMouseEnter = function handleMouseEnter(e) {
     onMouseEnter && onMouseEnter(e);
   };
-
   var handleMouseLeave = function handleMouseLeave(e) {
     onMouseLeave && onMouseLeave(e);
   };
-
   var iconStyle = _extends({}, style);
-
   if (rotate !== undefined) {
     iconStyle.transform = "rotate(".concat(rotate, "deg)");
   }
-
   return /*#__PURE__*/React.createElement("i", _extends({
     className: iconClass,
     onClick: handleClick,
@@ -73,7 +56,6 @@ var InternalIcon = function InternalIcon(props, ref) {
     ref: iconRef
   }));
 };
-
 var Icon = /*#__PURE__*/React.forwardRef(InternalIcon);
 Icon.displayName = 'Icon';
 export default Icon;

package/es/image/image.js

@@ -7,71 +7,60 @@ import { getCompProps } from '../_utils';
 import { ConfigContext } from '../config-provider';
 import Preview from './preview';
 import PreviewGroup from './preview-group';
-
 var ImageInternal = function ImageInternal(props, ref) {
   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 allProps = getCompProps('Image', userDefaultProps, props);
   var innerRef = React.useRef();
   var previewRef = ref || innerRef;
   var id = allProps.id,
-      alt = allProps.alt,
-      name = allProps.name,
-      size = allProps.size,
-      width = allProps.width,
-      height = allProps.height,
-      preview = allProps.preview,
-      fallback = allProps.fallback,
-      operations = allProps.operations,
-      _allProps$placeholder = allProps.placeholder,
-      placeholder = _allProps$placeholder === void 0 ? '' : _allProps$placeholder,
-      customPrefixcls = allProps.prefixCls; // className前缀
-
+    alt = allProps.alt,
+    name = allProps.name,
+    size = allProps.size,
+    width = allProps.width,
+    height = allProps.height,
+    preview = allProps.preview,
+    fallback = allProps.fallback,
+    operations = allProps.operations,
+    _allProps$placeholder = allProps.placeholder,
+    placeholder = _allProps$placeholder === void 0 ? '' : _allProps$placeholder,
+    customPrefixcls = allProps.prefixCls;
+  // className前缀
   var prefixCls = getPrefixCls(pkgPrefixCls, 'image', customPrefixcls);
-
   var _React$useState = React.useState(false),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      exit = _React$useState2[0],
-      setExit = _React$useState2[1];
-
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    exit = _React$useState2[0],
+    setExit = _React$useState2[1];
   React.useEffect(function () {
     if (exit) setVisible(true);
   }, [exit]);
-
   var _React$useState3 = React.useState(placeholder),
-      _React$useState4 = _slicedToArray(_React$useState3, 2),
-      src = _React$useState4[0],
-      setSrc = _React$useState4[1];
-
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    src = _React$useState4[0],
+    setSrc = _React$useState4[1];
   var _React$useState5 = React.useState(true),
-      _React$useState6 = _slicedToArray(_React$useState5, 2),
-      error = _React$useState6[0],
-      setError = _React$useState6[1];
-
+    _React$useState6 = _slicedToArray(_React$useState5, 2),
+    error = _React$useState6[0],
+    setError = _React$useState6[1];
   var _React$useState7 = React.useState(false),
-      _React$useState8 = _slicedToArray(_React$useState7, 2),
-      visible = _React$useState8[0],
-      setVisible = _React$useState8[1];
-
+    _React$useState8 = _slicedToArray(_React$useState7, 2),
+    visible = _React$useState8[0],
+    setVisible = _React$useState8[1];
   var _React$useState9 = React.useState(''),
-      _React$useState10 = _slicedToArray(_React$useState9, 2),
-      transformOrigin = _React$useState10[0],
-      setTransformOrigin = _React$useState10[1];
-
+    _React$useState10 = _slicedToArray(_React$useState9, 2),
+    transformOrigin = _React$useState10[0],
+    setTransformOrigin = _React$useState10[1];
   React.useEffect(function () {
     placeholder && setSrc(placeholder);
     var img = new window.Image();
     img.src = props.src;
-
     img.onload = function () {
       setError(false);
       setSrc(props.src);
     };
-
     img.onerror = function () {
       setError(true);
       setSrc(fallback || props.src);
@@ -86,30 +75,24 @@ var ImageInternal = function ImageInternal(props, ref) {
     },
     className: "".concat(prefixCls, "-img")
   };
-
   if (!error) {
     imgProps.onClick = function (e) {
       preview && (exit ? setVisible(true) : setExit(true));
       props.onClick && props.onClick(e);
     };
   }
-
   var calcTransformOrigin = function calcTransformOrigin(element) {
     var _context;
-
     var transformOriginX = element.getBoundingClientRect().x + element.getBoundingClientRect().width / 2;
     var transformOriginY = element.getBoundingClientRect().y + element.getBoundingClientRect().height / 2;
     setTransformOrigin(_concatInstanceProperty(_context = "".concat(transformOriginX, "px ")).call(_context, transformOriginY, "px"));
   };
-
   React.useEffect(function () {
     previewRef.current && calcTransformOrigin(previewRef.current);
   });
-
   var onClose = function onClose() {
     return setVisible(false);
   };
-
   var previewProps = {
     alt: alt,
     name: name,
@@ -138,7 +121,6 @@ var ImageInternal = function ImageInternal(props, ref) {
     className: "".concat(prefixCls, "-action")
   }, operations), preview && exit && /*#__PURE__*/React.createElement(Preview, _extends({}, previewProps)));
 };
-
 var Image = /*#__PURE__*/React.forwardRef(ImageInternal);
 var ImageOuter = Image;
 ImageOuter.Preview = Preview;

package/es/image/preview-group.js

@@ -5,42 +5,36 @@ import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/insta
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
 import * as React from 'react';
 import Preview from './preview';
-
 var PreviewGroup = function PreviewGroup(_ref) {
   var children = _ref.children,
-      className = _ref.className,
-      style = _ref.style,
-      previewType = _ref.previewType,
-      operations = _ref.operations;
+    className = _ref.className,
+    style = _ref.style,
+    previewType = _ref.previewType,
+    operations = _ref.operations;
   var images = React.useMemo(function () {
     var _context;
-
     return Array.isArray(children) ? _mapInstanceProperty(_context = _filterInstanceProperty(children).call(children, function (image) {
       return image.props.src;
     })).call(_context, function (image) {
       return image.props;
     }) : [children !== undefined ? children.props : {}];
-  }, [children]); // eslint-disable-next-line react-hooks/rules-of-hooks
-
+  }, [children]);
+  // eslint-disable-next-line react-hooks/rules-of-hooks
   var refs = _mapInstanceProperty(images).call(images, function () {
     return React.useRef();
   });
-
   var _React$useState = React.useState(images[0] || {}),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      image = _React$useState2[0],
-      setImage = _React$useState2[1];
-
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    image = _React$useState2[0],
+    setImage = _React$useState2[1];
   var _React$useState3 = React.useState(0),
-      _React$useState4 = _slicedToArray(_React$useState3, 2),
-      current = _React$useState4[0],
-      setCurrent = _React$useState4[1];
-
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    current = _React$useState4[0],
+    setCurrent = _React$useState4[1];
   var _React$useState5 = React.useState(false),
-      _React$useState6 = _slicedToArray(_React$useState5, 2),
-      exit = _React$useState6[0],
-      setExit = _React$useState6[1];
-
+    _React$useState6 = _slicedToArray(_React$useState5, 2),
+    exit = _React$useState6[0],
+    setExit = _React$useState6[1];
   React.useEffect(function () {
     exit && setVisible(true);
   }, [exit]);
@@ -49,48 +43,39 @@ var PreviewGroup = function PreviewGroup(_ref) {
       setImage(images[current]);
     }
   }, [current, images]);
-
   var _React$useState7 = React.useState(false),
-      _React$useState8 = _slicedToArray(_React$useState7, 2),
-      visible = _React$useState8[0],
-      setVisible = _React$useState8[1];
-
+    _React$useState8 = _slicedToArray(_React$useState7, 2),
+    visible = _React$useState8[0],
+    setVisible = _React$useState8[1];
   var _React$useState9 = React.useState(''),
-      _React$useState10 = _slicedToArray(_React$useState9, 2),
-      transformOrigin = _React$useState10[0],
-      setTransformOrigin = _React$useState10[1];
-
+    _React$useState10 = _slicedToArray(_React$useState9, 2),
+    transformOrigin = _React$useState10[0],
+    setTransformOrigin = _React$useState10[1];
   var calcTransformOrigin = function calcTransformOrigin(element) {
     var _context2;
-
     var transformOriginX = element && element.getBoundingClientRect().x + element.getBoundingClientRect().width / 2;
     var transformOriginY = element && element.getBoundingClientRect().y + element.getBoundingClientRect().height / 2;
     setTransformOrigin(_concatInstanceProperty(_context2 = "".concat(transformOriginX, "px ")).call(_context2, transformOriginY, "px"));
   };
-
   var onPreview = function onPreview(index) {
     setCurrent(index);
     calcTransformOrigin(refs[index].current);
     exit ? setVisible(true) : setExit(true);
   };
-
   var onClose = function onClose() {
     return setVisible(false);
   };
-
   var onNext = function onNext() {
     return current < images.length - 1 && setCurrent(current + 1);
   };
-
   var onPrevious = function onPrevious() {
     return current > 0 && setCurrent(current - 1);
   };
-
   var alt = image.alt,
-      src = image.src,
-      previewStyle = image.previewStyle,
-      previewClassName = image.previewClassName,
-      previewOperations = image.previewOperations;
+    src = image.src,
+    previewStyle = image.previewStyle,
+    previewClassName = image.previewClassName,
+    previewOperations = image.previewOperations;
   var previewProps = {
     alt: alt,
     src: src,
@@ -116,5 +101,4 @@ var PreviewGroup = function PreviewGroup(_ref) {
     });
   }) : children, exit && /*#__PURE__*/React.createElement(Preview, _extends({}, previewProps)));
 };
-
 export default PreviewGroup;

package/es/image/preview.js

@@ -11,51 +11,43 @@ import Icon from '../icon';
 import throttle from 'lodash/throttle';
 import findLast from 'lodash/findLast';
 import Draggable from 'react-draggable';
-
 var Preview = function Preview(props) {
   var _context;
-
   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 allProps = getCompProps('Image', userDefaultProps, props);
   var src = allProps.src,
-      alt = allProps.alt,
-      name = allProps.name,
-      size = allProps.size,
-      scales = allProps.scales,
-      visible = allProps.visible,
-      onClose = allProps.onClose,
-      current = allProps.current,
-      length = allProps.length,
-      operations = allProps.operations,
-      customPrefixcls = allProps.prefixCls; // className前缀
-
+    alt = allProps.alt,
+    name = allProps.name,
+    size = allProps.size,
+    scales = allProps.scales,
+    visible = allProps.visible,
+    onClose = allProps.onClose,
+    current = allProps.current,
+    length = allProps.length,
+    operations = allProps.operations,
+    customPrefixcls = allProps.prefixCls;
+  // className前缀
   var prefixCls = getPrefixCls(pkgPrefixCls, 'image', customPrefixcls);
-
   var _React$useState = React.useState(visible),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      show = _React$useState2[0],
-      setShow = _React$useState2[1];
-
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    show = _React$useState2[0],
+    setShow = _React$useState2[1];
   React.useEffect(function () {
     setShow(visible);
     visible && setPreviewSrc(src);
   }, [visible, src]);
-
   var _React$useState3 = React.useState(src),
-      _React$useState4 = _slicedToArray(_React$useState3, 2),
-      previewSrc = _React$useState4[0],
-      setPreviewSrc = _React$useState4[1];
-
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    previewSrc = _React$useState4[0],
+    setPreviewSrc = _React$useState4[1];
   var _React$useState5 = React.useState(1),
-      _React$useState6 = _slicedToArray(_React$useState5, 2),
-      scale = _React$useState6[0],
-      setScale = _React$useState6[1];
-
+    _React$useState6 = _slicedToArray(_React$useState5, 2),
+    scale = _React$useState6[0],
+    setScale = _React$useState6[1];
   var maxScale = scales[scales.length - 1] / 100;
   var minScale = scales[0] / 100;
   React.useEffect(function () {
@@ -64,7 +56,6 @@ var Preview = function Preview(props) {
       var throMouseWheel = throttle(function (e) {
         if (e.wheelDelta > 0) {
           if (scale > maxScale) return;
-
           if (scale + 0.1 > maxScale) {
             setScale(maxScale);
           } else {
@@ -72,7 +63,6 @@ var Preview = function Preview(props) {
           }
         } else if (e.wheelDelta < 0) {
           if (scale < minScale) return;
-
           if (scale - 0.1 < minScale) {
             setScale(minScale);
           } else {
@@ -89,22 +79,18 @@ var Preview = function Preview(props) {
       setScale(1);
     }
   }, [show, scale]);
-
   var handleZoomOut = function handleZoomOut() {
     var nextScale = findLast(scales, function (s) {
       return s / 100 < scale;
     });
     if (nextScale !== undefined) setScale(nextScale / 100);
   };
-
   var handleZoomIn = function handleZoomIn() {
     var nextScale = _findInstanceProperty(scales).call(scales, function (s) {
       return s / 100 > scale;
     });
-
     if (nextScale !== undefined) setScale(nextScale / 100);
   };
-
   var previewImgProps = {
     alt: alt,
     src: previewSrc,
@@ -202,5 +188,4 @@ var Preview = function Preview(props) {
   }), "\u5173\u95ED"))));
   return /*#__PURE__*/ReactDOM.createPortal(peviewContainer, document.body);
 };
-
 export default Preview;