refactor: theme default

d2/components/d2/admin/layout/header-aside/index.vue

@@ -1,13 +1,13 @@
 <template>
-  <div class="d2-admin-layout-header-aside__body" :style="position">
+  <div :class="`${classname}__body`" :style="position">
     <d2-scroll class="w-full h-full">
       <slot/>
     </d2-scroll>
   </div>
-  <div class="d2-admin-layout-header-aside__header" :style="headerStyle">
+  <div :class="`${classname}__header`" :style="headerStyle">
     <d2-admin-layout-header-aside-menu-header/>
   </div>
-  <div class="d2-admin-layout-header-aside__aside" :style="asideStyle">
+  <div :class="`${classname}__aside`" :style="asideStyle">
     <d2-scroll class="w-full h-full">
       <d2-admin-layout-header-aside-menu-aside/>
     </d2-scroll>
@@ -20,7 +20,7 @@ import { computed, ref, unref } from 'vue'
 import { cssUnit } from 'd2/utils/css.js'
 import { useCssPosition } from 'd2/use/css-position.js'
 
-console.log(makeClassNameByUrl(import.meta.url))
+const classname = makeClassNameByUrl(import.meta.url)
 
 export default {
   name: makeNameByUrl(import.meta.url),
@@ -40,6 +40,7 @@ export default {
     }))
 
     return {
+      classname,
       position,
       headerStyle,
       asideStyle

d2/style/index.scss

@@ -2,4 +2,4 @@
 @tailwind components;
 @tailwind utilities;
 
-@import 'd2/style/themes/classic/index.scss';
+@import 'd2/style/themes/default/index.scss';

d2/utils/component.js

@@ -1,5 +1,5 @@
 import { customAlphabet } from 'nanoid'
-import { kebabCase, camelCase } from 'lodash-es'
+import { kebabCase } from 'lodash-es'
 import { pascalCase } from 'd2/utils/string.js'
 
 const nanoid = customAlphabet('abcdefghijklmnopqrstuvwxyz', 10)
@@ -57,7 +57,7 @@ export function makeClassName (name) {
 /**
  * Format component main class name by component file url
  * @param {string} url component file url
- * @returns {string} component name. eg: 'name-space-foo-bar'
+ * @returns {string} component name. eg: 'd2-foo-bar'
  */
 export function makeClassNameByUrl (url) {
   return kebabCase(makeNameByUrl(url)).replace(/-(\d)/g, '$1')