@lingxiteam/ebe-utils 0.5.11 → 0.6.1

package/lib/h5public/src/components/factory/src/DynamicTable/hooks/useFormatCell.tsx

@@ -1,10 +1,18 @@
 import React from 'react';
-import Qs from 'qs';
+import {
+  PAGE_JUMP,
+  DOWNLOAD_FILE,
+  PREVIEW_FILE,
+  CUSTOM,
+  ROUTE_PUSH,
+  ROUTE_REPLACE,
+  OPEN_MODAL,
+} from '../utils/constant';
+import type { ContentClick, FuncCode } from '../types/contentStyle';
+import type { FuncExpExeCuteType } from '../../utils/hooks/useFuncExpExecute';
 import { createId } from '../../utils';
 import CustomModule from '../../utils/CustomModule';
-import type { FuncExpExeCuteType } from '../../utils/hooks/useFuncExpExecute';
-import type { ContentClick, FuncCode } from '../types/contentStyle';
-import { CUSTOM, DOWNLOAD_FILE, OPEN_MODAL, PAGE_JUMP, PREVIEW_FILE, ROUTE_PUSH, ROUTE_REPLACE } from '../utils/constant';
+import Qs from 'qs';
 
 interface useFormatCellProps extends ContentClick {
   appId: string;
@@ -76,7 +84,7 @@ const useFormatCell = (props: useFormatCellProps) => {
   // 获取页面-url参数/路由数据 弹窗-组件状态
   const getParams = (params: any = {}, row: any, rowId: string | number, rowIndex: number) => {
     const newParams: any = {};
-    Object.keys(params).forEach(key => {
+    Object.keys(params).forEach((key) => {
       if (typeof params[key] === 'string') {
         const exp = params[key];
         params[key] = (row: any, rowId: string | number, index: number) =>
@@ -87,7 +95,7 @@ const useFormatCell = (props: useFormatCellProps) => {
           });
         newParams[key] = exp;
       }
-
+  
       if (typeof params[key] === 'function') {
         try {
           newParams[key] = params[key](row, rowId, rowIndex);

package/lib/h5public/src/components/factory/src/DynamicTable/index.less

@@ -23,10 +23,38 @@
   }
 
   .table-header {
-    padding: 8 * @hd 0;
-    font-size: @font-size-base;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    padding: 8 0;
+    font-size: 15 * @hd;
     font-weight: 600;
-    color: #1C242E;
+    color: #1C242E;    
+  }
+
+  .head-style-one {
+    margin-left: 8 * @hd;
+    margin-right: 8 * @hd;
+    width: 4 * @hd;
+    height: 16 * @hd;
+    background: var(--adm-color-primary);
+    border-radius: 4 * @hd;
+    flex-shrink: 0;
+  }
+
+  .head-style-two {
+    width: 12 * @hd;
+    height: 8 * @hd;
+    margin-right: 8 * @hd;
+    background: var(--adm-color-primary);
+    border-radius: 0 6 * @hd 6 * @hd 0;
+    flex-shrink: 0;
+  }
+
+  .head-style-custom {
+    margin-left: 8 * @hd;
+    margin-right: 8 * @hd;
+    color: var(--adm-color-primary);
     flex-shrink: 0;
   }
 

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

@@ -1,6 +1,6 @@
-import { LingxiForwardRef } from '@lingxiteam/types';
 import React, { useEffect, useImperativeHandle, useState } from 'react';
 import DynamicTableLoader from './loader';
+import { LingxiForwardRef } from '@lingxiteam/types';
 import { MyDynamicTableProps } from './Table';
 
 function useSync<S>(initialValue: S): [S, React.Dispatch<React.SetStateAction<S>>] {

package/lib/h5public/src/components/factory/src/DynamicTable/loader.ts

@@ -1,6 +1,6 @@
-import React from 'react';
 import Loadable from 'react-loadable';
 import { LoadingComponennt } from '../utils/LoaderHelper';
+import React from 'react';
 import { MyDynamicTableProps } from './Table';
 
 const DynamicTableLoader = Loadable<MyDynamicTableProps, React.ComponentType<MyDynamicTableProps>>({

package/lib/h5public/src/components/factory/src/FilterItems/FilterItems.tsx

@@ -0,0 +1,18 @@
+import React from 'react';
+import FilterItems from '@lingxiteam/antd-mobile-plus/es/FilterItems';
+import { FilterProps } from '@lingxiteam/antd-mobile-plus/es/FilterItems/PropsType';
+import { AppForwardRef } from '../BasicComponents';
+
+interface FilterItemsProps extends FilterProps {
+  className?: string;
+}
+
+const MyFilterItems = AppForwardRef<FilterItemsProps>((props, ref) => {
+  return (
+    <div className={`use-app-filteritems ${props.className}`}>
+      <FilterItems {...props} />
+    </div>
+  );
+});
+
+export default MyFilterItems as any;

package/lib/h5public/src/components/factory/src/FilterItems/index.tsx

@@ -1,17 +1,14 @@
-import React from 'react';
-import { FilterItems, FilterProps } from '@lingxiteam/antd-mobile-plus';
-import { AppForwardRef } from '../BasicComponents';
+import React, { useImperativeHandle } from 'react';
+import { LingxiForwardRef } from '@lingxiteam/types';
+import FilterItemsLoader from './loader';
 
-interface FilterItemsProps extends FilterProps {
-  className?: string;
-}
+const FilterItems = LingxiForwardRef<unknown, any>((props, ref) => {
+  useImperativeHandle(ref, () => ({
+    // 这里暴漏部分指令方法
+    // 由于组件采用懒加载延迟执行组件，导致组件在未加载完成的时候已经执行了页面加载完成的生命周期，所以未来的指令方法不应放入懒加载中，避免页面加载完成时机无法调用指令。
+  }));
 
-const MyFilterItems = AppForwardRef<FilterItemsProps>((props, ref) => {
-  return (
-    <div className={`use-app-filteritems ${props.className}`}>
-      <FilterItems {...props} />
-    </div>
-  );
+  return <FilterItemsLoader {...props} />;
 });
 
-export default MyFilterItems as any;
+export default FilterItems;

package/lib/h5public/src/components/factory/src/FilterItems/loader.tsx

@@ -0,0 +1,9 @@
+import Loadable from 'react-loadable';
+import { LoadingComponennt } from '../utils/LoaderHelper';
+
+const LoadableLXRadarChart = Loadable({
+  loader: async () => (await import(/* webpackChunkName: 'factory-FilterItems' */ './FilterItems')) as unknown as React.ComponentType<any>,
+  loading: LoadingComponennt,
+});
+
+export default LoadableLXRadarChart;

package/lib/h5public/src/components/factory/src/Flex/Flex.tsx

@@ -0,0 +1,12 @@
+import React from 'react';
+import Flex from '@lingxiteam/antd-mobile-plus/es/Flex';
+import { AppForwardRef } from '../BasicComponents';
+
+export interface MyFlexProps {}
+
+const MyFlex = AppForwardRef<MyFlexProps>((props, ref) => {
+  const { ...restProps } = props;
+  return <Flex {...restProps} />;
+});
+
+export default MyFlex;

package/lib/h5public/src/components/factory/src/Flex/index.tsx

@@ -1,12 +1,13 @@
-import React from 'react';
-import { Flex } from '@lingxiteam/antd-mobile-plus';
-import { AppForwardRef } from '../BasicComponents';
+import React, { useImperativeHandle } from 'react';
+import { LingxiForwardRef } from '@lingxiteam/types';
+import FlexLoader from './loader';
 
-export interface MyFlexProps {}
-
-const MyFlex = AppForwardRef<MyFlexProps>((props, ref) => {
-  const { ...restProps } = props;
-  return <Flex {...restProps} />;
+const Flex = LingxiForwardRef<unknown, any>((props, ref) => {
+  useImperativeHandle(ref, () => ({
+    // 这里暴漏部分指令方法
+  }));
+  
+  return <FlexLoader {...props} />;
 });
 
-export default MyFlex;
+export default Flex;

package/lib/h5public/src/components/factory/src/Flex/loader.tsx

@@ -0,0 +1,9 @@
+import Loadable from 'react-loadable';
+import { LoadingComponennt } from '../utils/LoaderHelper';
+
+const LoadableLXRadarChart = Loadable({
+  loader: async () => (await import(/* webpackChunkName: 'factory-Flex' */ './Flex')) as unknown as React.ComponentType<any>,
+  loading: LoadingComponennt,
+});
+
+export default LoadableLXRadarChart;