feat:【ele】【mall】将 input-with-colour 迁移到 mall/promotion/components 中,聚焦一点
This commit is contained in:
@@ -13,7 +13,7 @@ import {
|
||||
ElTooltip,
|
||||
} from 'element-plus';
|
||||
|
||||
import ColorInput from '#/components/input-with-color/index.vue';
|
||||
import { InputWithColor as ColorInput } from '#/views/mall/promotion/components';
|
||||
|
||||
// 导航栏属性面板
|
||||
defineOptions({ name: 'DividerProperty' });
|
||||
|
||||
@@ -13,7 +13,7 @@ import {
|
||||
|
||||
import { AppLinkInput } from '#/views/mall/promotion/components';
|
||||
import Draggable from '#/components/draggable/index.vue';
|
||||
import InputWithColor from '#/components/input-with-color/index.vue';
|
||||
import { InputWithColor } from '#/views/mall/promotion/components';
|
||||
import UploadImg from '#/components/upload/image-upload.vue';
|
||||
|
||||
// 悬浮按钮属性面板
|
||||
|
||||
@@ -7,7 +7,7 @@ import { ElForm, ElFormItem, ElText } from 'element-plus';
|
||||
import { AppLinkInput } from '#/views/mall/promotion/components';
|
||||
import ComponentContainerProperty from '#/components/diy-editor/components/component-container-property.vue';
|
||||
import Draggable from '#/components/draggable/index.vue';
|
||||
import InputWithColor from '#/components/input-with-color/index.vue';
|
||||
import { InputWithColor } from '#/views/mall/promotion/components';
|
||||
import UploadImg from '#/components/upload/image-upload.vue';
|
||||
|
||||
import { EMPTY_MENU_LIST_ITEM_PROPERTY } from './config';
|
||||
|
||||
@@ -16,7 +16,7 @@ import {
|
||||
import { AppLinkInput, ColorInput } from '#/views/mall/promotion/components';
|
||||
import ComponentContainerProperty from '#/components/diy-editor/components/component-container-property.vue';
|
||||
import Draggable from '#/components/draggable/index.vue';
|
||||
import InputWithColor from '#/components/input-with-color/index.vue';
|
||||
import { InputWithColor } from '#/views/mall/promotion/components';
|
||||
import UploadImg from '#/components/upload/image-upload.vue';
|
||||
|
||||
import { EMPTY_MENU_SWIPER_ITEM_PROPERTY } from './config';
|
||||
|
||||
@@ -16,7 +16,7 @@ import {
|
||||
} from 'element-plus';
|
||||
|
||||
import ComponentContainerProperty from '#/components/diy-editor/components/component-container-property.vue';
|
||||
import ColorInput from '#/components/input-with-color/index.vue';
|
||||
import { InputWithColor as ColorInput } from '#/views/mall/promotion/components';
|
||||
import UploadImg from '#/components/upload/image-upload.vue';
|
||||
// TODO: 添加组件
|
||||
// import SpuShowcase from '#/views/mall/product/spu/components/spu-showcase.vue';
|
||||
|
||||
@@ -18,7 +18,7 @@ import {
|
||||
|
||||
import { AppLinkInput } from '#/views/mall/promotion/components';
|
||||
import ComponentContainerProperty from '#/components/diy-editor/components/component-container-property.vue';
|
||||
import InputWithColor from '#/components/input-with-color/index.vue';
|
||||
import { InputWithColor } from '#/views/mall/promotion/components';
|
||||
import UploadImg from '#/components/upload/image-upload.vue';
|
||||
|
||||
// 导航栏属性面板
|
||||
|
||||
@@ -1,3 +1,4 @@
|
||||
export { default as VerticalButtonGroup } from './vertical-button-group/index.vue';
|
||||
export { default as AppLinkInput } from './app-link-input/index.vue';
|
||||
export { default as ColorInput } from './color-input/index.vue';
|
||||
export { default as InputWithColor } from './input-with-color/index.vue';
|
||||
export { default as VerticalButtonGroup } from './vertical-button-group/index.vue';
|
||||
|
||||
@@ -1,13 +1,10 @@
|
||||
<script lang="ts" setup>
|
||||
import { PREDEFINE_COLORS } from '@vben/constants';
|
||||
|
||||
// TODO @芋艿:后续合并到 diy-editor 里,并不是通用的;
|
||||
import { useVModels } from '@vueuse/core';
|
||||
import { ElColorPicker, ElInput } from 'element-plus';
|
||||
|
||||
/**
|
||||
* 带颜色选择器输入框
|
||||
*/
|
||||
/** 带颜色选择器输入框 */
|
||||
defineOptions({ name: 'InputWithColor' });
|
||||
|
||||
const props = defineProps({
|
||||
@@ -20,7 +17,9 @@ const props = defineProps({
|
||||
default: '',
|
||||
},
|
||||
});
|
||||
|
||||
const emit = defineEmits(['update:modelValue', 'update:color']);
|
||||
|
||||
const { modelValue, color } = useVModels(props, emit);
|
||||
</script>
|
||||
|
||||
Reference in New Issue
Block a user