import type { CSSProperties, VNodeChild } from 'vue';
import type { VueTypesInterface, VueTypeValidableDef } from 'vue-types';

import { createTypes, toValidableType } from 'vue-types';

export type VueNode = JSX.Element | VNodeChild;

type PropTypes = VueTypesInterface & {
  readonly style: VueTypeValidableDef<CSSProperties>;
  readonly VNodeChild: VueTypeValidableDef<VueNode>;
  // readonly trueBool: VueTypeValidableDef<boolean>;
};

const newPropTypes = createTypes({
  bool: undefined,
  func: undefined,
  integer: undefined,
  number: undefined,
  object: undefined,
  string: undefined,
}) as PropTypes;

// 从 vue-types v5.0 开始，extend()方法已经废弃，当前已改为官方推荐的ES6+方法 https://dwightjack.github.io/vue-types/advanced/extending-vue-types.html#the-extend-method
class propTypes extends newPropTypes {
  // a native-like validator that supports the `.validable` method
  static override get style() {
    return toValidableType('style', {
      type: [String, Object],
    });
  }

  static override get VNodeChild() {
    return toValidableType('VNodeChild', {
      type: undefined,
    });
  }
}
export { propTypes };