feat: 物料可以单独设置是否添加基础样式(opentiny#1238)

* feat: 物料可以单独设置是否添加基础样式，可以和物料插件useBaseStyle配置组合使用

Author: BWrong

packages/plugins/materials/src/composable/useMaterial.ts

@@ -75,26 +75,6 @@ const getSnippet = (component: string) => {
   return schema
 }
 
-const generateNode = ({ type, component }: { type: string; component: string }) => {
-  const snippet = getSnippet(component) || {}
-
-  const schema: Schema & Required<Pick<Schema, 'props'>> = {
-    componentName: component,
-    ...snippet,
-    props: {
-      ...snippet.props,
-      className: getOptions(meta.id).useBaseStyle ? getOptions(meta.id).componentBaseStyle.className : ''
-    }
-  }
-
-  if (type === 'block') {
-    schema.componentType = 'Block'
-    schema.props.className = getOptions(meta.id).useBaseStyle ? getOptions(meta.id).blockBaseStyle.className : ''
-  }
-
-  return schema
-}
-
 /**
  * 获取物料组件的配置信息
  * @returns
@@ -502,7 +482,29 @@ const initMaterial = ({ isInit = true, appData = {} }: InitMaterialOptions = {})
     })
   }
 }
+const generateNode = ({ type, component }) => {
+  const snippet = getSnippet(component) || {}
+  const material = getMaterial(component)
+  // 判断是否要加基础样式
+  const materialUseBaseStyle = material.configure?.useBaseStyle
+  const globalUseBaseStyle = getOptions(meta.id).useBaseStyle
+  const useBaseStyle = globalUseBaseStyle && materialUseBaseStyle !== false
+  const schema = {
+    componentName: component,
+    ...snippet,
+    props: {
+      ...snippet.props,
+      className: useBaseStyle ? getOptions(meta.id).componentBaseStyle.className : ''
+    }
+  }
 
+  if (type === 'block') {
+    schema.componentType = 'Block'
+    schema.props.className = getOptions(meta.id).useBaseStyle ? getOptions(meta.id).blockBaseStyle.className : ''
+  }
+
+  return schema
+}
 const refreshMaterial = async () => {
   clearMaterials()
   initMaterial()

packages/plugins/materials/src/meta/block/src/BlockDetail.vue

@@ -16,13 +16,19 @@
         <div>{{ detail?.current_history?.message }}</div>
         <div class="block-item-history">{{ detail?.current_history?.updated_at }}</div>
       </div>
-      <div v-if="!isSettingPanel && !isShortcutPanel" class="block-detail-item block-detail-show-more"
-        @click="openHistory">
+      <div
+        v-if="!isSettingPanel && !isShortcutPanel"
+        class="block-detail-item block-detail-show-more"
+        @click="openHistory"
+      >
         <span>查看历史备份</span>
         <icon-double-right></icon-double-right>
       </div>
-      <div v-if="!isDefaultGroupId(selectedGroup.groupId) && !isSettingPanel && !isShortcutPanel"
-        class="block-delete" @click="deleteBlock(selectedBlock || detail?.id)">
+      <div
+        v-if="!isDefaultGroupId(selectedGroup.groupId) && !isSettingPanel && !isShortcutPanel"
+        class="block-delete"
+        @click="deleteBlock(selectedBlock || detail?.id)"
+      >
         <tiny-button :icon="IconDel">Delete</tiny-button>
       </div>
     </div>
@@ -47,7 +53,7 @@ export default {
   props: {
     detail: {
       type: Object,
-      default: () => { }
+      default: () => {}
     },
     isSettingPanel: {
       type: Boolean,