refactor: rename global name

2026-05-24 01:58:27 +00:00 · 2021-08-05 15:19:05 +08:00 · 2021-08-05 15:19:05 +08:00 · 7ff52c49e3
commit 7ff52c49e3
parent 2f921bf51e
31 changed files with 39 additions and 35 deletions
--- a/docs/todo/idraw.md
+++ b/docs/todo/idraw.md
@ -1,6 +1,7 @@
 # idraw

-* [] BUG: Undo/Redo need trigger "changeData" event
+* [] BUG: iDraw.js can't render image on Mobile browser
+* [x] BUG: Undo/Redo need trigger "changeData" event
 * Export
  * [] Export image
  * [] Source file
--- a/packages/board/examples/features/main.js
+++ b/packages/board/examples/features/main.js
@ -5,7 +5,7 @@ import { doScroll } from "./lib/scroll.js";
 import { initEvent } from "./lib/event.js";
 import { doCursor } from "./lib/action.js";

-const { Board } = window.iDraw;
+const Board = window.iDrawBoard;

 const mount = document.querySelector("#mount");
 const board = new Board(mount, opts);
--- a/packages/board/examples/test/get-screen-center.html
+++ b/packages/board/examples/test/get-screen-center.html
@ -25,7 +25,7 @@

    <script src="./../../dist/index.global.js"></script>
    <script>
-      const { Board } = window.iDraw; 
+      const Board = window.iDrawBoard; 
      const mount = document.querySelector('#mount');
      const opts = {
        width: 600,
--- a/packages/board/examples/test/main.html
+++ b/packages/board/examples/test/main.html
@ -22,7 +22,7 @@

    <script src="./../../dist/index.global.js"></script>
    <script>
-      const { Board } = window.iDraw; 
+      const Board = window.iDrawBoard; 

      const mount = document.querySelector('#mount');
      const board = new Board(mount, {
--- a/packages/board/examples/test/reset-size.html
+++ b/packages/board/examples/test/reset-size.html
@ -25,7 +25,7 @@

    <script src="./../../dist/index.global.js"></script>
    <script>
-      const { Board } = window.iDraw; 
+      const Board = window.iDrawBoard; 
      const mount = document.querySelector('#mount');
      const opts = {
        width: 600,
--- a/packages/board/examples/test/scale-001.html
+++ b/packages/board/examples/test/scale-001.html
@ -22,7 +22,7 @@

    <script src="./../../dist/index.global.js"></script>
    <script>
-      const { Board } = window.iDraw; 
+      const Board = window.iDrawBoard; 
      const mount = document.querySelector('#mount');
      const board = new Board(mount, {
        width: 600,
--- a/packages/board/examples/test/scale-002.html
+++ b/packages/board/examples/test/scale-002.html
@ -22,7 +22,7 @@

    <script src="./../../dist/index.global.js"></script>
    <script>
-      const { Board } = window.iDraw; 
+      const Board = window.iDrawBoard; 
      const mount = document.querySelector('#mount');
      const board = new Board(mount, {
        width: 600,
--- a/packages/board/examples/test/scale-003.html
+++ b/packages/board/examples/test/scale-003.html
@ -22,7 +22,7 @@

    <script src="./../../dist/index.global.js"></script>
    <script>
-      const { Board } = window.iDraw; 
+      const Board = window.iDrawBoard; 
      const mount = document.querySelector('#mount');
      const board = new Board(mount, {
        width: 600,
--- a/packages/board/examples/test/scale-004.html
+++ b/packages/board/examples/test/scale-004.html
@ -22,7 +22,7 @@

    <script src="./../../dist/index.global.js"></script>
    <script>
-      const { Board } = window.iDraw; 
+      const Board = window.iDrawBoard; 
      const mount = document.querySelector('#mount');
      const opts = {
        width: 600,
--- a/packages/board/examples/test/scale-005.html
+++ b/packages/board/examples/test/scale-005.html
@ -22,7 +22,7 @@

    <script src="./../../dist/index.global.js"></script>
    <script>
-      const { Board } = window.iDraw; 
+      const Board = window.iDrawBoard; 
      const mount = document.querySelector('#mount');
      const opts = {
        width: 600,
--- a/packages/board/examples/test/scroll.html
+++ b/packages/board/examples/test/scroll.html
@ -25,7 +25,7 @@

    <script src="./../../dist/index.global.js"></script>
    <script>
-      const { Board } = window.iDraw; 
+      const Board = window.iDrawBoard; 
      const mount = document.querySelector('#mount');
      const opts = {
        width: 600,
--- a/packages/board/examples/test/transform-large.html
+++ b/packages/board/examples/test/transform-large.html
@ -22,7 +22,7 @@

    <script src="./../../dist/index.global.js"></script>
    <script>
-      const { Board } = window.iDraw; 
+      const Board = window.iDrawBoard; 
      const mount = document.querySelector('#mount');
      const board = new Board(mount, {
        width: 600,
--- a/packages/board/examples/test/transform-small.html
+++ b/packages/board/examples/test/transform-small.html
@ -22,7 +22,7 @@

    <script src="./../../dist/index.global.js"></script>
    <script>
-      const { Board } = window.iDraw; 
+      const Board = window.iDrawBoard; 
      const mount = document.querySelector('#mount');
      const board = new Board(mount, {
        width: 600,
--- a/packages/board/examples/test/wheel.html
+++ b/packages/board/examples/test/wheel.html
@ -25,7 +25,7 @@

    <script src="./../../dist/index.global.js"></script>
    <script>
-      const { Board } = window.iDraw; 
+      const Board = window.iDrawBoard; 
      const mount = document.querySelector('#mount');
      const opts = {
        width: 600,
--- a/packages/core/examples/features/lib/main.js
+++ b/packages/core/examples/features/lib/main.js
@ -3,7 +3,7 @@ import { doScale } from './scale.js';
 import { doScroll } from './scroll.js';
 import { doElemens } from './element.js';

-const { Core } = window.iDraw;
+const Core = window.iDrawCore;
 const data = getData();
 const mount = document.querySelector('#mount');

--- a/packages/core/examples/test/circle.html
+++ b/packages/core/examples/test/circle.html
@ -24,7 +24,7 @@
    <script src="./../../dist/index.global.js"></script>
    <script type="module">
      import data from './../features/lib/data/circle.js';
-      const { Core } = window.iDraw;
+      const Core = window.iDrawCore;
      const core = new Core(
        document.querySelector('#mount'), {
          width: 600,
--- a/packages/core/examples/test/html.html
+++ b/packages/core/examples/test/html.html
@ -23,7 +23,7 @@
    <script src="./../../dist/index.global.js"></script>
    <script type="module">
      import data from './../features/lib/data/html.js';
-      const { Core } = window.iDraw;
+      const Core = window.iDrawCore;
      const core = new Core(
        document.querySelector('#mount'), {
          width: 600,
--- a/packages/core/examples/test/image.html
+++ b/packages/core/examples/test/image.html
@ -24,7 +24,7 @@
    <script src="./../../dist/index.global.js"></script>
    <script type="module">
      import data from './../features/lib/data/image.js';
-      const { Core } = window.iDraw;
+      const Core = window.iDrawCore;
      const core = new Core(
        document.querySelector('#mount'), {
          width: 600,
--- a/packages/core/examples/test/only-render.html
+++ b/packages/core/examples/test/only-render.html
@ -25,7 +25,8 @@
    <script src="./../../../util/dist/index.global.js"></script>
    <script type="module">
      import data from './../features/lib/data/image.js';
-      const { Core, util } = window.iDraw;
+      const Core = window.iDrawCore;
+      const uitl = window.iDrawUtil;
      data.elements.forEach((elem, i) => {
        elem.uuid = `aaaaaaaa-aaaa-aaaa-aaaa-aa000000000${i}`;
      });
--- a/packages/core/examples/test/rect.html
+++ b/packages/core/examples/test/rect.html
@ -24,7 +24,7 @@
    <script src="./../../dist/index.global.js"></script>
    <script type="module">
      import data from './../features/lib/data/rect.js';
-      const { Core } = window.iDraw;
+      const Core = window.iDrawCore;
      const core = new Core(
        document.querySelector('#mount'), {
          width: 600,
--- a/packages/core/examples/test/reset-size.html
+++ b/packages/core/examples/test/reset-size.html
@ -24,7 +24,7 @@
    <script src="./../../dist/index.global.js"></script>
    <script type="module">
      import { getData } from './data.js';
-      const { Core } = window.iDraw;
+      const Core = window.iDrawCore;
      const data = getData();
      const core = new Core(
        document.querySelector('#mount'), {
--- a/packages/core/examples/test/scale-001.html
+++ b/packages/core/examples/test/scale-001.html
@ -24,7 +24,7 @@
    <script src="./../../dist/index.global.js"></script>
    <script type="module">
      import { getData } from './data.js';
-      const { Core } = window.iDraw;
+      const Core = window.iDrawCore;
      const data = getData();
      const core = new Core(
        document.querySelector('#mount'), {
--- a/packages/core/examples/test/scale-002.html
+++ b/packages/core/examples/test/scale-002.html
@ -24,7 +24,7 @@
    <script src="./../../dist/index.global.js"></script>
    <script type="module">
      import { getData } from './data.js';
-      const { Core } = window.iDraw;
+      const Core = window.iDrawCore;
      const data = getData();
      const core = new Core(
        document.querySelector('#mount'), {
--- a/packages/core/examples/test/scale-003.html
+++ b/packages/core/examples/test/scale-003.html
@ -24,7 +24,7 @@
    <script src="./../../dist/index.global.js"></script>
    <script type="module">
      import { getData } from './data.js';
-      const { Core } = window.iDraw;
+      const Core = window.iDrawCore;
      const data = getData();
      const core = new Core( document.querySelector('#mount'), {
        width: 600,
--- a/packages/core/examples/test/scroll.html
+++ b/packages/core/examples/test/scroll.html
@ -24,7 +24,7 @@
    <script src="./../../dist/index.global.js"></script>
    <script type="module">
      import { getData } from './data.js';
-      const { Core } = window.iDraw;
+      const Core = window.iDrawCore;
      const data = getData();
      const core = new Core(
        document.querySelector('#mount'), {
--- a/packages/core/examples/test/svg.html
+++ b/packages/core/examples/test/svg.html
@ -24,7 +24,7 @@
    <script src="./../../dist/index.global.js"></script>
    <script type="module">
      import data from './../features/lib/data/svg.js';
-      const { Core } = window.iDraw;
+      const Core = window.iDrawCore;
      const core = new Core(
        document.querySelector('#mount'), {
          width: 600,
--- a/packages/core/examples/test/text.html
+++ b/packages/core/examples/test/text.html
@ -24,7 +24,7 @@
    <script src="./../../dist/index.global.js"></script>
    <script type="module">
      import data from './../features/lib/data/text.js';
-      const { Core } = window.iDraw;
+      const Core = window.iDrawCore;
      const core = new Core(
        document.querySelector('#mount'), {
          width: 600,
--- a/packages/core/examples/test/update-element-later.html
+++ b/packages/core/examples/test/update-element-later.html
@ -25,7 +25,8 @@
    <script src="./../../../util/dist/index.global.js"></script>
    <script type="module">
      import data from './../features/lib/data/image.js';
-      const { Core, util } = window.iDraw;
+      const Core = window.iDrawCore;
+      const uitl = window.iDrawUtil;
      data.elements.forEach((elem, i) => {
        elem.uuid = `aaaaaaaa-aaaa-aaaa-aaaa-aa000000000${i}`;
      });
--- a/packages/core/examples/test/update-element.html
+++ b/packages/core/examples/test/update-element.html
@ -25,7 +25,8 @@
    <script src="./../../../util/dist/index.global.js"></script>
    <script type="module">
      import data from './../features/lib/data/image.js';
-      const { Core, util } = window.iDraw;
+      const Core = window.iDrawCore;
+      const uitl = window.iDrawUtil;
      data.elements.forEach((elem, i) => {
        elem.uuid = `aaaaaaaa-aaaa-aaaa-aaaa-aa000000000${i}`;
      });
--- a/packages/idraw/examples/lib/main.js
+++ b/packages/idraw/examples/lib/main.js
@ -4,7 +4,7 @@ import { doScroll } from './scroll.js';
 import { doElemens } from './element.js';
 import { doAction } from './action.js'

-const { IDraw } = window.iDraw;
+const iDraw = window.iDraw;
 const mount = document.querySelector('#mount');

 const defaultConf = {
@ -12,7 +12,7 @@ const defaultConf = {
  scrollX: 0,
  scrollY: 0,
 }
-const idraw = new IDraw(mount, {
+const idraw = new iDraw(mount, {
  width: 600,
  height: 400,
  contextWidth: 600,
--- a/scripts/config.js
+++ b/scripts/config.js
@ -1,19 +1,19 @@
 const packages = [
  {
    dirName: 'util',
-    globalName: 'iDraw.util',
+    globalName: 'iDrawUtil',
  },
  {
    dirName: 'board',
-    globalName: 'iDraw.Board',
+    globalName: 'iDrawBoard',
  },
  {
    dirName: 'core',
-    globalName: 'iDraw.Core',
+    globalName: 'iDrawCore',
  },
  {
    dirName: 'idraw',
-    globalName: 'iDraw.IDraw',
+    globalName: 'iDraw',
  },
 ];