@lingxiteam/ebe-utils 0.2.3 → 0.2.5

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

@@ -95,18 +95,10 @@ const MySteps = LingxiForwardRef<any, MyStepsProps>((props, ref) => {
     if (Array.isArray(dataSource)) {
       // 绑定数据源
       setInnerDataSource(dataSource);
-      setCurrent(
-        props.current ||
-          dataSource.findIndex((i) => i[statusAlias] === 'process') ||
-          0,
-      );
+      setCurrent(props.current || dataSource.findIndex(i => i[statusAlias] === 'process') || 0);
     } else if (stepsOptions && Array.isArray(stepsOptions)) {
       // 步骤设置
-      setCurrent(
-        props.current ||
-          stepsOptions.findIndex((i) => i[statusAlias] === 'process') ||
-          0,
-      );
+      setCurrent(props.current || stepsOptions.findIndex(i => i[statusAlias] === 'process') || 0);
       setInnerDataSource(stepsOptions);
     }
   }, [JSON.stringify(stepsOptions), JSON.stringify(dataSource)]);
@@ -124,12 +116,8 @@ const MySteps = LingxiForwardRef<any, MyStepsProps>((props, ref) => {
    * @param item
    */
   const renderDefaultIcon = (item: any) => {
-    const iconItem = iconSetting.find(
-      (i: any) => i.value === item[statusAlias],
-    );
-    const currentColor = iconItem?.isUsePrimary
-      ? undefined
-      : item.color || iconItem?.color;
+    const iconItem = iconSetting.find((i: any) => i.value === item[statusAlias]);
+    const currentColor = iconItem?.isUsePrimary ? undefined : item.color || iconItem?.color;
     const style = {
       fontSize: size === 'default' ? '18px' : '16px',
       color: currentColor,
@@ -149,10 +137,7 @@ const MySteps = LingxiForwardRef<any, MyStepsProps>((props, ref) => {
     }
     return (
       <>
-        <Icon
-          style={style}
-          component={item[statusAlias] === 'finish' ? CheckCircle : Vector}
-        />
+        <Icon style={style} component={item[statusAlias] === 'finish' ? CheckCircle : Vector} />
       </>
     );
   };
@@ -165,12 +150,8 @@ const MySteps = LingxiForwardRef<any, MyStepsProps>((props, ref) => {
    */
   const renderStepIcon = (item: any, index: number) => {
     const iconValue = item[iconAlias];
-    const iconItem = iconSetting.find(
-      (i: any) => i.value === item[statusAlias],
-    );
-    const currentColor = iconItem?.isUsePrimary
-      ? undefined
-      : item.color || iconItem?.color;
+    const iconItem = iconSetting.find((i: any) => i.value === item[statusAlias]);
+    const currentColor = iconItem?.isUsePrimary ? undefined : item.color || iconItem?.color;
     // 存量无状态的默认状态
     const status = item[statusAlias] || (index === 0 ? 'process' : 'wait');
     switch (stepStyle) {
@@ -197,11 +178,7 @@ const MySteps = LingxiForwardRef<any, MyStepsProps>((props, ref) => {
           color: item.color,
         };
         // 如果数据没有图标内容，返回默认的图标配置
-        if (
-          !iconValue ||
-          iconValue.isIconFont === false ||
-          Object.keys(iconValue || {}).length === 0
-        ) {
+        if (!iconValue || iconValue.isIconFont === false || Object.keys(iconValue || {}).length === 0) {
           return renderDefaultIcon(item);
         }
         // 字符串代表使用fileID或者url展示图标
@@ -210,13 +187,13 @@ const MySteps = LingxiForwardRef<any, MyStepsProps>((props, ref) => {
           item[iconAlias] = {
             iconFile: iconValue.startsWith('http')
               ? {
-                  fileHttp: iconValue,
-                  fileSubType: 'ICON_IMAGE',
-                }
+                fileHttp: iconValue,
+                fileSubType: 'ICON_IMAGE',
+              }
               : {
-                  fileCode: iconValue,
-                  fileSubType: 'ICON_IMAGE',
-                },
+                fileCode: iconValue,
+                fileSubType: 'ICON_IMAGE',
+              },
           };
         }
         // 否则为自定义配置的
@@ -266,12 +243,10 @@ const MySteps = LingxiForwardRef<any, MyStepsProps>((props, ref) => {
       options: {
         step: string;
         status: 'wait' | 'process' | 'finish' | 'error';
-      }[],
+      }[]
     ) {
       const newData = innerDataSource.map((i, index) => {
-        const item = options.find(
-          (j) => j.step === i[idAlias] || +j.step === index,
-        );
+        const item = options.find(j => j.step === i[idAlias] || +j.step === index);
         if (item && item.status) {
           i[statusAlias] = item.status;
         }
@@ -284,10 +259,7 @@ const MySteps = LingxiForwardRef<any, MyStepsProps>((props, ref) => {
   /**
    * 步骤切换
    */
-  const onCurrentChange = (
-    index: number,
-    dataSource: any = innerDataSource,
-  ) => {
+  const onCurrentChange = (index: number, dataSource: any = innerDataSource) => {
     setCurrent(index);
     const newData = dataSource.map((item: any, i: number) => {
       if (i === index) {
@@ -315,12 +287,9 @@ const MySteps = LingxiForwardRef<any, MyStepsProps>((props, ref) => {
       {...restProps}
       labelPlacement={stepStyle === 'dot' ? 'vertical' : labelPlacement} // 点状标签位置只能在下方
       current={current}
-      onChange={(c) => {
+      onChange={c => {
         // 如果配置了点击事件，优先执行点击事件，不更改步骤状态，如果没有点击事件，有值变化回掉事件，更改步骤状态
-        if (
-          typeof onClick === 'function' &&
-          !innerDataSource[c]?.[disabledAlias]
-        ) {
+        if (typeof onClick === 'function' && !innerDataSource[c]?.[disabledAlias]) {
           onClick(c, innerDataSource[c]);
           // 如果有配置值变化回掉事件，也执行值变化回掉事件，但是不切换步骤状态
           if (typeof onChange === 'function') {
@@ -341,11 +310,7 @@ const MySteps = LingxiForwardRef<any, MyStepsProps>((props, ref) => {
           disabled={!!opt[disabledAlias]}
           key={opt[idAlias]}
           style={{ ...(opt[disabledAlias] ? { cursor: 'not-allowed' } : {}) }}
-          icon={
-            <div className={`${prefixCls}-iconItem-${size}`}>
-              {renderStepIcon(opt, i)}
-            </div>
-          }
+          icon={<div className={`${prefixCls}-iconItem-${size}`}>{renderStepIcon(opt, i)}</div>}
         />
       ))}
     </Steps>

package/lib/pcpublic/src/components/pcfactory/src/SuperSelect/ComSelect.tsx

@@ -1,13 +1,7 @@
 import { PlusOutlined } from '@ant-design/icons';
 import type { EngineApisType } from '@lingxiteam/types';
 import { Divider, Input, Select } from 'antd';
-import React, {
-  forwardRef,
-  useEffect,
-  useImperativeHandle,
-  useMemo,
-  useState,
-} from 'react';
+import React, { forwardRef, useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react';
 import { useMap } from '../utils/ahooks';
 import { createId } from '../utils/common';
 import useGetStaticAttrData from '../utils/hooks/useGetStaticAttrData';
@@ -59,11 +53,9 @@ const transFormType: Record<string, NumberConstructor | StringConstructor> = {
 const superSelectCls = 'ued-superSelect';
 
 // const ComSelect: React.ForwardRefRenderFunction<any, ComSelectProps> = (props, ref) => {
-const ComSelect = forwardRef<any, ComSelectProps>((props) => {
+const ComSelect = forwardRef<any, ComSelectProps>(props => {
   // const api = getApis();
-  const { getLocale } = useLocale(
-    props?.engineApis || props?.getEngineApis?.(),
-  );
+  const { getLocale } = useLocale(props?.engineApis || props?.getEngineApis?.());
   const {
     className,
     value,
@@ -89,14 +81,7 @@ const ComSelect = forwardRef<any, ComSelectProps>((props) => {
 
   const engineApis = receivedEngineApis || getEngineApis?.() || {};
 
-  const {
-    valueKey = {},
-    labelKey = {},
-    extraKey = [],
-    api: apiKeys = {},
-    showExtraKey = true,
-    doFilter = false,
-  } = staticService;
+  const { valueKey = {}, labelKey = {}, extraKey = [], api: apiKeys = {}, showExtraKey = true, doFilter = false } = staticService;
 
   const [reload, setReload] = useState(0);
   const [compValue, setCompValue] = useState<any>();
@@ -108,26 +93,22 @@ const ComSelect = forwardRef<any, ComSelectProps>((props) => {
   const [, setShow] = useState(false);
   const [fetching, setFetching] = useState(false); // 下拉框加载数据loading
   const [showMoreTips, setShowMoreTips] = useState(true); // 是否展示  更多加载  提示项
-
   const [poolDataSource, { set, get }] = useMap();
 
+  const extendDataSourceRef = useRef<any[]>(); // 存放回填值不在下拉选项的数据，将添加到dataSource来达到数据回填展示
+
   const innerValue = useMemo(() => {
     return value;
   }, [JSON.stringify(value)]);
 
   useEffect(() => {
-    if (
-      compValue === undefined ||
-      (Array.isArray(compValue) && !compValue.length)
-    ) {
+    if (compValue === undefined || (Array.isArray(compValue) && !compValue.length)) {
       setSelectedRows([]);
     }
   }, [compValue]);
 
   const [attrMap] = useGetStaticAttrData({
-    attrNbrs: extraKey
-      .filter((item: any) => item.staticCode)
-      .map((item: any) => item.staticCode),
+    attrNbrs: extraKey.filter((item: any) => item.staticCode).map((item: any) => item.staticCode),
   });
 
   const onTriggerChange = (v: any) => {
@@ -162,6 +143,19 @@ const ComSelect = forwardRef<any, ComSelectProps>((props) => {
     },
   }));
 
+  // 添加回填值不在下拉选项的数据
+  const getMergeDataSource = (ds: any[]) => {
+    const mergeItems: any[] = [];
+    if (extendDataSourceRef.current) {
+      extendDataSourceRef.current.forEach(extItem => {
+        if (!ds.find(item => item[valueKey?.key] === extItem[valueKey?.key])) {
+          mergeItems.push(extItem);
+        }
+      });
+    }
+    return [...ds, ...mergeItems];
+  };
+
   // 表格行编辑时，需手动返回选中的lebel做展示
   const onSelectChange = (v: any, _label: any) => {
     if (value === undefined || ignoreValueType) {
@@ -176,12 +170,9 @@ const ComSelect = forwardRef<any, ComSelectProps>((props) => {
   const computeValue = (data: any) => {
     const values = data.map((item: any) => item[valueKey?.key]);
     // eslint-disable-next-line no-nested-ternary
-    const nowValues =
-      mode === 'multiple' ? values : values.length ? values[0] : undefined;
+    const nowValues = mode === 'multiple' ? values : values.length ? values[0] : undefined;
     // eslint-disable-next-line no-underscore-dangle
-    const _label = data
-      .map((item: any) => item[labelKey?.key || valueKey?.key])
-      .join(',');
+    const _label = data.map((item: any) => item[labelKey?.key || valueKey?.key]).join(',');
     onSelectChange(nowValues, _label);
   };
 
@@ -229,14 +220,13 @@ const ComSelect = forwardRef<any, ComSelectProps>((props) => {
       });
       setSelectedRows(rows);
     } else {
-      const { serviceCode, servicePath, serviceMethod, busiObjectId } =
-        apiKeys.selectByKeys;
+      const { serviceCode, servicePath, serviceMethod, busiObjectId } = apiKeys.selectByKeys;
       (engineApis as any)?.service
         ?.commonFetch(serviceMethod, `${servicePath}/${serviceCode}`, {
           busiObjectInstId: createId(),
           busiObjectId,
           attrs: {
-            primaryValues: ids.map((item) => `${item}`),
+            primaryValues: ids.map(item => `${item}`),
           },
         })
         .then((res = []) => {
@@ -244,39 +234,31 @@ const ComSelect = forwardRef<any, ComSelectProps>((props) => {
             ...l,
             [valueKey?.key]: String(l[valueKey?.key]),
           }));
-          newList.forEach((item) => {
+          newList.forEach(item => {
             set(item[valueKey?.key], item);
           });
           // 针对选择的数据在对应表中已删除时，手动补齐数据做展示
           const others: any[] = [];
           ids.forEach((i: any) => {
             // eslint-disable-next-line eqeqeq
-            if (!newList.find((r) => r[valueKey?.key] == i)) {
+            if (!newList.find(r => r[valueKey?.key] == i)) {
               others.push({
                 [valueKey?.key]: i,
                 [labelKey?.key || valueKey?.key]: i,
               });
             }
           });
+          extendDataSourceRef.current = newList;
+          setDataSource(prevDataSource => getMergeDataSource(prevDataSource));
+          setOldDataSource(prevOldDataSource => getMergeDataSource(prevOldDataSource));
           setSelectedRows([...newList, ...others]);
           // 如果初次未传入正确的value数据类型
           if (newList?.length && newList[0][valueKey?.key]) {
             const realType = typeof newList[0][valueKey?.key];
             const valueType = typeof ids[0];
-            if (
-              (realType !== valueType || ignoreValueType) &&
-              transFormType[realType]
-            ) {
-              const transformValue =
-                mode !== 'multiple'
-                  ? transFormType[realType](ids[0])
-                  : ids.map((item) => transFormType[realType](item));
-              onSelectChange(
-                transformValue,
-                newList
-                  .map((item) => item[labelKey?.key || valueKey?.key])
-                  .join(','),
-              );
+            if ((realType !== valueType || ignoreValueType) && transFormType[realType]) {
+              const transformValue = mode !== 'multiple' ? transFormType[realType](ids[0]) : ids.map(item => transFormType[realType](item));
+              onSelectChange(transformValue, newList.map(item => item[labelKey?.key || valueKey?.key]).join(','));
             }
           }
         });
@@ -297,8 +279,7 @@ const ComSelect = forwardRef<any, ComSelectProps>((props) => {
         setShowMoreTips(false);
       }
       setFetching(true);
-      const { serviceCode, servicePath, serviceMethod, busiObjectId } =
-        apiKeys.selectAllPage;
+      const { serviceCode, servicePath, serviceMethod, busiObjectId } = apiKeys.selectAllPage;
       (engineApis as any)?.service
         ?.commonFetch(serviceMethod, `${servicePath}/${serviceCode}`, {
           busiObjectInstId: createId(),
@@ -312,10 +293,12 @@ const ComSelect = forwardRef<any, ComSelectProps>((props) => {
         })
         .then((res: any) => {
           const { list = [], total: newTotal } = res || {};
-          const newList: any[] = list.map((l: any) => ({
-            ...l,
-            [valueKey?.key]: String(l[valueKey?.key]),
-          }));
+          const newList: any[] = getMergeDataSource(
+            list.map((l: any) => ({
+              ...l,
+              [valueKey?.key]: String(l[valueKey?.key]),
+            }))
+          );
           if (!isSearch) {
             setOldDataSource([...newList]);
             setTotal(newTotal || 0);
@@ -341,8 +324,7 @@ const ComSelect = forwardRef<any, ComSelectProps>((props) => {
     const initValue = innerValue || defaultValue;
     if (initValue) {
       let values: any = Array.isArray(initValue) ? initValue : [initValue];
-      let labels: any =
-        typeof showLabel === 'string' ? showLabel?.split(',') : [];
+      let labels: any = typeof showLabel === 'string' ? showLabel?.split(',') : [];
       if (Array.isArray(showLabel)) {
         labels = showLabel;
       }
@@ -364,24 +346,21 @@ const ComSelect = forwardRef<any, ComSelectProps>((props) => {
 
   useEffect(() => {
     superSelectGetAllPage('');
-  }, [JSON.stringify(apiKeys), params, reload]);
+  }, [JSON.stringify(apiKeys), JSON.stringify(params), reload]);
 
   // 选择区域内容
   const mainContent = useMemo(() => {
     // eslint-disable-next-line no-underscore-dangle
     const _innerValue = mode === 'multiple' ? innerValue : [innerValue];
     if (selcetMode === 'select') {
-      const currentValue =
-        mode === 'multiple'
-          ? selectedRows.map((f: any) => f[valueKey.key])
-          : selectedRows?.[0]?.[valueKey.key];
+      const currentValue = mode === 'multiple' ? selectedRows.map((f: any) => f[valueKey.key]) : selectedRows?.[0]?.[valueKey.key];
       // || innerValue;
       // 非弹窗时，直接渲染为下拉，，form中不必重复设置value
       const rows = selectedRows.length
         ? selectedRows.map((se: any) => ({
-            value: se[valueKey.key],
-            label: se[labelKey?.key || valueKey?.key],
-          }))
+          value: se[valueKey.key],
+          label: se[labelKey?.key || valueKey?.key],
+        }))
         : undefined;
       const valueProp = {
         value: labelInValue ? rows : currentValue,
@@ -412,7 +391,7 @@ const ComSelect = forwardRef<any, ComSelectProps>((props) => {
           {...valueProp}
           mode={mode}
           // notFoundContent={fetching ? <Spin size="small" /> : null}
-          dropdownRender={(menu) => (
+          dropdownRender={menu => (
             <>
               {menu}
               {showAddBtn && (
@@ -420,15 +399,14 @@ const ComSelect = forwardRef<any, ComSelectProps>((props) => {
                   <Divider style={{ color: '#e5e5e5', margin: '0' }} />
                   <div
                     className={`${superSelectCls}-modal-addBtn`}
-                    onMouseDown={(e) => e.preventDefault()}
+                    onMouseDown={e => e.preventDefault()}
                     onClick={() => {
                       if (onClickAddBtn) {
                         onClickAddBtn();
                       }
                     }}
                   >
-                    <PlusOutlined style={{ fontSize: '11px' }} rev="" />{' '}
-                    {addBtnText}
+                    <PlusOutlined style={{ fontSize: '11px' }} rev="" /> {addBtnText}
                   </div>
                 </>
               )}
@@ -438,20 +416,15 @@ const ComSelect = forwardRef<any, ComSelectProps>((props) => {
           showSearch
           filterOption={false}
           // onSearch={fetchList}
-          onSearch={(v) => superSelectGetAllPage(v, true)}
-          onChange={(e) => {
+          onSearch={v => superSelectGetAllPage(v, true)}
+          onChange={e => {
             let changeValue: any[] = [];
             if (labelInValue) {
-              changeValue =
-                mode === 'multiple'
-                  ? (e || []).map((ev: any) => ev.value)
-                  : e?.value;
+              changeValue = mode === 'multiple' ? (e || []).map((ev: any) => ev.value) : e?.value;
             } else {
               changeValue = mode === 'multiple' ? e : [e];
             }
-            const newData = dataSource.filter((f: any) =>
-              changeValue.includes(f[valueKey.key]),
-            );
+            const newData = dataSource.filter((f: any) => changeValue.includes(f[valueKey.key]));
             setSelectedRows(newData);
             // 4月份版本屏蔽了弹窗方式打开，兼容存量数据，则不需要添加该判断
             // if (showMode !== 'modal') {
@@ -463,33 +436,22 @@ const ComSelect = forwardRef<any, ComSelectProps>((props) => {
           {dataSource
             // .filter(d => !doFilter || (doFilter && conditions.length && collectCondition(conditions, d)))
             .map((item: any) => (
-              <Select.Option
-                key={item[valueKey.key]}
-                label={item[labelKey.key]}
-              >
+              <Select.Option key={item[valueKey.key]} label={item[labelKey.key]}>
                 {showExtraKey && extraKey.length ? (
                   <div>
                     {item[labelKey.key]}
                     <div
                       className={`${superSelectCls}-extraContent ${
-                        (_innerValue || []).includes(item[valueKey.key])
-                          ? `${superSelectCls}-extraContentSelected`
-                          : ''
+                        (_innerValue || []).includes(item[valueKey.key]) ? `${superSelectCls}-extraContentSelected` : ''
                       }`}
                       title={extraKey
                         .filter((e: any) => !!item[e.key])
-                        .map(
-                          (e: any, i: number) =>
-                            `${renderExtralKe(item[e.key], item.staticCode)}`,
-                        )
+                        .map((e: any, i: number) => `${renderExtralKe(item[e.key], item.staticCode)}`)
                         .join('  |  ')}
                     >
                       {extraKey
                         .filter((e: any) => !!item[e.key])
-                        .map(
-                          (e: any, i: number) =>
-                            `${renderExtralKe(item[e.key], item.staticCode)}`,
-                        )
+                        .map((e: any, i: number) => `${renderExtralKe(item[e.key], item.staticCode)}`)
                         .join('  |  ')}
                     </div>
                   </div>
@@ -499,12 +461,7 @@ const ComSelect = forwardRef<any, ComSelectProps>((props) => {
               </Select.Option>
             ))}
           {total > 50 && showMoreTips && (
-            <Select.Option
-              key={-1}
-              label={-1}
-              disabled
-              className={`${superSelectCls}-optionTip`}
-            >
+            <Select.Option key={-1} label={-1} disabled className={`${superSelectCls}-optionTip`}>
               - {getLocale('SuperSelect.load')} -
             </Select.Option>
           )}

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

@@ -1,10 +1,6 @@
 import { LingxiForwardRef } from '@lingxiteam/types';
 import React, { useRef } from 'react';
-import {
-  FormFields,
-  getFieldsProps,
-  useCommonImperativeHandle,
-} from '../utils';
+import { FormFields, getFieldsProps, useCommonImperativeHandle } from '../utils';
 import SuperSelectLoader from './loader';
 
 export interface MySuperSelectProps {
@@ -48,9 +44,7 @@ interface WrapperSuperSelectProps {
 const SUPERSELECT_WRAPPER_CLASSNAME = 'ued-superSelect-wrap';
 const WrapperSuperSelect = ({ children }: WrapperSuperSelectProps) =>
   React.cloneElement(children, {
-    className: `${SUPERSELECT_WRAPPER_CLASSNAME} ${
-      children.props.className || ''
-    }`,
+    className: `${SUPERSELECT_WRAPPER_CLASSNAME} ${children.props.className || ''}`,
   });
 
 const SuperSelect = LingxiForwardRef<any, MySuperSelectProps>((props, ref) => {
@@ -82,20 +76,14 @@ const SuperSelect = LingxiForwardRef<any, MySuperSelectProps>((props, ref) => {
     ...restProps
   } = props;
   const comSelectRef = useRef<any>();
-  const { formFieldsRef, required, readOnly, disabled, finalRules } =
-    useCommonImperativeHandle(ref, props, {
-      getSelectedData: () => {
-        return comSelectRef.current?.getSelectedData();
-      },
-      reloadOptions: comSelectRef.current?.reloadOptions,
-    });
+  const { formFieldsRef, required, readOnly, disabled, finalRules } = useCommonImperativeHandle(ref, props, {
+    getSelectedData: () => {
+      return comSelectRef.current?.getSelectedData();
+    },
+    reloadOptions: comSelectRef.current?.reloadOptions,
+  });
   const customStyle = restProps.style || {};
-  const {
-    margin: customMargin,
-    display: customDisplay,
-    visibility: customVisibility,
-    ...restCusStyles
-  } = customStyle;
+  const { margin: customMargin, display: customDisplay, visibility: customVisibility, ...restCusStyles } = customStyle;
 
   return (
     <FormFields
@@ -106,19 +94,11 @@ const SuperSelect = LingxiForwardRef<any, MySuperSelectProps>((props, ref) => {
       readOnly={readOnly}
       rules={finalRules}
       ignoreReadOnlyFlag
-      defaultValue={
-        props.mode === 'multiple' && typeof defaultValue === 'string'
-          ? defaultValue.split(',')
-          : defaultValue
-      }
+      defaultValue={props.mode === 'multiple' && typeof defaultValue === 'string' ? defaultValue.split(',') : defaultValue}
       label={label}
       style={restCusStyles}
     >
-      <SuperSelectLoader
-        fieldName={fieldName}
-        {...restProps}
-        comSelectRef={comSelectRef}
-      />
+      <SuperSelectLoader fieldName={fieldName} {...restProps} comSelectRef={comSelectRef} />
     </FormFields>
   );
 });

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

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

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

@@ -5,6 +5,7 @@ import classnames from 'classnames';
 import React, { useEffect, useImperativeHandle, useRef } from 'react';
 
 export interface MySwiperProps {
+
   /** 数据源 */
   data?: any[];
   itemType?: string;
@@ -63,9 +64,7 @@ const Swiper = LingxiForwardRef<any, MySwiperProps>((props, ref) => {
     const c = document.getElementsByClassName('ued-swiper-wrap')[0];
     const cHeight = c?.clientHeight;
     if (cHeight) {
-      (
-        document.getElementsByClassName('slick-slider')[0] as any
-      ).style.height = `${cHeight}px`;
+      (document.getElementsByClassName('slick-slider')[0] as any).style.height = `${cHeight}px`;
     }
   }, []);
 
@@ -124,18 +123,10 @@ const Swiper = LingxiForwardRef<any, MySwiperProps>((props, ref) => {
   };
 
   return visible ? (
-    <div
-      className={classnames('ued-swiper-wrap', className)}
-      style={{ ...restStyle, width, height }}
-    >
+    <div className={classnames('ued-swiper-wrap', className)} style={{ ...restStyle, width, height }}>
       {arrows && (
         <div
-          className={classnames(
-            'ued-swiper-icon',
-            iscross ? 'left' : 'up',
-            arrowsDisplay,
-            smallerThan200() ? 'small' : '',
-          )}
+          className={classnames('ued-swiper-icon', iscross ? 'left' : 'up', arrowsDisplay, smallerThan200() ? 'small' : '')}
           onClick={() => {
             if (carouselRef.current) {
               carouselRef?.current?.prev();
@@ -154,20 +145,15 @@ const Swiper = LingxiForwardRef<any, MySwiperProps>((props, ref) => {
       >
         {Array.isArray(data)
           ? data.map((item, index) => (
-              <div key={index} className={subclassName}>
-                {renderItem(item)}
-              </div>
-            ))
+            <div key={index} className={subclassName}>
+              {renderItem(item)}
+            </div>
+          ))
           : null}
       </Carousel>
       {arrows && (
         <div
-          className={classnames(
-            'ued-swiper-icon',
-            iscross ? 'right' : 'down',
-            arrowsDisplay,
-            smallerThan200() ? 'small' : '',
-          )}
+          className={classnames('ued-swiper-icon', iscross ? 'right' : 'down', arrowsDisplay, smallerThan200() ? 'small' : '')}
           onClick={() => {
             if (carouselRef.current) {
               carouselRef?.current?.next();