From 874839dde61c4994ccc76a82c163c15e5c6a9e8b Mon Sep 17 00:00:00 2001 From: Sagi Date: Thu, 29 Sep 2022 13:32:47 +0800 Subject: [PATCH 1/4] feature: add section component --- packages/ui-vue/components/section/index.ts | 0 1 file changed, 0 insertions(+), 0 deletions(-) create mode 100644 packages/ui-vue/components/section/index.ts diff --git a/packages/ui-vue/components/section/index.ts b/packages/ui-vue/components/section/index.ts new file mode 100644 index 00000000000..e69de29bb2d -- Gitee From edf826f83a91f374d409394124498b796377ee6e Mon Sep 17 00:00:00 2001 From: Sagi Date: Thu, 29 Sep 2022 13:34:04 +0800 Subject: [PATCH 2/4] feature: add section component --- packages/ui-vue/components/section/src/composition/types.ts | 0 packages/ui-vue/components/section/src/section.component.tsx | 0 packages/ui-vue/components/section/src/section.props.ts | 0 3 files changed, 0 insertions(+), 0 deletions(-) create mode 100644 packages/ui-vue/components/section/src/composition/types.ts create mode 100644 packages/ui-vue/components/section/src/section.component.tsx create mode 100644 packages/ui-vue/components/section/src/section.props.ts diff --git a/packages/ui-vue/components/section/src/composition/types.ts b/packages/ui-vue/components/section/src/composition/types.ts new file mode 100644 index 00000000000..e69de29bb2d diff --git a/packages/ui-vue/components/section/src/section.component.tsx b/packages/ui-vue/components/section/src/section.component.tsx new file mode 100644 index 00000000000..e69de29bb2d diff --git a/packages/ui-vue/components/section/src/section.props.ts b/packages/ui-vue/components/section/src/section.props.ts new file mode 100644 index 00000000000..e69de29bb2d -- Gitee From 636e8e7dcb6880de0bdb28ee673802486b0f0044 Mon Sep 17 00:00:00 2001 From: Sagi Date: Thu, 29 Sep 2022 13:37:27 +0800 Subject: [PATCH 3/4] feature: implement section component structure --- .../components/section/src/section.component.tsx | 16 ++++++++++++++++ .../components/section/src/section.props.ts | 4 ++++ 2 files changed, 20 insertions(+) diff --git a/packages/ui-vue/components/section/src/section.component.tsx b/packages/ui-vue/components/section/src/section.component.tsx index e69de29bb2d..b437ecbdec3 100644 --- a/packages/ui-vue/components/section/src/section.component.tsx +++ b/packages/ui-vue/components/section/src/section.component.tsx @@ -0,0 +1,16 @@ +import { defineComponent, SetupContext } from "vue"; +import { SectionProps, sectionProps } from "./section.props"; + +export default defineComponent({ + name:'FSection', + props:sectionProps, + emits:[], + setup(props:SectionProps, context:SetupContext) { + + return ()=>{ + return ( + + ) + } + }, +})ß \ No newline at end of file diff --git a/packages/ui-vue/components/section/src/section.props.ts b/packages/ui-vue/components/section/src/section.props.ts index e69de29bb2d..9e6404c0f86 100644 --- a/packages/ui-vue/components/section/src/section.props.ts +++ b/packages/ui-vue/components/section/src/section.props.ts @@ -0,0 +1,4 @@ +import { ExtractPropTypes } from 'vue'; + +export const sectionProps = {}; +export type SectionProps = ExtractPropTypes; -- Gitee From 5643983f8790ff91d3781a1535d16a8f98823539 Mon Sep 17 00:00:00 2001 From: Sagi Date: Thu, 29 Sep 2022 16:36:35 +0800 Subject: [PATCH 4/4] feature: update section props --- .../section/src/section.component.tsx | 2 +- .../components/section/src/section.props.ts | 36 +++++++++++++++++-- 2 files changed, 35 insertions(+), 3 deletions(-) diff --git a/packages/ui-vue/components/section/src/section.component.tsx b/packages/ui-vue/components/section/src/section.component.tsx index b437ecbdec3..b1df3be2c26 100644 --- a/packages/ui-vue/components/section/src/section.component.tsx +++ b/packages/ui-vue/components/section/src/section.component.tsx @@ -13,4 +13,4 @@ export default defineComponent({ ) } }, -})ß \ No newline at end of file +}) diff --git a/packages/ui-vue/components/section/src/section.props.ts b/packages/ui-vue/components/section/src/section.props.ts index 9e6404c0f86..c51fef2b5ed 100644 --- a/packages/ui-vue/components/section/src/section.props.ts +++ b/packages/ui-vue/components/section/src/section.props.ts @@ -1,4 +1,36 @@ -import { ExtractPropTypes } from 'vue'; +import { ExtractPropTypes, PropType } from 'vue'; -export const sectionProps = {}; +export interface ButtonConfig { + id: string; + disable: boolean; + title: string; + click: any; + appearance: object; + visible?: boolean; +} + +export interface ToolbarConfig { + position: string; + contents: ButtonConfig[]; +} + +export const sectionProps = { + contentClass: { type: String, default: '' }, + maxStatus: { type: Boolean, default: false }, + enableAccording: { type: Boolean, default: false }, + enableCollapse: { type: Boolean, default: true }, + mainTitle: { type: String, default: '' }, + subTitle: { type: String, default: '' }, + showHeader: { type: Boolean, default: true }, + enableMaximize: { type: Boolean, default: false }, + fill: { type: Boolean, default: false }, + expandStatus: { type: Boolean, default: true }, + cotext: { type: Object }, + index: { type: Number }, + toolbarPosition: { type: String, default: '' }, + toolbarButtons: { type: Array, default: [] }, + toolbar: { type: Object as PropType, default: {} }, + showToolbarMoreButton: { type: Boolean, default: true }, + clickThrottleTime: { type: Number, default: 350 }, +}; export type SectionProps = ExtractPropTypes; -- Gitee