bi-sdk-react 0.0.7 → 0.0.9

package/src/components/panel/ChatInput.tsx

@@ -608,7 +608,7 @@ export const ChatInput = React.forwardRef<
               <div className="agent-info">
                 {selectedAgent.map((item, index) => (
                   <div key={String(item.id)}>
-                    <span className="name">@ {item.name}</span>
+                    <span className="name"><IconFont type="icon-at" />{item.name}</span>
                     <a className="remove" onClick={() => onRemoveAgent(index)}>
                       ×
                     </a>

package/src/components/panel/CodePanel.tsx

@@ -4,10 +4,10 @@ import { Tooltip, Space, message } from "antd";
 import { CopyOutlined } from "@ant-design/icons";
 import copy from "copy-to-clipboard";
 import { PaneHeader } from "./PaneHeader";
-import { DesignerContext } from "../context/DesignerContext";
+import { PageContext } from "../context/PageContext";
 
 export const CodePanel: React.FC = () => {
-  const { schema } = useContext(DesignerContext);
+  const { schema } = useContext(PageContext);
   const code = useMemo(() => JSON.stringify(schema || {}, null, 2), [schema]);
   const handleCopy = () => {
     if (copy(code || "")) {

package/src/components/panel/ComponentPanel.tsx

@@ -1,7 +1,7 @@
 import { draggable } from "@atlaskit/pragmatic-drag-and-drop/element/adapter";
 import React, { useContext, useEffect, useMemo, useRef } from "react";
 import styled from "styled-components";
-import { DesignerContext } from "../context/DesignerContext";
+import { PageContext } from "../context/PageContext";
 import { IconFont } from "../icon/IconFont";
 import { PluginType } from "../typing";
 import { uuid } from "../utils";
@@ -89,7 +89,7 @@ const PluginTile: React.FC<{ plugin: PluginType }> = ({ plugin }) => {
 };
 
 export const ComponentPanel: React.FC = () => {
-  const { plugins } = useContext(DesignerContext);
+  const { plugins } = useContext(PageContext);
   const grouped = useMemo(() => {
     const grouped: { group: string; items: PluginType[] }[] = [];
     plugins.forEach((item) => {

package/src/components/panel/DatasourcePanel.tsx

@@ -18,7 +18,7 @@ import {
 } from "antd";
 import React, { useContext, useMemo, useState } from "react";
 import styled from "styled-components";
-import { DesignerContext } from "../context/DesignerContext";
+import { PageContext } from "../context/PageContext";
 import { IconFont } from "../icon/IconFont";
 import { PaneHeader } from "./PaneHeader";
 import { uuid } from "../utils";
@@ -64,7 +64,7 @@ const Root = styled.div`
 `;
 
 export const DatasourcePanel: React.FC = () => {
-  const { schema, setSchema } = useContext(DesignerContext);
+  const { schema, setSchema } = useContext(PageContext);
 
   const [apiVisible, setApiVisible] = useState(false);
   const [sqlVisible, setSqlVisible] = useState(false);

package/src/components/panel/LayerPanel.tsx

@@ -2,7 +2,7 @@ import { MinusSquareOutlined, PlusSquareOutlined } from "@ant-design/icons";
 import { Space, Tooltip, Tree } from "antd";
 import React, { useContext, useMemo, useState } from "react";
 import styled from "styled-components";
-import { DesignerContext } from "../context/DesignerContext";
+import { PageContext } from "../context/PageContext";
 import { uuid } from "../utils";
 import { PaneHeader } from "./PaneHeader";
 
@@ -39,7 +39,7 @@ export const LayerPanel: React.FC = () => {
     selectedItem,
     setSelectedItem: onSelect,
     plugins,
-  } = useContext(DesignerContext);
+  } = useContext(PageContext);
   const [expandedKeys, setExpandedKeys] = useState<string[]>([]);
   const selectedKeys = useMemo(
     () => (selectedItem ? [selectedItem.id!] : []),
@@ -59,13 +59,14 @@ export const LayerPanel: React.FC = () => {
             c.push({
               key: uuid(),
               type: "slot",
+              title: "插槽-" + k,
               slot: k,
               origin: children,
               children: compute(children[k]),
             });
           });
         }
-        return { key: id, title: type, item, type, children: c };
+        return { key: id, title: item.name, item, type, children: c };
       });
     };
     return compute(schema.items);
@@ -183,9 +184,10 @@ export const LayerPanel: React.FC = () => {
 
   const treeData = useMemo(() => {
     const computeTreeData = (list: any[] = []): any[] => {
+      console.log(list)
       return list.map((item) => ({
         key: item.key,
-        title: <span>{formatType(item.type, (item as any).slot)}</span>,
+        title: <>{item?.title || formatType(item.type, (item as any).slot)}</>,
         children: item.children ? computeTreeData(item.children) : undefined,
         dataRef: item,
       }));

package/src/components/panel/PropertiesPanel.tsx

@@ -19,7 +19,7 @@ import {
 } from "antd";
 import React, { useContext, useMemo, useRef, useState } from "react";
 import styled from "styled-components";
-import { DesignerContext } from "../context/DesignerContext";
+import { PageContext } from "../context/PageContext";
 import { IconFont } from "../icon/IconFont";
 import { PaneHeader } from "./PaneHeader";
 import { DataSetOutput, SchemaItemType, FieldType } from "../typing";
@@ -82,7 +82,7 @@ export const PropertiesPanel: React.FC<{
     schema,
     setSchema,
     datasetSelector,
-  } = useContext(DesignerContext);
+  } = useContext(PageContext);
   const refCustomDatasource = useRef<any>(null);
   const [selectedTab, setSelectedTab] = useState<"1" | "2">("1");
   const items = useMemo(() => computeItems(schema?.items || []), [schema]);

package/src/components/panel/ScriptPanel.tsx

@@ -5,7 +5,7 @@ import { PaneHeader } from "./PaneHeader";
 import styled from "styled-components";
 import { IconFont } from "../icon/IconFont";
 import { DeleteOutlined, EditOutlined } from "@ant-design/icons";
-import { DesignerContext } from "../context/DesignerContext";
+import { PageContext } from "../context/PageContext";
 import { ScriptItem } from "../typing";
 
 
@@ -51,7 +51,7 @@ const Root = styled.div`
 `;
 
 export const ScriptPanel: React.FC = () => {
-  const {schema, setSchema} = useContext(DesignerContext);
+  const {schema, setSchema} = useContext(PageContext);
   const [visible, setVisible] = React.useState(false);
   const [editIndex, setEditIndex] = React.useState(-1);
   const [form] = Form.useForm<ScriptItem>();

package/src/components/panel/VariablesPanel.tsx

@@ -4,7 +4,7 @@ import { Table, Button, Space, Popconfirm, Modal, Form, Input } from "antd";
 import { PaneHeader } from "./PaneHeader";
 import { DeleteOutlined, EditOutlined } from "@ant-design/icons";
 import { IconFont } from "../icon/IconFont";
-import { DesignerContext } from "../context/DesignerContext";
+import { PageContext } from "../context/PageContext";
 import { VariableItem } from "../typing";
 
 
@@ -22,7 +22,7 @@ const Root = styled.div`
 `;
 
 export const VariablesPanel: React.FC = () => {
-  const {schema, setSchema} = useContext(DesignerContext);
+  const {schema, setSchema} = useContext(PageContext);
   const [visible, setVisible] = React.useState(false);
   const [editIndex, setEditIndex] = React.useState(-1);
   const [form] = Form.useForm<VariableItem>();

package/src/components/plugins/@antd/items/CardRender.tsx

@@ -2,7 +2,7 @@ import { Card, CardProps } from "antd";
 import React, { useContext, useMemo, useState } from "react";
 import { DropContainer } from "../../../dnd/DropContainer";
 import { HtmlBaseProps } from "../../../typing";
-import { DesignerContext } from "../../../context/DesignerContext";
+import { PageContext } from "../../../context/PageContext";
 
 export type CardRenderProps = {
   bordered?: boolean;

package/src/components/plugins/@antd/items/ColRender.tsx

@@ -3,7 +3,7 @@ import React, { useContext, useMemo, useState } from "react";
 import { PageItem } from "../../../layout/PageItem";
 import { DropContainer } from "../../../dnd/DropContainer";
 import { HtmlBaseProps } from "../../../typing";
-import { DesignerContext } from "../../../context/DesignerContext";
+import { PageContext } from "../../../context/PageContext";
 import { EnvContext } from "../../../context/EnvContext";
 
 export type ColRenderProps = {
@@ -30,7 +30,7 @@ export const ColRender: React.FC<ColRenderProps> = ({
   style = {},
   className,
 }) => {
-  const { designable } = useContext(DesignerContext);
+  const { designable } = useContext(PageContext);
   const { deviceWidth } = useContext(EnvContext);
   const [localChildren, setLocalChildren] = useState(item.children || []);
 

package/src/components/plugins/@antd/items/RowRender.tsx

@@ -2,7 +2,7 @@ import { Row } from "antd";
 import React, { useContext, useState } from "react";
 import { DropContainer } from "../../../dnd/DropContainer";
 import { HtmlBaseProps } from "../../../typing";
-import { DesignerContext } from "../../../context/DesignerContext";
+import { PageContext } from "../../../context/PageContext";
 
 export type RowRenderProps = {
   gutter?: number | [number, number];
@@ -22,7 +22,7 @@ export const RowRender: React.FC<RowRenderProps> = ({
   style,
   className,
 }) => {
-  const { designable } = useContext(DesignerContext);
+  const { designable } = useContext(PageContext);
   const [localChildren, setLocalChildren] = useState(item.children || []);
 
   const onLocalChildrenChange = (list: any[]) => {

package/src/components/plugins/@antd/items/SpaceRender.tsx

@@ -2,7 +2,7 @@ import { Space } from "antd";
 import React, { useContext, useMemo, useState } from "react";
 import { DropContainer } from "../../../dnd/DropContainer";
 import { HtmlBaseProps } from "../../../typing";
-import { DesignerContext } from "../../../context/DesignerContext";
+import { PageContext } from "../../../context/PageContext";
 import { type SizeType } from "antd/es/config-provider/SizeContext";
 
 export type SpaceRenderProps = {
@@ -21,7 +21,7 @@ export const SpaceRender: React.FC<SpaceRenderProps> = ({
   style = {},
   className,
 }) => {
-  const { designable } = useContext(DesignerContext);
+  const { designable } = useContext(PageContext);
   const [localChildren, setLocalChildren] = useState(item.children || []);
 
   const onLocalChildrenChange = (list: any[]) => {

package/src/components/styles.css

@@ -30,3 +30,7 @@ a.toolbar {
     content: none;
   }
 }
+
+.ant-btn-link {
+  padding: 0;
+}

package/src/components/utils.ts

@@ -36,8 +36,6 @@ export const handleCallback = (
 
 export const uuid = () => v4();
 
-
-
 export const formatTime = (dateStr: string) => {
   if (!dateStr) return "";
   const date = new Date(dateStr);
@@ -74,4 +72,22 @@ export const formatTime = (dateStr: string) => {
 
   const YYYY = date.getFullYear();
   return `${YYYY}-${MM}-${DD} ${HH}:${mm}`;
-};
+};
+
+export const isMobile = () => {
+  const userAgent = navigator.userAgent;
+  const mobileKeywords = [
+    "Android",
+    "iPhone",
+    "iPad",
+    "Windows Phone",
+    "BlackBerry",
+    "Opera Mini",
+    "Symbian",
+    "Kindle",
+    "Mobile",
+  ];
+
+  const regex = new RegExp(mobileKeywords.join("|"), "i");
+  return regex.test(userAgent);
+};