fix: 补充 shape destroy逻辑

[huaxiabuluo]

当 Canvas 的实例调用 render 方法完成首次渲染后，再次执行 update 方法更新画布，如果使用了 line | circle | rect | ... 等基础图形标签，会导致上一屏的基础图形不会被正确擦除。

对于下面测试用例：

const context = createContext();
const { props } = (
  <Canvas context={context}>
    <rect
      style={{
        width: 36,
        height: 36,
        fill: 'red',
      }}
    />
  </Canvas>
);

const canvas = new Canvas(props);
await canvas.render();

const { props: nextProps } = (
  <Canvas context={context}>
    <circle
      style={{
        cx: 80,
        cy: 30,
        r: 20,
        lineWidth: 2,
        stroke: '#e45649',
        fill: 'blue',
      }}
    />
  </Canvas>
);
await delay(500);
await canvas.update(nextProps);

await delay(200);
expect(context).toMatchImageSnapshot();

• Before (update 渲染异常, rect 没有销毁擦除)

• After (update 渲染正常, rect 被销毁擦除)