duoyun-ui/react/DyCoachMark.js

A lightweight desktop UI component library, implemented using Gem

import React from 'react';
import { forwardRef, useImperativeHandle, useRef, useLayoutEffect } from 'react';
export * from '../elements/coach-mark';
export const DyCoachMark = forwardRef(function (props, ref) {
    const elementRef = useRef(null);
    useImperativeHandle(ref, () => {
        return {};
    }, []);
    // React Bug?
    useLayoutEffect(() => {
        const element = elementRef.current;
        ["index", "width", "size", "color", "visible", "intersectionRoot", "intersectionRootMargin"].map(name => {
            element[name] = props[name];
        });
    }, []);
    return React.createElement("dy-coach-mark", { ref: elementRef, ...props });
});
export default DyCoachMark;