@douyinfe/semi-ui 2.50.1 → 2.51.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;
-        formatValuePath.push(formatItem);
+      normalizedValue.forEach(valueItem => {
+        const formatItem = onChangeWithObject && isObject_default()(valueItem[0]) ? valueItem.map(i => i === null || i === void 0 ? void 0 : i.value) : valueItem;
+        formatItem.length > 0 && 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 = {
@@ -64316,15 +64318,21 @@ class TextAreaFoundation extends foundation {
       maxLength,
       getValueLength
     } = this._adapter.getProps();
-    if (isNumber_default()(maxLength) && maxLength >= 0 && isFunction_default()(getValueLength) && isString_default()(value)) {
-      const valueLength = getValueLength(value);
-      if (valueLength > maxLength) {
-        console.warn('[Semi TextArea] The input character is truncated because the input length exceeds the maximum length limit');
-        const truncatedValue = this.handleTruncateValue(value, maxLength);
-        return truncatedValue;
+    if (isNumber_default()(maxLength) && maxLength >= 0 && isString_default()(value)) {
+      if (isFunction_default()(getValueLength)) {
+        const valueLength = getValueLength(value);
+        if (valueLength > maxLength) {
+          console.warn('[Semi TextArea] The input character is truncated because the input length exceeds the maximum length limit');
+          const truncatedValue = this.handleTruncateValue(value, maxLength);
+          return truncatedValue;
+        }
       } else {
-        return value;
+        if (value.length > maxLength) {
+          console.warn('[Semi TextArea] The input character is truncated because the input length exceeds the maximum length limit');
+          return value.slice(0, maxLength);
+        }
       }
+      return value;
     }
     return undefined;
   }
@@ -64364,8 +64372,28 @@ class TextAreaFoundation extends foundation {
     const {
       value
     } = this.getStates();
+    const {
+      maxLength
+    } = this.getProps();
+    let realValue = value;
+    if (maxLength) {
+      // 如果设置了 maxLength，在中文输输入过程中，如果点击外部触发 blur，则拼音字符的所有内容会回显，
+      // 该表现不符合 maxLength 规定，因此需要在 blur 的时候二次确认
+      // 详情见 https://github.com/DouyinFE/semi-design/issues/2005
+      // If maxLength is set, during the Chinese input process, if you click outside to trigger blur, 
+      // all the contents of the Pinyin characters will be echoed.
+      // This behavior does not meet the maxLength requirement, so we need to confirm twice when blurring。
+      // For details, see https://github.com/DouyinFE/semi-design/issues/2005
+      realValue = this.handleVisibleMaxLength(value);
+      if (realValue !== value) {
+        if (!this._isControlledComponent()) {
+          this._adapter.setValue(realValue);
+        }
+        this._adapter.notifyChange(realValue, e);
+      }
+    }
     this._adapter.toggleFocusing(false);
-    this._adapter.notifyBlur(value, e);
+    this._adapter.notifyBlur(realValue, e);
   }
   handleKeyDown(e) {
     this._adapter.notifyKeyDown(e);
@@ -79372,7 +79400,8 @@ class TableFoundation extends foundation {
       }
       return true;
     } else {
-      return false;
+      const isAllSelected = allKeys.every(rowKey => selectedRowKeysSet.has(rowKey));
+      return isAllSelected || false;
     }
   }
   /**
@@ -99052,6 +99081,9 @@ ArrayFieldComponent.contextType = FormUpdaterContext;
 const image_constants_cssClasses = {
   PREFIX: `${BASE_CLASS_PREFIX}-image`
 };
+const image_constants_numbers = {
+  DEFAULT_Z_INDEX: 1070
+};
 
 ;// CONCATENATED MODULE: ../semi-icons/lib/es/icons/IconUploadError.js
 
@@ -99131,7 +99163,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 {
@@ -99148,7 +99181,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)));
@@ -99414,11 +99447,13 @@ class previewFooter_Footer extends BaseComponent {
     // 根据 props 中的 showTooltip 决定是否使用 Tooltip 包一层
     this.getFinalIconElement = (element, content, key) => {
       const {
-        showTooltip
+        showTooltip,
+        zIndex
       } = this.props;
       return showTooltip ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(Tooltip, {
         content: content,
-        key: `tooltip-${key}`
+        key: `tooltip-${key}`,
+        zIndex: zIndex + 1
       }, element) : element;
     };
     this.getLocalTextByKey = key => /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(LocaleConsumer, {
@@ -100766,6 +100801,7 @@ class PreviewInner extends BaseComponent {
   render() {
     const {
       getPopupContainer,
+      closable,
       zIndex,
       visible,
       className,
@@ -100812,13 +100848,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,
@@ -100829,7 +100862,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,
@@ -100872,6 +100906,7 @@ class PreviewInner extends BaseComponent {
       ratio: ratio,
       prevTip: prevTip,
       nextTip: nextTip,
+      zIndex: zIndex,
       zoomInTip: zoomInTip,
       zoomOutTip: zoomOutTip,
       rotateTip: rotateTip,
@@ -100942,7 +100977,7 @@ PreviewInner.defaultProps = {
   lazyLoad: false,
   preLoad: true,
   preLoadGap: 2,
-  zIndex: 1000,
+  zIndex: image_constants_numbers.DEFAULT_Z_INDEX,
   maskClosable: true,
   viewerVisibleDelay: 10000,
   maxZoom: 5,
@@ -101022,6 +101057,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];
@@ -101193,7 +101229,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,
@@ -101236,6 +101275,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
 };
@@ -101283,6 +101323,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];
@@ -101428,6 +101469,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
@@ -101456,7 +101501,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,
@@ -101490,6 +101535,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,
@@ -101509,7 +101556,8 @@ Preview.propTypes = {
 Preview.defaultProps = {
   src: [],
   lazyLoad: true,
-  lazyLoadMargin: "0px 100px 100px 0px"
+  lazyLoadMargin: "0px 100px 100px 0px",
+  closable: true
 };
 ;// CONCATENATED MODULE: ./index.ts