@douyinfe/semi-ui 2.50.0 → 2.51.0-beta.0

package/dist/umd/semi-ui.js

@@ -25343,7 +25343,7 @@ class AutoCompleteFoundation extends foundation {
     let renderSelectedItem = this._getRenderSelectedItem();
     const options = this._generateList(data);
     // Get the option whose value match from options
-    let selectedOption = options.filter(option => renderSelectedItem(option) === selectedValue);
+    let selectedOption = options.length ? options.filter(option => renderSelectedItem(option) === selectedValue) : [];
     const canMatchInData = selectedOption.length;
     const selectedOptionIndex = options.findIndex(option => renderSelectedItem(option) === selectedValue);
     let inputValue = '';
@@ -25373,9 +25373,12 @@ class AutoCompleteFoundation extends foundation {
       data,
       defaultActiveFirstOption
     } = this.getProps();
-    let renderSelectedItem = this._getRenderSelectedItem();
-    const options = this._generateList(data);
-    const selectedOptionIndex = options.findIndex(option => renderSelectedItem(option) === searchValue);
+    let selectedOptionIndex = -1;
+    if (searchValue) {
+      let renderSelectedItem = this._getRenderSelectedItem();
+      const options = this._generateList(data);
+      selectedOptionIndex = options.findIndex(option => renderSelectedItem(option) === searchValue);
+    }
     if (selectedOptionIndex === -1 && defaultActiveFirstOption) {
       if (focusIndex !== 0) {
         this._adapter.updateFocusIndex(0);
@@ -25397,7 +25400,9 @@ class AutoCompleteFoundation extends foundation {
       renderSelectedItem
     } = this.getProps();
     if (typeof renderSelectedItem === 'undefined') {
-      renderSelectedItem = option => option.value;
+      renderSelectedItem = option => {
+        return option === null || option === void 0 ? void 0 : option.value;
+      };
     } else if (renderSelectedItem && typeof renderSelectedItem === 'function') {
       // do nothing
     }
@@ -36284,9 +36289,6 @@ Carousel.defaultProps = {
   trigger: 'click'
 };
 /* harmony default export */ const carousel_0 = (Carousel);
-// EXTERNAL MODULE: ../../node_modules/lodash/flatten.js
-var lodash_flatten = __webpack_require__("1xil");
-var flatten_default = /*#__PURE__*/__webpack_require__.n(lodash_flatten);
 // EXTERNAL MODULE: ../../node_modules/lodash/isSet.js
 var isSet = __webpack_require__("/iLo");
 var isSet_default = /*#__PURE__*/__webpack_require__.n(isSet);
@@ -36964,11 +36966,11 @@ const cascader_constants_strings = {
 };
 const cascader_constants_numbers = {};
 
+const constants_VALUE_SPLIT = '_SEMI_CASCADER_SPLIT_';
 ;// CONCATENATED MODULE: ../semi-foundation/cascader/util.ts
 
 
 
-
 function util_getPosition(level, index) {
   return `${level}-${index}`;
 }
@@ -36991,7 +36993,7 @@ function util_traverseDataNodes(treeNodes, callback) {
     let item = null;
     // Process node if is not root
     if (node) {
-      const key = parent ? util_getPosition(parent.key, ind) : `${ind}`;
+      const key = parent ? `${parent.key}${constants_VALUE_SPLIT}${node.value}` : node.value;
       item = {
         data: Object.assign({}, node),
         ind,
@@ -37012,6 +37014,22 @@ function util_traverseDataNodes(treeNodes, callback) {
   };
   processNode(null);
 }
+function getKeysByValuePath(valuePath) {
+  if (valuePath === null || valuePath === void 0 ? void 0 : valuePath.length) {
+    if (Array.isArray(valuePath[0])) {
+      return valuePath.map(item => getKeyByValuePath(item));
+    } else {
+      return [getKeyByValuePath(valuePath)];
+    }
+  }
+  return [];
+}
+function getKeyByValuePath(valuePath) {
+  return valuePath.join(constants_VALUE_SPLIT);
+}
+function getValuePathByKey(key) {
+  return key.split(VALUE_SPLIT);
+}
 function util_convertDataToEntities(dataNodes) {
   const keyEntities = {};
   util_traverseDataNodes(dataNodes, data => {
@@ -37030,11 +37048,6 @@ function util_convertDataToEntities(dataNodes) {
   });
   return keyEntities;
 }
-function util_findKeysForValues(value, keyEntities) {
-  const valuePath = util_normalizedArr(value);
-  const res = Object.values(keyEntities).filter(item => isEqual_default()(item.valuePath, valuePath)).map(item => item.key);
-  return res;
-}
 function calcMergeType(autoMergeValue, leafOnly) {
   let mergeType;
   if (leafOnly) {
@@ -37062,6 +37075,7 @@ function calcMergeType(autoMergeValue, leafOnly) {
 
 
 
+
 class CascaderFoundation extends foundation {
   constructor(adapter) {
     super(Object.assign({}, adapter));
@@ -37269,12 +37283,13 @@ class CascaderFoundation extends foundation {
     const loadingKeys = this._adapter.getLoadingKeyRefValue();
     const filterable = this._isFilterable();
     const loadingActive = [...activeKeys].filter(i => loadingKeys.has(i));
-    const valuePath = onChangeWithObject ? util_normalizedArr(value).map(i => i.value) : util_normalizedArr(value);
-    const selectedKeys = util_findKeysForValues(valuePath, keyEntities);
+    const normalizedValue = util_normalizedArr(value);
+    const valuePath = onChangeWithObject && isObject_default()(normalizedValue[0]) ? normalizedValue.map(i => i.value) : normalizedValue;
+    const selectedKeys = getKeysByValuePath(valuePath);
     let updateStates = {};
-    if (selectedKeys.length) {
-      const selectedKey = selectedKeys[0];
-      const selectedItem = keyEntities[selectedKey];
+    const selectedKey = selectedKeys.length > 0 ? selectedKeys[0] : undefined;
+    const selectedItem = selectedKey ? keyEntities[selectedKey] : undefined;
+    if (selectedItem) {
       /**
        * When changeOnSelect is turned on, or the target option is a leaf option,
        * the option is considered to be selected, even if the option is disabled
@@ -37734,10 +37749,9 @@ class CascaderFoundation extends foundation {
     } = this.getStates();
     const values = [];
     keys.forEach(key => {
-      if (!isEmpty_default()(keyEntities) && !isEmpty_default()(keyEntities[key])) {
-        const valueItem = keyEntities[key].data.value;
-        values.push(valueItem);
-      }
+      var _a, _b;
+      const valueItem = (_b = (_a = keyEntities[key]) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.value;
+      valueItem !== undefined && values.push(valueItem);
     });
     const formatValue = values.length === 1 ? values[0] : values;
     this._adapter.notifySelect(formatValue);
@@ -47584,7 +47598,7 @@ class Cascader extends BaseComponent {
       } = this.state;
       this.handleTagRemove(null, keyEntities[key].valuePath);
     };
-    this.renderTagItem = (value, idx, type) => {
+    this.renderTagItem = (nodeKey, idx) => {
       const {
         keyEntities,
         disabledKeys
@@ -47596,9 +47610,8 @@ class Cascader extends BaseComponent {
         displayRender,
         disableStrictly
       } = this.props;
-      const nodeKey = type === cascader_constants_strings.IS_VALUE ? util_findKeysForValues(value, keyEntities)[0] : value;
       const isDsiabled = disabled || keyEntities[nodeKey].data.disabled || disableStrictly && disabledKeys.has(nodeKey);
-      if (!isEmpty_default()(keyEntities) && !isEmpty_default()(keyEntities[nodeKey])) {
+      if (keyEntities[nodeKey]) {
         const tagCls = classnames_default()(`${cascader_prefixcls}-selection-tag`, {
           [`${cascader_prefixcls}-selection-tag-disabled`]: isDsiabled
         });
@@ -47725,7 +47738,7 @@ class Cascader extends BaseComponent {
       const hiddenTag = [];
       [...realKeys].forEach((checkedKey, idx) => {
         const notExceedMaxTagCount = !isNumber_default()(maxTagCount) || maxTagCount >= idx + 1;
-        const item = this.renderTagItem(checkedKey, idx, cascader_constants_strings.IS_KEY);
+        const item = this.renderTagItem(checkedKey, idx);
         if (notExceedMaxTagCount) {
           displayTag.push(item);
         } else {
@@ -47768,7 +47781,7 @@ class Cascader extends BaseComponent {
       const searchable = Boolean(filterTreeNode);
       if (!searchable) {
         if (multiple) {
-          if (isEmpty_default()(checkedKeys)) {
+          if (checkedKeys.size === 0) {
             return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("span", {
               className: `${cascader_prefixcls}-selection-placeholder`
             }, placeholder);
@@ -48235,27 +48248,23 @@ class Cascader extends BaseComponent {
       return firstInProps || treeDataHasChange;
     };
     const getRealKeys = (realValue, keyEntities) => {
-      // normallizedValue is used to save the value in two-dimensional array format
-      let normallizedValue = [];
+      // normalizedValue is used to save the value in two-dimensional array format
+      let normalizedValue = [];
       if (Array.isArray(realValue)) {
-        normallizedValue = Array.isArray(realValue[0]) ? realValue : [realValue];
+        normalizedValue = Array.isArray(realValue[0]) ? realValue : [realValue];
       } else {
         if (realValue !== undefined) {
-          normallizedValue = [[realValue]];
+          normalizedValue = [[realValue]];
         }
       }
       // formatValuePath is used to save value of valuePath
       const formatValuePath = [];
-      normallizedValue.forEach(valueItem => {
-        const formatItem = onChangeWithObject ? valueItem.map(i => i === null || i === void 0 ? void 0 : i.value) : valueItem;
+      normalizedValue.forEach(valueItem => {
+        const formatItem = onChangeWithObject && isObject_default()(valueItem[0]) ? valueItem.map(i => i === null || i === void 0 ? void 0 : i.value) : valueItem;
         formatValuePath.push(formatItem);
       });
       // formatKeys is used to save key of value
-      const formatKeys = [];
-      formatValuePath.forEach(v => {
-        const formatKeyItem = util_findKeysForValues(v, keyEntities);
-        !isEmpty_default()(formatKeyItem) && formatKeys.push(formatKeyItem);
-      });
+      const formatKeys = formatValuePath.map(v => getKeyByValuePath(v));
       return formatKeys;
     };
     const needUpdateTreeData = needUpdate('treeData') || needUpdateData();
@@ -48285,7 +48294,7 @@ class Cascader extends BaseComponent {
         if (isSet_default()(realKeys)) {
           realKeys = [...realKeys];
         }
-        const calRes = calcCheckedKeys(flatten_default()(realKeys), keyEntities);
+        const calRes = calcCheckedKeys(realKeys, keyEntities);
         const checkedKeys = new Set(calRes.checkedKeys);
         const halfCheckedKeys = new Set(calRes.halfCheckedKeys);
         // disableStrictly
@@ -48309,7 +48318,7 @@ class Cascader extends BaseComponent {
   }
   componentDidUpdate(prevProps) {
     let isOptionsChanged = false;
-    if (!isEqual_default()(prevProps.treeData, this.props.treeData)) {
+    if (!isEqual_default()(prevProps.treeData, this.props.treeData) && !this.props.multiple) {
       isOptionsChanged = true;
       this.foundation.collectOptions();
     }
@@ -48333,24 +48342,17 @@ class Cascader extends BaseComponent {
       resolvedCheckedKeys
     } = this.state;
     const tagInputcls = classnames_default()(`${cascader_prefixcls}-tagInput-wrapper`);
-    const tagValue = [];
     const realKeys = this.mergeType === cascader_constants_strings.NONE_MERGE_TYPE ? checkedKeys : resolvedCheckedKeys;
-    [...realKeys].forEach(checkedKey => {
-      if (!isEmpty_default()(keyEntities[checkedKey])) {
-        tagValue.push(keyEntities[checkedKey].valuePath);
-      }
-    });
     return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(tagInput_0, {
       className: tagInputcls,
       ref: this.inputRef,
       disabled: disabled,
       size: size,
-      // TODO Modify logic, not modify type
-      value: tagValue,
+      value: [...realKeys],
       showRestTagsPopover: showRestTagsPopover,
       restTagsPopoverProps: restTagsPopoverProps,
       maxTagCount: maxTagCount,
-      renderTagItem: (value, index) => this.renderTagItem(value, index, cascader_constants_strings.IS_VALUE),
+      renderTagItem: (value, index) => this.renderTagItem(value, index),
       inputValue: inputValue,
       onInputChange: this.handleInputChange,
       // TODO Modify logic, not modify type
@@ -62753,7 +62755,7 @@ class DropdownItem extends BaseComponent {
       ref: ref => forwardRef(ref),
       className: itemclass,
       style: style
-    }), tick, iconContent, children);
+    }, this.getDataAttr(this.props)), tick, iconContent, children);
   }
 }
 DropdownItem.propTypes = {
@@ -79372,7 +79374,8 @@ class TableFoundation extends foundation {
       }
       return true;
     } else {
-      return false;
+      const isAllSelected = allKeys.every(rowKey => selectedRowKeysSet.has(rowKey));
+      return isAllSelected || false;
     }
   }
   /**
@@ -88641,6 +88644,7 @@ class TreeNode extends external_root_React_commonjs2_react_commonjs_react_amd_re
     const dragOverGapBottom = dragOverNodeKey === eventKey && dropPosition === 1;
     const nodeCls = classnames_default()(treeNode_prefixcls, {
       [`${treeNode_prefixcls}-level-${level + 1}`]: true,
+      [`${treeNode_prefixcls}-fullLabel-level-${level + 1}`]: renderFullLabel,
       [`${treeNode_prefixcls}-collapsed`]: !expanded,
       [`${treeNode_prefixcls}-disabled`]: Boolean(disabled),
       [`${treeNode_prefixcls}-selected`]: selected,
@@ -99130,7 +99134,8 @@ const previewHeader_Header = /*#__PURE__*/(0,external_root_React_commonjs2_react
     onClose,
     titleStyle,
     className,
-    renderHeader
+    renderHeader,
+    closable
   } = _ref;
   return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(PreviewContext.Consumer, null, _ref2 => {
     let {
@@ -99147,7 +99152,7 @@ const previewHeader_Header = /*#__PURE__*/(0,external_root_React_commonjs2_react
     }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("section", {
       className: `${previewHeader_prefixCls}-title`,
       style: titleStyle
-    }, renderHeader ? renderHeader(title) : title), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("section", {
+    }, renderHeader ? renderHeader(title) : title), closable && /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("section", {
       className: `${previewHeader_prefixCls}-close`,
       onMouseUp: onClose
     }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(IconClose, null)));
@@ -100765,6 +100770,7 @@ class PreviewInner extends BaseComponent {
   render() {
     const {
       getPopupContainer,
+      closable,
       zIndex,
       visible,
       className,
@@ -100811,13 +100817,10 @@ class PreviewInner extends BaseComponent {
     const total = imgSrc.length;
     const showPrev = total !== 1 && (infinite || currentIndex !== 0);
     const showNext = total !== 1 && (infinite || currentIndex !== total - 1);
-    return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(_portal, {
+    return visible && /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(_portal, {
       getPopupContainer: getPopupContainer,
       style: wrapperStyle
-    }, visible &&
-    /*#__PURE__*/
-    // eslint-disable-next-line jsx-a11y/mouse-events-have-key-events,jsx-a11y/no-static-element-interactions
-    external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
+    }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
       className: previewWrapperCls,
       style: style,
       onMouseDown: this.handleMouseDown,
@@ -100828,7 +100831,8 @@ class PreviewInner extends BaseComponent {
       ref: this.headerRef,
       className: classnames_default()(hideViewerCls),
       onClose: this.handlePreviewClose,
-      renderHeader: renderHeader
+      renderHeader: renderHeader,
+      closable: closable
     }), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(PreviewImage, {
       src: imgSrc[currentIndex],
       onZoom: this.handleZoomImage,
@@ -101021,6 +101025,7 @@ var image_image = __webpack_require__("cHRk");
 
 
 
+
 var image_rest = undefined && undefined.__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];
@@ -101192,7 +101197,10 @@ class image_Image extends BaseComponent {
     const canPreview = loadStatus === "success" && preview && !this.isInGroup();
     const showPreviewCursor = preview && loadStatus === "success";
     const previewSrc = isObject_default()(preview) ? (_a = preview.src) !== null && _a !== void 0 ? _a : src : src;
-    const previewProps = isObject_default()(preview) ? preview : {};
+    const previewProps = isObject_default()(preview) && canPreview ? Object.assign(Object.assign({}, omit_default()(preview, ['className', 'style', 'previewCls', 'previewStyle'])), {
+      className: preview === null || preview === void 0 ? void 0 : preview.previewCls,
+      style: preview === null || preview === void 0 ? void 0 : preview.previewStyle
+    }) : {};
     return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
       style: outerStyle,
       className: outerCls,
@@ -101235,6 +101243,7 @@ image_Image.propTypes = {
   preview: prop_types_default().oneOfType([(prop_types_default()).bool, (prop_types_default()).object]),
   onLoad: (prop_types_default()).func,
   onError: (prop_types_default()).func,
+  onClick: (prop_types_default()).func,
   crossOrigin: (prop_types_default()).string,
   imageID: (prop_types_default()).number
 };
@@ -101282,6 +101291,7 @@ class PreviewFoundation extends foundation {
 ;// CONCATENATED MODULE: ./image/preview.tsx
 
 
+
 var preview_rest = undefined && undefined.__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];
@@ -101427,6 +101437,10 @@ class Preview extends BaseComponent {
         setDownloadName
       } = _a,
       restProps = preview_rest(_a, ["src", "className", "style", "lazyLoad", "setDownloadName"]);
+    const previewInnerProps = Object.assign(Object.assign({}, omit_default()(restProps, ['previewCls', 'previewStyle'])), {
+      className: restProps === null || restProps === void 0 ? void 0 : restProps.previewCls,
+      style: restProps === null || restProps === void 0 ? void 0 : restProps.previewStyle
+    });
     const {
       currentIndex,
       visible
@@ -101455,7 +101469,7 @@ class Preview extends BaseComponent {
       id: this.previewGroupId,
       style: style,
       className: classnames_default()(`${preview_prefixCls}-preview-group`, className)
-    }, newChildren), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(PreviewInner, Object.assign({}, restProps, {
+    }, newChildren), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(PreviewInner, Object.assign({}, previewInnerProps, {
       ref: this.previewRef,
       src: finalSrcList,
       currentIndex: currentIndex,
@@ -101489,6 +101503,8 @@ Preview.propTypes = {
   lazyLoadMargin: (prop_types_default()).string,
   preLoad: (prop_types_default()).bool,
   preLoadGap: (prop_types_default()).number,
+  previewCls: (prop_types_default()).string,
+  previewStyle: (prop_types_default()).object,
   disableDownload: (prop_types_default()).bool,
   zIndex: (prop_types_default()).number,
   renderHeader: (prop_types_default()).func,
@@ -101508,7 +101524,8 @@ Preview.propTypes = {
 Preview.defaultProps = {
   src: [],
   lazyLoad: true,
-  lazyLoadMargin: "0px 100px 100px 0px"
+  lazyLoadMargin: "0px 100px 100px 0px",
+  closable: true
 };
 ;// CONCATENATED MODULE: ./index.ts