@lingxiteam/ebe-utils 0.2.21 → 0.2.23

package/lib/pcpublic/src/components/pcfactory/src/utils/generatorDisabledCallback.ts

@@ -7,57 +7,58 @@ const formatStr = {
   time: 'YYYY-MM-DD HH:mm:ss',
 };
 
-export type DisabledDateTimeFnResult = (cur: Moment) => {
-  disabledHours: () => number[];
-  disabledMinutes: () => number[];
-  disabledSeconds: () => number[];
-};
+export type DisabledDateTimeFnResult = (cur: Moment) => ({
+    disabledHours: () => number[];
+    disabledMinutes: () => number[];
+    disabledSeconds: () => number[];
+  })
+
 
 /**
  * 限制范围类型
  */
-export type LimitRangeType = (typeof DatePickerOptions.limitRangeOptions)[number]['value'];
+export type LimitRangeType = typeof DatePickerOptions.limitRangeOptions[number]['value'];
 
 /**
  * 节假日类型
  */
-export type HolidaysLimitType = (typeof DatePickerOptions.holidaysLimitOptions)[number]['value'];
+export type HolidaysLimitType = typeof DatePickerOptions.holidaysLimitOptions[number]['value'];
 export interface IGeneratorParams {
 
-  /**
-   * 限制类型
-   */
-  limitRange: LimitRangeType;
-
-  /**
-   * 日期模式
-   */
-  timeMode: 'time' | 'date';
-
-  /**
-   * 开始时间 limitRange => period
-   */
-  startDate?: string;
-
-  /**
-   * 截止时间 limitRange => period
-   */
-  endDate?: string;
-
-  /**
-   * 指定时间 limitRange => beforeSelect | afterSelect
-   */
-  selectTime?: string;
-
-  /**
-   * 可选时间 limitRange => multipleSelect
-   */
-  validMultiDate?: string[];
-
-  /**
-   * 节假日限制
-   */
-  holidaysLimit: HolidaysLimitType;
+    /**
+     * 限制类型
+     */
+    limitRange: LimitRangeType;
+
+    /**
+     * 日期模式
+     */
+    timeMode: 'time' | 'date';
+
+    /**
+     * 开始时间 limitRange => period
+     */
+    startDate?: string;
+
+    /**
+     * 截止时间 limitRange => period
+     */
+    endDate?: string;
+
+    /**
+     * 指定时间 limitRange => beforeSelect | afterSelect
+     */
+    selectTime?: string;
+
+    /**
+     * 可选时间 limitRange => multipleSelect
+     */
+    validMultiDate?: string[];
+
+    /**
+     * 节假日限制
+     */
+    holidaysLimit: HolidaysLimitType;
 }
 
 /**
@@ -65,7 +66,7 @@ export interface IGeneratorParams {
  * @param str runtime | 具体日期 | add:[1day] | subtract:[1day]
  * @returns
  */
-const getRelDate = (str: string): Moment | null => {
+const getRelDate = (str: string):Moment | null => {
   if (str === 'runtime') {
     return moment();
   }
@@ -94,6 +95,7 @@ export const getPeriodDate = (dateStr: string, refDate: Moment = moment()): Mome
   return refDate[fn](amount, unit);
 };
 
+
 export interface GeneratorDisabledCallbackResultType {
 
   /**
@@ -123,7 +125,12 @@ export interface GeneratorDisabledCallbackResultType {
 }
 
 const getInfoFromMoment = (cur?: Moment): [string, number, number, number] => {
-  return cur ? [cur?.format(formatStr.date), cur?.get('hours'), cur?.get('minutes'), cur?.get('seconds')] : ['', 0, 0, 0];
+  return cur ? [
+    cur?.format(formatStr.date),
+    cur?.get('hours'),
+    cur?.get('minutes'),
+    cur?.get('seconds'),
+  ] : ['', 0, 0, 0];
 };
 
 /**
@@ -141,33 +148,32 @@ const generatorDisabledDateTimeFn = (startDate?: Moment, endDate?: Moment): null
   const [startDateStr, startHour, startMinute, startSecond] = getInfoFromMoment(startDate);
   const [endDateStr, endHour, endMinute, endSecond] = getInfoFromMoment(endDate);
 
-  return cur => {
+  return (cur) => {
     const [currentDateStr, currentHour, currentMinute] = getInfoFromMoment(cur);
     // 起始日期
     if (startDateStr === currentDateStr) {
       // 如果当前小时大于开始小时
       if (currentHour > startHour) {
         return {
-          disabledHours: () => (startHour ? [...Array(startHour).keys()] : []), // 如果当前日期和startTime相同，禁止选择startTime之前的小时
+          disabledHours: () => startHour ? [...Array(startHour).keys()] : [], // 如果当前日期和startTime相同，禁止选择startTime之前的小时
           disabledMinutes: () => [],
           disabledSeconds: () => [],
         };
-        // 如果当前小时等于开始小时，且当前分钟大于开始分钟
-      }
-      if (currentHour === startHour) {
+      // 如果当前小时等于开始小时，且当前分钟大于开始分钟
+      } if (currentHour === startHour) {
         if (currentMinute > startMinute) {
           return {
-            disabledHours: () => (startHour ? [...Array(startHour).keys()] : []), // 如果当前日期和startTime相同，禁止选择startTime之前的小时
-            disabledMinutes: () => (startMinute ? [...Array(startMinute).keys()] : []), // 如果当前日期和startTime相同，禁止选择startTime之前的分钟
+            disabledHours: () => startHour ? [...Array(startHour).keys()] : [], // 如果当前日期和startTime相同，禁止选择startTime之前的小时
+            disabledMinutes: () => startMinute ? [...Array(startMinute).keys()] : [], // 如果当前日期和startTime相同，禁止选择startTime之前的分钟
             disabledSeconds: () => [],
           };
         }
       }
       // 否则就按照开始时间的小时、分钟、秒钟来禁用
       return {
-        disabledHours: () => (startHour ? [...Array(startHour).keys()] : []), // 如果当前日期和startTime相同，禁止选择startTime之前的小时
-        disabledMinutes: () => (startMinute ? [...Array(startMinute).keys()] : []), // 如果当前日期和startTime相同，禁止选择startTime之前的分钟
-        disabledSeconds: () => (startSecond ? [...Array(startSecond).keys()] : []), // 如果当前日期和startTime相同，禁止选择startTime之前的秒钟
+        disabledHours: () => startHour ? [...Array(startHour).keys()] : [], // 如果当前日期和startTime相同，禁止选择startTime之前的小时
+        disabledMinutes: () => startMinute ? [...Array(startMinute).keys()] : [], // 如果当前日期和startTime相同，禁止选择startTime之前的分钟
+        disabledSeconds: () => startSecond ? [...Array(startSecond).keys()] : [], // 如果当前日期和startTime相同，禁止选择startTime之前的秒钟
       };
     }
 
@@ -176,25 +182,24 @@ const generatorDisabledDateTimeFn = (startDate?: Moment, endDate?: Moment): null
       // 当前小时小于结束小时
       if (currentHour < endHour) {
         return {
-          disabledHours: () => (endHour ? [...Array(24 - endHour - 1).keys()].map(h => h + endHour + 1) : []), // 如果当前日期和endTime相同，禁止选择endTime之后的小时
+          disabledHours: () => endHour ? [...Array(24 - endHour - 1).keys()].map(h => h + endHour + 1) : [], // 如果当前日期和endTime相同，禁止选择endTime之后的小时
           disabledMinutes: () => [],
           disabledSeconds: () => [],
         };
         // 当当前小时等于结束小时，且当前分钟小于结束分钟
-      }
-      if (currentHour === endHour) {
+      } if (currentHour === endHour) {
         if (currentMinute < endMinute) {
           return {
-            disabledHours: () => (endHour ? [...Array(24 - endHour - 1).keys()].map(h => h + endHour + 1) : []), // 如果当前日期和endTime相同，禁止选择endTime之后的小时
-            disabledMinutes: () => (endMinute ? [...Array(60 - endMinute - 1).keys()].map(m => m + endMinute + 1) : []), // 如果当前日期和endTime相同，禁止选择endTime之后的分钟
+            disabledHours: () => endHour ? [...Array(24 - endHour - 1).keys()].map(h => h + endHour + 1) : [], // 如果当前日期和endTime相同，禁止选择endTime之后的小时
+            disabledMinutes: () => endMinute ? [...Array(60 - endMinute - 1).keys()].map(m => m + endMinute + 1) : [], // 如果当前日期和endTime相同，禁止选择endTime之后的分钟
             disabledSeconds: () => [],
           };
         }
       }
       return {
-        disabledHours: () => (endHour ? [...Array(24 - endHour - 1).keys()].map(h => h + endHour + 1) : []), // 如果当前日期和endTime相同，禁止选择endTime之后的小时
-        disabledMinutes: () => (endMinute ? [...Array(60 - endMinute - 1).keys()].map(m => m + endMinute + 1) : []), // 如果当前日期和endTime相同，禁止选择endTime之后的分钟
-        disabledSeconds: () => (endSecond ? [...Array(60 - endSecond - 1).keys()].map(s => s + endSecond + 1) : []), // 如果当前日期和endTime相同，禁止选择endTime之后的秒钟
+        disabledHours: () => endHour ? [...Array(24 - endHour - 1).keys()].map(h => h + endHour + 1) : [], // 如果当前日期和endTime相同，禁止选择endTime之后的小时
+        disabledMinutes: () => endMinute ? [...Array(60 - endMinute - 1).keys()].map(m => m + endMinute + 1) : [], // 如果当前日期和endTime相同，禁止选择endTime之后的分钟
+        disabledSeconds: () => endSecond ? [...Array(60 - endSecond - 1).keys()].map(s => s + endSecond + 1) : [], // 如果当前日期和endTime相同，禁止选择endTime之后的秒钟
       };
     }
 
@@ -206,13 +211,22 @@ const generatorDisabledDateTimeFn = (startDate?: Moment, endDate?: Moment): null
   };
 };
 
+
 /**
  * 根据传入的规则生成 日期禁用回调函数
  * @param params 入参
  * @returns
  */
 export const generatorDisabledCallback = (params: IGeneratorParams): GeneratorDisabledCallbackResultType => {
-  const { holidaysLimit = 'no', limitRange, selectTime, startDate, endDate, validMultiDate, timeMode } = params;
+  const {
+    holidaysLimit = 'no',
+    limitRange,
+    selectTime,
+    startDate,
+    endDate,
+    validMultiDate,
+    timeMode,
+  } = params;
 
   /**
    * 所选日期
@@ -223,7 +237,7 @@ export const generatorDisabledCallback = (params: IGeneratorParams): GeneratorDi
    * 运行时间
    */
   const runtimeMoment = moment();
-
+  
   const { isHolidayLimit } = getHolidaysChecker(holidaysLimit);
 
   const isTimeMode = timeMode === 'time';
@@ -233,8 +247,8 @@ export const generatorDisabledCallback = (params: IGeneratorParams): GeneratorDi
    * @param cb
    * @returns
    */
-  const wrapperFn = (cb: (cur: Moment) => boolean) => {
-    return (cur: Moment) => {
+  const wrapperFn = (cb: (cur:Moment) => boolean) => {
+    return (cur:Moment) => {
       if (isHolidayLimit(cur)) {
         return true;
       }
@@ -247,6 +261,7 @@ export const generatorDisabledCallback = (params: IGeneratorParams): GeneratorDi
    */
   const unlimitedFn = wrapperFn(() => false);
 
+
   /**
    * 默认方法
    */
@@ -265,7 +280,7 @@ export const generatorDisabledCallback = (params: IGeneratorParams): GeneratorDi
     case undefined:
       defaultResult.disabledDateFn = unlimitedFn;
       break;
-    // 指定日期前后
+      // 指定日期前后
     case 'beforeSelect':
     case 'afterSelect': {
       if (limitRange === 'beforeSelect') {
@@ -273,29 +288,30 @@ export const generatorDisabledCallback = (params: IGeneratorParams): GeneratorDi
       } else {
         start = selectDateMoment.isValid() ? selectDateMoment : null;
       }
-      defaultResult.disabledDateFn =
-        selectTime && selectDateMoment.isValid()
-          ? wrapperFn(cur => {
-            return limitRange === 'beforeSelect' ? cur.isAfter(selectDateMoment) : cur.isBefore(selectDateMoment);
-          })
-          : unlimitedFn;
+      defaultResult.disabledDateFn = selectTime && selectDateMoment.isValid() ? wrapperFn((cur) => {
+        return limitRange === 'beforeSelect'
+          ? cur.isAfter(selectDateMoment)
+          : cur.isBefore(selectDateMoment);
+      }) : unlimitedFn;
       break;
     }
     case 'beforeToday':
     case 'afterToday': {
       if (limitRange === 'beforeToday') {
-        end = isTimeMode ? runtimeMoment.clone() : runtimeMoment.clone().endOf('days');
+        end = isTimeMode ? runtimeMoment.clone() : (runtimeMoment.clone()).endOf('days');
       } else {
-        start = isTimeMode ? runtimeMoment.clone() : runtimeMoment.clone().startOf('days');
+        start = isTimeMode ? runtimeMoment.clone() : (runtimeMoment.clone()).startOf('days');
       }
-      defaultResult.disabledDateFn = wrapperFn(cur => {
-        return limitRange === 'beforeToday' ? cur.isAfter(runtimeMoment.clone().endOf('days')) : cur.isBefore(runtimeMoment.clone().startOf('days'));
+      defaultResult.disabledDateFn = wrapperFn((cur) => {
+        return limitRange === 'beforeToday'
+          ? cur.isAfter(runtimeMoment.clone().endOf('days'))
+          : cur.isBefore(runtimeMoment.clone().startOf('days'));
       });
       break;
     }
     case 'multipleSelect':
       defaultResult.disabledDateFn = validMultiDate?.length
-        ? wrapperFn(cur => {
+        ? wrapperFn((cur) => {
           const curStr = cur.format(formatStr.date);
           return !validMultiDate.includes(curStr);
         })
@@ -328,9 +344,9 @@ export const generatorDisabledCallback = (params: IGeneratorParams): GeneratorDi
       const dynamicStr = startStr === 'runtime' ? endStr : startStr;
       const leng = Number(dynamicStr.replace(/\D+/, ''));
       const unit = dynamicStr.replace(/\d+/, '');
-
+      
       const fnType = startStr === 'runtime' ? 'add' : 'subtract';
-
+      
       // 工作日需要特殊处理
       if (unit === 'workdays') {
         let curLength = leng;
@@ -371,7 +387,7 @@ export const generatorDisabledCallback = (params: IGeneratorParams): GeneratorDi
     defaultResult.disabledDateTimeFn = generatorDisabledDateTimeFn(start, end);
   }
 
-  defaultResult.disabledDateFn = wrapperFn(cur => {
+  defaultResult.disabledDateFn = wrapperFn((cur) => {
     const curStr = cur.format(formatStr.date);
     if (dynamicDisabledDate.includes(curStr)) {
       return true;
@@ -418,7 +434,9 @@ export interface RuleCallbackProps extends GeneratorDisabledCallbackResultType {
   format: string;
 }
 
-export const getRuleCallback = (props: RuleCallbackProps): string => {
+export const getRuleCallback = (
+  props: RuleCallbackProps
+): string => {
   const { disabledDateFn, tiemMode, startDate, currentValue, endDate, holidaysLimit, getLocale, name, format } = props;
 
   const isArray = Array.isArray(currentValue) && currentValue.length === 2;
@@ -434,43 +452,33 @@ export const getRuleCallback = (props: RuleCallbackProps): string => {
     });
   }
   const list = [
-    startDate
-      ? {
-        min: currentStart,
-        max: startDate,
-        type: 'DatePicker.after',
-      }
-      : null,
-    startDate
-      ? {
-        min: currentEnd,
-        max: startDate,
-        type: 'DatePicker.after',
-      }
-      : null,
-    endDate
-      ? {
-        min: endDate,
-        max: currentStart,
-        type: 'DatePicker.before',
-      }
-      : null,
-    endDate
-      ? {
-        min: endDate,
-        max: currentEnd,
-        type: 'DatePicker.before',
-      }
-      : null,
+    startDate ? {
+      min: currentStart,
+      max: startDate,
+      type: 'DatePicker.after',
+    } : null,
+    startDate ? {
+      min: currentEnd,
+      max: startDate,
+      type: 'DatePicker.after',
+    } : null,
+    endDate ? {
+      min: endDate,
+      max: currentStart,
+      type: 'DatePicker.before',
+    } : null,
+    endDate ? {
+      min: endDate,
+      max: currentEnd,
+      type: 'DatePicker.before',
+    } : null,
   ].filter(el => !!el);
   for (let i = 0; i < list.length; i += 1) {
     const item = list[i];
     if (item && item.min < item.max) {
       return getLocale(item.type, {
         name,
-        [`${item.type === 'DatePicker.after' ? 'startTime' : 'endTime'}`]: (item.type === 'DatePicker.after' ? item.max : item.min).format(
-          tiemMode === 'time' ? formatStr.time : formatStr.date
-        ),
+        [`${item.type === 'DatePicker.after' ? 'startTime' : 'endTime'}`]: (item.type === 'DatePicker.after' ? item.max : item.min).format(tiemMode === 'time' ? formatStr.time : formatStr.date),
       });
     }
   }
@@ -484,7 +492,7 @@ export const getRuleCallback = (props: RuleCallbackProps): string => {
         name,
       });
     };
-
+    
     const { isHolidayLimit } = getHolidaysChecker(holidaysLimit);
     let diff = currentEnd.diff(currentStart, 'days');
     let flag = false;

package/lib/pcpublic/src/components/pcfactory/src/utils/hooks/useCommonImperativeHandle.ts

@@ -1,9 +1,9 @@
 import React, { useEffect, useImperativeHandle } from 'react';
-import { MonitorFn, useForm } from '../formUtils/FormContext';
 import { FormFieldsHooks } from '../formUtils/FormFields';
+import useRules, { createEmptyRule, RuleInterface } from './useRules';
 import { useListenProps } from './useListenState';
+import { MonitorFn, useForm } from '../formUtils/FormContext';
 import { useLocale } from './useLocale';
-import useRules, { createEmptyRule, RuleInterface } from './useRules';
 
 /**
  *
@@ -12,7 +12,13 @@ import useRules, { createEmptyRule, RuleInterface } from './useRules';
  * @param depends 依赖监听
  */
 export const useCommonImperativeHandle = (ref: any, props: any, handle: any = {}) => {
-  const { disabled: propsDisabled, required: propsRequired, readOnly: propsReadOnly, getEngineApis, fieldName } = props;
+  const {
+    disabled: propsDisabled,
+    required: propsRequired,
+    readOnly: propsReadOnly,
+    getEngineApis,
+    fieldName,
+  } = props;
 
   const engineApis = getEngineApis();
 
@@ -31,17 +37,13 @@ export const useCommonImperativeHandle = (ref: any, props: any, handle: any = {}
   const { getLocale, lang } = useLocale(engineApis);
 
   // 通用规则生成
-  const [finalRules, setExtendRules, setFinialRules] = useRules(
-    {
-      required,
-      regexp: props.regexp,
-      rules: props.rules,
-      message: props.message,
-      name: props.name,
-    },
-    getLocale,
-    lang
-  );
+  const [finalRules, setExtendRules, setFinialRules] = useRules({
+    required,
+    regexp: props.regexp,
+    rules: props.rules,
+    message: props.message,
+    name: props.name,
+  }, getLocale, lang);
 
   const clearValue = () => {
     let initValue: any = '';

package/lib/pcpublic/src/components/pcfactory/src/utils/hooks/useCompState.tsx

@@ -1,4 +1,4 @@
-import { useMemo } from 'react';
+import React, { useMemo } from 'react';
 
 export const renderHTML = (des: string) => {
   if (des) {

package/lib/pcpublic/src/components/pcfactory/src/utils/hooks/useDataMask.ts

@@ -1,3 +1,4 @@
+
 import { useMemo } from 'react';
 import { useCreation } from '../ahooks';
 
@@ -36,11 +37,15 @@ export const useDataMask = ({
           };
         }
 
-        const defaultMaskValue = defaultValue !== undefined ? functorsMap.DATAMASK(defaultValue || '', dataMask) : defaultValue;
+        const defaultMaskValue =
+      defaultValue !== undefined
+        ? functorsMap.DATAMASK(defaultValue || '', dataMask)
+        : defaultValue;
         return {
           isMask: true,
           defaultMaskValue,
-          maskValue: value !== undefined ? functorsMap.DATAMASK(value || '', dataMask) : defaultMaskValue,
+          maskValue:
+        value !== undefined ? functorsMap.DATAMASK(value || '', dataMask) : defaultMaskValue,
           getMaskData(value) {
             return functorsMap.DATAMASK(value, dataMask);
           },

package/lib/pcpublic/src/components/pcfactory/src/utils/hooks/useDoubleClick.ts

@@ -5,7 +5,7 @@ export interface DoubleClickProps {
   events: Record<string, MouseEventHandler<HTMLElement> | undefined>;
   clickName: string;
   doubleClickName: string;
-  type?: 'Button';
+  type?: 'Button'
 }
 
 /**
@@ -44,6 +44,7 @@ const useDoubleClick = ({ events = {}, clickName = 'onClick', doubleClickName =
 
   useEffect(() => resetClickParams, []);
 
+
   // 存在双击事件
   const target: DoubleClickProps['events'] = {
     [clickName]: (...args) => {
@@ -66,6 +67,7 @@ const useDoubleClick = ({ events = {}, clickName = 'onClick', doubleClickName =
     },
   };
 
+  
   return target;
 };
 

package/lib/pcpublic/src/components/pcfactory/src/utils/hooks/useFuncExpExecute.ts

@@ -1,6 +1,11 @@
 import { useCallback } from 'react';
 
-export type FuncExpExeCuteType = (str: string, params: { key: string; value: any }[], execute?: Function, getLocale?: Function) => any;
+export type FuncExpExeCuteType = (
+  str: string,
+  params: ({ key: string; value: any })[],
+  execute?: Function,
+  getLocale?: Function
+) => any;
 
 const funcExpExeCute: FuncExpExeCuteType = (str, params, execute, getLocale?: Function) => {
   if (!str) return '';
@@ -10,18 +15,18 @@ const funcExpExeCute: FuncExpExeCuteType = (str, params, execute, getLocale?: Fu
   try {
     if (params && Array.isArray(params)) {
       const isArrowFunc = codeStr.indexOf('=>') !== -1;
-
+      
       if (isArrowFunc) {
         const [funcDefine, funcBody] = codeStr.split('=>');
         codeStr = `function ${funcDefine} ${funcBody}`;
       }
-
+  
       const codeFunc = execute?.(codeStr);
 
       if (typeof codeFunc !== 'function') {
         throw new Error(getLocale?.('functionWarning') || '必须为函数声明的表达式');
       }
-
+  
       let funcParams: any = [];
 
       /**
@@ -34,18 +39,18 @@ const funcExpExeCute: FuncExpExeCuteType = (str, params, execute, getLocale?: Fu
         funcParams = params.map(param => param.value);
       } else {
         const objParam: any = {};
-
+  
         params.forEach(param => {
           objParam[param.key] = param.value;
         });
-
+  
         funcParams = objParam;
       }
-
+  
       if (funcParams && Array.isArray(funcParams)) {
         return codeFunc(...funcParams);
       }
-
+  
       return codeFunc(funcParams);
     }
   } catch (error) {
@@ -65,10 +70,7 @@ export const useFuncExpExecute = (executor: Function, getLocale?: any) => {
    * @param {function} execute
    * @returns
    */
-  return useCallback(
-    (str, params) => {
-      return funcExpExeCute(str, params, executor, getLocale);
-    },
-    [executor]
-  );
+  return useCallback((str, params) => {
+    return funcExpExeCute(str, params, executor, getLocale);
+  }, [executor]);
 };

package/lib/pcpublic/src/components/pcfactory/src/utils/hooks/useGetStaticAttrData.ts

@@ -1,7 +1,13 @@
-import { useEffect, useState } from 'react';
+import { useState, useEffect } from 'react';
 
 // 静态页面查询静态数据
-const useGetStaticAttrData = ({ attrNbrs = [], engineApis }: { attrNbrs: any; engineApis?: any }) => {
+const useGetStaticAttrData = ({
+  attrNbrs = [],
+  engineApis,
+}: {
+  attrNbrs: any;
+  engineApis?: any;
+}) => {
   const [attrDataMap, setAttrDataMap] = useState<any>([]);
 
   const getAttrData = async () => {
@@ -14,7 +20,7 @@ const useGetStaticAttrData = ({ attrNbrs = [], engineApis }: { attrNbrs: any; en
     const res = await engineApis?.service?.batchGetAppStaticAttr({
       attrCodes,
     });
-    Object.keys(res).forEach(key => {
+    Object.keys(res).forEach((key) => {
       attrMap[key] = (res[key] || []).map((item: any) => ({
         label: item.attrValueName,
         value: item.attrValue,

package/lib/pcpublic/src/components/pcfactory/src/utils/hooks/useHiddenStyle.ts

@@ -1,5 +1,6 @@
 import { CSSProperties, useMemo } from 'react';
 
+
 /**
  *
  * @param visible 是否显示
@@ -22,18 +23,16 @@ const useHiddenStyle = (visible: boolean, style?: CSSProperties, visibility?: bo
         return _style;
       }
       if (visibility) {
-        return {
-          visibility: 'hidden',
-          transform: 'opacity 0.3s ease',
-          opacity: 0,
-        };
+        return { visibility: 'hidden', transform: 'opacity 0.3s ease', opacity: 0 };
       }
       return { display: 'none' };
     }
     return style || {};
   }, [visible, visibility]);
 
+
   return finalStyle;
 };
 
+
 export default useHiddenStyle;

package/lib/pcpublic/src/components/pcfactory/src/utils/hooks/useInit.ts

@@ -0,0 +1,11 @@
+import { useRef } from 'react';
+
+const useInit = (cb: () => void) => {
+  const isInitRef = useRef(false);
+  if (!isInitRef.current) {
+    isInitRef.current = true;
+    cb();
+  }
+};
+
+export default useInit;

package/lib/pcpublic/src/components/pcfactory/src/utils/hooks/useInitReactQuill.ts

@@ -3,7 +3,9 @@ import { useRef, useState } from 'react';
 import { useLocale } from './useLocale';
 
 const useInitReactQuill = (props: any) => {
-  const { engineApis } = props;
+  const {
+    engineApis,
+  } = props;
 
   const quillRef: any = useRef(null);