1

src/App.vue

@@ -17,24 +17,18 @@ const electrical_stroke_modules_files = import.meta.glob('./assets/svgs/electric
   eager: true,
   as: 'raw'
 })
-const process_demo_image_files = import.meta.glob('./assets/images/process-demo/**.jpg', {
+const process_demo_image_files = import.meta.glob('./assets/images/process-demo/**', {
   eager: true,
   query: '?url',
   import: 'default'
 })
-const process_demo_image_titles: Record<string, string> = {
-  'process-tank': '储罐',
-  'process-pump': '输送泵',
-  'process-valve': '控制阀',
-  'process-flowmeter': '流量计',
-  'process-heat-exchanger': '换热器',
-  'process-boiler': '加热炉',
-  'process-mixer': '搅拌反应器',
-  'process-treatment': '处理设备',
-  'process-blower': '鼓风机',
-  'process-pipe-branch': '支路管道',
-  'process-callout': '标注引线'
-}
+
+const materials_files = import.meta.glob('./assets/images/materials/**', {
+  eager: true,
+  query: '?url',
+  import: 'default'
+})
+
 const electrical_register_config: any = []
 for (const key in electrical_modules_files) {
   //根据路径获取svg文件名
@@ -75,12 +69,12 @@ for (const key in electrical_stroke_modules_files) {
 }
 leftAsideStore.registerConfig('电气符号', electrical_register_config)
 
-const process_demo_register_config = Object.entries(process_demo_image_files).map(
+const process_demo_register_config: any[] = Object.entries(process_demo_image_files).map(
   ([key, url]) => {
     const name = key.split('/').pop()!.split('.')[0]
     return {
       id: name,
-      title: process_demo_image_titles[name] || name,
+      title: name,
       type: 'img',
       thumbnail: url,
       props: {}
@@ -89,6 +83,18 @@ const process_demo_register_config = Object.entries(process_demo_image_files).ma
 )
 leftAsideStore.registerConfig('工艺流程图', process_demo_register_config)
 
+const materials_register_config: any[] = Object.entries(materials_files).map(([key, url]) => {
+  const name = key.split('/').pop()!.split('.')[0]
+  return {
+    id: name,
+    title: name,
+    type: 'img',
+    thumbnail: url,
+    props: {}
+  }
+})
+leftAsideStore.registerConfig('素材', materials_register_config)
+
 const route = useRoute()
 const { addListeners, removeListeners } = useAutoLogout()
 

src/components/custom-components/text-vue/index.vue

@@ -2,7 +2,12 @@
   <p
     class="break-words w-1/1 h-1/1"
     :class="props.vertical ? 'text-vertical' : ''"
-    :style="{ fontFamily: props.fontFamily, fontSize: props.fontSize + 'px', color: props.fill }">
+    :style="{
+      fontFamily: props.fontFamily,
+      fontSize: props.fontSize + 'px',
+      color: props.fill,
+      fontWeight: props.bold ? 'bold' : 'normal'
+    }">
     {{ props.text }}
   </p>
 </template>
@@ -27,6 +32,10 @@ const props = defineProps({
   vertical: {
     type: Boolean,
     default: false
+  },
+  bold: {
+    type: Boolean,
+    default: false
   }
 })
 </script>

src/components/mt-edit/store/config.ts

@@ -207,6 +207,11 @@ const sysComponentItems: ILeftAsideConfigItem[] = [
         type: 'color',
         val: '#FFF700'
       },
+      bold: {
+        title: '文字加粗',
+        type: 'switch',
+        val: false
+      },
       vertical: {
         title: '竖排展示',
         type: 'switch',