foundation.ts 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950
  1. import BaseFoundation, {DefaultAdapter} from "../base/foundation";
  2. export interface CollapsibleFoundationProps{
  3. isOpen?: boolean;
  4. duration?: number;
  5. keepDOM?: boolean;
  6. className?: string;
  7. collapseHeight?: number;
  8. reCalcKey?: number | string;
  9. id?:string,
  10. }
  11. export interface CollapsibleFoundationState{
  12. }
  13. export interface CollapsibleAdapter<P = Record<string, any>, S = Record<string, any>> extends DefaultAdapter<P, S>{
  14. setDOMInRenderTree: (isInRenderTree:boolean) => void;
  15. setDOMHeight: (domHeight:number) => void;
  16. setVisible: (visible:boolean) => void;
  17. }
  18. class CollapsibleFoundation extends BaseFoundation<CollapsibleAdapter,CollapsibleFoundationProps,CollapsibleFoundationState>{
  19. constructor(adapter: CollapsibleAdapter) {
  20. super({
  21. ...adapter
  22. });
  23. }
  24. updateDOMInRenderTree = (isInRenderTree) => {
  25. this._adapter.setDOMInRenderTree(isInRenderTree);
  26. }
  27. updateDOMHeight = (domHeight:number) => {
  28. this._adapter.setDOMHeight(domHeight);
  29. }
  30. updateVisible = (visible:boolean) => {
  31. this._adapter.setVisible(visible);
  32. }
  33. }
  34. export default CollapsibleFoundation;