@lingxiteam/ebe-utils 0.0.9 → 0.0.11

package/lib/pcpublic/src/components/pcfactory/src/Table/types/event.d.ts

@@ -0,0 +1,129 @@
+export interface TableBaseEventTypes {
+  /**
+   * 点击表格头排序图标时触发
+   * @param ascendCol
+   * @param descendCol
+   * @returns
+   */
+  onSortChange?: (ascendCol?: string, descendCol?: string) => void;
+
+  /**
+   * 选中行变化时触发
+   * @param key
+   * @param row
+   * @returns
+   */
+  onSelectChange?: (key: string, row: any) => void;
+
+  /**
+   * 头部按钮点击事件
+   */
+  onHeadClickBtn1?: (e: any) => void;
+  onHeadClickBtn2?: (e: any) => void;
+  onHeadClickBtn3?: (e: any) => void;
+  onHeadClickBtn4?: (e: any) => void;
+  onHeadClickBtn5?: (e: any) => void;
+
+  /**
+   * 以下都是废弃的吧？
+   * @deprecated
+   */
+  getEditVisible?: (e: any) => void | any;
+  getDeleteVisible?: (e: any) => void | any;
+  getDetailVisible?: (e: any) => void | any;
+}
+
+export interface TableRowExpandEventTypes {
+  /**
+   * 点击展开/收缩时触发
+   * @param expanded
+   * @param record
+   * @returns
+   */
+  onExpand?: (expanded: boolean, record: any) => void;
+
+  /**
+   * 展开行变换回调
+   * @param expandedRowKeys
+   * @returns
+   */
+  onExpandedRowsChange?: (expandedRowKeys: any[]) => void;
+}
+
+export interface TableEditEventTypes {
+  /**
+   * 点击内置的编辑按钮时触发
+   * @param key
+   * @param row
+   * @param index
+   * @returns
+   */
+  onRowEdit?: (key: string, row: any, index: number | null) => void;
+
+  /**
+   * 点击内置的详情按钮时触发
+   * @param key
+   * @param row
+   * @param index
+   * @returns
+   */
+  onRowDetail?: (key: string, row: any, index: number | null) => void;
+
+  /**
+   * 点击内置的删除按钮时触发
+   * @param key
+   * @param row
+   * @param index
+   * @returns
+   */
+  onRowDelete?: (key: string, row: any, index: number | null) => void;
+
+  /**
+   * 点击行时触发
+   * @param key
+   * @param row
+   * @param index
+   * @returns
+   */
+  onRowClick?: (key: any, row: any, index: any) => void;
+
+  /**
+   * 双击行时触发
+   * @param key
+   * @param row
+   * @param index
+   * @returns
+   */
+  onRowDoubleClick?: (key: string, row: any, index: number) => void;
+
+  /**
+   * 开始行内编辑
+   * @param e
+   * @returns
+   */
+  onBeforeInlineEdit?: (e: any) => void;
+
+  /**
+   * 保存行内编辑时触发
+   * @param data
+   * @param id
+   * @param index
+   * @returns
+   */
+  onBeforeInlineSave?: (data: any, id: any, index: number | null) => void;
+}
+
+export interface TablePaginationEventTypes {
+  /**
+   * 页码改变回调时触发
+   * @param page
+   * @param size
+   * @returns
+   */
+  onPageChange?: (page: React.SetStateAction<number>, size: number) => void;
+}
+
+export type MyTableEventTypes = TableBaseEventTypes &
+  TableRowExpandEventTypes &
+  TableEditEventTypes &
+  TablePaginationEventTypes;

package/lib/pcpublic/src/components/pcfactory/src/Table/types/headerCell.d.ts

@@ -0,0 +1,37 @@
+import type { EngineApisType } from '@lingxiteam/types';
+import type { ResizeCallbackData } from 'react-resizable';
+
+export type HeaderCellProps = React.HTMLAttributes<any> & {
+  onResize: (
+    e: React.SyntheticEvent<Element>,
+    data: ResizeCallbackData,
+  ) => void;
+  width: number;
+  isFlexColumn?: boolean;
+};
+
+export interface Code {
+  code: any;
+  originCode: string;
+}
+
+export interface Tip {
+  type: string;
+  icon: any;
+  iconPlacement?: string;
+  content: string | Code;
+  placement?: string;
+}
+
+export interface HeaderCellTitleProps {
+  size?: string;
+  column: {
+    title?: string;
+    titleLineNum?: number;
+    titleTip?: Tip;
+  };
+  mode?: 'editor' | 'engine';
+  funcExpExecute?: FuncExpExeCuteType;
+  sandBoxSafeRun?: any;
+  engineApis?: EngineApisType;
+}

package/lib/pcpublic/src/components/pcfactory/src/Table/types/prop.d.ts

@@ -0,0 +1,301 @@
+import type { TableProps } from 'antd/lib/table';
+import type { MyTableEventTypes } from './event';
+
+export type SummaryConfig = {
+  /**
+   * 不合计|单列|多列
+   */
+  type: 'none' | 'single' | 'multi';
+
+  /**
+   * 总结行名称
+   */
+  name?: string;
+
+  /**
+   * 单列合并值
+   */
+  col?: Array<ColItem>;
+
+  /**
+   * 多列合并
+   */
+  group?: Array<ColItem>;
+
+  /**
+   * 保留几位小数
+   */
+  decimal?: number;
+
+  /**
+   * 背景色
+   */
+  background?: string;
+};
+export interface TableBasePropTypes extends TableProps<any> {
+  className?: string;
+  style?: React.CSSProperties;
+
+  /**
+   * 数据源
+   */
+  dataSource: [];
+
+  /**
+   * 标识是否绑定了数据源
+   */
+  dataSourceFromDataSourceConfig?: string;
+
+  /**
+   * 刷新数据源时，是否开启加载中效果
+   */
+  dataSourceLoading?: boolean;
+
+  /**
+   * 行主键来源类型
+   */
+  rowKeyType?: 'rowKeyType' | 'auto';
+
+  /**
+   * 行主键来源类型为指定字段时，字段名
+   */
+  rowKey?: string;
+
+  /**
+   * 尺寸
+   */
+  size?: 'default' | 'middle' | 'small';
+
+  /**
+   * 边框类型
+   */
+  borded?: 'segmentation' | 'zebra' | 'border';
+
+  /**
+   * 是否显示
+   */
+  visible?: boolean;
+
+  /**
+   * 是否开启可拖拽列宽
+   */
+  isFlexColumn?: boolean;
+
+  /**
+   *
+   */
+  scroll?: false | { x: number; y: number };
+
+  /**
+   * 适应方式
+   */
+  adjustModel?: 'auto' | 'fill';
+
+  /**
+   * 内容列配置
+   */
+  columns: any[];
+
+  /**
+   * 单元格样式配置
+   */
+  colorFormatInfo?: any[];
+
+  /**
+   * 这是啥呢？
+   * @deprecated 是否废弃？
+   */
+  pageState?: any;
+
+  /**
+   * 运行时所属应用id
+   * @deprecated 将要废弃或已废弃，统一从 $$componentItem 获取
+   */
+  appId?: string;
+
+  /**
+   * 运行时所属页面id
+   * @deprecated 将要废弃或已废弃，统一从 $$componentItem 获取
+   */
+  pageId?: string;
+
+  /**
+   * 引擎能力
+   */
+  getEngineApis?: () => EngineApisType;
+
+  /**
+   * 组件运行时引擎透露信息
+   */
+  $$componentItem: ComponentItemType;
+
+  /**
+   * 总结合计行
+   */
+  summaryTotal?: SummaryConfig;
+}
+
+export interface TablePaginationPropTypes {
+  /**
+   * 是否开启分页
+   */
+  page?: boolean;
+
+  /**
+   * 分页开启后，当前页
+   */
+  current?: number;
+
+  /**
+   * 分页开启后，每页条数
+   */
+  pageSize?: number;
+
+  /**
+   * 分页开启后，是否显示总条数
+   */
+  showTotal?: boolean;
+
+  /**
+   * 分页开启后，总条数值
+   */
+  total?: number;
+
+  /**
+   * 分页开启后，是否显示每页条数选择
+   */
+  showSizeChanger?: boolean;
+
+  /**
+   * 分页开启后，每页条数可选值配置
+   */
+  pageSizeOptions?: string;
+
+  /**
+   * 分页开启后，是否显示快速跳转分页
+   */
+  showQuickJumper?: boolean;
+}
+
+export interface TableEditPropTypes {
+  /**
+   * 编辑模式
+   */
+  editMode?: 'single' | 'multiple';
+
+  /**
+   * 行编辑是否禁用判断
+   */
+  rowEditableRule?: any;
+
+  /**
+   * 操作列内置按钮的配置
+   */
+  rowActions?: any[];
+
+  /**
+   * 操作列扩展按钮的配置
+   */
+  extend?: any[];
+
+  /**
+   * 操作列展示按钮的最大数量
+   */
+  extendNum?: number;
+
+  /**
+   * 是否固定操作列
+   */
+  fixedAction?: boolean;
+
+  /**
+   * 是否隐藏操作列
+   */
+  hiddenAction?: boolean;
+
+  /**
+   * 操作列固定宽度
+   */
+  actionWidth?: number;
+}
+
+export interface TableRowExpandPropTypes {
+  /**
+   * 是否可以行展开规则
+   */
+  rowExpandable?: any;
+
+  /**
+   * 是否全部展开所有行
+   */
+  defaultExpandAllRows?: boolean;
+
+  /**
+   * 是否点击行展开
+   */
+  expandRowByClick?: boolean;
+
+  /**
+   * 默认展开行，例如："[\"1\"]"
+   */
+  defaultExpandedRowKeys?: string;
+
+  /**
+   * 展开图标的位置的基准列
+   */
+  expandIconPositionRef?: { title: string; dataIndex?: string };
+
+  /**
+   * 展开图标位于基准列的方向位置
+   */
+  expandIconPosition?: 'left' | 'right';
+
+  /**
+   * 处于展开时，显示的图标配置
+   */
+  expandCloseIcon?: any;
+
+  /**
+   * 处于收缩时，显示的图标配置
+   */
+  expandOpenIcon?: any;
+
+  /**
+   * 行展开的扩展内容（业务组件）配置
+   */
+  expandComponents?: any[];
+}
+
+export interface TableRowSelectPropType {
+  /**
+   * 选择模式
+   */
+  rowSelection?:
+    | false
+    | {
+        type: 'radio' | 'checkbox';
+      };
+
+  /**
+   * 可选表格行选择是否禁用判断
+   */
+  rowSelectionDisabled?: any;
+
+  /**
+   * 父子联动选择
+   */
+  checkLoosed?: boolean;
+}
+
+export type MyTableProps = TableBasePropTypes &
+  TablePaginationPropTypes &
+  TableEditPropTypes &
+  TableRowExpandPropTypes &
+  TableRowSelectPropType &
+  MyTableEventTypes;
+
+export type LevelItem<T> = {
+  __parent__?: LevelItem<T>;
+  __key__: string | number;
+  __children__?: LevelItem<T>[];
+} & T;

package/lib/pcpublic/src/components/pcfactory/src/Table/utils/SequenceId.ts

@@ -0,0 +1,104 @@
+import merge from 'lodash/merge';
+
+interface SequenceIdOptions {
+  /**
+   * 创建id类型 random 随机   increment 自增
+   */
+  type?: 'random' | 'increment';
+
+  /**
+   * 随机数创建的长度
+   */
+  randomBit?: number;
+
+  /**
+   * 自增的起始位置
+   */
+  incrementStart?: number;
+
+  /**
+   * 排除的id
+   */
+  excludeId?: string[];
+}
+
+const randomArr =
+  '1234567890qwertyuiopasdfghjklzxcvbnmQWERTYUIOPASDFGHJKLZXCVBNM'.split('');
+
+const getRandomId = (randomBit = 6) => {
+  let t = '';
+
+  new Array(randomBit).fill(0).forEach(() => {
+    t += randomArr[Math.floor(Math.random() * randomArr.length)];
+  });
+  return t;
+};
+
+class SequenceId {
+  private idMap: (string | number)[] = [];
+
+  private preId = 1;
+
+  private options: SequenceIdOptions = {
+    type: 'random',
+    randomBit: 6,
+    excludeId: [],
+  };
+
+  constructor(options: SequenceIdOptions) {
+    this.options = merge(this.options, options);
+    const { excludeId } = this.options;
+    if (typeof this.options.incrementStart === 'number') {
+      this.preId = this.options.incrementStart - 1;
+    }
+    if (Array.isArray(excludeId)) {
+      this.idMap = excludeId;
+    }
+  }
+
+  /**
+   * 增加排除的id
+   * @param excludeId
+   */
+  public addExcludeId(excludeId: string[]) {
+    if (excludeId) {
+      this.idMap.push(...excludeId);
+    }
+  }
+
+  private createIncrementId() {
+    const getId = (t = 0) => {
+      let id = t + 1;
+      if (this.idMap.map(Number).includes(id)) {
+        id = getId(id);
+      }
+      return id;
+    };
+    const id = getId();
+    this.preId = id;
+    return id;
+  }
+
+  private createRandomId() {
+    const getId = () => {
+      let id = getRandomId(this.options.randomBit);
+      if (this.idMap.includes(id)) {
+        id = getId();
+      }
+      return id;
+    };
+
+    const id = getId();
+    this.idMap.push(id);
+    return id;
+  }
+
+  public getId() {
+    if (this.options.type === 'random') {
+      return this.createRandomId();
+    }
+    return this.createIncrementId();
+  }
+}
+
+export default SequenceId;