vue-editify 0.1.17 → 0.1.19

package/src/components/colors/props.ts

@@ -1,29 +1,29 @@
-import { ExtractPublicPropTypes, PropType } from 'vue'
-import { ButtonOptionsItemType } from '../button/props'
-
-export const ColorsProps = {
-	//颜色数组
-	data: {
-		type: Array as PropType<ButtonOptionsItemType[]>,
-		default: function () {
-			return []
-		}
-	},
-	//选中的颜色
-	value: {
-		type: String,
-		default: null
-	},
-	//激活状态颜色
-	color: {
-		type: String,
-		default: ''
-	},
-	//是否使用工具提示
-	tooltip: {
-		type: Boolean,
-		default: false
-	}
-}
-
-export type ColorsPropsType = ExtractPublicPropTypes<typeof ColorsProps>
+import { ExtractPublicPropTypes, PropType } from 'vue'
+import { ButtonOptionsItemType } from '../button/props'
+
+export const ColorsProps = {
+	//颜色数组
+	data: {
+		type: Array as PropType<ButtonOptionsItemType[]>,
+		default: function () {
+			return []
+		}
+	},
+	//选中的颜色
+	value: {
+		type: String,
+		default: null
+	},
+	//激活状态颜色
+	color: {
+		type: String,
+		default: ''
+	},
+	//是否使用工具提示
+	tooltip: {
+		type: Boolean,
+		default: false
+	}
+}
+
+export type ColorsPropsType = ExtractPublicPropTypes<typeof ColorsProps>

package/src/components/icon/icon.less

@@ -1,14 +1,14 @@
-@font-face {
-	font-family: 'editify-icon';
-	src: url('../../icon/iconfont.woff?t=1699274556400') format('woff'), url('../../icon/iconfont.ttf?t=1699274556400') format('truetype');
-}
-
-.editify-icon {
-	font-family: 'editify-icon' !important;
-	font-size: inherit;
-	font-style: normal;
-	-webkit-font-smoothing: antialiased;
-	-moz-osx-font-smoothing: grayscale;
-	line-height: 1;
-	vertical-align: middle;
-}
+@font-face {
+	font-family: 'editify-icon';
+	src: url('../../icon/iconfont.woff?t=1699274556400') format('woff'), url('../../icon/iconfont.ttf?t=1699274556400') format('truetype');
+}
+
+.editify-icon {
+	font-family: 'editify-icon' !important;
+	font-size: inherit;
+	font-style: normal;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+	line-height: 1;
+	vertical-align: middle;
+}

package/src/components/icon/icon.vue

@@ -1,12 +1,12 @@
-<template>
-	<i class="editify-icon" :class="'editify-icon-' + value"></i>
-</template>
-<script setup lang="ts">
-import { IconProps } from './props'
-
-defineOptions({
-	name: 'Icon'
-})
-defineProps(IconProps)
-</script>
-<style scoped src="./icon.less"></style>
+<template>
+	<i class="editify-icon" :class="'editify-icon-' + value"></i>
+</template>
+<script setup lang="ts">
+import { IconProps } from './props'
+
+defineOptions({
+	name: 'Icon'
+})
+defineProps(IconProps)
+</script>
+<style scoped src="./icon.less"></style>

package/src/components/icon/props.ts

@@ -1,11 +1,11 @@
-import { ExtractPublicPropTypes } from 'vue'
-
-export const IconProps = {
-	//图标值
-	value: {
-		type: String,
-		default: ''
-	}
-}
-
-export type IconPropsType = ExtractPublicPropTypes<typeof IconProps>
+import { ExtractPublicPropTypes } from 'vue'
+
+export const IconProps = {
+	//图标值
+	value: {
+		type: String,
+		default: ''
+	}
+}
+
+export type IconPropsType = ExtractPublicPropTypes<typeof IconProps>

package/src/components/insertImage/insertImage.less

@@ -1,135 +1,135 @@
-.editify-image {
-	display: block;
-	width: 280px;
-	padding: 10px 14px;
-
-	.editify-image-header {
-		display: flex;
-		justify-content: flex-start;
-		align-items: center;
-		width: 100%;
-		margin-bottom: 20px;
-		position: relative;
-		padding-bottom: 6px;
-
-		.editify-image-header-slider {
-			position: absolute;
-			width: 50px;
-			height: 2px;
-			border-radius: 2px;
-			left: 0;
-			bottom: 0;
-			transition: left 200ms;
-
-			&.upload {
-				left: 5px;
-			}
-
-			&.remote {
-				left: 85px;
-			}
-		}
-
-		.editify-image-header-item {
-			display: block;
-			text-align: center;
-			font-size: @font-size;
-			color: @font-color;
-			opacity: 0.8;
-			transition: all 200ms;
-			width: 60px;
-			overflow: hidden;
-			white-space: nowrap;
-			text-overflow: ellipsis;
-
-			&:hover {
-				opacity: 1;
-				cursor: pointer;
-			}
-
-			&:first-child {
-				margin-right: 20px;
-			}
-
-			&.active {
-				opacity: 1;
-				color: @font-color-dark;
-			}
-		}
-	}
-
-	.editify-image-remote {
-		display: block;
-		width: 100%;
-
-		input {
-			appearance: none;
-			-webkit-appearance: none;
-			-moz-appearance: none;
-			display: block;
-			width: 100%;
-			margin: 0 0 10px 0;
-			padding: 4px 2px;
-			border: none;
-			font-size: @font-size;
-			color: @font-color;
-			border-bottom: 1px solid @border-color;
-			line-height: 1.5;
-			transition: border-color 500ms;
-			background-color: transparent;
-			outline: none;
-			box-sizing: border-box;
-
-			&::-webkit-input-placeholder,
-			&::placeholder {
-				color: @font-color-disabled;
-				font-family: inherit;
-				font-size: inherit;
-				vertical-align: middle;
-			}
-		}
-
-		.editify-image-remote-footer {
-			display: flex;
-			justify-content: flex-end;
-			align-items: center;
-			width: 100%;
-			font-size: @font-size;
-			opacity: 0.8;
-			transition: all 200ms;
-
-			&:hover {
-				cursor: pointer;
-				opacity: 1;
-			}
-		}
-	}
-
-	.editify-image-upload {
-		display: flex;
-		justify-content: center;
-		align-items: center;
-		width: 100%;
-		padding: 15px 0;
-		font-size: 36px;
-		opacity: 0.8;
-		transition: all 200ms;
-		position: relative;
-
-		&:hover {
-			cursor: pointer;
-			opacity: 1;
-		}
-
-		input {
-			opacity: 0;
-			position: absolute;
-			left: 0;
-			top: 0;
-			width: 100%;
-			height: 100%;
-			z-index: 1;
-			cursor: pointer;
-		}
-	}
-}
+.editify-image {
+	display: block;
+	width: 280px;
+	padding: 10px 14px;
+
+	.editify-image-header {
+		display: flex;
+		justify-content: flex-start;
+		align-items: center;
+		width: 100%;
+		margin-bottom: 20px;
+		position: relative;
+		padding-bottom: 6px;
+
+		.editify-image-header-slider {
+			position: absolute;
+			width: 50px;
+			height: 2px;
+			border-radius: 2px;
+			left: 0;
+			bottom: 0;
+			transition: left 200ms;
+
+			&.upload {
+				left: 5px;
+			}
+
+			&.remote {
+				left: 85px;
+			}
+		}
+
+		.editify-image-header-item {
+			display: block;
+			text-align: center;
+			font-size: @font-size;
+			color: @font-color;
+			opacity: 0.8;
+			transition: all 200ms;
+			width: 60px;
+			overflow: hidden;
+			white-space: nowrap;
+			text-overflow: ellipsis;
+
+			&:hover {
+				opacity: 1;
+				cursor: pointer;
+			}
+
+			&:first-child {
+				margin-right: 20px;
+			}
+
+			&.active {
+				opacity: 1;
+				color: @font-color-dark;
+			}
+		}
+	}
+
+	.editify-image-remote {
+		display: block;
+		width: 100%;
+
+		input {
+			appearance: none;
+			-webkit-appearance: none;
+			-moz-appearance: none;
+			display: block;
+			width: 100%;
+			margin: 0 0 10px 0;
+			padding: 4px 2px;
+			border: none;
+			font-size: @font-size;
+			color: @font-color;
+			border-bottom: 1px solid @border-color;
+			line-height: 1.5;
+			transition: border-color 500ms;
+			background-color: transparent;
+			outline: none;
+			box-sizing: border-box;
+
+			&::-webkit-input-placeholder,
+			&::placeholder {
+				color: @font-color-disabled;
+				font-family: inherit;
+				font-size: inherit;
+				vertical-align: middle;
+			}
+		}
+
+		.editify-image-remote-footer {
+			display: flex;
+			justify-content: flex-end;
+			align-items: center;
+			width: 100%;
+			font-size: @font-size;
+			opacity: 0.8;
+			transition: all 200ms;
+
+			&:hover {
+				cursor: pointer;
+				opacity: 1;
+			}
+		}
+	}
+
+	.editify-image-upload {
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		width: 100%;
+		padding: 15px 0;
+		font-size: 36px;
+		opacity: 0.8;
+		transition: all 200ms;
+		position: relative;
+
+		&:hover {
+			cursor: pointer;
+			opacity: 1;
+		}
+
+		input {
+			opacity: 0;
+			position: absolute;
+			left: 0;
+			top: 0;
+			width: 100%;
+			height: 100%;
+			z-index: 1;
+			cursor: pointer;
+		}
+	}
+}