feat: delete variable.less

opentiny · Feb 14, 2025 · 64cd027 · 64cd027
1 parent 4429189
commit 64cd027
Show file tree

Hide file tree

Showing 49 changed files with 20 additions and 1,266 deletions.
diff --git a/packages/layout/src/Main.vue b/packages/layout/src/Main.vue
@@ -78,7 +78,7 @@ export default {
 #tiny-engine {
   display: flex;
   flex-flow: column;
-  min-width: var(--base-min-width);
+  min-width: var(--te-base-min-width);
   height: 100vh;
   overflow: hidden;
   .tiny-engine-main {

diff --git a/packages/plugins/tree/src/styles/vars.less b/packages/plugins/tree/src/styles/vars.less
@@ -3,5 +3,5 @@
   --te-tree-icon-color: var(--te-common-icon-secondary);
   --te-tree-bg-color-active: var(--te-common-bg-container);
   --te-tree-text-color: var(--te-common-text-primary);
-  --te-tree-block-text-color: var(--te-common-color-prompt-secondary);
+  --te-tree-block-text-color: var(--te-common-text-purple);
 }
diff --git a/packages/settings/design/src/App.vue b/packages/settings/design/src/App.vue
@@ -97,9 +97,9 @@ export default {
 
 <style lang="less">
 :root {
-  --ti-lowcode-common-secondary-text-color: #adb0b8;
-  --ti-lowcode-common-hover-bg-color: #f2f5fc;
-  --ti-lowcode-mask-bg: #fafafa;
+  --te-setting-design-secondary-text-color: #adb0b8;
+  --te-setting-design-hover-bg-color: #f2f5fc;
+  --te-lowcode-mask-bg: #fafafa;
   --max-height: calc(65vh - 70px);
 }
 html {
@@ -181,9 +181,8 @@ td {
 }
 .mask {
   .source-code {
-    --ti-lowcode-toolbar-bg: var(--ti-lowcode-mask-bg);
     .tiny-button {
-      --ti-button-info-normal-bg-color: #1476ff;
+      background-color: #1476ff;
     }
   }
 }
@@ -212,7 +211,7 @@ td {
   }
 
   .canvas {
-    background: var(--ti-lowcode-common-hover-bg-color);
+    background: var(--te-setting-design-hover-bg-color);
     padding: 20px;
     margin: 0 20px;
   }

diff --git a/packages/settings/design/src/components/ArrayConfigItemForm.vue b/packages/settings/design/src/components/ArrayConfigItemForm.vue
@@ -209,8 +209,8 @@ export default {
     }
     .tiny-form-item__content {
       .editor-warp {
-        --ti-lowcode-meta-codeEditor-border-color: #595959;
-        --ti-lowcode-meta-codeEditor-color: #595959;
+        border-color: #595959;
+        color: #595959;
       }
     }
   }

diff --git a/packages/settings/design/src/components/PropertyCanvas.vue b/packages/settings/design/src/components/PropertyCanvas.vue
@@ -282,7 +282,7 @@ export default {
         padding: 3px 10px;
         cursor: pointer;
         &.active {
-          background-color: var(--ti-lowcode-common-hover-bg-color);
+          background-color: var(--te-setting-design-hover-bg-color);
         }
         .item-input .action-icon {
           display: none;

diff --git a/packages/settings/design/src/components/PropertyList.vue b/packages/settings/design/src/components/PropertyList.vue
@@ -94,7 +94,7 @@ export default {
 }
 .property-list-tips {
   font-size: 12px;
-  color: var(--ti-lowcode-common-secondary-text-color);
+  color: var(--te-setting-design-secondary-text-color);
 }
 .help-icon {
   margin-left: 3px;
@@ -116,7 +116,7 @@ export default {
   border: 1px solid #e6e6e6;
 
   &:hover {
-    background: var(--ti-lowcode-common-hover-bg-color);
+    background: var(--te-setting-design-hover-bg-color);
   }
 }
 </style>
diff --git a/packages/settings/design/src/components/SettingPanel.vue b/packages/settings/design/src/components/SettingPanel.vue
@@ -369,9 +369,6 @@ export default {
     flex-wrap: wrap;
     width: 100%;
   }
-  :deep(.tiny-switch) {
-    width: var(--ti-switch-width);
-  }
   .setting-radio-group {
     &.setting-layout {
       width: 100%;

diff --git a/packages/settings/styles/src/components/inputs/ModalMask.vue b/packages/settings/styles/src/components/inputs/ModalMask.vue
@@ -107,13 +107,11 @@ export default {
     box-sizing: border-box;
   }
   .modal-padding {
-    padding: var(--ti-modal-padding-y, 14px) var(--ti-modal-padding-x, 20px);
+    padding: 14px 20px;
   }
   .align-body {
-    right: var(--modal-right-offset, 280px);
-    left: calc(
-      100% - var(--modal-right-offset, 287px) - var(--modal-right-offset, 280px) - var(--modal-spaceing, 16px)
-    );
+    right: 280px;
+    left: calc(100% - 287px - 280px - 16px);
   }
 }
 </style>
diff --git a/packages/theme/base/src/base.less b/packages/theme/base/src/base.less
@@ -317,4 +317,9 @@
   --te-base-border-radius-2: 6px; // 圆角-2
   --te-base-border-radius-3: 8px; // 圆角-3
   --te-base-border-radius-4: 50%; // 圆形
+
+  /**
+  * 基础配置
+  **/
+  --te-base-min-width: 1280px;
 }
diff --git a/packages/theme/dark/block.less b/packages/theme/dark/block.less
diff --git a/packages/theme/dark/bridge.less b/packages/theme/dark/bridge.less
diff --git a/packages/theme/dark/canvas.less b/packages/theme/dark/canvas.less
diff --git a/packages/theme/dark/datasource.less b/packages/theme/dark/datasource.less
diff --git a/packages/theme/dark/events.less b/packages/theme/dark/events.less
diff --git a/packages/theme/dark/gpt-dialog.less b/packages/theme/dark/gpt-dialog.less
diff --git a/packages/theme/dark/help.less b/packages/theme/dark/help.less
diff --git a/packages/theme/dark/i18n.less b/packages/theme/dark/i18n.less
diff --git a/packages/theme/dark/index.less b/packages/theme/dark/index.less
@@ -1,20 +1 @@
 // 主题配置优先于公共配置
-@import './variable.less';
-@import './block.less';
-@import './life-cycles.less';
-@import './tutorial.less';
-@import './help.less';
-@import './settings.less';
-@import './metaComponent.less';
-@import './events.less';
-@import './i18n.less';
-@import './pageManage.less';
-@import './materials.less';
-@import './tree.less';
-@import './canvas.less';
-@import './bridge.less';
-@import './toolbar.less';
-@import './datasource.less';
-@import './plugin-js.less';
-@import './gpt-dialog.less';
-@import './setting-style';
diff --git a/packages/theme/dark/life-cycles.less b/packages/theme/dark/life-cycles.less
diff --git a/packages/theme/dark/materials.less b/packages/theme/dark/materials.less