修改 tailwind,仅包含 utilities.css

build.gradle

@@ -157,9 +157,12 @@ subprojects {
     }
 
     clean {
-		//delete 'dist'										//删除前端自动生成的资源目录
-        //delete 'bin'										//删除 eclipse 编译的 bin 目录
+        delete 'bin'										//删除 eclipse 编译的 bin 目录
         delete 'build'										//删除 gradle 构建目录
+        delete 'dist'                                       //删除前端打包后的目录
+        delete 'node_modules'                               //删除前端 node_modules 目录
+        delete 'pnpm-lock.yaml'                             //删除前端 pnpm 文件
+        delete 'package-lock.json'                          //删除前端 npm 文件
     }
 
 	/*-----------------------------------------------------------------
@@ -746,16 +749,6 @@ subprojects {
             excludeDirs += file('dist')
         }
     }
-
-    clean {
-        doFirst{
-	        if(isFrontendProject(file('.'))) {
-                delete 'dist'
-                delete 'node_modules'
-                delete 'pnpm-lock.yaml'
-	        }
-        }
-    }
 }
 
 /***********************************************************************

erm.frontend/package.json

@@ -111,7 +111,7 @@
     "node-sql-parser": "5.3.2",
     "pinia": "2.2.2",
     "pinia-undo": "0.2.4",
-    "platform-core": "8.1.391",
+    "platform-core": "8.1.405",
     "quasar": "2.17.0",
     "svg-path-commander": "2.0.10",
     "tailwindcss": "3.4.10",

erm.frontend/public/index.html

@@ -20,7 +20,7 @@
     <script src="/webjars/luckysheet/2.1.13/luckysheet.umd.js" th:src="@{/webjars/luckysheet/2.1.13/luckysheet.umd.js}"></script>
 
     <script src="/configure.js" th:src="@{/configure.js}"></script>
-    <script src="/webjars/tailwindcss/3.4.5/tailwind.css.js" th:src="@{/webjars/tailwindcss/3.4.5/tailwind.css.js}"></script>
+    <!-- <script src="/webjars/tailwindcss/3.4.5/tailwind.css.js" th:src="@{/webjars/tailwindcss/3.4.5/tailwind.css.js}"></script> -->
 
     <script>
       (function () {

erm.frontend/src/boostrap.ts

@@ -9,8 +9,12 @@ import localRoutes from './routes/routes.json';
 import localComponents from './components';
 import App from './App.vue';
 
+// 以下导入 css 的语句在具体的前端项目中生效
+// platform-core 提供的模版通过执行 pnpm sync 命令时,会替换掉 , 以便生效
+// 导入 platform-core css
 import 'platform-core/dist/css/platform-core.css';
-import './css/tailwind.css';
+// 导入 tailwind utilities css
+import 'tailwindcss/utilities.css';
 
 // 设置远程组件加载器
 // 覆盖 platform-core 包中的 remoteComponentLoader 函数

erm.frontend/src/css/tailwind.css

@@ -1,6 +0,0 @@
-/**
- * 无需包含 @tailwind base, 避免和 platform-core 的 css 重复
- */
-/* @tailwind base; */ 
-@tailwind components;
-@tailwind utilities;

erm.frontend/src/views/appetite/Monitor.vue

@@ -1,4 +1,6 @@
 <template>
   <div>Monitor</div>
 </template>
-<script setup lang="ts"></script>
+<script setup lang="ts">
+import 'tailwindcss/utilities.css';
+</script>

erm.frontend/src/views/appetite/Spread.vue

@@ -1,4 +1,6 @@
 <template>
   <div>Spread</div>
 </template>
-<script setup lang="ts"></script>
+<script setup lang="ts">
+import 'tailwindcss/utilities.css';
+</script>

erm.frontend/src/views/appetite/Threshold.vue

@@ -1,4 +1,6 @@
 <template>
   <div>Threshold</div>
 </template>
-<script setup lang="ts"></script>
+<script setup lang="ts">
+import 'tailwindcss/utilities.css';
+</script>

erm.frontend/src/views/appetite/Validate.vue

@@ -104,6 +104,7 @@
   </div>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { ref } from 'vue';
 
 const selectedTabRef = ref('data');

erm.frontend/src/views/appetite/cross-validate/Calculate.vue

@@ -249,6 +249,7 @@
   </div>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { ref } from 'vue';
 
 const creditCarOptions = [

erm.frontend/src/views/appetite/cross-validate/CrossValidate.vue

@@ -93,6 +93,7 @@
   </div>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { ref } from 'vue';
 import { Environment, Formater } from 'platform-core';
 import CrossValidateDialog from './CrossValidateDialog.vue';

erm.frontend/src/views/appetite/cross-validate/Data.vue

@@ -99,4 +99,6 @@
     </tbody>
   </q-markup-table>
 </template>
-<script setup lang="ts"></script>
+<script setup lang="ts">
+import 'tailwindcss/utilities.css';
+</script>

erm.frontend/src/views/appetite/spread/Spread.vue

@@ -99,6 +99,7 @@
   </div>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { ref } from 'vue';
 import { axios, Environment, Formater } from 'platform-core';
 import SpreadDialog from './SpreadDialog.vue';

erm.frontend/src/views/appetite/spread/SpreadBusinessObject.vue

@@ -60,6 +60,7 @@
   ></w-grid>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { Environment, Options, Formater, EnumTools, DictionaryTools } from 'platform-core';
 
 const props = defineProps({

erm.frontend/src/views/appetite/spread/SpreadIndustry.vue

@@ -67,6 +67,7 @@
   ></w-grid>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { ref } from 'vue';
 import { axios, Environment, Options, Formater, EnumTools, DictionaryTools } from 'platform-core';
 

erm.frontend/src/views/appetite/spread/SpreadShareholder.vue

@@ -65,6 +65,7 @@
   ></w-grid>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { ref } from 'vue';
 import { axios, Environment, Options, Formater, EnumTools, DictionaryTools } from 'platform-core';
 

erm.frontend/src/views/appetite/spread/SreadCoreIndicator.vue

@@ -59,6 +59,7 @@
   ></w-grid>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { ref } from 'vue';
 import { axios, Environment, Options, Formater, EnumTools, DictionaryTools } from 'platform-core';
 

erm.frontend/src/views/appetite/spread/SreadSupervision.vue

@@ -65,6 +65,7 @@
   ></w-grid>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { ref } from 'vue';
 import { axios, Environment, Options, Formater, EnumTools, DictionaryTools } from 'platform-core';
 

erm.frontend/src/views/assessment/Additional.vue

@@ -1,4 +1,6 @@
 <template>
   <div>Additional</div>
 </template>
-<script setup lang="ts"></script>
+<script setup lang="ts">
+import 'tailwindcss/utilities.css';
+</script>

erm.frontend/src/views/assessment/Concentration.vue

@@ -1,4 +1,6 @@
 <template>
   <div>Concentration</div>
 </template>
-<script setup lang="ts"></script>
+<script setup lang="ts">
+import 'tailwindcss/utilities.css';
+</script>

erm.frontend/src/views/assessment/Interest.vue

@@ -1,4 +1,6 @@
 <template>
   <div>Interest</div>
 </template>
-<script setup lang="ts"></script>
+<script setup lang="ts">
+import 'tailwindcss/utilities.css';
+</script>

erm.frontend/src/views/assessment/LevelResult.vue

@@ -1,4 +1,6 @@
 <template>
   <div>LevelResult</div>
 </template>
-<script setup lang="ts"></script>
+<script setup lang="ts">
+import 'tailwindcss/utilities.css';
+</script>

erm.frontend/src/views/assessment/Liquidity.vue

@@ -1,4 +1,6 @@
 <template>
   <div>Liquidity</div>
 </template>
-<script setup lang="ts"></script>
+<script setup lang="ts">
+import 'tailwindcss/utilities.css';
+</script>

erm.frontend/src/views/assessment/ManagementResult.vue

@@ -1,4 +1,6 @@
 <template>
   <div>ManagementResult</div>
 </template>
-<script setup lang="ts"></script>
+<script setup lang="ts">
+import 'tailwindcss/utilities.css';
+</script>

erm.frontend/src/views/assessment/ReEvaluation.vue

@@ -1,4 +1,6 @@
 <template>
   <div>ReEvaluation</div>
 </template>
-<script setup lang="ts"></script>
+<script setup lang="ts">
+import 'tailwindcss/utilities.css';
+</script>

erm.frontend/src/views/assessment/Reputation.vue

@@ -1,4 +1,6 @@
 <template>
   <div>Reputation</div>
 </template>
-<script setup lang="ts"></script>
+<script setup lang="ts">
+import 'tailwindcss/utilities.css';
+</script>

erm.frontend/src/views/assessment/SelfEvaluation.vue

@@ -1,4 +1,6 @@
 <template>
   <div>SelfEvaluation</div>
 </template>
-<script setup lang="ts"></script>
+<script setup lang="ts">
+import 'tailwindcss/utilities.css';
+</script>

erm.frontend/src/views/assessment/Strategy.vue

@@ -1,4 +1,6 @@
 <template>
   <div>Strategy</div>
 </template>
-<script setup lang="ts"></script>
+<script setup lang="ts">
+import 'tailwindcss/utilities.css';
+</script>

erm.frontend/src/views/capitalMonitor/Car.vue

@@ -1,4 +1,6 @@
 <template>
   <div>Car</div>
 </template>
-<script setup lang="ts"></script>
+<script setup lang="ts">
+import 'tailwindcss/utilities.css';
+</script>

erm.frontend/src/views/capitalMonitor/InterBank.vue

@@ -1,4 +1,6 @@
 <template>
   <div>InterBank</div>
 </template>
-<script setup lang="ts"></script>
+<script setup lang="ts">
+import 'tailwindcss/utilities.css';
+</script>

erm.frontend/src/views/capitalMonitor/Regulatory.vue

@@ -1,4 +1,6 @@
 <template>
   <div>Regulatory</div>
 </template>
-<script setup lang="ts"></script>
+<script setup lang="ts">
+import 'tailwindcss/utilities.css';
+</script>

erm.frontend/src/views/capitalPlan/Insufficiency.vue

@@ -1,4 +1,6 @@
 <template>
   <div>Insufficiency</div>
 </template>
-<script setup lang="ts"></script>
+<script setup lang="ts">
+import 'tailwindcss/utilities.css';
+</script>

erm.frontend/src/views/capitalPlan/Parameter.vue

@@ -1,4 +1,6 @@
 <template>
   <div>Parameter</div>
 </template>
-<script setup lang="ts"></script>
+<script setup lang="ts">
+import 'tailwindcss/utilities.css';
+</script>

erm.frontend/src/views/capitalPlan/Result.vue

@@ -1,4 +1,6 @@
 <template>
   <div>Result</div>
 </template>
-<script setup lang="ts"></script>
+<script setup lang="ts">
+import 'tailwindcss/utilities.css';
+</script>

erm.frontend/src/views/capitalPlan/StrategicTarget.vue

@@ -72,6 +72,7 @@
   </div>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { ref } from 'vue';
 import { Environment, Formater } from 'platform-core';
 

erm.frontend/src/views/capitalPlan/Template.vue

@@ -1,4 +1,6 @@
 <template>
   <div>Template</div>
 </template>
-<script setup lang="ts"></script>
+<script setup lang="ts">
+import 'tailwindcss/utilities.css';
+</script>

erm.frontend/src/views/economicCapital/Result.vue

@@ -1,4 +1,6 @@
 <template>
   <div></div>
 </template>
-<script setup lang="ts"></script>
+<script setup lang="ts">
+import 'tailwindcss/utilities.css';
+</script>

erm.frontend/src/views/economicCapital/Schema.vue

@@ -68,6 +68,7 @@
   </div>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { ref } from 'vue';
 import { Environment, Formater } from 'platform-core';
 

erm.frontend/src/views/icaap/Assessment.vue

@@ -1,4 +1,6 @@
 <template>
   <div>Assessment</div>
 </template>
-<script setup lang="ts"></script>
+<script setup lang="ts">
+import 'tailwindcss/utilities.css';
+</script>

erm.frontend/src/views/icaap/Template.vue

@@ -1,4 +1,6 @@
 <template>
   <div>Template</div>
 </template>
-<script setup lang="ts"></script>
+<script setup lang="ts">
+import 'tailwindcss/utilities.css';
+</script>

erm.frontend/src/views/identify/Credit.vue

@@ -1,4 +1,6 @@
 <template>
   <div>Credit</div>
 </template>
-<script setup lang="ts"></script>
+<script setup lang="ts">
+import 'tailwindcss/utilities.css';
+</script>

erm.frontend/src/views/identify/Market.vue

@@ -1,4 +1,6 @@
 <template>
   <div>Market</div>
 </template>
-<script setup lang="ts"></script>
+<script setup lang="ts">
+import 'tailwindcss/utilities.css';
+</script>

erm.frontend/src/views/identify/Operation.vue

@@ -1,4 +1,6 @@
 <template>
   <div>Operation</div>
 </template>
-<script setup lang="ts"></script>
+<script setup lang="ts">
+import 'tailwindcss/utilities.css';
+</script>

erm.frontend/src/views/identify/Result.vue

@@ -1,4 +1,6 @@
 <template>
   <div>Result</div>
 </template>
-<script setup lang="ts"></script>
+<script setup lang="ts">
+import 'tailwindcss/utilities.css';
+</script>

erm.frontend/src/views/kpi/Indicator.vue

@@ -245,6 +245,7 @@
   ></w-grid>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { ref } from 'vue';
 import { Environment, DictionaryTools, Formater, Options, Tools } from 'platform-core';
 import IndicatorStatus from './IndicatorStatus';

erm.frontend/src/views/kpi/Lib.vue

@@ -108,6 +108,7 @@
   </q-splitter>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { ref } from 'vue';
 import { Environment, axios, EnumTools, Formater } from 'platform-core';
 import SelectIndicatorGrid from './SelectIndicatorGrid.vue';

erm.frontend/src/views/kpi/SelectIndicatorGrid.vue

@@ -119,6 +119,7 @@
   ></SelectIndicatorDialog>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { ref } from 'vue';
 import { DialogManager, Formater, Tools } from 'platform-core';
 import SelectIndicatorDialog from './SelectIndicatorDialog.vue';

erm.frontend/src/views/limit/Monitor.vue

@@ -1,4 +1,6 @@
 <template>
   <div>Monitor</div>
 </template>
-<script setup lang="ts"></script>
+<script setup lang="ts">
+import 'tailwindcss/utilities.css';
+</script>

erm.frontend/src/views/limit/Threshold.vue

@@ -1,4 +1,6 @@
 <template>
   <div>Threshold</div>
 </template>
-<script setup lang="ts"></script>
+<script setup lang="ts">
+import 'tailwindcss/utilities.css';
+</script>

erm.frontend/src/views/report/Report.vue

@@ -1,4 +1,6 @@
 <template>
   <div>Report</div>
 </template>
-<script setup lang="ts"></script>
+<script setup lang="ts">
+import 'tailwindcss/utilities.css';
+</script>

erm.frontend/src/views/report/Template.vue

@@ -1,4 +1,6 @@
 <template>
   <div>Template</div>
 </template>
-<script setup lang="ts"></script>
+<script setup lang="ts">
+import 'tailwindcss/utilities.css';
+</script>

erm.frontend/src/views/stressTest/Report.vue

@@ -1,4 +1,6 @@
 <template>
   <div>Report</div>
 </template>
-<script setup lang="ts"></script>
+<script setup lang="ts">
+import 'tailwindcss/utilities.css';
+</script>

erm.frontend/src/views/stressTest/Template.vue

@@ -1,4 +1,6 @@
 <template>
   <div>Template</div>
 </template>
-<script setup lang="ts"></script>
+<script setup lang="ts">
+import 'tailwindcss/utilities.css';
+</script>

erm.frontend/src/views/stressTest/Test.vue

@@ -1,4 +1,6 @@
 <template>
   <div>Test</div>
 </template>
-<script setup lang="ts"></script>
+<script setup lang="ts">
+import 'tailwindcss/utilities.css';
+</script>

erm.frontend/webpack.config.common.cjs

@@ -58,6 +58,9 @@ module.exports = {
           {
             loader: 'postcss-loader',
           },
+          {
+            loader: 'sass-loader',
+          },
         ],
       },
 

gradle.properties

@@ -38,7 +38,7 @@ application_version=1.0.0
 platform_group=io.sc
 platform_version=8.1.49
 platform_plugin_version=8.1.49
-platform_core_frontend_version=8.1.391
+platform_core_frontend_version=8.1.405
 
 ###########################################################
 # dependencies version

io.sc.engine.mv.frontend/package.json

@@ -111,7 +111,7 @@
     "node-sql-parser": "5.3.2",
     "pinia": "2.2.2",
     "pinia-undo": "0.2.4",
-    "platform-core": "8.1.391",
+    "platform-core": "8.1.405",
     "quasar": "2.17.0",
     "svg-path-commander": "2.0.10",
     "tailwindcss": "3.4.10",

io.sc.engine.mv.frontend/public/index.html

@@ -20,7 +20,7 @@
     <script src="/webjars/luckysheet/2.1.13/luckysheet.umd.js" th:src="@{/webjars/luckysheet/2.1.13/luckysheet.umd.js}"></script>
 
     <script src="/configure.js" th:src="@{/configure.js}"></script>
-    <script src="/webjars/tailwindcss/3.4.5/tailwind.css.js" th:src="@{/webjars/tailwindcss/3.4.5/tailwind.css.js}"></script>
+    <!-- <script src="/webjars/tailwindcss/3.4.5/tailwind.css.js" th:src="@{/webjars/tailwindcss/3.4.5/tailwind.css.js}"></script> -->
 
     <script>
       (function () {

io.sc.engine.mv.frontend/src/boostrap.ts

@@ -9,8 +9,12 @@ import localRoutes from './routes/routes.json';
 import localComponents from './components';
 import App from './App.vue';
 
+// 以下导入 css 的语句在具体的前端项目中生效
+// platform-core 提供的模版通过执行 pnpm sync 命令时,会替换掉 , 以便生效
+// 导入 platform-core css
 import 'platform-core/dist/css/platform-core.css';
-import './css/tailwind.css';
+// 导入 tailwind utilities css
+import 'tailwindcss/utilities.css';
 
 // 设置远程组件加载器
 // 覆盖 platform-core 包中的 remoteComponentLoader 函数

io.sc.engine.mv.frontend/src/css/tailwind.css

@@ -1,6 +0,0 @@
-/**
- * 无需包含 @tailwind base, 避免和 platform-core 的 css 重复
- */
-/* @tailwind base; */ 
-@tailwind components;
-@tailwind utilities;

io.sc.engine.mv.frontend/src/views/config/binomial.vue

@@ -50,5 +50,6 @@
   ></w-grid>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { Environment, Formater } from 'platform-core';
 </script>

io.sc.engine.mv.frontend/src/views/config/chiSquare.vue

@@ -47,5 +47,6 @@
   ></w-grid>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { Environment, Formater } from 'platform-core';
 </script>

io.sc.engine.mv.frontend/src/views/config/cutOffPoint.vue

@@ -56,6 +56,7 @@
   ></w-grid>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { Environment, EnumTools, Formater, Options } from 'platform-core';
 
 const RoundingModeEnum = await EnumTools.fetch('io.sc.platform.core.enums.RoundingMode');

io.sc.engine.mv.frontend/src/views/config/dataExtractor.vue

@@ -79,6 +79,7 @@
   ></w-grid>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { ref } from 'vue';
 import { axios, Environment, Formater, DialogManager } from 'platform-core';
 

io.sc.engine.mv.frontend/src/views/config/distribution.vue

@@ -53,5 +53,6 @@
   ></w-grid>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { Environment, Formater } from 'platform-core';
 </script>

io.sc.engine.mv.frontend/src/views/config/executor.vue

@@ -32,5 +32,6 @@
   ></w-grid>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { Environment, Formater } from 'platform-core';
 </script>

io.sc.engine.mv.frontend/src/views/config/model.vue

@@ -63,6 +63,7 @@
   ></w-grid>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { Environment, EnumTools, Formater } from 'platform-core';
 
 const ModelTypeEnum = await EnumTools.fetch('io.sc.engine.mv.enums.ModelType');

io.sc.engine.mv.frontend/src/views/config/scale.vue

@@ -53,5 +53,6 @@
   ></w-grid>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { Environment, Formater } from 'platform-core';
 </script>

io.sc.engine.mv.frontend/src/views/config/threshold.vue

@@ -63,5 +63,6 @@
   ></w-grid>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { Environment, Formater } from 'platform-core';
 </script>

io.sc.engine.mv.frontend/src/views/result/Executor.vue

@@ -34,6 +34,7 @@
   </w-dialog>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { ref, nextTick } from 'vue';
 import { axios, Environment } from 'platform-core';
 

io.sc.engine.mv.frontend/src/views/result/Result.vue

@@ -173,6 +173,7 @@
   </div>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { ref, reactive } from 'vue';
 import { axios, Environment, Tools, Formater, NotifyManager } from 'platform-core';
 import Executor from './Executor.vue';

io.sc.engine.mv.frontend/src/views/result/ResultDetailDialog.vue

@@ -188,6 +188,7 @@
   </w-dialog>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { ref, nextTick, computed } from 'vue';
 import { useI18n } from 'vue-i18n';
 import * as echarts from 'echarts';

io.sc.engine.mv.frontend/src/views/sample/Sample.vue

@@ -113,6 +113,7 @@
   </div>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { ref } from 'vue';
 import { axios, Environment, Formater, DialogManager } from 'platform-core';
 

io.sc.engine.mv.frontend/webpack.config.common.cjs

@@ -58,6 +58,9 @@ module.exports = {
           {
             loader: 'postcss-loader',
           },
+          {
+            loader: 'sass-loader',
+          },
         ],
       },
 

io.sc.engine.rule.frontend/package.json

@@ -111,7 +111,7 @@
     "node-sql-parser": "5.3.2",
     "pinia": "2.2.2",
     "pinia-undo": "0.2.4",
-    "platform-core": "8.1.391",
+    "platform-core": "8.1.405",
     "quasar": "2.17.0",
     "svg-path-commander": "2.0.10",
     "tailwindcss": "3.4.10",

io.sc.engine.rule.frontend/public/index.html

@@ -20,7 +20,7 @@
     <script src="/webjars/luckysheet/2.1.13/luckysheet.umd.js" th:src="@{/webjars/luckysheet/2.1.13/luckysheet.umd.js}"></script>
 
     <script src="/configure.js" th:src="@{/configure.js}"></script>
-    <script src="/webjars/tailwindcss/3.4.5/tailwind.css.js" th:src="@{/webjars/tailwindcss/3.4.5/tailwind.css.js}"></script>
+    <!-- <script src="/webjars/tailwindcss/3.4.5/tailwind.css.js" th:src="@{/webjars/tailwindcss/3.4.5/tailwind.css.js}"></script> -->
 
     <script>
       (function () {

io.sc.engine.rule.frontend/src/boostrap.ts

@@ -9,8 +9,12 @@ import localRoutes from './routes/routes.json';
 import localComponents from './components';
 import App from './App.vue';
 
+// 以下导入 css 的语句在具体的前端项目中生效
+// platform-core 提供的模版通过执行 pnpm sync 命令时,会替换掉 , 以便生效
+// 导入 platform-core css
 import 'platform-core/dist/css/platform-core.css';
-import './css/tailwind.css';
+// 导入 tailwind utilities css
+import 'tailwindcss/utilities.css';
 
 // 设置远程组件加载器
 // 覆盖 platform-core 包中的 remoteComponentLoader 函数

io.sc.engine.rule.frontend/src/css/tailwind.css

@@ -1,6 +0,0 @@
-/**
- * 无需包含 @tailwind base, 避免和 platform-core 的 css 重复
- */
-/* @tailwind base; */ 
-@tailwind components;
-@tailwind utilities;

io.sc.engine.rule.frontend/src/views/authorization/Authorization.vue

@@ -131,6 +131,7 @@
   </q-splitter>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { ref } from 'vue';
 import { Environment, NotifyManager, axios, Tools, EnumTools, Options, Formater } from 'platform-core';
 import ResourceDeployStatusTag from '@/views/shared/ResourceDeployStatusTag.vue';

io.sc.engine.rule.frontend/src/views/dictionary/dictionary.vue

@@ -606,6 +606,7 @@
   </q-splitter>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { ref, reactive } from 'vue';
 import { axios, Environment, Formater, EnumTools, DialogManager, Downloader } from 'platform-core';
 import UserDefinedJavaClassDictionaryJsonDialog from './UserDefinedJavaClassDictionaryJsonDialog.vue';

io.sc.engine.rule.frontend/src/views/function/Function.vue

@@ -139,6 +139,7 @@
   </div>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { ref } from 'vue';
 import { Environment, Formater, Downloader } from 'platform-core';
 import ImportDialog from './ImportDialog.vue';

io.sc.engine.rule.frontend/src/views/lib/IndicatorGrid.vue

@@ -263,6 +263,7 @@
   </div>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { ref, useAttrs, onMounted } from 'vue';
 import { axios, Environment, EnumTools, Formater, Options, DialogManager, Tools } from 'platform-core';
 import { IndicatorManager } from '@/views/shared/IndicatorManager';

io.sc.engine.rule.frontend/src/views/lib/Lib.vue

@@ -110,6 +110,7 @@
   </q-splitter>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { ref, reactive } from 'vue';
 import LibGrid from './LibGrid.vue';
 import IndicatorGrid from './IndicatorGrid.vue';

io.sc.engine.rule.frontend/src/views/lib/LibGrid.vue

@@ -275,6 +275,7 @@
   </div>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { ref, useAttrs } from 'vue';
 import { axios, Environment, Formater, EnumTools, DialogManager, Downloader } from 'platform-core';
 import ImportDialog from './ImportDialog.vue';

io.sc.engine.rule.frontend/src/views/lib/ProcessorGrid.vue

@@ -1280,6 +1280,7 @@
   </div>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { ref, computed, onMounted } from 'vue';
 import { axios, Environment, Formater, EnumTools, Tools } from 'platform-core';
 import { PlaceHolder } from '@/utils/PlaceHolder';

io.sc.engine.rule.frontend/src/views/lib/TestCase.vue

@@ -111,6 +111,7 @@
   ></w-grid>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { onMounted, ref, useAttrs } from 'vue';
 import { axios, Environment, EnumTools, Formater, Options, Tools } from 'platform-core';
 import PassOrNotFormater from '@/utils/PassOrNotFormater';

io.sc.engine.rule.frontend/src/views/lib/TestCaseParameter.vue

@@ -169,6 +169,7 @@
   ></w-grid>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { onMounted, ref } from 'vue';
 import { axios, Environment, EnumTools, Formater, Options, Tools } from 'platform-core';
 import PassOrNotFormater from '@/utils/PassOrNotFormater';

io.sc.engine.rule.frontend/src/views/lib/ValidatorGrid.vue

@@ -155,6 +155,7 @@
   </div>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { ref, onMounted } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { Environment, EnumTools, Formater, Tools } from 'platform-core';

io.sc.engine.rule.frontend/src/views/migration/Migration.vue

@@ -135,6 +135,7 @@
   </div>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { ref } from 'vue';
 import { axios, Environment, NotifyManager, DialogManager, Downloader } from 'platform-core';
 

io.sc.engine.rule.frontend/src/views/resources/Resources.vue

@@ -375,6 +375,7 @@
   </div>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { ref } from 'vue';
 import { axios, Environment, DialogManager, Formater, EnumTools, Downloader } from 'platform-core';
 import AttachmentDialog from './AttachmentDialog.vue';

io.sc.engine.rule.frontend/src/views/resources/designer/Designer.vue

@@ -151,6 +151,7 @@
   </q-splitter>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { ref, nextTick, reactive, onMounted } from 'vue';
 import { useRoute } from 'vue-router';
 import { axios, Environment, Tools, EnumTools, Options, Formater } from 'platform-core';

io.sc.engine.rule.frontend/src/views/resources/designer/Model.vue

@@ -184,6 +184,7 @@
   </div>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { ref, useAttrs } from 'vue';
 import { axios, Environment, EnumTools, Formater, Options, DialogManager } from 'platform-core';
 import SourceCodeDialog from '@/views/shared/SourceCodeDialog.vue';

io.sc.engine.rule.frontend/src/views/resources/designer/Option.vue

@@ -109,6 +109,7 @@
   ></w-grid>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { ref, onMounted } from 'vue';
 import { Environment, Formater } from 'platform-core';
 

io.sc.engine.rule.frontend/src/views/resources/designer/Parameter.vue

@@ -469,6 +469,7 @@
   </div>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { onMounted, ref } from 'vue';
 import { axios, Environment, EnumTools, DialogManager, Formater, Options, Tools } from 'platform-core';
 import { IndicatorManager } from '@/views/shared/IndicatorManager';

io.sc.engine.rule.frontend/src/views/resources/designer/Processor.vue

@@ -1791,6 +1791,7 @@
   </div>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { ref, onMounted, computed, toValue } from 'vue';
 import { axios, Environment, Formater, Tools, EnumTools, Options } from 'platform-core';
 import { PlaceHolder } from '@/utils/PlaceHolder';

io.sc.engine.rule.frontend/src/views/resources/designer/TestCaseParameter.vue

@@ -168,6 +168,7 @@
   ></w-grid>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { onMounted, ref } from 'vue';
 import { axios, Environment, EnumTools, Formater, Options, Tools } from 'platform-core';
 import PassOrNotFormater from '@/utils/PassOrNotFormater';

io.sc.engine.rule.frontend/src/views/resources/designer/Testcase.vue

@@ -152,6 +152,7 @@
   </div>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { onMounted, ref } from 'vue';
 import { axios, Environment, EnumTools, Formater, Options, Tools, Downloader } from 'platform-core';
 import PassOrNotFormater from '@/utils/PassOrNotFormater';

io.sc.engine.rule.frontend/src/views/resources/designer/Validator.vue

@@ -173,6 +173,7 @@
   ></w-grid>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { ref, onMounted } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { Environment, EnumTools, Formater, Tools } from 'platform-core';

io.sc.engine.rule.frontend/src/views/shared/MoveParameterDialog.vue

@@ -77,6 +77,7 @@
   </w-dialog>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { ref } from 'vue';
 import { axios, Environment, EnumTools, Formater } from 'platform-core';
 

io.sc.engine.rule.frontend/src/views/testcase/Testcase.vue

@@ -309,6 +309,7 @@
   </div>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { onMounted, ref, useAttrs } from 'vue';
 import { axios, Environment, EnumTools, Formater, Options, Tools } from 'platform-core';
 import PassOrNotFormater from '@/utils/PassOrNotFormater';