From cfb8b038ce5efb81a730b6f3e303158001cb54fa Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=A5=94=E8=B7=91=E7=9A=84=E9=9D=A2=E6=9D=A1?= <1262327911@qq.com> Date: Thu, 16 Mar 2023 11:51:45 +0800 Subject: [PATCH] =?UTF-8?q?feat:=20=20=E6=96=B0=E5=A2=9E=E9=80=89=E6=8B=A9?= =?UTF-8?q?=E5=99=A8?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../inputs_date.png | Bin .../chart/informations/inputs_select.png | Bin 0 -> 17879 bytes .../Informations/Inputs/InputsDate/config.vue | 8 +-- .../Informations/Inputs/InputsDate/index.vue | 31 ++++---- .../Inputs/InputsDate/interact.ts | 2 +- .../Inputs/InputsSelect/config.ts | 38 ++++++++++ .../Inputs/InputsSelect/config.vue | 20 ++++++ .../Informations/Inputs/InputsSelect/index.ts | 14 ++++ .../Inputs/InputsSelect/index.vue | 68 ++++++++++++++++++ .../Inputs/InputsSelect/interact.ts | 27 +++++++ .../components/Informations/Inputs/index.ts | 3 +- src/views/chart/ContentBox/index.vue | 2 +- src/views/chart/ContentLayers/index.vue | 3 +- 13 files changed, 189 insertions(+), 27 deletions(-) rename src/assets/images/chart/{decorates => informations}/inputs_date.png (100%) create mode 100644 src/assets/images/chart/informations/inputs_select.png create mode 100644 src/packages/components/Informations/Inputs/InputsSelect/config.ts create mode 100644 src/packages/components/Informations/Inputs/InputsSelect/config.vue create mode 100644 src/packages/components/Informations/Inputs/InputsSelect/index.ts create mode 100644 src/packages/components/Informations/Inputs/InputsSelect/index.vue create mode 100644 src/packages/components/Informations/Inputs/InputsSelect/interact.ts diff --git a/src/assets/images/chart/decorates/inputs_date.png b/src/assets/images/chart/informations/inputs_date.png similarity index 100% rename from src/assets/images/chart/decorates/inputs_date.png rename to src/assets/images/chart/informations/inputs_date.png diff --git a/src/assets/images/chart/informations/inputs_select.png b/src/assets/images/chart/informations/inputs_select.png new file mode 100644 index 0000000000000000000000000000000000000000..66ccdd091822226f75ef1aab93e6c77e203c5bfe GIT binary patch literal 17879 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 literal 0 HcmV?d00001 diff --git a/src/packages/components/Informations/Inputs/InputsDate/config.vue b/src/packages/components/Informations/Inputs/InputsDate/config.vue index 38766425..5b906750 100644 --- a/src/packages/components/Informations/Inputs/InputsDate/config.vue +++ b/src/packages/components/Informations/Inputs/InputsDate/config.vue @@ -2,7 +2,7 @@ @@ -13,7 +13,7 @@ @@ -23,8 +23,8 @@ diff --git a/src/packages/components/Informations/Inputs/InputsDate/index.vue b/src/packages/components/Informations/Inputs/InputsDate/index.vue index 9497b0cf..506d03a8 100644 --- a/src/packages/components/Informations/Inputs/InputsDate/index.vue +++ b/src/packages/components/Informations/Inputs/InputsDate/index.vue @@ -1,21 +1,17 @@ diff --git a/src/packages/components/Informations/Inputs/InputsDate/interact.ts b/src/packages/components/Informations/Inputs/InputsDate/interact.ts index a9323163..a466c989 100644 --- a/src/packages/components/Informations/Inputs/InputsDate/interact.ts +++ b/src/packages/components/Informations/Inputs/InputsDate/interact.ts @@ -48,7 +48,7 @@ const timeRange = [ export const interactActions: InteractActionsType[] = [ { interactType: InteractEventOn.CHANGE, - interactName: '完成后的回调', + interactName: '选择完成', componentEmitEvents: { [ComponentInteractEventEnum.DATE]: time, [ComponentInteractEventEnum.DATE_TIME]: time, diff --git a/src/packages/components/Informations/Inputs/InputsSelect/config.ts b/src/packages/components/Informations/Inputs/InputsSelect/config.ts new file mode 100644 index 00000000..2a0ee907 --- /dev/null +++ b/src/packages/components/Informations/Inputs/InputsSelect/config.ts @@ -0,0 +1,38 @@ +import dayjs from 'dayjs' +import cloneDeep from 'lodash/cloneDeep' +import { PublicConfigClass } from '@/packages/public' +import { CreateComponentType } from '@/packages/index.d' +import { chartInitConfig } from '@/settings/designSetting' +import { COMPONENT_INTERACT_EVENT_KET } from '@/enums/eventEnum' +import { interactActions, ComponentInteractEventEnum } from './interact' +import { InputsSelectConfig } from './index' + +export const option = { + // 时间组件展示类型,必须和 interactActions 中定义的数据一致 + [COMPONENT_INTERACT_EVENT_KET]: ComponentInteractEventEnum.DATA, + // 默认值 + selectValue: '1', + // 暴露配置内容给用户 + dataset: [ + { + label: '选项1', + value: '1' + }, + { + label: '选项2', + value: '2' + }, + { + label: '选项3', + value: '3' + } + ] +} + +export default class Config extends PublicConfigClass implements CreateComponentType { + public key = InputsSelectConfig.key + public attr = { ...chartInitConfig, w: 260, h: 32, zIndex: -1 } + public chartConfig = cloneDeep(InputsSelectConfig) + public interactActions = interactActions + public option = cloneDeep(option) +} diff --git a/src/packages/components/Informations/Inputs/InputsSelect/config.vue b/src/packages/components/Informations/Inputs/InputsSelect/config.vue new file mode 100644 index 00000000..67472c2f --- /dev/null +++ b/src/packages/components/Informations/Inputs/InputsSelect/config.vue @@ -0,0 +1,20 @@ + + + diff --git a/src/packages/components/Informations/Inputs/InputsSelect/index.ts b/src/packages/components/Informations/Inputs/InputsSelect/index.ts new file mode 100644 index 00000000..8e4d21cb --- /dev/null +++ b/src/packages/components/Informations/Inputs/InputsSelect/index.ts @@ -0,0 +1,14 @@ +import { ConfigType, PackagesCategoryEnum, ChartFrameEnum } from '@/packages/index.d' +import { ChatCategoryEnum, ChatCategoryEnumName } from '../../index.d' + +export const InputsSelectConfig: ConfigType = { + key: 'InputsSelect', + chartKey: 'VInputsSelect', + conKey: 'VCInputsSelect', + title: '下拉选择器', + category: ChatCategoryEnum.INPUTS, + categoryName: ChatCategoryEnumName.INPUTS, + package: PackagesCategoryEnum.INFORMATIONS, + chartFrame: ChartFrameEnum.STATIC, + image: 'inputs_select.png' +} diff --git a/src/packages/components/Informations/Inputs/InputsSelect/index.vue b/src/packages/components/Informations/Inputs/InputsSelect/index.vue new file mode 100644 index 00000000..f57b3a60 --- /dev/null +++ b/src/packages/components/Informations/Inputs/InputsSelect/index.vue @@ -0,0 +1,68 @@ + + + + + diff --git a/src/packages/components/Informations/Inputs/InputsSelect/interact.ts b/src/packages/components/Informations/Inputs/InputsSelect/interact.ts new file mode 100644 index 00000000..adc75306 --- /dev/null +++ b/src/packages/components/Informations/Inputs/InputsSelect/interact.ts @@ -0,0 +1,27 @@ +import { InteractEventOn, InteractActionsType } from '@/enums/eventEnum' + +// 时间组件类型 +export enum ComponentInteractEventEnum { + DATA = 'data' +} + +// 联动参数 +export enum ComponentInteractParamsEnum { + DATA = 'data' +} + +// 定义组件触发回调事件 +export const interactActions: InteractActionsType[] = [ + { + interactType: InteractEventOn.CHANGE, + interactName: '选择完成', + componentEmitEvents: { + [ComponentInteractEventEnum.DATA]: [ + { + value: ComponentInteractParamsEnum.DATA, + label: '选择项' + } + ] + } + } +] diff --git a/src/packages/components/Informations/Inputs/index.ts b/src/packages/components/Informations/Inputs/index.ts index 48ef63f0..555f97da 100644 --- a/src/packages/components/Informations/Inputs/index.ts +++ b/src/packages/components/Informations/Inputs/index.ts @@ -1,3 +1,4 @@ import { InputsDateConfig } from './InputsDate/index' +import { InputsSelectConfig } from './InputsSelect/index' -export default [InputsDateConfig] +export default [InputsDateConfig, InputsSelectConfig] diff --git a/src/views/chart/ContentBox/index.vue b/src/views/chart/ContentBox/index.vue index 8f7b5e5d..b7d7f78f 100644 --- a/src/views/chart/ContentBox/index.vue +++ b/src/views/chart/ContentBox/index.vue @@ -10,7 +10,7 @@ - + diff --git a/src/views/chart/ContentLayers/index.vue b/src/views/chart/ContentLayers/index.vue index 4f5895d2..9d7c118f 100644 --- a/src/views/chart/ContentLayers/index.vue +++ b/src/views/chart/ContentLayers/index.vue @@ -199,9 +199,8 @@ const changeLayerType = (value: LayerModeEnum) => {