wenay-react2 1.0.1

package/lib/common/api.d.ts

@@ -0,0 +1,17 @@
+import "../style/menuRight.css";
+import "../style/style.css";
+export * from "./src/components";
+export * from "./src/hooks";
+export * from "./src/styles";
+export * from "./src/utils";
+export * from "./src/menu/menu";
+export * from "./src/menu/menuMouse";
+export * from "./src/menu/menuR";
+export * from "./src/logs/logs";
+export * from "./src/logs/logs3";
+export * from "./src/logs/miniLogs";
+export * from "./src/myChart/1/myChart";
+export * from "./src/myChart/1/myChartTest";
+export * from "./src/myChart/chartEngine/chartEngineReact";
+export * from "./updateBy";
+export declare function test(): number;

package/lib/common/api.js

@@ -0,0 +1,24 @@
+// ... existing code ...
+import "../style/menuRight.css";
+import "../style/style.css";
+// Папки с index.ts
+export * from "./src/components";
+export * from "./src/hooks";
+export * from "./src/styles";
+export * from "./src/utils";
+// Папки без index.ts, экспортируем каждый файл отдельно
+export * from "./src/menu/menu";
+export * from "./src/menu/menuMouse";
+export * from "./src/menu/menuR";
+export * from "./src/logs/logs";
+export * from "./src/logs/logs3";
+export * from "./src/logs/miniLogs";
+export * from "./src/myChart/1/myChart";
+export * from "./src/myChart/1/myChartTest";
+export * from "./src/myChart/chartEngine/chartEngineReact";
+// Файлы в корне src/common
+export * from "./updateBy";
+export function test() {
+    return 5;
+}
+// ... existing code ...

package/lib/common/src/components/Buttons/MiniButton.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+export declare function MiniButton({ name, arr, get, onClick, style }: {
+    name: string;
+    arr: (string | number)[];
+    get: () => {
+        [k: string]: boolean;
+    };
+    onClick: (index: number) => void;
+    style?: React.CSSProperties | undefined;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function MiniButton2({ name, children, statusDef, className }: {
+    name: string;
+    statusDef?: boolean;
+    children: React.ReactElement | (() => React.ReactElement);
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare const MiniButton3: typeof MiniButton2;

package/lib/common/src/components/Buttons/MiniButton.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { Button } from "../../hooks";
+export function MiniButton({ name, arr, get, onClick, style }) {
+    const data = get();
+    const a = Object.values(data);
+    const status = a.length > 0 && !(a.indexOf(false) >= 0);
+    return _jsx(Button, { style: style, className: "newButtonSimple", button: (e) => _jsx("div", { className: status ? "msTradeAlt msTradeActive" : "msTradeAlt", children: name }), children: _jsx(_Fragment, { children: _jsx("div", { className: "maxSize", style: { height: "auto", display: "flex", flexWrap: "wrap" }, children: arr.map((k, i) => _jsx("div", { className: data[k] ? 'msTradeAlt msTradeActive' : 'msTradeAlt', onClick: () => {
+                        const t = data;
+                        t[k] = !(t[k] ?? false);
+                        onClick(i);
+                    }, children: k }, i)) }) }) });
+}
+export function MiniButton2({ name, children, statusDef, className = "newButtonSimple" }) {
+    const content = typeof children === 'function' ? children() : children;
+    return _jsx(Button, { className: className, statusDef: statusDef, button: (e) => _jsx("div", { className: e ? "msTradeAlt msTradeActive" : "msTradeAlt", children: name }), children: content });
+}
+// Deprecated: Use MiniButton2 instead
+export const MiniButton3 = MiniButton2;

package/lib/common/src/components/Buttons/index.d.ts

@@ -0,0 +1 @@
+export * from './MiniButton';

package/lib/common/src/components/Buttons/index.js

@@ -0,0 +1 @@
+export * from './MiniButton';

package/lib/common/src/components/Dnd/DraggableOutlineDiv.d.ts

@@ -0,0 +1 @@
+export declare function DraggableOutlineDiv(): import("react/jsx-runtime").JSX.Element;

package/lib/common/src/components/Dnd/DraggableOutlineDiv.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useRef, useState } from "react";
+const ANIMATION_DURATION = 500; // длительность анимации в мс
+export function DraggableOutlineDiv() {
+    const [isDragging, setIsDragging] = useState(false);
+    const [animationFinished, setAnimationFinished] = useState(false);
+    const timerRef = useRef(null);
+    const handleMouseDown = (e) => {
+        // Проверяем, что нажата именно левая кнопка мыши
+        if (e.button !== 0)
+            return;
+        setIsDragging(true);
+        setAnimationFinished(false);
+        // Запускаем анимацию - по истечении времени флаг animationFinished становится true
+        timerRef.current = window.setTimeout(() => {
+            setAnimationFinished(true); // Анимация завершена – обводка остается
+            timerRef.current = null;
+        }, ANIMATION_DURATION);
+    };
+    const handleMouseUp = () => {
+        setIsDragging(false);
+        setAnimationFinished(false);
+        // Если анимация еще не завершилась, отменяем таймер и убираем обводку
+        if (timerRef.current) {
+            window.clearTimeout(timerRef.current);
+            timerRef.current = null;
+        }
+    };
+    return (_jsx("div", { className: `draggable-div ${isDragging ? 'outline-animation' : ''} ${animationFinished ? 'outline-complete' : ''}`, onMouseDown: handleMouseDown, onMouseUp: handleMouseUp, onMouseLeave: handleMouseUp, children: "\u0421\u043E\u0434\u0435\u0440\u0436\u0438\u043C\u043E\u0435 \u0434\u0438\u0432\u0430" }));
+}
+;

package/lib/common/src/components/Dnd/RNDFunc.d.ts

@@ -0,0 +1,13 @@
+export declare function Drag2({ children, onY, onX, x, y, last, onStart, onStop, }: {
+    children: React.JSX.Element;
+    onX?: (x: number) => void;
+    onY?: (y: number) => void;
+    x?: number;
+    y?: number;
+    last?: React.RefObject<{
+        x: number;
+        y: number;
+    }>;
+    onStart?: () => void;
+    onStop?: () => void;
+}): import("react/jsx-runtime").JSX.Element;

package/lib/common/src/components/Dnd/RNDFunc.js

@@ -0,0 +1,111 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
+//
+export function Drag2({ children, onY, onX, x = 0, y = 0, last, onStart, onStop, }) {
+    const lastC = useRef(null);
+    const lastT = useRef(null);
+    const [a, setA] = useState(false);
+    const [b, setB] = useState(false);
+    const lastD = useRef(last?.current ?? { y: x, x: y });
+    // Обновляем значения `lastD` при изменении `x` или `y`
+    useLayoutEffect(() => {
+        lastD.current.x = x;
+        lastD.current.y = y;
+    }, [x, y]);
+    // Основная логика обработки событий перемещения
+    useEffect(() => {
+        if (!(a || b)) {
+            onStop?.();
+            return;
+        }
+        if (a) {
+            const handleMouseMove = (e) => {
+                if (!lastC.current) {
+                    lastC.current = { x: e.clientX, y: e.clientY };
+                }
+                const data = lastC.current;
+                // Вычисляем и обновляем координаты
+                lastD.current.x = e.clientX + data.x;
+                lastD.current.y = e.clientY + data.y;
+                onX?.(lastD.current.x);
+                onY?.(lastD.current.y);
+                e.stopPropagation();
+            };
+            const handleMouseUp = () => {
+                document.body.removeEventListener("mousemove", handleMouseMove);
+                document.body.removeEventListener("mouseup", handleMouseUp);
+                lastC.current = null;
+                setA(false);
+            };
+            document.body.addEventListener("mousemove", handleMouseMove);
+            document.body.addEventListener("mouseup", handleMouseUp);
+            onStart?.();
+            return () => {
+                document.body.removeEventListener("mousemove", handleMouseMove);
+                document.body.removeEventListener("mouseup", handleMouseUp);
+            };
+        }
+        if (b) {
+            const handleTouchMove = (e) => {
+                const data = lastT.current;
+                if (!data)
+                    return;
+                const touch = Array.from(e.changedTouches).find((t) => t.identifier === data.id);
+                if (!touch)
+                    return;
+                // Вычисляем и обновляем координаты
+                lastD.current.x = touch.clientX + data.x;
+                lastD.current.y = touch.clientY + data.y;
+                onX?.(lastD.current.x);
+                onY?.(lastD.current.y);
+                e.stopPropagation();
+            };
+            const handleTouchEnd = (e) => {
+                const data = lastT.current;
+                if (data) {
+                    const touch = Array.from(e.changedTouches).find((t) => t.identifier === data.id);
+                    if (touch) {
+                        lastT.current = null;
+                    }
+                }
+                if (!lastT.current) {
+                    document.body.removeEventListener("touchmove", handleTouchMove);
+                    document.body.removeEventListener("touchend", handleTouchEnd);
+                    setB(false);
+                }
+            };
+            document.body.addEventListener("touchmove", handleTouchMove);
+            document.body.addEventListener("touchend", handleTouchEnd);
+            onStart?.();
+            return () => {
+                document.body.removeEventListener("touchmove", handleTouchMove);
+                document.body.removeEventListener("touchend", handleTouchEnd);
+            };
+        }
+    }, [a, b, onX, onY, onStart, onStop]);
+    // Создаем элемент для перемещения
+    return useMemo(() => (_jsx("div", { style: {
+            width: "auto",
+            height: "auto",
+        }, onTouchStart: (e) => {
+            const touch = e.changedTouches[0];
+            if (touch) {
+                lastD.current.x = x;
+                lastD.current.y = y;
+                lastT.current = {
+                    x: lastD.current.x - touch.clientX,
+                    y: lastD.current.y - touch.clientY,
+                    id: touch.identifier,
+                };
+            }
+            setB(true);
+        }, onMouseDown: (e) => {
+            lastD.current.x = x;
+            lastD.current.y = y;
+            lastC.current = {
+                x: lastD.current.x - e.clientX,
+                y: lastD.current.y - e.clientY,
+            };
+            setA(true);
+        }, children: children })), [children, x, y]);
+}

package/lib/common/src/components/Dnd/RNDFunc3.d.ts

@@ -0,0 +1,81 @@
+import React, { ReactNode } from "react";
+type tPosition = {
+    x: number;
+    y: number;
+};
+type tSize = {
+    height: number | string;
+    width: number | string;
+};
+type tRND = {
+    position: tPosition;
+    size: tSize;
+};
+type tDivRndBase = {
+    zIndex?: number;
+    disableDragging?: () => boolean;
+    keyForSave?: string;
+    onUpdate?: (data: any) => void;
+    position?: tPosition;
+    size?: tSize;
+    moveOnlyHeader?: boolean;
+    onCLickClose?: () => void;
+    header?: React.ReactElement | boolean;
+    overflow?: boolean;
+    sizeByWindow?: boolean;
+    limit?: {
+        x?: {
+            max?: number;
+            min?: number;
+        };
+        y?: {
+            max?: number;
+            min?: number;
+        };
+    };
+    children: React.ReactElement | ((update: number) => React.ReactElement);
+    className?: string;
+};
+export declare const ExRNDMap3: Map<string, tRND>;
+export declare const DivRnd3: typeof DivRndBase3;
+/**
+ * Компонент-обёртка над react-rnd.
+ * Обеспечивает перетаскивание и изменение размеров, опциональный заголовок и кнопку закрытия.
+ */
+export declare function DivRndBase3({ children, keyForSave: ks, position, size, overflow, zIndex, onUpdate, disableDragging, className, header, moveOnlyHeader, limit, onCLickClose, sizeByWindow }: tDivRndBase): import("react/jsx-runtime").JSX.Element;
+export type Drag2Props = {
+    /** Элемент-«ребёнок», который хотим сделать перетаскиваемым */
+    children: ReactNode;
+    /** Коллбек при изменении координаты X */
+    onX?: (val: number) => void;
+    /** Коллбек при изменении координаты Y */
+    onY?: (val: number) => void;
+    /** Начальное (или контролируемое) значение X */
+    x?: number;
+    /** Начальное (или контролируемое) значение Y */
+    y?: number;
+    /** вести отчет с правого края*/
+    right?: boolean;
+    /**
+     * Внешний ref для хранения координат.
+     * Если передан, компонент будет обновлять ref при каждом движении.
+     */
+    last?: React.RefObject<{
+        x: number;
+        y: number;
+    }>;
+    /** Вызывается при начале перетаскивания (мышь или touch) */
+    onStart?: () => void;
+    /** Вызывается при окончании перетаскивания (мышь и touch) */
+    onStop?: () => void;
+    dragging?: boolean;
+};
+/**
+ * Компонент-обёртка, позволяющий перетаскивать вложенный элемент
+ * как мышью, так и касаниями (touch).
+ *
+ * Функция исключительно как хук на изменения параметров при движении - хоть и имеет свой компонент (для отсчета)
+ * возвращает пройденное расстояние при перемещении дочернего элемента
+ */
+export declare function Drag22({ children, onX, onY, x, y, right, last, dragging, onStart, onStop }: Drag2Props): import("react/jsx-runtime").JSX.Element;
+export {};