win-chart 1.0.0

package/src/types/portal.ts

@@ -0,0 +1,211 @@
+import { IIndicatorCardConfig } from './indicator';
+import { ICardInfo, IListItem } from './interface';
+import { WinCardStatus } from './type';
+
+/**
+ * portal 页未读消息
+ */
+export interface IUnreadMsg {
+  id: number;
+
+  /**
+   * 标题
+   */
+  title: string;
+
+  /**
+   * 消息
+   */
+  content: string;
+
+  /**
+   * 跳转链接
+   */
+  url: string;
+
+  /**
+   * 消息中包含的指标实例ID
+   */
+  instanceIds: string;
+
+  /**
+   * 消息状态：0 未读 / 1 已读，此处都是0
+   */
+  messageStatus: number;
+
+  bizType1: string;
+  bizType2: string;
+  bizTypeDesc1: string;
+  bizTypeDesc2: string;
+  sendTime: string;
+}
+
+export interface IApprovalInfo {
+  title: string;
+  name: string;
+  time: string;
+}
+
+export interface IWidgetSearch {
+  needSubscribeInfo: boolean;
+  subscribePageCode: string;
+  subscribePageType?: string;
+  status?: WinCardStatus;
+  bizCode?: string;
+  typeGroup?: string;
+  fuzzyLike?: string;
+  filterMySubscription?: boolean;
+  colWidthList?: number[];
+}
+
+export interface IMatterPendingInfo {
+  desc: string;
+  count: string;
+  url: string;
+}
+
+/**
+ * 公告、头条详情
+ */
+export interface INoticeInfo {
+  id: number;
+  gmtCreate: string;
+  gmtModified: string;
+  noticeTitle: string;
+  noticeContent: string;
+  noticeImage: string;
+  noticeImageUrl: string;
+  noticeStatus: number;
+  pv: number;
+  startTime: string;
+  endTime: string;
+  releaseTime: string;
+  remark: string;
+  creator: number;
+  creatorName: string;
+  operator: number;
+  operatorName: string;
+  seen: boolean;
+  noticeBannerUrl: string;
+}
+
+/**
+ * 排行榜
+ */
+export interface IRankInfo {
+  title: string;
+  list?: IListItem[];
+}
+
+/**
+ * 小 V 简报信息
+ */
+export interface IVReportInfo {
+  date: string;
+
+  year: number;
+  week: number;
+
+  /**
+   * 访问量
+   */
+  pvCount: string;
+
+  /**
+   * 访问变化率
+   */
+  pvRate: string;
+
+  /**
+   * 审批流程数
+   */
+  processCount: string;
+
+  /**
+   * 审批平均耗时
+   */
+  processAvgSpent: string;
+
+  /**
+   * 指标数量
+   */
+  authCount: string;
+
+  /**
+   * 指标订阅率
+   */
+  subRate: string;
+}
+
+export interface IDialogMsgInfo {
+  id: number;
+  avatar?: string;
+  gmtCreate?: string;
+  gmtModified?: string;
+
+  /**
+   * 消息类型，text-文本消息、text_retry-文本消息带重试按钮、text_general-文本消息带通用按钮 text_multiply-指标变动提醒消息
+   */
+  type?: 'text' | 'text_retry' | 'text_general' | 'text_multiply';
+  title?: string; // 标题
+  content?: string; // 内容
+  url?: string; // 链接
+
+  /**
+   * 状态，0-未读/1-已读/2-已点赞
+   */
+  status?: number;
+
+  /**
+   * 发送人，0-小V
+   */
+  sender?: string;
+
+  /**
+   * 接收人，0-小V
+   */
+  recipient?: string;
+  sendTime?: string;
+  readTime?: string;
+}
+
+export interface IMsgCountInfo {
+  messageCount?: number;
+  unreadCount?: number;
+}
+
+export interface IRelationPropertyInfo {
+  cardId: string;
+  cardName: string;
+  propertyName: string;
+}
+
+export interface ISelectionInfo {
+  name: string;
+  type: 'STRUCTURED_DROPDOWN' | 'TIME_SELECTION';
+  typeDesc: string;
+  structuredAttribute: string;
+  defaultValue: string;
+  values: IListItem[];
+}
+
+export type SelectionInfo = Partial<ISelectionInfo>;
+
+export interface IConfigMap {
+  [p: string]: IIndicatorCardConfig;
+}
+export interface ICardGroupInfo {
+  code?: string;
+  pageType?: string;
+  groupCode?: string;
+  groupName?: string;
+  selections?: SelectionInfo[];
+  cardList?: ICardInfo[];
+  configMap?: IConfigMap;
+}
+
+export interface IStructedPropertyInfo {
+  structedPropertyCode?: string;
+  structedPropertyName?: string;
+  downValues?: IListItem[];
+}

package/src/types/report.ts

@@ -0,0 +1,28 @@
+import { IIndicatorInfo } from './indicator';
+
+export type ReportTemplateType = 'WEEKLY' | 'DAILY' | 'OTHER';
+
+export interface IReportTplInfo {
+  templateId: number;
+  templateName: string;
+  description: string;
+  templateType: ReportTemplateType;
+  viewRange: 'PUBLIC' | 'PERSONAL';
+  templateTypeDesc: string;
+  version: number;
+  view: boolean;
+  content: string;
+  personList: {
+    workNo: string;
+    name: string;
+  }[];
+  indicatorList: IIndicatorInfo[];
+}
+
+export interface IReportContentInfo {
+  templateId: number;
+  title: string;
+  content: string;
+  indicatorResult: IIndicatorInfo[];
+  version: number;
+}

package/src/types/type.ts

@@ -0,0 +1,11 @@
+export type IndicatorUnit = '元' | '万元' | '百万' | '亿元' | '平米' | '万方';
+
+/**
+ * 卡片大类
+ */
+export type WinCardType = 'Indicator' | 'IndicatorChart' | 'Chart' | 'Custom';
+
+/**
+ * 页面状态
+ */
+export type WinCardStatus = 'ONLINE' | 'OFFLINE';

package/src/types/user.ts

@@ -0,0 +1,28 @@
+export interface User {
+  userName?: string;
+}
+
+type MenuInfo = {
+  menuCode: string;
+  menuTitle: string;
+  funcAccessCode?: string;
+  menuType?: string;
+  menuUrl?: string;
+  parentMenuCode?: string;
+  parentMenuTitle?: string;
+  hasChild?: boolean;
+  nodeSequence?: number;
+  menuIcon?: string;
+  description?: string;
+  children?: IMenuInfo[];
+};
+
+export type IMenuInfo = {
+  [p in keyof MenuInfo]: MenuInfo[p] | null;
+};
+
+export interface IUserAvatarInfo {
+  href?: string;
+  url?: string;
+  nickName?: string;
+}

package/src/utils/README.md

@@ -0,0 +1,4 @@
+# utils
+
+- 此文件夹放置项目统一的 utils
+- 使用的时候直接 `import { xxx } from 'src/utils';` 即可

package/src/utils/arms.ts

@@ -0,0 +1,59 @@
+// /**
+//  * 接入 arms 监控
+//  * arms 接入指南 https://yuque.antfin-inc.com/c-one/cli/arms
+//  */
+// import { initTrace } from '@alife/cone-arms';
+// import { getCnEnv } from '@alife/cn-env';
+
+// const env = getCnEnv();
+
+// // eslint-disable-next-line no-console
+
+// // 初始化 arms
+// const trace = initTrace({
+//   // 必填, arms 平台上申请的的 pid
+//   pid: 'cn_cone_next_3796',
+
+//   env, // 可选 prod | pre | daily | string
+
+//   // uid: '', // 请按业务场景实现 uid 的获取逻辑, 来确保 pv 统计的准确性
+
+//   // 多语言对应的 cookie key, 默认会从 cookie 的 lang/_lang/x-hng/hng/langs 等位置读取多语言
+//   // langKey: '',
+
+//   // pv 采集插件的配置
+//   pvPluginOptions: { autoPV: true, enableHistory: true },
+
+//   // 性能监控插件的配置
+//   // perfPluginOptions: {},
+
+//   // api 采集插件的配置
+//   // apiPluginOptions: {},
+
+//   // TraceSdk 更多参数请参考 IConfig
+//   // https://g.alipay.com/browse/@ali/trace-core@latest/types/types/core.type.ts
+//   // requiredFields: [],
+// });
+
+// /**
+//  * 如何新增自定义监控
+//  * - 去 [项目设置] - [监控管理] - [添加一个自定义监控]
+//  * - 然后将 [监控代码] 配置到 monitorCodeMap
+//  * - 参考项目里面其他调用 logCustomMonitor 的例子
+//  */
+// const monitorCodeMap = {
+//   hello: 'monitor-code-hello',
+// };
+
+// /**
+//  * 上报自定义监控项 https://yuque.antfin-inc.com/ali_arms/lav0sg/vg17om#PMINJ
+//  * options 可以上报其他自定义字段, 比如说 { c1: '' }
+//  */
+// function logCustomMonitor(code: any, options: any) {
+//   trace.logCustom({
+//     ...options,
+//     p1: code, // 此处填写控制台创建自定义监控项生成的code
+//   });
+// }
+
+// export { trace, monitorCodeMap, logCustomMonitor };

package/src/utils/arr.ts

@@ -0,0 +1,123 @@
+import { IDialogMsgInfo } from '@/types';
+import dayjs from 'dayjs';
+import { getRadomStr } from './str';
+
+/**
+ * 判断是否为一个有效数组（有值，并且长度大于 0）
+ * @param data
+ * @returns
+ */
+export const checkEntityArr = (data: unknown) =>
+  Array.isArray(data) && data.length > 0;
+
+/**
+ * 数组求和
+ * @param list
+ */
+export const arraySum = (list?: number[]) => {
+  if (Array.isArray(list) && list.length !== 0) {
+    return list.reduce((a, b) => {
+      const temp = Number(b);
+      return a + (!Object.is(temp, NaN) ? temp : 0);
+    }, 0);
+  }
+  return 0;
+};
+
+/**
+ * 数组去重
+ * @param list
+ * @returns
+ */
+export const arrayDeduplication = (list: any) => {
+  if (Array.isArray(list)) {
+    return [...new Set(list)];
+  }
+
+  return undefined;
+};
+
+interface WithId {
+  id: number;
+}
+
+/**
+ * 合并数组
+ * @param array1
+ * @param array2
+ * @returns
+ */
+
+export function mergeAndDeduplicateArrays<T extends WithId>(
+  array1: T[],
+  array2: T[],
+): T[] {
+  // 合并两个数组
+  const mergedArray: T[] = array1.concat(array2);
+
+  // 创建一个新的Map对象用于去重和过滤
+  const idToObjectMap: Map<number, T> = new Map();
+
+  // 遍历合并后的数组，使用Map来去重和过滤id小于0的对象
+  for (const item of mergedArray) {
+    if (item.id > 0) {
+      idToObjectMap.set(item.id, item);
+    }
+  }
+
+  // 从Map对象获取去重和过滤后的对象数组，并按id升序排序
+  const deduplicatedAndSortedArray: T[] = Array.from(
+    idToObjectMap.values(),
+  ).sort((a, b) => a.id - b.id);
+
+  return deduplicatedAndSortedArray;
+}
+
+export interface ITimeMarker {
+  id: string;
+  type: 'time-marker';
+  content: string; // 描述时间的字符串，例如 '5分钟前'
+}
+
+function timeDifference(date1: dayjs.Dayjs, date2: dayjs.Dayjs): number {
+  return date1.diff(date2, 'minute'); // 返回分钟差
+}
+
+function formatTimeAgo(time: dayjs.Dayjs): string {
+  const now = dayjs();
+  const diffMinutes = timeDifference(now, time);
+  if (diffMinutes < 1) {
+    return `刚刚`;
+  }
+  if (diffMinutes < 3) {
+    return `${Math.floor(diffMinutes)}分钟前`;
+  }
+  // 其他时间格式化逻辑
+  return time.format('YYYY.MM.DD HH:mm'); // 或者其他格式化方式
+}
+
+export function insertTimeMarkers(
+  dialogs: IDialogMsgInfo[],
+): (IDialogMsgInfo | ITimeMarker)[] {
+  const newDialogs: (IDialogMsgInfo | ITimeMarker)[] = [];
+  let previousTime: dayjs.Dayjs | null = null;
+
+  for (const dialog of dialogs) {
+    const currentTime = dialog.sendTime ? dayjs(dialog.sendTime) : dayjs();
+    if (previousTime) {
+      const diffMinutes = timeDifference(currentTime, previousTime);
+
+      if (diffMinutes >= 1) {
+        newDialogs.push({
+          id: getRadomStr(),
+          type: 'time-marker',
+          content: formatTimeAgo(currentTime),
+        });
+      }
+    }
+    newDialogs.push(dialog);
+    previousTime = currentTime;
+  }
+
+  return newDialogs;
+}

package/src/utils/const-workbench.ts

@@ -0,0 +1,9 @@
+/**
+ * portal 底部高度
+ */
+export const TAB_HEIGHT = '1.68rem';
+
+/**
+ * 小 V 底部高度
+ */
+export const V_INPUT_HEIGHT = '1.5rem';

package/src/utils/const.ts

@@ -0,0 +1,18 @@
+/**
+ * 查询卡片配置基路径
+ */
+export const INDICATOR_CONFIG_BASE_URL = '/workbench/widget/queryById';
+
+/**
+ * 查询卡片数据基路径
+ */
+export const INDICATOR_DATA_BASE_URL = '/workbench/widget/data';
+
+export const DATA_PAGE_BASE_URL = '/data';
+
+export const NEXT_PAGE_BASE_NAME = '/cone/next';
+
+/**
+ * 响应式断点
+ */
+export const RESPONSIVE_BREAKPOINT = '768px';

package/src/utils/index.ts

@@ -0,0 +1,18 @@
+/**
+ * 导出所有的 utils, 这样外界使用的时候直接 `import { xxx } from 'src/utils';` 即可
+ */
+import './init';
+
+export * from './const';
+export * from './page';
+export * from './str';
+export * from './tools';
+export * from './url';
+export * from './util';
+export * from './number';
+export * from './map';
+export * from './arr';
+export * from './workbench';
+export * from './const-workbench';
+export * from './map-workbench';
+export * from './tree';

package/src/utils/init.ts

@@ -0,0 +1,5 @@
+import 'core-js/actual/object/from-entries';
+import 'core-js/actual/structured-clone';
+import 'core-js/actual/array/at';
+import 'core-js/actual/object/has-own';
+import 'core-js/actual/global-this';

package/src/utils/map-workbench.ts

@@ -0,0 +1,66 @@
+import { ApprovalType, PageType } from '../types';
+
+export const pageTypeMap = new Map<
+  PageType,
+  {
+    title: string;
+    tabName?: string;
+    iconKey: string;
+    iconKeyChecked: string;
+    iconUrl?: string;
+  }
+>();
+
+pageTypeMap.set(PageType.WORKBENCH, {
+  title: 'My Vision',
+  tabName: '工作台',
+  iconKey: 'icon-workbench',
+  iconKeyChecked: 'icon-workbench-checked',
+});
+
+pageTypeMap.set(PageType.MY_APPROVAL, {
+  title: '我的审批',
+  tabName: '我的审批',
+  iconKey: 'icon-my-approval',
+  iconKeyChecked: 'icon-my-approval-checked',
+});
+
+export const approvalTabList = [
+  { label: '待我审批', value: ApprovalType.PENDING },
+  { label: '我已审批', value: ApprovalType.COMPLETE },
+];
+
+export const operations = [
+  {
+    label: '场景',
+    icon: 'icon-changjingweixuanzhong',
+    iconChecked: 'icon-changjingxuanzhong',
+    key: 1,
+  },
+  {
+    label: '日志',
+    icon: 'icon-rizhiweixuanzhong',
+    iconChecked: 'icon-rizhixuanzhong',
+    key: 2,
+  },
+  {
+    label: '订阅',
+    icon: 'icon-dingyueweixuanzhong',
+    iconChecked: 'icon-dingyuexuanzhong',
+    key: 3,
+  },
+  {
+    label: '小V',
+    icon: 'icon-xiaovweixuanzhong',
+    iconChecked: 'icon-xiaovxuanzhong1',
+    key: 4,
+  },
+];
+
+export const filterComponentTypeList = [
+  { label: '输入框', value: 'input' },
+  { label: '日期选择', value: 'calendar' },
+  { label: '结构化下拉', value: 'structured_select' },
+  { label: '自定义下拉', value: 'custom_select' },
+  { label: '横向选择', value: 'horizontal_select' },
+];