@kdcloudjs/kdesign 1.6.34 → 1.6.36

package/es/carousel/slidebar.js

@@ -5,22 +5,18 @@ import classNames from 'classnames';
 import isObject from 'lodash/isObject';
 export var Slidebar = function Slidebar(props) {
   var _context, _classNames;
-
   var number = props.number,
-      currentIndex = props.currentIndex,
-      dotPosition = props.dotPosition,
-      dotsClassName = props.dotsClassName,
-      parentPrefixCls = props.parentPrefixCls,
-      _onClick = props.onClick;
+    currentIndex = props.currentIndex,
+    dotPosition = props.dotPosition,
+    dotsClassName = props.dotsClassName,
+    parentPrefixCls = props.parentPrefixCls,
+    _onClick = props.onClick;
   var slideBarPrefixCls = "".concat(parentPrefixCls, "-slidebar");
   var slideClassName = classNames((_classNames = {}, _defineProperty(_classNames, "".concat(slideBarPrefixCls), true), _defineProperty(_classNames, _concatInstanceProperty(_context = "".concat(slideBarPrefixCls, "-")).call(_context, dotPosition), true), _classNames));
-
   var renderDot = function renderDot() {
     var element = [];
-
     var _loop = function _loop(i) {
       var _classNames2, _classNames3;
-
       var dotClassName = isObject(dotsClassName) ? classNames((_classNames2 = {}, _defineProperty(_classNames2, "".concat(dotsClassName.dotsClassName), true), _defineProperty(_classNames2, "".concat(dotsClassName.activeDotsClassName), i === currentIndex), _classNames2)) : classNames((_classNames3 = {}, _defineProperty(_classNames3, "".concat(slideBarPrefixCls, "-dot"), true), _defineProperty(_classNames3, "".concat(slideBarPrefixCls, "-dot-active"), i === currentIndex), _classNames3));
       var li = /*#__PURE__*/React.createElement("li", {
         key: i,
@@ -32,14 +28,11 @@ export var Slidebar = function Slidebar(props) {
       }));
       element.push(li);
     };
-
     for (var i = 0; i <= number - 1; i++) {
       _loop(i);
     }
-
     return element;
   };
-
   return /*#__PURE__*/React.createElement("ul", {
     className: slideClassName
   }, renderDot());

package/es/cascader/cascader.js

@@ -22,110 +22,94 @@ import { flattenAll, useChecked, getHalfChecked, getChecked, getMultipleCheckVal
 export var CascaderPlacement = tuple('topLeft', 'topRight', 'bottomLeft', 'bottomRight');
 var Cascader = /*#__PURE__*/React.forwardRef(function (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('Cascader', userDefaultProps, props);
   var mode = allProps.mode,
-      style = allProps.style,
-      options = allProps.options,
-      bordered = allProps.bordered,
-      disabled = allProps.disabled,
-      children = allProps.children,
-      loadData = allProps.loadData,
-      clearIcon = allProps.clearIcon,
-      className = allProps.className,
-      fieldNames = allProps.fieldNames,
-      placeholder = allProps.placeholder,
-      defaultValue = allProps.defaultValue,
-      maxTagPlaceholder = allProps.maxTagPlaceholder,
-      displayRender = allProps.displayRender,
-      expandTrigger = allProps.expandTrigger,
-      changeOnSelect = allProps.changeOnSelect,
-      dropdownRender = allProps.dropdownRender,
-      notFoundContent = allProps.notFoundContent,
-      getPopupContainer = allProps.getPopupContainer,
-      defaultPopupVisible = allProps.defaultPopupVisible,
-      onPopupVisibleChange = allProps.onPopupVisibleChange,
-      onPopperVisibleChange = allProps.onPopperVisibleChange,
-      customPrefixcls = allProps.prefixCls; // className前缀
-
+    style = allProps.style,
+    options = allProps.options,
+    bordered = allProps.bordered,
+    disabled = allProps.disabled,
+    children = allProps.children,
+    loadData = allProps.loadData,
+    clearIcon = allProps.clearIcon,
+    className = allProps.className,
+    fieldNames = allProps.fieldNames,
+    placeholder = allProps.placeholder,
+    defaultValue = allProps.defaultValue,
+    maxTagPlaceholder = allProps.maxTagPlaceholder,
+    displayRender = allProps.displayRender,
+    expandTrigger = allProps.expandTrigger,
+    changeOnSelect = allProps.changeOnSelect,
+    dropdownRender = allProps.dropdownRender,
+    notFoundContent = allProps.notFoundContent,
+    getPopupContainer = allProps.getPopupContainer,
+    defaultPopupVisible = allProps.defaultPopupVisible,
+    onPopupVisibleChange = allProps.onPopupVisibleChange,
+    onPopperVisibleChange = allProps.onPopperVisibleChange,
+    customPrefixcls = allProps.prefixCls;
+  // className前缀
   var prefixCls = getPrefixCls(pkgPrefixCls, 'cascader', customPrefixcls);
   var pickerRef = React.useRef();
   var triggerRef = React.useRef();
   var wrapperRef = React.useRef();
   var mergeRef = ref || pickerRef;
-
   var _React$useState = React.useState(!!props.popperVisible || !!props.popupVisible || defaultPopupVisible),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      visible = _React$useState2[0],
-      setVisible = _React$useState2[1];
-
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    visible = _React$useState2[0],
+    setVisible = _React$useState2[1];
   React.useEffect(function () {
     setVisible(!!props.popperVisible || !!props.popupVisible);
   }, [props.popperVisible, props.popupVisible]);
-
   var _React$useState3 = React.useState([options]),
-      _React$useState4 = _slicedToArray(_React$useState3, 2),
-      menus = _React$useState4[0],
-      setMenus = _React$useState4[1];
-
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    menus = _React$useState4[0],
+    setMenus = _React$useState4[1];
   var _React$useState5 = React.useState([]),
-      _React$useState6 = _slicedToArray(_React$useState5, 2),
-      currentOptions = _React$useState6[0],
-      setCurrentOptions = _React$useState6[1];
-
+    _React$useState6 = _slicedToArray(_React$useState5, 2),
+    currentOptions = _React$useState6[0],
+    setCurrentOptions = _React$useState6[1];
   var _React$useState7 = React.useState([]),
-      _React$useState8 = _slicedToArray(_React$useState7, 2),
-      selectedOptions = _React$useState8[0],
-      setSelectedOptions = _React$useState8[1];
-
+    _React$useState8 = _slicedToArray(_React$useState7, 2),
+    selectedOptions = _React$useState8[0],
+    setSelectedOptions = _React$useState8[1];
   var _React$useState9 = React.useState(props.value || defaultValue || []),
-      _React$useState10 = _slicedToArray(_React$useState9, 2),
-      value = _React$useState10[0],
-      setValue = _React$useState10[1];
-
+    _React$useState10 = _slicedToArray(_React$useState9, 2),
+    value = _React$useState10[0],
+    setValue = _React$useState10[1];
   React.useEffect(function () {
     props.value && setValue(props.value);
   }, [props.value]);
   var isMultiple = useMemo(function () {
     return mode === 'multiple';
   }, [mode]);
-
   var _useMemo = useMemo(function () {
-    return flattenAll(options, []);
-  }, [options]),
-      flattenData = _useMemo.flattenData,
-      keysData = _useMemo.keysData;
-
+      return flattenAll(options, []);
+    }, [options]),
+    flattenData = _useMemo.flattenData,
+    keysData = _useMemo.keysData;
   var _useChecked = useChecked(value, flattenData, keysData, isMultiple),
-      _useChecked2 = _slicedToArray(_useChecked, 2),
-      checkedKeys = _useChecked2[0],
-      halfCheckedKeys = _useChecked2[1];
-
+    _useChecked2 = _slicedToArray(_useChecked, 2),
+    checkedKeys = _useChecked2[0],
+    halfCheckedKeys = _useChecked2[1];
   React.useEffect(function () {
     if (!isMultiple && value && (options === null || options === void 0 ? void 0 : options.length) > 0) {
       var _currentOptions = [];
       var _menus = [options];
-
       var scanOptions = function scanOptions(options) {
         options.forEach(function (option) {
           var _a;
-
           if (_includesInstanceProperty(value).call(value, String(option[fieldNames.value]))) {
             _currentOptions.push(option);
-
             if ((_a = option[fieldNames.children]) === null || _a === void 0 ? void 0 : _a.length) {
               _menus.push(option[fieldNames.children]);
-
               scanOptions(option[fieldNames.children]);
             }
           }
         });
       };
-
       scanOptions(options);
       setMenus(_menus);
       setCurrentOptions(_currentOptions);
@@ -136,23 +120,18 @@ var Cascader = /*#__PURE__*/React.forwardRef(function (props, ref) {
       var _currentOptions2 = [];
       var lastselectedOptions = value[(value === null || value === void 0 ? void 0 : value.length) - 1] || [];
       var _menus2 = [options];
-
       var scanOptions = function scanOptions(options) {
         options.forEach(function (option) {
           var _a;
-
           if (_includesInstanceProperty(lastselectedOptions).call(lastselectedOptions, String(option[fieldNames.value]))) {
             _currentOptions2.push(option);
-
             if ((_a = option[fieldNames.children]) === null || _a === void 0 ? void 0 : _a.length) {
               _menus2.push(option[fieldNames.children]);
-
               scanOptions(option[fieldNames.children]);
             }
           }
         });
       };
-
       scanOptions(options);
       var newMultipleOptions = value === null || value === void 0 ? void 0 : _mapInstanceProperty(value).call(value, function (item) {
         return Array.isArray(item) ? _mapInstanceProperty(item).call(item, function (key) {
@@ -165,19 +144,15 @@ var Cascader = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }, [options, value, fieldNames, isMultiple]);
   React.useEffect(function () {
     var _a;
-
     if (allProps.autoFocus) {
       (_a = mergeRef.current) === null || _a === void 0 ? void 0 : _a.focus();
     }
   }, [allProps.autoFocus, mergeRef]);
   React.useEffect(function () {
     var _a;
-
     (_a = wrapperRef.current) === null || _a === void 0 ? void 0 : _a.addEventListener('mouseup', function (e) {
       var _a;
-
       var isCloseBtn = ((_a = e === null || e === void 0 ? void 0 : e.target) === null || _a === void 0 ? void 0 : _a.className.indexOf('kd-tag-close-icon')) > -1;
-
       if (isCloseBtn) {
         e.stopPropagation();
       }
@@ -204,11 +179,9 @@ var Cascader = /*#__PURE__*/React.forwardRef(function (props, ref) {
       disabled: disabled
     })
   };
-
   var handleClear = function handleClear() {
     onChange([]);
   };
-
   var inputProps = {
     value: value,
     placeholder: placeholder,
@@ -224,16 +197,13 @@ var Cascader = /*#__PURE__*/React.forwardRef(function (props, ref) {
       })
     })
   };
-
   if (bordered) {
     inputProps.borderType = 'bordered';
   }
-
   var renderSuffix = function renderSuffix() {
     var _classNames;
-
-    var suffixIcon = allProps.suffixIcon; // 选择器下拉icon样式
-
+    var suffixIcon = allProps.suffixIcon;
+    // 选择器下拉icon样式
     var arrowIconCls = classNames((_classNames = {}, _defineProperty(_classNames, "".concat(prefixCls, "-icon-arrow"), true), _defineProperty(_classNames, "".concat(prefixCls, "-icon-arrow-up"), visible), _defineProperty(_classNames, "".concat(prefixCls, "-icon-arrow-down"), !visible), _defineProperty(_classNames, "".concat(prefixCls, "-icon-arrow-focus"), visible), _classNames));
     var iconShow = allowClear && !disabled && currentOptions.length > 0;
     var clearIconCls = classNames(_defineProperty({}, "".concat(prefixCls, "-icon-clear"), true));
@@ -248,7 +218,6 @@ var Cascader = /*#__PURE__*/React.forwardRef(function (props, ref) {
       type: "arrow-down"
     })));
   };
-
   var handleMaxTagHolder = useCallback(function () {
     if (typeof maxTagPlaceholder === 'function') {
       return /*#__PURE__*/React.createElement(Tag, {
@@ -262,17 +231,14 @@ var Cascader = /*#__PURE__*/React.forwardRef(function (props, ref) {
       }, maxTagPlaceholder);
     }
   }, [disabled, maxTagPlaceholder, currentOptions]);
-
   var handleRemove = function handleRemove(e, opt) {
     e.stopPropagation();
     onMultipleChecked(_toConsumableArray(opt).pop(), false);
   };
-
   var renderMultiple = function renderMultiple() {
     var _classNames3, _classNames4;
-
     var maxTagCount = allProps.maxTagCount,
-        maxTagPlaceholder = allProps.maxTagPlaceholder;
+      maxTagPlaceholder = allProps.maxTagPlaceholder;
     var multipleCls = classNames((_classNames3 = {
       disabled: disabled
     }, _defineProperty(_classNames3, "".concat(prefixCls, "-multiple"), true), _defineProperty(_classNames3, "".concat(prefixCls, "-bordered"), bordered), _classNames3));
@@ -310,7 +276,6 @@ var Cascader = /*#__PURE__*/React.forwardRef(function (props, ref) {
       className: "".concat(prefixCls, "-suffix")
     }, renderSuffix())));
   };
-
   var renderSingle = function renderSingle() {
     return /*#__PURE__*/React.createElement("span", _extends({}, locatorProps, {
       ref: mergeRef
@@ -326,48 +291,33 @@ var Cascader = /*#__PURE__*/React.forwardRef(function (props, ref) {
       onClick: handleClear
     })));
   };
-
   var cascaderLocator = isMultiple ? renderMultiple() : renderSingle();
-
   var onExpend = function onExpend(index, opt, opts) {
     _spliceInstanceProperty(selectedOptions).call(selectedOptions, index, selectedOptions.length - index, opt);
-
     setSelectedOptions(selectedOptions);
-
     if (!(opts === null || opts === void 0 ? void 0 : opts.length) && opt.isLeaf !== false || changeOnSelect) {
       onChange(selectedOptions);
     }
-
     !(opts === null || opts === void 0 ? void 0 : opts.length) && opt.isLeaf !== false && setVisible(false);
-
     var newMenus = _toConsumableArray(menus);
-
     if ((opts === null || opts === void 0 ? void 0 : opts.length) || opt.isLeaf === false) {
       _spliceInstanceProperty(newMenus).call(newMenus, index + 1, newMenus.length - index + 1, opts);
     }
-
     setMenus(newMenus);
     loadData && opt.isLeaf === false && !(opts === null || opts === void 0 ? void 0 : opts.length) && loadData(selectedOptions);
   };
-
   var onMultipleExpend = function onMultipleExpend(index, opt, opts) {
     _spliceInstanceProperty(selectedOptions).call(selectedOptions, index, selectedOptions.length - index, opt);
-
     setSelectedOptions(selectedOptions);
-
     var newMenus = _toConsumableArray(menus);
-
     if ((opts === null || opts === void 0 ? void 0 : opts.length) || opt.isLeaf === false) {
       _spliceInstanceProperty(newMenus).call(newMenus, index + 1, newMenus.length - index + 1, opts);
     }
-
     setMenus(newMenus);
     loadData && opt.isLeaf === false && !(opts === null || opts === void 0 ? void 0 : opts.length) && loadData(selectedOptions);
   };
-
   var onMultipleChecked = function onMultipleChecked(opt, checked) {
     var _a;
-
     var checkState = getAllCheckedKeys(opt.value, checked, checkedKeys, keysData, halfCheckedKeys);
     var newValue = getMultipleCheckValue(value, opt, checked, flattenData, checkState.checkedKeys);
     var newMultipleOptions = newValue === null || newValue === void 0 ? void 0 : _mapInstanceProperty(newValue).call(newValue, function (item) {
@@ -375,42 +325,36 @@ var Cascader = /*#__PURE__*/React.forwardRef(function (props, ref) {
         return keysData[key];
       }) : [];
     });
-
     if (!('value' in props)) {
       setValue(newValue);
     }
-
     (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, newValue, newMultipleOptions);
   };
-
   var onChange = function onChange(selectedOptions) {
     var selectedValue = _mapInstanceProperty(selectedOptions).call(selectedOptions, function (_ref3) {
       var value = _ref3[fieldNames.value];
       return value;
     });
-
     setCurrentOptions(selectedOptions);
     props.value === undefined && setValue(selectedValue);
     props.onChange && props.onChange(selectedValue, selectedOptions);
   };
-
   var onVisibleChange = function onVisibleChange(visible) {
     setVisible(visible);
     onPopupVisibleChange && onPopupVisibleChange(visible);
     onPopperVisibleChange && onPopperVisibleChange(visible);
     visible && setSelectedOptions(_sliceInstanceProperty(currentOptions).call(currentOptions, 0));
   };
-
   var cascaderMenus = /*#__PURE__*/React.createElement(React.Fragment, null, (options === null || options === void 0 ? void 0 : options.length) ? (menus === null || menus === void 0 ? void 0 : menus.length) && _mapInstanceProperty(menus).call(menus, function (opts, index) {
     return /*#__PURE__*/React.createElement("ul", {
       key: index,
       className: "".concat(prefixCls, "-menu")
     }, (opts === null || opts === void 0 ? void 0 : opts.length) && _mapInstanceProperty(opts).call(opts, function (opt) {
       var isLeaf = opt.isLeaf,
-          loading = opt.loading,
-          value = opt[fieldNames.value],
-          label = opt[fieldNames.label],
-          children = opt[fieldNames.children];
+        loading = opt.loading,
+        value = opt[fieldNames.value],
+        label = opt[fieldNames.label],
+        children = opt[fieldNames.children];
       var expendEvent = expandTrigger === 'click' || !(children && children.length) ? 'onClick' : 'onMouseEnter';
       var selected = selectedOptions[index] && selectedOptions[index][fieldNames.value] === value;
       var optionProps = {
@@ -421,11 +365,9 @@ var Cascader = /*#__PURE__*/React.forwardRef(function (props, ref) {
           selected: selected
         })
       };
-
       if (!opt.disabled) {
         optionProps[expendEvent] = isMultiple ? onMultipleExpend.bind(null, index, opt, children) : onExpend.bind(null, index, opt, children);
       }
-
       var node = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
         className: "".concat(prefixCls, "-menu-item-label")
       }, label), loading ? /*#__PURE__*/React.createElement(Icon, {
@@ -452,7 +394,6 @@ var Cascader = /*#__PURE__*/React.forwardRef(function (props, ref) {
     description: notFoundContent
   }));
   var cascaderPopper = dropdownRender(cascaderMenus);
-
   var popperProps = _extends(_extends({}, allProps), {
     gap: 4,
     visible: visible,
@@ -466,7 +407,6 @@ var Cascader = /*#__PURE__*/React.forwardRef(function (props, ref) {
       return triggerRef.current;
     }
   });
-
   return usePopper(cascaderLocator, cascaderPopper, popperProps);
 });
 Cascader.displayName = 'Cascader';