@lingxiteam/ebe-utils 0.5.11 → 0.6.1

package/lib/pcpublic/src/components/pcfactory/src/FreeLayout/loader.tsx

@@ -0,0 +1,9 @@
+import Loadable from 'react-loadable';
+import { LoadingComponennt } from '../utils/LoaderHelper';
+
+const ReactChartsLoader = Loadable({
+  loader: async () => (await import/* webpackChunkName: 'pcFactory-FreeLayout' */('./FreeLayout')) as unknown as React.ComponentType<any>,
+  loading: LoadingComponennt,
+});
+
+export default ReactChartsLoader;

package/lib/pcpublic/src/components/pcfactory/src/Gantt/Gantt.tsx

@@ -1,15 +1,15 @@
 /* eslint-disable camelcase */
-import { WarningOutlined } from '@ant-design/icons';
+import React, { useState, useMemo, useEffect, useRef } from 'react';
+import { WarningOutlined } from '@lingxiteam/icons';
 import { Button, Divider, Empty, message, Popover } from 'antd';
 import classnames from 'classnames';
 import moment from 'moment';
-import React, { useEffect, useMemo, useRef, useState } from 'react';
+import { PROCESS_STATUS_COLOR, LEGEND_MAP } from './const';
 import { useListenProps } from '../utils';
-import { LEGEND_MAP, PROCESS_STATUS_COLOR } from './const';
 
 const customGanttPrefix = 'ued-gantt';
 
-const Legend = (props: { status: string; text: string }) => {
+const Legend = (props: { status: string; text: string; }) => {
   const { status, text } = props;
   return (
     <div className={`${customGanttPrefix}-legend`}>
@@ -36,7 +36,7 @@ export interface MyGanttProps {
   onGanttItemDetailClick?: any;
   onGanttItemTitleClick?: any;
   className?: any;
-  refDataSource?: any[]; // 懒加载入参
+  refDataSource?: any[];// 懒加载入参
 }
 
 // const prefixCls = 'gantt';
@@ -90,16 +90,25 @@ const Gantt: React.FC<MyGanttProps> = React.forwardRef((props, ref) => {
     return value === undefined && (dataSource === undefined || JSON.stringify(dataSource) === '{}');
   }, [value, dataSource]);
 
-  const getDeadlineTime = (d: { delivery_date: moment.MomentInput }) => moment(d.delivery_date);
+  const getDeadlineTime = (d: { delivery_date: moment.MomentInput; }) => moment(d.delivery_date);
   const getDaysCount = (start: any, deadline: any) => deadline.diff(start, 'days');
   const getOppositeTime = (d: any, type: string) => {
-    const endTimeArr = d?.project_plan_list.map((w: { plan_node_list: { plan_finish_date: moment.MomentInput }[] }) =>
-      moment(moment.max(w.plan_node_list.map((n: { plan_finish_date: moment.MomentInput }) => moment(n.plan_finish_date))))
+    const endTimeArr = d?.project_plan_list.map(
+      (w: { plan_node_list: { plan_finish_date: moment.MomentInput; }[]; }) =>
+        moment(
+          moment.max(
+            w.plan_node_list.map((n: { plan_finish_date: moment.MomentInput; }) =>
+              moment(n.plan_finish_date),
+            ),
+          ),
+        ),
     ); // 所有项目中最晚结束的
-    const lastEndTimeArr = d?.project_plan_list.map((w: { plan_node_list: any[] }) =>
-      moment(moment.min(w.plan_node_list.map(n => moment(n.plan_finish_date))))
+    const lastEndTimeArr = d?.project_plan_list.map((w: { plan_node_list: any[]; }) =>
+      moment(moment.min(w.plan_node_list.map((n) => moment(n.plan_finish_date)))),
     ); // 所有项目中最早结束的
-    const startTimeArr = d?.project_plan_list.map((w: { impl_start_date: moment.MomentInput }) => moment(w.impl_start_date)); // 项目规定的开始时间
+    const startTimeArr = d?.project_plan_list.map((w: { impl_start_date: moment.MomentInput; }) =>
+      moment(w.impl_start_date),
+    ); // 项目规定的开始时间
     if (type === 'max') {
       return moment.max(endTimeArr);
     }
@@ -115,17 +124,23 @@ const Gantt: React.FC<MyGanttProps> = React.forwardRef((props, ref) => {
     if (dataSource && JSON.stringify(dataSource) !== '{}') {
       const d = dataSource;
       d.project_plan_list = d.project_plan_list.map(
-        (plan: { plan_node_list: { plan_finish_date: moment.MomentInput }[]; impl_start_date: moment.MomentInput }) => ({
+        (plan: {
+          plan_node_list: { plan_finish_date: moment.MomentInput; }[];
+          impl_start_date: moment.MomentInput;
+        }) => ({
           ...plan,
-          plan_node_list: plan.plan_node_list.map((node: { plan_finish_date: moment.MomentInput }) => ({
-            ...node,
-            width: moment(node.plan_finish_date).diff(moment(plan.impl_start_date), 'days'),
-          })),
-        })
+          plan_node_list: plan.plan_node_list.map(
+            (node: { plan_finish_date: moment.MomentInput; }) => ({
+              ...node,
+              width: moment(node.plan_finish_date).diff(moment(plan.impl_start_date), 'days'),
+            }),
+          ),
+        }),
       );
       setData(d);
       const startDate = getOppositeTime(d, 'min');
-      const endDate = ganttShowDeadline && d?.delivery_date ? getDeadlineTime(d) : getOppositeTime(d, 'max');
+      const endDate =
+        ganttShowDeadline && d?.delivery_date ? getDeadlineTime(d) : getOppositeTime(d, 'max');
       const dayCount = getDaysCount(startDate, endDate);
       setPlanDate({
         startDate,
@@ -139,13 +154,34 @@ const Gantt: React.FC<MyGanttProps> = React.forwardRef((props, ref) => {
     const { plan_node_list, pro_plan_id, prod_name, impl_start_date } = item;
 
     if (typeof onGanttItemEditClick === 'function' && type === 'edit') {
-      onGanttItemEditClick(item, pro_plan_id, prod_name, index, moment(impl_start_date), plan_node_list);
+      onGanttItemEditClick(
+        item,
+        pro_plan_id,
+        prod_name,
+        index,
+        moment(impl_start_date),
+        plan_node_list,
+      );
     }
     if (typeof onGanttItemDetailClick === 'function' && type === 'detail') {
-      onGanttItemDetailClick(item, pro_plan_id, prod_name, index, moment(impl_start_date), plan_node_list);
+      onGanttItemDetailClick(
+        item,
+        pro_plan_id,
+        prod_name,
+        index,
+        moment(impl_start_date),
+        plan_node_list,
+      );
     }
     if (typeof onGanttItemTitleClick === 'function' && type === 'title') {
-      onGanttItemTitleClick(item, pro_plan_id, prod_name, index, moment(impl_start_date), plan_node_list);
+      onGanttItemTitleClick(
+        item,
+        pro_plan_id,
+        prod_name,
+        index,
+        moment(impl_start_date),
+        plan_node_list,
+      );
     }
   };
 
@@ -172,15 +208,12 @@ const Gantt: React.FC<MyGanttProps> = React.forwardRef((props, ref) => {
             {ganttShowTitle && <Divider />}
             <div
               className={`${customGanttPrefix}-border`}
-              style={{
-                borderWidth: ganttShowDeadline ? '1px' : '0px',
-                marginRight,
-              }}
+              style={{ borderWidth: ganttShowDeadline ? '1px' : '0px', marginRight }}
             >
               {(ganttShowLegend || ganttShowDeadline) && (
                 <div className={`${customGanttPrefix}-legendBar`}>
                   <div className={ganttShowLegend ? '' : `${customGanttPrefix}-hideLegend`}>
-                    {LEGEND_MAP.map(c => (
+                    {LEGEND_MAP.map((c) => (
                       <Legend status={c.status} text={c.text} key={c.status} />
                     ))}
                   </div>
@@ -206,14 +239,23 @@ const Gantt: React.FC<MyGanttProps> = React.forwardRef((props, ref) => {
                   };
                   return (
                     // <div className={`${customGanttPrefix}-wrap} style={{ margin: `${index !== data.project_plan_list.length - 1 || data.project_plan_list.length === 1 ? ganttItemMargin : 0}px 0` }} ref={scaleRef}>
-                    <div className={`${customGanttPrefix}-item-wrap`} style={{ margin: getMargin() }} ref={scaleRef} key={li.prod_name}>
-                      <div onClick={() => handleClick(li, index, 'title')} className={`${customGanttPrefix}-itemTitle`}>
+                    <div
+                      className={`${customGanttPrefix}-item-wrap`}
+                      style={{ margin: getMargin() }}
+                      ref={scaleRef}
+                      key={li.prod_name}
+                    >
+                      <div
+                        onClick={() => handleClick(li, index, 'title')}
+                        className={`${customGanttPrefix}-itemTitle`}
+                      >
                         {li.prod_name}
                       </div>
                       <div className={`${customGanttPrefix}-scale`}>
                         {/* <div className={`${customGanttPrefix}-before} style={{ width: `${(beforeTime * 100) / dayCount}%` }} /> */}
                         {li.plan_node_list.map((n: any, i: number) => {
-                          const { plan_finish_date, plan_update_date, progress_rate, node_name } = n;
+                          const { plan_finish_date, plan_update_date, progress_rate, node_name } =
+                            n;
                           // const tempDate =
                           //   i === 0
                           //     ? li.impl_start_date
@@ -226,10 +268,17 @@ const Gantt: React.FC<MyGanttProps> = React.forwardRef((props, ref) => {
                           const width = `${99 / (li.plan_node_list.length - 1)}%`;
                           // eslint-disable-next-line radix
                           const progressRate = parseInt(progress_rate, 0);
-                          const overTime = moment(plan_update_date).diff(moment(plan_finish_date), 'hours');
+                          const overTime = moment(plan_update_date).diff(
+                            moment(plan_finish_date),
+                            'hours',
+                          );
                           const status = (percent: number, flag?: boolean) => {
-                            const { processing, unstarted, finished, overtime } = PROCESS_STATUS_COLOR;
-                            const diff = moment(plan_finish_date).diff(moment(plan_update_date) || Date(), 'days');
+                            const { processing, unstarted, finished, overtime } =
+                              PROCESS_STATUS_COLOR;
+                            const diff = moment(plan_finish_date).diff(
+                              moment(plan_update_date) || Date(),
+                              'days',
+                            );
                             if (percent === 0) {
                               if (diff >= 0) {
                                 return unstarted;
@@ -268,7 +317,11 @@ const Gantt: React.FC<MyGanttProps> = React.forwardRef((props, ref) => {
                                 </div>
                                 <div>{`计划时间: ${plan_finish_date}`}</div>
                                 {plan_update_date && <div>{`完成时间: ${plan_update_date}`}</div>}
-                                {plan_update_date && <div>{`处理超时: ${overTime < 0 ? '0小时' : overTimeFormat()}`}</div>}
+                                {plan_update_date && (
+                                  <div>{`处理超时: ${overTime < 0 ? '0小时' : overTimeFormat()
+                                  }`}
+                                  </div>
+                                )}
                                 <div>{`当前进度: ${n.progress_rate}%`}</div>
                               </>
                             );
@@ -283,19 +336,29 @@ const Gantt: React.FC<MyGanttProps> = React.forwardRef((props, ref) => {
                                 }}
                               >
                                 {progressRate > 0 && progressRate < 100 && (
-                                  <div className={`${customGanttPrefix}-unfinished`} style={{ width: `${100 - progressRate}%` }} />
+                                  <div
+                                    className={`${customGanttPrefix}-unfinished`}
+                                    style={{ width: `${100 - progressRate}%` }}
+                                  />
                                 )}
                                 <span
                                   className={classnames(`${customGanttPrefix}-workname`, `${customGanttPrefix}-rotate`)}
                                   style={{
                                     transform: `rotate(${rotate}deg)`,
-                                    color: status(progressRate) === PROCESS_STATUS_COLOR.overtime ? PROCESS_STATUS_COLOR.overtime : undefined,
+                                    color:
+                                      status(progressRate) === PROCESS_STATUS_COLOR.overtime
+                                        ? PROCESS_STATUS_COLOR.overtime
+                                        : undefined,
                                     right: i === 0 ? '-30px' : 0,
                                   }}
                                 >
-                                  {ganttHideYears ? moment(n.plan_finish_date).format('MM-DD') : moment(n.plan_finish_date).format('YYYY-MM-DD')}
+                                  {ganttHideYears
+                                    ? moment(n.plan_finish_date).format('MM-DD')
+                                    : moment(n.plan_finish_date).format('YYYY-MM-DD')}
                                   {n.node_name}
-                                  {status(progressRate) === PROCESS_STATUS_COLOR.overtime && <WarningOutlined rev="" />}
+                                  {status(progressRate) === PROCESS_STATUS_COLOR.overtime && (
+                                    <WarningOutlined />
+                                  )}
                                 </span>
                               </div>
                             </Popover>
@@ -304,7 +367,11 @@ const Gantt: React.FC<MyGanttProps> = React.forwardRef((props, ref) => {
                       </div>
                       {ganttShowEditBtn && (
                         <div className={`${customGanttPrefix}-edit`}>
-                          <Button type="primary" size="small" onClick={() => handleClick(li, index, 'edit')}>
+                          <Button
+                            type="primary"
+                            size="small"
+                            onClick={() => handleClick(li, index, 'edit')}
+                          >
                             编辑
                           </Button>
                         </div>
@@ -312,11 +379,13 @@ const Gantt: React.FC<MyGanttProps> = React.forwardRef((props, ref) => {
                       {ganttShowDetailBtn && (
                         <div
                           className={`${customGanttPrefix}-detail`}
-                          style={{
-                            right: ganttShowEditBtn ? '-112px' : '-60px',
-                          }}
+                          style={{ right: ganttShowEditBtn ? '-112px' : '-60px' }}
                         >
-                          <Button type="primary" size="small" onClick={() => handleClick(li, index, 'detail')}>
+                          <Button
+                            type="primary"
+                            size="small"
+                            onClick={() => handleClick(li, index, 'detail')}
+                          >
                             详情
                           </Button>
                         </div>

package/lib/pcpublic/src/components/pcfactory/src/Gantt/index.tsx

@@ -1,5 +1,5 @@
+import React, { useRef, useImperativeHandle, useState } from 'react';
 import { LingxiForwardRef } from '@lingxiteam/types';
-import React, { useImperativeHandle, useRef, useState } from 'react';
 import GanttLoader from './loader';
 
 const Gantt = LingxiForwardRef<unknown, any>((props, ref) => {

package/lib/pcpublic/src/components/pcfactory/src/Gantt/loader.tsx

@@ -2,7 +2,7 @@ import Loadable from 'react-loadable';
 import { LoadingComponennt } from '../utils/LoaderHelper';
 
 const GanttLoader = Loadable({
-  loader: async () => (await import(/* webpackChunkName: 'factory-Gantt' */ './Gantt')) as unknown as React.ComponentType<any>,
+  loader: async () => (await import/* webpackChunkName: 'factory-Gantt' */('./Gantt')) as unknown as React.ComponentType<any>,
   loading: LoadingComponennt,
 });
 

package/lib/pcpublic/src/components/pcfactory/src/GridView/GridView.tsx

@@ -1,9 +1,17 @@
-import { LingxiForwardRef } from '@lingxiteam/types';
-import { Col, Row } from 'antd';
+import React, {
+  useCallback,
+  useState,
+  useEffect,
+  useImperativeHandle,
+  useRef,
+  createContext,
+  useMemo,
+} from 'react';
 import classNames from 'classnames';
-import React, { createContext, useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react';
-import { useListenProps } from '../utils';
+import { Row, Col } from 'antd';
+import { LingxiForwardRef } from '@lingxiteam/types';
 import { IconCheckSvg, IconNormalCheckSvg } from '../utils/common';
+import { useListenProps } from '../utils';
 
 const basicStyle = { backgroundColor: '#fff' };
 
@@ -65,7 +73,14 @@ const renderIcon = ({ checked, selectImg, normalImg }: any) => {
   return <img src={IconNormalCheckSvg} className={`${gridViewCls}-icon`} alt="" />;
 };
 
-const NoCheckBox = (item: { children: any; checked: any; itemStyle: any; index: any; disabled?: false | undefined; onChange: any }) => {
+const NoCheckBox = (item: {
+  children: any;
+  checked: any;
+  itemStyle: any;
+  index: any;
+  disabled?: false | undefined;
+  onChange: any;
+}) => {
   const { children, checked, itemStyle, onChange } = item;
   return (
     <div
@@ -90,7 +105,14 @@ const CheckBox = (item: {
   disabled?: false | undefined;
   onChange: any;
 }) => {
-  const { children, selectImg, normalImg, checked, itemStyle, onChange } = item;
+  const {
+    children,
+    selectImg,
+    normalImg,
+    checked,
+    itemStyle,
+    onChange,
+  } = item;
 
   return (
     <div style={itemStyle} className={classNames(`${gridViewCls}-blockSelect`, `${gridViewCls}-showIcon`)}>
@@ -112,15 +134,40 @@ const EditorComp = (props: {
   checked: any;
   className: any;
 }) => {
-  const { isChecked, children, item, index, valueKey, colProps = {}, onChange, itemStyle, checked, className } = props;
+  const {
+    isChecked,
+    children,
+    item,
+    index,
+    valueKey,
+    colProps = {},
+    onChange,
+    itemStyle,
+    checked,
+    className,
+  } = props;
   return (
     <Col {...colProps} className={className}>
       {isChecked ? (
-        <CheckBox index={index} key={item[valueKey]} {...item} checked={checked} itemStyle={itemStyle} onChange={() => onChange(item, index)}>
+        <CheckBox
+          index={index}
+          key={item[valueKey]}
+          {...item}
+          checked={checked}
+          itemStyle={itemStyle}
+          onChange={() => onChange(item, index)}
+        >
           {children}
         </CheckBox>
       ) : (
-        <NoCheckBox index={index} key={item[valueKey]} {...item} itemStyle={itemStyle} onChange={() => onChange(item, index)} checked={checked}>
+        <NoCheckBox
+          index={index}
+          key={item[valueKey]}
+          {...item}
+          itemStyle={itemStyle}
+          onChange={() => onChange(item, index)}
+          checked={checked}
+        >
           {children}
         </NoCheckBox>
       )}
@@ -128,7 +175,13 @@ const EditorComp = (props: {
   );
 };
 
-const DisabledComps = (props: { children: any; index: any; itemStyle: any; colProps: any; className: any }) => {
+const DisabledComps = (props: {
+  children: any;
+  index: any;
+  itemStyle: any;
+  colProps: any;
+  className: any;
+}) => {
   const { children, index, itemStyle, colProps, className } = props || {};
   const item = children?.props?.$props;
   return (
@@ -156,7 +209,7 @@ const MyGrid = (props: MyGridView) => {
     hspace = 0,
     style,
     mediaLayout,
-    onChange: uOnChange = (e: any) => {},
+    onChange: uOnChange = (e: any) => { },
     fixedWidth = false,
     span,
     isEditor = true,
@@ -240,7 +293,7 @@ const MyGrid = (props: MyGridView) => {
       }
       return p;
     },
-    [mediaLayout, span, fixedWidth]
+    [mediaLayout, span, fixedWidth],
   );
 
   // 循环列表配置key
@@ -248,6 +301,7 @@ const MyGrid = (props: MyGridView) => {
     return [props.itemKey || 'item', props.indexKey || 'i'];
   }, []);
 
+
   return (
     <Row gutter={[vspace, hspace]} style={style}>
       {(Array.isArray(gridData) ? gridData : []).map((item, index) => {
@@ -281,7 +335,7 @@ const MyGrid = (props: MyGridView) => {
                   itemStyle={itemStyle}
                   valueKey={valueKey}
                   key={restItem[valueKey]}
-                  {...({ selectImg } as any)}
+                  {...{ selectImg } as any}
                   normalImg={normalImg}
                   item={restItem}
                   index={index}
@@ -299,7 +353,7 @@ const MyGrid = (props: MyGridView) => {
                   colProps={getColProps(restItem, index)}
                   itemStyle={itemStyle}
                   key={restItem[valueKey]}
-                  {...({ valueKey } as any)}
+                  {...{ valueKey } as any}
                   item={restItem}
                   index={index}
                   checked={checked}
@@ -328,7 +382,7 @@ const SyncGridView = LingxiForwardRef((props: any, ref) => {
 
   const getValues = () =>
     gridData?.filter((d: Record<string, any>, i: any) =>
-      typeof d === 'object' ? values.current?.includes(d[valueKey]) : values.current?.includes(i)
+      typeof d === 'object' ? values.current?.includes(d[valueKey]) : values.current?.includes(i),
     );
   useEffect(() => {
     if (Array.isArray(refGridData)) {
@@ -343,14 +397,14 @@ const SyncGridView = LingxiForwardRef((props: any, ref) => {
       //   setGridData(list || []);
       // }
     }),
-    [gridData]
+    [gridData],
   );
 
   return (
     <MyGrid
       {...props}
       gridData={gridData}
-      onChange={vals => {
+      onChange={(vals) => {
         values.current = vals;
         if (onChange) {
           onChange(vals);

package/lib/pcpublic/src/components/pcfactory/src/GridView/index.tsx

@@ -1,5 +1,5 @@
+import React, { useRef, useImperativeHandle, useState } from 'react';
 import { LingxiForwardRef } from '@lingxiteam/types';
-import React, { useImperativeHandle, useRef, useState } from 'react';
 import SyncGridViewLoader from './loader';
 
 const SyncGridView = LingxiForwardRef<unknown, any>((props, ref) => {

package/lib/pcpublic/src/components/pcfactory/src/GridView/loader.tsx

@@ -2,7 +2,7 @@ import Loadable from 'react-loadable';
 import { LoadingComponennt } from '../utils/LoaderHelper';
 
 const SyncGridViewLoader = Loadable({
-  loader: async () => (await import(/* webpackChunkName: "factory-GridView" */ './GridView')) as unknown as React.ComponentType<any>,
+  loader: async () => (await import/* webpackChunkName: "factory-GridView" */('./GridView')) as unknown as React.ComponentType<any>,
   loading: LoadingComponennt,
 });
 

package/lib/pcpublic/src/components/pcfactory/src/HorizontalView/index.tsx

@@ -1,7 +1,8 @@
 import React from 'react';
 import { useHiddenStyle } from '../utils';
 
-export interface HorizontalViewProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> {
+export interface HorizontalViewProps
+  extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> {
   visible?: boolean;
 }
 

package/lib/pcpublic/src/components/pcfactory/src/Icon/IconED/index.tsx

@@ -1,9 +1,9 @@
-import { LingXiEdFC } from '@lingxiteam/types';
-import { useEffect, useState } from 'react';
+import { useState, useEffect } from 'react';
 import { useIcon } from '../hooks';
 import type { IconEDProps } from '../PropsType';
+import { LingXiEdFC } from '@lingxiteam/types';
 
-const IconED: LingXiEdFC<IconEDProps> = props => {
+const IconED: LingXiEdFC<IconEDProps> = (props) => {
   const { getMaterialFile, getAppFileUrlById, getAppFileUrlByFileCode } = props?.getEdEngineApi?.() || {};
   const [fun, setFun] = useState<{
     getFileIconUrl: any;
@@ -13,18 +13,13 @@ const IconED: LingXiEdFC<IconEDProps> = props => {
     getDesignPlatormIconUrl: {},
   });
   useEffect(() => {
-    const fetchFun = async () =>
-      setFun({
-        getFileIconUrl: {
-          getFileIconUrlByCode: (fileCode: string) =>
-            getAppFileUrlByFileCode({
-              fileCode,
-              appId: props.$$componentItem?.appId || window.appId,
-            }),
-          getFileIconUrlById: getAppFileUrlById,
-        },
-        getDesignPlatormIconUrl: (materialId: string, fileName: string) => getMaterialFile({ materialId, fileName }),
-      });
+    const fetchFun = async () => setFun({
+      getFileIconUrl: {
+        getFileIconUrlByCode: (fileCode: string) => getAppFileUrlByFileCode({ fileCode, appId: props.$$componentItem?.appId || window.appId }),
+        getFileIconUrlById: getAppFileUrlById,
+      },
+      getDesignPlatormIconUrl: (materialId: string, fileName: string) => getMaterialFile({ materialId, fileName }),
+    });
     fetchFun();
   }, []);
 

package/lib/pcpublic/src/components/pcfactory/src/Icon/PropsType.ts

@@ -9,6 +9,8 @@ export interface IconCfg {
   iconFileInfo?: any;
   iconFile?: any;
   isAction?: boolean; // 用于识别是否为图标的设置动作
+  isSystem?: boolean; // 用于标识是否为系统图标
+  systemIconKey?: string; // 系统图标标识
   [key: string]: any;
 }
 export interface PrefixIconIconEDProps {
@@ -19,6 +21,8 @@ export interface PrefixIconIconEDProps {
   prefixIconTheme?: string;
   prefixIconIconFileInfo?: any;
   prefixIconiconFile?: any;
+  isSystem?: boolean; // 用于标识是否为系统图标
+  systemIconKey?: string; // 系统图标标识
 }
 
 export type PrefixIconIconProps = PrefixIconIconEDProps;
@@ -45,7 +49,7 @@ export interface IconEDProps {
   placeholder?: any; // 占位 icon
 }
 
-export interface IconProps extends IconEDProps {
+export interface IconProps extends IconEDProps{
   visible?: boolean;
   engineApis?: any;
   getEngineApis?: any;