perf: first 增加 tour示例

Closes #330
fast-crud · Jan 25, 2024 · b1ae0aa · b1ae0aa
1 parent 51e37bd
commit b1ae0aa
Show file tree

Hide file tree

Showing 4 changed files with 43 additions and 5 deletions.
diff --git a/packages/fast-admin/fs-admin-antdv b/packages/fast-admin/fs-admin-antdv
diff --git a/packages/fast-crud/src/components/basic/fs-button.tsx b/packages/fast-crud/src/components/basic/fs-button.tsx
@@ -44,7 +44,8 @@ export default defineComponent({
     buttonProps: {
       type: Object,
       default: undefined
-    }
+    },
+    className: {}
   },
   setup(props, ctx) {
     const { ui } = useUi();
@@ -115,8 +116,9 @@ export default defineComponent({
             "is-thin": !props.text && !ctx.slots.default
           }
         },
-        { ...ctx.attrs, ...props.buttonProps }
+        { ...ctx.attrs, ...props.buttonProps, class: props.className }
       );
+      debugger;
       if (iconProp) {
         // @ts-ignore
         btnProps.icon = iconProp;

diff --git a/packages/fast-crud/src/index.ts b/packages/fast-crud/src/index.ts
@@ -8,7 +8,7 @@ import { uiContext } from "./ui";
 import { GlobalConfig, LoggerConfig, useDictDefine, useMerge } from "./use";
 import { App } from "vue";
 import { FsSetupOptions } from "./d";
-import _ from "lodash-es";
+
 export * from "./utils/index";
 export * from "./use";
 export * from "./components";

diff --git a/packages/fast-crud/src/use/default-crud-options.ts b/packages/fast-crud/src/use/default-crud-options.ts
@@ -33,9 +33,15 @@ export default {
         show: true,
         buttons: {
           search: {
+            className: {
+              "fs-search-btn-search": true
+            },
             icon: ui.icons.search
           },
           reset: {
+            className: {
+              "fs-search-btn-reset": true
+            },
             icon: ui.icons.refresh
           }
         }
@@ -139,11 +145,41 @@ export default {
         pagination: false //antdv 关闭默认分页
       },
       toolbar: {
-        compact: true
+        compact: true,
+        buttons: {
+          search: {
+            className: {
+              "fs-toolbar-btn-search": true
+            }
+          },
+          compact: {
+            className: {
+              "fs-toolbar-btn-compact": true
+            }
+          },
+          refresh: {
+            className: {
+              "fs-toolbar-btn-refresh": true
+            }
+          },
+          export: {
+            className: {
+              "fs-toolbar-btn-export": true
+            }
+          },
+          columns: {
+            className: {
+              "fs-toolbar-btn-columns": true
+            }
+          }
+        }
       },
       actionbar: {
         buttons: {
           add: {
+            className: {
+              "fs-actionbar-btn-add": true
+            },
             type: "primary",
             text: ct("fs.actionbar.add")
           }