smart-flow/yudao-ui-admin-vben
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat：【ele】【mall】将 input-with-colour 迁移到 mall/promotion/components 中，聚焦一点

Browse Source
This commit is contained in:
YunaiV
2025-10-25 16:16:02 +08:00
parent cd14b16213
commit d550ef626c
8 changed files with 11 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
apps/web-ele/src/components/diy-editor/components/mobile/Divider/property.vue
View File

@@ -13,7 +13,7 @@ import {
ElTooltip, ElTooltip,
} from 'element-plus'; } from 'element-plus';
import ColorInput from '#/components/input-with-color/index.vue'; import { InputWithColor as ColorInput } from '#/views/mall/promotion/components';
// 导航栏属性面板 // 导航栏属性面板
defineOptions({ name: 'DividerProperty' }); defineOptions({ name: 'DividerProperty' });

2
apps/web-ele/src/components/diy-editor/components/mobile/floating-action-button/property.vue
View File

@@ -13,7 +13,7 @@ import {
import { AppLinkInput } from '#/views/mall/promotion/components'; import { AppLinkInput } from '#/views/mall/promotion/components';
import Draggable from '#/components/draggable/index.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 UploadImg from '#/components/upload/image-upload.vue';
// 悬浮按钮属性面板 // 悬浮按钮属性面板

2
apps/web-ele/src/components/diy-editor/components/mobile/menu-list/property.vue
View File

@@ -7,7 +7,7 @@ import { ElForm, ElFormItem, ElText } from 'element-plus';
import { AppLinkInput } from '#/views/mall/promotion/components'; import { AppLinkInput } from '#/views/mall/promotion/components';
import ComponentContainerProperty from '#/components/diy-editor/components/component-container-property.vue'; import ComponentContainerProperty from '#/components/diy-editor/components/component-container-property.vue';
import Draggable from '#/components/draggable/index.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 UploadImg from '#/components/upload/image-upload.vue';
import { EMPTY_MENU_LIST_ITEM_PROPERTY } from './config'; import { EMPTY_MENU_LIST_ITEM_PROPERTY } from './config';

2
apps/web-ele/src/components/diy-editor/components/mobile/menu-swiper/property.vue
View File

@@ -16,7 +16,7 @@ import {
import { AppLinkInput, ColorInput } from '#/views/mall/promotion/components'; import { AppLinkInput, ColorInput } from '#/views/mall/promotion/components';
import ComponentContainerProperty from '#/components/diy-editor/components/component-container-property.vue'; import ComponentContainerProperty from '#/components/diy-editor/components/component-container-property.vue';
import Draggable from '#/components/draggable/index.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 UploadImg from '#/components/upload/image-upload.vue';
import { EMPTY_MENU_SWIPER_ITEM_PROPERTY } from './config'; import { EMPTY_MENU_SWIPER_ITEM_PROPERTY } from './config';

2
apps/web-ele/src/components/diy-editor/components/mobile/product-list/property.vue
View File

@@ -16,7 +16,7 @@ import {
} from 'element-plus'; } from 'element-plus';
import ComponentContainerProperty from '#/components/diy-editor/components/component-container-property.vue'; 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'; import UploadImg from '#/components/upload/image-upload.vue';
// TODO: 添加组件 // TODO: 添加组件
// import SpuShowcase from '#/views/mall/product/spu/components/spu-showcase.vue'; // import SpuShowcase from '#/views/mall/product/spu/components/spu-showcase.vue';

2
apps/web-ele/src/components/diy-editor/components/mobile/title-bar/property.vue
View File

@@ -18,7 +18,7 @@ import {
import { AppLinkInput } from '#/views/mall/promotion/components'; import { AppLinkInput } from '#/views/mall/promotion/components';
import ComponentContainerProperty from '#/components/diy-editor/components/component-container-property.vue'; 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'; import UploadImg from '#/components/upload/image-upload.vue';
// 导航栏属性面板 // 导航栏属性面板

3
apps/web-ele/src/views/mall/promotion/components/index.ts
View File

@@ -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 AppLinkInput } from './app-link-input/index.vue';
export { default as ColorInput } from './color-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';

7
apps/web-ele/src/components/input-with-color/index.vue → apps/web-ele/src/views/mall/promotion/components/input-with-color/index.vue
View File

@@ -1,13 +1,10 @@
<script lang="ts" setup> <script lang="ts" setup>
import { PREDEFINE_COLORS } from '@vben/constants'; import { PREDEFINE_COLORS } from '@vben/constants';
// TODO @芋艿：后续合并到 diy-editor 里，并不是通用的；
import { useVModels } from '@vueuse/core'; import { useVModels } from '@vueuse/core';
import { ElColorPicker, ElInput } from 'element-plus'; import { ElColorPicker, ElInput } from 'element-plus';
/** /** 带颜色选择器输入框 */
* 带颜色选择器输入框
*/
defineOptions({ name: 'InputWithColor' }); defineOptions({ name: 'InputWithColor' });
const props = defineProps({ const props = defineProps({
@@ -20,7 +17,9 @@ const props = defineProps({
default: '', default: '',
}, },
}); });
const emit = defineEmits(['update:modelValue', 'update:color']); const emit = defineEmits(['update:modelValue', 'update:color']);
const { modelValue, color } = useVModels(props, emit); const { modelValue, color } = useVModels(props, emit);
</script> </script>