@lingxiteam/ebe-utils 0.2.2 → 0.2.4

package/lib/h5public/src/components/factory/src/DynamicTable/components/TypeCells.tsx

@@ -79,6 +79,8 @@ const TypeCells: React.FC<CellProps> = (props) => {
     const { code, operator, value } = data;
 
     const toStringVal = (val: any) => `${val}`;
+    const toNumberVal = (val: any) =>
+      !isNaN(Number(val)) ? Number(val) : toStringVal(val);
 
     switch (operator) {
       case OPERATOR_EQUAL:
@@ -86,9 +88,10 @@ const TypeCells: React.FC<CellProps> = (props) => {
       case OPERATOR_NOT_EQUAL:
         return toStringVal(row[code]) !== toStringVal(value);
       case OPERATOR_GREATER_THAN:
-        return row[code] > value;
+        // 优先转成数字类型比较大小
+        return toNumberVal(row[code]) > toNumberVal(value);
       case OPERATOR_LESS_THAN:
-        return row[code] < value;
+        return toNumberVal(row[code]) < toNumberVal(value);
       case OPERATOR_INCLUDE:
         if (typeof row[code].includes === 'function') {
           return row[code].includes(value);

package/lib/pcpublic/src/components/pcfactory/src/Form/Form.tsx

@@ -1,6 +1,7 @@
 import { LingxiForwardRef } from '@lingxiteam/types';
 import { Col, Form as AntdForm, Row } from 'antd';
 import type { FormLayout } from 'antd/lib/form/Form';
+import classNames from 'classnames';
 import { isEqual } from 'lodash';
 import React, {
   Children,
@@ -146,6 +147,16 @@ export const FormChildren = (props: FormChildrenType) => {
     return colSpace as number;
   })();
 
+  useEffect(() => {
+    if (Number(rowSpace) >= 14) {
+      // 动态设置 CSS 变量
+      document.documentElement.style.setProperty(
+        '--explainHelp-Line-height',
+        `${Number(rowSpace)}px`,
+      );
+    }
+  }, []);
+
   /**
    * 布局子组件
    */
@@ -235,7 +246,10 @@ export const FormChildren = (props: FormChildrenType) => {
   return (
     <Row
       ref={formRef}
-      className={Number(rowSpace) < 14 ? 'form-tips' : undefined}
+      className={classNames({
+        'form-tips': Number(rowSpace) < 14,
+        'explainHelp-line-height': Number(rowSpace) >= 14,
+      })}
       gutter={[compatColSpace, rowSpace as number]}
     >
       {layoutChildren()}

package/lib/pcpublic/src/components/pcfactory/src/Table/BodyCell/index.tsx

@@ -26,6 +26,8 @@ const validateCondition = (data: any, row: any) => {
   const { code, operator, value } = data;
 
   const toStringVal = (val: any) => `${val}`;
+  const toNumberVal = (val: any) =>
+    !isNaN(Number(val)) ? Number(val) : toStringVal(val);
 
   switch (operator) {
     case OPERATOR_EQUAL:
@@ -33,9 +35,10 @@ const validateCondition = (data: any, row: any) => {
     case OPERATOR_NOT_EQUAL:
       return toStringVal(row[code]) !== toStringVal(value);
     case OPERATOR_GREATER_THAN:
-      return row[code] > value;
+      // 优先转成数字类型比较大小
+      return toNumberVal(row[code]) > toNumberVal(value);
     case OPERATOR_LESS_THAN:
-      return row[code] < value;
+      return toNumberVal(row[code]) < toNumberVal(value);
     case OPERATOR_INCLUDE:
       if (typeof row[code].includes === 'function') {
         return row[code].includes(value);

package/lib/pcpublic/src/components/pcfactory/src/Table/OperationCell/SingleBtn.tsx

@@ -11,7 +11,7 @@ const SingleBtn = (props: SingleBtnProps) => {
     onBtnClick,
     getLocale,
     actionsMap,
-    setMorePopVisible,
+    hideMorePopover,
     BtnIcon,
     c,
     idx,
@@ -42,7 +42,7 @@ const SingleBtn = (props: SingleBtnProps) => {
             isPopover &&
             !(typeof c === 'string' ? c === 'delete' : c.type === 'delete')
           ) {
-            setMorePopVisible(false);
+            hideMorePopover();
           }
         }}
         onDoubleClick={(e) => {
@@ -96,7 +96,7 @@ const SingleBtn = (props: SingleBtnProps) => {
               onConfirm={(e: any) => {
                 onDeleteClick(e);
                 if (isPopover) {
-                  setMorePopVisible(false);
+                  hideMorePopover();
                 }
               }}
             >

package/lib/pcpublic/src/components/pcfactory/src/Table/OperationCell/index.tsx

@@ -98,11 +98,37 @@ const OperationCell = (props: OperationCellProps) => {
     return BtnIcon;
   };
 
+  // 更多操作按钮气泡卡片
+  const onMorePopVisible = (vis: boolean, idx: number) => {
+    setMorePopVisible(vis);
+    if (fixedAction && tableRef?.current) {
+      const fixedActionEle =
+        tableRef.current?.querySelectorAll('.ued-table-actions')?.[idx]
+          ?.parentNode;
+      // 操作列固定时 此时fixedActionEle默认antd样式为 position: sticky;z-index: 2
+      // 由于气泡卡片挂在fixedActionEle里面导致被后面的列遮盖
+      if (fixedActionEle) {
+        if (timerRef.current) {
+          clearTimeout(timerRef.current);
+        }
+        if (!vis) {
+          // 防止卡片部分被遮盖再隐藏
+          timerRef.current = setTimeout(() => {
+            fixedActionEle.style.zIndex = 2;
+            timerRef.current = null;
+          }, 200);
+          return;
+        }
+        fixedActionEle.style.zIndex = 3;
+      }
+    }
+  };
+
   // 操作栏单个内置按钮
   const renderBuiltInSingleBtn = (
     c: any,
     row: any,
-    rowIndex: number | null,
+    rowIndex: number,
     idx: number,
     defaultBtnList: any,
     isPopover = false,
@@ -145,7 +171,7 @@ const OperationCell = (props: OperationCellProps) => {
       <SingleBtn
         getLocale={getLocale}
         actionsMap={actionsMap}
-        setMorePopVisible={setMorePopVisible}
+        hideMorePopover={() => onMorePopVisible(false, rowIndex)}
         BtnIcon={BtnIcon}
         c={c}
         idx={idx}
@@ -199,7 +225,7 @@ const OperationCell = (props: OperationCellProps) => {
                 if (typeof onClick === 'function') {
                   onClick(currentRowKey ? row[currentRowKey] : row, row, index);
                 }
-                setMorePopVisible(false);
+                onMorePopVisible(false, index);
               }}
             >
               <div className="ued-table-actions-extendBtn" style={buttonStyle}>
@@ -310,29 +336,7 @@ const OperationCell = (props: OperationCellProps) => {
                         triggerNode?.parentNode as HTMLElement
                 }
                 onOpenChange={(vis: boolean) => {
-                  setMorePopVisible(vis);
-                  if (fixedAction && tableRef?.current) {
-                    const fixedActionEle =
-                      tableRef.current?.querySelectorAll(
-                        '.ued-table-actions',
-                      )?.[index]?.parentNode;
-                    // 操作列固定时 此时fixedActionEle默认antd样式为 position: sticky;z-index: 2
-                    // 由于气泡卡片挂在fixedActionEle里面导致被后面的列遮盖
-                    if (fixedActionEle) {
-                      if (timerRef.current) {
-                        clearTimeout(timerRef.current);
-                      }
-                      if (!vis) {
-                        // 防止卡片部分被遮盖再隐藏
-                        timerRef.current = setTimeout(() => {
-                          fixedActionEle.style.zIndex = 2;
-                          timerRef.current = null;
-                        }, 200);
-                        return;
-                      }
-                      fixedActionEle.style.zIndex = 3;
-                    }
-                  }
+                  onMorePopVisible(vis, index);
                 }}
               >
                 <Button

package/lib/pcpublic/src/components/pcfactory/src/Table/types/OperationCell.d.ts

@@ -28,7 +28,7 @@ export interface SingleBtnProps {
   onBtnClick: (e: any) => void;
   getLocale: LocaleFunction;
   actionsMap: any;
-  setMorePopVisible: (vis: boolean) => void;
+  hideMorePopover: () => void;
   BtnIcon?: React.ReactElement;
   c: any;
   idx: number;

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

@@ -673,6 +673,7 @@ const MyTransfer = LingxiForwardRef<any, MyTransferProps>((props, ref) => {
                 onSelect={(_, { node: { key } }) => {
                   onItemSelect(key as string, !isChecked(checkedKeys, key));
                 }}
+                disabled={disabled}
               />
             );
           }

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

@@ -113,6 +113,7 @@ export interface MyTreeProps {
   closeExpandedKey?: any;
   showLine?: any;
   getEngineApis: any;
+  nodeIconsType?: 'default' | 'forceDropdown';
 }
 
 // const prefixCls = 'tree';
@@ -141,6 +142,7 @@ const MyTree = LingxiForwardRef<any, MyTreeProps>((props, ref) => {
     onClickMenuItem,
     customRenderCode,
     getEngineApis,
+    nodeIconsType = 'default',
     ...resetProps
   } = props;
 
@@ -187,6 +189,8 @@ const MyTree = LingxiForwardRef<any, MyTreeProps>((props, ref) => {
 
   // 当前操作字段key
   const [editingKey, setEditingKey] = useState('');
+  // 强制菜单模式
+  const forceDrowdown = nodeIconsType === 'forceDropdown';
 
   useImperativeHandle(ref, () => ({
     get dataSource() {
@@ -626,7 +630,7 @@ const MyTree = LingxiForwardRef<any, MyTreeProps>((props, ref) => {
     c: Record<string, any>,
     icon: any,
   ) => {
-    e.stopPropagation();
+    // e.stopPropagation();
 
     // 设置当前操作key
     setEditingKey(c.key);
@@ -654,7 +658,10 @@ const MyTree = LingxiForwardRef<any, MyTreeProps>((props, ref) => {
     dropdown?: boolean,
   ) => {
     return dropdown ? (
-      <span onClick={(e) => onClickIcon(e, c, icon)}>
+      <span
+        className="ued-tree-icon-dropdown"
+        onClick={(e) => onClickIcon(e, c, icon)}
+      >
         {icon?.title || iconMap[icon]?.name}
       </span>
     ) : (
@@ -762,7 +769,7 @@ const MyTree = LingxiForwardRef<any, MyTreeProps>((props, ref) => {
     dropdown?: boolean,
   ) =>
     dropdown ? (
-      <Menu>
+      <Menu onClick={(e) => e.domEvent.stopPropagation()}>
         {icons.map((icon) => (
           <Menu.Item key={icon?.type || icon}>
             {(icon?.type || icon) === 'delete'
@@ -877,7 +884,7 @@ const MyTree = LingxiForwardRef<any, MyTreeProps>((props, ref) => {
         }
         return true;
       });
-      if (finalNodeIcons.length <= 3) {
+      if (finalNodeIcons.length <= 3 && !forceDrowdown) {
         iconsDom = (
           <div key={c.key} className="ued-tree-icons ued-tree-icons-normal">
             {renderIcons(c, finalNodeIcons)}

package/lib/pcpublic/src/components/pcfactory/src/styles/components/Form.less

@@ -8,6 +8,10 @@
   .form-tips .@{form-prefix-cls}-item-with-help {
     margin-bottom: 14px;
   }
+
+  .explainHelp-line-height .@{form-item-prefix-cls}-explain {
+    line-height: var(--explainHelp-Line-height);
+  }
   
   .@{form-prefix-cls}-item {
     // height: 100%;

package/lib/pcpublic/src/components/pcfactory/src/styles/components/Tree.less

@@ -173,6 +173,12 @@
         color: fade(@text-color, 75%);
         font-size: @font-size-sm;
 
+        &-dropdown {
+          white-space: nowrap;
+          max-width: 240px;
+          overflow: hidden;
+        }
+
         > svg {
           fill: fade(@text-color, 75%);
         }

package/lib/public/src/utils/cmd.ts

@@ -480,3 +480,11 @@ export const getLocalLocation = ({
     }
   });
 };
+
+export const isTrue = (value: any) => {
+  return value == true || value === 'true';
+};
+
+export const isFalse = (value: any) => {
+  return value == false || value === 'false';
+};

package/lib/public/src/utils/useTool.ts

@@ -1,8 +1,18 @@
-import { updateNodeChildren } from './formUtils';
+import { useContext } from 'react';
+import { Context } from './Context/context';
+import {
+  getAllForm,
+  getBoframerOwnForms,
+  getBOFramerOwnFormValues,
+  getFieldsValue,
+  getFormByCompId,
+  getOwnFormValues,
+  updateNodeChildren,
+} from './formUtils';
 
 const toBool = (v: string | boolean, defaultValue?: any) => {
   let val = v;
-  if ([null, undefined].includes(val as any) && defaultValue !== undefined) {
+  if ([null, undefined].includes(val) && defaultValue !== undefined) {
     val = defaultValue;
   }
 
@@ -25,6 +35,8 @@ export interface ToolsContext {
 }
 
 export const useTool = (refs: Record<string, any>, context: ToolsContext) => {
+  const { refs: renderRefs } = useContext(Context);
+
   const { addToAwaitQueue } = context;
 
   const asyncGetValue = (id: string, stateName?: string) => {
@@ -195,6 +207,157 @@ export const useTool = (refs: Record<string, any>, context: ToolsContext) => {
       }
     });
 
+  /**
+   * 获取当前表单值
+   */
+  const getFormValue = async (compId: string): Promise<any> => {
+    // 为了兼容动态渲染引擎，表单不存在 就返回空对象
+    if (!refs[compId]) return Promise.resolve({});
+
+    // 表单的情况 可能是循环容器
+    if (refs[compId].compName === 'Form') {
+      const forms = getFormByCompId(compId, refs);
+      return getFieldsValue(forms, (form) => {
+        return form?.getFieldsValue?.();
+      });
+    }
+
+    if (refs[compId].compName === 'BOFramer') {
+      return getBOFramerOwnFormValues(
+        {
+          refs,
+          renderRefs,
+          compId,
+        },
+        (form) => form?.getFieldsValue?.(),
+      );
+    }
+
+    return Promise.reject(
+      new Error('该组件不支持使用getFormValues获取表单数据'),
+    );
+  };
+
+  /**
+   * 验证并取值
+   * @param compId
+   */
+  const validateForm = async (compId: string): Promise<any> => {
+    // 为了兼容动态渲染引擎，表单不存在 就返回空对象
+    if (!refs[compId]) return Promise.resolve({});
+
+    // 表单的情况 可能是循环容器
+    if (refs[compId].compName === 'Form') {
+      const forms = getFormByCompId(compId, refs);
+      return getFieldsValue(forms, (form) => {
+        return form?.validateFormAndScroll?.();
+      });
+    }
+
+    if (refs[compId].compName === 'BOFramer') {
+      return getBOFramerOwnFormValues(
+        {
+          refs,
+          renderRefs,
+          compId,
+        },
+        (form) => form?.validateFormAndScroll?.(),
+      );
+    }
+    return Promise.reject(
+      new Error('该组件不支持使用getFormValues获取表单数据'),
+    );
+  };
+
+  /**
+   * 重置表单值
+   * @param compId
+   */
+  const resetForm = (compId: string) => {
+    if (!refs[compId]) return;
+    const compName = refs[compId].compName;
+    if (compName === 'BOFramer') {
+      const forms = getBoframerOwnForms({
+        currentRefs: refs,
+        renderRefs,
+        compId,
+      });
+
+      forms.forEach((form) => {
+        form?.resetFields?.();
+      });
+    } else {
+      const forms = getFormByCompId(compId, refs);
+      // 支持循环容器中的表单重置
+      (Array.isArray(forms) ? forms : [forms]).forEach((form) =>
+        form?.resetFields(),
+      );
+    }
+  };
+
+  /**
+   * 设置表单值
+   * @param compId 组件id
+   * @param formValues 表单值
+   */
+  const setFormValues = (
+    compId: string,
+    formValues: Record<string, any> = {},
+  ) => {
+    if (!refs[compId]) return;
+    const compName = refs[compId].compName;
+
+    if (compName === 'BOFramer') {
+      const forms = getBoframerOwnForms({
+        currentRefs: refs,
+        renderRefs,
+        compId,
+      });
+
+      forms.forEach((form) => {
+        form?.setFieldsValue(formValues);
+      });
+    } else {
+      refs[compId]?.setFieldsValue?.(formValues);
+    }
+  };
+
+  /**
+   * 校验并获取所有表单值
+   * 获取页面下的所有表单，包含当前页面下的表单、页面容器下的表单、业务组件下的表单。
+   * 不包含所有弹窗类组件的表单数据
+   */
+  const validateAllForm = () =>
+    getOwnFormValues({ currentRefs: refs, renderRefs }, (form) =>
+      form.validateFormAndScroll?.(false),
+    );
+
+  /**
+   * 获取所有表单值 但不校验
+   * 获取页面下的所有表单，包含当前页面下的表单、页面容器下的表单、业务组件下的表单。
+   * 不包含所有弹窗类组件的表单数据
+   */
+  const getAllFormValues = () =>
+    getOwnFormValues({ currentRefs: refs, renderRefs }, (form) =>
+      form.getFieldsValue?.(),
+    );
+
+  /**
+   * 重置所有表单
+   * 获取页面下的所有表单，包含当前页面下的表单、页面容器下的表单、业务组件下的表单。
+   * 不包含所有弹窗类组件的表单数据
+   */
+  const resetAllForm = () => {
+    const forms = getAllForm({
+      currentRefs: refs,
+      renderRefs,
+    });
+
+    forms.forEach((form) => {
+      form.resetFields();
+    });
+  };
+
   /**
    * 获取联动数据值
    * @param attrDataMap  静态数据
@@ -250,8 +413,15 @@ export const useTool = (refs: Record<string, any>, context: ToolsContext) => {
     callComponentMethod,
     setDisabled,
     getDisabled,
+    getFormValue,
+    validateForm,
+    resetForm,
     clearValue,
+    setFormValues,
     asyncCallComponentMethod,
+    validateAllForm,
+    getAllFormValues,
+    resetAllForm,
     updateNodeChildren,
     getTriggerRelDataSource,
   };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lingxiteam/ebe-utils",
-  "version": "0.2.2",
+  "version": "0.2.4",
   "description": "",
   "keywords": [],
   "author": "",
@@ -17,9 +17,9 @@
     "@babel/parser": "^7.12.12",
     "@babel/traverse": "^7.12.12",
     "@babel/types": "^7.12.12",
-    "@lingxiteam/ebe": "0.2.2",
     "cac": "^6.7.14",
-    "fs-extra": "9.x"
+    "fs-extra": "9.x",
+    "@lingxiteam/ebe": "0.2.4"
   },
   "publishConfig": {
     "access": "public"

package/lib/h5public/src/components/factory/src/Icon/IconED/index.less

@@ -1,43 +0,0 @@
-.cust-icon-ed {
-  width: 16px;
-  height: 16px;
-  font-size: 16px;
-  svg {
-    width: 1em;
-    height: 1em;
-  }
-}
-.cust-icon-theme {
-  fill: var(--adm-color-primary);
-  color: var(--adm-color-primary);
-}
-
-.cust-icon-ed-xxs {
-  width: 12px;
-  height: 12px;
-  font-size: 12px;
-}
-
-.cust-icon-ed-xs {
-  width: 16px;
-  height: 16px;
-  font-size: 16px;
-}
-
-.cust-icon-ed-sm {
-  width: 20px;
-  height: 20px;
-  font-size: 20px;
-}
-
-.cust-icon-ed-md {
-  width: 24px;
-  height: 24px;
-  font-size: 24px;
-}
-
-.cust-icon-ed-lg {
-  width: 36px;
-  height: 36px;
-  font-size: 36px;
-}