style: 修改表单的label样式

data-room-ui/.npmignore

@@ -0,0 +1,14 @@
+# 忽略的文件和文件夹
+node_modules/
+example/
+dist/
+lib/
+hooks/
+
+# 只包含packages和public文件
+!packages/
+!LICENSE
+!README.md
+
+# 排除根目录下的配置文件
+/*

data-room-ui/example/customDatasetComponents/jsDataSet/index.vue

@@ -44,6 +44,7 @@
             :rules="rules"
             label-width="120px"
             style="padding: 16px 16px 0;"
+            class="bs-el-form"
           >
             <el-row :gutter="20">
               <el-col :span="12">

data-room-ui/package.json

@@ -1,16 +1,10 @@
 {
   "name": "@gcpaas/data-room-ui",
-  "version": "0.0.1-2023061908-Alpha",
+  "version": "0.0.1-2023070301-Alpha",
   "description": "自定义大屏",
   "author": "gc-starter",
   "license": "MIT",
-  "main": "lib/dataRoom.umd.min.js",
+  "main": "packages/index.js",
-  "files": [
-    "lib/fonts/*",
-    "lib/img/*",
-    "lib/dataRoom.css",
-    "lib/dataRoom.umd.min.js.gz"
-  ],
   "keywords": [
     "dataRoom",
     "大屏设计器",

data-room-ui/packages/BasicComponents/Button/setting.vue

@@ -5,14 +5,14 @@
       :model="config"
       label-width="100px"
       label-position="left"
-      class="setting-body"
+      class="setting-body bs-el-form"
     >
       <div>
         <slot name="top" />
         <el-form
           :model="config.customize"
           label-position="left"
-          class="setting-body"
+          class="setting-body bs-el-form"
           label-width="100px"
         >
           <SettingTitle>位置</SettingTitle>

data-room-ui/packages/BasicComponents/CurrentTime/setting.vue

@@ -10,6 +10,7 @@
       label-width="100px"
       label-position="left"
       :model="config"
+      class="bs-el-form"
     >
       <SettingTitle>标题</SettingTitle>
       <div class="setting-wrap">

data-room-ui/packages/BasicComponents/DigitalFlop/setting.vue

@@ -5,13 +5,13 @@
       :model="config"
       label-width="90px"
       label-position="left"
-      class="setting-body"
+      class="setting-body bs-el-form"
     >
       <div>
         <el-form
           :model="config.customize"
           label-position="left"
-          class="setting-body"
+          class="setting-body bs-el-form"
           label-width="90px"
         >
           <SettingTitle>标题</SettingTitle>

data-room-ui/packages/BasicComponents/HorizontalLine/setting.vue

@@ -5,14 +5,14 @@
       :model="config"
       label-width="90px"
       label-position="left"
-      class="setting-body"
+      class="setting-body bs-el-form"
     >
       <div>
         <slot name="top" />
         <el-form
           :model="config.customize"
           label-position="left"
-          class="setting-body"
+          class="setting-body bs-el-form"
           label-width="90px"
         >
           <SettingTitle>标题</SettingTitle>

data-room-ui/packages/BasicComponents/IframeChart/setting.vue

@@ -11,6 +11,7 @@
       label-width="100px"
       label-position="left"
       :model="config"
+      class="bs-el-form"
     >
       <SettingTitle>标题</SettingTitle>
       <div class="setting-wrap">

data-room-ui/packages/BasicComponents/Input/setting.vue

@@ -5,14 +5,14 @@
       :model="config"
       label-width="100px"
       label-position="left"
-      class="setting-body"
+      class="setting-body bs-el-form"
     >
       <div>
         <slot name="top" />
         <el-form
           :model="config.customize"
           label-position="left"
-          class="setting-body"
+          class="setting-body bs-el-form"
           label-width="100px"
         >
           <SettingTitle>标题</SettingTitle>
@@ -88,7 +88,6 @@
             </el-select>
           </el-form-item> -->
 
-
           <!-- <el-form-item
             v-if="config.customize.showTitle"
             label="标题位置"
@@ -208,7 +207,6 @@
               />
             </el-form-item>
           </div>
-
         </el-form>
       </div>
     </el-form>

data-room-ui/packages/BasicComponents/LinkChart/setting.vue

@@ -11,6 +11,7 @@
       label-position="left"
       :model="config"
       :rules="rules"
+      class="bs-el-form"
     >
       <SettingTitle>标题</SettingTitle>
       <div class="bs-setting-wrap">

data-room-ui/packages/BasicComponents/Map/setting.vue

@@ -5,7 +5,7 @@
       :model="config"
       label-width="90px"
       label-position="left"
-      class="setting-body"
+      class="setting-body bs-el-form"
     >
       <SettingTitle>标题</SettingTitle>
       <div class="lc-field-body">
@@ -218,7 +218,6 @@
           </div>
         </el-form-item>
       </div>
-
     </el-form>
   </div>
 </template>

data-room-ui/packages/BasicComponents/Picture/setting.vue

@@ -11,6 +11,7 @@
       label-position="left"
       :model="config"
       :rules="rules"
+      class="bs-el-form"
     >
       <SettingTitle>标题</SettingTitle>
       <div class="lc-field-body">

data-room-ui/packages/BasicComponents/ScreenScrollBoard/setting.vue

@@ -3,13 +3,13 @@
     <el-form
       ref="form"
       :model="config"
-      class="setting-body"
+      class="setting-body bs-el-form"
       label-position="left"
       label-width="90px"
     >
       <el-form
         :model="config.customize"
-        class="setting-body"
+        class="setting-body bs-el-form"
         label-position="left"
         label-width="90px"
       >

data-room-ui/packages/BasicComponents/ScreenScrollRanking/setting.vue

@@ -5,12 +5,12 @@
       :model="config"
       label-width="90px"
       label-position="left"
-      class="setting-body"
+      class="setting-body bs-el-form"
     >
       <el-form
         :model="config.customize"
         label-position="left"
-        class="setting-body"
+        class="setting-body bs-el-form"
         label-width="100px"
       >
         <SettingTitle>标题</SettingTitle>

data-room-ui/packages/BasicComponents/Tables/setting.vue

@@ -6,7 +6,7 @@
       :rules="customRules"
       label-width="120px"
       label-position="left"
-      class="setting-body"
+      class="setting-body bs-el-form"
     >
       <SettingTitle>基础</SettingTitle>
       <el-form-item

data-room-ui/packages/BasicComponents/Texts/setting.vue

@@ -11,6 +11,7 @@
       label-position="left"
       :model="config"
       :rules="rules"
+      class="bs-el-form"
     >
       <SettingTitle>基础</SettingTitle>
       <div class="lc-field-body">

data-room-ui/packages/BasicComponents/TimeCountDown/setting.vue

@@ -10,6 +10,7 @@
       label-width="100px"
       label-position="left"
       :model="config"
+      class="bs-el-form"
     >
       <SettingTitle>标题</SettingTitle>
       <el-form-item

data-room-ui/packages/BasicComponents/VerticalLine/setting.vue

@@ -5,17 +5,20 @@
       :model="config"
       label-width="90px"
       label-position="left"
-      class="setting-body"
+      class="setting-body bs-el-form"
     >
       <slot name="top" />
       <el-form
         :model="config.customize"
         label-position="left"
-        class="setting-body"
+        class="setting-body bs-el-form"
         label-width="90px"
       >
         <SettingTitle>标题</SettingTitle>
-        <el-form-item label="边框名称" class="lc-field-body">
+        <el-form-item
+          label="边框名称"
+          class="lc-field-body"
+        >
           <el-input
             v-model="config.title"
             clearable

data-room-ui/packages/BasicComponents/Video/setting.vue

@@ -5,17 +5,20 @@
       :model="config"
       label-width="90px"
       label-position="left"
-      class="setting-body"
+      class="setting-body bs-el-form"
     >
       <slot name="top" />
       <el-form
         :model="config.customize"
         label-position="left"
-        class="setting-body"
+        class="setting-body bs-el-form"
         label-width="90px"
       >
         <SettingTitle>标题</SettingTitle>
-        <el-form-item label="播放器名称" class="lc-field-body">
+        <el-form-item
+          label="播放器名称"
+          class="lc-field-body"
+        >
           <el-input
             v-model="config.title"
             clearable

data-room-ui/packages/BigScreenDesign/BorderSetting.vue

@@ -5,16 +5,19 @@
       :model="config"
       label-width="100px"
       label-position="left"
-      class="setting-body"
+      class="setting-body bs-el-form"
     >
       <el-form
         :model="config.customize"
         label-position="left"
-        class="setting-body"
+        class="setting-body bs-el-form"
         label-width="100px"
       >
         <SettingTitle>标题</SettingTitle>
-        <el-form-item label="边框名称" class="lc-field-body">
+        <el-form-item
+          label="边框名称"
+          class="lc-field-body"
+        >
           <el-input
             v-model="config.title"
             clearable

data-room-ui/packages/BigScreenDesign/OverallSetting/index.vue

@@ -7,7 +7,7 @@
         v-model="form"
         label-width="100px"
         label-position="left"
-        class="setting-body"
+        class="setting-body bs-el-form"
       >
         <el-form-item label="推荐分辨率">
           <el-select

data-room-ui/packages/BigScreenDesign/RightSetting/ComponentRelation/RelationSetting.vue

@@ -18,6 +18,7 @@
     <el-form
       ref="form"
       label-width="100px"
+      class="bs-el-form"
     >
       <el-table
         :data="configMapConfig.maps"

data-room-ui/packages/BigScreenDesign/RightSetting/DataSetting.vue

@@ -9,7 +9,7 @@
       :rules="rules"
       label-width="100px"
       label-position="left"
-      class="setting-body"
+      class="setting-body bs-el-form"
     >
       <div class="data-setting-box">
         <div

data-room-ui/packages/BigScreenDesign/RightSetting/G2CustomSetting.vue

@@ -6,7 +6,7 @@
       :rules="customRules"
       label-width="120px"
       label-position="left"
-      class="setting-body"
+      class="setting-body bs-el-form"
     >
       <SettingTitle>基础</SettingTitle>
       <div class="lc-field-body">

data-room-ui/packages/BigScreenList/CatalogEditForm.vue

@@ -6,13 +6,14 @@
       :visible.sync="formVisible"
       :append-to-body="true"
       destroy-on-close
-      class="bs-dialog-wrap bs-el-dialog catalog-edit-wrap"
+      class="bs-dialog-wrap bs-el-dialog catalog-edit-wrap "
     >
       <el-form
         v-if="formVisible"
         ref="dataForm"
         label-position="right"
         label-width="100px"
+        class="bs-el-form"
       >
         <el-input
           v-model="searchKey"
@@ -90,6 +91,7 @@
         :model="currentCatalog"
         label-width="80px"
         :rules="formRules"
+        class="bs-el-form"
       >
         <el-form-item
           label="分组名称"

data-room-ui/packages/BigScreenList/EditForm.vue

@@ -14,6 +14,7 @@
         :rules="dataFormRules"
         label-position="right"
         label-width="100px"
+        class="bs-el-form"
       >
         <el-form-item
           label="名称"

data-room-ui/packages/BigScreenMag/SideMenu.vue

@@ -69,6 +69,7 @@
         :model="currentCatalog"
         label-width="80px"
         :rules="formRules"
+        class="bs-el-form"
       >
         <el-form-item
           label="分组名称"

data-room-ui/packages/BigScreenManagement/addDialog.vue

@@ -14,6 +14,7 @@
         :rules="dataFormRules"
         label-position="right"
         label-width="100px"
+        class="bs-el-form"
       >
         <el-form-item label="上级目录">
           <el-select

data-room-ui/packages/BigScreenManagement/index.vue

@@ -148,6 +148,7 @@
         :model="catalogData"
         label-width="80px"
         :rules="formRules"
+        class="bs-el-form"
       >
         <el-form-item
           label="上级目录"

data-room-ui/packages/Borders/Border14/setting.vue

@@ -5,14 +5,14 @@
       :model="config"
       label-width="90px"
       label-position="left"
-      class="setting-body"
+      class="setting-body bs-el-form"
     >
       <div class="lc-field-body">
         <slot name="top" />
         <el-form
           :model="config.customize"
           label-position="left"
-          class="setting-body"
+          class="setting-body bs-el-form"
           label-width="90px"
         >
           <el-form-item label="边框名称">

data-room-ui/packages/Borders/Border15/setting.vue

@@ -5,14 +5,14 @@
       :model="config"
       label-width="90px"
       label-position="left"
-      class="setting-body"
+      class="setting-body bs-el-form"
     >
       <div class="lc-field-body">
         <slot name="top" />
         <el-form
           :model="config.customize"
           label-position="left"
-          class="setting-body"
+          class="setting-body bs-el-form"
           label-width="90px"
         >
           <el-form-item label="边框名称">

data-room-ui/packages/ComponentList/CatalogEditForm.vue

@@ -13,6 +13,7 @@
         ref="dataForm"
         label-position="right"
         label-width="100px"
+        class="bs-el-form"
       >
         <div class="top-search-wrap">
           <el-input

data-room-ui/packages/ComponentList/EditForm.vue

@@ -14,6 +14,7 @@
         :rules="dataFormRules"
         label-position="right"
         label-width="100px"
+        class="bs-el-form"
       >
         <el-form-item
           label="名称"

data-room-ui/packages/DataSetManagement/src/CategroyEditForm.vue

@@ -14,6 +14,7 @@
         :rules="rules"
         label-position="left"
         label-width="90px"
+        class="bs-el-form"
       >
         <el-form-item
           label="分组名称"

data-room-ui/packages/DataSetManagement/src/CustomEditForm.vue

@@ -46,6 +46,7 @@
             :rules="rules"
             label-width="120px"
             style="padding: 16px 16px 0;"
+            class="bs-el-form"
           >
             <el-row :gutter="20">
               <el-col :span="12">

data-room-ui/packages/DataSetManagement/src/JsonEditForm.vue

@@ -45,6 +45,7 @@
             :rules="rules"
             label-width="120px"
             style="padding: 16px 16px 0;"
+            class="bs-el-form"
           >
             <el-row :gutter="20">
               <el-col :span="12">

data-room-ui/packages/DataSetManagement/src/OriginalEditForm.vue

@@ -45,6 +45,7 @@
             :rules="rules"
             label-width="120px"
             style="padding: 16px 16px 0;"
+            class="bs-el-form"
           >
             <el-row :gutter="20">
               <el-col :span="12">

data-room-ui/packages/DataSetManagement/src/ScriptEditForm.vue

@@ -45,6 +45,7 @@
             :rules="rules"
             label-width="120px"
             style="padding: 16px 16px 0;"
+            class="bs-el-form"
           >
             <el-row :gutter="20">
               <el-col :span="12">

data-room-ui/packages/DataSetManagement/src/StoredProcedureEditForm.vue

@@ -46,6 +46,7 @@
             :rules="rules"
             label-width="120px"
             style="padding: 16px 16px 0;"
+            class="bs-el-form"
           >
             <el-row :gutter="20">
               <el-col :span="12">

data-room-ui/packages/DataSetManagement/src/index.vue

@@ -57,7 +57,7 @@
         <el-form
           ref="queryForm"
           :model="queryForm"
-          class="filter-container"
+          class="filter-container bs-el-form"
           @submit.native.prevent
         >
           <el-form-item

data-room-ui/packages/DataSourceManagement/src/index.vue

@@ -4,7 +4,7 @@
     <div class="inner-container">
       <el-form
         :inline="true"
-        class="filter-container"
+        class="filter-container bs-el-form"
       >
         <el-form-item class="filter-input filter-item">
           <el-input

data-room-ui/packages/DataSourceManagement/src/setDatasource.vue

@@ -20,6 +20,7 @@
         size="small"
         label-position="right"
         :label-width="dataForm.advanceSettingFlag ? '200px' : '150px'"
+        class="bs-el-form"
       >
         <el-form-item
           label="类型"

data-room-ui/packages/Decorations/Decoration1/setting.vue

@@ -5,16 +5,19 @@
       :model="config"
       label-width="90px"
       label-position="left"
-      class="setting-body"
+      class="setting-body bs-el-form"
     >
       <el-form
         :model="config.customize"
         label-position="left"
-        class="setting-body"
+        class="setting-body bs-el-form"
         label-width="90px"
       >
         <SettingTitle>标题</SettingTitle>
-        <el-form-item label="装饰名称" class="lc-field-body">
+        <el-form-item
+          label="装饰名称"
+          class="lc-field-body"
+        >
           <el-input
             v-model="config.title"
             clearable

data-room-ui/packages/Decorations/Decoration10/setting.vue

@@ -5,16 +5,19 @@
       :model="config"
       label-width="90px"
       label-position="left"
-      class="setting-body"
+      class="setting-body bs-el-form"
     >
       <el-form
         :model="config.customize"
         label-position="left"
-        class="setting-body"
+        class="setting-body bs-el-form"
         label-width="90px"
       >
         <SettingTitle>标题</SettingTitle>
-        <el-form-item label="装饰名称" class="lc-field-body">
+        <el-form-item
+          label="装饰名称"
+          class="lc-field-body"
+        >
           <el-input
             v-model="config.title"
             clearable

data-room-ui/packages/Decorations/Decoration11/setting.vue

@@ -5,16 +5,19 @@
       :model="config"
       label-width="90px"
       label-position="left"
-      class="setting-body"
+      class="setting-body bs-el-form"
     >
       <el-form
         :model="config.customize"
         label-position="left"
-        class="setting-body"
+        class="setting-body bs-el-form"
         label-width="90px"
       >
         <SettingTitle>标题</SettingTitle>
-        <el-form-item label="装饰名称" class="lc-field-body">
+        <el-form-item
+          label="装饰名称"
+          class="lc-field-body"
+        >
           <el-input
             v-model="config.title"
             clearable

data-room-ui/packages/Decorations/Decoration12/setting.vue

@@ -5,12 +5,12 @@
       :model="config"
       label-width="90px"
       label-position="left"
-      class="setting-body"
+      class="setting-body bs-el-form"
     >
       <el-form
         :model="config.customize"
         label-position="left"
-        class="setting-body"
+        class="setting-body bs-el-form"
         label-width="90px"
       >
         <SettingTitle>标题</SettingTitle>

data-room-ui/packages/Decorations/Decoration2/setting.vue

@@ -5,12 +5,12 @@
       :model="config"
       label-width="90px"
       label-position="left"
-      class="setting-body"
+      class="setting-body bs-el-form"
     >
       <el-form
         :model="config.customize"
         label-position="left"
-        class="setting-body"
+        class="setting-body bs-el-form"
         label-width="90px"
       >
         <SettingTitle>标题</SettingTitle>

data-room-ui/packages/Decorations/Decoration2Reverse/setting.vue

@@ -5,12 +5,12 @@
       :model="config"
       label-width="90px"
       label-position="left"
-      class="setting-body"
+      class="setting-body bs-el-form"
     >
       <el-form
         :model="config.customize"
         label-position="left"
-        class="setting-body"
+        class="setting-body bs-el-form"
         label-width="90px"
       >
         <SettingTitle>标题</SettingTitle>

data-room-ui/packages/Decorations/Decoration3/setting.vue

@@ -5,12 +5,12 @@
       :model="config"
       label-width="90px"
       label-position="left"
-      class="setting-body"
+      class="setting-body bs-el-form"
     >
       <el-form
         :model="config.customize"
         label-position="left"
-        class="setting-body"
+        class="setting-body bs-el-form"
         label-width="90px"
       >
         <SettingTitle>标题</SettingTitle>

data-room-ui/packages/Decorations/Decoration4/setting.vue

@@ -5,12 +5,12 @@
       :model="config"
       label-width="90px"
       label-position="left"
-      class="setting-body"
+      class="setting-body bs-el-form"
     >
       <el-form
         :model="config.customize"
         label-position="left"
-        class="setting-body"
+        class="setting-body bs-el-form"
         label-width="90px"
       >
         <SettingTitle>标题</SettingTitle>

data-room-ui/packages/Decorations/Decoration4Reverse/setting.vue

@@ -5,12 +5,12 @@
       :model="config"
       label-width="90px"
       label-position="left"
-      class="setting-body"
+      class="setting-body bs-el-form"
     >
       <el-form
         :model="config.customize"
         label-position="left"
-        class="setting-body"
+        class="setting-body bs-el-form"
         label-width="90px"
       >
         <SettingTitle>标题</SettingTitle>

data-room-ui/packages/Decorations/Decoration5/setting.vue

@@ -3,18 +3,21 @@
     <el-form
       ref="form"
       :model="config"
-      class="setting-body"
+      class="setting-body bs-el-form"
       label-position="left"
       label-width="90px"
     >
       <el-form
         :model="config.customize"
-      class="setting-body"
+        class="setting-body bs-el-form"
         label-position="left"
         label-width="90px"
       >
         <SettingTitle>标题</SettingTitle>
-      <el-form-item class="lc-field-body" label="装饰名称">
+        <el-form-item
+          class="lc-field-body"
+          label="装饰名称"
+        >
           <el-input
             v-model="config.title"
             clearable
@@ -47,7 +50,6 @@
             />
           </el-form-item>
         </div>
-
       </el-form>
     </el-form>
   </div>

data-room-ui/packages/Decorations/Decoration6/setting.vue

@@ -5,16 +5,19 @@
       :model="config"
       label-width="90px"
       label-position="left"
-      class="setting-body"
+      class="setting-body bs-el-form"
     >
       <el-form
         :model="config.customize"
         label-position="left"
-        class="setting-body"
+        class="setting-body bs-el-form"
         label-width="90px"
       >
         <SettingTitle>标题</SettingTitle>
-        <el-form-item label="装饰名称" class="lc-field-body">
+        <el-form-item
+          label="装饰名称"
+          class="lc-field-body"
+        >
           <el-input
             v-model="config.title"
             clearable

data-room-ui/packages/Decorations/Decoration8/setting.vue

@@ -5,16 +5,19 @@
       :model="config"
       label-width="90px"
       label-position="left"
-      class="setting-body"
+      class="setting-body bs-el-form"
     >
       <el-form
         :model="config.customize"
         label-position="left"
-        class="setting-body"
+        class="setting-body bs-el-form"
         label-width="90px"
       >
         <SettingTitle>标题</SettingTitle>
-        <el-form-item label="装饰名称" class="lc-field-body">
+        <el-form-item
+          label="装饰名称"
+          class="lc-field-body"
+        >
           <el-input
             v-model="config.title"
             clearable

data-room-ui/packages/Decorations/Decoration8Reverse/setting.vue

@@ -5,16 +5,19 @@
       :model="config"
       label-width="90px"
       label-position="left"
-      class="setting-body"
+      class="setting-body bs-el-form"
     >
       <el-form
         :model="config.customize"
         label-position="left"
-        class="setting-body"
+        class="setting-body bs-el-form"
         label-width="90px"
       >
         <SettingTitle>标题</SettingTitle>
-        <el-form-item label="装饰名称" class="lc-field-body">
+        <el-form-item
+          label="装饰名称"
+          class="lc-field-body"
+        >
           <el-input
             v-model="config.title"
             clearable

data-room-ui/packages/Decorations/Decoration9/setting.vue

@@ -5,16 +5,19 @@
       :model="config"
       label-width="90px"
       label-position="left"
-      class="setting-body"
+      class="setting-body bs-el-form"
     >
       <el-form
         :model="config.customize"
         label-position="left"
-        class="setting-body"
+        class="setting-body bs-el-form"
         label-width="90px"
       >
         <SettingTitle>标题</SettingTitle>
-        <el-form-item label="装饰名称" class="lc-field-body">
+        <el-form-item
+          label="装饰名称"
+          class="lc-field-body"
+        >
           <el-input
             v-model="config.title"
             clearable

data-room-ui/packages/SourceList/EditForm.vue

@@ -14,6 +14,7 @@
         :rules="dataFormRules"
         label-position="right"
         label-width="100px"
+        class="bs-el-form"
       >
         <el-form-item
           label="名称"

data-room-ui/packages/SourceMag/SideMenu.vue

@@ -78,6 +78,7 @@
         :model="currentCatalog"
         label-width="80px"
         :rules="formRules"
+        class="bs-el-form"
       >
         <el-form-item
           label="分组名称"

data-room-ui/packages/Svgs/setting.vue

@@ -5,6 +5,7 @@
       label-width="100px"
       label-position="left"
       :model="config"
+      class="bs-el-form"
     >
       <el-form-item
         label="标题"

data-room-ui/packages/assets/style/bsTheme.scss

@@ -583,3 +583,9 @@
    background: var(--bs-el-background-1);
  }
 }
+
+.bs-el-form {
+  .el-form-item__label{
+    color: var(--bs-el-title);
+  }
+}