feat: Change variable name

opentiny · Feb 12, 2025 · 0f36b1d · 0f36b1d
1 parent 10e3c7f
commit 0f36b1d
Show file tree

Hide file tree

Showing 29 changed files with 80 additions and 80 deletions.
diff --git a/packages/plugins/materials/src/meta/block/src/BlockDetail.vue b/packages/plugins/materials/src/meta/block/src/BlockDetail.vue
@@ -141,8 +141,8 @@ export default {
       right: 10px;
 
       &:hover {
-        color: var(--te-materials-block-detail-icon-hover-color);
-        background: var(--te-materials-block-detail-icon-hover-bg-color);
+        color: var(--te-materials-block-detail-icon-color-hover);
+        background: var(--te-materials-block-detail-icon-bg-color-hover);
       }
     }
   }
@@ -171,7 +171,7 @@ export default {
     }
 
     .block-detail-show-more {
-      color: var(--te-materials-block-detail-text-emphasize-color);
+      color: var(--te-materials-block-detail-text-color-emphasize);
       cursor: pointer;
     }
 

diff --git a/packages/plugins/materials/src/meta/block/src/BlockGroup.vue b/packages/plugins/materials/src/meta/block/src/BlockGroup.vue
@@ -419,7 +419,7 @@ export default {
       margin-left: 0;
     }
     :deep(svg) {
-      color: var(--te-materials-block-group-svg-color);
+      color: var(--te-materials-block-group-icon-color);
     }
     :deep(.tiny-button) {
       padding: 0 2px;
@@ -466,13 +466,13 @@ export default {
 
   .popper-confirm-header {
     font-size: var(--te-base-font-size-1);
-    color: var(--te-materials-block-group-popper-title-color);
+    color: var(--te-materials-block-group-popper-title-text-color);
     font-weight: var(--te-base-font-weight-7);
     margin-bottom: 12px;
   }
   .popper-confirm-content {
     font-size: 12px;
-    color: var(--te-materials-block-group-popper-content-color);
+    color: var(--te-materials-block-group-popper-content-text-color);
   }
   .popper-confirm-footer {
     text-align: right;

diff --git a/packages/plugins/materials/src/meta/block/src/BlockGroupArrange.vue b/packages/plugins/materials/src/meta/block/src/BlockGroupArrange.vue
@@ -83,10 +83,10 @@ export default {
     align-items: center;
     transition: 0.3s;
     &:hover {
-      color: var(--te-materials-block-group-arrange-icon-hover-color);
+      color: var(--te-materials-block-group-arrange-icon-color-hover);
     }
     &.active {
-      color: var(--te-materials-block-group-arrange-icon-active-color);
+      color: var(--te-materials-block-group-arrange-icon-color-active);
     }
   }
   .icon-wrap + .icon-wrap {

diff --git a/packages/plugins/materials/src/meta/block/src/BlockGroupFilters.vue b/packages/plugins/materials/src/meta/block/src/BlockGroupFilters.vue
@@ -123,7 +123,7 @@ export default {
 
     .block-filters-item-value {
       flex: 1;
-      color: var(--te-materials-block-filter-value-color);
+      color: var(--te-materials-block-filter-value-text-color);
       .block-filters-value-item {
         cursor: pointer;
         display: inline-block;

diff --git a/packages/plugins/materials/src/meta/component/src/Main.vue b/packages/plugins/materials/src/meta/component/src/Main.vue
@@ -143,7 +143,7 @@ export default {
   .component-group {
     display: grid;
     width: 100%;
-    color: var(--te-materials-component-list-color);
+    color: var(--te-materials-component-list-text-color);
 
     .component-item {
       padding: var(--te-common-vertical-form-label-spacing) 0 var(--te-common-vertical-form-label-spacing);
@@ -154,7 +154,7 @@ export default {
       background: var(--te-materials-component-list-item-bg-color);
 
       &:hover {
-        background: var(--te-materials-component-list-item-hover-bg-color);
+        background: var(--te-materials-component-list-item-bg-color-hover);
         border-radius: 4px;
       }
 

diff --git a/packages/plugins/materials/src/styles/vars.less b/packages/plugins/materials/src/styles/vars.less
@@ -1,32 +1,32 @@
 .plugin-materials {
   // 组件列表  组件名称颜色
-  --te-materials-component-list-color: var(--te-common-text-primary);
+  --te-materials-component-list-text-color: var(--te-common-text-primary);
   --te-materials-component-list-item-bg-color: var(--te-common-bg-default);
-  --te-materials-component-list-item-hover-bg-color: var(--te-common-bg-container);
+  --te-materials-component-list-item-bg-color-hover: var(--te-common-bg-container);
   --te-materials-component-list-item-icon-color: var(--te-common-icon-secondary);
 
   // 区块详情
   --te-materials-block-detail-bg-color: var(--te-common-bg-default);
   --te-materials-block-detail-text-color: var(--te-common-text-primary);
   --te-materials-block-detail-border-color: var(--te-common-border-divider);
   --te-materials-block-detail-icon-color: var(--te-common-icon-primary);
-  --te-materials-block-detail-icon-hover-color: var(--te-common-icon-primary);
-  --te-materials-block-detail-icon-hover-bg-color: var(--te-common-bg-prompt);
-  --te-materials-block-detail-text-emphasize-color: var(--te-common-text-emphasize);
+  --te-materials-block-detail-icon-color-hover: var(--te-common-icon-primary);
+  --te-materials-block-detail-icon-bg-color-hover: var(--te-common-bg-prompt);
+  --te-materials-block-detail-text-color-emphasize: var(--te-common-text-emphasize);
 
   // 区块分组
   --te-materials-block-group-item-border-color: var(--te-common-border-active);
-  --te-materials-block-group-popper-title-color: var(--te-common-text-primary);
-  --te-materials-block-group-popper-content-color: var(--te-common-text-secondary);
-  --te-materials-block-group-svg-color: var(--te-common-icon-primary);
+  --te-materials-block-group-popper-title-text-color: var(--te-common-text-primary);
+  --te-materials-block-group-popper-content-text-color: var(--te-common-text-secondary);
+  --te-materials-block-group-icon-color: var(--te-common-icon-primary);
 
   --te-materials-block-group-arrange-icon-color: var(--te-common-icon-secondary);
-  --te-materials-block-group-arrange-icon-hover-color: var(--te-common-text-checked);
-  --te-materials-block-group-arrange-icon-active-color: var(--te-common-text-checked);
+  --te-materials-block-group-arrange-icon-color-hover: var(--te-common-text-checked);
+  --te-materials-block-group-arrange-icon-color-active: var(--te-common-text-checked);
 
   // 添加区块筛选模块字体颜色
   --te-materials-block-filter-text-color: var(--te-common-text-secondary);
-  --te-materials-block-filter-value-color: var(--te-common-text-primary);
+  --te-materials-block-filter-value-text-color: var(--te-common-text-primary);
   --te-materials-block-filter-tag-bg-color: var(--te-common-bg-disabled);
 
   --te-materials-block-sort-text-color: var(--te-common-text-secondary);

diff --git a/packages/plugins/page/src/PageGeneral.vue b/packages/plugins/page/src/PageGeneral.vue
@@ -289,7 +289,7 @@ export default {
       color: var(--te-page-manage-tip-text-color);
     }
     .text-dim {
-      color: var(--te-page-manage-tip-text-dim-color);
+      color: var(--te-page-manage-tip-dim-text-color);
     }
   }
 }
@@ -303,7 +303,7 @@ export default {
         padding: 0;
         background-color: var(--te-page-manage-tree-node-bg-color);
         &:hover {
-          background-color: var(--te-page-manage-tree-node-hover-bg-color);
+          background-color: var(--te-page-manage-tree-node-bg-color-hover);
         }
         // 移除子节点的的背景色，才能保证鼠标hover到.tiny-tree-node__content节点任意位置时，整行都有hover状态的背景色
         .tiny-tree-node__content-left,

diff --git a/packages/plugins/page/src/PageInputOutput.vue b/packages/plugins/page/src/PageInputOutput.vue
@@ -103,7 +103,7 @@ export default {
 .input-or-output {
   color: var(--te-page-manage-input-or-output-text-color);
   .life-cycle-alert {
-    color: var(--te-page-manage-life-cycle-alert-color);
+    color: var(--te-page-manage-life-cycle-alert-text-color);
     height: 28px;
     padding: 6px;
     border: 0;
@@ -116,7 +116,7 @@ export default {
 
   .input-output-tips,
   .input-output-div {
-    color: var(--te-page-manage-life-cycle-alert-color);
+    color: var(--te-page-manage-life-cycle-alert-text-color);
     margin-top: 4px;
     height: 16px;
     line-height: 16px;

diff --git a/packages/plugins/page/src/PageTree.vue b/packages/plugins/page/src/PageTree.vue
@@ -462,7 +462,7 @@ export default {
       display: flex;
       align-items: center;
       &:hover {
-        background-color: var(--te-page-manage-operation-list-item-hover-bg-color);
+        background-color: var(--te-page-manage-operation-list-item-bg-color-hover);
       }
     }
     .divider {
@@ -474,11 +474,11 @@ export default {
         display: block;
         width: 100%;
         height: 1px;
-        background-color: var(--te-page-manage-operation-list-item-divider-color);
+        background-color: var(--te-page-manage-operation-list-item-border-color-divider);
       }
     }
     .danger {
-      color: var(--te-page-manage-operation-list-danger-text-color);
+      color: var(--te-page-manage-operation-list-text-color-error);
     }
   }
 }

diff --git a/packages/plugins/page/src/Tree.vue b/packages/plugins/page/src/Tree.vue
@@ -261,7 +261,7 @@ const handleContainerDragLeave = (event) => {
       cursor: pointer;
     }
     &:hover {
-      background-color: var(--te-page-manage-draggable-row-hover-bg-color);
+      background-color: var(--te-page-manage-draggable-row-bg-color-hover);
     }
 
     .content {
@@ -287,7 +287,7 @@ const handleContainerDragLeave = (event) => {
       }
     }
     &.active {
-      background-color: var(--te-page-manage-draggable-row-hover-bg-color);
+      background-color: var(--te-page-manage-draggable-row-bg-color-hover);
       color: var(--te-page-manage-draggable-text-color);
       svg {
         color: var(--te-page-manage-draggable-icon-color);

diff --git a/packages/plugins/page/src/styles/vars.less b/packages/plugins/page/src/styles/vars.less
@@ -4,19 +4,19 @@
   --te-page-manage-input-border-color: var(--te-common-border-default);
   --te-page-manage-tip-color: var(--te-common-text-primary);
   --te-page-manage-tip-text-color: var(--te-common-text-weaken);
-  --te-page-manage-tip-text-dim-color: var(--te-common-text-primary);
+  --te-page-manage-tip-dim-text-color: var(--te-common-text-primary);
   --te-page-manage-tree-text-bg-color: var(--te-common-bg-default);
   --te-page-manage-tree-node-bg-color: var(--te-common-bg-default);
-  --te-page-manage-tree-node-hover-bg-color: var(--te-common-bg-container);
+  --te-page-manage-tree-node-bg-color-hover: var(--te-common-bg-container);
   --te-page-manage-text-color: var(--te-common-text-secondary);
   --te-page-manage-input-head-text-color: var(--te-common-text-primary);
   --te-page-manage-input-or-output-text-color: var(--te-common-text-secondary);
-  --te-page-manage-life-cycle-alert-color: var(--te-common-text-weaken);
+  --te-page-manage-life-cycle-alert-text-color: var(--te-common-text-weaken);
   --te-page-manage-icon-color: var(--te-common-icon-secondary);
-  --te-page-manage-operation-list-item-hover-bg-color: var(--te-common-bg-container);
-  --te-page-manage-operation-list-item-divider-color: var(--te-common-border-divider);
-  --te-page-manage-operation-list-danger-text-color: var(--te-common-color-error);
-  --te-page-manage-draggable-row-hover-bg-color: var(--te-common-bg-container);
+  --te-page-manage-operation-list-item-bg-color-hover: var(--te-common-bg-container);
+  --te-page-manage-operation-list-item-border-color-divider: var(--te-common-border-divider);
+  --te-page-manage-operation-list-text-color-error: var(--te-common-color-error);
+  --te-page-manage-draggable-row-bg-color-hover: var(--te-common-bg-container);
   --te-page-manage-draggable-text-color: var(--te-common-text-primary);
   --te-page-manage-draggable-icon-color: var(--te-common-icon-secondary);
   --te-page-manage-draggable-border-color: var(--te-common-border-checked);

diff --git a/packages/plugins/schema/src/Main.vue b/packages/plugins/schema/src/Main.vue
@@ -186,7 +186,7 @@ export default {
     padding: 0 12px 12px;
   }
   .title {
-    color: var(--te-schema-panel-title-color);
+    color: var(--te-schema-panel-title-text-color);
     font-weight: var(--te-base-font-weight-bold);
   }
   .header-title {

diff --git a/packages/plugins/schema/src/styles/vars.less b/packages/plugins/schema/src/styles/vars.less
@@ -4,8 +4,8 @@
   --te-schema-common-border-color: var(--te-common-border-divider);
 
   // 面板标题色
-  --te-schema-panel-title-color: var(--te-common-text-primary);
+  --te-schema-panel-title-text-color: var(--te-common-text-primary);
   --te-schema-dot-color: var(--te-common-color-error);
-  --te-schema-btn-color: var(--te-common-text-inverse);
+  --te-schema-btn-text-color: var(--te-common-text-inverse);
   --te-schema-btn-bg-color: var(--te-common-bg-primary);
 }
diff --git a/packages/plugins/script/src/Main.vue b/packages/plugins/script/src/Main.vue
@@ -129,7 +129,7 @@ export default {
       display: flex;
       align-items: center;
       .title {
-        color: var(--te-plugin-js-panel-title-color);
+        color: var(--te-plugin-js-panel-title-text-color);
         font-weight: var(--te-base-font-weight-bold);
       }
     }

diff --git a/packages/plugins/script/src/styles/vars.less b/packages/plugins/script/src/styles/vars.less
@@ -4,6 +4,6 @@
   --te-plugin-js-common-border-color: var(--te-common-border-divider);
 
   // 面板标题色
-  --te-plugin-js-panel-title-color: var(--te-common-text-primary);
+  --te-plugin-js-panel-title-text-color: var(--te-common-text-primary);
   --te-plugin-js-dot-color: var(--te-common-color-error);
 }
diff --git a/packages/plugins/state/src/CreateRemoteAPI.vue b/packages/plugins/state/src/CreateRemoteAPI.vue
@@ -240,8 +240,8 @@ export default {
     align-items: center;
     padding: 8px 12px;
     background: var(--te-state-tip-bg-color);
-    border-top: 1px solid var(--te-state-common-default-border-color);
-    border-bottom: 1px solid var(--te-state-common-default-border-color);
+    border-top: 1px solid var(--te-state-common-border-color);
+    border-bottom: 1px solid var(--te-state-common-border-color);
     color: var(--te-state-common-label-text-color);
   }
 
@@ -257,7 +257,7 @@ export default {
 
   .send-service {
     text-align: right;
-    border-top: 1px solid var(--te-state-common-default-border-color);
+    border-top: 1px solid var(--te-state-common-border-color);
     padding: 20px 10px;
     margin-bottom: 10px;
 
@@ -308,8 +308,8 @@ export default {
       transition: 0.3s;
 
       &:hover {
-        color: var(--te-state-common-hover-icon-color);
-        background: var(--te-state-common-hover-bg-color);
+        color: var(--te-state-common-icon-color-hover);
+        background: var(--te-state-common-bg-color-hover);
       }
     }
   }

diff --git a/packages/plugins/state/src/CreateRemoteFunction.vue b/packages/plugins/state/src/CreateRemoteFunction.vue
@@ -58,7 +58,7 @@ export default {
   justify-content: space-between;
   align-items: center;
   padding: 8px 12px;
-  background: var(--te-state-common-hover-bg-color);
+  background: var(--te-state-common-bg-color-hover);
   color: var(--te-state-remote-icon-color);
   margin-top: 12px;
 

diff --git a/packages/plugins/state/src/CreateStore.vue b/packages/plugins/state/src/CreateStore.vue
@@ -310,7 +310,7 @@ export default {
 
 .create-content-description {
   font-size: 12px;
-  color: var(--te-state-common-emphasize-text-color);
+  color: var(--te-state-common-text-color-emphasize);
   margin-left: 8px;
   cursor: pointer;
 }

diff --git a/packages/plugins/state/src/CreateVariable.vue b/packages/plugins/state/src/CreateVariable.vue
@@ -440,7 +440,7 @@ export default {
     border-radius: 4px;
     padding: 8px 14px;
     background: var(--te-state-tip-bg-color);
-    color: var(--te-state-tip-color);
+    color: var(--te-state-tip-text-color);
     & > pre {
       font-family: Consolas, 'Courier New', monospace;
     }
@@ -481,7 +481,7 @@ export default {
 
 .create-content-description {
   font-size: 12px;
-  color: var(--te-state-common-emphasize-text-color);
+  color: var(--te-state-common-text-color-emphasize);
   margin-left: 8px;
   cursor: pointer;
 }

diff --git a/packages/plugins/state/src/DataSourceList.vue b/packages/plugins/state/src/DataSourceList.vue
@@ -117,12 +117,12 @@ export default {
 <style lang="less" scoped>
 .data-source-list {
   padding-top: 12px;
-  border-top: 1px solid var(--te-state-common-border-color);
+  border-top: 1px solid var(--te-state-common-border-color-divider);
   overflow-y: scroll;
   .data-source-list-item {
     &.selected,
     &:hover {
-      background: var(--te-state-common-hover-bg-color);
+      background: var(--te-state-common-bg-color-hover);
       .item-head-right {
         display: flex;
         justify-content: flex-end;
@@ -134,7 +134,7 @@ export default {
   .item-head {
     height: 24px;
     padding: 0 10px;
-    color: var(--te-state-data-list-color);
+    color: var(--te-state-data-list-text-color);
     display: flex;
     justify-content: space-between;
     align-items: center;

diff --git a/packages/plugins/state/src/DataSourceRightPanel.vue b/packages/plugins/state/src/DataSourceRightPanel.vue
@@ -113,7 +113,7 @@ export default {
 .data-source-right-panel {
   width: 442px;
   height: 100%;
-  border-right: 1px solid var(--te-state-common-border-color);
+  border-right: 1px solid var(--te-state-common-border-color-divider);
   background: var(--te-state-right-panel-bg-color);
   position: absolute;
   left: calc(var(--base-left-panel-width) - 6px);
@@ -127,7 +127,7 @@ export default {
     padding: 0 12px;
     color: var(--te-state-right-panel-icon-color);
     background: var(--te-state-right-panel-bg-color);
-    border-bottom: 1px solid var(--te-state-common-border-color);
+    border-bottom: 1px solid var(--te-state-common-border-color-divider);
   }
 }
 </style>