@machete-jhun/canvas-studio 0.0.1

package/dist/utils/enableDragStage.d.ts

@@ -0,0 +1,6 @@
+import type { Stage } from 'konva/lib/Stage';
+/**
+ * 按住空格键时可拖动 stage
+ */
+declare function enableDragStage(stageIns: Stage): readonly [() => void, () => void];
+export default enableDragStage;

package/dist/utils/enableKeyboardShortcuts.d.ts

@@ -0,0 +1,10 @@
+import type { Stage } from 'konva/lib/Stage';
+import type { MyShapeConfig } from '../types/shapeTypes';
+export type KeyboardShortcutsCallbacks = {
+    onSetShapes: (shapes: MyShapeConfig[]) => void;
+    onRemoveShapes: (ids: string[]) => void;
+    onSetActiveShapeIds: (ids: string[]) => void;
+    onAddShapes: (shapes: MyShapeConfig[]) => void;
+};
+declare function enableKeyboardShortcuts(stageIns: Stage, selectedShape: MyShapeConfig[], callbacks: KeyboardShortcutsCallbacks): readonly [() => void, () => void];
+export default enableKeyboardShortcuts;

package/dist/utils/enableZoomStage.d.ts

@@ -0,0 +1,4 @@
+import type { KonvaEventObject } from 'konva/lib/Node';
+import type { Stage } from 'konva/lib/Stage';
+declare function enableZoomStage(stageIns: Stage): (event: KonvaEventObject<WheelEvent>) => void;
+export default enableZoomStage;

package/dist/utils/index.d.ts

@@ -0,0 +1,21 @@
+import type { KonvaEventObject } from 'konva/lib/Node';
+import type { Vector2d } from 'konva/lib/types';
+import type { Stage } from 'konva/lib/Stage';
+export declare function isMac(): boolean;
+export declare function assertNever(x: never): never;
+/**
+ * 获取互补色
+ * @param color full_hex #xxxxxx 颜色值
+ */
+export declare const complementaryHexColor: (color: string) => string;
+export declare function getVector2Position(node: {
+    position: () => Vector2d;
+    scaleX: () => number;
+}, pos: Vector2d): Vector2d;
+export declare function getPointerPosition(e: KonvaEventObject<MouseEvent>): Vector2d;
+export declare function getStageCenter(stage: Stage, offsetWidth?: number, offsetHeight?: number): Vector2d;
+export declare function getStageViewPortCenter({ stage, offsetWidth, offsetHeight, }: {
+    stage: Stage;
+    offsetWidth?: number;
+    offsetHeight?: number;
+}): Vector2d;

package/dist/utils/shapeTools.d.ts

@@ -0,0 +1,13 @@
+import type { MyBarCodeShape, MyRiveShape, MyImgShape, MyQrCodeShape, MyShapeConfig, MySvgShape, MyTextShape, MyRectShape, MyVideoShape, MyBackScreenShape } from '../types/shapeTypes';
+export declare const copyShape: (shape: MyShapeConfig) => MyShapeConfig;
+export declare const createText: (text: string, fontSize: number, fontFamily: string, fontId: string | number, fontUrl: string, x?: number, y?: number, id?: string) => MyTextShape;
+export declare const createImage: (imageSource: string, imageName: string, displayName: string, id?: string, x?: number, y?: number, width?: number, height?: number) => MyImgShape;
+export declare const createRect: (x?: number, y?: number, width?: number, height?: number, id?: string, fill?: string, strokeWidth?: number, stroke?: string) => MyRectShape;
+export declare const createSvg: (url: string, displayName: string, colors: MySvgShape["colors"], x?: number, y?: number, width?: number, height?: number, id?: string) => MySvgShape;
+export declare const createQrCode: (source: string, displayName: string, x?: number, y?: number, width?: number, height?: number, id?: string) => MyQrCodeShape;
+export declare const createBarCode: (source: string, displayName: string, x?: number, y?: number, width?: number, height?: number, id?: string) => MyBarCodeShape;
+export declare const createRive: (url: string, stateMachine: string, displayName: string, x: number | undefined, y: number | undefined, width: number | undefined, height: number | undefined, id: string | undefined, inputs: MyRiveShape["inputs"], variableObj: MyRiveShape["variableObj"], artboard?: string) => MyRiveShape;
+export declare const createVideo: (url: string, displayName: string, x?: number, y?: number, width?: number, height?: number, id?: string) => MyVideoShape;
+export declare const createBackScreen: (screenId: string, displayName: string, fill: string, x: number, y: number, width: number, height: number, id?: string) => MyBackScreenShape;
+export declare function isTextShape(shape: MyShapeConfig): shape is MyTextShape;
+export declare function isImgShape(shape: MyShapeConfig): shape is MyImgShape;

package/package.json

@@ -0,0 +1,82 @@
+{
+  "name": "@machete-jhun/canvas-studio",
+  "description": "一个基于 React 和 Konva 的画布编辑组件库，支持多种图形和媒体元素的添加与编辑，适用于构建复杂的图形应用。",
+  "private": false,
+  "version": "0.0.1",
+  "type": "module",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "publishConfig": {
+    "access": "public"
+  },
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build && tsc -p tsconfig.lib.json",
+    "build:types": "tsc -p tsconfig.lib.json",
+    "lint": "eslint .",
+    "preview": "vite preview",
+    "release": "release-it",
+    "release:dry": "release-it --dry-run"
+  },
+  "peerDependencies": {
+    "js-base64": "^3.7.0",
+    "jsbarcode": "^3.12.0",
+    "konva": "^9.0.0 || ^10.0.0",
+    "lodash-es": "^4.17.0",
+    "nanoid": "^5.0.0",
+    "qrcode": "^1.5.0",
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0",
+    "react-konva": "^18.0.0 || ^19.0.0",
+    "react-konva-utils": "^1.0.0 || ^2.0.0"
+  },
+  "devDependencies": {
+    "@eslint/js": "^9.39.2",
+    "@release-it/conventional-changelog": "^10.0.4",
+    "@types/lodash-es": "^4.17.12",
+    "@types/node": "^25.0.10",
+    "@types/qrcode": "^1.5.6",
+    "@types/react": "^19.2.9",
+    "@types/react-dom": "^19.2.3",
+    "@vitejs/plugin-react": "^5.1.2",
+    "eslint": "^9.39.2",
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-plugin-prettier": "^5.5.5",
+    "eslint-plugin-react": "^7.37.5",
+    "eslint-plugin-react-hooks": "^7.0.1",
+    "eslint-plugin-react-refresh": "^0.4.26",
+    "globals": "^17.1.0",
+    "js-base64": "^3.7.8",
+    "jsbarcode": "^3.12.3",
+    "konva": "^10.2.0",
+    "lodash-es": "^4.17.23",
+    "nanoid": "^5.1.6",
+    "qrcode": "^1.5.4",
+    "react": "^19.2.3",
+    "react-dom": "^19.2.3",
+    "react-konva": "^19.2.1",
+    "react-konva-utils": "^2.0.0",
+    "release-it": "^19.2.4",
+    "terser": "^5.46.0",
+    "typescript": "~5.9.3",
+    "typescript-eslint": "^8.53.1",
+    "vite": "npm:rolldown-vite@7.2.5"
+  },
+  "overrides": {
+    "vite": "npm:rolldown-vite@7.2.5"
+  },
+  "packageManager": "pnpm@10.28.2",
+  "dependencies": {
+    "@rive-app/canvas": "^2.34.1"
+  }
+}