clickgo 6.9.0 → 6.10.0

package/test/form-launcher.mjs

@@ -1,177 +0,0 @@
-// Run: node test/form-launcher.mjs
-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><html><body><div id="cg-launcher"></div></body></html>');
-for (const name of ['window', 'document', 'Element', 'HTMLElement', 'SVGElement', 'Node', 'Event', 'CustomEvent']) {
-    Object.defineProperty(globalThis, name, { configurable: true, value: dom.window[name] });
-}
-const errors = [];
-window.addEventListener('error', e => errors.push(e.error));
-const vue = await import('vue');
-const pointer = await import('../node_modules/@litert/pointer/dist/index.esm.js');
-const source = await readFile(process.argv[2] ?? new URL('../dist/lib/form.ts', import.meta.url), 'utf8');
-const tree = ts.createSourceFile('form.ts', source, ts.ScriptTarget.ES2022, true);
-let config;
-function find(node) {
-    if (ts.isVariableDeclaration(node) && node.name.getText(tree) === 'launcherApp') {
-        config = node.initializer.arguments[0].getText(tree);
-    }
-    ts.forEachChild(node, find);
-}
-find(tree);
-assert.ok(config, 'load the actual launcher template and handlers');
-let hidden = 0;
-const runs = [];
-const exports = {};
-const scope = {
-    exports, document,
-    clickgo: { modules: { pointer } },
-    info: { locale: { en: { search: 'Search' } } },
-    lCore: { config: { locale: 'en', 'launcher.list': [
-        { name: 'App', path: '/app', icon: '' },
-        { name: 'Folder', list: [{ name: 'Child', path: '/child', icon: '' }] },
-    ] } },
-    lTask: { async run(...args) { runs.push(args); } },
-    sysId: 'system',
-    hideLauncher() { ++hidden; },
-    requestAnimationFrame(callback) { callback(); },
-    setTimeout() { return 0; },
-    launcherRoot: null,
-};
-vm.runInNewContext(ts.transpileModule(`export default ${config};`, {
-    compilerOptions: { module: ts.ModuleKind.CommonJS, target: ts.ScriptTarget.ES2022 },
-}).outputText, scope);
-const app = vue.createApp(exports.default);
-const root = app.mount('#cg-launcher');
-const list = document.querySelector('.cg-launcher-list');
-const search = document.querySelector('.cg-launcher-search');
-
-function event(target, type, x, y, button = 0) {
-    const e = new window.MouseEvent(type, { bubbles: true, clientX: x, clientY: y, button, view: window });
-    Object.defineProperties(e, { pointerId: { value: 1 }, pointerType: { value: 'mouse' } });
-    target.dispatchEvent(e);
-}
-async function click(target, { start = [100, 200], end = start, cancel = false, button = 0 } = {}) {
-    event(target, 'pointerdown', ...start, button);
-    event(target, cancel ? 'pointercancel' : 'pointerup', ...end, button);
-    if (!cancel) { event(target, 'click', ...end, button); }
-    await vue.nextTick();
-}
-await click(list);
-assert.equal(hidden, 1, 'stationary list blank click closes');
-await click(list, { end: [101, 201] });
-assert.equal(hidden, 2, 'minor pointer movement still counts as a click');
-await click(list, { start: [100.4, 200.4], end: [100, 200] });
-assert.equal(hidden, 3, 'fractional pointer coordinates do not reject a click');
-await click(list, { end: [120, 180] });
-await click(list, { cancel: true });
-await click(list, { button: 2 });
-assert.equal(hidden, 3, 'diagonal drag, cancellation and right click do not close');
-await click(search);
-await click(document.querySelector('.cg-launcher-space'));
-assert.equal(hidden, 5, 'search padding and item spacers close');
-await click(document.querySelector('input'));
-assert.equal(hidden, 5, 'search input stays interactive');
-await click(document.querySelector('.cg-launcher-icon'), { end: [101, 201] });
-assert.equal(hidden, 6);
-assert.deepEqual(runs.map(args => args[1]), ['/app'], 'app runs once without a bubbled blank click');
-const folder = document.querySelector('.cg-launcher-folder > div');
-for (const target of folder.querySelectorAll('.cg-launcher-icon, .cg-launcher-inner, .cg-launcher-item, .cg-launcher-space')) {
-    await click(target);
-    assert.equal(root.folderName, 'Folder', 'every collapsed preview target opens its folder');
-    assert.equal(hidden, 6, 'collapsed previews do not dismiss the launcher');
-    assert.deepEqual(runs.map(args => args[1]), ['/app'], 'collapsed previews never start a child app');
-    await click(search);
-}
-await click(folder, { end: [101, 201] });
-assert.equal(root.folderName, 'Folder');
-await click(search);
-assert.equal(root.folderName, '', 'blank click closes the folder before the launcher');
-assert.equal(hidden, 6);
-await click(folder);
-await click(folder.querySelector('.cg-launcher-icon'), { end: [101, 201] });
-assert.equal(hidden, 7);
-assert.deepEqual(runs.map(args => args[1]), ['/app', '/child'], 'folder child runs once');
-assert.deepEqual(errors, [], 'event handlers do not throw');
-app.unmount();
-dom.window.close();
-console.log('Launcher blank areas, pointer tolerance, drag/cancel, input, folders and single app launch passed.');
-
-// --- 验证实际显示接口及动画时序，重复调用只通知真实状态变更。 ---
-const stateNames = new Set(['launcherShown', 'launcherHideTimer', 'getLauncherShow', 'showLauncher', 'hideLauncher']);
-const stateSource = tree.statements.filter(node => {
-    if (ts.isFunctionDeclaration(node)) return stateNames.has(node.name?.text);
-    return ts.isVariableStatement(node) && node.declarationList.declarations.some(d => stateNames.has(d.name.getText(tree)));
-}).map(node => node.getText(tree)).join('\n');
-const notifications = [];
-const frames = [];
-const timers = new Map();
-let timerId = 0;
-const surface = { style: {}, classList: new Set() };
-surface.classList.remove = surface.classList.delete;
-const launcher = { folderName: 'Folder', name: 'search', closeFolder() { this.folderName = ''; } };
-const stateScope = {
-    exports: {}, elements: { launcher: surface }, launcherRoot: launcher,
-    lCore: { trigger: async (...args) => notifications.push(args) },
-    requestAnimationFrame: callback => frames.push(callback),
-    setTimeout: callback => { timers.set(++timerId, callback); return timerId; },
-    clearTimeout: id => timers.delete(id),
-};
-vm.runInNewContext(ts.transpileModule(stateSource, {
-    compilerOptions: { module: ts.ModuleKind.CommonJS, target: ts.ScriptTarget.ES2022 },
-}).outputText, stateScope);
-const display = stateScope.exports;
-assert.equal(display.getLauncherShow(), false);
-display.hideLauncher();
-display.showLauncher();
-display.showLauncher();
-assert.equal(display.getLauncherShow(), true);
-assert.equal(surface.style.display, 'flex');
-display.hideLauncher();
-frames.splice(0).forEach(callback => callback());
-assert.equal(surface.classList.has('cg-show'), false, 'hide before first paint cannot add a stale visible class');
-display.hideLauncher();
-assert.equal(timers.size, 1, 'duplicate hide does not schedule extra cleanup');
-display.showLauncher();
-assert.equal(timers.size, 0, 'reopening cancels the old closing animation');
-frames.splice(0).forEach(callback => callback());
-assert.equal(surface.classList.has('cg-show'), true);
-assert.equal(launcher.name, 'search', 'cancelled cleanup does not reset the reopened search');
-display.hideLauncher();
-timers.forEach(callback => callback());
-timers.clear();
-assert.equal(surface.style.display, 'none');
-assert.equal(launcher.folderName, '');
-assert.equal(launcher.name, '');
-assert.deepEqual(notifications, [
-    ['launcherShowChanged', true], ['launcherShowChanged', false],
-    ['launcherShowChanged', true], ['launcherShowChanged', false],
-]);
-
-// --- 非 root 应用、自定义任务栏与宿主均接收通知，异步应用不阻塞窗体。 ---
-const coreSource = await readFile(new URL('../dist/lib/core.ts', import.meta.url), 'utf8');
-const coreTree = ts.createSourceFile('core.ts', coreSource, ts.ScriptTarget.ES2022, true);
-const triggerSource = coreTree.statements.find(node => ts.isFunctionDeclaration(node) && node.name?.text === 'trigger').getText(coreTree);
-const delivered = [];
-const routeScope = {
-    exports: {}, sysId: 'system',
-    boot: { onLauncherShowChanged: state => delivered.push(['boot', state]) },
-    lTask: { getOriginList: async () => ({
-        ordinary: { class: { onLauncherShowChanged: state => { delivered.push(['app', state]); return new Promise(() => {}); } },
-            forms: { bar: { vroot: { onLauncherShowChanged: state => delivered.push(['form', state]) } } } },
-    }) },
-};
-vm.runInNewContext(ts.transpileModule(triggerSource, {
-    compilerOptions: { module: ts.ModuleKind.CommonJS, target: ts.ScriptTarget.ES2022 },
-}).outputText, routeScope);
-await routeScope.exports.trigger('launcherShowChanged', true);
-await routeScope.exports.trigger('launcherShowChanged', false);
-assert.deepEqual(delivered, [
-    ['boot', true], ['app', true], ['form', true],
-    ['boot', false], ['app', false], ['form', false],
-]);
-console.log('Launcher state query, broadcast, duplicate calls and close/reopen animation ordering passed.');

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-animation.mjs

@@ -1,102 +0,0 @@
-// Requires a display; run with npm run test:notify-animation.
-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 ts from 'typescript';
-
-if (!process.versions.electron) {
-    const child = spawn(electron, [fileURLToPath(import.meta.url), '--ozone-platform=x11'], {
-        'stdio': ['ignore', 'pipe', 'pipe'],
-    });
-    let output = '';
-    child.stdout.on('data', chunk => { output += chunk; });
-    child.stderr.on('data', chunk => { output += chunk; });
-    const timeout = setTimeout(() => child.kill(), 20000);
-    const code = await new Promise(resolve => {
-        child.on('error', error => { output += error.message; resolve(1); });
-        child.on('exit', resolve);
-    });
-    clearTimeout(timeout);
-    assert.equal(code, 0, output);
-    console.log('Notify animation passed: consecutive LTR/RTL entries keep their stacked height and slide horizontally.');
-}
-else {
-    const { app, BrowserWindow } = electron;
-    app.whenReady().then(async () => {
-        const win = new BrowserWindow({
-            'show': false, 'width': 800, 'height': 600,
-            'webPreferences': { 'backgroundThrottling': false, 'offscreen': true },
-        });
-        let exitCode = 0;
-        try {
-            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 script = ts.transpileModule(source.slice(start, end), {
-                'compilerOptions': { 'module': ts.ModuleKind.CommonJS, 'target': ts.ScriptTarget.ES2022 },
-            }).outputText;
-            const style = await readFile(new URL('../dist/global.css', import.meta.url), 'utf8');
-            await win.loadURL(`data:text/html,${encodeURIComponent(`<style>${style}</style><div id="cg-wrap"><div id="cg-notify"></div></div>`)}`);
-            await win.webContents.executeJavaScript(`
-                window.notifyCore = {
-                    config: { locale: 'en' },
-                    getAvailArea: () => ({ left: 0, top: 0, width: innerWidth, height: innerHeight - 48 }),
-                };
-                window.notifyApi = {};
-                new Function('exports', 'elements', 'lCore', 'lTool', ${JSON.stringify(script)})(
-                    window.notifyApi, { notify: document.getElementById('cg-notify') }, window.notifyCore,
-                    { lang: { getDirection: locale => locale === 'ar' ? 'rtl' : 'ltr' }, escapeHTML: value => value },
-                );
-            `);
-            const traces = await win.webContents.executeJavaScript(`(${recordEntries.toString()})()`);
-            for (const trace of traces) {
-                const label = `${trace.direction} notification ${trace.index + 1}`;
-                assert.ok(trace.samples.every(point => Math.abs(point.y - trace.targetY) < 0.5),
-                    `${label} must enter at its stacked height: ${JSON.stringify(trace)}`);
-                const movement = trace.samples.at(-1).x - trace.samples[0].x;
-                assert.ok(trace.direction === 'ltr' ? movement < -20 : movement > 20,
-                    `${label} must slide in from the outer edge`);
-            }
-        }
-        catch (error) {
-            console.error(error);
-            exitCode = 1;
-        }
-        finally {
-            win.destroy();
-            app.exit(exitCode);
-        }
-    });
-}
-
-/**
- * --- 在实际渲染帧中记录连续通知的轨迹，避免最终坐标测试漏掉错误的入场方向 ---
- * @returns LTR/RTL 通知入场的逐帧坐标与目标高度
- */
-async function recordEntries() {
-    const traces = [];
-    for (const direction of ['ltr', 'rtl']) {
-        document.getElementById('cg-wrap').dir = direction;
-        window.notifyCore.config.locale = direction === 'rtl' ? 'ar' : 'en';
-        for (let index = 0; index < 3; ++index) {
-            const id = window.notifyApi.notify({ 'title': 'Notify', 'content': `Notification ${index}`, 'timeout': 0 });
-            const el = document.querySelector(`[data-notifyid="${id}"]`);
-            const samples = [];
-            for (let frame = 0; frame < 7; ++frame) {
-                await new Promise(resolve => requestAnimationFrame(resolve));
-                const rect = el.getBoundingClientRect();
-                samples.push({ 'x': rect.x, 'y': rect.y });
-            }
-            const target = new DOMMatrix(el.style.transform);
-            traces.push({ direction, index, samples, 'targetY': innerHeight - el.offsetHeight + target.m42 });
-            await Promise.all(el.getAnimations().map(animation => animation.finished));
-        }
-        for (const el of document.querySelectorAll('[data-notifyid]')) {
-            window.notifyApi.hideNotify(Number(el.dataset.notifyid));
-        }
-        await new Promise(resolve => setTimeout(resolve, 150));
-    }
-    return traces;
-}