refactor: utils files

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

@@ -33,7 +33,7 @@
 </template>
 
 <script>
-import { makeComponentName } from 'd2/utils/special/d2-components/name.js'
+import { makeComponentName } from 'd2/utils/component.js'
 
 export default {
   name: makeComponentName('admin/layout/header-aside')

d2/components/d2/admin/layout/header-aside/menu/aside.js

@@ -1,5 +1,5 @@
 import { useMenuMainStore } from 'd2/store/menu-main.js'
-import { makeComponentName } from 'd2/utils/special/d2-components/name.js'
+import { makeComponentName } from 'd2/utils/component.js'
 import { defineComponent, computed } from 'vue'
 import { useRoute } from 'vue-router'
 import { compact } from 'lodash-es'

d2/components/d2/admin/layout/header-aside/menu/header.js

@@ -1,5 +1,5 @@
 import { useMenuMainStore } from 'd2/store/menu-main.js'
-import { makeComponentName } from 'd2/utils/special/d2-components/name.js'
+import { makeComponentName } from 'd2/utils/component.js'
 import { defineComponent, computed } from 'vue'
 import { useRoute } from 'vue-router'
 import { compact } from 'lodash-es'

d2/components/d2/break-point/index.jsx

@@ -1,6 +1,6 @@
 import { unref, reactive, defineComponent } from 'vue'
 import { keys, mapValues } from 'lodash-es'
-import { makeComponentName } from 'd2/utils/special/d2-components/name.js'
+import { makeComponentName } from 'd2/utils/component.js'
 import { useBreakPoint } from 'd2/use/break-point.js'
 import { useConfig } from 'd2/components/d2/config/use.js'
 

d2/components/d2/config/index.jsx

@@ -1,8 +1,8 @@
 import { isFunction, keys, mapValues, isEqual, last, isUndefined } from 'lodash-es'
 import { defineComponent, reactive, computed, watch } from 'vue'
 import { useContext } from 'd2/use/context.js'
-import { makeComponentName } from 'd2/utils/special/d2-components/name.js'
-import { breakPoints } from 'd2/utils/special/d2-components/const.js'
+import { makeComponentName } from 'd2/utils/component.js'
+import { breakPoints } from 'd2/utils/const.js'
 
 const name = 'config'
 

d2/components/d2/flex/index.jsx

@@ -2,8 +2,8 @@ import makeClassnames from 'classnames'
 import { defineComponent, unref, computed } from 'vue'
 import { pickBy, isUndefined } from 'lodash-es'
 import { isNumberLike } from 'd2/utils/number.js'
-import { makeComponentName, makeComponentClassName } from 'd2/utils/special/d2-components/name.js'
-import { isFlexProp } from 'd2/utils/special/d2-components/const.js'
+import { makeComponentName, makeComponentClassName } from 'd2/utils/component.js'
+import { isFlexProp } from 'd2/utils/const.js'
 
 const name = 'flex'
 

d2/components/d2/icon/index.jsx

@@ -3,7 +3,7 @@ import { defineComponent, ref, unref, computed, watch, onMounted, nextTick, onBe
 import iconify from '@iconify/iconify'
 import { clearElement } from 'd2/utils/dom.js'
 import { useConfig } from 'd2/components/d2/config/use.js'
-import { makeComponentName, makeComponentClassName } from 'd2/utils/special/d2-components/name.js'
+import { makeComponentName, makeComponentClassName } from 'd2/utils/component.js'
 
 const name = 'icon'
 

d2/components/d2/scroll/index.jsx

@@ -1,7 +1,7 @@
 import makeClassnames from 'classnames'
 import { defineComponent, ref, unref, computed, watch, onBeforeUnmount, onMounted } from 'vue'
 import { kebabCase, fromPairs, mergeWith } from 'lodash-es'
-import { makeComponentName, makeComponentClassName } from 'd2/utils/special/d2-components/name.js'
+import { makeComponentName, makeComponentClassName } from 'd2/utils/component.js'
 import os from 'overlayscrollbars'
 import 'overlayscrollbars/css/OverlayScrollbars.css'
 

d2/components/d2/svg/index.jsx

@@ -1,7 +1,7 @@
 import makeClassnames from 'classnames'
 import { defineComponent, unref, computed } from 'vue'
 import { useConfig } from 'd2/components/d2/config/use.js'
-import { makeComponentName, makeComponentClassName } from 'd2/utils/special/d2-components/name.js'
+import { makeComponentName, makeComponentClassName } from 'd2/utils/component.js'
 import { warn } from 'd2/utils/error.js'
 import { componentName as configComponentName } from 'd2/components/d2/config/index.jsx'
 

d2/components/demo/break-points-display.vue

@@ -16,7 +16,7 @@
 </template>
 
 <script>
-import { breakPointsName } from 'd2/utils/special/d2-components/const.js'
+import { breakPointsName } from 'd2/utils/const.js'
 
 export default {
   props: {

d2/views/dashboard/demo/component/flex/all.vue

@@ -25,7 +25,7 @@
 </template>
 
 <script>
-import { flexProps } from 'd2/utils/special/d2-components/const.js'
+import { flexProps } from 'd2/utils/const.js'
 
 const { dir, main, cross, box } = flexProps
 

d2/views/dashboard/demo/component/flex/content.vue

@@ -9,7 +9,7 @@
 </template>
 
 <script>
-import { flexProps } from 'd2/utils/special/d2-components/const.js'
+import { flexProps } from 'd2/utils/const.js'
 
 const { content } = flexProps
 

d2/views/dashboard/demo/component/flex/playground.vue

@@ -48,7 +48,7 @@
 
 <script>
 import { ref } from 'vue'
-import { flexProps } from 'd2/utils/special/d2-components/const.js'
+import { flexProps } from 'd2/utils/const.js'
 
 const { dir, main, cross, box } = flexProps
 

d2/views/dashboard/demo/component/flex/self.vue

@@ -11,7 +11,7 @@
 </template>
 
 <script>
-import { flexProps } from 'd2/utils/special/d2-components/const.js'
+import { flexProps } from 'd2/utils/const.js'
 
 const { self } = flexProps