paul-ai-assistant 0.1.16

package/es/components/AgentSchemaForm/ScreenshotView.scss

@@ -0,0 +1,86 @@
+// 截图模式样式
+.agent-schema-form-screenshot-container {
+  position: relative;
+  width: 100%;
+
+  img {
+    display: block;
+    width: 100%;
+    height: auto;
+    border-radius: 6px;
+  }
+
+  &.agent-schema-form-error {
+    .agent-schema-form-error-tip {
+      width: 250px;
+      text-align: center;
+      margin-top: 10px;
+    }
+  }
+
+  .agent-schema-form-copy-text-wrapper {
+    position: absolute;
+    bottom: 12px;
+    right: 12px;
+    z-index: 10;
+
+    .agent-schema-form-copy-icon {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      width: 32px;
+      height: 32px;
+      cursor: pointer;
+
+      .magic-icon {
+        color: #474a52;
+        font-size: 20px;
+
+        &:hover {
+          color: #1b58f4;
+        }
+      }
+    }
+  }
+}
+
+// 纯文字模式样式
+.agent-schema-form-text-container {
+  padding: 16px;
+  background: #fafbfc;
+  border: 1px solid #e6e8eb;
+  border-radius: 6px;
+  line-height: 1.6;
+  color: #1f2329;
+
+  .agent-schema-form-text-item {
+    margin-bottom: 8px;
+    word-break: break-word;
+
+    &:last-child {
+      margin-bottom: 0;
+    }
+  }
+}
+
+// 文本弹窗内容样式
+.agent-schema-form-text-modal-content {
+  max-height: 400px;
+  overflow-y: auto;
+  padding: 16px;
+  background: #fafbfc;
+  border-radius: 4px;
+  line-height: 1.6;
+  color: #1f2329;
+  user-select: text;
+
+  .agent-schema-form-text-item {
+    margin-bottom: 12px;
+    word-break: break-word;
+    white-space: pre-wrap;
+
+    &:last-child {
+      margin-bottom: 0;
+    }
+  }
+}

package/es/components/AgentSchemaForm/_interface.d.ts

@@ -0,0 +1,37 @@
+import type { IChatCardBaseProps } from '../../interface/IChatCard';
+export declare const enum FORM_EDITABLE {
+    DISABLED = 0,// 禁用
+    EDITABLE = 1,// 编辑
+    READPRETTY = 2,// 文本展示
+    READONLY = 3
+}
+export declare const PATTERN: {
+    0: string;
+    1: string;
+    2: string;
+    3: string;
+};
+export interface IBaseAgentSchemaFormProps extends IChatCardBaseProps {
+    agentId?: string;
+    cardId?: string;
+    cardSchema?: any;
+    values?: any;
+    editable?: FORM_EDITABLE;
+    submitConfig?: {
+        visible?: boolean;
+        url?: string;
+        text?: string;
+        style?: any;
+    };
+    status?: any;
+}
+export interface AgentSchemaFormProps extends IBaseAgentSchemaFormProps {
+    onSubmitConfig?: {
+        url?: string;
+        text?: string;
+        style?: any;
+        onSubmit?: (v: any, enableSubmit?: () => void) => void;
+    };
+    formComponentMap?: any;
+    MemoryMicroComponent?: any;
+}

package/es/components/AgentSchemaForm/_interface.js

@@ -0,0 +1,13 @@
+// 表单状态
+export var FORM_EDITABLE = {
+  DISABLED: 0,
+  EDITABLE: 1,
+  READPRETTY: 2,
+  READONLY: 3
+}; // 只读
+export var PATTERN = {
+  0: 'disabled',
+  1: 'editable',
+  2: 'readPretty',
+  3: 'readOnly'
+};

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

@@ -0,0 +1,9 @@
+/**
+ * @author linhuiw、洛萨
+ * @description AgentSchemaForm 渲染表单
+ */
+import React from 'react';
+import type { AgentSchemaFormProps } from './_interface';
+import './index.scss';
+declare const AgentSchemaForm: (props: AgentSchemaFormProps) => React.JSX.Element;
+export default AgentSchemaForm;

package/es/components/AgentSchemaForm/index.js

@@ -0,0 +1,190 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+/**
+ * @author linhuiw、洛萨
+ * @description AgentSchemaForm 渲染表单
+ */
+import React, { useCallback, useEffect, useMemo, useState } from 'react';
+import { ButtonGroup, SchemaForm } from '@alife/magic-pro';
+import AssistentError from "../../AssistantChat/AssistentError";
+import ErrorBoundary from "../../ErrorBoundary";
+import { JsonParse, JsonStringify } from "../../utils/formatData";
+import { formDataFormat } from "../../utils/formDataFormat";
+import { AesCustomLogEventEnum } from "../../utils/log";
+import AgentCardSubmit from "../AgentCardSubmit";
+import AgentText from "../AgentText";
+import PaulButtonGroup from "../PaulButtonGroup";
+import { PATTERN } from "./_interface";
+import ScreenshotView from "./ScreenshotView";
+import "./index.scss";
+var AgentSchemaForm = function AgentSchemaForm(props) {
+  var _props$ctx, _props$ctx2, _props$ctx3;
+  var _ref = props || {},
+    bizId = _ref.bizId,
+    bizDomain = _ref.bizDomain,
+    agentId = _ref.agentId,
+    cardId = _ref.cardId,
+    cardSchema = _ref.cardSchema,
+    values = _ref.values,
+    submitConfig = _ref.submitConfig,
+    editable = _ref.editable,
+    onSubmitConfig = _ref.onSubmitConfig,
+    formComponentMap = _ref.formComponentMap,
+    MemoryMicroComponent = _ref.MemoryMicroComponent,
+    ctx = _ref.ctx;
+  var _ref2 = (props === null || props === void 0 ? void 0 : props.ctx) || {},
+    commonLog = _ref2.commonLog;
+  var _useState = useState(),
+    _useState2 = _slicedToArray(_useState, 2),
+    schema = _useState2[0],
+    setSchema = _useState2[1];
+  var _useState3 = useState(values),
+    _useState4 = _slicedToArray(_useState3, 2),
+    formValues = _useState4[0],
+    setFormValues = _useState4[1];
+  var imageUrl = cardSchema.imageUrl,
+    fileKey = cardSchema.fileKey,
+    extractedTexts = cardSchema.extractedTexts,
+    needScreenshot = cardSchema.needScreenshot;
+
+  // 获取表单的卡片布局的 UI 形态
+  // const cardSchema = {
+  //   "properties": {
+  //   // key 值不确定，可能是 wut277nnzai 也可能是其他值
+  //     "wut277nnzai": {
+  //       "x-pattern": "readOnly" || "editable" || "disabled" || "readPretty"
+  //     }
+  //   }
+  // }
+  var cardSchemaPattern = useMemo(function () {
+    var _properties$firstProp;
+    var properties = cardSchema === null || cardSchema === void 0 ? void 0 : cardSchema['properties'];
+    if (!properties) return undefined;
+
+    // 动态获取第一个属性的key，而不是写死 'wut277nnzai'
+    var firstPropertyKey = Object.keys(properties)[0];
+    return firstPropertyKey ? (_properties$firstProp = properties[firstPropertyKey]) === null || _properties$firstProp === void 0 ? void 0 : _properties$firstProp['x-pattern'] : undefined;
+  }, [cardSchema]);
+  var pattern = PATTERN[editable] || cardSchemaPattern || 'editable';
+  useEffect(function () {
+    if (cardSchema) {
+      var formatSchema = JsonParse(cardSchema);
+      setSchema(formatSchema);
+    } else if (cardId) {
+      fetch("https://query.aliyun.com/rest/card_market.getCard?id=".concat(cardId), {
+        method: 'GET'
+      }).then(function (response) {
+        return response.json();
+      }).then(function (res) {
+        if (res.success) {
+          var _res$data;
+          setSchema(res === null || res === void 0 || (_res$data = res.data) === null || _res$data === void 0 ? void 0 : _res$data.schema);
+        }
+      });
+    }
+  }, [cardId, JsonStringify(cardSchema)]);
+  useEffect(function () {
+    setFormValues(values);
+  }, [values]);
+  var getFormValues = useCallback(function () {
+    return formValues || values;
+  }, [formValues, values]);
+  var PaulButtonGroupCallback = useCallback(function (schemaProps) {
+    return /*#__PURE__*/React.createElement(PaulButtonGroup, _extends({
+      submitConfig: submitConfig,
+      onSubmitConfig: onSubmitConfig
+    }, schemaProps, {
+      bizId: bizId,
+      bizDomain: bizDomain,
+      agentId: agentId,
+      ctx: props === null || props === void 0 ? void 0 : props.ctx,
+      getFormValues: getFormValues
+    }));
+  }, [bizId, bizDomain, agentId, getFormValues, JsonStringify(props === null || props === void 0 || (_props$ctx = props.ctx) === null || _props$ctx === void 0 || (_props$ctx = _props$ctx.meta) === null || _props$ctx === void 0 ? void 0 : _props$ctx.originData)]);
+  var AgentCardSubmitCallback = useCallback(function (schemaProps) {
+    return /*#__PURE__*/React.createElement(AgentCardSubmit, _extends({
+      submitConfig: submitConfig,
+      onSubmitConfig: onSubmitConfig
+    }, schemaProps, {
+      bizId: bizId,
+      bizDomain: bizDomain,
+      agentId: agentId,
+      ctx: props === null || props === void 0 ? void 0 : props.ctx
+    }));
+  }, [bizId, bizDomain, agentId, JsonStringify(submitConfig), JsonStringify(onSubmitConfig), JsonStringify(props === null || props === void 0 || (_props$ctx2 = props.ctx) === null || _props$ctx2 === void 0 || (_props$ctx2 = _props$ctx2.meta) === null || _props$ctx2 === void 0 ? void 0 : _props$ctx2.originData)]);
+  var MemoryMicroComponentCallback = useCallback(function (schemaProps) {
+    return /*#__PURE__*/React.createElement(MemoryMicroComponent, _extends({}, schemaProps, {
+      bizId: bizId,
+      bizDomain: bizDomain,
+      agentId: agentId,
+      ctx: props === null || props === void 0 ? void 0 : props.ctx
+    }));
+  }, [bizId, bizDomain, agentId, JsonStringify(props === null || props === void 0 || (_props$ctx3 = props.ctx) === null || _props$ctx3 === void 0 || (_props$ctx3 = _props$ctx3.meta) === null || _props$ctx3 === void 0 ? void 0 : _props$ctx3.originData)]);
+  return /*#__PURE__*/React.createElement(ErrorBoundary, {
+    errorMessage: "\u8868\u5355\u6E32\u67D3\u5F02\u5E38\uFF0C\u7D27\u6025\u95EE\u9898\u8BF7\u8054\u7CFB\u5E73\u53F0\u8D1F\u8D23\u4EBA",
+    Fallback: AssistentError,
+    onLog: function onLog(error) {
+      commonLog === null || commonLog === void 0 || commonLog({
+        eventName: AesCustomLogEventEnum.CARD_RENDER_ERROR,
+        subEventName: 'AgentSchemaForm',
+        dataJson: error === null || error === void 0 ? void 0 : error.message
+      });
+    }
+  }, needScreenshot ? /*#__PURE__*/React.createElement(ScreenshotView, {
+    fileKey: fileKey,
+    extractedTexts: extractedTexts
+  }) : /*#__PURE__*/React.createElement("div", {
+    className: "agent-schema-form-container"
+  }, schema && /*#__PURE__*/React.createElement(SchemaForm, {
+    key: "".concat(JsonStringify(schema), "-").concat(JsonStringify(values), "-").concat(pattern),
+    pattern: pattern,
+    onChange: function onChange(data) {
+      setFormValues(data);
+    },
+    components: _objectSpread({
+      Text: AgentText,
+      PaulButtonGroup: PaulButtonGroupCallback,
+      Submit: AgentCardSubmitCallback,
+      MemoryMicroComponent: MemoryMicroComponentCallback
+    }, formComponentMap && Object.entries(formComponentMap).reduce(function (acc, _ref3) {
+      var _ref4 = _slicedToArray(_ref3, 2),
+        key = _ref4[0],
+        Component = _ref4[1];
+      acc[key] = function (schemaProps) {
+        return /*#__PURE__*/React.createElement(Component, _extends({}, schemaProps, {
+          bizId: bizId,
+          bizDomain: bizDomain,
+          agentId: agentId,
+          editable: editable,
+          ctx: props === null || props === void 0 ? void 0 : props.ctx
+        }));
+      };
+      return acc;
+    }, {})),
+    schema: schema,
+    value: values,
+    effects: function effects($, _ref5) {
+      var setFieldState = _ref5.setFieldState;
+      formDataFormat($, {
+        setFieldState: setFieldState
+      });
+    },
+    expressionScope: {
+      $agentId: agentId
+    }
+  }, (submitConfig === null || submitConfig === void 0 ? void 0 : submitConfig.visible) &&
+  /*#__PURE__*/
+  // @ts-ignore
+  React.createElement(ButtonGroup, {
+    className: "agent-schema-form-submit-button"
+  }, /*#__PURE__*/React.createElement(AgentCardSubmit, {
+    bizId: bizId,
+    bizDomain: bizDomain,
+    agentId: agentId,
+    ctx: props === null || props === void 0 ? void 0 : props.ctx,
+    submitConfig: submitConfig,
+    onSubmitConfig: onSubmitConfig
+  })))));
+};
+export default AgentSchemaForm;

package/es/components/AgentSchemaForm/index.scss

@@ -0,0 +1,37 @@
+.agent-schema-form-container {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+
+  border: 1px solid #e6e8eb;
+  padding: 0;
+  border-radius: 6px;
+
+  > .ant-form {
+    padding: 16px;
+  }
+
+  .next-form-item {
+    margin-bottom: 4px;
+  }
+
+  .mega-layout-item-content > * {
+    width: 100%;
+  }
+  .mega-layout-item-content {
+    .next-range-picker {
+      width: 100%;
+    }
+    .next-date-picker-input {
+      width: 100%;
+    }
+  }
+  .next-range-picker-trigger-input.next-input {
+    width: calc(50% - 8px);
+  }
+
+  .agent-schema-form-submit-button {
+    text-align: end;
+    margin-top: 8px;
+  }
+}

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import './index.scss';
+declare const AgentText: (props: any) => React.JSX.Element;
+export default AgentText;

package/es/components/AgentText/index.js

@@ -0,0 +1,8 @@
+import React from 'react';
+import "./index.scss";
+var AgentText = function AgentText(props) {
+  return /*#__PURE__*/React.createElement("div", {
+    className: "agent-tool-form-Agent-container"
+  }, props === null || props === void 0 ? void 0 : props.value);
+};
+export default AgentText;

package/es/components/AgentText/index.scss

@@ -0,0 +1,5 @@
+.agent-tool-form-text-container {
+  font-weight: 500;
+  font-size: 14px;
+  color: #333333;
+}

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import './index.scss';
+export interface IAigcTipsProps {
+    visible?: boolean;
+    content?: string;
+    tipsColor?: string;
+}
+declare const AigcTips: (props: IAigcTipsProps) => React.JSX.Element;
+export default AigcTips;

package/es/components/AigcTips/index.js

@@ -0,0 +1,17 @@
+import React from 'react';
+import "./index.scss";
+var AigcTips = function AigcTips(props) {
+  var _props$visible = props.visible,
+    visible = _props$visible === void 0 ? false : _props$visible,
+    _props$content = props.content,
+    content = _props$content === void 0 ? '内容为AI生成，请理解客户问题后判断是否可用！' : _props$content,
+    _props$tipsColor = props.tipsColor,
+    tipsColor = _props$tipsColor === void 0 ? '#9b9ea1' : _props$tipsColor;
+  return visible ? /*#__PURE__*/React.createElement("div", {
+    className: "aigc-tips-container-v2",
+    style: {
+      color: tipsColor
+    }
+  }, /*#__PURE__*/React.createElement("span", null, "- ", content, " -")) : null;
+};
+export default AigcTips;

package/es/components/AigcTips/index.scss

@@ -0,0 +1,6 @@
+.aigc-tips-container-v2 {
+  color: #b8bbc2 !important;
+  text-align: right;
+  font-size: 12px;
+  margin-top: 4px;
+}

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

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const ArrayInput: (props: any) => React.JSX.Element;
+export default ArrayInput;

package/es/components/ArrayInput/index.js

@@ -0,0 +1,36 @@
+import React from 'react';
+import { Input } from '@alife/magic-basic';
+var ArrayInput = function ArrayInput(props) {
+  var onChange = props.onChange,
+    value = props.value,
+    _props$arrayType = props.arrayType,
+    arrayType = _props$arrayType === void 0 ? 'string' : _props$arrayType;
+  var changeHandler = function changeHandler(e) {
+    var value = e.target.value;
+    // 防止白屏：确保输入处理不会导致组件崩溃
+    try {
+      var _value$split;
+      onChange((value === null || value === void 0 || (_value$split = value.split(',')) === null || _value$split === void 0 ? void 0 : _value$split.map(function (item) {
+        return item && eval("".concat(arrayType, "(").concat(item, ")"));
+      })) || []);
+    } catch (error) {
+      console.error('ArrayInput onChange error:', error);
+      onChange(value === null || value === void 0 ? void 0 : value.split(','));
+    }
+  };
+
+  // 防止白屏：提供默认值和安全的显示值
+  var displayValue = React.useMemo(function () {
+    try {
+      return Array.isArray(value) ? value.join(',') : '';
+    } catch (error) {
+      console.error('ArrayInput value processing error:', error);
+      return '';
+    }
+  }, [value]);
+  return /*#__PURE__*/React.createElement(Input, {
+    onChange: changeHandler,
+    value: displayValue
+  });
+};
+export default ArrayInput;

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

@@ -0,0 +1,22 @@
+import React from 'react';
+import './index.scss';
+interface CustomDrawerProps {
+    visible: boolean;
+    onClose: () => void;
+    title?: React.ReactNode;
+    footer?: React.ReactNode;
+    children?: React.ReactNode;
+    width?: number | string;
+    className?: string;
+    style?: React.CSSProperties;
+    backgroundColor?: 'white' | 'blue';
+}
+/**
+ * 右侧弹窗组件，参考 antd Modal 设计
+ * title 默认为"预览"，右上角有关闭按钮
+ * 支持自定义 title/footer/body
+ * 支持关闭动画
+ * 挂载到 body 上，避免层级问题
+ */
+declare const CustomDrawer: React.FC<CustomDrawerProps>;
+export default CustomDrawer;

package/es/components/AssistantDrawer/index.js

@@ -0,0 +1,112 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import React, { useEffect, useRef, useState } from 'react';
+import { createPortal } from 'react-dom';
+import "./index.scss";
+// TODO: backgroundColor 蓝色或白色
+
+/**
+ * 右侧弹窗组件，参考 antd Modal 设计
+ * title 默认为"预览"，右上角有关闭按钮
+ * 支持自定义 title/footer/body
+ * 支持关闭动画
+ * 挂载到 body 上，避免层级问题
+ */
+var CustomDrawer = function CustomDrawer(_ref) {
+  var visible = _ref.visible,
+    onClose = _ref.onClose,
+    title = _ref.title,
+    footer = _ref.footer,
+    children = _ref.children,
+    _ref$width = _ref.width,
+    width = _ref$width === void 0 ? 480 : _ref$width,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? '' : _ref$className,
+    _ref$style = _ref.style,
+    style = _ref$style === void 0 ? {} : _ref$style,
+    _ref$backgroundColor = _ref.backgroundColor,
+    backgroundColor = _ref$backgroundColor === void 0 ? 'blue' : _ref$backgroundColor;
+  var _useState = useState(visible),
+    _useState2 = _slicedToArray(_useState, 2),
+    shouldRender = _useState2[0],
+    setShouldRender = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isClosing = _useState4[0],
+    setIsClosing = _useState4[1];
+  var drawerRef = useRef(null);
+  useEffect(function () {
+    if (visible) {
+      setShouldRender(true);
+      setIsClosing(false);
+    } else if (shouldRender) {
+      setIsClosing(true);
+      // 动画时长与 less 文件保持一致
+      var timer = setTimeout(function () {
+        setShouldRender(false);
+        setIsClosing(false);
+      }, 200);
+      return function () {
+        return clearTimeout(timer);
+      };
+    }
+  }, [visible, shouldRender]);
+
+  // 点击遮罩层关闭
+  var handleMaskClick = function handleMaskClick(e) {
+    if (e.target === e.currentTarget) {
+      onClose();
+    }
+  };
+
+  // ESC 键关闭
+  useEffect(function () {
+    var handleEscKey = function handleEscKey(e) {
+      if (e.key === 'Escape' && visible) {
+        onClose();
+      }
+    };
+    if (visible) {
+      document.addEventListener('keydown', handleEscKey);
+      // 防止背景滚动
+      document.body.style.overflow = 'hidden';
+    }
+    return function () {
+      document.removeEventListener('keydown', handleEscKey);
+      document.body.style.overflow = '';
+    };
+  }, [visible, onClose]);
+  if (!shouldRender) return null;
+  var drawerContent = /*#__PURE__*/React.createElement("div", {
+    className: "custom-drawer-mask",
+    onClick: handleMaskClick
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "custom-drawer-container ".concat(isClosing ? 'custom-drawer-closing' : '')
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "custom-drawer-content"
+  }, /*#__PURE__*/React.createElement("div", {
+    ref: drawerRef,
+    className: "custom-drawer ".concat(className, " "),
+    style: _objectSpread(_objectSpread({
+      width: width
+    }, style), {}, {
+      background: backgroundColor === 'white' ? '#fff' : 'rgba(34, 111, 247, 3%)'
+    })
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "custom-drawer-header"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "custom-drawer-title"
+  }, title !== undefined ? title : '预览'), /*#__PURE__*/React.createElement("button", {
+    className: "custom-drawer-close",
+    onClick: onClose,
+    "aria-label": "\u5173\u95ED"
+  }, "\xD7")), /*#__PURE__*/React.createElement("div", {
+    className: "custom-drawer-body"
+  }, children), footer !== undefined && /*#__PURE__*/React.createElement("div", {
+    className: "custom-drawer-footer"
+  }, footer)))));
+
+  // 使用 createPortal 将组件挂载到 body 上
+  return /*#__PURE__*/createPortal(drawerContent, document.body);
+};
+export default CustomDrawer;