@ysjdemo/umi-create-cli 0.0.2 → 0.0.4

package/lib/templates/qiankun/cf-workbench-function/src/components/LogicFlowNode/types.d.ts

@@ -0,0 +1,47 @@
+/* 公共图形样式类型 */
+export type CommonGraphStyleType = {
+  /* 填充颜色 */
+  fill?: string;
+  /* 边框颜色 */
+  stroke?: string;
+  /* 边框粗细 */
+  strokeWidth?: number;
+};
+
+/* 公共文字样式类型 */
+export type CommonTextStyleType = {
+  /* 文字颜色 */
+  color?: string;
+  fontSize: number;
+  lineHeight?: number;
+};
+
+/* 公共外边框样式类型 */
+export type CommonOutLineStyleType = {
+  fill?: string;
+  /* 外边框颜色 */
+  stroke: string;
+  /* 外边框虚线粗细 */
+  strokeWidth: number;
+  /* 外边框虚线定义 */
+  strokeDasharray?: string;
+  hover?: Pick<CommonGraphStyleType, 'strokeWidth' | 'stroke'>;
+};
+
+interface BaseAnchorStyleType extends CommonGraphStyleType {
+  /* 锚点半径 */
+  r?: number;
+}
+
+/** 锚点样式 */
+export interface CommonAnchorStyleType extends BaseAnchorStyleType {
+  /* 填充透明度 */
+  fillOpacity?: number;
+  hover: Partial<BaseAnchorStyleType>;
+}
+
+/* 公共图形样式类型 */
+export interface CommonNodeType extends CommonGraphStyleType {
+  /* 用户定义的类型，需要继承的类型去model的type取 */
+  modelType: string;
+}

package/lib/templates/qiankun/cf-workbench-function/src/constants/DnDContext.tsx

@@ -0,0 +1,56 @@
+import { PanelListType } from "@/components/Flow/CustomDndPanel";
+import { createContext, useContext, useState } from "react";
+
+export enum DragEnum {
+  default = "default",
+  TEXT_NODE = "text-node",
+  /** 基础节点 */
+  BASE_NODE = "base-node",
+  /** 折弯 */
+  BENDING_NODE = "bending-node",
+  /**  镭射 */
+  LASER_NODE = "laser-node",
+  /**  冲压 */
+  STAMPING_NODE = "stamping-node",
+  /**  NCT */
+  NCT_NODE = "nct-node",
+  /**  卯钉 */
+  RIVET_NODE = "rivet-node",
+  /**  分组 */
+  GROUP_NODE = "group-node",
+}
+
+export enum EdgeEnum {
+  BASE_EDGE = "custom-bezier-edge",
+  BEZIER_EDGE = "custom-bezier-edge"
+}
+
+const DnDContext = createContext<
+  [
+    PanelListType | null,
+    React.Dispatch<React.SetStateAction<PanelListType | null>>
+  ]
+>([null, (_) => {}]);
+
+/**
+ * 传递拖拽节点信息
+ */
+export const DnDProvider = ({ children }: { children: React.ReactNode }) => {
+  const [nodeData, setNodeData] = useState<PanelListType | null>(null);
+
+  return (
+    <DnDContext.Provider value={[nodeData, setNodeData]}>
+      {children}
+    </DnDContext.Provider>
+  );
+};
+
+export default DnDContext;
+
+/**
+ * 传递拖拽的节点context
+ * @returns [nodeData, setNodeData]
+ */
+export const useDnD = () => {
+  return useContext(DnDContext);
+};

package/lib/templates/qiankun/cf-workbench-function/src/constants/dataMap.ts

@@ -0,0 +1,160 @@
+import { getIntl } from '@umijs/max';
+
+export type EntityStatusType = 'PLAN' | 'BUILD' | 'PRODUCTION' | 'STOPWORK';
+
+export type ListResultType<T> = {
+  label: string;
+  value: T;
+  color: string;
+};
+
+export const getEntityStatusList = (): ListResultType<EntityStatusType>[] => {
+  const { formatMessage } = getIntl();
+  return [
+    {
+      label: formatMessage({ id: 'pages.Factory.column.status.Plan', defaultMessage: '计划' }),
+      value: 'PLAN',
+      color: 'orange',
+    },
+    {
+      label: formatMessage({ id: 'pages.Factory.column.status.Build', defaultMessage: '建设' }),
+      value: 'BUILD',
+      color: 'blue',
+    },
+    {
+      label: formatMessage({ id: 'pages.Factory.column.status.Production', defaultMessage: '投产' }),
+      value: 'PRODUCTION',
+      color: 'green',
+    },
+    {
+      label: formatMessage({ id: 'pages.Factory.column.status.StopWork', defaultMessage: '停工' }),
+      value: 'STOPWORK',
+      color: 'red',
+    },
+  ];
+};
+
+export type JobOrderStatusType = 'Unallocated' | 'Assigned' | 'Producing' | 'Suspend' | 'Completed';
+
+/**
+ * 工单状态
+ */
+export const getJobOrderStatusList = (): ListResultType<JobOrderStatusType>[] => {
+  const { formatMessage } = getIntl();
+  return [
+    {
+      label: formatMessage({ id: 'pages.JobOrder.column.status.unallocated', defaultMessage: '未分配机器' }),
+      value: 'Unallocated',
+      color: 'magenta',
+    },
+    {
+      label: formatMessage({ id: 'pages.JobOrder.column.status.assigned', defaultMessage: '已分配机器' }),
+      value: 'Assigned',
+      color: 'red',
+    },
+    {
+      label: formatMessage({ id: 'pages.JobOrder.column.status.producing', defaultMessage: '生产中' }),
+      value: 'Producing',
+      color: 'orange',
+    },
+    {
+      label: formatMessage({ id: 'pages.JobOrder.column.status.suspend', defaultMessage: '暂停中' }),
+      value: 'Suspend',
+      color: 'blue',
+    },
+    {
+      label: formatMessage({ id: 'pages.JobOrder.column.status.completed', defaultMessage: '完成' }),
+      value: 'Completed',
+      color: 'green',
+    },
+  ];
+};
+
+/**
+ * 组件类型
+ */
+export type ComponentType =
+  | 'input'
+  | 'int'
+  | 'float'
+  | 'switch'
+  | 'select'
+  | 'radio'
+  | 'checkbox'
+  | 'file'
+  | 'date'
+  | 'dateTime'
+  | 'dateRange'
+  | 'dateTimeRange';
+
+/**
+ * 组件类型配置项
+ */
+interface ComponentTypeItem {
+  label: string;
+  value: ComponentType;
+  color: string;
+  disabled?: boolean;
+}
+
+/**
+ * 获取动态组件类型
+ * @param options 配置选项
+ * @param options.hasListCode 需要包含的组件类型列表
+ * @param options.disabledListCode 需要禁用的组件类型列表
+ * @returns 组件类型列表
+ */
+export const getComponentTypeList = (
+  options: {
+    hasListCode?: ComponentType[];
+    disabledListCode?: ComponentType[];
+  } = {},
+) => {
+  const { hasListCode, disabledListCode } = options;
+  const { formatMessage } = getIntl();
+
+  // 所有可用的组件类型配置
+  const allComponentTypes: ComponentTypeItem[] = [
+    {
+      label: formatMessage({ id: 'common.pages.input.title', defaultMessage: '文本' }),
+      value: 'input',
+      color: 'blue',
+    },
+    {
+      label: formatMessage({ id: 'common.pages.int.title', defaultMessage: '整数' }),
+      value: 'int',
+      color: 'blue',
+    },
+    {
+      label: formatMessage({ id: 'common.pages.float.title', defaultMessage: '小数' }),
+      value: 'float',
+      color: 'blue',
+    },
+    {
+      label: formatMessage({ id: 'common.pages.switch.title', defaultMessage: '开关' }),
+      value: 'switch',
+      color: 'blue',
+    },
+    // 注释掉的组件类型，可根据需要启用
+    // { label: formatMessage({ id: 'common.pages.textarea.title', defaultMessage: '文本域' }), value: 'textarea', color: 'blue' },
+    // { label: formatMessage({ id: 'common.pages.select.title', defaultMessage: '下拉选择' }), value: 'select', color: 'blue' },
+    // { label: formatMessage({ id: 'common.pages.radio.title', defaultMessage: '单选' }), value: 'radio', color: 'blue' },
+    // { label: formatMessage({ id: 'common.pages.checkbox.title', defaultMessage: '多选' }), value: 'checkbox', color: 'blue' },
+    // { label: formatMessage({ id: 'common.pages.file.title', defaultMessage: '文件' }), value: 'file', color: 'blue' },
+    // { label: formatMessage({ id: 'common.pages.date.title', defaultMessage: '日期' }), value: 'date', color: 'blue' },
+    // { label: formatMessage({ id: 'common.pages.dateTime.title', defaultMessage: '日期时间' }), value: 'dateTime', color: 'blue' },
+    // { label: formatMessage({ id: 'common.pages.dateRange.title', defaultMessage: '日期范围' }), value: 'dateRange', color: 'blue' },
+    // { label: formatMessage({ id: 'common.pages.dateTimeRange.title', defaultMessage: '日期时间范围' }), value: 'dateTimeRange', color: 'blue' },
+  ];
+
+  if (!hasListCode && !disabledListCode) {
+    return allComponentTypes;
+  }
+
+  return allComponentTypes
+    .filter((item) => !hasListCode || hasListCode.includes(item.value))
+    .map((item) => ({
+      ...item,
+      disabled: disabledListCode?.includes(item.value) || false,
+    }));
+};

package/lib/templates/qiankun/cf-workbench-function/src/constants/index.ts

@@ -0,0 +1,53 @@
+import { getLocale } from '@umijs/max';
+import { getAuthConfig, theme } from './logicFlowConfig';
+import DnDContext, { DnDProvider, DragEnum, EdgeEnum, useDnD } from "./DnDContext";
+
+/** 当前选中数据中心的ID保存至本地存储的key */ 
+export const MC_CurrentSelectWorkCenterId = 'currentSelectWorkCenterId';
+
+export const APP_NAME = 'mes';
+
+export const BASE_ROUTE_PATH = '/mes';
+
+export const UTC_FORMAT = 'YYYY-MM-DDTHH:mm:ss[Z]';
+
+export const MAX_DOWNLOAD = 65536;
+
+export const BASE_API = '/api';
+
+export const commonFlowTheme = theme;
+export const getGraphAuthConfig = getAuthConfig;
+
+const tableSearchFormLayout = (usLabelWidth: number): Record<string, any> => {
+  const usLayout = { labelWidth: usLabelWidth, span: { xs: 24, sm: 24, md: 24, lg: 12, xl: 8, xxl: 8 } };
+
+  return {
+    'en-US': usLayout,
+    'th-TH': usLayout,
+  };
+};
+
+/**
+ * 获取列表查询表单布局配置
+ * @param cnLabelWidth 多语言中文labelWidth，默认120
+ * @param usLabelWidth 多语言英文labelWidth，默认190
+ * @returns
+ */
+export const getTableSearchFormLayout = (cnLabelWidth = 120, usLabelWidth = 210) => {
+  const locale = getLocale();
+  const layout = tableSearchFormLayout(usLabelWidth)[locale] ?? {
+    labelWidth: cnLabelWidth,
+    span: { xs: 24, sm: 24, md: 12, lg: 12, xl: 8, xxl: 6 },
+  };
+  return layout;
+};
+
+export {
+  DnDProvider,
+  DnDContext,
+  useDnD,
+  DragEnum,
+  EdgeEnum,
+}
+
+export { getEntityStatusList, getJobOrderStatusList, getComponentTypeList } from './dataMap';

package/lib/templates/qiankun/cf-workbench-function/src/constants/logicFlowConfig.tsx

@@ -0,0 +1,69 @@
+import { IEditConfigType } from '@logicflow/core';
+
+// 主题
+export const theme = {
+  rect: {
+    radius: 8,
+    stroke: '#3CB371',
+  },
+  circle: {
+    r: 25,
+    stroke: '#FF6347',
+  },
+  polygon: {
+    stroke: '#6495ED',
+  },
+  html: {
+    radius: 8,
+    stroke: '#3CB371',
+    width: 170,
+    height: 120,
+  },
+  polyline: {
+    strokeWidth: 1,
+    stroke: '#000',
+  },
+  edgeText: {
+    background: {
+      fill: 'white',
+    },
+  },
+  anchor: {
+    stroke: '#000',
+    strokeWidth: 1,
+  },
+  arrow: {
+    offset: 10, // 箭头垂线长度
+    verticalLength: 5, // 箭头底线长度
+  },
+};
+
+/**
+ * 获取画布配置，能编辑和不能编辑
+ * @param auth 编辑权限
+ * @returns
+ */
+export const getAuthConfig = (auth: boolean): Partial<IEditConfigType> => {
+  return {
+    adjustEdge: auth,
+    adjustEdgeStartAndEnd: auth,
+    adjustNodePosition: auth,
+    hideAnchors: !auth,
+    // 节点文本编辑
+    textEdit: auth,
+    nodeTextEdit: auth,
+    edgeTextEdit: auth,
+    textDraggable: auth,
+    nodeTextDraggable: auth,
+    edgeTextDraggable: auth,
+
+    // 拖动调整节点大小
+    allowResize: auth,
+    // 节点旋转
+    allowRotate: auth,
+
+    hoverOutline: auth,
+    edgeSelectedOutline: auth,
+    nodeSelectedOutline: auth,
+  };
+};

package/lib/templates/qiankun/cf-workbench-function/src/global.less

@@ -0,0 +1,58 @@
+.bg_fff {
+  background-color: #fff;
+}
+
+.bg_theme {
+  background-color: @primary-color;
+}
+
+.pd_16 {
+  padding: 16px;
+}
+
+.ellipsis {
+  display: 'block';
+  white-space: nowrap; /* 防止文本换行 */
+  overflow: hidden; /* 隐藏超出部分 */
+  text-overflow: ellipsis; /* 显示省略号 */
+}
+
+// 表单必填项红*
+.itemRequired::before {
+  display: inline-block;
+  margin-inline-end: 4px;
+  color: #ff4d4f;
+  font-size: 14px;
+  font-family: SimSun, sans-serif;
+  line-height: 1;
+  content: "*";
+}
+
+// 表格点击行高亮显示
+.highlightRow {
+  background-color: #e6f4ff;
+}
+
+// 在元素前面添加一条竖线   示例：| xxxxxx
+.before-line {
+  display: flex;
+  align-items: stretch;
+}
+.before-line::before {
+  content: '';
+  display: block;
+  align-self: stretch;
+  width: 5px;
+  background-color: @primary-color;
+  margin-right: 5px;
+}
+
+// 禁止用户拖动鼠标选择文本
+.noUserSelect {
+  user-select: none;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  -webkit-touch-callout: none;
+  -webkit-tap-highlight-color: transparent;
+}

package/lib/templates/qiankun/cf-workbench-function/src/hooks/useQiankunData.ts

@@ -0,0 +1,168 @@
+// import { TableListItem as MouldCenterItem } from '@/pages/BaseManagement/MouldCenter/data';
+import { BASE_ROUTE_PATH } from '@/constants';
+import { getQiankunProps, getQiankunState } from '@/utils/qiankunConfig';
+import { history, useModel } from '@umijs/max';
+
+export interface MenuItem {
+  menuId: string;
+  menuCode: string;
+  menuName: string;
+  icon: string;
+  hideFlag: string;
+  parentId: string;
+  seqNo: number;
+  path: string;
+  menuType: string;
+  status: string;
+  remark?: string;
+}
+
+export interface PermissionItem {
+  permissionId: string;
+  permissionCode: string;
+  permissionName: string;
+  menuId: string;
+  status: string;
+  remark?: string;
+}
+
+export interface CurrentUser {
+  userId: string;
+  userCode: string;
+  userName?: string;
+  avatar?: string;
+  status?: string;
+  nickName: string;
+
+  menus?: MenuItem[];
+  permissions?: PermissionItem[];
+
+  //授权的工厂列表
+  factoryAuthList?: any;
+}
+
+interface CustomHistory {
+  push: (pathname: string) => void;
+  replace: (pathname: string) => void;
+  back: () => void;
+  go: (step: number) => void;
+}
+
+interface KeepAliveTabContextType {
+  // 刷新当前tab
+  refreshTab: (path?: string) => void;
+  // 关闭当前tab
+  closeTab: (path?: string) => void;
+  // 关闭其他tab
+  closeOtherTab: (path?: string) => void;
+  // 监听页面显示,触发后调用callback函数
+  onShow: (cb: () => void) => void;
+  // 监听页面隐藏,触发后调用callback函数
+  onHidden: (cb: () => void) => void;
+}
+
+interface UseQiankunDataReturn {
+  _history: CustomHistory;
+  currentUser: CurrentUser;
+  keepAliveHandle: KeepAliveTabContextType;
+  getQiankunProps: typeof getQiankunProps;
+  getQiankunState: typeof getQiankunState;
+  collapsed: boolean;
+  handleCollapsed: (collapsed: boolean) => void;
+  isQiankunApp: boolean;
+  dateFormat: string;
+  timeFormat: string;
+  timeZone: string;
+  updateUserPreferenceSettings: (settings: any) => void;
+  echarsDarkTheme: Record<string, any>;
+  languageList: { label: string; value: string }[];
+  dateFormatList: { label: string; value: string }[];
+  timeFormatList: { label: string; value: string }[];
+  templateDownloadModalOpenChange: (visible: boolean) => void;
+  handleTemplateDownloadModalSearchParamsChange: (params: any) => void;
+
+  globalWorkCenterRef: any;
+}
+
+/**
+ * 用于获取主应用的数据，便于以后项目单独使用时扩展
+ * @returns
+ */
+const useQiankunData: () => UseQiankunDataReturn = () => {
+  const isQiankunApp = window.__POWERED_BY_QIANKUN__ ? true : false;
+  const masterProps = useModel('@@qiankunStateFromMaster');
+
+  // model状态传递
+  const {
+    currentUser = {},
+    keepAliveHandle = {},
+    collapsed,
+    handleCollapsed,
+
+    dateFormat,
+    timeFormat,
+    timeZone,
+    updateUserPreferenceSettings,
+
+    globalWorkCenterRef,
+  } = masterProps;
+
+  // props传递
+  const {
+    echarsDarkTheme = {},
+    languageList = [],
+    dateFormatList = [],
+    timeFormatList = [],
+    templateDownloadModalOpenChange,
+    handleTemplateDownloadModalSearchParamsChange,
+  } = masterProps;
+
+  const getHistory = () => {
+    return masterProps?.mainHistory || history;
+  };
+
+  const push = (to: string, state?: any) => {
+    const path = isQiankunApp ? to : to.replace(BASE_ROUTE_PATH, '');
+    getHistory().push(path, state);
+  };
+
+  const replace = (pathname: string) => {
+    const path = isQiankunApp ? pathname : pathname.replace(BASE_ROUTE_PATH, '');
+    getHistory().replace(path);
+  };
+
+  const _history = {
+    push,
+    replace,
+    back: getHistory().back,
+    go: getHistory().go,
+  };
+
+  return {
+    _history,
+    currentUser,
+    keepAliveHandle,
+    getQiankunProps,
+    getQiankunState,
+    collapsed,
+    handleCollapsed,
+    isQiankunApp,
+    dateFormat,
+    timeFormat,
+    timeZone,
+    updateUserPreferenceSettings,
+
+    // props传递
+    echarsDarkTheme,
+    languageList,
+    dateFormatList,
+    timeFormatList,
+    templateDownloadModalOpenChange,
+    handleTemplateDownloadModalSearchParamsChange,
+
+    // ref
+    globalWorkCenterRef,
+  };
+};
+
+export default useQiankunData;