yt-chat-components 1.2.2 → 1.2.4

package/src/index.tsx

@@ -1,127 +1,11 @@
-import React from 'react';
-import ReactDOM from 'react-dom';
-import r2wc from '@r2wc/react-to-web-component';
-import LogoBtn from './YtChatView/logoBtn/index';
-import ToolDialog from "./YtChatView/previewDialog/index";
-import LogoSplitBtn from "./YtChatView/logoSplitBtn/index";
-import MobileChatPage from "./YtChatView/mobileChat";
-
-// 手动注入 React 和 ReactDOM 到全局
-window.React = React;
-window.ReactDOM = ReactDOM;
-
-customElements.define('yt-chat', r2wc(LogoBtn, {
-    shadow: "closed",
-    props: {
-        left: "number",
-        right: "number",
-        top: "number",
-        bottom: "number",
-        width: "number",
-        height: "number",
-        iconUrl: "string",
-        title: "string",
-        appId: "string",
-        hostUrl: "string",
-        userInfo: "json",
-        tags: "json",
-        isShowSideRight:"boolean",
-        isShowSideLeft:"boolean",
-        modalIndex:"number",
-        dialogIndex:"number",
-        agentUrl:"string",
-        agentName:"string",
-        modalWidth:"number",
-        logoWidth:"string",
-        logoFontSize:"string",
-        logoPosition:"string",
-        isTitleSideIcon:"boolean",
-        isShowUploadButton:"boolean",
-        dropManUrl:"string",
-    },
-}));
-
-customElements.define('yt-page-chat', r2wc(ToolDialog, {
-    shadow: "closed",
-    props: {
-        title: "string",
-        appId: "string",
-        hostUrl: "string",
-        setDialogVisible: "function",
-        userInfo: "json",
-        tags: "json",
-        boxStyle: "json",
-        sceneId: "string",
-        isShowSideRight:"boolean",
-        isShowSideLeft:"boolean",
-        dialogIndex:"number",
-        agentUrl:"string",
-        agentName:"string",
-        logoWidth:"string",
-        logoFontSize:"string",
-        isTitleSideIcon:"boolean",
-        isShowUploadButton:"boolean",
-        dropManUrl:"string",
-    },
-}));
-
-customElements.define('yt-split-modal-chat', r2wc(LogoSplitBtn, {
-    shadow: "closed",
-    props: {
-        left: "number",
-        right: "number",
-        top: "number",
-        bottom: "number",
-        width: "number",
-        height: "number",
-        iconUrl: "string",
-        title: "string",
-        appId: "string",
-        hostUrl: "string",
-        userInfo: "json",
-        tags: "json",
-        sceneId: "string",
-        boxStyle: "string",
-        isShowSideRight:"boolean",
-        isShowSideLeft:"boolean",
-        modalIndex:"number",
-        dialogIndex:"number",
-        agentUrl:"string",
-        agentName:"string",
-        modalWidth:"number",
-        logoWidth:"string",
-        logoFontSize:"string",
-        logoPosition:"string",
-        isTitleSideIcon:"boolean",
-        isShowUploadButton:"boolean",
-        dropManUrl:"string",
-    },
-}));
-
-customElements.define('yt-page-chat-mobile', r2wc(MobileChatPage, {
-    shadow: "closed",
-    props: {
-        title: "string",
-        appId: "string",
-        hostUrl: "string",
-        setDialogVisible: "function",
-        userInfo: "json",
-        tags: "json",
-        boxStyle: "json",
-        sceneId: "string",
-        isShowSideRight:"boolean",
-        isShowSideLeft:"boolean",
-        isLogin:"boolean",
-        isShowLogin:"boolean",
-        loginBtnClick: "function",
-        dialogIndex:"number",
-        agentUrl:"string",
-        agentName:"string",
-        logoWidth:"string",
-        logoFontSize:"string",
-        isTitleSideIcon:"boolean",
-        isShowUploadButton:"boolean",
-        isShowVoiceButton:"boolean",
-        dropManUrl:"string",
-    },
-}));
+import React from 'react';
+import ReactDOM from 'react-dom';
+import LogoBtn from './YtChatView/logoBtn/index';
+import ToolDialog from "./YtChatView/previewDialog/index";
+import LogoSplitBtn from "./YtChatView/logoSplitBtn/index";
+import MobileChatPage from "./YtChatView/mobileChat";
+
+// 手动注入 React 和 ReactDOM 到全局
+window.React = React;
+window.ReactDOM = ReactDOM;
+export {ToolDialog, LogoSplitBtn, LogoBtn, MobileChatPage}

package/webpack.config.js

@@ -1,51 +1,51 @@
-const path = require("path");
-
-module.exports = {
-  mode: "production",
-  entry: "./src/index.tsx",
-  output: {
-    filename: "bundle.min.js",
-    path: path.resolve(__dirname, "build/static/js"),
-    libraryTarget: "umd",
-    globalObject: "this",
-    library: "YtChatComponents", // 可选，定义全局命名空间
-  },
-  module: {
-    rules: [
-      {
-        test: /\.(jsx|js|tsx|ts)$/,
-        exclude: /node_modules/,
-        use: {
-          loader: "babel-loader",
-          options: {
-            presets: [
-              "@babel/preset-env",
-              "@babel/preset-react",
-              "@babel/preset-typescript",
-            ],
-          },
-        },
-      },
-      {
-        test: /\.css$/,
-        use: ["style-loader", "css-loader"],
-      },
-      {
-        test: /\.(png|jpg|jpeg|gif|svg)$/,
-        use: {
-          loader: "url-loader",
-          options: {
-            limit: 1000000,
-          },
-        },
-      },
-    ],
-  },
-  resolve: {
-    extensions: [".jsx", ".js", ".tsx", ".ts"],
-  },
-  optimization: {
-    minimize: true,
-    usedExports: false, // 禁用 tree-shaking，避免移除 React
-  },
+const path = require("path");
+
+module.exports = {
+  mode: "production",
+  entry: "./src/index.tsx",
+  output: {
+    filename: "bundle.min.js",
+    path: path.resolve(__dirname, "build/static/js"),
+    libraryTarget: "umd",
+    globalObject: "this",
+    library: "YtChatComponents", // 可选，定义全局命名空间
+  },
+  module: {
+    rules: [
+      {
+        test: /\.(jsx|js|tsx|ts)$/,
+        exclude: /node_modules/,
+        use: {
+          loader: "babel-loader",
+          options: {
+            presets: [
+              "@babel/preset-env",
+              "@babel/preset-react",
+              "@babel/preset-typescript",
+            ],
+          },
+        },
+      },
+      {
+        test: /\.css$/,
+        use: ["style-loader", "css-loader"],
+      },
+      {
+        test: /\.(png|jpg|jpeg|gif|svg)$/,
+        use: {
+          loader: "url-loader",
+          options: {
+            limit: 1000000,
+          },
+        },
+      },
+    ],
+  },
+  resolve: {
+    extensions: [".jsx", ".js", ".tsx", ".ts"],
+  },
+  optimization: {
+    minimize: true,
+    usedExports: false, // 禁用 tree-shaking，避免移除 React
+  },
 };