fix: 修复 LayerPopup 点击时无法主动关闭

antvis · Sep 20, 2023 · 495bc4d · 495bc4d
1 parent 0fe5887
commit 495bc4d
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 0 deletions.
diff --git a/packages/li-core-assets/src/widgets/LayerPopup/ComponenStyle.ts b/packages/li-core-assets/src/widgets/LayerPopup/ComponenStyle.ts
@@ -22,6 +22,10 @@ const useStyle = () => {
         padding: 12px;
         color: ${colorText};
         background: ${colorBgElevated};
+
+        .l7-popup-close-button {
+          fill: ${colorText};
+        }
       }
     `,
 

diff --git a/packages/li-core-assets/src/widgets/LayerPopup/Component.tsx b/packages/li-core-assets/src/widgets/LayerPopup/Component.tsx
@@ -14,6 +14,7 @@ export interface LILayerPopupProps extends Properties, ImplementWidgetProps {}
 const LILayerPopup: React.FC<LILayerPopupProps> = (props) => {
   const { isOpen = true, trigger, items = [] } = props;
   const styles = useStyle();
+  const isClick = trigger === 'click';
 
   const popupItems: ILayerPopupConfigItem[] = useMemo(() => {
     const list = items
@@ -76,6 +77,7 @@ const LILayerPopup: React.FC<LILayerPopupProps> = (props) => {
       {isOpen && (
         <LayerPopup
           className={cls(CLS_PREFIX, styles.layerPopup)}
+          closeButton={isClick}
           anchor="top-left"
           offsets={[10, -10]}
           items={popupItems}