perf: antdv 支持按钮组

fast-crud · Nov 7, 2023 · cfdefdf · cfdefdf
1 parent a09c7b0
commit cfdefdf
Show file tree

Hide file tree

Showing 7 changed files with 31 additions and 5 deletions.
diff --git a/packages/fast-admin/fs-admin-antdv4 b/packages/fast-admin/fs-admin-antdv4
diff --git a/packages/fast-admin/fs-admin-element b/packages/fast-admin/fs-admin-element
diff --git a/packages/fast-admin/fs-admin-naive-ui b/packages/fast-admin/fs-admin-naive-ui
diff --git a/packages/ui/ui-antdv4/src/antdv.tsx b/packages/ui/ui-antdv4/src/antdv.tsx
@@ -299,7 +299,7 @@ export class Antdv implements UiInterface {
   });
 
   buttonGroup = creator<ButtonGroupCI>({
-    name: "a-space",
+    name: "a-button-group",
     builder(opts) {
       return buildBinding(this, opts, {});
     }

diff --git a/packages/ui/ui-antdv4/src/index.ts b/packages/ui/ui-antdv4/src/index.ts
@@ -1,4 +1,4 @@
-import { message, notification, Modal } from "ant-design-vue";
+import { message, notification, Modal, Button } from "ant-design-vue";
 import { uiContext } from "@fast-crud/ui-interface";
 import setupIcons from "./icons";
 import { Antdv } from "./antdv";
@@ -24,6 +24,7 @@ export default {
     if (options.setupIcons !== false) {
       setupIcons(app);
     }
+    app.component("AButtonGroup", Button.Group);
     return antdvUi;
   },
   set

diff --git a/packages/ui/ui-demo/src/App.vue b/packages/ui/ui-demo/src/App.vue
@@ -7,7 +7,9 @@ import Application from "@/components/Application.vue";
   <a-config-provider >
   <NConfigProvider>
     <Application>
+      <fs-ui-context>
         <RouterView />
+      </fs-ui-context>
     </Application>
   </NConfigProvider>
   </a-config-provider>

diff --git a/packages/ui/ui-demo/src/views/HomeView.vue b/packages/ui/ui-demo/src/views/HomeView.vue
@@ -80,6 +80,17 @@ const radioButtonRender = ()=>{
       } }
   })
 }
+
+const buttonGroupRender = ()=>{
+  return ui.value.buttonGroup.render({
+    slots:{default:()=> {
+        return [
+          ui.value.button.render({slots:{default:()=>'按钮1'}}),
+          ui.value.button.render({slots:{default:()=>'按钮2'}})
+        ]
+      } }
+  })
+}
 </script>
 
 <template>
@@ -138,6 +149,18 @@ const radioButtonRender = ()=>{
             <ui-render :render-func="radioButtonRender"></ui-render>
           </td>
         </tr>
+        <tr>
+          <td>buttonGroup</td>
+          <td>
+            <component :is="ui.buttonGroup.name">
+              <component :is="ui.button.name" >按钮1</component>
+              <component :is="ui.button.name" >按钮2</component>
+            </component>
+          </td>
+          <td>
+            <ui-render :render-func="buttonGroupRender"></ui-render>
+          </td>
+        </tr>
 
         </tbody>
       </n-table>