@douyinfe/semi-ui 2.15.0-beta.0 → 2.15.0

package/dist/umd/semi-ui.js

@@ -57830,6 +57830,7 @@ function getInsetInputValueFromInsetInputStr(options) {
 
 
 
+
 
 /* eslint-disable no-nested-ternary */
 
@@ -57950,6 +57951,27 @@ class foundation_DatePickerFoundation extends foundation {
     this._adapter.updateValue(result);
 
     this.resetCachedSelectedValue(result);
+    this.initRangeInputFocus(result);
+
+    if (this._adapter.needConfirm()) {
+      this._adapter.updateCachedSelectedValue(result);
+    }
+  }
+  /**
+   * 如果用户传了一个空的 value，需要把 range input focus 设置为 rangeStart，这样用户可以清除完之后继续从开始选择
+   *
+   * If the user passes an empty value, you need to set the range input focus to rangeStart, so that the user can continue to select from the beginning after clearing
+   */
+
+
+  initRangeInputFocus(result) {
+    const {
+      triggerRender
+    } = this.getProps();
+
+    if (this._isRangeType() && isFunction_default()(triggerRender) && result.length === 0) {
+      this._adapter.setRangeInputFocus('rangeStart');
+    }
   }
 
   parseWithTimezone(value, timeZone, prevTimeZone) {
@@ -59207,7 +59229,8 @@ class foundation_DatePickerFoundation extends foundation {
 
   handleTriggerWrapperClick(e) {
     const {
-      disabled
+      disabled,
+      triggerRender
     } = this._adapter.getProps();
 
     const {
@@ -59226,12 +59249,19 @@ class foundation_DatePickerFoundation extends foundation {
      */
 
 
-    if (this._isRangeType() && !rangeInputFocus && this._adapter.isEventTarget(e)) {
-      set_timeout_default()(() => {
-        // using setTimeout get correct state value 'rangeInputFocus'
-        this.handleInputFocus(e, 'rangeStart');
-        this.openPanel();
-      }, 0);
+    if (this._isRangeType() && !rangeInputFocus) {
+      if (this._adapter.isEventTarget(e)) {
+        set_timeout_default()(() => {
+          // using setTimeout get correct state value 'rangeInputFocus'
+          this.handleInputFocus(e, 'rangeStart');
+        }, 0);
+      } else if (isFunction_default()(triggerRender)) {
+        // 如果是 triggerRender 场景，因为没有 input，因此打开面板时默认 focus 在 rangeStart
+        // If it is a triggerRender scene, because there is no input, the default focus is rangeStart when the panel is opened
+        this._adapter.setRangeInputFocus('rangeStart');
+      }
+
+      this.openPanel();
     } else {
       this.openPanel();
     }
@@ -60829,7 +60859,6 @@ const getMonthTable = (month, weekStartsOn) => {
 
 
 
-
 /* eslint-disable max-len */
 
 
@@ -61618,11 +61647,10 @@ class monthsGridFoundation_MonthsGridFoundation extends foundation {
       /**
        * no need to check focus then
        *  - dateRange and isDateRangeAndHasOffset
-       *  - dateRange and triggerRender
        */
 
 
-      const needCheckFocusRecord = !(type === 'dateRange' && (isDateRangeAndHasOffset || isFunction_default()(triggerRender)));
+      const needCheckFocusRecord = !(type === 'dateRange' && isDateRangeAndHasOffset);
 
       this._adapter.notifySelectedChange(date, {
         needCheckFocusRecord
@@ -99798,7 +99826,8 @@ class treeNode_TreeNode extends external_root_React_commonjs2_react_commonjs_rea
   renderCheckbox() {
     const {
       checked,
-      halfChecked
+      halfChecked,
+      eventKey
     } = this.props;
     const disabled = this.isDisabled();
     return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
@@ -99807,6 +99836,7 @@ class treeNode_TreeNode extends external_root_React_commonjs2_react_commonjs_rea
       onKeyPress: this.handleCheckEnterPress
     }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(checkbox_checkbox_0, {
       "aria-label": 'Toggle the checked state of checkbox',
+      value: eventKey,
       indeterminate: halfChecked,
       checked: checked,
       disabled: Boolean(disabled)
@@ -100303,6 +100333,7 @@ var tree = __webpack_require__("Q8Yr");
 
 
 
+
 /* eslint-disable max-lines-per-function */
 
 
@@ -100323,6 +100354,7 @@ var tree = __webpack_require__("Q8Yr");
 
 
 
+
 
 const tree_prefixcls = tree_constants_cssClasses.PREFIX;
 
@@ -100889,7 +100921,9 @@ class tree_Tree extends baseComponent_BaseComponent {
       inputValue,
       filteredKeys,
       dragOverNodeKey,
-      dropPosition
+      dropPosition,
+      checkedKeys,
+      realCheckedKeys
     } = this.state;
     const {
       blockNode,
@@ -100908,7 +100942,8 @@ class tree_Tree extends baseComponent_BaseComponent {
       draggable,
       renderFullLabel,
       labelEllipsis,
-      virtualize
+      virtualize,
+      checkRelation
     } = this.props;
     const wrapperCls = classnames_default()("".concat(tree_prefixcls, "-wrapper"), className);
     const listCls = classnames_default()("".concat(tree_prefixcls, "-option-list"), {
@@ -100966,7 +101001,9 @@ class tree_Tree extends baseComponent_BaseComponent {
       style: style
     }, filterTreeNode ? this.renderInput() : null, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", assign_default()({
       className: listCls
-    }, ariaAttr), noData ? this.renderEmpty() : this.renderNodeList())));
+    }, ariaAttr), noData ? this.renderEmpty() : multiple ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(checkboxGroup, {
+      value: from_default()(checkRelation === 'related' ? checkedKeys : realCheckedKeys)
+    }, this.renderNodeList()) : this.renderNodeList())));
   }
 
 }
@@ -102000,6 +102037,8 @@ var treeSelect = __webpack_require__("uw59");
 
 
 
+
+
 
 
 
@@ -102785,7 +102824,9 @@ class treeSelect_TreeSelect extends baseComponent_BaseComponent {
         motionType,
         inputValue,
         filteredKeys,
-        flattenNodes
+        flattenNodes,
+        checkedKeys,
+        realCheckedKeys
       } = this.state;
       const {
         loadData,
@@ -102802,7 +102843,8 @@ class treeSelect_TreeSelect extends baseComponent_BaseComponent {
         optionListStyle,
         searchPosition,
         renderLabel,
-        renderFullLabel
+        renderFullLabel,
+        checkRelation
       } = this.props;
       const wrapperCls = classnames_default()("".concat(prefixTree, "-wrapper"));
       const listCls = classnames_default()("".concat(prefixTree, "-option-list"), {
@@ -102843,7 +102885,9 @@ class treeSelect_TreeSelect extends baseComponent_BaseComponent {
         role: "tree",
         "aria-multiselectable": multiple ? true : false,
         style: optionListStyle
-      }, noData ? this.renderEmpty() : this.renderNodeList()), outerBottomSlot));
+      }, noData ? this.renderEmpty() : multiple ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(checkboxGroup, {
+        value: from_default()(checkRelation === 'related' ? checkedKeys : realCheckedKeys)
+      }, this.renderNodeList()) : this.renderNodeList()), outerBottomSlot));
     };
 
     this.state = {