diff --git a/packages/ui-vue/components/section/index.ts b/packages/ui-vue/components/section/index.ts
new file mode 100644
index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
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 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
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 0000000000000000000000000000000000000000..b1df3be2c267fbe9068a406b6232cda1f7767a00
--- /dev/null
+++ 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 (
+
+            )
+        }
+    },
+})
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 0000000000000000000000000000000000000000..c51fef2b5ed89d1dc530d39f8c36f01f1596cdf0
--- /dev/null
+++ b/packages/ui-vue/components/section/src/section.props.ts
@@ -0,0 +1,36 @@
+import { ExtractPropTypes, PropType } from 'vue';
+
+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<object>, default: [] },
+    toolbar: { type: Object as PropType<ToolbarConfig>, default: {} },
+    showToolbarMoreButton: { type: Boolean, default: true },
+    clickThrottleTime: { type: Number, default: 350 },
+};
+export type SectionProps = ExtractPropTypes<typeof sectionProps>;