@lingxiteam/ebe-utils 0.2.22 → 0.2.23

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

@@ -0,0 +1,11 @@
+import Loadable from 'react-loadable';
+import { LoadingComponennt } from '../utils/LoaderHelper';
+
+
+const Transfer = Loadable<any, React.ComponentType<any>>({
+  // eslint-disable-next-line func-call-spacing
+  loader: async () => (await import(/* webpackChunkName: "pcfactory-Transfer" */ './Transfer')) as unknown as React.ComponentType<any>,
+  loading: LoadingComponennt,
+});
+
+export default Transfer;

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

@@ -0,0 +1,38 @@
+import { DropDownProps, Dropdown } from 'antd';
+import { EllipsisOutlined } from '@lingxiteam/icons';
+import React, { useState } from 'react';
+
+const TreeEllipsisIcon:React.FC<DropDownProps & {overlayFn?: (onClose?: Function) => DropDownProps['overlay']}> = (props) => {
+  const [open, setOpen] = useState<boolean>(false);
+  return (
+    <div
+      className="ued-tree-icons"
+      style={{
+        // 当下拉浮层打开时，常显操作按钮，否则根据样式控制
+        opacity: open ? 1 : undefined,
+        display: open ? 'block' : undefined,
+      }}
+    >
+      <Dropdown
+        overlay={props?.overlayFn?.(() => {
+          setOpen(false);
+        })}
+        {...props}
+        open={open}
+        onOpenChange={(v) => {
+          props?.onOpenChange?.(v);
+          setOpen(v);
+        }}
+      >
+        <EllipsisOutlined
+          className="ued-tree-icon"
+          onClick={(e: { stopPropagation: () => void }) => {
+            e.stopPropagation();
+          }}
+        />
+      </Dropdown>
+    </div>
+  );
+};
+
+export default TreeEllipsisIcon;

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

@@ -1,8 +1,8 @@
-import { RightOutlined } from '@ant-design/icons';
+import React, { useState, useMemo, useEffect } from 'react';
+import { RightOutlined } from '@lingxiteam/icons';
 import { useDebounceFn } from 'ahooks';
 import { Popover } from 'antd';
 import classNames from 'classnames';
-import { useEffect, useMemo, useState } from 'react';
 
 const List = (props: any) => {
   const { data, keyList, handleOnClick } = props;
@@ -23,35 +23,35 @@ const List = (props: any) => {
     wait: 100,
   });
 
-  const comp = useMemo(
-    () => (
-      <>
-        <ul className="tree-menu-list">
-          {data?.map((d: any, i: any) => (
-            <li
-              className={classNames('tree-menu-item', child?.key === d.key && 'hover')}
-              onClick={e => {
-                e.stopPropagation();
-                if (typeof handleOnClick === 'function') {
-                  const keys = keyList.split(',');
-                  handleOnClick(d, [...keys, d.key]);
-                }
-              }}
-              onMouseEnter={() => {
-                run(d.key || i, d.children);
-              }}
-              key={d.key || i}
-            >
-              {d.title}
-              {d?.children?.length > 0 && <RightOutlined rev="" />}
-            </li>
-          ))}
-        </ul>
-        {child?.childrenList?.length > 0 && <List data={child?.childrenList} keyList={`${keyList},${child?.key}`} handleOnClick={handleOnClick} />}
-      </>
-    ),
-    [data, child, keyList]
-  );
+  const comp = useMemo(() => (
+    <>
+      <ul className="tree-menu-list">
+        {data?.map((d: any, i: any) => (
+          <li
+            className={classNames('tree-menu-item', (child?.key === d.key) && 'hover')}
+            onClick={(e) => {
+              e.stopPropagation();
+              if (typeof handleOnClick === 'function') {
+                const keys = keyList.split(',');
+                handleOnClick(d, [...keys, d.key]);
+              }
+            }}
+            onMouseEnter={() => {
+              run(d.key || i, d.children);
+            }}
+            key={d.key || i}
+          >
+            {d.title}
+            {d?.children?.length > 0 && <RightOutlined />}
+          </li>))}
+      </ul>
+      {child?.childrenList?.length > 0 && <List
+        data={child?.childrenList}
+        keyList={`${keyList},${child?.key}`}
+        handleOnClick={handleOnClick}
+      />}
+    </>
+  ), [data, child, keyList]);
   return comp;
 };
 
@@ -62,19 +62,18 @@ const TreeNodeMenu = (props: any) => {
     <div className="tree-menu-box">
       <List
         data={arr}
-        handleOnClick={(data: any, keys: any[]) => {
+        handleOnClick={(data:any, keys:any[]) => {
           if (typeof onClickMenuItem === 'function') {
             onClickMenuItem(data?.key, { ...data, ...(data?.data || {}) }, keys);
           }
         }}
         keyList="first"
       />
-    </div>
-  );
+    </div>);
   return (
     <Popover
       trigger={['contextMenu']}
-      content={renderMenu(menuData)}
+      content={(renderMenu(menuData))}
       placement="rightTop"
       overlayClassName="ued-tree-menu"
       visible={visible}