chore: add bundle example.

uiwjs · Feb 27, 2022 · ed48076 · ed48076
1 parent d01b652
commit ed48076
Showing 1 changed file with 37 additions and 0 deletions.
diff --git a/public/bundle.html b/public/bundle.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <script src="https://unpkg.com/@babel/standalone@7.17.5/babel.min.js" crossorigin></script>
+    <script src="https://unpkg.com/react@16.x/umd/react.development.js" crossorigin></script>
+    <script src="https://unpkg.com/react-dom@16.x/umd/react-dom.development.js" crossorigin></script>
+    <script src="https://unpkg.com/@uiw/codepen-require-polyfill/index.js" crossorigin></script>
+    <link rel="stylesheet" href="https://unpkg.com/@uiw/react-split/dist/heat-map.css">
+  </head>
+  <body>
+    <div id="container" style="padding: 24px"></div>
+    <script src="https://unpkg.com/@uiw/react-heat-map/dist/heat-map.min.js"></script>
+    <script type="text/babel">
+      import HeatMap from '@uiw/react-heat-map';
+
+      const value = [
+        { date: '2016/01/11', count: 2 },
+        { date: '2016/01/12', count: 20 },
+        { date: '2016/01/13', count: 10 },
+        ...[...Array(17)].map((_, idx) => ({ date: `2016/02/${idx + 10}`, count: idx, content: '' })),
+        { date: '2016/04/11', count: 2 },
+        { date: '2016/05/01', count: 5 },
+        { date: '2016/05/02', count: 5 },
+        { date: '2016/05/04', count: 11 },
+      ];
+
+      const Demo = () => {
+        return (
+          <HeatMap value={value} startDate={new Date('2016/01/01')} />
+        );
+      };
+
+      ReactDOM.render(<Demo />, document.getElementById('container'));
+    </script>
+  </body>
+</html>