@qn-pandora/pandora-component 4.3.3 → 4.3.5

package/CHANGELOG.json

@@ -1,6 +1,43 @@
 {
   "name": "@qn-pandora/pandora-component",
   "entries": [
+    {
+      "version": "4.3.5",
+      "tag": "@qn-pandora/pandora-component_v4.3.5",
+      "date": "Thu, 28 Dec 2023 06:39:32 GMT",
+      "comments": {
+        "patch": [
+          {
+            "comment": "2023-12-28发包"
+          }
+        ],
+        "dependency": [
+          {
+            "comment": "Updating dependency \"@qn-pandora/pandora-component-icons\" from `^3.3.2` to `^3.3.3`"
+          },
+          {
+            "comment": "Updating dependency \"@qn-pandora/app-sdk\" from `^3.3.4` to `^3.3.5`"
+          }
+        ]
+      }
+    },
+    {
+      "version": "4.3.4",
+      "tag": "@qn-pandora/pandora-component_v4.3.4",
+      "date": "Mon, 18 Dec 2023 11:54:46 GMT",
+      "comments": {
+        "patch": [
+          {
+            "comment": "2023-12-18发包"
+          }
+        ],
+        "dependency": [
+          {
+            "comment": "Updating dependency \"@qn-pandora/app-sdk\" from `^3.3.3` to `^3.3.4`"
+          }
+        ]
+      }
+    },
     {
       "version": "4.3.3",
       "tag": "@qn-pandora/pandora-component_v4.3.3",

package/CHANGELOG.md

@@ -1,6 +1,20 @@
 # Change Log - @qn-pandora/pandora-component
 
-This log was last generated on Tue, 28 Nov 2023 12:13:32 GMT and should not be manually modified.
+This log was last generated on Thu, 28 Dec 2023 06:39:32 GMT and should not be manually modified.
+
+## 4.3.5
+Thu, 28 Dec 2023 06:39:32 GMT
+
+### Patches
+
+- 2023-12-28发包
+
+## 4.3.4
+Mon, 18 Dec 2023 11:54:46 GMT
+
+### Patches
+
+- 2023-12-18发包
 
 ## 4.3.3
 Tue, 28 Nov 2023 12:13:32 GMT

package/es/components/Drawer/index.d.ts

@@ -91,6 +91,7 @@ export declare class Drawer extends React.Component<React.PropsWithChildren<IDra
     onMouseClick(e: MouseEvent): void;
     initWidth(width?: string | number, size?: string): React.ReactText;
     handleClose(e: EventType | null): void;
+    getIconPopupContainer(): Element;
     componentDidMount(): void;
     UNSAFE_componentWillUpdate(nextProps: Readonly<React.PropsWithChildren<IDrawerProps>>): void;
     componentWillUnmount(): void;

package/es/components/Drawer/index.js

@@ -88,14 +88,14 @@ var Drawer = /** @class */ (function (_super) {
     Object.defineProperty(Drawer.prototype, "extra", {
         get: function () {
             var _a = this.props, closable = _a.closable, closeIconPlacement = _a.closeIconPlacement, showFullScreen = _a.showFullScreen;
-            var fullIcon = showFullScreen === true ? (this.isFullscreen ? (React.createElement(Tooltip, { title: formatString(ModalLocale.exit_full, this.context.locale) },
-                React.createElement(FullscreenExitOutlined, { onClick: this.handleFull, className: SDK_PREFIX + "-drawer-header-full-icon" }))) : (React.createElement(Tooltip, { title: formatString(ModalLocale.full, this.context.locale) },
+            var fullIcon = showFullScreen === true ? (this.isFullscreen ? (React.createElement(Tooltip, { title: formatString(ModalLocale.exit_full, this.context.locale), getPopupContainer: this.getIconPopupContainer },
+                React.createElement(FullscreenExitOutlined, { onClick: this.handleFull, className: SDK_PREFIX + "-drawer-header-full-icon" }))) : (React.createElement(Tooltip, { title: formatString(ModalLocale.full, this.context.locale), getPopupContainer: this.getIconPopupContainer },
                 React.createElement(FullscreenOutlined, { onClick: this.handleFull, className: SDK_PREFIX + "-drawer-header-full-icon" })))) : null;
             if (closable !== false && closeIconPlacement === 'right') {
                 return (React.createElement(React.Fragment, null,
                     this.props.extra,
                     fullIcon,
-                    React.createElement(CloseIcon, { className: SDK_PREFIX + "-drawer-close-icon", onClick: this.handleClose })));
+                    React.createElement(CloseIcon, { className: SDK_PREFIX + "-drawer-close-icon", onClick: this.handleClose, getPopupContainer: this.getIconPopupContainer })));
             }
             return (React.createElement(React.Fragment, null,
                 fullIcon,
@@ -181,6 +181,9 @@ var Drawer = /** @class */ (function (_super) {
             }
         }
     };
+    Drawer.prototype.getIconPopupContainer = function () {
+        return document.getElementsByClassName(this.drawerId)[0] || undefined;
+    };
     Drawer.prototype.componentDidMount = function () {
         document.body.addEventListener('mousedown', this.onMouseClick);
         if (this.props.canDrag) {
@@ -204,7 +207,7 @@ var Drawer = /** @class */ (function (_super) {
         var _b = this.props, width = _b.width, className = _b.className, children = _b.children, canDrag = _b.canDrag, visible = _b.visible, closable = _b.closable, extra = _b.extra, size = _b.size, onClose = _b.onClose, other = __rest(_b, ["width", "className", "children", "canDrag", "visible", "closable", "extra", "size", "onClose"]);
         return (React.createElement(BaseDrawer, __assign({ className: classnames(this.drawerId, SDK_PREFIX + "-drawer", className, (_a = {},
                 _a[SDK_PREFIX + "-drawer-no-mask"] = this.props.mask === false,
-                _a)), width: this.isFullscreen ? '100%' : this.realWidth || 800, zIndex: 1200, visible: visible, closable: this.closable, extra: this.extra, closeIcon: React.createElement(CloseIcon, { className: SDK_PREFIX + "-drawer-close-icon", onClick: this.handleClose }), onClose: this.handleClose }, other),
+                _a)), width: this.isFullscreen ? '100%' : this.realWidth || 800, zIndex: 1200, visible: visible, closable: this.closable, extra: this.extra, closeIcon: React.createElement(CloseIcon, { className: SDK_PREFIX + "-drawer-close-icon", onClick: this.handleClose, getPopupContainer: this.getIconPopupContainer }), onClose: this.handleClose }, other),
             canDrag && (React.createElement("div", { className: SDK_PREFIX + "-scroll-handler", onMouseDown: this.onMouseDown })),
             children));
     };
@@ -294,6 +297,12 @@ var Drawer = /** @class */ (function (_super) {
         __metadata("design:paramtypes", [Object]),
         __metadata("design:returntype", void 0)
     ], Drawer.prototype, "handleClose", null);
+    __decorate([
+        bind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", []),
+        __metadata("design:returntype", void 0)
+    ], Drawer.prototype, "getIconPopupContainer", null);
     Drawer = __decorate([
         observer
     ], Drawer);

package/es/components/Table/ColumnSetting/index.js

@@ -86,6 +86,10 @@ export function ColumnSetting(props) {
                                 React.createElement(Checkbox, { checked: !!realValues.find(function (v) { return v === item.value; }), value: item.value, className: SDK_PREFIX + "-table-column-setting-checkbox", onChange: handleChange },
                                     React.createElement("span", { className: SDK_PREFIX + "-table-column-setting-value" }, typeof item.label === 'string' ? (React.createElement(NameLimiter, { name: item.label })) : (item.label))))));
                     }))))) },
-        React.createElement(SettingOutlined, { className: SDK_PREFIX + "-table-column-setting-icon" })));
+        React.createElement(SettingOutlined, { className: SDK_PREFIX + "-table-column-setting-icon", onClick: function (e) {
+                e.stopPropagation();
+                e.preventDefault();
+                e.nativeEvent.stopImmediatePropagation();
+            } })));
 }
 export default React.memo(ColumnSetting);

package/es/components/Table/style.css

@@ -1726,3 +1726,24 @@ textarea.ant-pagination-options-quick-jumper input {
   position: absolute;
   right: 12px;
 }
+.ant-table-thead > tr > th > .ant-table-column-sorters {
+  position: relative;
+}
+.ant-table-thead > tr > th > .ant-table-column-sorters > .ant-table-column-title {
+  position: static;
+}
+.ant-table-thead > tr > th > .ant-table-filter-column {
+  position: relative;
+}
+.ant-table-thead > tr > th > .ant-table-filter-column > .ant-table-column-title {
+  position: static;
+}
+.ant-table-thead > tr > th > .ant-table-filter-column > .ant-table-column-title > .ant-table-column-sorters {
+  position: static;
+}
+.ant-table-thead > tr > th > .ant-table-filter-column > .ant-table-column-title > .ant-table-column-sorters::after {
+  display: none;
+}
+.ant-table-thead > tr > th > .ant-table-filter-column > .ant-table-column-title > .ant-table-column-sorters > .ant-table-column-title {
+  position: static;
+}

package/es/components/Table/style.less

@@ -319,3 +319,26 @@
     right: 12px;
   }
 }
+
+.@{ant-prefix}-table-thead > tr > th > .@{ant-prefix}-table-column-sorters {
+  position: relative;
+  & > .@{ant-prefix}-table-column-title {
+    position: static;
+  }
+}
+
+.@{ant-prefix}-table-thead > tr > th > .@{ant-prefix}-table-filter-column {
+  position: relative;
+  & > .@{ant-prefix}-table-column-title {
+    position: static;
+    > .@{ant-prefix}-table-column-sorters {
+      position: static;
+      &::after {
+        display: none;
+      }
+      & > .@{ant-prefix}-table-column-title {
+        position: static;
+      }
+    }
+  }
+}