@lingxiteam/ebe-utils 0.2.3 → 0.2.5

package/lib/pcpublic/src/components/pcfactory/src/utils/formUtils/WrapperContainer.tsx

@@ -17,19 +17,8 @@ export interface WrapperContainerProps {
   disabled: boolean;
 }
 
-const WrapperContainer: FC<WrapperContainerProps> = (props) => {
-  const {
-    labelAlign,
-    colon,
-    wrapperStyle,
-    children,
-    required,
-    labelCol,
-    showWrapperContainer,
-    isFormRootChild,
-    fieldName,
-    disabled,
-  } = props;
+const WrapperContainer: FC<WrapperContainerProps> = props => {
+  const { labelAlign, colon, wrapperStyle, children, required, labelCol, showWrapperContainer, isFormRootChild, fieldName, disabled } = props;
 
   // 配合测试的属性
   const testProps = getTestHelperProps({ fieldName, disabled });
@@ -61,21 +50,14 @@ const WrapperContainer: FC<WrapperContainerProps> = (props) => {
             style={{
               width: labelCol,
               textAlign: labelAlign,
+              flexShrink: 0,
             }}
           >
             {props.label && (
               <span>
-                {required && (
-                  <span
-                    style={{ fontSize: 12, marginRight: 4, color: '#ff4d4f' }}
-                  >
-                    *
-                  </span>
-                )}
+                {required && <span style={{ fontSize: 12, marginRight: 4, color: '#ff4d4f' }}>*</span>}
                 {props.label}
-                <span style={{ marginLeft: 2, marginRight: 8 }}>
-                  {colon ? ':' : ''}
-                </span>
+                <span style={{ marginLeft: 2, marginRight: 8 }}>{colon ? ':' : ''}</span>
               </span>
             )}
           </div>
@@ -99,19 +81,14 @@ const WrapperContainer: FC<WrapperContainerProps> = (props) => {
         style={{
           width: labelCol,
           textAlign: labelAlign,
+          flexShrink: 0,
         }}
       >
         {props.label && (
           <span>
-            {required && (
-              <span style={{ fontSize: 12, marginRight: 4, color: '#ff4d4f' }}>
-                *
-              </span>
-            )}
+            {required && <span style={{ fontSize: 12, marginRight: 4, color: '#ff4d4f' }}>*</span>}
             {props.label}
-            <span style={{ marginLeft: 2, marginRight: 8 }}>
-              {colon ? ':' : ''}
-            </span>
+            <span style={{ marginLeft: 2, marginRight: 8 }}>{colon ? ':' : ''}</span>
           </span>
         )}
       </div>

package/lib/pcpublic/src/components/pcfactory/src/utils/formUtils/cmdHelper.ts

@@ -13,7 +13,7 @@ const getFormsIdByUid = (uid: string, refs: RefsType) => {
   if (!Array.isArray(list)) {
     return list;
   }
-  return list.map((it) => it.replace(/(@@@)|(&&&)/g, ''));
+  return list.map(it => it.replace(/(@@@)|(&&&)/g, ''));
 };
 
 /**
@@ -29,14 +29,7 @@ export const getFormOfInLoopByLoopId = (options: {
   forms?: RefsType[];
   inLoop?: boolean;
 }) => {
-  const {
-    loopId,
-    routerId,
-    engineRelation,
-    forms = [],
-    refs,
-    inLoop = false,
-  } = options;
+  const { loopId, routerId, engineRelation, forms = [], refs, inLoop = false } = options;
   const uids = Object.keys(refs);
   for (let index = 0; index < uids.length; index += 1) {
     const uid = uids[index];
@@ -52,7 +45,7 @@ export const getFormOfInLoopByLoopId = (options: {
     const result = uid
       .split('---')
       .filter(Boolean)
-      .find((id) => {
+      .find(id => {
         const [compId] = id.split('@@@');
         return compId === loopId;
       });
@@ -89,10 +82,7 @@ export const getFormOfInLoopByLoopId = (options: {
  * @param getFieldsValue
  * @returns
  */
-export const getLoopForms = async (
-  forms: RefsType[],
-  getFieldsValue: (form: any) => void,
-) => {
+export const getLoopForms = async (forms: RefsType[], getFieldsValue: (form: any) => void) => {
   const fieldValues: any = {};
   let firstErrorInfo: any = null;
   for (let index = 0; index < forms.length; index += 1) {
@@ -130,7 +120,7 @@ export const getFormByCompId = (compId: string, refs: RefsType) => {
   if (form) {
     return form;
   }
-  const uidArr = Object.keys(refs).filter((uid) => {
+  const uidArr = Object.keys(refs).filter(uid => {
     const ids = getFormsIdByUid(uid, refs);
     if (!ids) {
       return false;
@@ -142,20 +132,17 @@ export const getFormByCompId = (compId: string, refs: RefsType) => {
     return null;
   }
 
-  return uidArr.map((uid) => refs[uid]);
+  return uidArr.map(uid => refs[uid]);
 };
 
-export const getFieldsValue = async (
-  forms: RefsType | RefsType[],
-  getFieldsValue: (form: any) => void,
-) => {
+export const getFieldsValue = async (forms: RefsType | RefsType[], getFieldsValue: (form: any) => void) => {
   // 当表单不存在时，应该获取的是undefined
   if (!forms) {
     return undefined;
   }
 
   if (Array.isArray(forms)) {
-    return Promise.all(forms.map((form) => getFieldsValue(form)));
+    return Promise.all(forms.map(form => getFieldsValue(form)));
   }
   return getFieldsValue(forms);
 };
@@ -193,7 +180,7 @@ export const getOwnFormValues = async (
     routerId: string;
     compId?: string;
   },
-  getFieldsValue: (form: any) => void,
+  getFieldsValue: (form: any) => void
 ) => {
   const { currentRefs, engineRelation, routerId, compId } = options;
 
@@ -205,10 +192,7 @@ export const getOwnFormValues = async (
   /**
    * 获取单个引擎下的表单值
    */
-  const getRenderRefsFormValues = async (
-    refs: RefsType = {},
-    compId?: string,
-  ) => {
+  const getRenderRefsFormValues = async (refs: RefsType = {}, compId?: string) => {
     const uidArr = Object.keys(refs);
 
     for (let index = 0; index < uidArr.length; index += 1) {
@@ -223,13 +207,7 @@ export const getOwnFormValues = async (
             await getRenderRefsFormValues(uidRefs.refs);
           }
         } else {
-          const {
-            formCode,
-            form,
-            scrollToErrorField,
-            compName,
-            _innerDynamicDataContainer,
-          } = ref;
+          const { formCode, form, scrollToErrorField, compName, _innerDynamicDataContainer } = ref;
           if (!formCode) {
             continue;
           }
@@ -266,9 +244,7 @@ export const getOwnFormValues = async (
               }
 
               formCodeTypes[formCode] = 'array';
-              values[formCode] = Array.isArray(values[formCode])
-                ? values[formCode]
-                : [];
+              values[formCode] = Array.isArray(values[formCode]) ? values[formCode] : [];
               values[formCode].push(value);
             }
           } catch (error) {
@@ -298,11 +274,7 @@ export const getOwnFormValues = async (
   return Promise.resolve(values);
 };
 
-export const getAllFormValues = (options: {
-  currentRefs: RefsType;
-  engineRelation: EngineRelationMethods;
-  routerId: string;
-}) => {
+export const getAllFormValues = (options: { currentRefs: RefsType; engineRelation: EngineRelationMethods; routerId: string }) => {
   const { currentRefs, engineRelation, routerId } = options;
   const forms: RefsType[] = [];
   const getRenderRefsFormValues = (refs: RefsType = {}) => {
@@ -333,9 +305,7 @@ export const getAllFormValues = (options: {
  * @param refs
  */
 export const getBOFramers = (compId: string, refs: RefsType = {}) => {
-  const boframerUids = Object.keys(refs).filter(
-    (id) => refs[id].compId === compId,
-  );
+  const boframerUids = Object.keys(refs).filter(id => refs[id].compId === compId);
   // 如果没找到组件，就返回null
   if (!boframerUids.length) {
     return null;
@@ -343,7 +313,7 @@ export const getBOFramers = (compId: string, refs: RefsType = {}) => {
 
   const boframerRefs: RefsType = {};
 
-  boframerUids.forEach((uid) => {
+  boframerUids.forEach(uid => {
     boframerRefs[uid] = refs[uid];
   });
 
@@ -357,7 +327,7 @@ export const getBOFramerOwnFormValues = async (
     routerId: string;
     compId: string;
   },
-  getFieldsValue: (form: any) => void,
+  getFieldsValue: (form: any) => void
 ) => {
   const { engineRelation, routerId, refs, compId } = options;
 
@@ -366,10 +336,7 @@ export const getBOFramerOwnFormValues = async (
 
   let values = {};
   if (boframerRefs) {
-    values = await getOwnFormValues(
-      { currentRefs: boframerRefs, engineRelation, routerId },
-      getFieldsValue,
-    );
+    values = await getOwnFormValues({ currentRefs: boframerRefs, engineRelation, routerId }, getFieldsValue);
   }
 
   // 理论上获取业务组件 应该都带有表单编码，但是由于需要兼容旧数据 需要把值展开
@@ -383,20 +350,15 @@ export const getBOFramerOwnFormValues = async (
 };
 
 // 获取BOFramer下所有表单
-export const getBoframerOwnForms = (options: {
-  currentRefs: RefsType;
-  engineRelation: EngineRelationMethods;
-  routerId: string;
-  compId: string;
-}) => {
+export const getBoframerOwnForms = (options: { currentRefs: RefsType; engineRelation: EngineRelationMethods; routerId: string; compId: string }) => {
   const { compId, currentRefs, engineRelation, routerId } = options;
   const boframers = getBOFramers(compId, currentRefs);
 
   const forms: RefsType[] = [];
   const getAllForms = (refs: RefsType | null) => {
-    Object.keys(refs || {}).forEach((uid) => {
+    Object.keys(refs || {}).forEach(uid => {
       const engineRef = engineRelation.getEngineRefsByUid(uid, routerId);
-      Object.keys(engineRef?.refs || {}).forEach((compUid) => {
+      Object.keys(engineRef?.refs || {}).forEach(compUid => {
         const r = engineRef?.refs[compUid];
         getAllForms(r);
         if (r.compName === 'Form') {

package/lib/pcpublic/src/components/pcfactory/src/utils/formUtils/common.ts

@@ -54,12 +54,7 @@ export const filterHtmlNode = (str: string) => {
       // 移除元素节点上所有事件属性
       for (let i = node.attributes.length - 1; i >= 0; i -= 1) {
         const attr = node.attributes[i];
-        if (
-          attr.name.startsWith('on') ||
-          String(node.getAttribute(attr.name))
-            .toLowerCase()
-            .indexOf('javascript:') !== -1
-        ) {
+        if (attr.name.startsWith('on') || String(node.getAttribute(attr.name)).toLowerCase().indexOf('javascript:') !== -1) {
           node.removeAttribute(attr.name);
         }
       }