@qn-pandora/pandora-component 4.3.0 → 4.3.1

package/CHANGELOG.json

@@ -1,6 +1,26 @@
 {
   "name": "@qn-pandora/pandora-component",
   "entries": [
+    {
+      "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,6 +1,13 @@
 # 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 Mon, 30 Oct 2023 08:56:57 GMT and should not be manually modified.
+
+## 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

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/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: '退出全屏'
 };

package/es/index.css

@@ -13202,6 +13202,12 @@ textarea.ant-pagination-options-quick-jumper input {
 .pandora-sdk-tree-select-dropdown .ant-empty {
   text-align: center;
 }
+.pandora-sdk-card-search-input {
+  min-width: 200px;
+}
+.pandora-sdk-card-search-input i {
+  color: #bfbfbf;
+}
 .ant-row {
   display: -webkit-box;
   display: -ms-flexbox;
@@ -19091,12 +19097,6 @@ textarea.ant-pagination-options-quick-jumper input {
 .pandora-sdk-card-row-extra button {
   min-width: 80px;
 }
-.pandora-sdk-card-search-input {
-  min-width: 200px;
-}
-.pandora-sdk-card-search-input i {
-  color: #bfbfbf;
-}
 .ant-picker {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;

package/es/index.less

@@ -32,8 +32,8 @@
 @import './components/Timeline/style.less';
 @import './components/Transfer/style.less';
 @import './components/TreeSelector/style.less';
-@import './components/Card/RowExtra/style.less';
 @import './components/Card/SearchInput/style.less';
+@import './components/Card/RowExtra/style.less';
 @import './components/DateTimePicker/Base/style.less';
 @import './components/DateTimePicker/BaseMobile/style.less';
 @import './components/DateTimePicker/DisplayInput/style.less';

package/es/style/theme.less

@@ -391,6 +391,7 @@
 @close-icon-hover-color: #f4f5f6;
 
 @agent-markdown-scorll-bar-color: #c9cdd4;
+@agent-scene-icon-color: #c9cdd4;
 @agent-markdown-header-background-color: rgb(52, 53, 65);
 @agent-box-shadow-color: rgba(53, 53, 53, 0.07);
 @agent-cursor-color: #282828;
@@ -398,8 +399,12 @@
 @agent-example-desc-color: #595959;
 @agent-input-border-color: #e9e9e9;
 @agent-border-color: #e8e8e8;
+@agent-scene-name-color: #86909c;
 @background-color-fa: #fafafa;
 @background-color-f5: #f5f5f5;
 @background-color-f4: #f4f5f6;
 @background-linear-color: rgba(244, 245, 246, 0);
 @background-color-e2: #e2e4e6;
+@color-error-bg: #fff2f0;
+@color-error: #fd4345;
+@agent-scene-background-color: rgba(0, 0, 0, 0.06);

package/lib/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/lib/components/Drawer/CloseIcon/index.js

@@ -20,8 +20,8 @@ var language_1 = require("../../../utils/language");
 var type_1 = require("../../../constants/language/modal/type");
 exports.CloseIcon = function (props) {
     var locale = react_1.useContext(config_provider_1.ConfigContext).locale;
-    var className = props.className, onClick = props.onClick;
-    return (react_1.default.createElement(antd_1.Tooltip, { title: language_1.formatString(type_1.ModalLocale.close_tooltip, locale) },
+    var className = props.className, onClick = props.onClick, getPopupContainer = props.getPopupContainer;
+    return (react_1.default.createElement(antd_1.Tooltip, { title: language_1.formatString(type_1.ModalLocale.close_tooltip, locale), getPopupContainer: getPopupContainer },
         react_1.default.createElement(pandora_component_icons_1.Close, { className: classnames_1.default(style_1.SDK_PREFIX + "-modal-close-icon", className), onClick: onClick })));
 };
 exports.default = exports.CloseIcon;

package/lib/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/lib/components/Drawer/index.js

@@ -53,13 +53,15 @@ var lodash_1 = require("lodash");
 var mobx_react_1 = require("mobx-react");
 var mobx_1 = require("mobx");
 var antd_1 = require("antd");
-var screenfull_1 = __importDefault(require("screenfull"));
+var config_provider_1 = require("antd/es/config-provider");
 var pandora_component_icons_1 = require("@qn-pandora/pandora-component-icons");
 var dom_1 = require("../../utils/dom");
 var style_1 = require("../../constants/style");
 var modalPopupContainer_1 = __importDefault(require("../../hoc/modalPopupContainer"));
 var bind_1 = __importDefault(require("../../utils/bind"));
 var CloseIcon_1 = __importDefault(require("./CloseIcon"));
+var language_1 = require("../../utils/language");
+var type_1 = require("../../constants/language/modal/type");
 var DEFAULT_WIDTH = '50%';
 var SMALL_WIDTH = '38%';
 var LARGE_WIDTH = '75%';
@@ -91,7 +93,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_1.default.createElement(pandora_component_icons_1.FullscreenExitOutlined, { onClick: this.handleFull, className: style_1.SDK_PREFIX + "-drawer-header-full-icon" })) : (react_1.default.createElement(pandora_component_icons_1.FullscreenOutlined, { onClick: this.handleFull, className: style_1.SDK_PREFIX + "-drawer-header-full-icon" }))) : null;
+            var fullIcon = showFullScreen === true ? (this.isFullscreen ? (react_1.default.createElement(antd_1.Tooltip, { title: language_1.formatString(type_1.ModalLocale.exit_full, this.context.locale) },
+                react_1.default.createElement(pandora_component_icons_1.FullscreenExitOutlined, { onClick: this.handleFull, className: style_1.SDK_PREFIX + "-drawer-header-full-icon" }))) : (react_1.default.createElement(antd_1.Tooltip, { title: language_1.formatString(type_1.ModalLocale.full, this.context.locale) },
+                react_1.default.createElement(pandora_component_icons_1.FullscreenOutlined, { onClick: this.handleFull, className: style_1.SDK_PREFIX + "-drawer-header-full-icon" })))) : null;
             if (closable !== false && closeIconPlacement === 'right') {
                 return (react_1.default.createElement(react_1.default.Fragment, null,
                     this.props.extra,
@@ -116,12 +120,7 @@ var Drawer = /** @class */ (function (_super) {
         this.isFullscreen = isFullscreen;
     };
     Drawer.prototype.handleFull = function () {
-        var draw = document.querySelector("." + this.drawerId);
-        if (!screenfull_1.default || !draw) {
-            return;
-        }
         this.setIsFullscreen(!this.isFullscreen);
-        screenfull_1.default.toggle(draw);
     };
     Drawer.prototype.onMouseDown = function () {
         this.setIsResizing(true);
@@ -189,16 +188,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_1.default && onScreenFullChange) {
-                screenfull_1.default.on('change', function () {
-                    if (screenfull_1.default) {
-                        onScreenFullChange(screenfull_1.default.isFullscreen);
-                    }
-                });
-            }
-        }
         if (this.props.canDrag) {
             document.addEventListener('mousemove', this.throttleMouseMove);
             document.addEventListener('mouseup', this.onMouseUp);
@@ -220,10 +209,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_1.default.createElement(antd_1.Drawer, __assign({ className: classnames_1.default(this.drawerId, style_1.SDK_PREFIX + "-drawer", className, (_a = {},
                 _a[style_1.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_1.default.createElement(CloseIcon_1.default, { className: style_1.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_1.default.createElement(CloseIcon_1.default, { className: style_1.SDK_PREFIX + "-drawer-close-icon", onClick: this.handleClose }), onClose: this.handleClose }, other),
             canDrag && (react_1.default.createElement("div", { className: style_1.SDK_PREFIX + "-scroll-handler", onMouseDown: this.onMouseDown })),
             children));
     };
+    Drawer.contextType = config_provider_1.ConfigContext;
     __decorate([
         mobx_1.observable,
         __metadata("design:type", Object)

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

@@ -1,5 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.modal_en = {
-    close_tooltip: 'close modal'
+    close_tooltip: 'close modal',
+    full: 'Full',
+    exit_full: 'Exit Full Screen'
 };

package/lib/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/lib/constants/language/modal/zh.js

@@ -1,5 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.modal_zh = {
-    close_tooltip: '关闭弹窗'
+    close_tooltip: '关闭弹窗',
+    full: '全屏',
+    exit_full: '退出全屏'
 };