fix: 函数式弹窗全局弹窗

Author: 李磊

packages/ui/src/components/ConfigProvider/style/expandComponents.ts

@@ -28,7 +28,7 @@ export const expandComponentsStyle = (prefix: string) => {
               cursor: 'move',
               userSelect: 'none',
             }),
-            c('.l-modal-title', {
+            c('.l-modal-title-no-drag', {
               height: '100%',
               display: 'flex',
               alignItems: 'center',

packages/ui/src/index.ts

@@ -9,6 +9,7 @@ import {
   LModalForm,
   installUseModal,
   LSignature,
+  type HookModalProps,
 } from './components';
 
 export { version } from './version';
@@ -24,13 +25,12 @@ const components = [
   LSignature,
 ];
 
-function install(app: App) {
+function install(app: App, options?: HookModalProps) {
   components.forEach((component) => {
     app.use(component);
   });
   installUseModal(app, {
-    clsPrefix: 'ant',
-    drag: true,
+    ...options,
   });
 }
 

playground/src/main.ts

@@ -6,13 +6,15 @@ import router from './router';
 import Antd from 'ant-design-vue';
 import 'ant-design-vue/dist/reset.css';
 // 引入@ssuperlilei/ui
-import ll_libUI from '@ssuperlilei/ui';
+import ll_libUI from '~@ssuperlilei/ui';
 import '@ssuperlilei/ui/style.css';
 // import { globalRegister } from '@ssuperlilei/directives';
 
 const app = createApp(App);
 app.use(Antd); // 全局引入antdv组件
-app.use(ll_libUI); // 全局引入@ssuperlilei/ui组件
+app.use(ll_libUI, {
+  drag: false,
+}); // 全局引入@ssuperlilei/ui组件
 // globalRegister(app); // 全局引入@ssuperlilei/directives指令
 app.use(router);
 app.mount('#app');

playground/src/views/Ui/ModalForm.vue

@@ -63,7 +63,7 @@ const openHooksModal = () => {
   ModalRender.show({
     title: '我是hook纯函数式模态框',
     content: 'hello',
-    drag: true,
+    // drag: true,
     formProps,
     wrapClassName: 'modalSizeMedium',
     submit,