yt-chat-components 1.1.2 → 1.1.4

package/src/YtChatView/logoBtn/index.css

@@ -1,4 +1,4 @@
-/* Modal 样式 */
-.yt-chat-modal .ant-modal-content {
-    padding: 0 !important;
+/* Modal 样式 */
+.yt-chat-modal .ant-modal-content {
+    padding: 0 !important;
 }

package/src/YtChatView/logoBtn/index.jsx

@@ -1,103 +1,103 @@
-import React from 'react';
-import ToolDialog from "../previewDialog";
-import { Modal } from 'antd';
-import './index.css'
-
-export class LogoBtn extends React.Component {
-  state={
-    isShow:false
-  }
-
-    render() {
-      const {
-        left,
-        right,
-        top,
-        bottom,
-        width,
-        height,
-        iconUrl,
-        title,
-        appId,
-        hostUrl,
-        userInfo,
-        tags,
-        boxStyle,
-        isShowSideRight,
-        isShowSideLeft,
-        modalIndex = 1000,
-        modalWidth = 1000,
-        dialogIndex = 1000,
-        agentUrl,
-        agentName,
-        logoWidth,
-        logoFontSize,
-        logoPosition = 'absolute',
-        isTitleSideIcon,
-        isShowUploadButton,
-        dropManUrl
-      } = this.props;
-    const iconConfig = {
-      width: `${width || 100}px`,
-      height: `${height || 100}px`,
-    }
-
-    if(left){
-      iconConfig.left = `${left}px`;
-    }else if(right){
-      iconConfig.right = `${right}px`;
-    }else {
-      iconConfig.right = `50px`;
-    }
-
-    if(top){
-      iconConfig.top = `${top}px`;
-    }else if(bottom){
-      iconConfig.bottom = `${bottom}px`;
-    }else {
-      iconConfig.bottom = `50px`;
-    }
-
-    return (
-        <div style={{ position: logoPosition, ...iconConfig, zIndex: dialogIndex }}>
-            {iconUrl && <img src={iconUrl} style={{ width: "100%", height: "100%" }} onClick={(event) => this.setState({ isShow: true })}/>}
-            <Modal
-                wrapClassName={'yt-chat-modal'}
-                open={this.state.isShow}
-                width={modalWidth}
-                closable={false}
-                onCancel={() => this.setState({ isShow: false })}
-                footer={null}
-                centered={true}
-                zIndex={modalIndex}
-            >
-              <ToolDialog
-                  title={title}
-                  appId={appId}
-                  hostUrl={hostUrl}
-                  setDialogVisible={() => {
-                    this.setState({ isShow: false })
-                  }}
-                  userInfo={userInfo || {}}
-                  tags={tags || []}
-                  boxStyle={boxStyle || { position: 'relative', height: '700px' }}
-                  isShowSideRight={isShowSideRight}
-                  isShowSideLeft={isShowSideLeft}
-                  agentUrl={agentUrl}
-                  agentName={agentName}
-                  logoWidth={logoWidth}
-                  logoFontSize={logoFontSize}
-                  isTitleSideIcon={isTitleSideIcon}
-                  modalIndex={modalIndex}
-                  isShowUploadButton={isShowUploadButton}
-                  dropManUrl={dropManUrl}
-                  modalWidth={modalWidth}
-              />
-            </Modal>
-          </div>
-        // </div>
-    );
-  }
-}
-
-export default LogoBtn;
+import React from 'react';
+import ToolDialog from "../previewDialog";
+import { Modal } from 'antd';
+import './index.css'
+
+export class LogoBtn extends React.Component {
+  state={
+    isShow:false
+  }
+
+    render() {
+      const {
+        left,
+        right,
+        top,
+        bottom,
+        width,
+        height,
+        iconUrl,
+        title,
+        appId,
+        hostUrl,
+        userInfo,
+        tags,
+        boxStyle,
+        isShowSideRight,
+        isShowSideLeft,
+        modalIndex = 1000,
+        modalWidth = 1000,
+        dialogIndex = 1000,
+        agentUrl,
+        agentName,
+        logoWidth,
+        logoFontSize,
+        logoPosition = 'absolute',
+        isTitleSideIcon,
+        isShowUploadButton,
+        dropManUrl
+      } = this.props;
+    const iconConfig = {
+      width: `${width || 100}px`,
+      height: `${height || 100}px`,
+    }
+
+    if(left){
+      iconConfig.left = `${left}px`;
+    }else if(right){
+      iconConfig.right = `${right}px`;
+    }else {
+      iconConfig.right = `50px`;
+    }
+
+    if(top){
+      iconConfig.top = `${top}px`;
+    }else if(bottom){
+      iconConfig.bottom = `${bottom}px`;
+    }else {
+      iconConfig.bottom = `50px`;
+    }
+
+    return (
+        <div style={{ position: logoPosition, ...iconConfig, zIndex: dialogIndex }}>
+            {iconUrl && <img src={iconUrl} style={{ width: "100%", height: "100%" }} onClick={(event) => this.setState({ isShow: true })}/>}
+            <Modal
+                wrapClassName={'yt-chat-modal'}
+                open={this.state.isShow}
+                width={modalWidth}
+                closable={false}
+                onCancel={() => this.setState({ isShow: false })}
+                footer={null}
+                centered={true}
+                zIndex={modalIndex}
+            >
+              <ToolDialog
+                  title={title}
+                  appId={appId}
+                  hostUrl={hostUrl}
+                  setDialogVisible={() => {
+                    this.setState({ isShow: false })
+                  }}
+                  userInfo={userInfo || {}}
+                  tags={tags || []}
+                  boxStyle={boxStyle || { position: 'relative', height: '700px' }}
+                  isShowSideRight={isShowSideRight}
+                  isShowSideLeft={isShowSideLeft}
+                  agentUrl={agentUrl}
+                  agentName={agentName}
+                  logoWidth={logoWidth}
+                  logoFontSize={logoFontSize}
+                  isTitleSideIcon={isTitleSideIcon}
+                  modalIndex={modalIndex}
+                  isShowUploadButton={isShowUploadButton}
+                  dropManUrl={dropManUrl}
+                  modalWidth={modalWidth}
+              />
+            </Modal>
+          </div>
+        // </div>
+    );
+  }
+}
+
+export default LogoBtn;

package/src/YtChatView/logoSplitBtn/index.css

@@ -1,4 +1,4 @@
-/* Modal 样式 */
-.yt-chat-modal .ant-modal-content {
-    padding: 0 !important;
+/* Modal 样式 */
+.yt-chat-modal .ant-modal-content {
+    padding: 0 !important;
 }

package/src/YtChatView/logoSplitBtn/index.jsx

@@ -1,105 +1,105 @@
-import React from 'react';
-import ToolDialog from "../previewDialog";
-import { Modal } from 'antd';
-import './index.css'
-
-export class LogoSplitBtn extends React.Component {
-  state={
-    isShow:false
-  }
-
-    render() {
-        const {
-            left,
-            right,
-            top,
-            bottom,
-            width,
-            height,
-            iconUrl,
-            title,
-            appId,
-            hostUrl,
-            userInfo,
-            tags,
-            boxStyle = '{"position":"relative","height":"700px"}',
-            sceneId,
-            isShowSideRight,
-            isShowSideLeft,
-            modalIndex = 1000,
-            dialogIndex,
-            agentUrl,
-            agentName,
-            modalWidth = 1300,
-            logoWidth = '42px',
-            logoFontSize = '26px',
-            logoPosition = 'absolute',
-            isTitleSideIcon,
-            isShowUploadButton,
-            dropManUrl
-        } = this.props;
-    const iconConfig = {
-      width: `${width || 100}px`,
-      height: `${height || 100}px`,
-    }
-
-    if(left){
-      iconConfig.left = `${left}px`;
-    }else if(right){
-      iconConfig.right = `${right}px`;
-    }else {
-      iconConfig.right = `50px`;
-    }
-
-    if(top){
-      iconConfig.top = `${top}px`;
-    }else if(bottom){
-      iconConfig.bottom = `${bottom}px`;
-    }else {
-      iconConfig.bottom = `50px`;
-    }
-    return (
-        // <div style={{ position: "relative", width: "100vw", height: "100vh", background:'transparent' }}>
-        <div style={{ position: logoPosition, ...iconConfig, zIndex: dialogIndex }}>
-            <img src={iconUrl} style={{ width: "100%", height: "100%" }} onClick={(event) => this.setState({ isShow: true })}/>
-            <Modal
-                wrapClassName={'yt-chat-modal'}
-                open={this.state.isShow}
-                width={modalWidth}
-                closable={false}
-                onCancel={() => this.setState({ isShow: false })}
-                footer={null}
-                centered={true}
-                zIndex={modalIndex}
-            >
-              <ToolDialog
-                  title={title}
-                  appId={appId}
-                  hostUrl={hostUrl}
-                  setDialogVisible={() => {
-                    this.setState({ isShow: false })
-                  }}
-                  userInfo={userInfo || {}}
-                  tags={tags || []}
-                  boxStyle={JSON.parse(boxStyle)}
-                  sceneId={sceneId}
-                  isShowSideRight={isShowSideRight}
-                  isShowSideLeft={isShowSideLeft}
-                  agentUrl={agentUrl}
-                  agentName={agentName}
-                  logoWidth={logoWidth}
-                  logoFontSize={logoFontSize}
-                  isTitleSideIcon={isTitleSideIcon}
-                  modalIndex={modalIndex}
-                  isShowUploadButton={isShowUploadButton}
-                  dropManUrl={dropManUrl}
-                  modalWidth={modalWidth}
-              />
-            </Modal>
-          </div>
-        // </div>
-    );
-  }
-}
-
-export default LogoSplitBtn;
+import React from 'react';
+import ToolDialog from "../previewDialog";
+import { Modal } from 'antd';
+import './index.css'
+
+export class LogoSplitBtn extends React.Component {
+  state={
+    isShow:false
+  }
+
+    render() {
+        const {
+            left,
+            right,
+            top,
+            bottom,
+            width,
+            height,
+            iconUrl,
+            title,
+            appId,
+            hostUrl,
+            userInfo,
+            tags,
+            boxStyle = '{"position":"relative","height":"700px"}',
+            sceneId,
+            isShowSideRight,
+            isShowSideLeft,
+            modalIndex = 1000,
+            dialogIndex,
+            agentUrl,
+            agentName,
+            modalWidth = 1300,
+            logoWidth = '42px',
+            logoFontSize = '26px',
+            logoPosition = 'absolute',
+            isTitleSideIcon,
+            isShowUploadButton,
+            dropManUrl
+        } = this.props;
+    const iconConfig = {
+      width: `${width || 100}px`,
+      height: `${height || 100}px`,
+    }
+
+    if(left){
+      iconConfig.left = `${left}px`;
+    }else if(right){
+      iconConfig.right = `${right}px`;
+    }else {
+      iconConfig.right = `50px`;
+    }
+
+    if(top){
+      iconConfig.top = `${top}px`;
+    }else if(bottom){
+      iconConfig.bottom = `${bottom}px`;
+    }else {
+      iconConfig.bottom = `50px`;
+    }
+    return (
+        // <div style={{ position: "relative", width: "100vw", height: "100vh", background:'transparent' }}>
+        <div style={{ position: logoPosition, ...iconConfig, zIndex: dialogIndex }}>
+            <img src={iconUrl} style={{ width: "100%", height: "100%" }} onClick={(event) => this.setState({ isShow: true })}/>
+            <Modal
+                wrapClassName={'yt-chat-modal'}
+                open={this.state.isShow}
+                width={modalWidth}
+                closable={false}
+                onCancel={() => this.setState({ isShow: false })}
+                footer={null}
+                centered={true}
+                zIndex={modalIndex}
+            >
+              <ToolDialog
+                  title={title}
+                  appId={appId}
+                  hostUrl={hostUrl}
+                  setDialogVisible={() => {
+                    this.setState({ isShow: false })
+                  }}
+                  userInfo={userInfo || {}}
+                  tags={tags || []}
+                  boxStyle={JSON.parse(boxStyle)}
+                  sceneId={sceneId}
+                  isShowSideRight={isShowSideRight}
+                  isShowSideLeft={isShowSideLeft}
+                  agentUrl={agentUrl}
+                  agentName={agentName}
+                  logoWidth={logoWidth}
+                  logoFontSize={logoFontSize}
+                  isTitleSideIcon={isTitleSideIcon}
+                  modalIndex={modalIndex}
+                  isShowUploadButton={isShowUploadButton}
+                  dropManUrl={dropManUrl}
+                  modalWidth={modalWidth}
+              />
+            </Modal>
+          </div>
+        // </div>
+    );
+  }
+}
+
+export default LogoSplitBtn;