@operato/scene-manufacturing 1.3.0

package/CHANGELOG.md

@@ -0,0 +1,11 @@
+# Change Log
+
+All notable changes to this project will be documented in this file.
+See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+## [1.3.0](https://github.com/things-scene/operato-scene/compare/v1.2.91...v1.3.0) (2023-11-30)
+
+
+### :rocket: New Features
+
+* add manufacturing module ([55cdb2d](https://github.com/things-scene/operato-scene/commit/55cdb2d13018c71cdf825efba0647757bd79e3ee))

package/README.md

@@ -0,0 +1,13 @@
+## build
+
+`$ yarn build`
+
+| type | filename                                   | for            | tested |
+| ---- | ------------------------------------------ | -------------- | ------ |
+| UMD  | things-scene-scene-manufacturing.js    | modern browser | O      |
+| UMD  | things-scene-scene-manufacturing-ie.js | ie 11          | O      |
+| ESM  | things-scene-scene-manufacturing.mjs   | modern browser | O      |
+
+## publish
+
+`$ yarn publish`

package/dist/editors/index.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=index.js.map

package/dist/editors/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/editors/index.ts"],"names":[],"mappings":"","sourcesContent":[""]}

package/dist/groups/index.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=index.js.map

package/dist/groups/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/groups/index.ts"],"names":[],"mappings":"","sourcesContent":[""]}

package/dist/index.d.ts

@@ -0,0 +1 @@
+export { default as TactTimer } from './tact-timer';

package/dist/index.js

@@ -0,0 +1,2 @@
+export { default as TactTimer } from './tact-timer';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,cAAc,CAAA","sourcesContent":["export { default as TactTimer } from './tact-timer'\n"]}

package/dist/libs/format.d.ts

@@ -0,0 +1,7 @@
+/**
+ * 시간 표시 포맷을 맞추는 함수
+ *
+ * @param {Number} seconds seconds
+ * @param {string} timeFormat hh:mm:ss
+ */
+export default function formatTime(seconds?: number, timeFormat?: string): string;

package/dist/libs/format.js

@@ -0,0 +1,42 @@
+/**
+ * 문자열 길이를 늘려주는 함수
+ *
+ * @param {String} i
+ * @param {Number} len
+ */
+function ii(i, len) {
+    var s = i;
+    len = len || 2;
+    while (s.length < len)
+        s = '0' + s;
+    return s;
+}
+/**
+ * 시간 표시 포맷을 맞추는 함수
+ *
+ * @param {Number} seconds seconds
+ * @param {string} timeFormat hh:mm:ss
+ */
+export default function formatTime(seconds = 0, timeFormat = '') {
+    var h = 0, m = 0, s = 0;
+    var formatted = '';
+    h = Math.floor(seconds / 3600);
+    formatted = timeFormat.replace(/(^|[^\\])hh+/g, '$1' + ii(h.toString()));
+    formatted = formatted.replace(/(^|[^\\])h/g, '$1' + h);
+    if (timeFormat !== formatted) {
+        timeFormat = formatted;
+        seconds %= 3600;
+    }
+    m = Math.floor(seconds / 60);
+    formatted = timeFormat.replace(/(^|[^\\])mm+/g, '$1' + ii(m.toString()));
+    formatted = formatted.replace(/(^|[^\\])m/g, '$1' + m);
+    if (timeFormat !== formatted) {
+        timeFormat = formatted;
+        seconds %= 60;
+    }
+    s = seconds;
+    formatted = timeFormat.replace(/(^|[^\\])ss+/g, '$1' + ii(s.toString()));
+    formatted = formatted.replace(/(^|[^\\])s/g, '$1' + s);
+    return formatted;
+}
+//# sourceMappingURL=format.js.map

package/dist/libs/format.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"format.js","sourceRoot":"","sources":["../../src/libs/format.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,SAAS,EAAE,CAAC,CAAS,EAAE,GAAY;IACjC,IAAI,CAAC,GAAG,CAAC,CAAA;IACT,GAAG,GAAG,GAAG,IAAI,CAAC,CAAA;IACd,OAAO,CAAC,CAAC,MAAM,GAAG,GAAG;QAAE,CAAC,GAAG,GAAG,GAAG,CAAC,CAAA;IAClC,OAAO,CAAC,CAAA;AACV,CAAC;AAED;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,OAAO,GAAG,CAAC,EAAE,UAAU,GAAG,EAAE;IAC7D,IAAI,CAAC,GAAG,CAAC,EACP,CAAC,GAAG,CAAC,EACL,CAAC,GAAG,CAAC,CAAA;IACP,IAAI,SAAS,GAAG,EAAE,CAAA;IAElB,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,CAAA;IAC9B,SAAS,GAAG,UAAU,CAAC,OAAO,CAAC,eAAe,EAAE,IAAI,GAAG,EAAE,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAA;IACxE,SAAS,GAAG,SAAS,CAAC,OAAO,CAAC,aAAa,EAAE,IAAI,GAAG,CAAC,CAAC,CAAA;IACtD,IAAI,UAAU,KAAK,SAAS,EAAE,CAAC;QAC7B,UAAU,GAAG,SAAS,CAAA;QACtB,OAAO,IAAI,IAAI,CAAA;IACjB,CAAC;IAED,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,EAAE,CAAC,CAAA;IAC5B,SAAS,GAAG,UAAU,CAAC,OAAO,CAAC,eAAe,EAAE,IAAI,GAAG,EAAE,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAA;IACxE,SAAS,GAAG,SAAS,CAAC,OAAO,CAAC,aAAa,EAAE,IAAI,GAAG,CAAC,CAAC,CAAA;IACtD,IAAI,UAAU,KAAK,SAAS,EAAE,CAAC;QAC7B,UAAU,GAAG,SAAS,CAAA;QACtB,OAAO,IAAI,EAAE,CAAA;IACf,CAAC;IAED,CAAC,GAAG,OAAO,CAAA;IACX,SAAS,GAAG,UAAU,CAAC,OAAO,CAAC,eAAe,EAAE,IAAI,GAAG,EAAE,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAA;IACxE,SAAS,GAAG,SAAS,CAAC,OAAO,CAAC,aAAa,EAAE,IAAI,GAAG,CAAC,CAAC,CAAA;IAEtD,OAAO,SAAS,CAAA;AAClB,CAAC","sourcesContent":["/**\n * 문자열 길이를 늘려주는 함수\n *\n * @param {String} i\n * @param {Number} len\n */\nfunction ii(i: string, len?: number) {\n  var s = i\n  len = len || 2\n  while (s.length < len) s = '0' + s\n  return s\n}\n\n/**\n * 시간 표시 포맷을 맞추는 함수\n *\n * @param {Number} seconds seconds\n * @param {string} timeFormat hh:mm:ss\n */\nexport default function formatTime(seconds = 0, timeFormat = '') {\n  var h = 0,\n    m = 0,\n    s = 0\n  var formatted = ''\n\n  h = Math.floor(seconds / 3600)\n  formatted = timeFormat.replace(/(^|[^\\\\])hh+/g, '$1' + ii(h.toString()))\n  formatted = formatted.replace(/(^|[^\\\\])h/g, '$1' + h)\n  if (timeFormat !== formatted) {\n    timeFormat = formatted\n    seconds %= 3600\n  }\n\n  m = Math.floor(seconds / 60)\n  formatted = timeFormat.replace(/(^|[^\\\\])mm+/g, '$1' + ii(m.toString()))\n  formatted = formatted.replace(/(^|[^\\\\])m/g, '$1' + m)\n  if (timeFormat !== formatted) {\n    timeFormat = formatted\n    seconds %= 60\n  }\n\n  s = seconds\n  formatted = timeFormat.replace(/(^|[^\\\\])ss+/g, '$1' + ii(s.toString()))\n  formatted = formatted.replace(/(^|[^\\\\])s/g, '$1' + s)\n\n  return formatted\n}\n"]}

package/dist/tact-timer.d.ts

@@ -0,0 +1,16 @@
+import { ComponentNature, Properties, Shape } from '@hatiolab/things-scene';
+declare const TactTimer_base: typeof Shape;
+export default class TactTimer extends TactTimer_base {
+    private _due?;
+    get nature(): ComponentNature;
+    ready(): void;
+    start(): void;
+    onchange(after: Properties): void;
+    counting(): void;
+    render(context: CanvasRenderingContext2D): void;
+    postrender(context: CanvasRenderingContext2D): void;
+    get tactTime(): number;
+    set tactTime(tactTime: number);
+    get countdown(): number;
+}
+export {};

package/dist/tact-timer.js

@@ -0,0 +1,141 @@
+/*
+ * Copyright © HatioLab Inc. All rights reserved.
+ */
+import { Component, RectPath, Shape } from '@hatiolab/things-scene';
+import format from './libs/format';
+const NATURE = {
+    mutable: false,
+    resizable: true,
+    rotatable: true,
+    properties: [
+        {
+            type: 'number',
+            label: 'tact-time',
+            name: 'tactTime',
+            placeholder: 'seconds'
+        },
+        {
+            type: 'string',
+            label: 'format',
+            name: 'format',
+            placeholder: 'hh:mm:ss'
+        },
+        {
+            type: 'select',
+            label: 'progress-direction',
+            name: 'progressDirection',
+            property: {
+                options: ['', 'increase', 'decrease']
+            }
+        },
+        {
+            type: 'color',
+            label: 'increase-progress-color',
+            name: 'increaseProgressColor'
+        },
+        {
+            type: 'color',
+            label: 'decrease-progress-color',
+            name: 'decreaseProgressColor'
+        },
+        {
+            type: 'color',
+            label: 'increase-font-color',
+            name: 'increaseFontColor'
+        },
+        {
+            type: 'color',
+            label: 'decrese-font-color',
+            name: 'decreaseFontColor'
+        },
+        {
+            type: 'boolean',
+            label: 'auto-start',
+            name: 'autoStart'
+        },
+        {
+            type: 'number',
+            label: 'round',
+            name: 'round'
+        }
+    ],
+    'value-property': 'tactTime',
+    help: 'scene/component/manufacturing/tact-timer'
+};
+export default class TactTimer extends RectPath(Shape) {
+    get nature() {
+        return NATURE;
+    }
+    ready() {
+        if (!this.app.isViewMode) {
+            return;
+        }
+        const { autoStart } = this.state;
+        if (autoStart) {
+            this.start();
+        }
+    }
+    start() {
+        this._due = Date.now() + this.tactTime * 1000;
+        this.counting();
+    }
+    onchange(after) {
+        if ('tactTime' in after) {
+            this.start();
+        }
+    }
+    counting() {
+        // @ts-ignore
+        if (this.disposed || this.countdown < -this.tactTime) {
+            return;
+        }
+        requestAnimationFrame(() => {
+            const countdown = this.countdown;
+            const text = format(Math.abs(countdown), this.getState('format'));
+            this.text = text;
+            this.setState('data', this.countdown);
+            setTimeout(() => {
+                this.counting();
+            }, 1000);
+        });
+    }
+    render(context) {
+        var { tactTime, top, left, height, width, round = 0, fontColor, increaseFontColor, decreaseFontColor, increaseProgressColor = 'transparent', decreaseProgressColor = 'transparent' } = this.state;
+        const increase = this.countdown > 0 && this.countdown / tactTime > 0.2;
+        // progress의 색상
+        context.beginPath();
+        context.roundRect(left, top, width, height, round);
+        context.clip();
+        this.drawFill(context);
+        // value의 색상
+        context.beginPath();
+        var progress = Math.abs((this.countdown / tactTime) * 100);
+        if (!isNaN(progress)) {
+            progress = width - (width * progress) / 100;
+            progress = Math.max(Math.min(progress, width), 0);
+            context.rect(left, top, progress, height);
+            context.fillStyle = increase ? increaseProgressColor : decreaseProgressColor;
+            context.fill();
+            context.beginPath();
+        }
+        context.roundRect(left, top, width, height);
+        this.setState('fontColor', (increase ? increaseFontColor : decreaseFontColor) || fontColor);
+    }
+    postrender(context) {
+        this.drawStroke(context);
+        this.drawText(context);
+    }
+    get tactTime() {
+        return Number(this.getState('tactTime') || 0);
+    }
+    set tactTime(tactTime) {
+        this.setState('tactTime', Number(tactTime) || 0);
+    }
+    get countdown() {
+        const due = this._due || 0;
+        const now = Date.now();
+        return Math.round((due - now) / 1000);
+    }
+}
+Component.register('tact-timer', TactTimer);
+//# sourceMappingURL=tact-timer.js.map

package/dist/tact-timer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tact-timer.js","sourceRoot":"","sources":["../src/tact-timer.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport { Component, ComponentNature, Properties, RectPath, Shape } from '@hatiolab/things-scene'\n\nimport format from './libs/format'\n\nconst NATURE: ComponentNature = {\n  mutable: false,\n  resizable: true,\n  rotatable: true,\n  properties: [\n    {\n      type: 'number',\n      label: 'tact-time',\n      name: 'tactTime',\n      placeholder: 'seconds'\n    },\n    {\n      type: 'string',\n      label: 'format',\n      name: 'format',\n      placeholder: 'hh:mm:ss'\n    },\n    {\n      type: 'select',\n      label: 'progress-direction',\n      name: 'progressDirection',\n      property: {\n        options: ['', 'increase', 'decrease']\n      }\n    },\n    {\n      type: 'color',\n      label: 'increase-progress-color',\n      name: 'increaseProgressColor'\n    },\n    {\n      type: 'color',\n      label: 'decrease-progress-color',\n      name: 'decreaseProgressColor'\n    },\n    {\n      type: 'color',\n      label: 'increase-font-color',\n      name: 'increaseFontColor'\n    },\n    {\n      type: 'color',\n      label: 'decrese-font-color',\n      name: 'decreaseFontColor'\n    },\n    {\n      type: 'boolean',\n      label: 'auto-start',\n      name: 'autoStart'\n    },\n    {\n      type: 'number',\n      label: 'round',\n      name: 'round'\n    }\n  ],\n  'value-property': 'tactTime',\n  help: 'scene/component/manufacturing/tact-timer'\n}\n\nexport default class TactTimer extends RectPath(Shape) {\n  private _due?: number\n\n  get nature() {\n    return NATURE\n  }\n\n  ready() {\n    if (!this.app.isViewMode) {\n      return\n    }\n\n    const { autoStart } = this.state\n\n    if (autoStart) {\n      this.start()\n    }\n  }\n\n  start() {\n    this._due = Date.now() + this.tactTime * 1000\n    this.counting()\n  }\n\n  onchange(after: Properties) {\n    if ('tactTime' in after) {\n      this.start()\n    }\n  }\n\n  counting() {\n    // @ts-ignore\n    if (this.disposed || this.countdown < -this.tactTime) {\n      return\n    }\n\n    requestAnimationFrame(() => {\n      const countdown = this.countdown\n\n      const text = format(Math.abs(countdown), this.getState('format'))\n      this.text = text\n\n      this.setState('data', this.countdown)\n\n      setTimeout(() => {\n        this.counting()\n      }, 1000)\n    })\n  }\n\n  render(context: CanvasRenderingContext2D) {\n    var {\n      tactTime,\n      top,\n      left,\n      height,\n      width,\n      round = 0,\n      fontColor,\n      increaseFontColor,\n      decreaseFontColor,\n      increaseProgressColor = 'transparent',\n      decreaseProgressColor = 'transparent'\n    } = this.state\n\n    const increase = this.countdown > 0 && this.countdown / tactTime > 0.2\n\n    // progress의 색상\n    context.beginPath()\n    context.roundRect(left, top, width, height, round)\n    context.clip()\n    this.drawFill(context)\n\n    // value의 색상\n    context.beginPath()\n\n    var progress = Math.abs((this.countdown / tactTime) * 100)\n\n    if (!isNaN(progress)) {\n      progress = width - (width * progress) / 100\n      progress = Math.max(Math.min(progress, width), 0)\n\n      context.rect(left, top, progress, height)\n      context.fillStyle = increase ? increaseProgressColor : decreaseProgressColor\n      context.fill()\n\n      context.beginPath()\n    }\n\n    context.roundRect(left, top, width, height)\n\n    this.setState('fontColor', (increase ? increaseFontColor : decreaseFontColor) || fontColor)\n  }\n\n  postrender(context: CanvasRenderingContext2D) {\n    this.drawStroke(context)\n    this.drawText(context)\n  }\n\n  get tactTime() {\n    return Number(this.getState('tactTime') || 0)\n  }\n\n  set tactTime(tactTime) {\n    this.setState('tactTime', Number(tactTime) || 0)\n  }\n\n  get countdown() {\n    const due = this._due || 0\n    const now = Date.now()\n\n    return Math.round((due - now) / 1000)\n  }\n}\n\nComponent.register('tact-timer', TactTimer)\n"]}

package/dist/templates/index.d.ts

@@ -0,0 +1,17 @@
+declare const _default: {
+    type: string;
+    description: string;
+    group: string;
+    icon: string;
+    model: {
+        type: string;
+        left: number;
+        top: number;
+        width: number;
+        height: number;
+        fontSize: number;
+        lineWidth: number;
+        round: number;
+    };
+}[];
+export default _default;

package/dist/templates/index.js

@@ -0,0 +1,3 @@
+import tactTimer from './tact-timer';
+export default [tactTimer];
+//# sourceMappingURL=index.js.map

package/dist/templates/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/templates/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,cAAc,CAAA;AAEpC,eAAe,CAAC,SAAS,CAAC,CAAA","sourcesContent":["import tactTimer from './tact-timer'\n\nexport default [tactTimer]\n"]}

package/dist/templates/tact-timer.d.ts

@@ -0,0 +1,17 @@
+declare const _default: {
+    type: string;
+    description: string;
+    group: string;
+    icon: string;
+    model: {
+        type: string;
+        left: number;
+        top: number;
+        width: number;
+        height: number;
+        fontSize: number;
+        lineWidth: number;
+        round: number;
+    };
+};
+export default _default;

package/dist/templates/tact-timer.js

@@ -0,0 +1,18 @@
+const icon = new URL('../../icons/tact-timer.png', import.meta.url).href;
+export default {
+    type: 'tact timer',
+    description: 'tact timer',
+    group: 'etc' /* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|IoT|3D|warehouse|form|etc */,
+    icon,
+    model: {
+        type: 'tact-timer',
+        left: 100,
+        top: 100,
+        width: 200,
+        height: 40,
+        fontSize: 80,
+        lineWidth: 1,
+        round: 10
+    }
+};
+//# sourceMappingURL=tact-timer.js.map

package/dist/templates/tact-timer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tact-timer.js","sourceRoot":"","sources":["../../src/templates/tact-timer.ts"],"names":[],"mappings":"AAAA,MAAM,IAAI,GAAG,IAAI,GAAG,CAAC,4BAA4B,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAA;AAExE,eAAe;IACb,IAAI,EAAE,YAAY;IAClB,WAAW,EAAE,YAAY;IACzB,KAAK,EAAE,KAAK,CAAC,gGAAgG;IAC7G,IAAI;IACJ,KAAK,EAAE;QACL,IAAI,EAAE,YAAY;QAClB,IAAI,EAAE,GAAG;QACT,GAAG,EAAE,GAAG;QACR,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,EAAE;QACV,QAAQ,EAAE,EAAE;QACZ,SAAS,EAAE,CAAC;QACZ,KAAK,EAAE,EAAE;KACV;CACF,CAAA","sourcesContent":["const icon = new URL('../../icons/tact-timer.png', import.meta.url).href\n\nexport default {\n  type: 'tact timer',\n  description: 'tact timer',\n  group: 'etc' /* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|IoT|3D|warehouse|form|etc */,\n  icon,\n  model: {\n    type: 'tact-timer',\n    left: 100,\n    top: 100,\n    width: 200,\n    height: 40,\n    fontSize: 80,\n    lineWidth: 1,\n    round: 10\n  }\n}\n"]}

package/helps/scene/component/manufacturing/tact-timer.ja.md

@@ -0,0 +1,34 @@
+# タクトタイマー
+
+「タクトタイマー」は、生産ラインやプロセスで使用される時間管理ツールで、特定の作業や活動に割り当てられた時間、すなわちタクトタイムを設定し管理するために使用されます。このツールはリアルタイムでタクトタイムを計算し、実際に経過した時間をモニタリングし、進捗バーとカウントダウンテキストを表示することで、ユーザーに現在の進行状況を視覚的に表現します。これにより、生産プロセスを効率的に管理し、生産量を最適化するのに役立ちます。
+
+## properties
+
+- tactTime
+  - このコンポーネントの value プロパティ。
+- カウントダウンフォーマット（format）
+  - フォーマット：hh:mm:ss
+  - カウントダウン結果の表示形式
+- progressDirection
+  - プログレスバーの進行方向を設定
+  - increase の場合、increaseProgressColor から始まり、0 を超えた後は decreaseProgressColor に変更される
+  - decrease の場合、decreaseProgressColor から始まり、0 を超えた後は increaseProgressColor に変更される
+- increaseProgressColor
+  - 増加時の進行色
+  - tactTime 設定から tactTime の 20%カウントダウンまでの進行色
+- decreaseProgressColor
+  - 減少時の進行色
+  - tactTime の 20%カウントダウンから-tactTime までの進行色
+- increseFontColor
+  - 増加時のフォント色
+- decreseFontColor
+  - 減少時のフォント色
+- autoStart
+  - カウントダウンを自動的に開始する
+- round
+  - コンポーネントの矩形エリアの 4 つの角の丸い部分の半径サイズ
+
+## data
+
+- tackTime の設定時点からカウントダウンされた現在の値が毎秒設定される。（単位：秒）
+- tactTime の設定値から始まり、0 を過ぎて-tactTime までカウントダウンされる。

package/helps/scene/component/manufacturing/tact-timer.ko.md

@@ -0,0 +1,34 @@
+# Tact Timer
+
+"Tact Timer"는 생산 라인이나 공정에서 사용되는 시간 관리 도구로, 특정 작업이나 활동에 할당된 시간인 Tact time을 설정하고 관리하는 데 사용됩니다. 이 도구는 실시간으로 Tact time을 계산하고 실제 경과 시간을 모니터링하며, 프로그레스 바와 카운트다운 텍스트를 표시하여 사용자에게 현재 진행 상황을 시각적으로 표현합니다. 이를 통해 생산 과정을 효율적으로 관리하고 생산량을 최적화하는 데 도움을 줍니다.
+
+## properties
+
+- tactTime
+  - 이 컴포넌트의 value property 이다.
+- 카운트다운 포맷(format)
+  - format : hh:mm:ss
+  - 카운트다운 결과 표현형식
+- progressDirection
+  - 프로그레스바의 진행 방향 설정
+  - increase인 경우에는 increaseProgressColor로 시작하여, 0를 지난 후부터는 decreaseProgressColor로 변경된다
+  - decrease인 경우에는 decreaseProgressColor로 시작하여, 0를 지난 후부터는 increaseProgressColor로 변경된다
+- increaseProgressColor
+  - 증가시 진행 색상
+  - tackTime 설정시부터 tactTime의 20% 수준 countdown까지의 진행 색상
+- decreaseProgressColor
+  - 감소시 진행 색상
+  - tackTime 20% 수준의 countdown에서부터 -tactTime 까지의 진행 색상
+- increseFontColor
+  - 증가시 폰트 색상
+- decreseFontColor
+  - 감소시 폰트 색상
+- autoStart
+  - 카운트다운을 자동으로 시작한다
+- round
+  - 컴포넌트 사각형영역의 4꼭지점 부분의 둥근 모양의 반지름 크기
+
+## data
+
+- tackTime 설정값 세팅 시점부터 카운트다운된 현재 값이 매초 설정된다.(단위 seconds)
+- tactTime 설정값에서 시작해서 0를 지나서 -tactTime 까지 카운트다운된다.

package/helps/scene/component/manufacturing/tact-timer.md

@@ -0,0 +1,34 @@
+# Tact Timer
+
+"Tact Timer" is a time management tool used in production lines or processes, utilized for setting and managing the time allocated for specific tasks or activities, known as Tact time. This tool calculates Tact time in real-time and monitors the actual elapsed time, visually representing the current progress to the user by displaying a progress bar and countdown text. This helps in efficiently managing the production process and optimizing output.
+
+## Properties
+
+- tactTime
+  - This component's value property.
+- Countdown Format (format)
+  - Format: hh:mm:ss
+  - Display format of the countdown result
+- progressDirection
+  - Sets the progress direction of the progress bar
+  - In case of increase, it starts with increaseProgressColor and changes to decreaseProgressColor after passing 0
+  - In case of decrease, it starts with decreaseProgressColor and changes to increaseProgressColor after passing 0
+- increaseProgressColor
+  - Progress color when increasing
+  - Progress color from setting tactTime to the 20% level countdown of tactTime
+- decreaseProgressColor
+  - Progress color when decreasing
+  - Progress color from the 20% level countdown of tactTime to -tactTime
+- increseFontColor
+  - Font color when increasing
+- decreseFontColor
+  - Font color when decreasing
+- autoStart
+  - Automatically starts the countdown
+- round
+  - Radius size of the rounded corners at the four vertices of the component's rectangular area
+
+## Data
+
+- The current value counted down from the moment of setting the tackTime is set every second. (Unit: seconds)
+- The countdown starts from the tactTime setting value, passing 0 to -tactTime.

package/helps/scene/component/manufacturing/tact-timer.ms.md

@@ -0,0 +1,34 @@
+# Tact Timer
+
+"Tact Timer" ialah alat pengurusan masa yang digunakan dalam barisan pengeluaran atau proses, yang digunakan untuk menetapkan dan mengurus masa yang diperuntukkan untuk tugas atau aktiviti tertentu, iaitu Tact time. Alat ini mengira Tact time secara real-time dan memantau masa yang telah berlalu secara sebenar, dan memaparkan bar kemajuan dan teks kiraan mundur untuk menggambarkan kemajuan semasa kepada pengguna secara visual. Ini membantu dalam mengurus proses pengeluaran dengan cekap dan mengoptimumkan output.
+
+## properties
+
+- tactTime
+  - Harta benda value komponen ini.
+- Format Kiraan Mundur (format)
+  - Format: hh:mm:ss
+  - Format paparan hasil kiraan mundur
+- progressDirection
+  - Menetapkan arah kemajuan bar kemajuan
+  - Jika increase, bermula dengan increaseProgressColor dan bertukar kepada decreaseProgressColor selepas melalui 0
+  - Jika decrease, bermula dengan decreaseProgressColor dan bertukar kepada increaseProgressColor selepas melalui 0
+- increaseProgressColor
+  - Warna kemajuan semasa peningkatan
+  - Warna kemajuan dari penentuan tactTime hingga ke tahap kiraan mundur 20% tactTime
+- decreaseProgressColor
+  - Warna kemajuan semasa pengurangan
+  - Warna kemajuan dari tahap kiraan mundur 20% tactTime hingga ke -tactTime
+- increseFontColor
+  - Warna fon semasa peningkatan
+- decreseFontColor
+  - Warna fon semasa pengurangan
+- autoStart
+  - Memulakan kiraan mundur secara automatik
+- round
+  - Saiz jejari bentuk bulat pada empat penjuru kawasan segi empat komponen
+
+## Data
+
+- Nilai semasa yang dikira mundur dari saat penentuan tackTime ditetapkan setiap saat. (Unit: saat)
+- Kiraan mundur bermula dari nilai penentuan tactTime, melalui 0 ke -tactTime.

package/helps/scene/component/manufacturing/tact-timer.zh.md

@@ -0,0 +1,34 @@
+# Tact Timer
+
+“Tact Timer”是一种用于生产线或流程的时间管理工具，用于设置和管理特定任务或活动分配的时间，即 Tact time。该工具实时计算 Tact time 并监控实际过去的时间，通过显示进度条和倒计时文字，以视觉方式向用户表达当前的进展情况。这有助于有效管理生产过程，优化产量。
+
+## properties
+
+- tactTime
+  - 此组件的 value 属性。
+- 倒计时格式（format）
+  - 格式：hh:mm:ss
+  - 倒计时结果的显示格式
+- progressDirection
+  - 设置进度条的进展方向
+  - 如果是 increase，则从 increaseProgressColor 开始，过了 0 之后变为 decreaseProgressColor
+  - 如果是 decrease，则从 decreaseProgressColor 开始，过了 0 之后变为 increaseProgressColor
+- increaseProgressColor
+  - 增加时的进度颜色
+  - 从 tackTime 设置开始到 tactTime 的 20%倒计时的进度颜色
+- decreaseProgressColor
+  - 减少时的进度颜色
+  - 从 tackTime 的 20%倒计时到-tactTime 的进度颜色
+- increseFontColor
+  - 增加时的字体颜色
+- decreseFontColor
+  - 减少时的字体颜色
+- autoStart
+  - 自动开始倒计时
+- round
+  - 组件矩形区域四个角的圆角半径大小
+
+## data
+
+- 从设置 tackTime 开始，每秒设置当前倒计时的值。（单位：秒）
+- 从 tactTime 设置值开始，倒计时经过 0 到-tactTime。

package/logs/.08636eb59927f12972f6774f5947c8507b3564c2-audit.json

@@ -0,0 +1,25 @@
+{
+    "keep": {
+        "days": true,
+        "amount": 2
+    },
+    "auditLog": "logs/.08636eb59927f12972f6774f5947c8507b3564c2-audit.json",
+    "files": [
+        {
+            "date": 1701358700181,
+            "name": "logs/application-2023-12-01-00.log",
+            "hash": "2cc1d1a511d7defb74d40dc32f202d1badb9f75657b1f558f5b1c1906ad181a4"
+        },
+        {
+            "date": 1701362396909,
+            "name": "logs/application-2023-12-01-01.log",
+            "hash": "ec9b783e656fd52202ccba7f51ac57776964eeb4913ca99395e0c2994b2bc57f"
+        },
+        {
+            "date": 1701365281113,
+            "name": "logs/application-2023-12-01-02.log",
+            "hash": "84c23313bddd79db6dbcca3408f195a8831ee36675cef5c09af71f83a44d29a5"
+        }
+    ],
+    "hashType": "sha256"
+}

package/logs/.5e5d741d8b7784a2fbad65eedc0fd46946aaf6f2-audit.json

@@ -0,0 +1,15 @@
+{
+    "keep": {
+        "days": true,
+        "amount": 14
+    },
+    "auditLog": "logs/.5e5d741d8b7784a2fbad65eedc0fd46946aaf6f2-audit.json",
+    "files": [
+        {
+            "date": 1701358701612,
+            "name": "logs/connections-2023-12-01-00.log",
+            "hash": "173883b0db84bd765d6bc0ded70a54e39dd05e58a72447da2d68717058e3f169"
+        }
+    ],
+    "hashType": "sha256"
+}

package/logs/application-2023-12-01-00.log

@@ -0,0 +1,9 @@
+2023-12-01T00:38:21+09:00 info: File Storage is Ready.
+2023-12-01T00:38:21+09:00 error: oracledb module loading failed
+2023-12-01T00:38:22+09:00 error: oracledb module loading failed
+2023-12-01T00:38:30+09:00 info: File Storage is Ready.
+2023-12-01T00:38:30+09:00 error: oracledb module loading failed
+2023-12-01T00:38:30+09:00 error: oracledb module loading failed
+2023-12-01T00:38:31+09:00 info: Default DataSource established
+2023-12-01T00:38:32+09:00 info: 🚀 Server ready at http://0.0.0.0:3000/graphql
+2023-12-01T00:38:32+09:00 info: 🚀 Subscriptions ready at ws://0.0.0.0:3000/graphql

package/logs/application-2023-12-01-01.log

@@ -0,0 +1,3 @@
+2023-12-01T01:39:56+09:00 error: thumbnail not found
+2023-12-01T01:39:56+09:00 error: thumbnail not found
+2023-12-01T01:39:56+09:00 error: thumbnail not found

package/logs/application-2023-12-01-02.log

@@ -0,0 +1 @@
+2023-12-01T02:28:01+09:00 error: Cannot return null for non-nullable field Query.board.