vue-editify 0.1.19 → 0.1.20

package/src/components/layer/props.ts

@@ -1,71 +1,71 @@
-import { ExtractPublicPropTypes, PropType } from 'vue'
-
-export type LayerPlacementType = 'top' | 'bottom' | 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end'
-
-export type LayerAnimationType = 'translate' | 'fade' | null
-
-export const LayerProps = {
-	//是否显示
-	modelValue: {
-		type: Boolean,
-		default: false
-	},
-	//关联元素
-	node: {
-		type: [String, HTMLElement] as PropType<string | HTMLElement | null>,
-		default: null
-	},
-	//是否显示边框
-	border: {
-		type: Boolean,
-		default: false
-	},
-	//边框颜色
-	borderColor: {
-		type: String,
-		default: null
-	},
-	//背景色
-	background: {
-		type: String,
-		default: null
-	},
-	//字体颜色
-	color: {
-		type: String,
-		default: null
-	},
-	//位置
-	placement: {
-		type: String as PropType<LayerPlacementType>,
-		default: 'bottom',
-		validator(value: any) {
-			return ['top', 'bottom', 'top-start', 'top-end', 'bottom-start', 'bottom-end'].includes(value)
-		}
-	},
-	//是否显示三角形
-	showTriangle: {
-		type: Boolean,
-		default: false
-	},
-	//层级
-	zIndex: {
-		type: Number,
-		default: 10
-	},
-	//动画
-	animation: {
-		type: String as PropType<LayerAnimationType>,
-		default: null,
-		validator(value: any) {
-			return ['translate', 'fade', null].includes(value)
-		}
-	},
-	//是否根据range对象来定位，此时不需要传入node
-	useRange: {
-		type: Boolean,
-		default: false
-	}
-}
-
-export type LayerPropsType = ExtractPublicPropTypes<typeof LayerProps>
+import { ExtractPublicPropTypes, PropType } from 'vue'
+
+export type LayerPlacementType = 'top' | 'bottom' | 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end'
+
+export type LayerAnimationType = 'translate' | 'fade' | null
+
+export const LayerProps = {
+	//是否显示
+	modelValue: {
+		type: Boolean,
+		default: false
+	},
+	//关联元素
+	node: {
+		type: [String, HTMLElement] as PropType<string | HTMLElement | null>,
+		default: null
+	},
+	//是否显示边框
+	border: {
+		type: Boolean,
+		default: false
+	},
+	//边框颜色
+	borderColor: {
+		type: String,
+		default: null
+	},
+	//背景色
+	background: {
+		type: String,
+		default: null
+	},
+	//字体颜色
+	color: {
+		type: String,
+		default: null
+	},
+	//位置
+	placement: {
+		type: String as PropType<LayerPlacementType>,
+		default: 'bottom',
+		validator(value: any) {
+			return ['top', 'bottom', 'top-start', 'top-end', 'bottom-start', 'bottom-end'].includes(value)
+		}
+	},
+	//是否显示三角形
+	showTriangle: {
+		type: Boolean,
+		default: false
+	},
+	//层级
+	zIndex: {
+		type: Number,
+		default: 10
+	},
+	//动画
+	animation: {
+		type: String as PropType<LayerAnimationType>,
+		default: null,
+		validator(value: any) {
+			return ['translate', 'fade', null].includes(value)
+		}
+	},
+	//是否根据range对象来定位，此时不需要传入node
+	useRange: {
+		type: Boolean,
+		default: false
+	}
+}
+
+export type LayerPropsType = ExtractPublicPropTypes<typeof LayerProps>

package/src/components/menu/menu.less

@@ -1,63 +1,63 @@
-.editify-menu {
-	display: flex;
-	justify-content: flex-start;
-	flex-wrap: wrap;
-	width: 100%;
-	background-color: @background;
-	position: relative;
-	z-index: 2;
-
-	//默认菜单模式
-	&[data-editify-mode='default'] {
-		margin-bottom: 10px;
-		padding: 6px 10px;
-
-		//默认菜单模式显示边框，同时显示圆角
-		&.border {
-			border: 1px solid @border-color;
-			border-radius: 4px;
-		}
-
-		//全屏模式下，默认菜单的边框失效，此时加一个下边框
-		&.fullscreen {
-			border-bottom: 1px solid @border-color;
-		}
-	}
-
-	//inner菜单模式
-	&[data-editify-mode='inner'] {
-		padding: 10px;
-		margin-bottom: -20px;
-
-		//inner菜单模式显示边框，同时显示圆角
-		&.border {
-			border: 1px solid @border-color;
-			border-bottom: none;
-			border-radius: 4px 4px 0 0;
-			transition: all 500ms;
-		}
-
-		//inner菜单模式加一个下边框，此边框在代码视图下不显示
-		&:not(.source)::before {
-			position: absolute;
-			content: '';
-			width: calc(100% - 20px);
-			height: 1px;
-			background-color: @border-color;
-			left: 50%;
-			transform: translateX(-50%);
-			bottom: 0;
-		}
-	}
-
-	//fixed菜单模式
-	&[data-editify-mode='fixed'] {
-		padding: 6px 10px;
-		position: fixed;
-		left: 0;
-		top: 0;
-		width: 100%;
-		border-bottom: 1px solid @border-color;
-		box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);
-	}
-}
+.editify-menu {
+	display: flex;
+	justify-content: flex-start;
+	flex-wrap: wrap;
+	width: 100%;
+	background-color: @background;
+	position: relative;
+	z-index: 2;
+
+	//默认菜单模式
+	&[data-editify-mode='default'] {
+		margin-bottom: 10px;
+		padding: 6px 10px;
+
+		//默认菜单模式显示边框，同时显示圆角
+		&.border {
+			border: 1px solid @border-color;
+			border-radius: 4px;
+		}
+
+		//全屏模式下，默认菜单的边框失效，此时加一个下边框
+		&.fullscreen {
+			border-bottom: 1px solid @border-color;
+		}
+	}
+
+	//inner菜单模式
+	&[data-editify-mode='inner'] {
+		padding: 10px;
+		margin-bottom: -20px;
+
+		//inner菜单模式显示边框，同时显示圆角
+		&.border {
+			border: 1px solid @border-color;
+			border-bottom: none;
+			border-radius: 4px 4px 0 0;
+			transition: all 500ms;
+		}
+
+		//inner菜单模式加一个下边框，此边框在代码视图下不显示
+		&:not(.source)::before {
+			position: absolute;
+			content: '';
+			width: calc(100% - 20px);
+			height: 1px;
+			background-color: @border-color;
+			left: 50%;
+			transform: translateX(-50%);
+			bottom: 0;
+		}
+	}
+
+	//fixed菜单模式
+	&[data-editify-mode='fixed'] {
+		padding: 6px 10px;
+		position: fixed;
+		left: 0;
+		top: 0;
+		width: 100%;
+		border-bottom: 1px solid @border-color;
+		box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);
+	}
+}