clickgo 6.8.2 → 6.10.0

package/test/form-modal-layer.mjs

@@ -1,75 +0,0 @@
-// Run after Sass compilation: node test/form-modal-layer.mjs
-import assert from 'node:assert/strict';
-import { readFile } from 'node:fs/promises';
-import { JSDOM } from 'jsdom';
-import * as tool from '../dist/lib/tool.js';
-
-const dom = new JSDOM('<!doctype html><html><head></head><body></body></html>');
-for (const name of ['window', 'document', 'Element', 'SVGElement', 'Node', 'HTMLElement']) {
-    globalThis[name] = dom.window[name];
-}
-const { createApp, compile, nextTick } = await import('vue');
-const template = await readFile(new URL('../dist/sources/control/form/layout.html', import.meta.url), 'utf8');
-const formStyle = document.createElement('style');
-formStyle.textContent = await readFile(new URL('../dist/sources/control/form/style.css', import.meta.url), 'utf8');
-document.head.append(formStyle);
-const dockStyle = document.createElement('style');
-dockStyle.textContent = tool.stylePrepend(await readFile(
-    new URL('../dist/sources/control/dock-group/style.css', import.meta.url), 'utf8',
-), 'dock-group_').style;
-document.head.append(dockStyle);
-
-for (const border of ['normal', 'thin', 'plain', 'none']) {
-    const host = document.createElement('div');
-    document.body.append(host);
-    const app = createApp({
-        render: compile(template),
-        data: () => ({
-            border, isNative: false, isNativeNoFrameFirst: false, flashTimer: undefined,
-            stateMinData: false, stateMaxData: false, taskPosition: 'bottom',
-            isShow: true, isInside: false, formFocus: true, widthData: 500,
-            heightData: 400, leftData: 0, topData: 0, zIndex: 1,
-            isMask: false, isResize: false, iconDataUrl: '', title: 'Dock',
-            isMin: false, isMax: false, isClose: false, direction: 'v',
-            isLoading: false, loading: false, loadingComp: false,
-            background: '', padding: '', stepShowData: false, stepData: [],
-            stepDown: () => {}, stepValue: '', stepValues: [],
-        }),
-    });
-    app.component('cg-loading', { render: () => null });
-    app.component('cg-step', { render: () => null });
-    const form = app.mount(host);
-    const wrap = host.querySelector('.wrap');
-    const inner = wrap.querySelector(':scope > .inner');
-    const content = inner.querySelector(':scope > .content');
-    const dock = document.createElement('div');
-    dock.className = 'dock-group_wrap dock-group_collapsed dock-group_floating';
-    dock.innerHTML = '<div class="dock-group_content"><button>Images</button></div>';
-    content.append(dock);
-    const floating = dock.firstElementChild;
-    const button = floating.firstElementChild;
-    assert.equal(dom.window.getComputedStyle(floating).zIndex, '10');
-
-    // --- 模态打开、嵌套模态仍遮罩、关闭后的恢复均不得重建 Dock 内容 ---
-    for (const masked of [true, true, false, true, false]) {
-        form.isMask = masked;
-        await nextTick();
-        const mask = wrap.querySelector(':scope > .mask');
-        assert.equal(Boolean(mask), masked);
-        assert.equal(dock.firstElementChild, floating);
-        assert.equal(floating.firstElementChild, button);
-        assert.equal(dom.window.getComputedStyle(floating).display, 'flex');
-        if (mask) {
-            assert.equal(mask.parentElement, inner.parentElement);
-            assert.equal(dom.window.getComputedStyle(mask).zIndex, '10');
-            // --- 子浮层不能参与遮罩所在层的排序，即使两者 z-index 相同且浮层 DOM 在后 ---
-            assert.equal(dom.window.getComputedStyle(inner).isolation, 'isolate');
-            assert.equal(inner.contains(floating), true);
-            assert.equal(inner.contains(mask), false);
-        }
-    }
-    app.unmount();
-    host.remove();
-}
-dom.window.close();
-console.log('Form modal layer checks passed: Dock floats stay inside the content stacking context for all borders; modal toggles preserve panel content.');

package/test/form-native-regions.mjs

@@ -1,115 +0,0 @@
-// Run after Sass compilation: node test/form-native-regions.mjs (requires an Electron display).
-import assert from 'node:assert/strict';
-import { spawn } from 'node:child_process';
-import { readFile } from 'node:fs/promises';
-import { fileURLToPath } from 'node:url';
-import electron from 'electron';
-import { createSSRApp } from 'vue';
-import { renderToString } from '@vue/server-renderer';
-
-if (!process.versions.electron) {
-    const child = spawn(electron, [fileURLToPath(import.meta.url), '--ozone-platform=x11'], {
-        'env': { ...process.env, 'ELECTRON_DEBUG_DRAGGABLE_REGIONS': '1' },
-        'stdio': ['ignore', 'ignore', 'pipe'],
-    });
-    let output = '';
-    child.stderr.setEncoding('utf8');
-    child.stderr.on('data', chunk => { output += chunk; });
-    const timeout = setTimeout(() => child.kill(), 20000);
-    const code = await new Promise((resolve, reject) => {
-        child.on('error', reject);
-        child.on('exit', resolve);
-    });
-    clearTimeout(timeout);
-    assert.equal(code, 0, output);
-    let region;
-    const cases = new Map();
-    for (const line of output.split('\n')) {
-        const update = /hit-test region computed in .*?: (\d+) rect\(s\), bounds (\S+ \S+)/.exec(line);
-        if (update) {
-            region = { 'rects': Number(update[1]), 'bounds': update[2] };
-        }
-        const completed = /CASE-END (\S+)/.exec(line);
-        if (completed) {
-            assert.ok(region, 'Electron must report an actual native drag region');
-            cases.set(completed[1], region);
-        }
-    }
-    assert.equal(cases.size, 8, output);
-    assert.ok(cases.get('baseline').rects > 0);
-    for (const name of ['bottom', 'hidden', 'minimized', 'bottom-restored', 'nested', 'closed']) {
-        assert.deepEqual(cases.get(name), cases.get('baseline'), `${name} must preserve the native title drag region`);
-    }
-    assert.equal(cases.get('foreground').rects, 0, `an overlapping foreground Form must still block native dragging\n${output}`);
-    console.log('Electron native drag regions passed: bottomMost, hidden, minimized, nested, foreground and close.');
-}
-else {
-    const { app, BrowserWindow } = electron;
-    app.commandLine.appendSwitch('enable-logging');
-    /** --- 等待 Chromium 将布局更新发送给 Native 命中区域计算器 --- */
-    const settle = () => new Promise(resolve => setTimeout(resolve, 350));
-    app.whenReady().then(async () => {
-        const win = new BrowserWindow({
-            'show': false, 'frame': false, 'width': 400, 'height': 300,
-            'webPreferences': { 'backgroundThrottling': false },
-        });
-        try {
-            const template = await readFile(new URL('../dist/sources/control/form/layout.html', import.meta.url), 'utf8');
-            const style = await readFile(new URL('../dist/sources/control/form/style.css', import.meta.url), 'utf8');
-            /**
-             * --- 用实际 Form 模板生成 Native 主窗体与后创建的背景窗体 ---
-             * @param nativeFirst 是否为 Native 主窗体
-             * @returns 已渲染的 Form HTML
-             */
-            async function render(nativeFirst) {
-                const form = createSSRApp({
-                    template,
-                    data: () => ({
-                        'border': nativeFirst ? 'normal' : 'none',
-                        'isNative': true, 'isNativeNoFrameFirst': nativeFirst,
-                        'flashTimer': undefined, 'stateMinData': false, 'stateMaxData': false,
-                        'taskPosition': 'bottom', 'isShow': true, 'isInside': false,
-                        'formFocus': nativeFirst, 'widthData': 400, 'heightData': 300,
-                        'leftData': 0, 'topData': 0, 'zIndex': nativeFirst ? 10 : 1,
-                        'isMask': false, 'isResize': false, 'iconDataUrl': '', 'title': 'Native',
-                        'isMin': true, 'isMax': true, 'isClose': true, 'direction': 'v',
-                        'background': '', 'contentPadding': '', 'stepShowData': false,
-                        'stepData': [], 'stepValue': '', 'isLoading': false,
-                    }),
-                });
-                form.component('cg-step', { 'render': () => null });
-                form.component('cg-loading', { 'render': () => null });
-                return await renderToString(form);
-            }
-            const native = await render(true);
-            const background = await render(false);
-            await win.loadURL(`data:text/html,${encodeURIComponent(`<style>body{margin:0}${style}</style><div id="native">${native}</div><div id="background"></div>`)}`);
-            await settle();
-            console.error('CASE-END baseline');
-            const scripts = [
-                ['bottom', `document.querySelector('#background').innerHTML=${JSON.stringify(background)};const bg=document.querySelector('#background>.wrap');bg.dataset.cgBottomMost='';`],
-                ['hidden', `const bg=document.querySelector('#background>.wrap');delete bg.dataset.cgBottomMost;bg.classList.remove('show');`],
-                ['minimized', `const bg=document.querySelector('#background>.wrap');bg.classList.add('show');bg.dataset.cgMin='';`],
-                ['foreground', `const bg=document.querySelector('#background>.wrap');delete bg.dataset.cgMin;bg.style.zIndex='20';`],
-                ['bottom-restored', `const bg=document.querySelector('#background>.wrap');bg.style.zIndex='1';bg.dataset.cgBottomMost='';`],
-                ['nested', `document.querySelector('#background .content').innerHTML=${JSON.stringify(background)};`],
-                ['closed', `document.querySelector('#background').replaceChildren();`],
-            ];
-            for (const [name, script] of scripts) {
-                await win.webContents.executeJavaScript(`{${script}}`);
-                // --- 隐藏测试窗口也必须完成布局和绘制，不能读取上一帧的命中区域 ---
-                await win.webContents.capturePage();
-                await settle();
-                console.error(`CASE-END ${name}`);
-            }
-        }
-        catch (error) {
-            console.error(error);
-            app.exit(1);
-        }
-        finally {
-            win.destroy();
-            app.quit();
-        }
-    }).catch(error => { console.error(error); app.exit(1); });
-}

package/test/form-native-style.mjs

@@ -1,80 +0,0 @@
-// Run: node test/form-native-style.mjs
-import assert from 'node:assert/strict';
-import { readFile } from 'node:fs/promises';
-import { JSDOM } from 'jsdom';
-
-const dom = new JSDOM('<!doctype html><html><head></head><body></body></html>');
-for (const name of ['window', 'document', 'Element', 'SVGElement', 'Node', 'HTMLElement']) {
-    globalThis[name] = dom.window[name];
-}
-const { createApp, compile, nextTick } = await import('vue');
-const template = await readFile(new URL('../dist/sources/control/form/layout.html', import.meta.url), 'utf8');
-const render = compile(template);
-const theme = document.createElement('style');
-theme.textContent = `
-    .wrap { border: 3px solid black !important; border-radius: 24px !important; box-shadow: 0 0 8px black !important; }
-    .wrap > .inner, .wrap > .inner > .header, .wrap > .inner > .content { border-radius: 24px !important; }
-    .child-control { border: 1px solid blue; border-radius: 12px; }
-`;
-document.head.append(theme);
-
-for (const mode of ['web', 'native-framed', 'native-frameless']) {
-    const nativeFirst = mode === 'native-frameless';
-    const nativeMode = mode !== 'web';
-    for (const border of ['normal', 'thin', 'plain', 'none']) {
-        const host = document.createElement('div');
-        document.body.append(host);
-        const app = createApp({
-            render,
-            data: () => ({
-                border, isNative: nativeMode, isNativeNoFrameFirst: nativeFirst, flashTimer: undefined,
-                stateMinData: false, stateMaxData: false, taskPosition: 'bottom',
-                isShow: true, isInside: false, formFocus: false, widthData: 500,
-                heightData: 400, leftData: 0, topData: 0, zIndex: 1,
-                isMask: false, isResize: false, iconDataUrl: '', title: 'Notepad',
-                isMin: true, isMax: true, isClose: true, direction: 'v',
-                background: '', padding: '', stepShowData: false, stepData: [],
-                stepValue: '', isLoading: false,
-            }),
-            methods: { moveMethod() {}, minMethod() {}, maxMethod() {}, closeMethod() {}, stepDown() {} },
-        });
-        app.component('cg-step', { render: () => null });
-        app.component('cg-loading', { render: () => null });
-        const form = app.mount(host);
-        const wrap = host.querySelector('.wrap');
-        assert.equal(wrap.style.maxWidth, nativeMode ? '' : '100vw');
-        assert.equal(wrap.style.maxHeight, nativeMode ? '' : '100vh');
-        const inner = host.querySelector('.inner');
-        const content = host.querySelector('.content');
-        const header = host.querySelector('.header');
-        assert.equal(Boolean(header), border === 'normal' || border === 'thin');
-        const child = document.createElement('div');
-        child.className = 'child-control';
-        content.append(child);
-        if (!nativeMode && border === 'none') {
-            form.leftData = 700;
-            form.topData = 600;
-            await nextTick();
-            assert.deepEqual([wrap.style.left, wrap.style.top], ['700px', '600px']);
-        }
-        for (const focused of [false, true]) {
-            form.formFocus = focused;
-            form.stateMaxData = focused;
-            await nextTick();
-            for (const el of [wrap, inner, content, header].filter(Boolean)) {
-                assert.equal(el.style.getPropertyPriority('border-radius'), nativeFirst ? 'important' : '');
-                assert.equal(dom.window.getComputedStyle(el).borderRadius, nativeFirst ? '0' : '24px');
-            }
-            for (const property of ['border', 'box-shadow']) {
-                assert.equal(wrap.style.getPropertyPriority(property), nativeFirst ? 'important' : '');
-            }
-            assert.equal(dom.window.getComputedStyle(wrap).boxShadow, nativeFirst ? 'none' : '0 0 8px black');
-            assert.equal(dom.window.getComputedStyle(wrap).borderTopWidth, nativeFirst ? '0px' : '3px');
-            assert.equal(dom.window.getComputedStyle(child).borderRadius, '12px');
-            assert.equal(dom.window.getComputedStyle(child).borderTopWidth, '1px');
-        }
-        app.unmount();
-        host.remove();
-    }
-}
-console.log('Native first-Form styling, theme overrides and ordinary Form isolation checks passed.');

package/test/form-native.mjs

@@ -1,68 +0,0 @@
-// Run after TypeScript compilation: node --experimental-vm-modules test/form-native.mjs
-import assert from 'node:assert/strict';
-import { readFile } from 'node:fs/promises';
-import { SourceTextModule, SyntheticModule } from 'node:vm';
-
-const listeners = {};
-const minimums = [];
-let ended = 0;
-let cancelled = true;
-class AbstractControl {
-    constructor() {
-        this.parent = { controlName: 'root', isNativeNoFrameFirst: true };
-        this.formId = 'form';
-        this.element = {};
-        this.watches = {};
-    }
-    watch(name, callback, options) {
-        this.watches[name] = callback;
-        if (options?.immediate) { callback(); }
-    }
-    propInt(name) { return parseInt(this.props[name]); }
-    propBoolean(name) { return Boolean(this.props[name]); }
-    emit(name, event) {
-        if (name === 'close') {
-            assert.equal(event.detail.event, null);
-            if (cancelled) { event.preventDefault(); }
-        }
-    }
-}
-const clickgo = new SyntheticModule(['control', 'native', 'dom', 'tool', 'task'], function() {
-    this.setExport('control', { AbstractControl });
-    this.setExport('native', {
-        on(current, name, handler) { listeners[name] = handler; },
-        async minSize(current, w, h) { minimums.push([w, h]); },
-        async maximizable() {},
-    });
-    this.setExport('dom', { watchSize() {} });
-    this.setExport('tool', { getBoolean: Boolean });
-    this.setExport('task', { async end() { ++ended; } });
-});
-const mod = new SourceTextModule(await readFile(new URL('../dist/sources/control/form/code.js', import.meta.url), 'utf8'));
-await mod.link(() => clickgo);
-await mod.evaluate();
-const Form = mod.namespace.default;
-const form = new Form();
-form.onMounted();
-assert.deepEqual(minimums.at(-1), [200, 100]);
-form.props.minWidth = '360';
-form.watches.minWidth();
-assert.deepEqual(minimums.at(-1), [360, 100]);
-form.props.minHeight = 240;
-form.watches.minHeight();
-assert.deepEqual(minimums.at(-1), [360, 240]);
-listeners['close-request']();
-assert.equal(ended, 0);
-cancelled = false;
-listeners['close-request']();
-assert.equal(ended, 1);
-form.props.close = false;
-listeners['close-request']();
-assert.equal(ended, 1);
-
-const web = new Form();
-web.parent.isNativeNoFrameFirst = false;
-const before = minimums.length;
-web.onMounted();
-assert.equal(minimums.length, before);
-console.log('Form native minimum-size and cancellable close-event checks passed.');

package/test/form-notify.mjs

@@ -1,90 +0,0 @@
-import assert from 'node:assert/strict';
-import { readFile } from 'node:fs/promises';
-import vm from 'node:vm';
-import { JSDOM } from 'jsdom';
-import ts from 'typescript';
-
-const dom = new JSDOM('<!doctype html><div id="notify"></div>');
-const { document } = dom.window;
-const notify = document.getElementById('notify');
-Object.defineProperty(dom.window.HTMLElement.prototype, 'offsetHeight', {
-    get() { return Number(this.dataset.height ?? 96); },
-});
-const frames = [];
-const timers = new Map();
-const observed = new Set();
-let timerId = 0;
-let observerCallback;
-let area = { left: 0, top: 0, width: 800, height: 600 };
-const core = { config: { locale: 'en' }, getAvailArea: () => area };
-const source = await readFile(new URL('../dist/lib/form.ts', import.meta.url), 'utf8');
-const start = source.indexOf('let notifyId:');
-const end = source.indexOf('export function appendToPop', start);
-const api = {};
-vm.runInNewContext(ts.transpileModule(source.slice(start, end), {
-    compilerOptions: { module: ts.ModuleKind.CommonJS, target: ts.ScriptTarget.ES2022 },
-}).outputText, {
-    exports: api, document, elements: { notify }, lCore: core,
-    lTool: { lang: { getDirection: locale => locale === 'ar' ? 'rtl' : 'ltr' }, escapeHTML: value => value },
-    window: { innerWidth: 800, innerHeight: 600, setTimeout: schedule },
-    setTimeout: schedule, clearTimeout: id => timers.delete(id),
-    requestAnimationFrame: cb => frames.push(cb),
-    ResizeObserver: class {
-        constructor(callback) { observerCallback = callback; }
-        observe(el) { observed.add(el); }
-        unobserve(el) { observed.delete(el); }
-    },
-});
-function schedule(callback, delay) { const id = ++timerId; timers.set(id, { callback, delay }); return id; }
-function frame() { frames.splice(0).forEach(callback => callback()); }
-function remove() {
-    for (const [id, timer] of [...timers]) {
-        if (timer.delay === 100) { timers.delete(id); timer.callback(); }
-    }
-}
-function position(el) { return [...el.style.transform.matchAll(/\((-?[\d.]+)px\)/g)].map(match => Number(match[1])); }
-const firstId = api.notify({ title: 'Loading', content: 'Task', note: 'Start', timeout: 0 });
-const first = notify.children[0];
-area.height = 552; // Task bar appears before the enter frame.
-api.refreshNotifyPosition();
-frame();
-assert.deepEqual(position(first), [-58, -10]);
-const secondId = api.notify({ title: 'Loading', content: 'Demo', note: 'Start', timeout: 0 });
-const second = notify.children[1];
-frame();
-assert.deepEqual(position(second), [-164, -10], 'notifications share the current task bar offset');
-first.dataset.height = '128.5';
-api.notifyContent(firstId, { note: 'Wrapped content' });
-assert.deepEqual(position(second), [-196.5, -10], 'content growth uses actual fractional height');
-first.dataset.height = '146';
-observerCallback();
-assert.deepEqual(position(second), [-214, -10], 'size observer also restacks notifications');
-area = { left: 0, top: 0, width: 750, height: 600 };
-api.refreshNotifyPosition();
-assert.deepEqual(position(first), [-10, -60], 'right bar moves the existing stack left');
-core.config.locale = 'ar';
-area = { left: 50, top: 0, width: 750, height: 600 };
-api.refreshNotifyPosition();
-assert.deepEqual(position(first), [-10, 60], 'RTL avoids the left task bar');
-area = { left: 0, top: 50, width: 800, height: 550 };
-api.refreshNotifyPosition();
-assert.deepEqual(position(first), [-10, 10], 'top bar does not push the bottom anchor');
-api.hideNotify(firstId);
-api.hideNotify(firstId);
-assert.equal([...timers.values()].filter(timer => timer.delay === 100).length, 1, 'duplicate hides are idempotent');
-remove();
-assert.deepEqual(position(second), [-10, 10], 'removing a notification closes its space');
-assert.equal(observed.has(first), false, 'removed notifications release size subscriptions');
-api.hideNotify(secondId); remove();
-const earlyId = api.notify({ content: 'Close before entering' });
-api.hideNotify(earlyId); frame();
-assert.equal(notify.children[0].style.opacity, '0', 'pending enter cannot resurrect a closing notification');
-remove();
-assert.equal(notify.children.length, 0);
-assert.equal(observed.size, 0);
-assert.equal(timers.size, 0, 'no auto-hide timer survives an early hide');
-const next = api.notify({ content: 'Fresh stack' }); frame();
-assert.deepEqual(position(notify.children[0]), [-10, 10], 'empty stack leaves no stale offsets');
-api.hideNotify(next); remove();
-dom.window.close();
-console.log('Notify task bar appearance/movement, RTL, height changes, stacking and hide races passed.');

package/test/form-viewport.mjs

@@ -1,127 +0,0 @@
-// Run: node test/form-viewport.mjs
-import assert from 'node:assert/strict';
-import { readFile } from 'node:fs/promises';
-import vm from 'node:vm';
-import ts from 'typescript';
-
-let nativeMode = false;
-let area = { left: 0, top: 0, width: 640, height: 400, owidth: 640, oheight: 440 };
-const bool = value => value === true || value === '' || value === 'true';
-const clickgo = {
-    isNative: () => nativeMode,
-    control: {
-        AbstractControl: class {
-            constructor() { this.rootForm = { bottomMost: false }; this.parent = { controlName: 'root' }; this.watches = {}; this.events = []; }
-            emit(...event) { this.events.push(event); }
-            propBoolean(name) { return bool(this.props[name]); }
-            watch(name, callback, options) { this.watches[name] = callback; if(options?.immediate) callback(); }
-            propInt(name) { return Number(this.props[name]); }
-            trigger() { return Promise.resolve(); }
-        },
-    },
-    core: { getAvailArea: () => area },
-    dom: { watchSize() {} },
-    native: {
-        restore: async () => {},
-        size: async () => {},
-    },
-    tool: { sleep: () => Promise.resolve(), getBoolean: bool },
-};
-const source = await readFile(new URL('../dist/sources/control/form/code.ts', import.meta.url), 'utf8');
-const compiled = ts.transpileModule(source, {
-    compilerOptions: { module: ts.ModuleKind.CommonJS, target: ts.ScriptTarget.ES2022 },
-}).outputText;
-const exports = {};
-vm.runInNewContext(compiled, {
-    exports, require: () => clickgo,
-    window: { innerWidth: 640, innerHeight: 440 },
-});
-const Form = exports.default;
-
-function restore(history, mode = 'web') {
-    nativeMode = mode !== 'web';
-    const form = new Form();
-    form.isNativeNoFrameFirst = mode === 'native-frameless';
-    form.stateMaxData = true;
-    form.historyLocation = history;
-    form.element = { style: {}, removeAttribute() {} };
-    form.maxMethod();
-    return [form.widthData, form.heightData, form.leftData, form.topData];
-}
-
-assert.deepEqual(restore({ width: 900, height: 700, left: 500, top: 300 }), [900, 700, 0, 0]);
-assert.deepEqual(restore({ width: 400, height: 300, left: 500, top: 300 }), [400, 300, 240, 140]);
-assert.deepEqual(restore({ width: 600, height: 40, left: 40, top: 400 }), [600, 40, 40, 400]);
-assert.deepEqual(restore({ width: 900, height: 700, left: 500, top: 300 }, 'native-framed'), [900, 700, 500, 300]);
-assert.deepEqual(restore({ width: 900, height: 700, left: 500, top: 300 }, 'native-frameless'), [900, 700, 500, 300]);
-console.log('Form restore stays visible, edge-positioned Forms stay anchored, and Native geometry is unchanged.');
-
-
-nativeMode = false;
-function create(viewport = false, initialMax = false) {
-    const form = new Form();
-    form.props.viewport = viewport;
-    form.props.stateMax = initialMax;
-    form.props.padding = 'safe';
-    form.element = { style: {}, dataset: {}, offsetWidth: 300, offsetHeight: 200, removeAttribute() {} };
-    form.onMounted();
-    if (!initialMax) form.maxMethod();
-    return form;
-}
-function rect(form) { return [form.leftData, form.topData, form.widthData, form.heightData]; }
-const full = create(true, true);
-assert.deepEqual(rect(full), [0, 0, 640, 440], 'initial state-max uses the full viewport');
-const history = JSON.stringify(full.historyLocation);
-for (const a of [
-    { left: 0, top: 0, width: 640, height: 400, owidth: 640, oheight: 440, padding: '0px 0px 40px 0px' },
-    { left: 60, top: 0, width: 580, height: 440, owidth: 640, oheight: 440, padding: '0px 0px 0px 60px' },
-    { left: 0, top: 40, width: 640, height: 400, owidth: 640, oheight: 440, padding: '40px 0px 0px 0px' },
-    { left: 0, top: 0, width: 580, height: 440, owidth: 640, oheight: 440, padding: '0px 60px 0px 0px' },
-    { left: 0, top: 0, width: 800, height: 520, owidth: 800, oheight: 560, padding: '0px 0px 40px 0px' },
-    { left: 0, top: 0, width: 800, height: 560, owidth: 800, oheight: 560, padding: '0px 0px 0px 0px' }
-]) {
-    area = a;
-    full.refreshMaxPosition();
-    assert.deepEqual(rect(full), [0, 0, a.owidth, a.oheight]);
-    assert.equal(full.contentPadding, a.padding);
-    assert.equal(JSON.stringify(full.historyLocation), history, 'refresh never overwrites restore geometry');
-}
-area = { left: 60, top: 0, width: 580, height: 440, owidth: 640, oheight: 440 };
-full.props.viewport = false;
-full.watches.viewport();
-assert.deepEqual(rect(full), [60, 0, 580, 440]);
-assert.equal(full.contentPadding, '0px 0px 0px 0px', 'available-area maximization does not reserve the taskbar twice');
-full.props.viewport = 'true';
-full.watches.viewport();
-assert.deepEqual(rect(full), [0, 0, 640, 440]);
-full.maxMethod();
-assert.equal(full.contentPadding, undefined, 'safe padding is removed when restoring');
-full.props.padding = '4 8';
-assert.equal(full.contentPadding, '4px 8px', 'numeric padding is unchanged');
-const normal = create();
-assert.deepEqual(rect(normal), [60, 0, 580, 440], 'default maximization still avoids the taskbar');
-const bottom = create();
-bottom.rootForm.bottomMost = true;
-bottom.refreshMaxPosition();
-assert.deepEqual(rect(bottom), [60, 0, 580, 440], 'bottomMost alone does not change the layout boundary');
-assert.equal(bottom.contentPadding, '0px 0px 0px 0px');
-bottom.props.viewport = true;
-bottom.watches.viewport();
-assert.deepEqual(rect(bottom), [0, 0, 640, 440], 'bottomMost uses the full viewport only when explicitly enabled');
-assert.equal(bottom.contentPadding, '0px 0px 0px 60px');
-bottom.props.viewport = false;
-bottom.watches.viewport();
-assert.deepEqual(rect(bottom), [60, 0, 580, 440], 'disabling viewport also restores taskbar exclusion for bottomMost');
-const inline = create();
-inline.isInside = true;
-const previous = rect(inline);
-inline.props.viewport = true;
-inline.refreshMaxPosition();
-assert.deepEqual(rect(inline), previous, 'inline Forms do not resize to the viewport');
-const automatic = create();
-automatic.props.width = 0;
-automatic.props.height = 0;
-automatic.events = [];
-automatic.refreshMaxPosition();
-assert.ok(automatic.events.every(([name]) => !['update:width', 'update:height'].includes(name)));
-console.log('Form viewport bounds, four taskbar edges, safe padding, live switching, restore and bottomMost layout independence passed.');

package/test/iconview.mjs

@@ -1,70 +0,0 @@
-import assert from 'node:assert/strict';
-import { readFile } from 'node:fs/promises';
-import { SourceTextModule, SyntheticModule } from 'node:vm';
-
-class AbstractControl {
-    element = { dir: 'ltr' };
-    emitted = [];
-    propInt(name) { return Number(this.props[name]); }
-    propBoolean(name) { return Boolean(this.props[name]); }
-    emit(name, value) { this.emitted.push([name, value]); }
-}
-const clickgo = new SyntheticModule(['control', 'dom', 'tool'], function() {
-    this.setExport('control', { AbstractControl });
-    this.setExport('dom', { isRtl: element => element.dir === 'rtl' });
-    this.setExport('tool', { clone: structuredClone });
-});
-const module = new SourceTextModule(await readFile('dist/sources/control/iconview/code.js', 'utf8'));
-await module.link(() => clickgo);
-await module.evaluate();
-const view = new module.namespace.default();
-view.props.data = Array.from({ length: 8 }, (_, i) => ({ name: 'item-' + i }));
-
-// Resizing crosses column thresholds without stretching existing cells.
-for (const [width, columns] of [[360, 2], [420, 2], [539, 2], [540, 3], [620, 3]]) {
-    view.clientwidth(width);
-    assert.equal(view.rowCount, columns);
-    assert.equal(view.cellWidth, 180);
-    assert.equal(view.dataComp[0].length, columns);
-}
-view.props.size = 64;
-assert.equal(view.cellWidth, 144);
-assert.equal(view.rowCount, 4);
-view.clientwidth(100);
-assert.equal(view.cellWidth, 100);
-assert.equal(view.rowCount, 1);
-view.clientwidth(0);
-assert.ok(Number.isFinite(view.rowCount));
-assert.equal(view.rowCount, 1);
-view.props.size = 100;
-view.clientwidth(500);
-
-function box(x, width, modifiers = {}) {
-    view.onBeforeSelect();
-    view.onSelect({ x, width, y: 0, height: 100, start: 0, end: 0, empty: false, ...modifiers });
-    return [...view.valueData];
-}
-
-// Column hit testing uses actual fixed cells; trailing whitespace selects nothing.
-assert.deepEqual(box(190, 10), [1]);
-assert.deepEqual(box(370, 80), []);
-assert.equal(view.emitted.at(-1)[1].detail.area.empty, true);
-assert.deepEqual(box(170, 200), [0, 1]);
-assert.deepEqual(box(0, 20), [0]);
-assert.deepEqual(box(370, 50, { ctrl: true }), [0]);
-assert.deepEqual(box(190, 20, { shift: true }), [0, 1]);
-view.arrowDown();
-assert.ok(view.valueData.every(index => index >= 0 && index < 8));
-
-// RTL starts at the right edge, leaving unused space at the left edge.
-view.element.dir = 'rtl';
-assert.deepEqual(box(10, 50), []);
-assert.deepEqual(box(450, 20), [0]);
-assert.deepEqual(box(280, 20), [1]);
-assert.deepEqual(box(280, 200), [0, 1]);
-view.props.multi = false;
-assert.deepEqual(box(280, 20), [1]);
-assert.deepEqual(box(10, 50), [1]);
-view.props.data = [];
-assert.deepEqual(view.dataComp, []);
-console.log('Iconview fixed cells, column thresholds, size changes, narrow widths, LTR/RTL selection and modifiers passed.');