@baishuyun/chat-sdk 0.0.8 → 0.0.10

package/src/plugins/report-query-plugin/components/result-cards/FilterCondition.tsx

@@ -0,0 +1,374 @@
+import type {
+  FilterMethod,
+  FilterTypeRelationMap,
+  IFilterField,
+  IQueryFilter,
+  MethodLabelMap,
+} from '@baishuyun/types';
+import type { ReactNode } from 'react';
+
+/**
+ * 方法到中文描述的默认映射
+ */
+const DEFAULT_METHOD_LABELS: MethodLabelMap = {
+  eq: '等于',
+  ne: '不等于',
+  in: '等于任意一个',
+  nin: '不等于任意一个',
+  like: '包含',
+  unlike: '不包含',
+  empty: '为空',
+  not_empty: '不为空',
+  gt: '大于',
+  lt: '小于',
+  gte: '大于等于',
+  lte: '小于等于',
+  range: '范围',
+  formula: '动态',
+  all: '同时包含',
+};
+
+/**
+ * 类型到关系映射的定义
+ * 某些类型对同一方法有不同的中文描述
+ */
+const TYPE_METHOD_OVERRIDES: FilterTypeRelationMap = {
+  user: {
+    in: '等于任意一个',
+    ne: '不等于',
+    eq: '等于',
+    nin: '不等于任意一个',
+    empty: '为空',
+    not_empty: '不为空',
+  },
+  flowstate: {
+    ne: '不等于',
+    eq: '等于',
+    empty: '为空',
+  },
+  _id: {
+    eq: '等于',
+    ne: '不等于',
+    in: '等于任意一个',
+    nin: '不等于任意一个',
+    like: '包含',
+    unlike: '不包含',
+    empty: '为空',
+    not_empty: '不为空',
+  },
+  updateTime: {
+    eq: '等于',
+    ne: '不等于',
+    gte: '大于等于',
+    lte: '小于等于',
+    formula: '动态',
+    range: '范围',
+    empty: '为空',
+    not_empty: '不为空',
+  },
+  createTime: {
+    eq: '等于',
+    ne: '不等于',
+    gte: '大于等于',
+    lte: '小于等于',
+    formula: '动态',
+    range: '范围',
+    empty: '为空',
+    not_empty: '不为空',
+  },
+  creator: {
+    in: '等于任意一个',
+    ne: '不等于',
+    eq: '等于',
+    nin: '不等于任意一个',
+    empty: '为空',
+    not_empty: '不为空',
+  },
+  assist_outtime: {
+    gt: '大于',
+    lt: '小于',
+    range: '范围',
+    empty: '为空',
+    not_empty: '不为空',
+  },
+  assist_protime: {
+    gt: '大于',
+    lt: '小于',
+    range: '范围',
+    empty: '为空',
+    not_empty: '不为空',
+  },
+  assist_prostatus: {
+    ne: '不等于',
+    eq: '等于',
+    empty: '为空',
+  },
+  assist_flowid: {
+    like: '包含',
+  },
+  flow_chargers: {
+    in: '等于任意一个',
+    ne: '不等于',
+    eq: '等于',
+    nin: '不等于任意一个',
+    empty: '为空',
+    not_empty: '不为空',
+  },
+  flowdecision: {
+    in: '等于任意一个',
+  },
+  deptgroup: {
+    in: '包含任意一个',
+    all: '同时包含',
+    eq: '等于',
+    empty: '为空',
+    not_empty: '不为空',
+  },
+  usergroup: {
+    in: '包含任意一个',
+    all: '同时包含',
+    eq: '等于',
+    empty: '为空',
+    not_empty: '不为空',
+  },
+  dept: {
+    in: '等于任意一个',
+    ne: '不等于',
+    eq: '等于',
+    nin: '不等于任意一个',
+    empty: '为空',
+    not_empty: '不为空',
+  },
+  text: {
+    eq: '等于',
+    ne: '不等于',
+    in: '等于任意一个',
+    nin: '不等于任意一个',
+    like: '包含',
+    unlike: '不包含',
+    empty: '为空',
+    not_empty: '不为空',
+  },
+  signature: {
+    empty: '为空',
+    not_empty: '不为空',
+  },
+  upload: {
+    empty: '为空',
+    not_empty: '不为空',
+  },
+  image: {
+    empty: '为空',
+    not_empty: '不为空',
+  },
+  location: {
+    nin: '不包含',
+    all: '包含',
+    empty: '为空',
+    not_empty: '不为空',
+  },
+  // 单选类型
+  radiogroup: {
+    eq: '等于',
+    ne: '不等于',
+    in: '等于任意一个',
+    nin: '不等于任意一个',
+    empty: '为空',
+    not_empty: '不为空',
+  },
+  // 多选类型
+  checkboxgroup: {
+    in: '包含任意一个',
+    all: '同时包含',
+    eq: '等于',
+    empty: '为空',
+    not_empty: '不为空',
+  },
+  // 数字类型
+  number: {
+    eq: '等于',
+    ne: '不等于',
+    gt: '大于',
+    lt: '小于',
+    gte: '大于等于',
+    lte: '小于等于',
+    range: '范围',
+    empty: '为空',
+    not_empty: '不为空',
+  },
+  // 日期时间类型
+  datetime: {
+    eq: '等于',
+    ne: '不等于',
+    gte: '大于等于',
+    lte: '小于等于',
+    formula: '动态',
+    range: '范围',
+    empty: '为空',
+    not_empty: '不为空',
+  },
+  // 日期类型
+  date: {
+    eq: '等于',
+    ne: '不等于',
+    gte: '大于等于',
+    lte: '小于等于',
+    formula: '动态',
+    range: '范围',
+    empty: '为空',
+    not_empty: '不为空',
+  },
+  // 下拉选择类型（与单选类似）
+  select: {
+    eq: '等于',
+    ne: '不等于',
+    in: '等于任意一个',
+    nin: '不等于任意一个',
+    empty: '为空',
+    not_empty: '不为空',
+  },
+};
+
+/**
+ * 获取方法的中文描述
+ * @param method - 过滤方法
+ * @param type - 字段类型
+ * @returns 方法的中文描述
+ */
+const getMethodLabel = (method: FilterMethod, type: string): string => {
+  // 优先使用类型特定的方法描述
+  const typeOverrides = TYPE_METHOD_OVERRIDES[type];
+  if (typeOverrides && typeOverrides[method]) {
+    return typeOverrides[method]!;
+  }
+  // 回退到默认描述
+  return DEFAULT_METHOD_LABELS[method] || method;
+};
+
+/**
+ * 格式化过滤值为可读字符串
+ * @param value - 过滤值数组
+ * @param method - 过滤方法
+ * @returns 格式化后的值字符串
+ */
+const formatValue = (value: IFilterField['value'], method: FilterMethod): string => {
+  // 为空/不为空 不需要显示值
+  if (method === 'empty' || method === 'not_empty') {
+    return '';
+  }
+
+  if (!value || value.length === 0) {
+    return '';
+  }
+
+  // 范围类型特殊处理
+  if (method === 'range' && value.length === 2) {
+    return `${value[0]} 至 ${value[1]}`;
+  }
+
+  // 多值用逗号连接
+  if (value.length > 1) {
+    return `[${value.map((v: string | number | boolean | null) => String(v)).join(', ')}]`;
+  }
+
+  return String(value[0]);
+};
+
+const renderMethodLabel = (methodLabel: string): ReactNode => {
+  if (methodLabel.endsWith('一个')) {
+    const prefix = methodLabel.slice(0, -1);
+    const tail = methodLabel.slice(-1);
+    return (
+      <>
+        <span className="text-[#666]">{prefix}</span>
+        <span className="text-[#999]">{tail}</span>
+      </>
+    );
+  }
+
+  return <span className="text-[#666]">{methodLabel}</span>;
+};
+
+/**
+ * 根据方法类型生成更自然的人类可读描述模板
+ * @param method - 过滤方法
+ * @returns 描述模板结构
+ */
+const getHumanReadableTemplate = (method: FilterMethod): { prefix: string; suffix: string } => {
+  switch (method) {
+    case 'range':
+      return { prefix: '在', suffix: '之间' };
+    case 'gt':
+    case 'gte':
+    case 'lt':
+    case 'lte':
+      return { prefix: '', suffix: '' };
+    case 'like':
+    case 'unlike':
+      return { prefix: '', suffix: '' };
+    case 'in':
+    case 'nin':
+      return { prefix: '', suffix: '' };
+    case 'all':
+      return { prefix: '', suffix: '' };
+    case 'empty':
+    case 'not_empty':
+      return { prefix: '', suffix: '' };
+    default:
+      return { prefix: '', suffix: '' };
+  }
+};
+
+/**
+ * 将单个过滤字段转换为人类可读描述
+ * @param field - 过滤字段
+ * @returns 人类可读的条件描述
+ */
+const filterToDesc = (field: IFilterField): ReactNode => {
+  const { title, method, value, type } = field;
+  const methodLabel = getMethodLabel(method, type);
+  const valueStr = formatValue(value, method);
+  const { prefix, suffix } = getHumanReadableTemplate(method);
+
+  // 为空/不为空 不需要显示值
+  if (method === 'empty' || method === 'not_empty') {
+    return (
+      <span className="leading-[normal]">
+        <span className="text-[#030303]">{title}</span>
+        <span className="text-[#4d609f]">&nbsp;</span>
+        {renderMethodLabel(methodLabel)}
+      </span>
+    );
+  }
+
+  return (
+    <span className="leading-[normal]">
+      <span className="text-[#030303]">{title}</span>
+      <span className="text-[#4d609f]">&nbsp;</span>
+      {prefix && <span className="text-[#666]">{prefix}</span>}
+      {renderMethodLabel(methodLabel)}
+      <span className="text-[#4d609f]">&nbsp;</span>
+      <span className="text-[#0265ff]">{valueStr}</span>
+      {suffix && <span className="text-[#666]">&nbsp;{suffix}</span>}
+    </span>
+  );
+};
+
+export const FilterCondition = ({ conds, rel }: IQueryFilter): ReactNode => {
+  if (!conds || conds.length === 0) {
+    return null;
+  }
+
+  const relLabel = rel === 'or' ? '或' : '且';
+
+  return (
+    <span className="font-['Alibaba_PuHuiTi_2.0:55_Regular',sans-serif] text-[14px] text-[#030303] whitespace-pre-wrap">
+      {conds.map((field, index) => (
+        <span key={`${field.name}-${index}`} className="leading-[normal]">
+          {filterToDesc(field)}
+          {index < conds.length - 1 && <span className="text-[#999]">&nbsp;{relLabel}&nbsp;</span>}
+        </span>
+      ))}
+    </span>
+  );
+};

package/src/plugins/report-query-plugin/components/result-cards/FormulaField.tsx

@@ -0,0 +1,24 @@
+import { FormulasIcon } from '@/components/bs-ui/bs-icons';
+import { FormulaTag } from '@/components/bs-ui/formula-tag';
+import { cn } from '@/lib/utils';
+import type { FormulaOp, IQueryResultFormula } from '@baishuyun/types';
+
+export interface FormulaFieldProps {
+  field: IQueryResultFormula;
+  className?: string;
+  opType?: FormulaOp;
+}
+
+export const FormulaField = ({ field, className, opType }: FormulaFieldProps) => {
+  return (
+    <div className={cn('flex items-center justify-between', className)}>
+      <div className="flex min-w-0 items-center gap-[6px]">
+        <span className="shrink-0 text-[#0265FF]">
+          <FormulasIcon />
+        </span>
+        <span className="truncate text-sm leading-normal text-[#030303]">{field.title}</span>
+      </div>
+      {opType && <FormulaTag type={opType} />}
+    </div>
+  );
+};

package/src/plugins/report-query-plugin/const.ts

@@ -0,0 +1 @@
+export const PLUGIN_NAME = 'ReportQueryPlugin';

package/src/plugins/report-query-plugin/index.ts

@@ -0,0 +1,100 @@
+import {
+  ChatAreaPlugin,
+  IDashForm,
+  PluginCustomComponent,
+  PluginHooks,
+  PluginRegistryEntry,
+} from '@baishuyun/types';
+import { IReportQueryContext } from './types';
+import { PLUGIN_NAME } from './const';
+import { QueryOpeningLines } from './components/query-opening-lines';
+import { QueryEntryBtn } from './components/query-entry-btn';
+import { QueryAvatar } from './components/avatar';
+import { QueryMsgPart } from './components/query-msg-part';
+import { queryResult2createParams, queryResult2previewerProps } from './utils';
+
+export class ReportQueryPlugin extends ChatAreaPlugin<IReportQueryContext> {
+  public pluginName: string = PLUGIN_NAME;
+
+  public customComponents?: Partial<PluginCustomComponent> | undefined = {
+    OpeningLines: QueryOpeningLines,
+    EntryButton: QueryEntryBtn,
+    AvatarAndName: QueryAvatar,
+    MessagePart: QueryMsgPart,
+  };
+
+  public lifecycleHooks?: PluginHooks | undefined = {
+    onBeforeChatRender: () => {
+      return {
+        appendLoadingIndicator: true,
+      };
+    },
+    onBeforeMessageSend: (ctx) => {
+      return {
+        ...ctx,
+        options: {
+          body: {
+            appId: this.Context.appInfo?.appId,
+          },
+        },
+      };
+    },
+  };
+
+  public getPreviewerProps = (entryId: string) => {
+    if (!this.Context.queryResult) {
+      return null;
+    }
+
+    return queryResult2previewerProps(this.Context.queryResult, entryId);
+  };
+
+  public getCreateParams = (entryId: string) => {
+    if (!this.Context.queryResult) {
+      return null;
+    }
+
+    return queryResult2createParams(this.Context.queryResult, entryId);
+  };
+
+  public setAppId = (appId: string) => {
+    if (!this.Context.appInfo) {
+      this.Context.appInfo = {
+        appId,
+      };
+    } else {
+      this.Context.appInfo.appId = appId;
+    }
+  };
+
+  public setForms = (forms: Array<IDashForm>) => {
+    if (!forms || forms.length === 0) {
+      return;
+    }
+
+    const formMap = new Map<string, IDashForm>();
+    forms.forEach((form) => {
+      formMap.set(form.entryId, form);
+    });
+    if (!this.Context.appInfo) {
+      this.Context.appInfo = {
+        appId: '',
+      };
+    }
+    this.Context.appInfo.formMap = formMap;
+
+    console.log('forms received in plugin:', formMap);
+  };
+
+  public constructor(ctx: IReportQueryContext) {
+    super(ctx);
+    this.Context = ctx;
+  }
+}
+
+export const ReportQueryPluginEntry: PluginRegistryEntry<IReportQueryContext> = {
+  Plugin: ReportQueryPlugin,
+  createContext: (): IReportQueryContext => {
+    return {};
+  },
+};

package/src/plugins/report-query-plugin/types.ts

@@ -0,0 +1,16 @@
+import { IDashForm, IQueryResult } from '@baishuyun/types';
+
+export interface AppInfo {
+  appId: string;
+  formMap?: Map<string, IDashForm>;
+}
+
+export interface FormInfo {
+  name: string;
+}
+
+export interface IReportQueryContext {
+  appInfo?: AppInfo;
+
+  queryResult?: IQueryResult;
+}

package/src/plugins/report-query-plugin/utils/field-enhance.ts

@@ -0,0 +1,39 @@
+import {
+  FieldType,
+  IDashWidgetType,
+  IQueryResultMetric,
+  IQueryResultXField,
+} from '@baishuyun/types';
+import { GetXFieldGroupStr } from './get-field-group';
+import { getFieldIcon } from './get-field-icon';
+import { getGroupRule } from './get-group-rule';
+
+export const XFieldEnhance = (
+  field: IQueryResultXField,
+  widgetType: IDashWidgetType,
+  index: number
+) => {
+  return {
+    ...field,
+    id: index,
+    icon: getFieldIcon(field.type as FieldType),
+    group: GetXFieldGroupStr(widgetType, field),
+    groupRule: getGroupRule(field.type as FieldType, widgetType),
+  };
+};
+
+export const MetricEnhance = (
+  field: IQueryResultMetric,
+  widgetType: IDashWidgetType,
+  index: number
+) => {
+  return {
+    ...field,
+    id: index,
+    icon: getFieldIcon(field.type as FieldType),
+    group: GetXFieldGroupStr(widgetType, {
+      type: field.type,
+      name: field.name || field.title,
+    }),
+  };
+};