paul-ai-assistant 0.1.16

package/es/AssistantChat/AssistantChatCard/AgentCardRender/context/index.js

@@ -0,0 +1,95 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import React, { createContext, useEffect, useMemo, useState } from 'react';
+import { toUpperCase } from "../../../../utils/common";
+import { JsonParse, JsonStringify } from "../../../../utils/formatData";
+import { removeXLinkages } from "../utils";
+
+// 卡片 schema 数据属性
+
+// 卡片可配置属性
+
+// provider 属性
+
+export var AgentCardRenderContext = /*#__PURE__*/createContext({});
+export var AgentCardRenderProvider = function AgentCardRenderProvider(props) {
+  var children = props.children,
+    agentId = props.agentId,
+    summary = props.summary,
+    _props$cardType = props.cardType,
+    cardType = _props$cardType === void 0 ? 'FORM' : _props$cardType,
+    cardId = props.cardId,
+    cardSchema = props.cardSchema,
+    values = props.values,
+    submitConfig = props.submitConfig,
+    status = props.status,
+    templateExternalRenderType = props.templateExternalRenderType,
+    enableCard = props.enableCard,
+    config = props.config,
+    editable = props.editable;
+
+  // 工单详情信息
+  var _useState = useState(cardId),
+    _useState2 = _slicedToArray(_useState, 1),
+    id = _useState2[0];
+  var _useState3 = useState(cardSchema),
+    _useState4 = _slicedToArray(_useState3, 2),
+    schema = _useState4[0],
+    setSchema = _useState4[1];
+  var _useState5 = useState(cardType),
+    _useState6 = _slicedToArray(_useState5, 2),
+    type = _useState6[0],
+    setType = _useState6[1];
+  var handleRemoveXLinkages = function handleRemoveXLinkages(_schema) {
+    try {
+      // 禁用态清除schema中x-linkages
+      if (editable === 0) {
+        return removeXLinkages(_schema);
+      }
+      return _schema;
+    } catch (error) {
+      return _schema;
+    }
+  };
+  useEffect(function () {
+    var _ref = config || {},
+      configSchema = _ref.schema,
+      configType = _ref.type;
+
+    //  如果Agent后台激活了enableCard，则直接使用config当中的数据进行渲染
+    if (configSchema) {
+      var tmpSchema = handleRemoveXLinkages(configSchema);
+      setType(toUpperCase(configType));
+      setSchema(tmpSchema);
+    } else if (cardSchema) {
+      // 不启用卡片的时候  agent后台会拼装cardSchema
+      var formatSchema = JsonParse(cardSchema);
+      var _tmpSchema = handleRemoveXLinkages(formatSchema);
+      setType(toUpperCase(cardType));
+      setSchema(_tmpSchema);
+    }
+    // 移除了临时的远程请求降级逻辑，因为:
+    // 1. query.aliyun.com 服务线上已无法访问
+    // 2. 正常场景下 config.schema 或 cardSchema 都会传入
+    // 3. 如果两者都为空，说明数据异常，应该在业务层处理
+  }, [cardId, cardType, editable, JsonStringify(cardSchema), JsonStringify(config)]);
+  var value = useMemo(function () {
+    return {
+      id: id,
+      schema: schema,
+      type: type,
+      agentId: agentId,
+      // 表单值
+      values: values,
+      //  表单提交场景才会使用
+      submitConfig: submitConfig,
+      status: status,
+      // 通用字段
+      summary: summary,
+      // 模版；
+      templateExternalRenderType: templateExternalRenderType
+    };
+  }, [id, schema, type, agentId, values, submitConfig, status, summary, templateExternalRenderType]);
+  return /*#__PURE__*/React.createElement(AgentCardRenderContext.Provider, {
+    value: value
+  }, children);
+};

package/es/AssistantChat/AssistantChatCard/AgentCardRender/index.d.ts

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

package/es/AssistantChat/AssistantChatCard/AgentCardRender/index.js

@@ -0,0 +1,100 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import { createAlfaApp } from '@alicloud/alfa-react';
+import React, { useContext } from 'react';
+import AgentSchemaForm from "../../../components/AgentSchemaForm";
+import MarkDown from "../../../components/MarkDown";
+import { formatMarkdownData, JsonStringify } from "../../../utils/formatData";
+import { AgentCardRenderContext, AgentCardRenderProvider } from "./context";
+import TemplateCard from "./TemplateCard";
+import "./index.scss";
+var AgentCardRender = function AgentCardRender(props) {
+  var _ref = props || {},
+    bizId = _ref.bizId,
+    bizDomain = _ref.bizDomain,
+    ctx = _ref.ctx,
+    formComponentMap = _ref.formComponentMap,
+    MemoryMicroComponent = _ref.MemoryMicroComponent,
+    _ref$classname = _ref.classname,
+    classname = _ref$classname === void 0 ? '' : _ref$classname,
+    onSubmitConfig = _ref.onSubmitConfig,
+    editable = _ref.editable;
+  var _useContext = useContext(AgentCardRenderContext),
+    id = _useContext.id,
+    type = _useContext.type,
+    agentId = _useContext.agentId,
+    schema = _useContext.schema,
+    summary = _useContext.summary,
+    values = _useContext.values,
+    status = _useContext.status,
+    submitConfig = _useContext.submitConfig;
+  var _ref2 = ctx || {},
+    getApiHost = _ref2.getApiHost;
+  if (type === 'FORM') {
+    var _layoutConfig;
+    var apiHost = getApiHost === null || getApiHost === void 0 ? void 0 : getApiHost();
+    var markdownData = formatMarkdownData(summary, apiHost);
+    var layoutConfig = {};
+    var trace = function trace(properties) {
+      Object.keys(properties || {}).map(function (key) {
+        var property = properties[key];
+        if (property['x-component'] === 'layout') {
+          layoutConfig = property === null || property === void 0 ? void 0 : property['x-component-props'];
+          return;
+        } else {
+          trace(property.properties); // 递归
+        }
+      }, {});
+    };
+    trace(schema === null || schema === void 0 ? void 0 : schema.properties);
+    return /*#__PURE__*/React.createElement("div", {
+      className: "agent-card-render-container ".concat(classname)
+    }, summary && /*#__PURE__*/React.createElement(MarkDown, {
+      data: markdownData,
+      linkTarget: "_blank"
+    }), /*#__PURE__*/React.createElement(AgentSchemaForm, {
+      bizId: bizId,
+      bizDomain: bizDomain,
+      agentId: agentId,
+      cardSchema: _objectSpread({
+        'x-component-props': _objectSpread({
+          layout: (_layoutConfig = layoutConfig) !== null && _layoutConfig !== void 0 && _layoutConfig.labelCol ? 'horizontal' : 'vertical'
+        }, layoutConfig)
+      }, schema),
+      values: values,
+      status: status,
+      submitConfig: submitConfig,
+      onSubmitConfig: onSubmitConfig,
+      formComponentMap: formComponentMap,
+      MemoryMicroComponent: MemoryMicroComponent,
+      ctx: ctx,
+      editable: editable
+    }));
+  }
+  if (type === 'TEMPLATE') {
+    return /*#__PURE__*/React.createElement(TemplateCard, {
+      schema: schema,
+      ctx: ctx,
+      values: values
+    });
+  }
+  if (type === 'ALFA') {
+    var AlfaMicroApp = createAlfaApp(_objectSpread({}, schema));
+    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(AlfaMicroApp, null));
+  }
+  return /*#__PURE__*/React.createElement("div", null, "index", id);
+};
+var CardRenderWrapper = function CardRenderWrapper(props) {
+  var _props$ctx;
+  var _ref3 = (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) || {},
+    dialogId = _ref3.dialogId,
+    extInfo = _ref3.extInfo;
+  var detail = JsonStringify({
+    dialogId: dialogId,
+    traceId: extInfo === null || extInfo === void 0 ? void 0 : extInfo.traceId
+  });
+  return /*#__PURE__*/React.createElement(AgentCardRenderProvider, props, /*#__PURE__*/React.createElement("div", {
+    className: "agent-card-render-wrapper",
+    "data-log-detail": detail
+  }, /*#__PURE__*/React.createElement(AgentCardRender, props)));
+};
+export default CardRenderWrapper;

package/es/AssistantChat/AssistantChatCard/AgentCardRender/index.scss

@@ -0,0 +1,18 @@
+.agent-card-render-container {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  .next-form-item-control {
+    width: 100%;
+    .mega-layout-container-wrapper {
+      width: 100%;
+      .mega-layout-container-content {
+        width: 100%;
+      }
+    }
+  }
+
+  .next-form-item .next-form-item-label {
+    font-size: 12px !important;
+  }
+}

package/es/AssistantChat/AssistantChatCard/AgentCardRender/utils.d.ts

@@ -0,0 +1,2 @@
+export declare const getIntlText: (text: any, context?: {}) => any;
+export declare function removeXLinkages<T>(obj: T): T;

package/es/AssistantChat/AssistantChatCard/AgentCardRender/utils.js

@@ -0,0 +1,36 @@
+import _typeof from "@babel/runtime/helpers/esm/typeof";
+var contextReplace = function contextReplace(originalText, context) {
+  try {
+    var text = originalText;
+    for (var key in context) {
+      text = originalText.replace("{{{".concat(key, "}}}"), context[key]);
+    }
+    return text;
+  } catch (e) {
+    return originalText;
+  }
+};
+export var getIntlText = function getIntlText(text) {
+  var context = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  if (typeof text === 'string') {
+    return contextReplace(text, context);
+  }
+  if (text.zh_Hans) {
+    return contextReplace(text.zh_Hans, context);
+  }
+};
+export function removeXLinkages(obj) {
+  if (_typeof(obj) !== 'object' || obj === null) return obj;
+  if (Array.isArray(obj)) {
+    return obj.map(function (item) {
+      return removeXLinkages(item);
+    });
+  }
+  var newObj = {};
+  for (var _i = 0, _Object$keys = Object.keys(obj); _i < _Object$keys.length; _i++) {
+    var key = _Object$keys[_i];
+    if (key === 'x-linkages') continue;
+    newObj[key] = removeXLinkages(obj[key]);
+  }
+  return newObj;
+}

package/es/AssistantChat/AssistantChatCard/AgentCommonCard/index.d.ts

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

package/es/AssistantChat/AssistantChatCard/AgentCommonCard/index.js

@@ -0,0 +1,95 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["node", "_className", "children"];
+import React, { useCallback } from 'react';
+import MarkDown from "../../../components/MarkDown";
+import { SEARCH_TYPE } from "../../../constants/common";
+import { formatMarkdownData, JsonParse, JsonStringify } from "../../../utils/formatData";
+import "./index.scss";
+var AgentCommonCard = function AgentCommonCard(props) {
+  var _props$ctx;
+  var _ref = props || {},
+    bizId = _ref.bizId,
+    bizDomain = _ref.bizDomain,
+    trace = _ref.trace,
+    summary = _ref.summary,
+    headerTips = _ref.headerTips,
+    markDownProps = _ref.markDownProps;
+  var _ref2 = (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) || {},
+    dialogId = _ref2.dialogId,
+    extInfo = _ref2.extInfo;
+  var _ref3 = (props === null || props === void 0 ? void 0 : props.ctx) || {},
+    onSendMessage = _ref3.onSendMessage,
+    onSuccessCallback = _ref3.onSuccessCallback,
+    getApiHost = _ref3.getApiHost;
+  var apiHost = getApiHost === null || getApiHost === void 0 ? void 0 : getApiHost();
+  var markdownData = formatMarkdownData(summary, apiHost);
+  var detail = JsonStringify({
+    dialogId: dialogId,
+    traceId: extInfo === null || extInfo === void 0 ? void 0 : extInfo.traceId
+  });
+  var renderMarkDownAmark = useCallback(function (amarkProps) {
+    var _amarkUrl$match;
+    var _ref4 = amarkProps || {},
+      node = _ref4.node,
+      _ref4$_className = _ref4._className,
+      _className = _ref4$_className === void 0 ? 'cursor-pointer' : _ref4$_className,
+      children = _ref4.children,
+      _props = _objectWithoutProperties(_ref4, _excluded);
+    var amarkUrl = _props === null || _props === void 0 ? void 0 : _props.href;
+    var isAgent = /^agent:\/\//.test(amarkUrl);
+    var reqKey = (_amarkUrl$match = amarkUrl.match(/^agent:\/\/(.+)\?/)) === null || _amarkUrl$match === void 0 ? void 0 : _amarkUrl$match[1];
+    if (isAgent && reqKey) {
+      return /*#__PURE__*/React.createElement("a", _extends({
+        className: _className
+      }, _props, {
+        onClick: function onClick(e) {
+          e.preventDefault();
+          if (reqKey === 'execute') {
+            var url = new URL(amarkUrl);
+            var queryParams = new URLSearchParams(url.search);
+            var query = queryParams.get('query');
+            var agentId = queryParams.get('agentId');
+            var queryParametersStr = decodeURIComponent(queryParams.get('queryParameters'));
+            var queryParameters = JsonParse(queryParametersStr);
+            var params = {
+              bizId: bizId,
+              bizDomain: bizDomain,
+              chatType: 'AGENT',
+              model: agentId,
+              params: {
+                searchType: SEARCH_TYPE.COMMON_SEARCH
+              },
+              onSuccessCallback: onSuccessCallback
+            };
+            if (queryParameters) {
+              params.params.queryParameters = queryParameters;
+            } else {
+              params.params.query = query;
+            }
+            onSendMessage === null || onSendMessage === void 0 || onSendMessage(params);
+          }
+        }
+      }), children);
+    }
+    return /*#__PURE__*/React.createElement("a", _extends({
+      className: _className
+    }, _props), children);
+  }, []);
+  return /*#__PURE__*/React.createElement("div", {
+    className: "agent-common-card"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "agent-common-card-markdown",
+    "data-log-detail": detail
+  }, /*#__PURE__*/React.createElement(MarkDown, _extends({
+    data: markdownData,
+    linkTarget: "_blank",
+    components: {
+      a: function a(aprops) {
+        return renderMarkDownAmark(_objectSpread({}, aprops));
+      }
+    }
+  }, markDownProps))));
+};
+export default AgentCommonCard;

package/es/AssistantChat/AssistantChatCard/AgentCommonCard/index.scss

@@ -0,0 +1,20 @@
+.agent-common-card {
+  .next-divider-hoz {
+    margin: 8px 0;
+  }
+  pre {
+    code {
+      display: block;
+      overflow: auto;
+    }
+  }
+
+  .gcc-mark-down {
+    color: #393B3D;
+    overflow: auto;
+  }
+}
+.agent-common-card-result {
+  white-space: pre-wrap;
+  word-break: break-word;
+}

package/es/AssistantChat/AssistantChatCard/AgentExecutionCard/index.d.ts

@@ -0,0 +1,16 @@
+export declare const AGENT_EXECUTION_STATUS: {
+    SUCCESS: string;
+    ERROR: string;
+    RUNNING: string;
+};
+export declare const AGENT_EXECUTION_STATUS_TYPE: {
+    [x: string]: {
+        icon: string;
+        color: string;
+        className?: undefined;
+    } | {
+        icon: string;
+        color: string;
+        className: string;
+    };
+};

package/es/AssistantChat/AssistantChatCard/AgentExecutionCard/index.js

@@ -0,0 +1,17 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+export var AGENT_EXECUTION_STATUS = {
+  SUCCESS: 'success',
+  ERROR: 'error',
+  RUNNING: 'running'
+};
+export var AGENT_EXECUTION_STATUS_TYPE = _defineProperty(_defineProperty(_defineProperty({}, AGENT_EXECUTION_STATUS.SUCCESS, {
+  icon: 'iconzhengque',
+  color: '#73777b'
+}), AGENT_EXECUTION_STATUS.ERROR, {
+  icon: 'iconcopilot-error-o',
+  color: '#CF2613'
+}), AGENT_EXECUTION_STATUS.RUNNING, {
+  icon: 'iconzhihangjieguojiazai',
+  color: '#0070D2',
+  className: 'iconfont-spin'
+});

package/es/AssistantChat/AssistantChatCard/AgentExecutionCard/index.scss

@@ -0,0 +1,99 @@
+.agent-execution-card-container {
+  .agent-execution-collapse-wrap {
+    padding: 8px;
+    background-color: #f7f7f7;
+    border-radius: 3px;
+
+    .agent-execution-card-item-left {
+      display: flex;
+      align-items: center;
+      font-weight: 500;
+      .next-icon {
+        line-height: 12px !important;
+      }
+      .agent-execution-card-item-text {
+        padding-left: 4px;
+        padding-right: 8px;
+        color: #717579;
+        flex-shrink: 0;
+      }
+
+      .agent-execution-card-item-content {
+        display: -webkit-box;
+        -webkit-box-orient: vertical;
+        -webkit-line-clamp: 1;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        word-break: break-all;
+        color: #18191a;
+      }
+    }
+
+    .agent-execution-collapse-header {
+      cursor: pointer;
+      display: flex;
+      justify-content: space-between;
+
+      .agent-execution-collapse-header-hidden-text {
+        font-weight: 500;
+        font-size: 12px;
+        color: #171a1d;
+        line-height: 1.5;
+      }
+
+      .agent-execution-collapse-header-expand-text {
+        font-weight: 400;
+        font-size: 12px;
+        color: #393b3d;
+        letter-spacing: 0;
+        line-height: 18px;
+      }
+    }
+
+    .agent-execution-card-item {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+
+      font-size: 12px;
+      color: #171a1d;
+      letter-spacing: 0;
+      line-height: 18px;
+      margin-top: 4px;
+    }
+
+    .agent-execution-card-divider {
+      margin-left: 7px;
+      height: 8px;
+      width: 1px;
+      background-color: #dcdee0;
+      border: 1px solid #dcdee0;
+    }
+
+    .agent-execution-card-item-right {
+      flex-shrink: 0;
+    }
+
+    .agent-execution-collapse-content {
+      transition: all 0.3s linear;
+      height: 0;
+
+      &.expanded {
+        height: auto;
+        display: block;
+        padding: 8px 0;
+        height: auto;
+        opacity: 1;
+      }
+
+      &.hidden {
+        overflow: hidden;
+      }
+    }
+  }
+}
+
+.agent-execution-card-result {
+  white-space: pre-wrap;
+  word-break: break-word;
+}

package/es/AssistantChat/AssistantChatCard/LlmGenerateCard/index.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import './index.scss';
+export declare const GUESS_URL = "https://an.aliyun-inc.com/guess";
+export interface ILlmProps {
+    content?: string;
+    references?: any[];
+    finished?: boolean;
+    ctx?: any;
+    showQuestion?: any;
+    headerTips?: any;
+    onClickReference?: (reference: any, type: 'item' | 'url') => void;
+}
+declare const LlmGenerateCard: (props: ILlmProps) => React.JSX.Element;
+export default LlmGenerateCard;