@8btc/xcanvas 0.0.1

package/README.md

@@ -0,0 +1,70 @@
+# xcanvas
+
+无限画布
+
+### 示例
+
+```jsx
+import { XCanvas, type XCanvasAPI } from "@8btc/xcanvas";
+import "@8btc/xcanvas/index.css";
+import { useState } from "react";
+
+function App() {
+  const [api, setApi] = (useState < XCanvasAPI) | (null > null);
+  return (
+    <div>
+      <XCanvas
+        registerApi={setApi}
+        registerEventHandler={(type, event) => {
+          console.log("event", type, event);
+        }}
+      />
+
+      <button
+        onClick={() => {
+          api?.insertImg(
+            "https://cdn.wujiebantu.com/ai/E3BA8F9BA503DBF1F5D4605EF062445A.png?imageView2/2/w/800/q/75/format/webp"
+          );
+        }}
+      >
+        insert img
+      </button>
+    </div>
+  );
+}
+
+export default App;
+```
+
+### 可用 api
+
+```typescript
+export interface XCanvasAPI {
+  /** Excalidraw 原始api */
+  rawApi: ExcalidrawImperativeAPI;
+  /** 在控制台中打印出当前canvas状态，用于调试 */
+  __printCanvasInfo: () => void;
+  /** 插入图片 */
+  insertImg: (url: string) => Promise<void>;
+  /** 保存canvas数据 */
+  save: () => any;
+  /** 从数据中恢复canvas画布 */
+  restore: (data: any) => Promise<void>;
+  /**
+   * 对整个canvas进行截图，生成缩略图
+   * @returns 返回值同 `HTMLCanvasElement.toDataURL()`，本函数返回 base64 编码的 png 文件（data:image/png:base64,xxx...）
+   */
+  captureCanvas: () => Promise<string>;
+}
+```
+
+### 可以监听的事件
+
+```typescript
+export type Events = {
+  "chat-to-edit": {
+    type: "chat-to-edit";
+    url: string;
+  };
+};
+```

package/dist/Tableau10-BqnYsPR6.js

@@ -0,0 +1,9 @@
+function colors(specifier) {
+  var n = specifier.length / 6 | 0, colors2 = new Array(n), i = 0;
+  while (i < n) colors2[i] = "#" + specifier.slice(i * 6, ++i * 6);
+  return colors2;
+}
+const schemeTableau10 = colors("4e79a7f28e2ce1575976b7b259a14fedc949af7aa1ff9da79c755fbab0ab");
+export {
+  schemeTableau10 as s
+};