refactor: reorganize all components (#8303)

src/cascader/Cascader.tsx

@@ -1,4 +1,4 @@
-import { nextTick, PropType, reactive, watch } from 'vue';
+import { nextTick, PropType, reactive, watch, defineComponent } from 'vue';
 import { createNamespace } from '../utils';
 
 // Components
@@ -6,7 +6,7 @@ import Tab from '../tab';
 import Tabs from '../tabs';
 import Icon from '../icon';
 
-const [createComponent, bem, t] = createNamespace('cascader');
+const [name, bem, t] = createNamespace('cascader');
 
 export type CascaderOption = {
   text?: string;
@@ -27,7 +27,9 @@ type CascaderFieldNames = {
   children?: string;
 };
 
-export default createComponent({
+export default defineComponent({
+  name,
+
   props: {
     title: String,
     modelValue: [Number, String],

src/cascader/index.ts

@@ -0,0 +1,8 @@
+import { installable } from '../utils';
+import _Cascader from './Cascader';
+
+const Cascader = installable(_Cascader);
+
+export default Cascader;
+export { Cascader };
+export type { CascaderOption } from './Cascader';

src/cascader/test/index.spec.ts

@@ -1,5 +1,5 @@
 import Cascader from '..';
-import { mount , later } from '../../../test';
+import { mount, later } from '../../../test';
 
 import options from '../demo/area-en-US';