egreact/src/Host/custom/Primitive.ts

A react render for egret 一个为 egret 而生的 react 渲染器

import { PropSetterParameters } from './../../type'
import { proxyHelper } from '../utils'
import { DevThrow, is } from '../../utils'
import type { Instance, IContainer, ICustomClass } from '../../type'
import { CONSTANTS } from '../../constants'
import { proxyGetPropsHandlers } from '../utils'

const docLink = 'https://xingxinglieo.github.io/egreact/components/custom#primitive'
export class Primitive implements IContainer, ICustomClass {
  __target: any
  __isPrimitive = true
  constructor(...args: any[]) {
    const props = args[args.length - 1]
    const { object, constructor } = props

    if (object !== undefined && object !== null) {
      this.__target = object
    } else if (props.hasOwnProperty('constructor') && typeof constructor === 'function') {
      this.__target = new constructor(...args.slice(0, -1))
    } else {
      DevThrow(`\`primitive\` must have an \`object\` or a \`constructor\` prop`, {
        from: 'primitive',
        link: docLink,
      })
    }
  }
  get object() {
    return this.__target
  }
  addChild(child: any, childInstance: any) {
    if (is.fun(this.__target.addChild)) {
      this.__target.addChild(child, childInstance)
    } else {
      DevThrow(`Please promise addChild method to ${this.__target.constructor.name}`, {
        from: 'primitive',
      })
    }
  }
  removeChild(child: any, childInstance: any) {
    if (is.fun(this.__target.removeChild)) {
      this.__target.removeChild(child, childInstance)
    } else {
      DevThrow(`Please promise removeChild method to ${this.__target.constructor.name}`, {
        from: 'primitive',
      })
    }
  }
  addChildAt(child: any, index: number, childInstance: any) {
    if (is.fun(this.__target.addChildAt)) {
      this.__target.addChildAt(child, index, childInstance)
    } else {
      DevThrow(`Please promise addChildAt method to ${this.__target.constructor.name}`, {
        from: 'primitive',
      })
    }
  }
  getChildIndex(child: any, childInstance: any) {
    if (is.fun(this.__target.getChildIndex)) {
      return this.__target.getChildIndex(child, childInstance)
    } else {
      DevThrow(`Please promise getChildIndex method to ${this.__target.constructor.name}`, {
        from: 'primitive',
      })
      return 0
    }
  }
}

const objectDiffKey = `${CONSTANTS.CUSTOM_DIFF_PREFIX}object` as const
const primitive = {
  __Class: proxyHelper({
    constructor: Primitive,
  }),
  object: ({}: PropSetterParameters<object, Instance<Primitive>>) => {
    return (isRemove: boolean) => {
      if (!isRemove) {
        DevThrow(`Please use key to refresh object in primitive`, {
          from: 'primitive',
          link: docLink,
        })
      }
    }
  },
  constructor: ({}: PropSetterParameters<Function, Instance<Primitive>>) => {
    return (isRemove: boolean) => {
      if (!isRemove) {
        DevThrow(`Please use key to refresh constructor in primitive`, {
          from: 'primitive',
          link: docLink,
        })
      }
    }
  },
  [objectDiffKey]: (n: any, o: any) => n === o,
}

const primitiveProxy = new Proxy(primitive, {
  get: proxyGetPropsHandlers,
}) as typeof primitive
export default primitiveProxy