image-beautifier 1.0.1 → 1.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (57) hide show
  1. package/README.md +14 -0
  2. package/lib/image-beautifier.es.js +3040 -0
  3. package/lib/style.css +9 -0
  4. package/package.json +17 -3
  5. package/.eslintrc.cjs +0 -25
  6. package/favicon.svg +0 -20
  7. package/index.html +0 -13
  8. package/jsconfig.json +0 -12
  9. package/postcss.config.mjs +0 -6
  10. package/preview.png +0 -0
  11. package/public/vite.svg +0 -1
  12. package/src/App.jsx +0 -29
  13. package/src/assets/blur.svg +0 -8
  14. package/src/assets/color.svg +0 -1
  15. package/src/assets/demo.png +0 -0
  16. package/src/assets/pencil.png +0 -0
  17. package/src/assets/rotate.png +0 -0
  18. package/src/components/ColorPicker.jsx +0 -27
  19. package/src/components/Icon.jsx +0 -81
  20. package/src/components/editor/Editor.jsx +0 -19
  21. package/src/components/editor/HotKeys.jsx +0 -48
  22. package/src/components/editor/View.jsx +0 -167
  23. package/src/components/editor/Zoom.jsx +0 -54
  24. package/src/components/editor/layers/FrameBox.jsx +0 -51
  25. package/src/components/editor/layers/Screenshot.jsx +0 -89
  26. package/src/components/editor/layers/ShapeLine.jsx +0 -97
  27. package/src/components/editor/layers/Watermark.jsx +0 -41
  28. package/src/components/header/EmojiSelect.jsx +0 -35
  29. package/src/components/header/Header.jsx +0 -134
  30. package/src/components/header/Logo.jsx +0 -29
  31. package/src/components/header/MediaLogo.jsx +0 -10
  32. package/src/components/header/WidthDropdown.jsx +0 -74
  33. package/src/components/init/Init.jsx +0 -77
  34. package/src/components/sideBar/BackgroundSelect.jsx +0 -49
  35. package/src/components/sideBar/CropperImage.jsx +0 -73
  36. package/src/components/sideBar/CustomSize.jsx +0 -60
  37. package/src/components/sideBar/DownloadBar.jsx +0 -179
  38. package/src/components/sideBar/DrawerBar.jsx +0 -64
  39. package/src/components/sideBar/Position.jsx +0 -45
  40. package/src/components/sideBar/SideBar.jsx +0 -131
  41. package/src/components/sideBar/SizeBar.jsx +0 -114
  42. package/src/components/sideBar/Watermark.jsx +0 -59
  43. package/src/hooks/useKeyboardShortcuts.js +0 -28
  44. package/src/hooks/usePaste.js +0 -21
  45. package/src/index.js +0 -1
  46. package/src/main.jsx +0 -9
  47. package/src/stores/editor.js +0 -106
  48. package/src/stores/index.js +0 -7
  49. package/src/stores/option.js +0 -96
  50. package/src/style/main.css +0 -132
  51. package/src/utils/UndoRedoManager.js +0 -83
  52. package/src/utils/backgroundConfig.js +0 -387
  53. package/src/utils/captureScreen.js +0 -28
  54. package/src/utils/sizeConfig.js +0 -163
  55. package/src/utils/utils.js +0 -154
  56. package/tailwind.config.mjs +0 -15
  57. package/vite.config.js +0 -21
package/README.md CHANGED
@@ -10,11 +10,25 @@
10
10
  npm install image-beautifier
11
11
  ```
12
12
 
13
+ ## 例子
14
+
15
+ React 组件
16
+
17
+ ```jsx
18
+ import { ImageBeautifier } from 'image-beautifier';
19
+ import 'image-beautifier/lib/style.css';
20
+
21
+ function App() {
22
+ return (<ImageBeautifier />);
23
+ }
24
+ ```
25
+
13
26
  - 用于截图美化
14
27
  - 图片批注
15
28
  - 修改尺寸，预设各个社媒平台发布的尺寸模板
16
29
  - 方框，圆圈，箭头，Emoji表情等各种尺寸的批注
17
30
  - 添加水印
31
+ - 画布任意缩放和拖拉
18
32
 
19
33
 
20
34
  TODO: