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

package/dist/umd/semi-ui.js

@@ -23676,7 +23676,6 @@ var tooltip_rest = undefined && undefined.__rest || function (s, e) {
 
 
 
-
 
 
 const tooltip_prefix = tooltip_constants_cssClasses.PREFIX;
@@ -24381,7 +24380,6 @@ tooltip_Tooltip.defaultProps = {
   disableFocusListener: false,
   disableArrowKeyDown: false
 };
-
 // EXTERNAL MODULE: /home/runner/work/semi-design/semi-design/node_modules/copy-text-to-clipboard/index.js
 var copy_text_to_clipboard = __webpack_require__("HDX/");
 var copy_text_to_clipboard_default = /*#__PURE__*/__webpack_require__.n(copy_text_to_clipboard);
@@ -27765,7 +27763,6 @@ var popover_rest = undefined && undefined.__rest || function (s, e) {
 
 
 
-
 const popover_positionSet = popover_constants_strings.POSITION_SET;
 const popover_triggerSet = popover_constants_strings.TRIGGER_SET;
 
@@ -28893,11 +28890,6 @@ typography_Typography_0.Text = text_Text;
 typography_Typography_0.Title = title_Title;
 typography_Typography_0.Paragraph = paragraph_Paragraph;
 
-
-
-
-
-
 /* harmony default export */ var typography_0 = (typography_Typography_0);
 // CONCATENATED MODULE: ./anchor/link.tsx
 
@@ -29110,7 +29102,6 @@ var anchor_anchor = __webpack_require__("5YqL");
 
 const anchor_prefixCls = cssClasses.PREFIX;
 
-
 class anchor_Anchor extends baseComponent_BaseComponent {
   constructor(props) {
     var _this;
@@ -30643,8 +30634,6 @@ const sizeSet = input_constants_strings.SIZE;
 const statusSet = input_constants_strings.STATUS;
 const modeSet = input_constants_strings.MODE;
 
-
-
 class input_Input extends baseComponent_BaseComponent {
   constructor(props) {
     super(props);
@@ -32750,7 +32739,10 @@ class backtop_BackTop extends baseComponent_BaseComponent {
     } = this.state;
     const preCls = classnames_default()(backtop_prefixCls, className);
     const backtopBtn = children ? children : this.renderDefault();
-    const content = visible ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", Object.assign({}, others, {
+    const content = visible ?
+    /*#__PURE__*/
+    // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
+    external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", Object.assign({}, others, {
       className: preCls,
       style: style,
       onClick: e => this.handleClick(e),
@@ -33196,7 +33188,6 @@ const BreadContext = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_r
 
 
 const item_clsPrefix = breadcrumb_constants_cssClasses.PREFIX;
-
 class item_BreadcrumbItem extends baseComponent_BaseComponent {
   constructor(props) {
     super(props);
@@ -33412,7 +33403,6 @@ item_BreadcrumbItem.defaultProps = {
 
 const breadcrumb_clsPrefix = breadcrumb_constants_cssClasses.PREFIX;
 
-
 class breadcrumb_Breadcrumb extends baseComponent_BaseComponent {
   constructor(props) {
     super(props);
@@ -33650,10 +33640,6 @@ breadcrumb_Breadcrumb.defaultProps = {
 
 
 
-
-
-
-
 class button_Button extends external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.PureComponent {
   constructor() {
     let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
@@ -33745,9 +33731,10 @@ class buttonGroup_ButtonGroup extends baseComponent_BaseComponent {
       size,
       type,
       className,
+      style,
       'aria-label': ariaLabel
     } = _a,
-          rest = buttonGroup_rest(_a, ["children", "disabled", "size", "type", "className", 'aria-label']);
+          rest = buttonGroup_rest(_a, ["children", "disabled", "size", "type", "className", "style", 'aria-label']);
 
     let inner;
     let innerWithLine = [];
@@ -33766,6 +33753,7 @@ class buttonGroup_ButtonGroup extends baseComponent_BaseComponent {
 
     return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
       className: cls,
+      style: style,
       role: "group",
       "aria-label": ariaLabel
     }, innerWithLine);
@@ -37565,7 +37553,6 @@ const renderDailyEvent = event => {
 
 
 
-
 class foundation_CalendarFoundation extends foundation {
   constructor(adapter) {
     super(Object.assign({}, adapter));
@@ -39534,7 +39521,6 @@ calendar_Calendar.defaultProps = {
   scrollTop: 400,
   weekStartsOn: 0
 };
-
 /* harmony default export */ var calendar_0 = (calendar_Calendar);
 // CONCATENATED MODULE: ../semi-foundation/card/constants.ts
 
@@ -39730,7 +39716,6 @@ var skeleton_rest = undefined && undefined.__rest || function (s, e) {
 
 
 
-
 const skeleton_prefixCls = skeleton_constants_cssClasses.PREFIX;
 
 class skeleton_Skeleton extends external_root_React_commonjs2_react_commonjs_react_amd_react_["PureComponent"] {
@@ -39935,8 +39920,6 @@ var card_rest = undefined && undefined.__rest || function (s, e) {
 
 const card_prefixcls = card_constants_cssClasses.PREFIX;
 
-
-
 class card_Card extends external_root_React_commonjs2_react_commonjs_react_amd_react_["PureComponent"] {
   constructor() {
     super(...arguments);
@@ -43596,7 +43579,6 @@ checkboxGroup_CheckboxGroup.defaultProps = {
 
 
 
-
 class checkbox_CheckboxWithGroup extends checkbox_checkbox_0 {}
 
 checkbox_CheckboxWithGroup.Group = checkboxGroup;
@@ -46986,8 +46968,6 @@ tagInput_TagInput.defaultProps = {
 
 
 
-
-
 
 
 
@@ -48408,8 +48388,6 @@ var collapse_rest = undefined && undefined.__rest || function (s, e) {
 
 
 
-
-
 class collapse_Collapse extends baseComponent_BaseComponent {
   constructor(props) {
     super(props);
@@ -53076,8 +53054,6 @@ function getInsetInputValueFromInsetInputStr(options) {
 
 
 
-
-
 /**
  * The datePicker foundation.js is responsible for maintaining the date value and the input box value, as well as the callback of both
  *  task 1. Accept the selected date change, update the date value, and update the input box value according to the date = > Notify the change
@@ -58887,7 +58863,6 @@ var scrollList = __webpack_require__("MomL");
 
 
 
-
  // eslint-disable-next-line @typescript-eslint/ban-types
 
 class scrollList_ScrollList extends baseComponent_BaseComponent {
@@ -61449,12 +61424,6 @@ datePicker_DatePicker.defaultProps = {
 
 
 
-
-
-
-
-
-
 /* harmony default export */ var datePicker_0 = (forwardStatics( /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.forwardRef((props, ref) => {
   const propsObj = Object.assign({}, props);
   const {
@@ -61510,7 +61479,6 @@ datePicker_DatePicker.defaultProps = {
     })));
   });
 }), datePicker_DatePicker));
-
 // EXTERNAL MODULE: /home/runner/work/semi-design/semi-design/node_modules/lodash/isPlainObject.js
 var isPlainObject = __webpack_require__("Kkar");
 var isPlainObject_default = /*#__PURE__*/__webpack_require__.n(isPlainObject);
@@ -61600,7 +61568,6 @@ descriptions_item_Item.contextType = descriptions_context;
 
 
 
-
 const descriptions_prefixCls = descriptions_constants_cssClasses.PREFIX;
 
 class descriptions_Descriptions extends external_root_React_commonjs2_react_commonjs_react_amd_react_["PureComponent"] {
@@ -62854,7 +62821,6 @@ var Modal_rest = undefined && undefined.__rest || function (s, e) {
 
 const destroyFns = [];
 
-
 class Modal_Modal extends baseComponent_BaseComponent {
   constructor(props) {
     super(props);
@@ -63222,8 +63188,6 @@ Modal_Modal.destroyAll = function destroyAllFn() {
 
 
 
-
-
 /* harmony default export */ var modal_0 = (modal_Modal);
 // CONCATENATED MODULE: ../semi-foundation/dropdown/constants.ts
 
@@ -63661,10 +63625,6 @@ var dropdown_rest = undefined && undefined.__rest || function (s, e) {
 const dropdown_positionSet = dropdown_constants_strings.POSITION_SET;
 const dropdown_triggerSet = dropdown_constants_strings.TRIGGER_SET;
 
-
-
-
-
 class dropdown_Dropdown extends baseComponent_BaseComponent {
   constructor(props) {
     super(props);
@@ -64348,7 +64308,6 @@ var layout_rest = undefined && undefined.__rest || function (s, e) {
 
 
 
-
 const htmlTag = {
   Header: 'header',
   Footer: 'footer',
@@ -64618,7 +64577,6 @@ item_ListItem.defaultProps = {
 
 
 
-
 const list_prefixCls = list_constants_cssClasses.PREFIX;
 
 class list_List extends baseComponent_BaseComponent {
@@ -64762,7 +64720,6 @@ list_List.defaultProps = {
 /* harmony default export */ var list_0 = (list_List);
 // CONCATENATED MODULE: ./icons/index.tsx
 
-
 /* harmony default export */ var icons_0 = (lib_es);
 // CONCATENATED MODULE: ../semi-foundation/form/constants.ts
 
@@ -67245,16 +67202,6 @@ class foundation_NavigationFoundation extends foundation {
     return [...willOpenKeys];
   }
 
-  getItemKey(item) {
-    let keyPropName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'itemKey';
-
-    if (item && typeof item === 'object') {
-      return item[keyPropName];
-    }
-
-    return item;
-  }
-
   getShouldOpenKeys() {
     let itemKeysMap = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     let selectedKeys = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
@@ -67263,7 +67210,7 @@ class foundation_NavigationFoundation extends foundation {
     if (Array.isArray(selectedKeys) && selectedKeys.length) {
       selectedKeys.forEach(item => {
         if (item) {
-          const parentKeys = get_default()(itemKeysMap, this.getItemKey(item));
+          const parentKeys = get_default()(itemKeysMap, item);
 
           if (Array.isArray(parentKeys)) {
             parentKeys.forEach(k => willOpenKeySet.add(k));
@@ -68599,13 +68546,6 @@ Header_NavHeader.defaultProps = {
 
 
 
-
-
-
-
-
-
-
 
 function createAddKeysFn(context, keyName) {
   return function addKeys() {
@@ -69570,9 +69510,6 @@ function useNotification() {
 
 
 
- // TODO: Automatic folding + unfolding function when there are more than N
-
-
 
 let notification_ref = null;
 const notification_defaultConfig = {
@@ -70213,8 +70150,7 @@ var overflowList = __webpack_require__("O1Tx");
 const overflowList_prefixCls = overflowList_constants_cssClasses.PREFIX;
 const overflowList_Boundary = overflowList_constants_strings.BOUNDARY_MAP;
 const overflowList_OverflowDirection = overflowList_constants_strings.OVERFLOW_DIR;
-const RenderMode = overflowList_constants_strings.MODE_MAP;
- // reference to https://github.com/palantir/blueprint/blob/1aa71605/packages/core/src/components/overflow-list/overflowList.tsx#L34
+const RenderMode = overflowList_constants_strings.MODE_MAP; // reference to https://github.com/palantir/blueprint/blob/1aa71605/packages/core/src/components/overflow-list/overflowList.tsx#L34
 
 class overflowList_OverflowList extends baseComponent_BaseComponent {
   constructor(props) {
@@ -74741,9 +74677,6 @@ var select_select = __webpack_require__("1d3+");
 
 
 
-
-
-
 
 
 
@@ -75903,7 +75836,6 @@ const pagination_prefixCls = pagination_constants_cssClasses.PREFIX;
 const {
   Option: pagination_Option
 } = select_0;
-
 class pagination_Pagination extends baseComponent_BaseComponent {
   constructor(props) {
     super(props);
@@ -77638,7 +77570,6 @@ radioInner_RadioInner.defaultProps = {
 
 
 
-
 class radio_Radio extends baseComponent_BaseComponent {
   constructor(props) {
     super(props);
@@ -78090,9 +78021,6 @@ class radio_RadioWithGroup extends radio_radio_0 {}
 radio_RadioWithGroup.Group = radioGroup;
 /* harmony default export */ var radio_0 = (radio_RadioWithGroup);
 
-
-
-
 // CONCATENATED MODULE: ../semi-foundation/rating/constants.ts
 
 const rating_constants_cssClasses = {
@@ -78610,7 +78538,6 @@ rating_item_Item.propTypes = {
 
 
 
-
 class rating_Rating extends baseComponent_BaseComponent {
   constructor(props) {
     super(props);
@@ -79374,9 +79301,6 @@ var sideSheet_rest = undefined && undefined.__rest || function (s, e) {
 const sideSheet_prefixCls = sideSheet_constants_cssClasses.PREFIX;
 const defaultWidthList = sideSheet_constants_strings.WIDTH;
 const sideSheet_defaultHeight = sideSheet_constants_strings.HEIGHT;
-
-
-
 class sideSheet_SideSheet extends baseComponent_BaseComponent {
   constructor(props) {
     super(props);
@@ -80626,7 +80550,6 @@ var slider_slider = __webpack_require__("2HTi");
 
 const slider_prefixCls = slider_constants_cssClasses.PREFIX;
 
-
 function domIsInRenderTree(e) {
   if (!e) {
     return false;
@@ -82031,13 +81954,6 @@ var steps_rest = undefined && undefined.__rest || function (s, e) {
 
 
 
-
-
-
-
-
-
-
 class steps_Steps extends external_root_React_commonjs2_react_commonjs_react_amd_react_["Component"] {
   renderComponent() {
     const _a = this.props,
@@ -88624,7 +88540,6 @@ class Table_Table extends baseComponent_BaseComponent {
     this.store = new utils_Store({
       hoveredRowKey: null
     });
-    this.setScrollPosition('left');
     this.debouncedWindowResize = debounce_default()(this.handleWindowResize, 150);
     this.cachedFilteredSortedDataSource = [];
     this.cachedFilteredSortedRowKeys = [];
@@ -88931,6 +88846,7 @@ class Table_Table extends baseComponent_BaseComponent {
 
   componentDidMount() {
     super.componentDidMount();
+    this.setScrollPosition('left');
 
     if (this.adapter.isAnyColumnFixed() || this.props.showHeader && this.adapter.useFixedHeader()) {
       this.handleWindowResize();
@@ -90852,7 +90768,6 @@ timeline_item_Item.defaultProps = {
 
 
 
-
 const timeline_prefixCls = timeline_constants_cssClasses.PREFIX;
 
 class timeline_Timeline extends external_root_React_commonjs2_react_commonjs_react_amd_react_["PureComponent"] {
@@ -92310,11 +92225,6 @@ TimePicker_TimePicker.defaultProps = Object.assign({
 
 
 
-
-
-
-
-
 class timePicker_LocaleTimePicker extends external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.PureComponent {
   render() {
     const {
@@ -92838,8 +92748,6 @@ function useToast() {
 
 
 
-
-
 const createBaseToast = () => {
   var _a;
 
@@ -94730,7 +94638,6 @@ var tree = __webpack_require__("Q8Yr");
 
 
 
-
 
 const tree_prefixcls = tree_constants_cssClasses.PREFIX;
 
@@ -94931,6 +94838,8 @@ class tree_Tree extends baseComponent_BaseComponent {
 
 
   static getDerivedStateFromProps(props, prevState) {
+    var _a;
+
     const {
       prevProps
     } = prevState;
@@ -95012,8 +94921,18 @@ class tree_Tree extends baseComponent_BaseComponent {
         newState.expandedKeys = calcExpandedKeys(props.defaultExpandedKeys, keyEntities);
       } else if (!prevProps && props.defaultValue) {
         newState.expandedKeys = calcExpandedKeysForValues(props.defaultValue, keyEntities, props.multiple, valueEntities);
-      } else if ((!prevProps || !isExpandControlled && dataUpdated) && props.value) {
+      } else if (!prevProps && props.value) {
         newState.expandedKeys = calcExpandedKeysForValues(props.value, keyEntities, props.multiple, valueEntities);
+      } else if (!isExpandControlled && dataUpdated && props.value) {
+        // 当 treeData 已经设置具体的值，并且设置了 props.loadData ，则认为 treeData 的更新是因为 loadData 导致的
+        // 如果是因为 loadData 导致 treeData改变， 此时在这里重新计算 key 会导致为未选中的展开项目被收起
+        // 所以此时不需要重新计算 expandedKeys，因为在点击展开按钮时候已经把被展开的项添加到 expandedKeys 中
+        // When treeData has a specific value and props.loadData is set, it is considered that the update of treeData is caused by loadData
+        // If the treeData is changed because of loadData, recalculating the key here will cause the unselected expanded items to be collapsed
+        // So there is no need to recalculate expandedKeys at this time, because the expanded item has been added to expandedKeys when the expand button is clicked
+        if (!(prevState.treeData && ((_a = prevState.treeData) === null || _a === void 0 ? void 0 : _a.length) > 0 && props.loadData)) {
+          newState.expandedKeys = calcExpandedKeysForValues(props.value, keyEntities, props.multiple, valueEntities);
+        }
       }
 
       if (!newState.expandedKeys) {
@@ -102473,6 +102392,7 @@ var group_rest = undefined && undefined.__rest || function (s, e) {
 
 
 
+
 const group_prefix = form_constants_cssClasses.PREFIX; // Group component to remove Labels and ErrorMessages from its child fields
 // Unified insertion of Labels and ErrorMessages from the group level
 // Get Errors of all field in this group
@@ -102522,7 +102442,7 @@ class group_FormInputGroup extends external_root_React_commonjs2_react_commonjs_
           rest = group_rest(_a, ["children", "label"]);
 
     const updater = this.context;
-    const formProps = updater.getFormProps(['labelPosition', 'labelWidth', 'labelAlign', 'showValidateIcon']);
+    const formProps = updater.getFormProps(['labelPosition', 'labelWidth', 'labelAlign', 'showValidateIcon', 'wrapperCol', 'labelCol']);
     const labelPosition = this.props.labelPosition || formProps.labelPosition;
     const groupFieldSet = [];
     const inner = external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.Children.map(children, child => {
@@ -102540,14 +102460,50 @@ class group_FormInputGroup extends external_root_React_commonjs2_react_commonjs_
     const groupCls = classnames_default()({
       ["".concat(group_prefix, "-field-group")]: true
     });
-    return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
-      "x-label-pos": labelPosition,
-      className: groupCls
-    }, this.renderLabel(label, formProps), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", null, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(inputGroup_inputGroup, Object.assign({}, rest), inner), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(GroupError, {
+    const labelCol = formProps.labelCol;
+    const wrapperCol = formProps.wrapperCol;
+    const labelAlign = formProps.labelAlign;
+    const appendCol = labelCol && wrapperCol;
+    const labelColCls = labelCol ? "".concat(group_prefix, "-col-").concat(labelAlign) : '';
+    const labelContent = this.renderLabel(label, formProps);
+    const inputGroupContent = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(inputGroup_inputGroup, Object.assign({}, rest), inner);
+    const groupErrorContent = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(GroupError, {
       fieldSet: groupFieldSet,
       showValidateIcon: formProps.showValidateIcon,
       isInInputGroup: true
-    })));
+    });
+    let content;
+
+    switch (true) {
+      case !appendCol:
+        content = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.Fragment, null, labelContent, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", null, inputGroupContent, groupErrorContent));
+        break;
+
+      case appendCol && labelPosition === 'top':
+        // When labelPosition is top, you need to add an overflow hidden div to the label, otherwise it will be arranged horizontally
+        content = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.Fragment, null, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
+          style: {
+            overflow: 'hidden'
+          }
+        }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(grid_col, Object.assign({}, labelCol, {
+          className: labelColCls
+        }), labelContent)), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(grid_col, Object.assign({}, wrapperCol), inputGroupContent, groupErrorContent));
+        break;
+
+      case appendCol && labelPosition !== 'top':
+        content = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.Fragment, null, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(grid_col, Object.assign({}, labelCol, {
+          className: labelColCls
+        }), labelContent), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(grid_col, Object.assign({}, wrapperCol), inputGroupContent, groupErrorContent));
+        break;
+
+      default:
+        break;
+    }
+
+    return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
+      "x-label-pos": labelPosition,
+      className: groupCls
+    }, content);
   }
 
 }
@@ -103815,7 +103771,7 @@ const previewHeader_Header = _ref => {
 };
 
 /* harmony default export */ var previewHeader = (previewHeader_Header);
-// CONCATENATED MODULE: ../semi-foundation/image/previewFooterFoundation.tsx
+// CONCATENATED MODULE: ../semi-foundation/image/previewFooterFoundation.ts
 
 class previewFooterFoundation_PreviewFooterFoundation extends foundation {
   constructor() {
@@ -104175,7 +104131,7 @@ previewFooter_Footer.defaultProps = {
   showTooltip: false,
   disableDownload: false
 };
-// CONCATENATED MODULE: ../semi-foundation/image/previewImageFoundation.tsx
+// CONCATENATED MODULE: ../semi-foundation/image/previewImageFoundation.ts
 
 
 
@@ -104466,13 +104422,8 @@ class previewImageFoundation_PreviewImageFoundation extends foundation {
       const {
         offset,
         width,
-        height,
-        left,
-        top
+        height
       } = this.getStates();
-      const {
-        rotation
-      } = this.getProps();
 
       const startMouseMove = this._adapter.getMouseMove();
 
@@ -104485,15 +104436,21 @@ class previewImageFoundation_PreviewImageFoundation extends foundation {
 
       if (startMouseMove && (canDragVertical || canDragHorizontal)) {
         const {
-          pageX,
-          pageY
+          clientX,
+          clientY
         } = e;
+
+        const {
+          left: containerLeft,
+          top: containerTop
+        } = this._getContainerBounds();
+
         const {
           left: extremeLeft,
           top: extremeTop
         } = this.calcExtremeBounds();
-        let newX = canDragHorizontal ? pageX - startMouseOffset.x : offset.x;
-        let newY = canDragVertical ? pageY - startMouseOffset.y : offset.y;
+        let newX = canDragHorizontal ? clientX - containerLeft - startMouseOffset.x : offset.x;
+        let newY = canDragVertical ? clientY - containerTop - startMouseOffset.y : offset.y;
 
         if (canDragHorizontal) {
           newX = newX > 0 ? 0 : newX < extremeLeft ? extremeLeft : newX;
@@ -104765,11 +104722,11 @@ previewImage_PreviewImage.defaultProps = {
 };
 // CONCATENATED MODULE: ../semi-foundation/image/utils.ts
 const isTargetEmit = (event, targetClasses) => {
-  var _a; // e.path is the event-triggered bubbling path, which stores each node through which bubbling passes.
-  // e.path.length-4 is to remove elements above the root node, such as body, html, document, window
-
-
-  const isTarget = (_a = event === null || event === void 0 ? void 0 : event.path) === null || _a === void 0 ? void 0 : _a.slice(0, event.path.length - 4).some(node => {
+  // event.path usage is discouraged, use event.composedPath() as it's standard and is more future-proof
+  // path is the event-triggered bubbling path, which stores each node through which bubbling passes.
+  // path.length-4 is to remove elements above the root node, such as body, html, document, window
+  const path = event === null || event === void 0 ? void 0 : event.composedPath();
+  const isTarget = path === null || path === void 0 ? void 0 : path.slice(0, path.length - 4).some(node => {
     if (node.className && typeof node.className === "string") {
       return targetClasses.some(c => node.className.includes(c));
     }
@@ -104857,7 +104814,7 @@ const getPreloadImagArr = (imgSrc, currentIndex, preLoadGap, infinite) => {
   const duplicateResult = Array.from(new Set(result));
   return duplicateResult;
 };
-// CONCATENATED MODULE: ../semi-foundation/image/previewInnerFoundation.tsx
+// CONCATENATED MODULE: ../semi-foundation/image/previewInnerFoundation.ts
 
 
 
@@ -104919,9 +104876,13 @@ class previewInnerFoundation_PreviewInnerFoundation extends foundation {
       const {
         x,
         y
-      } = this._adapter.getStartMouseDown();
+      } = this._adapter.getStartMouseDown(); // 对鼠标移动做容错处理，当 x 和 y 方向在 mouseUp 的时候移动距离都小于等于 5px 时候就可以关闭预览
+      // Error-tolerant processing of mouse movement, when the movement distance in the x and y directions is less than or equal to 5px in mouseUp, the preview can be closed
+      // 不做容错处理的话，直接用 clientX !== x || y !== clientY 做判断，鼠标在用户点击时候无意识的轻微移动无法关闭预览，不符合用户预期
+      // If you do not do fault-tolerant processing, but directly use clientX !== x || y !== clientY to make judgments, the slight movement of the mouse when the user clicks will not be able to close the preview, which does not meet the user's expectations.
+
 
-      if (clientX !== x || y !== clientY) {
+      if (Math.abs(clientX - x) > 5 || Math.abs(y - clientY) > 5) {
         couldClose = false;
       }
 
@@ -105603,7 +105564,7 @@ previewInner_PreviewInner.defaultProps = {
 // EXTERNAL MODULE: ../semi-foundation/image/image.scss
 var image_image = __webpack_require__("txvO");
 
-// CONCATENATED MODULE: ../semi-foundation/image/imageFoundation.tsx
+// CONCATENATED MODULE: ../semi-foundation/image/imageFoundation.ts
 
 
 class imageFoundation_ImageFoundation extends foundation {
@@ -105912,7 +105873,7 @@ image_Image.defaultProps = {
 /* harmony default export */ var image_0 = (image_Image);
 
 
-// CONCATENATED MODULE: ../semi-foundation/image/previewFoundation.tsx
+// CONCATENATED MODULE: ../semi-foundation/image/previewFoundation.ts
 
 class previewFoundation_PreviewFoundation extends foundation {
   constructor() {