diff --git a/src/packages/components/Photos/My/index.ts b/src/packages/components/Photos/My/index.ts index bdde588d..460a90ad 100644 --- a/src/packages/components/Photos/My/index.ts +++ b/src/packages/components/Photos/My/index.ts @@ -13,4 +13,15 @@ const photoConfig = { virtualComponent: './components/Informations/Mores/Image' // 虚拟组件路径,尾部不跟 ‘/’,相对于 /packages/index.ts 文件的位置 } -export default [photoConfig, photoConfig, photoConfig, photoConfig, photoConfig] +const addConfig = { + ...ImageConfig, + category: ChatCategoryEnum.MY, + categoryName: ChatCategoryEnumName.MY, + package: PackagesCategoryEnum.PHOTOS, + title: '增加新项', + image: 'https://img.51miz.com/Element/00/62/75/91/d5453102_E627591_3bbace6f.png', + virtualComponent: './components/Informations/Mores/Image', // 虚拟组件路径,尾部不跟 ‘/’,相对于 /packages/index.ts 文件的位置 + disabled: true +} + +export default [photoConfig, photoConfig, photoConfig, photoConfig, photoConfig, addConfig] diff --git a/src/packages/index.d.ts b/src/packages/index.d.ts index 2a10bfa5..affdb1d2 100644 --- a/src/packages/index.d.ts +++ b/src/packages/index.d.ts @@ -26,6 +26,7 @@ export type ConfigType = { image: string virtualComponent?: string // 虚拟组件Path,指定后创建该组件时,从指定路径创建 dataset?: any // 组件预设的 dataset 值 + disabled?: boolean // 禁用的 } // 数据请求 @@ -158,6 +159,7 @@ export enum PackagesCategoryEnum { CHARTS = 'Charts', TABLES = 'Tables', INFORMATIONS = 'Informations', + PHOTOS = 'Photos', DECORATES = 'Decorates' } @@ -166,6 +168,7 @@ export enum PackagesCategoryName { CHARTS = '图表', TABLES = '列表', INFORMATIONS = '信息', + PHOTOS = '图片', DECORATES = '小组件' } @@ -180,5 +183,6 @@ export type PackagesType = { [PackagesCategoryEnum.CHARTS]: ConfigType[] [PackagesCategoryEnum.INFORMATIONS]: ConfigType[] [PackagesCategoryEnum.TABLES]: ConfigType[] + [PackagesCategoryEnum.PHOTOS]: ConfigType[] [PackagesCategoryEnum.DECORATES]: ConfigType[] } diff --git a/src/views/chart/ContentCharts/components/ChartsItemBox/index.vue b/src/views/chart/ContentCharts/components/ChartsItemBox/index.vue index 981e4464..1dfcbee1 100644 --- a/src/views/chart/ContentCharts/components/ChartsItemBox/index.vue +++ b/src/views/chart/ContentCharts/components/ChartsItemBox/index.vue @@ -11,8 +11,8 @@ v-for="(item, index) in menuOptions" :key="index" draggable - @dragstart="dragStartHandle($event, item)" - @dragend="dragendHandle" + @dragstart="!item.disabled && dragStartHandle($event, item)" + @dragend="!item.disabled && dragendHandle" @dblclick="dblclickHandle(item)" >
@@ -69,6 +69,7 @@ const chartMode: Ref = computed(() => { // 拖拽处理 const dragStartHandle = (e: DragEvent, item: ConfigType) => { + if (item.disabled) return // 动态注册图表组件 componentInstall(item.chartKey, fetchChartComponent(item)) componentInstall(item.conKey, fetchConfigComponent(item)) @@ -85,6 +86,7 @@ const dragendHandle = () => { // 双击添加 const dblclickHandle = async (item: ConfigType) => { + if (item.disabled) return try { loadingStart() // 动态注册图表组件 diff --git a/src/views/chart/ContentCharts/components/ChartsSearch/index.vue b/src/views/chart/ContentCharts/components/ChartsSearch/index.vue index 6b285625..dd8466d3 100644 --- a/src/views/chart/ContentCharts/components/ChartsSearch/index.vue +++ b/src/views/chart/ContentCharts/components/ChartsSearch/index.vue @@ -129,7 +129,9 @@ const searchHandle = (key: string | null) => { } loading.value = true showPopover.value = true - searchRes.value = List.filter((e: ConfigType) => !key || e.title.toLowerCase().includes(key.toLowerCase())) + searchRes.value = List.filter( + (e: ConfigType) => !e.disabled && (!key || e.title.toLowerCase().includes(key.toLowerCase())) + ) setTimeout(() => { loading.value = undefined }, 500) @@ -146,6 +148,7 @@ const listenerCloseHandle = (e: Event) => { // 选择处理 const selectChartHandle = async (item: ConfigType) => { + if (item.disabled) return try { loadingStart() // 动态注册图表组件 diff --git a/src/views/chart/ContentEdit/hooks/useDrag.hook.ts b/src/views/chart/ContentEdit/hooks/useDrag.hook.ts index fab672c8..f8d90293 100644 --- a/src/views/chart/ContentEdit/hooks/useDrag.hook.ts +++ b/src/views/chart/ContentEdit/hooks/useDrag.hook.ts @@ -29,6 +29,7 @@ export const dragHandle = async (e: DragEvent) => { // 修改状态 chartEditStore.setEditCanvas(EditCanvasTypeEnum.IS_CREATE, false) const dropData: Exclude = JSONParse(drayDataString) + if (dropData.disabled) return // 创建新图表组件 let newComponent: CreateComponentType = await createComponent(dropData)