chore: organize dictionaries and update import

Author: RylanBot

packages/theme-generator/README-zh_CN.md

@@ -1,5 +1,5 @@
 <template>
-  <div class="theme-generator">
+  <div id="theme-generator">
     <dock
       :drawerVisible="visible"
       :showSetting="showSetting"
@@ -11,13 +11,11 @@
 </template>
 
 <script>
-import { applyTokenFromLocal, initThemeStyleSheet, syncThemeToIframe } from './common/Themes';
-import { themeStore } from './common/Themes/store';
-
+import { applyTokenFromLocal, initThemeStyleSheet, syncThemeToIframe, themeStore } from './common/themes';
 import { initGeneratorVars } from './common/utils';
 
-import Dock from './dock/index.vue';
-import PanelDrawer from './panel-drawer/index.vue';
+import Dock from './dock';
+import PanelDrawer from './panel-drawer';
 
 const activeTabMap = {
   color: 0,
@@ -87,7 +85,7 @@ export default {
 @import './styles/tdesign.min.css';
 
 @media screen and (max-width: 960px) {
-  .theme-generator {
+  #theme-generator {
     display: none;
   }
 }

packages/theme-generator/README.md

@@ -86,7 +86,7 @@ import { Popup as TPopup } from 'tdesign-vue';
 
 import ColorPicker from '../../../common/ColorPicker/index.vue';
 import langMixin from '../../../common/i18n/mixin';
-import { CUSTOM_TOKEN_ID } from '../../../common/Themes';
+import { CUSTOM_TOKEN_ID } from '../../../common/themes';
 import { getTokenValue, handleAttach } from '../../../common/utils';
 
 export default {

packages/theme-generator/src/Generator.vue

@@ -327,8 +327,8 @@ import {
   Tooltip as TTooltip,
 } from 'tdesign-vue';
 
-import ColorPicker from '../../../common/ColorPicker/index.vue';
-import langMixin from '../../../common/i18n/mixin';
+import ColorPicker from '../common/ColorPicker/index.vue';
+import langMixin from '../common/i18n/mixin';
 import {
   covert2Hex,
   generateBrandPalette,
@@ -337,25 +337,26 @@ import {
   getOptionFromLocal,
   modifyToken,
   syncColorTokensToStyle,
+  themeStore,
   updateLocalOption,
   updateStyleSheetColor,
-} from '../../../common/Themes';
-import { themeStore } from '../../../common/Themes/store';
-import { getThemeMode, getTokenValue, handleAttach, setUpThemeObserver } from '../../../common/utils';
-import { colorAnimation } from '../../../common/utils/animation';
+} from '../common/themes';
+import { getThemeMode, getTokenValue, handleAttach, setUpThemeObserver } from '../common/utils';
+import { colorAnimation } from '../common/utils/animation';
 import {
   BRAND_TOKEN_MAP,
   DEFAULT_COLORS,
   DEFAULT_FUNCTION_COLORS,
   FUNCTION_TOKEN_MAPS,
   RECOMMEND_COLORS,
   SCENE_COLORS,
-} from '../../utils/const';
+} from './utils/const';
+
+import ColorCollapse from './components/ColorCollapse';
+import ColorColumn from './components/ColorColumn';
 
-import ColorColumn from '../ColorColumn/index.vue';
-import ColorCollapse from './ColorCollapse.vue';
 export default {
-  name: 'ColorContent',
+  name: 'ColorPanel',
   props: {
     top: Number,
   },

packages/theme-generator/src/color-panel/components/ColorContent/ColorCollapse.vue renamed to packages/theme-generator/src/color-panel/components/ColorCollapse/index.vue

@@ -193,7 +193,7 @@ export const FUNCTION_TOKEN_MAPS = {
 
 /* ============================== */
 
-export const FONT_TOKEN_MAP = [
+export const FONT_COLOR_TOKEN_MAP = [
   { name: '--td-text-color-primary', from: '--td-font-gray-1' },
   { name: '--td-text-color-secondary', from: '--td-font-gray-2' },
   { name: '--td-text-color-placeholder', from: '--td-font-gray-3' },

packages/theme-generator/src/color-panel/components/ColorColumn/index.vue

@@ -10,7 +10,7 @@
 </template>
 <script>
 import langMixin from '../i18n/mixin';
-import { themeStore } from '../Themes/store';
+import { themeStore } from '../themes/store';
 import { getTokenValue } from '../utils';
 
 export default {

packages/theme-generator/src/color-panel/components/ColorContent/index.vue renamed to packages/theme-generator/src/color-panel/index.vue

@@ -29,7 +29,7 @@ import RadiusSvg from './RadiusSvg.vue';
 import SizeSvg from './SizeSvg.vue';
 
 import langMixin from '../i18n/mixin';
-import { isMobile } from '../Themes';
+import { isMobile } from '../themes';
 export default {
   name: 'SwitchTabs',
   props: {