@lingxiteam/ebe-utils 0.2.3 → 0.2.5

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

@@ -62,11 +62,7 @@ export interface MyCheckboxGroupProps {
  * @param labelKey
  * @returns
  */
-export const handleDataSource = (
-  dataSource: any[],
-  valueKey?: string,
-  labelKey?: string,
-) => {
+export const handleDataSource = (dataSource: any[], valueKey?: string, labelKey?: string) => {
   const valueKeys: any = [];
   const newDataSoure: any[] = [];
   if (Array.isArray(dataSource)) {
@@ -87,233 +83,200 @@ export const handleDataSource = (
 };
 // const prefixCls = 'checkboxGroup';
 
-const CheckboxGroup = LingxiForwardRef<any, MyCheckboxGroupProps>(
-  (props, ref) => {
-    const {
-      value,
-      // eslint-disable-next-line @typescript-eslint/no-unused-vars
-      visible = true,
-      onChange,
-      onValueRelease,
-      defaultValue,
-      getCompPropMapState,
-      compId,
-      name,
-      fieldName: rawFieldName,
-      hidden,
-      regexp,
-      message,
-      label,
-      labelCol,
-      wrapperCol,
-      text,
-      selfSpan,
-      colSpan,
-      rangeLimit,
-      labelKey = 'label',
-      valueKey = 'value',
-      showWrapperContainer,
-      wrapperContainer: WrapperContainer,
-      titleTip,
-      tipIcon,
-      tipLocation,
-      tipContent,
-      tipPlacement,
-      // eslint-disable-next-line @typescript-eslint/no-unused-vars
-      rules: externalRules = [],
-      max,
-      min,
-      checkedAll,
-      checkAllText,
-      classNameCheck,
-      className,
-      isFormChild,
-      tipSize,
-      tipWidth,
-      tipHeight,
-      getEngineApis,
-      dataSource: newDataSoure,
-      ...restProps
-    } = props;
+const CheckboxGroup = LingxiForwardRef<any, MyCheckboxGroupProps>((props, ref) => {
+  const {
+    value,
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    visible = true,
+    onChange,
+    onValueRelease,
+    defaultValue,
+    getCompPropMapState,
+    compId,
+    name,
+    fieldName: rawFieldName,
+    hidden,
+    regexp,
+    message,
+    label,
+    labelCol,
+    wrapperCol,
+    text,
+    selfSpan,
+    colSpan,
+    rangeLimit,
+    labelKey = 'label',
+    valueKey = 'value',
+    showWrapperContainer,
+    wrapperContainer: WrapperContainer,
+    titleTip,
+    tipIcon,
+    tipLocation,
+    tipContent,
+    tipPlacement,
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    rules: externalRules = [],
+    max,
+    min,
+    checkedAll,
+    checkAllText,
+    classNameCheck,
+    className,
+    isFormChild,
+    tipSize,
+    tipWidth,
+    tipHeight,
+    getEngineApis,
+    dataSource: newDataSoure,
+    ...restProps
+  } = props;
 
-    const engineApis = getEngineApis();
-    const customStyle = restProps.style || {};
-    const [dataSource, setDataSource] = useState<any[]>([]);
-    const [lKey, setLKey] = useState(labelKey);
-    const [vKey, setVKey] = useState(valueKey);
+  const engineApis = getEngineApis();
+  const customStyle = restProps.style || {};
+  const [dataSource, setDataSource] = useState<any[]>([]);
+  const [lKey, setLKey] = useState(labelKey);
+  const [vKey, setVKey] = useState(valueKey);
 
-    const {
-      margin: customMargin,
-      display: customDisplay,
-      visibility: customVisibility,
-      ...restCusStyles
-    } = customStyle;
+  const { margin: customMargin, display: customDisplay, visibility: customVisibility, ...restCusStyles } = customStyle;
 
-    const {
-      formFieldsRef,
-      required,
-      disabled,
-      readOnly,
-      finalRules,
-      setExtendRules,
-    } = useCommonImperative(ref, props, {
-      clearValue: [],
-      setDataWithLabelAndValue: (data: {
-        dataSource: any[];
-        labelKey: string;
-        valueKey: string;
-      }) => {
-        setLKey(data.labelKey);
-        setVKey(data.valueKey);
-        const newData = handleDataSource(
-          data.dataSource,
-          data.valueKey,
-          data.labelKey,
-        );
-        setDataSource(newData);
-      },
-      clearOptions: () => {
-        setDataSource([]);
-      },
-    });
-    const { getLocale, lang } = useLocale(engineApis);
-
-    const dfValue =
-      defaultValue && typeof defaultValue === 'string'
-        ? defaultValue.split(',')
-        : undefined;
-    // 处理列表数据
-    useEffect(() => {
-      let newData = Array.isArray(newDataSoure)
-        ? handleDataSource(newDataSoure, vKey, lKey)
-        : [];
-      if (rangeLimit && rangeLimit.length > 0) {
-        // 根据联动规则过滤出可选范围
-        newData = newData.map((c: any) => ({
-          ...c,
-          disabled: !rangeLimit.includes(+c.value),
-        }));
-      }
+  const { formFieldsRef, required, disabled, readOnly, finalRules, setExtendRules } = useCommonImperative(ref, props, {
+    clearValue: [],
+    setDataWithLabelAndValue: (data: { dataSource: any[]; labelKey: string; valueKey: string }) => {
+      setLKey(data.labelKey);
+      setVKey(data.valueKey);
+      const newData = handleDataSource(data.dataSource, data.valueKey, data.labelKey);
       setDataSource(newData);
-    }, [JSON.stringify(newDataSoure), rangeLimit]);
+    },
+    clearOptions: () => {
+      setDataSource([]);
+    },
+  });
+  const { getLocale, lang } = useLocale(engineApis);
 
-    const getRules = () => {
-      if (!min && !max) {
-        return [];
-      }
-      const minMsg: any = [];
-      const maxMsg: any = [];
-      if (min) {
-        minMsg.push({
-          type: 'array',
-          min,
-          message: getLocale?.('CheckboxGroup.minRule', { min }),
-        });
-      }
-      if (max) {
-        maxMsg.push({
-          type: 'array',
-          max,
-          message: getLocale?.('CheckboxGroup.maxRule', { max }),
-        });
-      }
-      return [...minMsg, ...maxMsg];
-    };
+  const dfValue = defaultValue && typeof defaultValue === 'string' ? defaultValue.split(',') : undefined;
+  // 处理列表数据
+  useEffect(() => {
+    let newData = Array.isArray(newDataSoure) ? handleDataSource(newDataSoure, vKey, lKey) : [];
+    if (rangeLimit && rangeLimit.length > 0) {
+      // 根据联动规则过滤出可选范围
+      newData = newData.map((c: any) => ({
+        ...c,
+        disabled: !rangeLimit.includes(+c.value),
+      }));
+    }
+    setDataSource(newData);
+  }, [JSON.stringify(newDataSoure), rangeLimit]);
 
-    useLayoutEffect(() => {
-      const extendRules = getRules();
-      setExtendRules(extendRules, false);
-    }, [min, max, lang]);
+  const getRules = () => {
+    if (!min && !max) {
+      return [];
+    }
+    const minMsg: any = [];
+    const maxMsg: any = [];
+    if (min) {
+      minMsg.push({
+        type: 'array',
+        min,
+        message: getLocale?.('CheckboxGroup.minRule', { min }),
+      });
+    }
+    if (max) {
+      maxMsg.push({
+        type: 'array',
+        max,
+        message: getLocale?.('CheckboxGroup.maxRule', { max }),
+      });
+    }
+    return [...minMsg, ...maxMsg];
+  };
 
-    // indeterminate: 已选但未全选，checkAll：全选/全不选，isAllDisabled：是否选项全部禁用
-    const [indeterminate, checkAll, isAllDisabled] = useMemo(() => {
-      const curValue = dataSource
-        ?.filter((c) => (value || [])?.includes(c?.value))
-        ?.map((v) => v?.value);
-      const valLen = curValue?.length || 0;
-      const dataLen = dataSource?.length || 0;
-      const disableLen = dataSource?.filter((o) => o?.disabled)?.length;
-      return [
-        !!valLen && valLen < dataLen,
-        !!dataLen && dataLen === valLen,
-        !!dataLen && disableLen === dataLen,
-      ];
-    }, [value, checkedAll, dataSource]);
+  useLayoutEffect(() => {
+    const extendRules = getRules();
+    setExtendRules(extendRules, false);
+  }, [min, max, lang]);
 
-    const onCheckAllChange = (e: any) => {
-      const { checked } = e.target;
-      let newVal: any = [];
-      if (checked) {
-        newVal = dataSource?.map((v: any) => v.value);
-      }
-      if (onChange) {
-        onChange(newVal);
-      }
-    };
+  // indeterminate: 已选但未全选，checkAll：全选/全不选，isAllDisabled：是否选项全部禁用
+  const [indeterminate, checkAll, isAllDisabled] = useMemo(() => {
+    const curValue = dataSource?.filter(c => (value || [])?.includes(c?.value))?.map(v => v?.value);
+    const valLen = curValue?.length || 0;
+    const dataLen = dataSource?.length || 0;
+    const disableLen = dataSource?.filter(o => o?.disabled)?.length;
+    return [!!valLen && valLen < dataLen, !!dataLen && dataLen === valLen, !!dataLen && disableLen === dataLen];
+  }, [value, checkedAll, dataSource]);
+
+  const onCheckAllChange = (e: any) => {
+    const { checked } = e.target;
+    let newVal: any = [];
+    if (checked) {
+      newVal = dataSource?.map((v: any) => v.value);
+    }
+    if (onChange) {
+      onChange(newVal);
+    }
+  };
 
-    const renderItem = () => {
-      const rProps = {
-        ...restProps,
-        style: restCusStyles,
-        defaultValue: dfValue,
-        disabled,
-      };
-      return checkedAll && dataSource?.length > 0 ? (
-        <>
-          <Checkbox
-            className={classNameCheck}
-            indeterminate={indeterminate}
-            disabled={rProps?.disabled || isAllDisabled}
-            checked={checkAll}
-            onChange={(e) => onCheckAllChange(e)}
-          >
-            {checkAllText || getLocale?.('all')}
-          </Checkbox>
-          <Checkbox.Group
-            {...rProps}
-            value={value}
-            options={dataSource}
-            className={`ued-checkboxgroup-wrap ${className}`}
-            onChange={(e) => {
-              if (onChange) {
-                onChange(e);
-              }
-            }}
-          />
-        </>
-      ) : (
+  const renderItem = () => {
+    const rProps = {
+      ...restProps,
+      style: restCusStyles,
+      defaultValue: dfValue,
+      disabled,
+    };
+    return checkedAll && dataSource?.length > 0 ? (
+      <>
+        <Checkbox
+          className={classNameCheck}
+          indeterminate={indeterminate}
+          disabled={rProps?.disabled || isAllDisabled}
+          checked={checkAll}
+          onChange={e => onCheckAllChange(e)}
+        >
+          {checkAllText || getLocale?.('all')}
+        </Checkbox>
         <Checkbox.Group
           {...rProps}
-          className={`ued-checkboxgroup-wrap ${className}`}
           value={value}
           options={dataSource}
-          onChange={(e: any) => {
+          className={`ued-checkboxgroup-wrap ${className}`}
+          onChange={e => {
             if (onChange) {
               onChange(e);
             }
           }}
         />
-      );
-    };
-
-    return (
-      <FormFields
-        {...getFieldsProps(props)}
-        handleFormValue={(value) => {
-          return value && typeof value === 'string' ? value.split(',') : value;
+      </>
+    ) : (
+      <Checkbox.Group
+        {...rProps}
+        className={`ued-checkboxgroup-wrap ${className}`}
+        value={value}
+        options={dataSource}
+        onChange={(e: any) => {
+          if (onChange) {
+            onChange(e);
+          }
         }}
-        readOnly={readOnly}
-        disabled={disabled}
-        required={required}
-        render={(val) => renderCommonList(val, dataSource)}
-        rules={finalRules}
-        defaultValue={dfValue}
-        ref={formFieldsRef}
-      >
-        {renderItem()}
-      </FormFields>
+      />
     );
-  },
-);
+  };
+
+  return (
+    <FormFields
+      {...getFieldsProps(props)}
+      handleFormValue={value => {
+        return value && typeof value === 'string' ? value.split(',') : value;
+      }}
+      readOnly={readOnly}
+      disabled={disabled}
+      required={required}
+      render={val => renderCommonList(val, dataSource)}
+      rules={finalRules}
+      defaultValue={dfValue}
+      ref={formFieldsRef}
+    >
+      {renderItem()}
+    </FormFields>
+  );
+});
 
 export default CheckboxGroup;

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

@@ -4,12 +4,7 @@ import { Collapse } from 'antd';
 import type { CollapsePanelProps } from 'antd/es/collapse';
 import classnames from 'classnames';
 import isUndefined from 'lodash/isUndefined';
-import React, {
-  useEffect,
-  useImperativeHandle,
-  useMemo,
-  useState,
-} from 'react';
+import React, { useEffect, useImperativeHandle, useMemo, useState } from 'react';
 import { PrefixIconIconProps } from '../Icon/PropsType';
 import { ChildRenderProvider, useChildRender, useHiddenStyle } from '../utils';
 
@@ -37,6 +32,13 @@ export interface MyCollapseProps extends CollapsePanelProps {
    * 手风琴模式
    */
   accordion: boolean;
+  titleFont?: string;
+  titleLineHeight?: string;
+  titleFontWeight?: number;
+  subTitleColor?: string;
+  subTitleFont?: string;
+  subTitleLineHeight?: string;
+  subTitleFontWeight?: number;
 }
 
 export interface WrapperCollapseProps {
@@ -71,17 +73,8 @@ const MyCollapse = LingxiForwardRef<any, MyCollapseProps>((props, ref) => {
     ...restProps
   } = props;
 
-  const {
-    context,
-    resetList,
-    addChildProps,
-    addParentProps,
-    renderChildren,
-    childRef,
-  } = useChildRender();
-  const [activeKeys, setActiveKeys] = useState<string[] | string>(
-    defaultActiveKey || [],
-  );
+  const { context, resetList, addChildProps, addParentProps, renderChildren, childRef } = useChildRender();
+  const [activeKeys, setActiveKeys] = useState<string[] | string>(defaultActiveKey || []);
 
   const finalStyle = useHiddenStyle(visible, style);
   const { padding, ...restStyle } = finalStyle || {};
@@ -96,10 +89,7 @@ const MyCollapse = LingxiForwardRef<any, MyCollapseProps>((props, ref) => {
       list.push(child?.props?.uid || child?.props?.$$componentItem.uid);
       components.push(child);
       // 兼容高代码模式下的uid
-      addChildProps(
-        child.props.uid || child?.props?.$$componentItem.uid,
-        child.props?.schema?.props,
-      );
+      addChildProps(child.props.uid || child?.props?.$$componentItem.uid, child.props?.schema?.props);
     });
     resetList(list);
     return components;
@@ -129,9 +119,7 @@ const MyCollapse = LingxiForwardRef<any, MyCollapseProps>((props, ref) => {
       } else if (type === '1') {
         setActiveKeys([]);
       } else if (type === '2') {
-        const childsKeys = collectChildsKeys().filter(
-          (key) => !activeKeys.includes(key),
-        );
+        const childsKeys = collectChildsKeys().filter(key => !activeKeys.includes(key));
         setActiveKeys(childsKeys);
       } else if (type === '3') {
         if (typeof keys === 'string') {
@@ -162,7 +150,7 @@ const MyCollapse = LingxiForwardRef<any, MyCollapseProps>((props, ref) => {
             defaultActiveKey={myActiveKeys}
             // @ts-ignore
             activeKey={props.activeKey ?? myActiveKeys}
-            onChange={(key) => {
+            onChange={key => {
               const temKeys = Array.isArray(key) ? key : [key];
               setActiveKeys(temKeys);
               onChange && onChange(key);
@@ -176,10 +164,7 @@ const MyCollapse = LingxiForwardRef<any, MyCollapseProps>((props, ref) => {
                 <DownOutlined style={{ fontSize: 14 }} rev="" />
               </div>
             )}
-            className={classnames(
-              `ued-collapse-${size || 'default'}`,
-              restProps.collapseType === 'simple' ? 'ued-collapse-simple' : '',
-            )}
+            className={classnames(`ued-collapse-${size || 'default'}`, restProps.collapseType === 'simple' ? 'ued-collapse-simple' : '')}
           >
             {renderChildren()}
           </Collapse>