@qn-pandora/pandora-component 4.3.0 → 4.3.2

package/CHANGELOG.json

@@ -1,6 +1,43 @@
 {
   "name": "@qn-pandora/pandora-component",
   "entries": [
+    {
+      "version": "4.3.2",
+      "tag": "@qn-pandora/pandora-component_v4.3.2",
+      "date": "Thu, 16 Nov 2023 11:14:33 GMT",
+      "comments": {
+        "patch": [
+          {
+            "comment": "2023-11-16发包"
+          }
+        ],
+        "dependency": [
+          {
+            "comment": "Updating dependency \"@qn-pandora/app-sdk\" from `^3.3.1` to `^3.3.2`"
+          }
+        ]
+      }
+    },
+    {
+      "version": "4.3.1",
+      "tag": "@qn-pandora/pandora-component_v4.3.1",
+      "date": "Mon, 30 Oct 2023 08:56:57 GMT",
+      "comments": {
+        "patch": [
+          {
+            "comment": "2023-10-30发包"
+          }
+        ],
+        "dependency": [
+          {
+            "comment": "Updating dependency \"@qn-pandora/pandora-component-icons\" from `^3.3.0` to `^3.3.1`"
+          },
+          {
+            "comment": "Updating dependency \"@qn-pandora/app-sdk\" from `^3.3.0` to `^3.3.1`"
+          }
+        ]
+      }
+    },
     {
       "version": "4.3.0",
       "tag": "@qn-pandora/pandora-component_v4.3.0",

package/CHANGELOG.md

@@ -1,43 +1,65 @@
 # Change Log - @qn-pandora/pandora-component
 
-This log was last generated on Tue, 24 Oct 2023 08:06:30 GMT and should not be manually modified.
+This log was last generated on Thu, 16 Nov 2023 11:14:33 GMT and should not be manually modified.
+
+## 4.3.2
+
+Thu, 16 Nov 2023 11:14:33 GMT
+
+### Patches
+
+- 2023-11-16 发包
+
+## 4.3.1
+
+Mon, 30 Oct 2023 08:56:57 GMT
+
+### Patches
+
+- 2023-10-30 发包
 
 ## 4.3.0
+
 Tue, 24 Oct 2023 08:06:30 GMT
 
 ### Minor changes
 
-- 2023-10-24发包
+- 2023-10-24 发包
 
 ## 4.2.0
+
 Mon, 25 Sep 2023 07:36:39 GMT
 
 ### Minor changes
 
-- 2023-09-25发包
+- 2023-09-25 发包
 
 ## 4.1.6
+
 Fri, 25 Aug 2023 10:29:46 GMT
 
 ### Patches
 
-- 2023-08-25发包
+- 2023-08-25 发包
 
 ## 4.1.5
+
 Fri, 25 Aug 2023 09:17:44 GMT
 
 ### Patches
 
-- 2023-08-25发包
+- 2023-08-25 发包
 
 ## 4.1.4
+
 Thu, 24 Aug 2023 09:24:03 GMT
 
 ### Patches
 
-- 2023.08.24发包
+- 2023.08.24 发包
 
 ## 4.1.3
+
 Wed, 26 Jul 2023 09:10:30 GMT
 
 ### Patches
@@ -45,55 +67,63 @@ Wed, 26 Jul 2023 09:10:30 GMT
 - 2023.07.26 publish
 
 ## 4.1.2
+
 Tue, 25 Jul 2023 09:47:47 GMT
 
 ### Patches
 
-- 2023.07.25发包
+- 2023.07.25 发包
 
 ## 4.1.1
+
 Thu, 20 Jul 2023 07:02:58 GMT
 
 ### Patches
 
-- 2023.07.20发包
+- 2023.07.20 发包
 
 ## 4.1.0
+
 Tue, 27 Jun 2023 06:38:00 GMT
 
 ### Minor changes
 
-- 2023.06.27发包
+- 2023.06.27 发包
 
 ## 4.0.12
+
 Mon, 29 May 2023 10:29:42 GMT
 
 ### Patches
 
-- 2023.05.29发包
+- 2023.05.29 发包
 
 ## 4.0.11
+
 Wed, 24 May 2023 07:19:25 GMT
 
 ### Patches
 
-- 2023.05.24发包
+- 2023.05.24 发包
 
 ## 4.0.10
+
 Tue, 23 May 2023 03:12:29 GMT
 
 ### Patches
 
-- 2023.05.23发布
+- 2023.05.23 发布
 
 ## 4.0.9
+
 Wed, 19 Apr 2023 03:15:25 GMT
 
 ### Patches
 
-- 2023.04.19发包
+- 2023.04.19 发包
 
 ## 4.0.8
+
 Tue, 04 Apr 2023 08:26:02 GMT
 
 ### Patches
@@ -101,20 +131,23 @@ Tue, 04 Apr 2023 08:26:02 GMT
 - 2023.04.04
 
 ## 4.0.7
+
 Thu, 23 Mar 2023 07:12:05 GMT
 
 ### Patches
 
-- 2023.03.23发布
+- 2023.03.23 发布
 
 ## 4.0.6
+
 Mon, 13 Mar 2023 11:30:17 GMT
 
 ### Patches
 
-- 2023.03.13发布
+- 2023.03.13 发布
 
 ## 4.0.5
+
 Wed, 15 Feb 2023 09:26:50 GMT
 
 ### Patches
@@ -122,6 +155,7 @@ Wed, 15 Feb 2023 09:26:50 GMT
 - 2023.02.15 发布
 
 ## 4.0.4
+
 Wed, 11 Jan 2023 08:25:05 GMT
 
 ### Patches
@@ -129,6 +163,7 @@ Wed, 11 Jan 2023 08:25:05 GMT
 - 2023-01-11 发布
 
 ## 4.0.3
+
 Tue, 10 Jan 2023 03:03:58 GMT
 
 ### Patches
@@ -136,20 +171,23 @@ Tue, 10 Jan 2023 03:03:58 GMT
 - 2023-01-10 发布
 
 ## 4.0.2
+
 Tue, 29 Nov 2022 03:37:07 GMT
 
 ### Patches
 
-- 2022.11.29发布
+- 2022.11.29 发布
 
 ## 4.0.1
+
 Mon, 17 Oct 2022 06:49:55 GMT
 
 ### Patches
 
-- 22年10月16日发布
+- 22 年 10 月 16 日发布
 
 ## 4.0.0
+
 Tue, 14 Jun 2022 09:21:39 GMT
 
 ### Breaking changes
@@ -157,9 +195,9 @@ Tue, 14 Jun 2022 09:21:39 GMT
 - 很久没发版了，统一发个大版本
 
 ## 3.0.0
+
 Mon, 20 Dec 2021 11:46:43 GMT
 
 ### Breaking changes
 
-- 仓库迁移至rush后统一发个大版本
-
+- 仓库迁移至 rush 后统一发个大版本

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

@@ -1,6 +1,7 @@
 import React from 'react';
 export interface IProps {
     className?: string;
+    getPopupContainer?: () => HTMLElement;
     onClick?: (e: any) => void;
 }
 export declare const CloseIcon: React.FC<IProps>;

package/es/components/Drawer/CloseIcon/index.js

@@ -8,8 +8,8 @@ import { formatString } from '../../../utils/language';
 import { ModalLocale } from '../../../constants/language/modal/type';
 export var CloseIcon = function (props) {
     var locale = useContext(ConfigContext).locale;
-    var className = props.className, onClick = props.onClick;
-    return (React.createElement(Tooltip, { title: formatString(ModalLocale.close_tooltip, locale) },
+    var className = props.className, onClick = props.onClick, getPopupContainer = props.getPopupContainer;
+    return (React.createElement(Tooltip, { title: formatString(ModalLocale.close_tooltip, locale), getPopupContainer: getPopupContainer },
         React.createElement(Close, { className: classnames(SDK_PREFIX + "-modal-close-icon", className), onClick: onClick })));
 };
 export default CloseIcon;

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

@@ -78,6 +78,7 @@ export declare class Drawer extends React.Component<React.PropsWithChildren<IDra
     realWidth: React.ReactText;
     isFullscreen: boolean;
     throttleMouseMove: import("lodash").DebouncedFunc<(e: any) => void>;
+    static contextType: React.Context<import("antd/es/config-provider").ConfigConsumerProps>;
     get closable(): boolean | undefined;
     get extra(): JSX.Element;
     setIsResizing(isResizing?: boolean): void;

package/es/components/Drawer/index.js

@@ -47,14 +47,16 @@ import classnames from 'classnames';
 import { throttle } from 'lodash';
 import { observer } from 'mobx-react';
 import { observable, action, computed } from 'mobx';
-import { Drawer as BaseDrawer } from 'antd';
-import screenfull from 'screenfull';
+import { Drawer as BaseDrawer, Tooltip } from 'antd';
+import { ConfigContext } from 'antd/es/config-provider';
 import { FullscreenExitOutlined, FullscreenOutlined } from '@qn-pandora/pandora-component-icons';
 import { doesDOMMatchSelector } from '../../utils/dom';
 import { SDK_PREFIX, ANT_PREFIX } from '../../constants/style';
 import modalPopupContainerWrapper from '../../hoc/modalPopupContainer';
 import bind from '../../utils/bind';
 import CloseIcon from './CloseIcon';
+import { formatString } from '../../utils/language';
+import { ModalLocale } from '../../constants/language/modal/type';
 var DEFAULT_WIDTH = '50%';
 var SMALL_WIDTH = '38%';
 var LARGE_WIDTH = '75%';
@@ -86,7 +88,9 @@ 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(FullscreenExitOutlined, { onClick: this.handleFull, className: SDK_PREFIX + "-drawer-header-full-icon" })) : (React.createElement(FullscreenOutlined, { onClick: this.handleFull, className: SDK_PREFIX + "-drawer-header-full-icon" }))) : null;
+            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) },
+                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,
@@ -111,12 +115,7 @@ var Drawer = /** @class */ (function (_super) {
         this.isFullscreen = isFullscreen;
     };
     Drawer.prototype.handleFull = function () {
-        var draw = document.querySelector("." + this.drawerId);
-        if (!screenfull || !draw) {
-            return;
-        }
         this.setIsFullscreen(!this.isFullscreen);
-        screenfull.toggle(draw);
     };
     Drawer.prototype.onMouseDown = function () {
         this.setIsResizing(true);
@@ -184,16 +183,6 @@ var Drawer = /** @class */ (function (_super) {
     };
     Drawer.prototype.componentDidMount = function () {
         document.body.addEventListener('mousedown', this.onMouseClick);
-        var onScreenFullChange = this.props.onScreenFullChange;
-        if (this.props.showFullScreen) {
-            if (screenfull && onScreenFullChange) {
-                screenfull.on('change', function () {
-                    if (screenfull) {
-                        onScreenFullChange(screenfull.isFullscreen);
-                    }
-                });
-            }
-        }
         if (this.props.canDrag) {
             document.addEventListener('mousemove', this.throttleMouseMove);
             document.addEventListener('mouseup', this.onMouseUp);
@@ -215,10 +204,11 @@ 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.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 }), onClose: this.handleClose }, other),
             canDrag && (React.createElement("div", { className: SDK_PREFIX + "-scroll-handler", onMouseDown: this.onMouseDown })),
             children));
     };
+    Drawer.contextType = ConfigContext;
     __decorate([
         observable,
         __metadata("design:type", Object)

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

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import type { TooltipPlacement } from 'antd/es/tooltip';
 /**
  * 对于超出容器宽度的名称进行省略，使用Tooltip展示。
  */
@@ -7,5 +8,6 @@ export interface INameLimiterProps {
     name: string;
     /** 用于显示Tooltip的title */
     title?: string;
+    placement?: TooltipPlacement;
 }
-export default function NameLimiter({ name, title }: INameLimiterProps): JSX.Element;
+export default function NameLimiter({ name, title, placement }: INameLimiterProps): JSX.Element;

package/es/components/NameLimiter/index.js

@@ -18,7 +18,7 @@ import React, { useLayoutEffect, useRef, useState } from 'react';
 import { Tooltip } from 'antd';
 import { SDK_PREFIX } from '../../constants/style';
 export default function NameLimiter(_a) {
-    var name = _a.name, title = _a.title;
+    var name = _a.name, title = _a.title, placement = _a.placement;
     var _b = __read(useState(false), 2), ellipsis = _b[0], setEllipsis = _b[1];
     var _c = __read(useState(false), 2), visible = _c[0], setVisible = _c[1];
     var ref = useRef(null);
@@ -29,6 +29,6 @@ export default function NameLimiter(_a) {
         }
         setEllipsis(ref.current.clientWidth < ref.current.scrollWidth);
     });
-    return (React.createElement(Tooltip, { overlayClassName: SDK_PREFIX + "-name-limit-tooltip", placement: "top", title: title || name, visible: (!!title || ellipsis) && visible, onVisibleChange: setVisible },
+    return (React.createElement(Tooltip, { overlayClassName: SDK_PREFIX + "-name-limit-tooltip", placement: placement || 'top', title: title || name, visible: (!!title || ellipsis) && visible, onVisibleChange: setVisible },
         React.createElement("span", { className: SDK_PREFIX + "-name-limit", ref: ref }, name)));
 }

package/es/constants/language/modal/en.js

@@ -1,3 +1,5 @@
 export var modal_en = {
-    close_tooltip: 'close modal'
+    close_tooltip: 'close modal',
+    full: 'Full',
+    exit_full: 'Exit Full Screen'
 };

package/es/constants/language/modal/type.d.ts

@@ -1,4 +1,6 @@
 export interface IModalLocale {
     close_tooltip: string;
+    full: string;
+    exit_full: string;
 }
 export declare const ModalLocale: IModalLocale;

package/es/constants/language/modal/zh.js

@@ -1,3 +1,5 @@
 export var modal_zh = {
-    close_tooltip: '关闭弹窗'
+    close_tooltip: '关闭弹窗',
+    full: '全屏',
+    exit_full: '退出全屏'
 };