refactor(collapse): make collapse-panel a separate directory (#1453)

* refactor(collapse): make collapse-panel a separate directory

* test(collapse): update path

example/app.json

@@ -99,56 +99,7 @@
     }
   ],
   "usingComponents": {
-    "t-demo": "./components/demo-block/index",
-    "t-avatar": "tdesign-miniprogram/avatar/avatar",
-    "t-avatar-group": "tdesign-miniprogram/avatar/avatar-group",
-    "t-badge": "tdesign-miniprogram/badge/badge",
-    "t-button": "tdesign-miniprogram/button/button",
-    "t-cell": "tdesign-miniprogram/cell/cell",
-    "t-cell-group": "tdesign-miniprogram/cell-group/cell-group",
-    "t-collapse": "tdesign-miniprogram/collapse/collapse",
-    "t-collapse-panel": "tdesign-miniprogram/collapse/collapse-panel",
-    "t-tabs": "tdesign-miniprogram/tabs/tabs",
-    "t-tab-panel": "tdesign-miniprogram/tabs/tab-panel",
-    "t-loading": "tdesign-miniprogram/loading/loading",
-    "t-icon": "tdesign-miniprogram/icon/icon",
-    "t-rate": "tdesign-miniprogram/rate/rate",
-    "t-progress": "tdesign-miniprogram/progress/progress",
-    "t-input": "tdesign-miniprogram/input/input",
-    "t-textarea": "tdesign-miniprogram/textarea/textarea",
-    "t-message": "tdesign-miniprogram/message/message",
-    "t-toast": "tdesign-miniprogram/toast/toast",
-    "t-stepper": "tdesign-miniprogram/stepper/stepper",
-    "t-slider": "tdesign-miniprogram/slider/slider",
-    "t-radio": "tdesign-miniprogram/radio/radio",
-    "t-radio-group": "tdesign-miniprogram/radio-group/radio-group",
-    "t-checkbox": "tdesign-miniprogram/checkbox/checkbox",
-    "t-checkbox-group": "tdesign-miniprogram/checkbox-group/checkbox-group",
-    "t-swipe-cell": "tdesign-miniprogram/swipe-cell/swipe-cell",
-    "t-sticky": "tdesign-miniprogram/sticky/sticky",
-    "t-fab": "tdesign-miniprogram/fab/fab",
-    "t-tab-bar": "tdesign-miniprogram/tab-bar/tab-bar",
-    "t-tab-bar-item": "tdesign-miniprogram/tab-bar/tab-bar-item",
-    "t-transition": "tdesign-miniprogram/transition/transition",
-    "t-indexes": "tdesign-miniprogram/indexes/indexes",
-    "t-dropdown-menu": "tdesign-miniprogram/dropdown-menu/dropdown-menu",
-    "t-dropdown-item": "tdesign-miniprogram/dropdown-menu/dropdown-item",
-    "t-drawer": "tdesign-miniprogram/drawer/drawer",
-    "t-pull-down-refresh": "tdesign-miniprogram/pull-down-refresh/pull-down-refresh",
-    "t-footer": "tdesign-miniprogram/footer/footer",
-    "t-divider": "tdesign-miniprogram/divider/divider",
-    "t-empty": "tdesign-miniprogram/empty/empty",
-    "t-back-top": "tdesign-miniprogram/back-top/back-top",
-    "t-grid-item": "tdesign-miniprogram/grid/grid-item",
-    "t-grid": "tdesign-miniprogram/grid/grid",
-    "t-count-down": "tdesign-miniprogram/count-down/count-down",
-    "t-image": "tdesign-miniprogram/image/image",
-    "t-search": "tdesign-miniprogram/search/search",
-    "t-navbar": "tdesign-miniprogram/navbar/navbar",
-    "t-date-time-picker": "tdesign-miniprogram/date-time-picker/date-time-picker",
-    "t-action-sheet": "tdesign-miniprogram/action-sheet/action-sheet",
-    "t-image-viewer": "tdesign-miniprogram/image-viewer/image-viewer",
-    "t-link": "tdesign-miniprogram/link/link"
+    "t-demo": "./components/demo-block/index"
   },
   "window": {
     "backgroundTextStyle": "light",

src/collapse/collapse-panel.ts → src/collapse-panel/collapse-panel.ts

@@ -1,6 +1,6 @@
 import { SuperComponent, wxComponent, RelationsOptions } from '../common/src/index';
 import config from '../common/config';
-import props from './collapse-panel-props';
+import props from './props';
 import type { TdCollapsePanelProps } from './type';
 import { getRect } from '../common/utils';
 
@@ -17,7 +17,7 @@ export default class CollapsePanel extends SuperComponent {
   };
 
   relations: RelationsOptions = {
-    './collapse': {
+    '../collapse/collapse': {
       type: 'ancestor',
       linked(target: WechatMiniprogram.Component.TrivialInstance) {
         this.parent = target;

src/collapse/collapse-panel-props.ts → src/collapse-panel/props.ts

@@ -18,12 +18,12 @@ const props: TdCollapsePanelProps = {
   /** 禁止当前面板展开，优先级大于 Collapse 的同名属性 */
   disabled: {
     type: Boolean,
-    value: null,
+    value: undefined,
   },
   /** 当前折叠面板展开图标，优先级大于 Collapse 的同名属性 */
   expandIcon: {
     type: Boolean,
-    value: true,
+    value: undefined,
   },
   /** 组件类名，用于组件外层元素、标题、内容 */
   externalClasses: {

src/collapse-panel/type.ts

@@ -0,0 +1,73 @@
+/* eslint-disable */
+
+/**
+ * 该文件为脚本自动生成文件，请勿随意修改。如需修改请联系 PMC
+ * */
+
+export interface TdCollapsePanelProps {
+  /**
+   * 折叠面板内容
+   */
+  content?: {
+    type: StringConstructor;
+    value?: string;
+  };
+  /**
+   * 自定义组件样式
+   * @default ''
+   */
+  customStyle?: {
+    type: StringConstructor;
+    value?: string;
+  };
+  /**
+   * 禁止当前面板展开，优先级大于 Collapse 的同名属性
+   */
+  disabled?: {
+    type: BooleanConstructor;
+    value?: boolean;
+  };
+  /**
+   * 当前折叠面板展开图标，优先级大于 Collapse 的同名属性
+   */
+  expandIcon?: {
+    type: BooleanConstructor;
+    value?: boolean;
+  };
+  /**
+   * 组件类名，用于组件外层元素、标题、内容
+   */
+  externalClasses?: {
+    type: ArrayConstructor;
+    value?: ['t-class', 't-class-header', 't-class-content'];
+  };
+  /**
+   * 面板头内容
+   */
+  header?: {
+    type: StringConstructor;
+    value?: string;
+  };
+  /**
+   * 面板头的右侧区域，一般用于呈现面板操作
+   */
+  headerRightContent?: {
+    type: StringConstructor;
+    value?: string;
+  };
+  /**
+   * 选项卡内容的位置
+   * @default bottom
+   */
+  placement?: {
+    type: StringConstructor;
+    value?: 'bottom' | 'top';
+  };
+  /**
+   * 当前面板唯一标识，如果值为空则取当前面下标兜底作为唯一标识
+   */
+  value?: {
+    type: null;
+    value?: string | number;
+  };
+}

src/collapse/README.md

@@ -21,7 +21,7 @@ isComponent: true
 ```json
 "usingComponents": {
   "t-collapse": "tdesign-miniprogram/collapse/collapse",
-  "t-collapse-panel": "tdesign-miniprogram/collapse/collapse-panel"
+  "t-collapse-panel": "tdesign-miniprogram/collapse-panel/collapse-panel"
 }
 ```
 

src/collapse/__test__/index.json

@@ -2,6 +2,6 @@
   "component": true,
   "usingComponents": {
     "t-collapse": "../collapse",
-    "t-collapse-panel": "../collapse-panel"
+    "t-collapse-panel": "../../collapse-panel/collapse-panel"
   }
 }

src/collapse/_example/accordion/index.json

@@ -2,6 +2,6 @@
   "component": true,
   "usingComponents": {
     "t-collapse": "tdesign-miniprogram/collapse/collapse",
-    "t-collapse-panel": "tdesign-miniprogram/collapse/collapse-panel"
+    "t-collapse-panel": "tdesign-miniprogram/collapse-panel/collapse-panel"
   }
 }

src/collapse/_example/action/index.json

@@ -2,6 +2,6 @@
   "component": true,
   "usingComponents": {
     "t-collapse": "tdesign-miniprogram/collapse/collapse",
-    "t-collapse-panel": "tdesign-miniprogram/collapse/collapse-panel"
+    "t-collapse-panel": "tdesign-miniprogram/collapse-panel/collapse-panel"
   }
 }

src/collapse/_example/base/index.json

@@ -2,6 +2,6 @@
   "component": true,
   "usingComponents": {
     "t-collapse": "tdesign-miniprogram/collapse/collapse",
-    "t-collapse-panel": "tdesign-miniprogram/collapse/collapse-panel"
+    "t-collapse-panel": "tdesign-miniprogram/collapse-panel/collapse-panel"
   }
 }

src/collapse/_example/placement/index.json

@@ -2,6 +2,6 @@
   "component": true,
   "usingComponents": {
     "t-collapse": "tdesign-miniprogram/collapse/collapse",
-    "t-collapse-panel": "tdesign-miniprogram/collapse/collapse-panel"
+    "t-collapse-panel": "tdesign-miniprogram/collapse-panel/collapse-panel"
   }
 }

src/collapse/_example/theme/index.json

@@ -2,6 +2,6 @@
   "component": true,
   "usingComponents": {
     "t-collapse": "tdesign-miniprogram/collapse/collapse",
-    "t-collapse-panel": "tdesign-miniprogram/collapse/collapse-panel"
+    "t-collapse-panel": "tdesign-miniprogram/collapse-panel/collapse-panel"
   }
 }

src/collapse/collapse.ts

@@ -17,7 +17,7 @@ export default class Collapse extends SuperComponent {
   externalClasses = [`${prefix}-class`];
 
   relations: RelationsOptions = {
-    './collapse-panel': {
+    '../collapse-panel/collapse-panel': {
       type: 'descendant',
       linked() {
         this.updateExpanded();

src/collapse/index.ts

@@ -2,7 +2,5 @@ export { default as Collapse } from './collapse';
 
 export * from './type';
 export * from './props';
-export * from './collapse-panel-props';
 
 export { CollapseProps } from './collapse';
-export { CollapsePanelProps } from './collapse-panel';

src/collapse/type.ts

@@ -70,72 +70,4 @@ export interface TdCollapseProps {
   };
 }
 
-export interface TdCollapsePanelProps {
-  /**
-   * 折叠面板内容
-   */
-  content?: {
-    type: StringConstructor;
-    value?: string;
-  };
-  /**
-   * 自定义组件样式
-   * @default ''
-   */
-  customStyle?: {
-    type: StringConstructor;
-    value?: string;
-  };
-  /**
-   * 禁止当前面板展开，优先级大于 Collapse 的同名属性
-   */
-  disabled?: {
-    type: BooleanConstructor;
-    value?: boolean;
-  };
-  /**
-   * 当前折叠面板展开图标，优先级大于 Collapse 的同名属性
-   */
-  expandIcon?: {
-    type: BooleanConstructor;
-    value?: boolean;
-  };
-  /**
-   * 组件类名，用于组件外层元素、标题、内容
-   */
-  externalClasses?: {
-    type: ArrayConstructor;
-    value?: ['t-class', 't-class-header', 't-class-content'];
-  };
-  /**
-   * 面板头内容
-   */
-  header?: {
-    type: StringConstructor;
-    value?: string;
-  };
-  /**
-   * 面板头的右侧区域，一般用于呈现面板操作
-   */
-  headerRightContent?: {
-    type: StringConstructor;
-    value?: string;
-  };
-  /**
-   * 选项卡内容的位置
-   * @default bottom
-   */
-  placement?: {
-    type: StringConstructor;
-    value?: 'bottom' | 'top';
-  };
-  /**
-   * 当前面板唯一标识，如果值为空则取当前面下标兜底作为唯一标识
-   */
-  value?: {
-    type: null;
-    value?: string | number;
-  };
-}
-
 export type CollapseValue = Array<string | number>;