hy-app 0.5.10 → 0.5.11

package/components/hy-flex/index.scss

@@ -1,8 +1,8 @@
-@use "../../libs/css/mixin" as *;
-@include b(flex) {
-  box-sizing: border-box;
-
-  @include m(vertical) {
-    flex-direction: column;
-  }
-}
+@use "../../libs/css/mixin" as *;
+@include b(flex) {
+  box-sizing: border-box;
+
+  @include m(vertical) {
+    flex-direction: column;
+  }
+}

package/components/hy-flex/props.ts

@@ -1,58 +1,58 @@
-import type { CSSProperties, PropType } from 'vue'
-import type { FlexAlign, FlexJustify, FlexWrap } from './typing'
-
-const flexProps = {
-    /** flex 主轴的方向是否垂直，使用 flex-direction: column */
-    vertical: {
-        type: Boolean,
-        default: false
-    },
-    /**
-     * 设置元素在主轴方向上的对齐方式
-     * @values flex-start,flex-end,space-between,space-around,space-evenly,center
-     * */
-    justify: {
-        type: String,
-        default: 'flex-start'
-    },
-    /**
-     * 设置元素在交叉轴方向上的对齐方式
-     * @values flex-start,center,flex-end,stretch,baseline
-     * */
-    align: {
-        type: String,
-        default: 'flex-start'
-    },
-    /**
-     * 设置元素单行显示还是多行显示
-     * @values nowrap,wrap,wrap-reverse
-     * */
-    wrap: {
-        type: String,
-        default: 'nowrap'
-    },
-    /** flex 属性，支持数字或字符串。如 1 或 'none' */
-    flex: {
-        type: [String, Number],
-        default: 'initial'
-    },
-    /** 设置网格之间的间隙 */
-    gap: {
-        type: [String, Number, Array] as PropType<string | number | (string | number)[]>,
-        default: 0
-    },
-    /** 快捷设置 */
-    basis: {
-        type: [String, Number],
-        default: 'auto'
-    },
-    /** 定义需要用到的外部样式 */
-    customStyle: {
-        type: Object as PropType<CSSProperties>,
-        default: () => {}
-    },
-    /** 自定义外部类名 */
-    customClass: String
-}
-
-export default flexProps
+import type { CSSProperties, PropType } from 'vue'
+import type { FlexAlign, FlexJustify, FlexWrap } from './typing'
+
+const flexProps = {
+    /** flex 主轴的方向是否垂直，使用 flex-direction: column */
+    vertical: {
+        type: Boolean,
+        default: false
+    },
+    /**
+     * 设置元素在主轴方向上的对齐方式
+     * @values flex-start,flex-end,space-between,space-around,space-evenly,center
+     * */
+    justify: {
+        type: String,
+        default: 'flex-start'
+    },
+    /**
+     * 设置元素在交叉轴方向上的对齐方式
+     * @values flex-start,center,flex-end,stretch,baseline
+     * */
+    align: {
+        type: String,
+        default: 'flex-start'
+    },
+    /**
+     * 设置元素单行显示还是多行显示
+     * @values nowrap,wrap,wrap-reverse
+     * */
+    wrap: {
+        type: String,
+        default: 'nowrap'
+    },
+    /** flex 属性，支持数字或字符串。如 1 或 'none' */
+    flex: {
+        type: [String, Number],
+        default: 'initial'
+    },
+    /** 设置网格之间的间隙 */
+    gap: {
+        type: [String, Number, Array] as PropType<string | number | (string | number)[]>,
+        default: 0
+    },
+    /** 快捷设置 */
+    basis: {
+        type: [String, Number],
+        default: 'auto'
+    },
+    /** 定义需要用到的外部样式 */
+    customStyle: {
+        type: Object as PropType<CSSProperties>,
+        default: () => {}
+    },
+    /** 自定义外部类名 */
+    customClass: String
+}
+
+export default flexProps

package/components/hy-flex/typing.d.ts

@@ -1,21 +1,21 @@
-export type FlexAlign = 'flex-start' | 'center' | 'flex-end' | 'stretch' | 'baseline'
-
-export type FlexJustify = HyApp.JustifyContentType
-export type FlexWrap = 'nowrap' | 'wrap' | 'wrap-reverse'
-
-export interface FlexProps {
-    /** 主轴方向，等价于 flex-direction */
-    vertical?: boolean
-    /** justify-content */
-    justify?: FlexJustify
-    /** align-items */
-    align?: FlexAlign
-    /** flex-wrap */
-    wrap?: FlexWrap
-    /** flex 属性，支持数字或字符串。如 1 或 'none' */
-    flex?: number | string
-    /** 子元素间距，支持数字（px）、字符串或数组 [row, column] */
-    gap?: number | string | [number | string, number | string]
-    /** flex-basis */
-    basis?: number | string
-}
+export type FlexAlign = 'flex-start' | 'center' | 'flex-end' | 'stretch' | 'baseline'
+
+export type FlexJustify = HyApp.JustifyContentType
+export type FlexWrap = 'nowrap' | 'wrap' | 'wrap-reverse'
+
+export interface FlexProps {
+    /** 主轴方向，等价于 flex-direction */
+    vertical?: boolean
+    /** justify-content */
+    justify?: FlexJustify
+    /** align-items */
+    align?: FlexAlign
+    /** flex-wrap */
+    wrap?: FlexWrap
+    /** flex 属性，支持数字或字符串。如 1 或 'none' */
+    flex?: number | string
+    /** 子元素间距，支持数字（px）、字符串或数组 [row, column] */
+    gap?: number | string | [number | string, number | string]
+    /** flex-basis */
+    basis?: number | string
+}