@lingxiteam/ebe-utils 0.2.3 → 0.2.5

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

@@ -3,12 +3,7 @@ import { TreeSelect } from 'antd';
 import _ from 'lodash';
 import React, { useEffect, useRef, useState } from 'react';
 import IconFont from '../IconFont';
-import {
-  FormFields,
-  getFieldsProps,
-  useCommonImperativeHandle,
-  useListenProps,
-} from '../utils';
+import { FormFields, getFieldsProps, useCommonImperativeHandle, useListenProps } from '../utils';
 import EmptyComp from '../utils/Empty';
 import { useLocale } from '../utils/hooks/useLocale';
 import { flattenTreeData, renderCommonList } from '../utils/renderReadOnly';
@@ -18,9 +13,7 @@ const { TreeNode } = TreeSelect;
 const TREESELECT_WRAPPER_CLASSNAME = 'ued-treeSelect-wrap';
 const WrapperTreeSelect = ({ children }: { children: JSX.Element }) =>
   React.cloneElement(children, {
-    className: `${TREESELECT_WRAPPER_CLASSNAME} ${
-      children.props.className || ''
-    }`,
+    className: `${TREESELECT_WRAPPER_CLASSNAME} ${children.props.className || ''}`,
   });
 
 export interface MyTreeSelectProps {
@@ -59,22 +52,12 @@ export interface MyTreeSelectProps {
   tipPlacement?: any;
   isSelectAll?: boolean;
   treeCheckable?: boolean; // 是否复选
-  onTreeExpand?: (
-    nodeKey: any,
-    childrenKey: any,
-    parentNodeKey: any,
-    parentNodeData: any,
-  ) => void;
+  onTreeExpand?: (nodeKey: any, childrenKey: any, parentNodeKey: any, parentNodeData: any) => void;
   onSelectAllRelease?: () => void;
   colon?: boolean;
   multiple: boolean;
   isFormChild?: boolean | undefined;
-  onSelect?: (
-    key: any,
-    data: any,
-    parentNodeKey: any,
-    parentNodeData: any,
-  ) => void;
+  onSelect?: (key: any, data: any, parentNodeKey: any, parentNodeData: any) => void;
   readOnly: boolean;
   rules?: any[];
   filter?: any;
@@ -146,9 +129,7 @@ const MyTreeSelect = LingxiForwardRef<any, MyTreeSelectProps>((props, ref) => {
   const [dataSource, setDataSource] = useListenProps(props.dataSource);
 
   const [data, setData] = useState(treeService ? [] : treeData);
-  const [isSelectAll, setIsSelectAll] = useState<boolean>(
-    props?.isSelectAll || false,
-  );
+  const [isSelectAll, setIsSelectAll] = useState<boolean>(props?.isSelectAll || false);
   const [filterObject, setFilterObject] = useState<any>({});
   // 记录节点集合
   const treeNodeMap = useRef<any>({});
@@ -157,55 +138,46 @@ const MyTreeSelect = LingxiForwardRef<any, MyTreeSelectProps>((props, ref) => {
 
   const { getLocale } = useLocale(engineApis);
 
-  const { formFieldsRef, required, readOnly, disabled, finalRules } =
-    useCommonImperativeHandle(ref, props, {
-      get dataSource() {
-        return data;
-      },
-      setDataSource(_data: any[]) {
-        setDataSource(_data);
-      },
-      setStateMap(stateMap: any) {
-        if (stateMap?.treeService) {
-          setTreeService(stateMap.treeService);
-        }
-        if (Array.isArray(stateMap?.dataSource)) {
-          setDataSource([...stateMap.dataSource]);
-        }
-      },
-      // 设置全部选中
-      setSelectAll(_flag: boolean) {
-        setIsSelectAll(_flag);
-      },
-      clearValue() {
-        if (treeProps.multiple || treeProps.treeCheckable) {
-          onlySyncValue?.([]);
-        } else {
-          onlySyncValue?.(null);
-        }
-      },
-      setValue(newValue: any) {
-        if (treeProps.multiple || treeProps.treeCheckable) {
-          const _value = Array.isArray(newValue)
-            ? newValue
-            : newValue?.split(',');
-          onlySyncValue?.(_value);
-        } else {
-          onlySyncValue?.(newValue);
-        }
-      },
-    });
+  const { formFieldsRef, required, readOnly, disabled, finalRules } = useCommonImperativeHandle(ref, props, {
+    get dataSource() {
+      return data;
+    },
+    setDataSource(_data: any[]) {
+      setDataSource(_data);
+    },
+    setStateMap(stateMap: any) {
+      if (stateMap?.treeService) {
+        setTreeService(stateMap.treeService);
+      }
+      if (Array.isArray(stateMap?.dataSource)) {
+        setDataSource([...stateMap.dataSource]);
+      }
+    },
+    // 设置全部选中
+    setSelectAll(_flag: boolean) {
+      setIsSelectAll(_flag);
+    },
+    clearValue() {
+      if (treeProps.multiple || treeProps.treeCheckable) {
+        onlySyncValue?.([]);
+      } else {
+        onlySyncValue?.(null);
+      }
+    },
+    setValue(newValue: any) {
+      if (treeProps.multiple || treeProps.treeCheckable) {
+        const _value = Array.isArray(newValue) ? newValue : newValue?.split(',');
+        onlySyncValue?.(_value);
+      } else {
+        onlySyncValue?.(newValue);
+      }
+    },
+  });
 
   // isGetAll 是否获取所有节点keys，否则只获取父级的，展开时使用
-  const recursive = (
-    arr: any[],
-    keys: any[],
-    map?: any,
-    isGetAll = false,
-    parentNode?: any,
-  ) => {
+  const recursive = (arr: any[], keys: any[], map?: any, isGetAll = false, parentNode?: any) => {
     if (Array.isArray(arr)) {
-      arr.forEach((a) => {
+      arr.forEach(a => {
         if (map) {
           map[a.key] = { ...a, data: { ...(a.data || {}), parentNode } };
         }
@@ -257,19 +229,8 @@ const MyTreeSelect = LingxiForwardRef<any, MyTreeSelectProps>((props, ref) => {
   }, [data, asyncService, treeDefaultExpandAll]);
 
   const getParams = (service: any, key: any) => {
-    const {
-      providerId,
-      appId,
-      serviceCode,
-      _source,
-      loadKey,
-      _serviceId,
-      serviceVersion,
-      sceneCode,
-      linkCode,
-      busiObjectId,
-      versionCode,
-    } = service || {};
+    const { providerId, appId, serviceCode, _source, loadKey, _serviceId, serviceVersion, sceneCode, linkCode, busiObjectId, versionCode } =
+      service || {};
     let params: any = { [loadKey]: key };
     // 特殊服务参数处理
     if (_source === SERVICE_SOURCE.ATOM) {
@@ -278,11 +239,7 @@ const MyTreeSelect = LingxiForwardRef<any, MyTreeSelectProps>((props, ref) => {
         providerId,
         serviceProviderRequest: params,
       };
-    } else if (
-      _source === SERVICE_SOURCE.QUERY ||
-      _source === SERVICE_SOURCE.INNER ||
-      _source === SERVICE_SOURCE.PLATFORM
-    ) {
+    } else if (_source === SERVICE_SOURCE.QUERY || _source === SERVICE_SOURCE.INNER || _source === SERVICE_SOURCE.PLATFORM) {
       // 解析类服务 或 请求层服务
       params = {
         appId: (window as any).appId || appId,
@@ -340,34 +297,18 @@ const MyTreeSelect = LingxiForwardRef<any, MyTreeSelectProps>((props, ref) => {
     const { key, title, children, selectable = 'selectable' } = service || {};
     const getTreeData = (arr: any[]) => {
       if (Array.isArray(arr)) {
-        return arr.map((c) => {
+        return arr.map(c => {
           // _isReload 标识节点数据是通过加载子节点动作设置的,此时取该动作配置好的key/title/selectable
           const originData = c._isReload ? c.data : c;
-          const isSelectable = transformBoolean(
-            originData[selectable] ?? originData.selectable,
-          );
+          const isSelectable = transformBoolean(originData[selectable] ?? originData.selectable);
           // 如果加载子节点配置了映射，优先取加载子节点的，否则取当时加载数据的映射，若都没有则取数据上的默认字段
-          const nodeSelectable = c._isReload
-            ? c.selectable ?? isSelectable
-            : isSelectable;
+          const nodeSelectable = c._isReload ? c.selectable ?? isSelectable : isSelectable;
           const node: any = {
-            key: c._isReload
-              ? c.key ?? originData[key]
-              : originData[key] ?? originData.key,
-            title: c._isReload
-              ? c.title ?? originData[title]
-              : originData[title] ?? originData.title,
-            selectable: c._isReload
-              ? c.selectable ?? isSelectable
-              : isSelectable,
-            disableCheckbox:
-              c.disabled ??
-              c.disableCheckbox ??
-              (nodeSelectable !== undefined ? !nodeSelectable : undefined),
-            disabled:
-              c.disabled ??
-              c.disableCheckbox ??
-              (nodeSelectable !== undefined ? !nodeSelectable : undefined),
+            key: c._isReload ? c.key ?? originData[key] : originData[key] ?? originData.key,
+            title: c._isReload ? c.title ?? originData[title] : originData[title] ?? originData.title,
+            selectable: c._isReload ? c.selectable ?? isSelectable : isSelectable,
+            disableCheckbox: c.disabled ?? c.disableCheckbox ?? (nodeSelectable !== undefined ? !nodeSelectable : undefined),
+            disabled: c.disabled ?? c.disableCheckbox ?? (nodeSelectable !== undefined ? !nodeSelectable : undefined),
             isLeaf: c.isLeaf ?? originData.isLeaf ?? false,
             data: c.data || c,
           };
@@ -380,10 +321,7 @@ const MyTreeSelect = LingxiForwardRef<any, MyTreeSelectProps>((props, ref) => {
             if (asyncService || isAsync) {
               // 存量异步数据
               // -null是非叶子 -[]是叶子 -属性不存在是非叶子
-              if (
-                Array.isArray(c[childrenKey]) &&
-                c[childrenKey]?.length === 0
-              ) {
+              if (Array.isArray(c[childrenKey]) && c[childrenKey]?.length === 0) {
                 node.isLeaf = true;
               }
             } else if (children || c[childrenKey]) {
@@ -411,7 +349,7 @@ const MyTreeSelect = LingxiForwardRef<any, MyTreeSelectProps>((props, ref) => {
 
   const loadNodeData = (node: any) => {
     const { children, eventKey } = node.props;
-    return new Promise<void>((resolve) => {
+    return new Promise<void>(resolve => {
       if (children && children.length) {
         resolve();
         return;
@@ -431,31 +369,29 @@ const MyTreeSelect = LingxiForwardRef<any, MyTreeSelectProps>((props, ref) => {
       ) {
         serviceMethod = 'post';
       }
-      engineApis?.service
-        ?.commonFetch(serviceMethod, asyncService.api, params)
-        .then(
-          (res: string | any[]) => {
-            if (Array.isArray(res) && res.length) {
-              const source = loadTreeData(res, asyncService);
-              node.props.dataRef.children = source.map((c) => ({
-                ...c,
-                isLeaf: false,
-              }));
-              node.props.dataRef.isLeaf = false;
-            } else {
-              node.props.dataRef.children = undefined;
-              node.props.dataRef.isLeaf = true;
-            }
-            setData([...data]);
-            resolve();
-          },
-          (err: void | PromiseLike<void>) => {
+      engineApis?.service?.commonFetch(serviceMethod, asyncService.api, params).then(
+        (res: string | any[]) => {
+          if (Array.isArray(res) && res.length) {
+            const source = loadTreeData(res, asyncService);
+            node.props.dataRef.children = source.map(c => ({
+              ...c,
+              isLeaf: false,
+            }));
+            node.props.dataRef.isLeaf = false;
+          } else {
             node.props.dataRef.children = undefined;
             node.props.dataRef.isLeaf = true;
-            setData([...data]);
-            resolve(err);
-          },
-        );
+          }
+          setData([...data]);
+          resolve();
+        },
+        (err: void | PromiseLike<void>) => {
+          node.props.dataRef.children = undefined;
+          node.props.dataRef.isLeaf = true;
+          setData([...data]);
+          resolve(err);
+        }
+      );
     });
   };
 
@@ -473,31 +409,21 @@ const MyTreeSelect = LingxiForwardRef<any, MyTreeSelectProps>((props, ref) => {
 
   const createNodes = (nodes: any[], parentNode?: any) =>
     Array.isArray(nodes) && nodes.length > 0
-      ? nodes.map((c) => (
-          <TreeNode
-            key={c.key}
-            title={c.title}
-            data={{ ...(c.data || {}), parentNode }}
-            isLeaf={c.isLeaf}
-            selectable={c.selectable}
-            disableCheckbox={
-              c.disabled ??
-              c.disableCheckbox ??
-              (c.selectable !== undefined ? !c.selectable : undefined)
-            }
-            disabled={
-              c.disabled ??
-              c.disableCheckbox ??
-              (c.selectable !== undefined ? !c.selectable : undefined)
-            }
-            dataRef={c}
-            value={c.key}
-          >
-            {c.children &&
-              c.children.length > 0 &&
-              createNodes(c.children, Object.freeze({ ...c }))}
-          </TreeNode>
-        ))
+      ? nodes.map(c => (
+        <TreeNode
+          key={c.key}
+          title={c.title}
+          data={{ ...(c.data || {}), parentNode }}
+          isLeaf={c.isLeaf}
+          selectable={c.selectable}
+          disableCheckbox={c.disabled ?? c.disableCheckbox ?? (c.selectable !== undefined ? !c.selectable : undefined)}
+          disabled={c.disabled ?? c.disableCheckbox ?? (c.selectable !== undefined ? !c.selectable : undefined)}
+          dataRef={c}
+          value={c.key}
+        >
+          {c.children && c.children.length > 0 && createNodes(c.children, Object.freeze({ ...c }))}
+        </TreeNode>
+      ))
       : null;
 
   const treeProps: any = {
@@ -519,10 +445,7 @@ const MyTreeSelect = LingxiForwardRef<any, MyTreeSelectProps>((props, ref) => {
       setFilterObject({
         filterTreeNode: (input: any, treeNode: any) => {
           const { title = '', key = '' } = treeNode.props;
-          return (
-            title.toLowerCase().indexOf(input.toLowerCase()) >= 0 ||
-            key.toLowerCase().indexOf(input.toLowerCase()) >= 0
-          );
+          return title.toLowerCase().indexOf(input.toLowerCase()) >= 0 || key.toLowerCase().indexOf(input.toLowerCase()) >= 0;
         },
       });
     } else if (filter === 'remote') {
@@ -559,7 +482,7 @@ const MyTreeSelect = LingxiForwardRef<any, MyTreeSelectProps>((props, ref) => {
       required={required}
       wrapperClassName={TREESELECT_WRAPPER_CLASSNAME}
       rules={finalRules}
-      render={(val) =>
+      render={val =>
         renderCommonList(val, flattenTreeData(data), {
           labelKey: 'title',
           valueKey: 'value',
@@ -570,17 +493,11 @@ const MyTreeSelect = LingxiForwardRef<any, MyTreeSelectProps>((props, ref) => {
       value={value}
       // @ts-ignore
       afterComponent={
-        treeProps.showSearch &&
-        (treeProps.multiple || treeProps.treeCheckable) ? (
-          <IconFont
-            width={14}
-            height={14}
-            className="ued-treeSelect-icon"
-            iconClass="lcdp-icon-flow-single-record"
-          />
+        treeProps.showSearch && (treeProps.multiple || treeProps.treeCheckable) ? (
+          <IconFont width={14} height={14} className="ued-treeSelect-icon" iconClass="lcdp-icon-flow-single-record" />
         ) : null
       }
-      handleFormValue={(val) => {
+      handleFormValue={val => {
         if (val !== undefined) {
           let newValue = val;
           if (restProps.treeCheckable) {
@@ -614,14 +531,8 @@ const MyTreeSelect = LingxiForwardRef<any, MyTreeSelectProps>((props, ref) => {
           }
           resetSelectAll();
         }}
-        notFoundContent={
-          <EmptyComp
-            getLocale={getLocale}
-            dataState={dataState}
-            clsName="pcfactory-empty-small"
-          />
-        }
-        onTreeExpand={(keys) => {
+        notFoundContent={<EmptyComp getLocale={getLocale} dataState={dataState} clsName="pcfactory-empty-small" />}
+        onTreeExpand={keys => {
           setExpandedKeys(keys);
           // 展开的时候触发
           if (keys?.length - expandedKeys?.length === 1) {
@@ -632,7 +543,7 @@ const MyTreeSelect = LingxiForwardRef<any, MyTreeSelectProps>((props, ref) => {
                 nodeKey,
                 (node.children || []).map((c: any) => c.key),
                 node?.data?.parentNode?.key,
-                node?.data?.parentNode,
+                node?.data?.parentNode
               );
             } else {
               node.isLeaf = !(node.children?.length > 0);

package/lib/pcpublic/src/components/pcfactory/src/TreeTable/hooks/useCMDAction.ts

@@ -11,19 +11,17 @@ const useCMDAction = (props: any) => {
     setOuterDataSource,
     setChildrenColumnName,
     setMode,
+    expandTableData,
   } = props;
 
   const { loading, colServiceData } = useCommonCMDAction(props);
 
   useImperativeHandle(ref, () => ({
+
     /**
      * 加载树形表格数据（加载完之后，表格就脱离了数据源的控制了）
      */
-    reloadTreeTableData: (data: {
-      dataSource: any[];
-      childrenKey: string;
-      childrenSync: boolean;
-    }) => {
+    reloadTreeTableData: (data: { dataSource: any[]; childrenKey: string; childrenSync: boolean }) => {
       /**
        * 注意，不是直接使用 setInnerDataSource
        * 而是通过 setOuterDataSource 间接驱动 -> setInnerDataSource
@@ -38,10 +36,7 @@ const useCMDAction = (props: any) => {
      * 加载子节点数据
      * 理论上，只更新内部数据
      */
-    reloadTreeTableChildData: (data: {
-      children: any[];
-      expandRowKey: string;
-    }) => {
+    reloadTreeTableChildData: (data: { children: any[]; expandRowKey: string }) => {
       const { children, expandRowKey } = data;
 
       // 异步加载限制为 children
@@ -71,6 +66,7 @@ const useCMDAction = (props: any) => {
       // 触发一下表格刷新
       setInnerDataSource([...innerDataSource]);
     },
+    expandTableData,
   }));
 
   return {

package/lib/pcpublic/src/components/pcfactory/src/TreeTable/hooks/useExpandable.tsx

@@ -23,8 +23,7 @@ const useExpandable = (props: any) => {
           record?.[childrenColumnName] === null ||
           record?.[childrenColumnName] === undefined ||
           !(childrenColumnName in record) ||
-          (Array.isArray(record?.[childrenColumnName]) &&
-            record?.[childrenColumnName]?.length === 0)
+          (Array.isArray(record?.[childrenColumnName]) && record?.[childrenColumnName]?.length === 0)
         ) {
           // 为非异步场景，且没有下级数据，则修正为叶子节点
           isLeaf = true;