feat: const/flex

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

@@ -20,11 +20,11 @@ import { computed, ref } from 'vue'
 import { cssUnit } from 'd2/utils/css.js'
 import { useCssPosition } from 'd2/use/css-position.js'
 
-const classname = makeClassNameByUrl(import.meta.url)
-
 export default {
   name: makeNameByUrl(import.meta.url),
   setup () {
+    const classname = makeClassNameByUrl(import.meta.url)
+    
     const headerHeight = ref(46)
     const asideWidth = ref(200)
 

d2/components/d2/flex/index.jsx

@@ -3,7 +3,7 @@ import { defineComponent, unref, computed } from 'vue'
 import { pickBy, isUndefined } from 'lodash-es'
 import { isNumberLike } from 'd2/utils/number.js'
 import { makeName, makeClassName } from 'd2/utils/component.js'
-import { isFlexProp } from 'd2/utils/const.js'
+import { isFlexProp } from 'd2/utils/const/flex.js'
 
 const name = 'flex'
 

d2/utils/const/flex.js

@@ -17,5 +17,8 @@ export const flexProps = {
  * @returns boolean
  */
 export function isFlexProp (type, value, empty) {
-  return empty && isEmptyString(value) || flexProps[type] && flexProps[type].includes(value)
+  if (empty && isEmptyString(value)) {
+    return false
+  }
+  return !!flexProps[type]?.includes(value)
 }

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

@@ -25,7 +25,7 @@
 </template>
 
 <script>
-import { flexProps } from 'd2/utils/const.js'
+import { flexProps } from 'd2/utils/const/flex.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/const.js'
+import { flexProps } from 'd2/utils/const/flex.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/const.js'
+import { flexProps } from 'd2/utils/const/flex.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/const.js'
+import { flexProps } from 'd2/utils/const/flex.js'
 
 const { self } = flexProps