hayun-vite 0.10.1 → 0.11.1

package/src/{Form/Box.js → MultiText/MultiText.js}

@@ -1,15 +1,18 @@
 import putLine from "../common/putLine.js";
 import putRect from "../common/putRect.js";
+import putSVG from "../common/putSVG.js";
 import putText from "../common/putText.js";
 const svgNS = "http://www.w3.org/2000/svg";
 
-export default class TextBox {
-    constructor({ container }) {
+export default class MultiText {
+    constructor({ container, dims }) {
         this.container = container;
+        this.draw({ dims })
     }
-    draw({ dims, stroke = true }) {
+
+    draw({ dims }) {
         // دریافت اطلاعات مختصات چاپ ورودی ها به جز عادی محاسبه شده 
-        this.inputs = (dims.forceInsert) ? dims.forceInputs : dims.inputs
+        this.inputs = (dims.forceInsert) ? dims.forceInputs : dims.inputs;
 
         let value;
         let width = dims.width;
@@ -19,21 +22,15 @@ export default class TextBox {
 
         let style, className;
         style = `
-        /* font-family: Arial, Helvetica, sans-serif !important; */
+        font-family: Vazir; 
         font-size: 1mm;
+        white-space: break-spaces;
         /* font-weight: bold; */
         direction: rtl !important;
         user-select: none;
-        /* dominant-baseline: middle; /* تراز عمودی*/
+        dominant-baseline: middle;
         `;
-        // بوردر کل چارت
-        const svg = document.createElementNS(svgNS, "svg");
-        svg.setAttribute("x", x);
-        svg.setAttribute("y", y);
-        svg.setAttribute("width", width);
-        svg.setAttribute("height", height);
-        svg.setAttribute('style', style)
-        // svg.setAttribute('class', 'text-box')
+        const svg = putSVG({ x, y, width, height, style })
 
         // اگر مقدار استروک درست بود لیبل ها را چاپ کن
         if (!dims.hideContext) {
@@ -55,28 +52,48 @@ export default class TextBox {
 
         // محل اینپوت‌های دیتا
         let name;
-        this.inputs && this.inputs.forEach(input => {
-            ({ name, x, y } = input);
-            putText({ container: svg, x, y, className: 'persian', name });
-        });
+        this.inputs && this.inputs.
+            forEach(input => {
+                ({ name, x, y } = input);
+                putText({ container: svg, x, y, className: 'persian', name });
+            });
 
         // مربع احاطه‌کننده کل جدول برای راهنمای توسعه
         const borderRect = putRect({
             container: svg, x: 0, y: 0, width, height,
             name: dims.name, className: 'no-print',
-            style: 'stroke: transparent; fill: transparent '
+            style: 'stroke: green; fill: transparent; stroke-width: 0.3;'
         });
-        this.borderRect = borderRect;
-        // console.log(dims);
 
+        this.borderRect = borderRect;
         this.container.appendChild(svg)
-        // this.patient = svg;
-
     }
 
     update(data) {
         this.inputs.forEach(input => {
-            this.container.querySelector(`text[data-name=${input.name}]`).innerHTML = data?.[input.name] || "";
+            let value = data?.[input.name];
+            const textInput = this.container.querySelector(`text[data-name=${input.name}]`)
+
+            // پیدا کردن کاراکترهای رفتن به سرخط در متن
+            const textLines = value.toString().split(/\n|\r|\r\n/);
+            const x = textInput.getAttribute('x')
+            // اگر متن چند خطی بود 
+            if (textLines.length >= 2) {
+                let y = 5;
+                textLines.forEach(value => {
+                    putTspan({ container: textInput, value, x, y });
+                    y += 6;
+                })
+            } else textInput.innerHTML = value || "";
         });
     }
-}
+}
+
+function putTspan({ container, value, x, y = 5, dx = 0, dy = 0, style }) {
+    const tspan = document.createElementNS(svgNS, "tspan");
+    tspan.setAttribute('x', x);
+    tspan.setAttribute('y', y)
+    tspan.textContent = value;
+    container && container.appendChild(tspan)
+    return tspan;
+}

package/src/MultiText/MultiText_N.js

@@ -0,0 +1,37 @@
+export default class MultiText {
+    constructor({ box }) {
+        this.box = box;
+        this.container = box.container;
+        // this.draw({ box })
+
+    }
+
+
+
+
+    draw({ box }) {
+        // همه چیز را توی کانتینر باکس آبجکت رسم کن
+        const { container, elements, width, height } = box
+        console.log(box);
+
+        elements.forEach(element => {
+            const { name, value, x, y, style } = element;
+
+            switch (element.type) {
+                case 'label':
+                    // const { value, x, y, style } = element
+                    putText({ container, value, x, y, style })
+                    break;
+                case 'input':
+                    putText({ container, x, y, style, name });
+
+                    break;
+                default:
+                    break;
+            }
+
+        });
+
+    }
+
+}

package/src/{Form/Reflex_N.js → Reflex/Reflex.js}

@@ -1,12 +1,14 @@
 import putRect from "../common/putRect.js";
 import putSVG from "../common/putSVG.js";
 import putText from "../common/putText.js";
-import putTextBox from "../common/putTextBox.js";
+import putCell from "../common/putCell.js";
+import units from "./units.js";
 
 export default class Reflex {
-    constructor({ container, side }) {
+    constructor({ container, side, dims }) {
         this.container = container;
         this.side = side; // این برای تعیین رنگ راست و چپ استفاده می‌شود
+        this.draw({dims})
     }
 
     draw({ dims }) {
@@ -18,7 +20,18 @@ export default class Reflex {
         let style;
 
         // کل چارت
-        const svg = putSVG({ x, y, width, height, className: 'reflex' })
+        // const svg = putSVG({ x, y, width, height, className: 'reflex' })
+        let { styles, vbWidth, vbHeight } = units;
+        
+        // کل چارت
+        vbHeight = (vbWidth * height) / width // متناسب سازی ارتفاع ویباکس با پهنا و ارتفاع ورودی
+        const viewBox = [0, 0, vbWidth, vbHeight].join(' ');
+        const svg = putSVG({ x, y, width, height, viewBox })
+        // این خط شد دو خط کد طلایی که مشکل سایز فونت در دیسپلی و کاغذ رو حل کرد
+        width = vbWidth; // ثابت می‌ماند همیشه
+        height = vbHeight // با نسبت پهنا و ارتفاع ورودی تغییر میکند 
+
+
 
         let lable = ["", "500", "1000", "2000", "4000"]; // مقادیر برچسب‌های سطر اول
         // جدولی با ۳ سطر و ۵ ستون
@@ -69,7 +82,7 @@ export default class Reflex {
                 let x = cw1 / 2 + cw1 * i;
                 let y = ch1 * j + ch2 / 2;
                 //رسم باکس با مختصات مرکز باکس
-                putTextBox({ container: svg, x, y, dx: 0, dy: -1, w: 13, h: 7, rx: 1 });
+                putCell({ container: svg, x, y, dx: 0, dy: -1, width: 13, height: 7, rx: 1 });
             }
         }
 

package/src/Reflex/units.js

@@ -0,0 +1,65 @@
+const units = {
+    name: 'Acoustic Reflexes',
+    margin: { left: 0, top: 0, }, // در کانتینر دیو این عمل نمیکنه. مگر در کانتینر اس وی جی بذاریم
+
+    // واحد ویوباکس - بدون واحد
+    vbWidth: 100, // برای اینکه ضخامت خطوط تغییری ناهنجار نکند این ثابت میماند 
+    vbHeight: 30, // این به نسبت تغییر می‌کند
+
+    // واحد پیکسل، میلیمتر، ...
+    // اگر واحد پایینی توسط بیرون تغییر کرد واحدهای بالایی باید با نسبت پایینی تغییر کنند
+    width: 100,
+    height: 30,
+
+    styles: {
+        pressure: `
+            user-select: none;
+            direction: ltr !important;
+            font-family: Vazir;
+            font-size: 3;
+            text-anchor: middle; 
+            dominant-baseline: hanging; 
+        `,
+        caption: `
+            user-select: none;
+            direction: ltr !important;
+            font-family: Vazir;
+            font-size: 3;
+            text-anchor: middle; 
+            dominant-baseline: middle; 
+        `,
+        label: `
+            user-select: none;
+            direction: ltr !important;
+            font-family: Vazir;
+            font-size: 1mm;
+            text-anchor: start;
+            dominant-baseline: middle;       
+        `,
+        type: `
+            user-select: none;
+            direction: ltr !important;
+            font-family: Vazir;
+            font-size: 1mm;
+            font-weight: bold;
+            text-anchor: start;
+            dominant-baseline: middle;   
+        `,
+        compliance: `
+            user-select: none;
+            direction: ltr !important;
+            font-family: Vazir;
+            font-size: 0.7mm;
+            text-anchor: end; 
+            dominant-baseline: middle; 
+        `,
+        mainFreqline: `stroke: black; stroke-width: 1;`,
+        semiOctavFreqline: `stroke: black; stroke-width: 1;  stroke-dasharray: 4;`,
+        boldLine: 'stroke: black; stroke-width: 3;',
+
+        juncDashLine: `stroke-width: 1 ; stroke-opacity: 0.8; stroke-dasharray: 4;`,
+        juncLine: `stroke-width: 1; stroke-opacity: 0.8;`,
+    },
+}
+
+export default units;

package/src/{Form/Speech_N.js → Speech/Speech.js}

@@ -1,21 +1,19 @@
-import putTextBox from "../common/putTextBox.js";
+import putCell from "../common/putCell.js";
 import putRect from "../common/putRect.js";
 import putText from "../common/putText.js";
 import putSVG from "../common/putSVG.js";
-import putPoint from "../common/putPoint.js";
-
-
-
-
+import units from "./units.js";
 const svgNS = "http://www.w3.org/2000/svg";
 
 export default class Speech {
-    constructor({ container, side = 'R' }) {
+    constructor({ container, side = 'R', dims }) {
         this.container = container;
         this.side = side;
+        this.draw({dims})
     }
 
-    draw({ dims, stroke = true }) {
+    draw({ dims }) {
+        // console.log(dims);
 
         // دریافت اطلاعات مختصات چاپ ورودی ها به جز عادی محاسبه شده 
         this.inputs = (dims.forceInsert) ? dims.forceInputs : dims.inputs
@@ -24,43 +22,50 @@ export default class Speech {
         let height = dims.height;
         let x = dims.margin.left;
         let y = dims.margin.top;
+        let { styles, vbWidth, vbHeight } = units;
+
+        // کل چارت
+        vbHeight = (vbWidth * height) / width // متناسب سازی ارتفاع ویباکس با پهنا و ارتفاع ورودی
+        const viewBox = [0, 0, vbWidth, vbHeight].join(' ');
+        const svg = putSVG({ x, y, width, height, viewBox })
+        // این خط شد دو خط کد طلایی که مشکل سایز فونت در دیسپلی و کاغذ رو حل کرد
+        width = vbWidth; // ثابت می‌ماند همیشه
+        height = vbHeight // با نسبت پهنا و ارتفاع ورودی تغییر میکند 
+
+
         const labels = dims.labels;
         this.labels = labels;
-        // const cn = labels.length;
-        let sideCaption = this.side === "R" ? "Right" : "Left";
         // یک جدول 6*2  - ۲ سطر و ۶ ستون
         const rows = 2;
-        const column = labels.length;
-
-        const cw = width / column; // پهنای هر خانه
+        const columns = labels.length;
+        const cw = width / columns; // پهنای هر خانه
         const ch = height / rows; // ارتفاع هر خانه
+        // تعریف آبجکتی چارت
+        const chart = {
+            width, height,
+            rows: 2, column: labels.length,
+            cell: { width: 1, height: 1 },
+            calc1: function () {
+                this.cell.width = this.width / this.column
+            }
+        }
 
-        // کل چارت
-        const svg = putSVG({ x, y, width, height, className: 'speach' })
-
+        // ایجاد ماتریکس سلول های چارت که آدرس و مختصات مرکز هر سلول را نگهداری میکند
         const matrix = [
             [],
             []
         ];
 
-        for (let i = 0; i < 2; i++) {
+        for (let i = 0; i < rows; i++) {
             x = cw / 2;
             y = ch / 2 + ch * i;
-            for (let j = 0; j < 5; j++) {
+            for (let j = 0; j < columns; j++) {
                 matrix[i][j] = { i, j, x, y };
                 x += cw;
             }
         }
-        style = `
-            user-select: none;
-            direction: ltr !important;
-            /* text-align: center; */
-            font-family: Arial, Helvetica, sans-serif !important;
-            font-size: 1mm;
-            font-weight: bold;
-            text-anchor: middle; /*تراز افقی*/
-        `;
 
+        style = styles.label;
         // برچسب های سطر اول
         // برای فرم های پیش چاپ شده انجام نمیشود
         !dims.hideContext &&
@@ -69,19 +74,31 @@ export default class Speech {
 
         style += (this.side === 'R') ? 'fill: red;' : 'fill: blue;';
 
+        const inputBox = {
+            width: width / 5 * 0.70, height: height / 2 * 0.85,
+            rx: width / 100
+        }
+        // محاسبه کمان گردی بر اساس مقدار پهنا
+        inputBox.rx = inputBox.width / 10
+
         // باکس و تکست مقادیر
         matrix[1].forEach((cell, index) => {
             // برای فرم های پیش چاپ شده باکس رسم نمیشود
-            !dims.hideContext && putTextBox({ container: svg, x: cell.x, y: cell.y, dy: -1, w: 13, h: 7, rx: 1, });
+            !dims.hideContext &&
+                putCell({
+                    container: svg, x: cell.x, y: cell.y, dy: -1,
+                    width: inputBox.width, height: inputBox.height,
+                    rx: inputBox.rx,
+                });
             // مقدار نگه دارها
             if (!dims.forceInsert) {
-                putText({ container: svg, value: "", x: cell.x, y: cell.y, style: style, name: labels[index] });
+                putText({ container: svg, value: "", x: cell.x, y: cell.y, style, name: labels[index] });
             } else {
                 // برای فرم های مثل رسا استفاده میشود
                 let name;
                 this.inputs.forEach(input => {
                     ({ name, x, y } = input);
-                    putText({ container: svg, x, y, style: style, name });
+                    putText({ container: svg, x, y, style, name });
                 });
             }
         }

package/src/Speech/Speech_N.js

@@ -0,0 +1,125 @@
+import putCell from "../common/putCell.js";
+import putRect from "../common/putRect.js";
+import putText from "../common/putText.js";
+import putSVG from "../common/putSVG.js";
+import units from "./units.js";
+const svgNS = "http://www.w3.org/2000/svg";
+
+export default class Speech {
+    constructor({ box, side = 'R' }) {
+        console.log(box);
+
+        // const { container, width, height, elements } = box
+        // this.container = container;
+        this.side = side;
+        this.draw({ box })
+
+    }
+
+    draw({ box }) {
+        const { container, width, height, margin, elements, name} = box
+
+        // console.log(dims);
+
+        // دریافت اطلاعات مختصات چاپ ورودی ها به جز عادی محاسبه شده 
+        // this.inputs = (dims.forceInsesrt) ? dims.forceInputs : dims.inputs
+        let style;
+        // let width = dims.width;
+        // let height = dims.height;
+        let x = margin.left;
+        let y = margin.top;
+
+        // کل چارت
+        // const svg = putSVG({ x, y, width, height, viewBox: [0, 0, width, height] })
+
+
+
+        const labels = elements;
+        this.labels = labels;
+        let { styles } = units;
+        // یک جدول 6*2  - ۲ سطر و ۶ ستون
+        const rows = 2;
+        const columns = labels.length;
+        const cw = width / columns; // پهنای هر خانه
+        const ch = height / rows; // ارتفاع هر خانه
+        // تعریف آبجکتی چارت
+        const chart = {
+            width, height,
+            rows: 2, column: labels.length,
+            cell: { width: 1, height: 1 },
+            calc1: function () {
+                this.cell.width = this.width / this.column
+            }
+        }
+
+
+        // ایجاد ماتریکس سلول های چارت که آدرس و مختصات مرکز هر سلول را نگهداری میکند
+        const matrix = [
+            [],
+            []
+        ];
+
+        for (let i = 0; i < rows; i++) {
+            x = cw / 2;
+            y = ch / 2 + ch * i;
+            for (let j = 0; j < columns; j++) {
+                matrix[i][j] = { i, j, x, y };
+                x += cw;
+            }
+        }
+
+        style = styles.label;
+
+        // برچسب های سطر اول
+        // برای فرم های پیش چاپ شده انجام نمیشود
+        // !dims.hideContext &&
+        matrix[0].forEach((cell, index) =>
+            putText({ container, value: labels[index], x: cell.x, y: cell.y, dx: 0, dy: 1, style }));
+
+        style += (this.side === 'R') ? 'fill: red;' : 'fill: blue;';
+
+        const inputBox = {
+            width: width / 5 * 0.78, height: height / 2 * 0.85,
+            rx: width / 100
+        }
+        // محاسبه کمان گردی بر اساس مقدار پهنا
+        inputBox.rx = inputBox.width / 10
+
+        // باکس و تکست مقادیر
+        matrix[1].forEach((cell, index) => {
+            // برای فرم های پیش چاپ شده باکس رسم نمیشود
+            // !dims.hideContext &&
+            putCell({
+                container, x: cell.x, y: cell.y, dy: -1,
+                width: inputBox.width, height: inputBox.height,
+                rx: inputBox.rx,
+            });
+            // مقدار نگه دارها
+            // if (!dims.forceInsert) {
+            putText({ container, value: "", x: cell.x, y: cell.y, style, name: labels[index] });
+            // } else {
+            //     // برای فرم های مثل رسا استفاده میشود
+            //     let name;
+            //     this.inputs.forEach(input => {
+            //         ({ name, x, y } = input);
+            //         putText({ container: svg, x, y, style, name });
+            //     });
+            // }
+        }
+        );
+
+
+        // مربع احاطه‌کننده کل جدول برای راهنمای توسعه
+        style = 'fill: transparent; stroke: green; stroke-width: 0.5;';
+        let className = 'no-print'
+        putRect({ container, x: 0, y: 0, width, height, style, name })
+        // this.chart = svg;
+        // container.appendChild(svg);
+    }
+
+    update(data) {
+        this.labels.forEach((label) => {
+            this.chart.querySelector(`text[data-name=${label}]`).innerHTML = data?.[label] || "";
+        })
+    }
+}

package/src/Speech/units.js

@@ -0,0 +1,31 @@
+const units = {
+
+    name: 'Speech',
+    margin: { left: 0, top: 0, }, // در کانتینر دیو این عمل نمیکنه. مگر در کانتینر اس وی جی بذاریم
+    // اگر واحد پایینی توسط بیرون تغییر کرد ارتفاع ویوباکس  باید با نسبت پایینی تغییر کنند
+    width: 100,
+    height: 20,
+    // این فاصله خطوط محورهای بالا و چپ ادیوگرام از لبه ها هست
+    chartPadding: { left: 0, top: 0, right: 0, bottom: 0 },
+    // واحد ویوباکس - بدون واحد
+    vbWidth: 100, // برای اینکه ضخامت خطوط تغییری ناهنجار نکند این ثابت میماند 
+    vbHeight: 20, // این به نسبت تغییر می‌کند
+    // پایینی شکل آبجکت بالایی هست
+    // viewBoxObj: { 'min-x': -0, 'min-y': 0, width: 100, height: 20 },
+    // viewBox: [0, 0, 100, 20],
+    // واحد پیکسل، میلیمتر، ...
+
+
+    styles: {
+        label: `
+            user-select: none;
+            direction: ltr;
+            font-family: Vazir;
+            font-size: ${4.2};
+            font-weight: 700;
+            text-anchor: middle;
+        `,
+    }
+}
+
+export default units