wenay-react2 1.0.1

package/lib/common/src/components/Modal/Modal.js

@@ -0,0 +1,104 @@
+import { jsx as _jsx_1 } from "react/jsx-runtime";
+import { InputPageModal } from "../Input";
+import { renderBy, updateBy } from "../../../updateBy";
+export function inputModal({ setModalJSX, func, name, txt }) {
+    setModalJSX(_jsx_1(InputPageModal, { callback: txt => {
+            func(txt);
+            setModalJSX(null);
+        }, outClick: () => setModalJSX(null), name: name ?? "name", txt: txt }));
+}
+export function confirmModal({ setModalJSX, func }) {
+    setModalJSX(_jsx_1(InputPageModal, { callback: txt => {
+            if (txt == "111")
+                func();
+            setModalJSX(null);
+        }, outClick: () => setModalJSX(null), name: "password 111" }));
+}
+export function GetModalJSX() {
+    const data = (() => {
+        let _jsx = null;
+        let _jsxArr = [];
+        let key = 0;
+        const check = (jsx) => _jsxArr.findIndex(e => e.jsx == jsx);
+        return {
+            set(jsx) {
+                _jsx = jsx;
+                renderBy(data);
+            },
+            set JSX(jsx) {
+                _jsx = jsx;
+                renderBy(data);
+            },
+            get JSX() { return _jsx; },
+            Render() {
+                updateBy(data);
+                return _jsx;
+            },
+            addJSX(jsx) {
+                const c = check(jsx);
+                if (c == -1) {
+                    _jsxArr.push({ jsx, key: key++ });
+                    renderBy(data);
+                }
+                return jsx;
+            },
+            dellBy(jsx) {
+                const c = check(jsx);
+                if (c != -1) {
+                    _jsxArr.splice(c, 1);
+                    renderBy(data);
+                }
+            },
+            get arrJSX() { return _jsxArr.map(e => _jsx_1("div", { children: e.jsx }, e.key)); },
+            RenderArr() {
+                updateBy(data);
+                return _jsxArr.map(e => _jsx_1("div", { children: e.jsx }, e.key));
+            }
+        };
+    })();
+    return data;
+}
+export function GetModalFuncJSX() {
+    const data = (() => {
+        let _jsx = null;
+        let _jsxArr = [];
+        let key = 0;
+        const check = (jsx) => _jsxArr.findIndex(e => e.jsx == jsx);
+        return {
+            set(jsx) {
+                _jsx = jsx;
+                renderBy(data);
+            },
+            set JSX(jsx) {
+                _jsx = jsx;
+                renderBy(data);
+            },
+            get JSX() { return _jsx; },
+            Render() {
+                updateBy(data);
+                return _jsx ? _jsx() : null;
+            },
+            addJSX(jsx) {
+                const c = check(jsx);
+                if (c == -1) {
+                    _jsxArr.push({ jsx, key: key++ });
+                    renderBy(data);
+                }
+                return jsx;
+            },
+            dellBy(jsx) {
+                const c = check(jsx);
+                if (c != -1) {
+                    _jsxArr.splice(c, 1);
+                    renderBy(data);
+                }
+            },
+            get arrJSX() { return _jsxArr.map(e => e.jsx && _jsx_1("div", { children: e.jsx() }, e.key)); },
+            RenderArr() {
+                updateBy(data);
+                return _jsxArr.map(e => e.jsx && _jsx_1("div", { children: e.jsx() }, e.key));
+            }
+        };
+    })();
+    return data;
+}

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

@@ -0,0 +1,2 @@
+export * from './Modal';
+export * from './LeftModal';

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

@@ -0,0 +1,2 @@
+export * from './Modal';
+export * from './LeftModal';

package/lib/common/src/components/MyResizeObserver.d.ts

@@ -0,0 +1,10 @@
+export type ObserveID = {
+    readonly [Symbol.species]: ObserveID;
+};
+export declare class CResizeObserver {
+    #private;
+    add(element: Element, onResize: () => void): ObserveID;
+    delete(id: ObserveID): void;
+}
+export declare function setResizeableElement(el: HTMLElement): HTMLElement | undefined;
+export declare function removeResizeableElement(el: HTMLElement): void;

package/lib/common/src/components/MyResizeObserver.js

@@ -0,0 +1,94 @@
+// Класс для отслеживания изменения размеров элементов
+export class CResizeObserver {
+    #idMap = new WeakMap();
+    #funcMap = new WeakMap();
+    #observer = typeof ResizeObserver !== "undefined"
+        ? new ResizeObserver((entries) => {
+            for (let entry of entries) {
+                let functions = this.#funcMap.get(entry.target);
+                if (functions)
+                    for (let func of functions)
+                        func();
+            }
+        })
+        : null;
+    add(element, onResize) {
+        let functions = this.#funcMap.get(element);
+        if (!functions) {
+            this.#funcMap.set(element, functions = []);
+            this.#observer?.observe(element);
+        }
+        functions.push(onResize);
+        let id = new class {
+            [Symbol.species] = this; //{} as ObserveID
+        }();
+        this.#idMap.set(id, { element, func: onResize });
+        return id;
+    }
+    delete(id) {
+        let data = this.#idMap.get(id);
+        if (!data)
+            return;
+        this.#idMap.delete(id);
+        let el = data.element;
+        let functions = this.#funcMap.get(el);
+        let i = functions.indexOf(data.func);
+        if (i >= 0)
+            functions.splice(i, 1);
+        if (functions.length == 0) {
+            this.#funcMap.delete(el);
+            this.#observer?.unobserve(el);
+        }
+    }
+}
+const global_resizeObserver = new CResizeObserver();
+const resizeableElementMap = new WeakMap();
+// Задаём автоматическое изменение размеров элемента в зависимости от размеров родительского элемента
+//
+export function setResizeableElement(el) {
+    const parent = el.parentElement;
+    if (!parent)
+        return;
+    const parentParent = parent.parentElement; // на один уровень выше
+    if (!parentParent)
+        return;
+    const lastEl = parent.lastElementChild;
+    if (!lastEl)
+        return;
+    let defaultWidth;
+    const existing = resizeableElementMap.get(el);
+    if (existing)
+        global_resizeObserver.delete(existing);
+    const observerId = global_resizeObserver.add(parentParent, () => {
+        let lastRangeDelta = 0;
+        let i = 0;
+        //console.log("###",el.style.width, el.clientWidth);
+        for (let width = el.clientWidth;;) { //} width>=20;  width--) {
+            let rangeDelta = Math.floor(lastEl.getBoundingClientRect().right - parentParent.getBoundingClientRect().right - 0);
+            if (rangeDelta == 0)
+                break;
+            if (lastRangeDelta && rangeDelta * lastRangeDelta < 0)
+                break;
+            lastRangeDelta = rangeDelta;
+            if (rangeDelta > 0)
+                width--;
+            else
+                width++;
+            defaultWidth ??= el.clientWidth;
+            if (width < 10 || width > defaultWidth)
+                break;
+            el.style.width = width + "px";
+            //console.log(i+": "+numEl.getBoundingClientRect().right,"<", parentParent.getBoundingClientRect().right, rangeEl.clientWidth); //numEl.clientLeft, numEl.clientWidth);
+            i++;
+        }
+    });
+    resizeableElementMap.set(el, observerId);
+    return el;
+}
+export function removeResizeableElement(el) {
+    const id = resizeableElementMap.get(el);
+    if (!id)
+        return;
+    global_resizeObserver.delete(id);
+    resizeableElementMap.delete(el);
+}

package/lib/common/src/components/Other.d.ts

@@ -0,0 +1,9 @@
+import { Params } from "wenay-common2";
+export declare function EditParams2<TParams extends Params.IParamsExpandableReadonly = Params.IParamsExpandableReadonly>({ onSave, params: paramsDef }: {
+    params: () => Promise<TParams>;
+    onSave?: (params: TParams) => any;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function EditParams3<TParams extends Params.IParamsExpandableReadonly = Params.IParamsExpandableReadonly>({ onSave, params: paramsDef }: {
+    params: () => Promise<TParams[]>;
+    onSave?: (params: TParams[]) => any;
+}): import("react/jsx-runtime").JSX.Element;

package/lib/common/src/components/Other.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from "react";
+import { ParametersReact } from "./ParametersEngine";
+export function EditParams2({ onSave, params: paramsDef }) {
+    useEffect(() => {
+        paramsDef().then(e => {
+            setParamsD(e);
+        });
+    }, [true]);
+    const [paramsD, setParamsD] = useState(null);
+    const params = useRef(null);
+    return _jsxs("div", { className: "maxSize", children: [paramsD && _jsx(ParametersReact, { params: paramsD, onChange: e => params.current = e }), onSave && _jsx("div", { className: "msTradeActive msTradeAlt", onClick: async () => {
+                    const t = params.current || paramsD;
+                    if (t)
+                        onSave?.(t);
+                }, children: "save" })] });
+}
+export function EditParams3({ onSave, params: paramsDef }) {
+    useEffect(() => {
+        paramsDef().then(e => {
+            setParams(e);
+        });
+    }, [true]);
+    const [params, setParams] = useState(null);
+    return _jsxs("div", { className: "maxSize", children: [params && params.map((z, i) => _jsx(ParametersReact, { params: z, onChange: e => {
+                    params[i] = z;
+                    setParams(params);
+                } }, i)), onSave && _jsx("div", { className: "msTradeActive msTradeAlt", onClick: async () => {
+                    params && onSave?.(params);
+                }, children: "save" })] });
+}

package/lib/common/src/components/Parameters.d.ts

@@ -0,0 +1,10 @@
+import React, { ReactElement } from "react";
+export declare function FButton(name: string | ReactElement): import("react/jsx-runtime").JSX.Element;
+export declare function FNameButton(type: boolean, name: string | ReactElement): import("react/jsx-runtime").JSX.Element;
+export declare function CParameter(props: {
+    name: ReactElement | string;
+    children?: React.ReactNode | readonly React.ReactNode[];
+    style?: React.CSSProperties | undefined;
+    enabled?: boolean;
+    commentary?: string[];
+}): import("react/jsx-runtime").JSX.Element;

package/lib/common/src/components/Parameters.js

@@ -0,0 +1,24 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import React from "react";
+//вид кнопки
+export function FButton(name) {
+    return _jsxs("div", { className: "", style: { width: "100%" }, children: [" ", name] });
+}
+//стрелка для кнопки
+export function FNameButton(type, name) { return FButton(_jsx("p", { className: "toPTextIndicator", children: (type ? "▼ " : "▶ ") + name })); }
+export function CParameter(props) {
+    const [hovered, setHovered] = React.useState(false); // Состояние для отслеживания наведения мышки
+    return (_jsxs("div", { className: "toLine LeftMenuParameters toIndicatorMenuButton", style: { position: "relative" }, children: [_jsx("div", { className: "toLine", style: { width: "auto", ...props.style }, onMouseEnter: () => setHovered(true), onMouseLeave: () => setHovered(false), children: props.name }), _jsx("div", { className: "toLine toRight", style: props.enabled === false ? { opacity: 0.5 } : {}, children: props.children }), hovered && props.commentary?.length && (_jsx("div", { className: "commentary", style: {
+                    marginTop: "5px",
+                    fontSize: "12px",
+                    color: "gray",
+                    position: "absolute", // Можно сделать абсолютно спозиционированным
+                    bottom: "-20px", // Сдвигаем вниз, чтобы не перекрывать основной контент
+                    left: "0",
+                    backgroundColor: "white", // Чтобы выделялось на фоне
+                    padding: "2px 4px",
+                    border: "1px solid lightgray",
+                    borderRadius: "4px",
+                    zIndex: 10,
+                }, children: props.commentary.join("\n") }))] }));
+}

package/lib/common/src/components/ParametersEngine.d.ts

@@ -0,0 +1,8 @@
+import { Params } from "wenay-common2";
+export declare function ParametersReact<TParams extends Params.IParamsExpandableReadonly = Params.IParamsExpandableReadonly>(data: {
+    params: TParams;
+    expandStatus?: boolean;
+    expandStatusLvl?: number;
+    onChange: (params: TParams) => void;
+    onExpand?: (params: TParams) => void;
+}): import("react/jsx-runtime").JSX.Element;