fix: 问题处理

antvis · Dec 26, 2023 · 383c87d · 383c87d
1 parent b8649a2
commit 383c87d
Show file tree

Hide file tree

Showing 7 changed files with 15 additions and 21 deletions.
diff --git a/packages/li-analysis-assets/src/widgets/AppIntroductionControl/Component.tsx b/packages/li-analysis-assets/src/widgets/AppIntroductionControl/Component.tsx
@@ -3,7 +3,7 @@ import type { ImplementWidgetProps } from '@antv/li-sdk';
 import classNames from 'classnames';
 import Quill from 'quill';
 import 'quill/dist/quill.snow.css';
-import React, { useEffect, useMemo, useRef } from 'react';
+import React, { useEffect, useRef } from 'react';
 import type { Properties } from './registerForm';
 import useStyle from './style';
 
@@ -12,7 +12,7 @@ const CLS_PREFIX = 'li-analysis-app-introduction';
 export interface AppIntroductionControlProps extends Properties, ImplementWidgetProps {}
 
 const AppIntroductionControl: React.FC<AppIntroductionControlProps> = (props) => {
-  const { position, width, height, content } = props;
+  const { position, width, content } = props;
   const styles = useStyle();
   const informationRef = useRef<HTMLDivElement>(null);
   const quillRef = useRef<Quill>();
@@ -34,7 +34,7 @@ const AppIntroductionControl: React.FC<AppIntroductionControlProps> = (props) =>
 
   return (
     <CustomControl position={position} className={classNames(styles.appIntroduction, CLS_PREFIX)}>
-      <div style={{ width, height, overflow: 'hidden' }} ref={informationRef} />
+      <div style={{ width }} ref={informationRef} />
     </CustomControl>
   );
 };

diff --git a/packages/li-analysis-assets/src/widgets/AppIntroductionControl/index.tsx b/packages/li-analysis-assets/src/widgets/AppIntroductionControl/index.tsx
@@ -13,6 +13,7 @@ export default implementWidget({
   },
   defaultProperties: {
     position: 'topright' as const,
+    width: 300,
   },
   component,
   registerForm,

diff --git a/packages/li-analysis-assets/src/widgets/AppIntroductionControl/registerForm.ts b/packages/li-analysis-assets/src/widgets/AppIntroductionControl/registerForm.ts
@@ -6,7 +6,6 @@ import type { WidgetRegisterForm } from '@antv/li-sdk';
 export type Properties = {
   position?: PositionName;
   width?: number;
-  height?: number;
   content?: any;
 };
 
@@ -23,19 +22,7 @@ export default (): WidgetRegisterForm<Properties> => {
     width: {
       title: '宽度',
       type: 'string',
-      default: 100,
-      'x-decorator': 'FormItem',
-      'x-component': 'NumberPicker',
-      'x-component-props': {
-        addonAfter: 'px',
-        min: 0,
-        precision: 0,
-      },
-    },
-    height: {
-      title: '高度',
-      type: 'string',
-      default: 150,
+      default: 300,
       'x-decorator': 'FormItem',
       'x-component': 'NumberPicker',
       'x-component-props': {

diff --git a/packages/li-analysis-assets/src/widgets/AppIntroductionControl/style.ts b/packages/li-analysis-assets/src/widgets/AppIntroductionControl/style.ts
@@ -9,6 +9,14 @@ function useStyle() {
   return {
     appIntroduction: css`
       background-color: ${colorBgContainer};
+
+      .ql-editor {
+        overflow: hidden;
+      }
+
+      .ql-tooltip {
+        display: none;
+      }
     `,
   };
 }

diff --git a/packages/li-p2/src/components/Formily/RichTextEditing/Editor/index.tsx b/packages/li-p2/src/components/Formily/RichTextEditing/Editor/index.tsx
@@ -129,7 +129,7 @@ const Editor: React.FC<EditorProps> = (props) => {
         placement="bottom"
         arrow={false}
         destroyTooltipOnHide={true}
-        // 渲染父节点上
+        onOpenChange={(open: boolean) => setOpen(open)}
         getPopupContainer={() => editorContainerRef.current!}
       />
     </div>,

diff --git a/packages/li-p2/src/components/Formily/RichTextEditing/Editor/style.ts b/packages/li-p2/src/components/Formily/RichTextEditing/Editor/style.ts
@@ -98,8 +98,6 @@ export default genStyleHook('rich-editor', (token) => {
       },
     },
 
-    [`${componentCls}__popover`]: {},
-
     [`${componentCls}__popover__content`]: {
       background: colorBgElevated,
 

diff --git a/packages/li-p2/src/components/Formily/RichTextEditing/index.tsx b/packages/li-p2/src/components/Formily/RichTextEditing/index.tsx
@@ -44,7 +44,7 @@ const InternalRichTextEditing: React.FC<InternalRichTextEditingProps> = (props)
         open={isModalOpen}
         onOk={handleOk}
         onCancel={handleCancel}
-        width={1000}
+        width={800}
       >
         <Editor value={value} onChange={onSubmit} />
       </Modal>