update input type to number

.github/workflows/codeql.yml

@@ -0,0 +1,99 @@
+# For most projects, this workflow file will not need changing; you simply need
+# to commit it to your repository.
+#
+# You may wish to alter this file to override the set of languages analyzed,
+# or to provide custom queries or build logic.
+#
+# ******** NOTE ********
+# We have attempted to detect the languages in your repository. Please check
+# the `language` matrix defined below to confirm you have the correct set of
+# supported CodeQL languages.
+#
+name: "CodeQL Advanced"
+
+on:
+  push:
+    branches: [ "main", "dev", "SL-Dev-2026" ]
+  pull_request:
+    branches: [ "main", "dev", "SL-Dev-2026" ]
+  schedule:
+    - cron: '0 18 */3 * *'
+
+jobs:
+  analyze:
+    name: Analyze (${{ matrix.language }})
+    # Runner size impacts CodeQL analysis time. To learn more, please see:
+    #   - https://gh.io/recommended-hardware-resources-for-running-codeql
+    #   - https://gh.io/supported-runners-and-hardware-resources
+    #   - https://gh.io/using-larger-runners (GitHub.com only)
+    # Consider using larger runners or machines with greater resources for possible analysis time improvements.
+    runs-on: ${{ (matrix.language == 'swift' && 'macos-latest') || 'ubuntu-latest' }}
+    permissions:
+      # required for all workflows
+      security-events: write
+
+      # required to fetch internal or private CodeQL packs
+      packages: read
+
+      # only required for workflows in private repositories
+      actions: read
+      contents: read
+
+    strategy:
+      fail-fast: false
+      matrix:
+        include:
+        - language: javascript-typescript
+          build-mode: none
+        # CodeQL supports the following values keywords for 'language': 'actions', 'c-cpp', 'csharp', 'go', 'java-kotlin', 'javascript-typescript', 'python', 'ruby', 'rust', 'swift'
+        # Use `c-cpp` to analyze code written in C, C++ or both
+        # Use 'java-kotlin' to analyze code written in Java, Kotlin or both
+        # Use 'javascript-typescript' to analyze code written in JavaScript, TypeScript or both
+        # To learn more about changing the languages that are analyzed or customizing the build mode for your analysis,
+        # see https://docs.github.com/en/code-security/code-scanning/creating-an-advanced-setup-for-code-scanning/customizing-your-advanced-setup-for-code-scanning.
+        # If you are analyzing a compiled language, you can modify the 'build-mode' for that language to customize how
+        # your codebase is analyzed, see https://docs.github.com/en/code-security/code-scanning/creating-an-advanced-setup-for-code-scanning/codeql-code-scanning-for-compiled-languages
+    steps:
+    - name: Checkout repository
+      uses: actions/checkout@v4
+
+    # Add any setup steps before running the `github/codeql-action/init` action.
+    # This includes steps like installing compilers or runtimes (`actions/setup-node`
+    # or others). This is typically only required for manual builds.
+    # - name: Setup runtime (example)
+    #   uses: actions/setup-example@v1
+
+    # Initializes the CodeQL tools for scanning.
+    - name: Initialize CodeQL
+      uses: github/codeql-action/init@v4
+      with:
+        languages: ${{ matrix.language }}
+        build-mode: ${{ matrix.build-mode }}
+        # If you wish to specify custom queries, you can do so here or in a config file.
+        # By default, queries listed here will override any specified in a config file.
+        # Prefix the list here with "+" to use these queries and those in the config file.
+
+        # For more details on CodeQL's query packs, refer to: https://docs.github.com/en/code-security/code-scanning/automatically-scanning-your-code-for-vulnerabilities-and-errors/configuring-code-scanning#using-queries-in-ql-packs
+        # queries: security-extended,security-and-quality
+
+    # If the analyze step fails for one of the languages you are analyzing with
+    # "We were unable to automatically build your code", modify the matrix above
+    # to set the build mode to "manual" for that language. Then modify this step
+    # to build your code.
+    # ℹ️ Command-line programs to run using the OS shell.
+    # 📚 See https://docs.github.com/en/actions/using-workflows/workflow-syntax-for-github-actions#jobsjob_idstepsrun
+    - name: Run manual build steps
+      if: matrix.build-mode == 'manual'
+      shell: bash
+      run: |
+        echo 'If you are using a "manual" build mode for one or more of the' \
+          'languages you are analyzing, replace this with the commands to build' \
+          'your code, for example:'
+        echo '  make bootstrap'
+        echo '  make release'
+        exit 1
+
+    - name: Perform CodeQL Analysis
+      uses: github/codeql-action/analyze@v4
+      with:
+        category: "/language:${{matrix.language}}"

SL/module/Module.js

@@ -0,0 +1,351 @@
+export class Module {
+    constructor(builder) {
+        if (!builder || typeof builder.build !== 'function') {
+            throw new Error('[Module] Invalid builder.');
+        }
+        this.builder = builder;
+        this.config = builder.build();
+        this.ctx = null;
+        this.el = null;
+        this.viewEl = null;
+        this._bindings = [];
+        this._disposables = [];
+        this._state = { ...(this.config.state || {}) };
+    }
+
+    async init(ctx = {}) {
+        this.ctx = ctx;
+        await this._loadView();
+        this._bindAll();
+        return this;
+    }
+
+    async mount() {
+        if (this._isStrict('mount')) {
+            this._abstract('mount');
+        }
+    }
+
+    dispose() {
+        if (this._isStrict('dispose')) {
+            this._abstract('dispose');
+        }
+        this._unbindAll();
+        for (const d of this._disposables) {
+            try { d(); } catch (_) { /* noop */ }
+        }
+        this._disposables = [];
+    }
+
+    expose() {
+        return {};
+    }
+
+    getState() {
+        return { ...this._state };
+    }
+
+    setState(next) {
+        if (!next || typeof next !== 'object') return;
+        Object.assign(this._state, next);
+        this._applyStateToBindings();
+    }
+
+    registerDisposable(fn) {
+        if (typeof fn === 'function') {
+            this._disposables.push(fn);
+        }
+    }
+
+    _abstract(methodName) {
+        throw new Error(`[Module] Method not implemented: ${methodName}`);
+    }
+
+    _isStrict(methodName) {
+        if (!this.config.strict) return false;
+        const required = this.config.requiredMethods || [];
+        return required.includes(methodName);
+    }
+
+    async _loadView() {
+        const viewPath = this.config.view;
+        if (!viewPath) return;
+
+        const rootTarget = this._resolveRoot();
+        if (!rootTarget) {
+            throw new Error('[Module] Root element not found.');
+        }
+
+        const url = this._resolveViewUrl(viewPath);
+        const res = await fetch(url);
+        if (!res.ok) {
+            throw new Error(`[Module] Failed to load view: ${viewPath}`);
+        }
+        const html = await res.text();
+
+        const wrapper = document.createElement('div');
+        wrapper.className = this.config.wrapperClass || 'amily2-module';
+        wrapper.dataset.module = this.config.name || 'Module';
+        wrapper.innerHTML = html;
+
+        rootTarget.appendChild(wrapper);
+        this.el = wrapper;
+        this.viewEl = wrapper;
+    }
+
+    _resolveRoot() {
+        if (this.config.rootSelector) {
+            return document.querySelector(this.config.rootSelector);
+        }
+        if (this.ctx && this.ctx.root instanceof HTMLElement) {
+            return this.ctx.root;
+        }
+        return document.body;
+    }
+
+    _resolveViewUrl(viewPath) {
+        if (/^(https?:)?\/\//.test(viewPath) || viewPath.startsWith('/')) {
+            return viewPath;
+        }
+        if (this.ctx && this.ctx.baseUrl) {
+            const baseUrl = this.ctx.baseUrl;
+            const absoluteBase = /^(https?:)?\/\//.test(baseUrl)
+                ? baseUrl
+                : `${window.location.origin}/${String(baseUrl).replace(/^\/+/, '')}`;
+            return new URL(viewPath, absoluteBase).toString();
+        }
+        return new URL(viewPath, import.meta.url).toString();
+    }
+
+    _bindAll() {
+        this._bindVars();
+        this._bindEvents();
+    }
+
+    _bindVars() {
+        const bindings = this._normalizeBindings(this.config.bindVars);
+        for (const [selector, spec] of Object.entries(bindings)) {
+            const el = this._query(selector);
+            if (!el) continue;
+
+            const normalized = this._normalizeVarSpec(spec);
+            const { key, attr, event, parser, formatter } = normalized;
+
+            const applyValue = () => {
+                const value = formatter ? formatter(this._state[key]) : this._state[key];
+                if (attr === 'checked') {
+                    el.checked = !!value;
+                } else if (attr in el) {
+                    el[attr] = value ?? '';
+                } else {
+                    el.setAttribute(attr, value ?? '');
+                }
+            };
+
+            const onInput = (e) => {
+                let value;
+                if (attr === 'checked') {
+                    value = e.target.checked;
+                } else if (attr in e.target) {
+                    value = e.target[attr];
+                } else {
+                    value = e.target.getAttribute(attr);
+                }
+                this._state[key] = parser ? parser(value) : value;
+            };
+
+            applyValue();
+            el.addEventListener(event, onInput);
+            this._bindings.push(() => el.removeEventListener(event, onInput));
+        }
+    }
+
+    _bindEvents() {
+        const bindings = this._normalizeBindings(this.config.bindEvents);
+        for (const [selector, events] of Object.entries(bindings)) {
+            const el = this._query(selector);
+            if (!el) continue;
+
+            for (const [eventName, handler] of Object.entries(events)) {
+                const fn = typeof handler === 'function'
+                    ? handler.bind(this)
+                    : (this[handler] ? this[handler].bind(this) : null);
+                if (!fn) continue;
+                el.addEventListener(eventName, fn);
+                this._bindings.push(() => el.removeEventListener(eventName, fn));
+            }
+        }
+    }
+
+    _applyStateToBindings() {
+        const bindings = this._normalizeBindings(this.config.bindVars);
+        for (const [selector, spec] of Object.entries(bindings)) {
+            const el = this._query(selector);
+            if (!el) continue;
+            const normalized = this._normalizeVarSpec(spec);
+            const { key, attr, formatter } = normalized;
+            const value = formatter ? formatter(this._state[key]) : this._state[key];
+            if (attr === 'checked') {
+                el.checked = !!value;
+            } else if (attr in el) {
+                el[attr] = value ?? '';
+            } else {
+                el.setAttribute(attr, value ?? '');
+            }
+        }
+    }
+
+    _normalizeVarSpec(spec) {
+        if (typeof spec === 'string') {
+            return {
+                key: spec,
+                attr: 'value',
+                event: 'input',
+                parser: null,
+                formatter: null,
+            };
+        }
+        const attr = spec.attr || (spec.type === 'checkbox' ? 'checked' : 'value');
+        const event = spec.event || (attr === 'checked' ? 'change' : 'input');
+        return {
+            key: spec.key,
+            attr,
+            event,
+            parser: spec.parser || null,
+            formatter: spec.formatter || null,
+        };
+    }
+
+    _normalizeBindings(bindings) {
+        if (!bindings) return {};
+        if (Array.isArray(bindings)) {
+            const out = {};
+            for (const pair of bindings) {
+                if (pair && typeof pair.selector === 'string') {
+                    out[pair.selector] = pair.value;
+                }
+            }
+            return out;
+        }
+        if (bindings && typeof bindings === 'object') {
+            return bindings;
+        }
+        return {};
+    }
+
+    _query(selector) {
+        if (!selector) return null;
+        if (this.viewEl) {
+            return this.viewEl.querySelector(selector);
+        }
+        return document.querySelector(selector);
+    }
+
+    _unbindAll() {
+        for (const unbind of this._bindings) {
+            try { unbind(); } catch (_) { /* noop */ }
+        }
+        this._bindings = [];
+    }
+}
+
+export class ModuleBuilder {
+    constructor() {
+        this._config = {
+            name: '',
+            view: '',
+            rootSelector: '',
+            wrapperClass: '',
+            strict: false,
+            requiredMethods: [],
+            bindVars: {},
+            bindEvents: {},
+            state: {},
+        };
+    }
+
+    name(value) {
+        this._config.name = value;
+        return this;
+    }
+
+    view(path) {
+        this._config.view = path;
+        return this;
+    }
+
+    root(selector) {
+        this._config.rootSelector = selector;
+        return this;
+    }
+
+    wrapperClass(name) {
+        this._config.wrapperClass = name;
+        return this;
+    }
+
+    strict(flag = true) {
+        this._config.strict = !!flag;
+        return this;
+    }
+
+    required(methods = []) {
+        this._config.requiredMethods = Array.isArray(methods) ? methods : [];
+        return this;
+    }
+
+    state(initialState = {}) {
+        this._config.state = { ...initialState };
+        return this;
+    }
+
+    bindVar(map = {}) {
+        this._config.bindVars = this._mergeBindings(this._config.bindVars, map);
+        return this;
+    }
+
+    bindEvent(map = {}) {
+        this._config.bindEvents = this._mergeBindings(this._config.bindEvents, map);
+        return this;
+    }
+
+    build() {
+        if (!this._config.name) {
+            this._config.name = 'Module';
+        }
+        return { ...this._config };
+    }
+
+    _mergeBindings(current, next) {
+        const base = Array.isArray(current) ? this._pairsToObject(current) : { ...(current || {}) };
+        if (Array.isArray(next)) {
+            return { ...base, ...this._pairsToObject(next) };
+        }
+        if (next && typeof next === 'object') {
+            return { ...base, ...next };
+        }
+        return base;
+    }
+
+    _pairsToObject(pairs) {
+        const out = {};
+        for (const pair of pairs) {
+            if (pair && typeof pair.selector === 'string') {
+                out[pair.selector] = pair.value;
+            }
+        }
+        return out;
+    }
+}
+
+export default ModuleBuilder;
+
+export class BindingPair {
+    constructor(selector, value) {
+        if (!selector || typeof selector !== 'string') {
+            throw new Error('[BindingPair] selector must be a string.');
+        }
+        this.selector = selector;
+        this.value = value;
+    }
+}

SL/module/TableModule.js

@@ -0,0 +1,22 @@
+import { Module, ModuleBuilder } from './Module.js';
+import { bindTableEvents } from '../../ui/table-bindings.js';
+
+const builder = new ModuleBuilder()
+    .name('TableModule')
+    .view('assets/amily-data-table/Memorisation-forms.html')
+    .strict(true)
+    .required(['mount']);
+
+export default class TableModule extends Module {
+    constructor() {
+        super(builder);
+    }
+
+    async mount() {
+        if (this.el) {
+            this.el.id = 'amily2_memorisation_forms_panel';
+            this.el.style.display = 'none';
+        }
+        bindTableEvents();
+    }
+}

assets/Amily2-TextOptimization.html

@@ -103,15 +103,15 @@
 
     <div class="amily2_settings_block">
         <label for="amily2_max_tokens">最大Token数: <span id="amily2_max_tokens_value"></span></label>
-        <input id="amily2_max_tokens" type="range" min="100" max="100000" step="50" />
+        <input id="amily2_max_tokens" type="number" class="text_pole" min="100" max="100000"/>
     </div>
     <div class="amily2_settings_block">
         <label for="amily2_temperature">思考活跃度: <span id="amily2_temperature_value"></span></label>
-        <input id="amily2_temperature" type="range" min="0" max="2" step="0.1" />
+        <input id="amily2_temperature" type="number" class="text_pole" min="0" max="2"/>
     </div>
     <div class="amily2_settings_block">
         <label for="amily2_context_messages">上下文参考数: <span id="amily2_context_messages_value"></span></label>
-        <input id="amily2_context_messages" type="range" min="0" max="10" step="1" />
+        <input id="amily2_context_messages" type="number" class="text_pole" min="0" max="10"/>
     </div>
 </fieldset>
 

assets/Amily2-optimization.html

@@ -73,9 +73,9 @@
                 </div>
 
                 <label for="amily2_jqyh_max_tokens">最大 Tokens: <span id="amily2_jqyh_max_tokens_value">4000</span></label>
-                <input type="range" id="amily2_jqyh_max_tokens" min="100" max="100000" step="100" value="4000">
+                <input type="number" class="text_pole" id="amily2_jqyh_max_tokens" min="100" max="100000" value="4000">
                 <label for="amily2_jqyh_temperature">温度: <span id="amily2_jqyh_temperature_value">0.7</span></label>
-                <input type="range" id="amily2_jqyh_temperature" min="0" max="2" step="0.1" value="0.7">
+                <input type="number" class="text_pole" id="amily2_jqyh_temperature" min="0" max="2" value="0.7">
             </div>
         </fieldset>
 
@@ -104,7 +104,7 @@
                     <select id="amily2_plotOpt_concurrentModel_select" class="text_pole" style="display: none;"></select>
                 </div>
                 <label for="amily2_plotOpt_concurrentMaxTokens">最大 Tokens: <span id="amily2_plotOpt_concurrentMaxTokens_value">8100</span></label>
-                <input type="range" id="amily2_plotOpt_concurrentMaxTokens" min="100" max="100000" step="100" value="8100">
+                <input type="number" class="text_pole" id="amily2_plotOpt_concurrentMaxTokens" min="100" max="100000" value="8100">
                 <div class="jqyh-button-row" style="grid-column: 1 / -1;">
                     <button id="amily2_plotOpt_concurrent_fetch_models" class="menu_button secondary" title="获取模型列表"><i class="fas fa-sync-alt"></i> 获取模型</button>
                     <button id="amily2_plotOpt_concurrent_test_connection" class="menu_button primary"><i class="fas fa-plug"></i> 测试连接</button>
@@ -142,7 +142,7 @@
                 </div>
                 <div class="inline-settings-grid">
                     <label for="amily2_plotOpt_concurrentWorldbookCharLimit">世界书最大字符数: <span id="amily2_plotOpt_concurrentWorldbookCharLimit_value">60000</span></label>
-                    <input type="range" id="amily2_plotOpt_concurrentWorldbookCharLimit" min="1000" max="200000" step="1000" value="60000">
+                    <input type="number" class="text_pole" id="amily2_plotOpt_concurrentWorldbookCharLimit" min="1000" max="200000" value="60000">
                 </div>
             </div>
         </fieldset>
@@ -236,9 +236,9 @@
             <legend>上下文参数</legend>
             <div class="inline-settings-grid">
                 <label for="amily2_opt_context_limit">上下文条数: <span id="amily2_opt_context_limit_value">10</span></label>
-                <input type="range" id="amily2_opt_context_limit" min="1" max="50" step="1" value="10">
+                <input type="number" class="text_pole" id="amily2_opt_context_limit" min="1" max="50" value="10">
                 <label for="amily2_opt_worldbook_char_limit">世界书最大字符数: <span id="amily2_opt_worldbook_char_limit_value">60000</span></label>
-                <input type="range" id="amily2_opt_worldbook_char_limit" min="1000" max="200000" step="1000" value="60000">
+                <input type="number" class="text_pole" id="amily2_opt_worldbook_char_limit" min="1000" max="200000" value="60000">
             </div>
         </fieldset>
         <fieldset class="settings-group">

assets/amily-additional-features/Amily2-AdditionalFeatures.html

@@ -183,11 +183,11 @@
             <!-- 通用参数配置 -->
             <div class="control-group">
                 <label for="amily2_ngms_max_tokens">最大令牌数：<span id="amily2_ngms_max_tokens_value">4000</span></label>
-                <input type="range" id="amily2_ngms_max_tokens" min="100" max="100000" step="100" value="4000" />
+                <input type="number" class="text_pole" id="amily2_ngms_max_tokens" min="100" max="100000" value="4000" />
             </div>
             <div class="control-group">
                 <label for="amily2_ngms_temperature">温度：<span id="amily2_ngms_temperature_value">0.7</span></label>
-                <input type="range" id="amily2_ngms_temperature" min="0" max="2" step="0.1" value="0.7" />
+                <input type="number" class="text_pole" id="amily2_ngms_temperature" min="0" max="2" value="0.7" />
             </div>
 
             <div class="control-group" style="display: flex; align-items: center; gap: 10px;">

assets/amily-data-table/Memorisation-forms.html

@@ -135,7 +135,7 @@
 
                     <div class="amily2_opt_settings_block">
                         <label for="table_worldbook_char_limit">世界书最大字符数: <span id="table_worldbook_char_limit_value">60000</span></label>
-                        <input type="range" id="table_worldbook_char_limit" min="1000" max="200000" step="1000" value="60000">
+                        <input type="number" class="text_pole" id="table_worldbook_char_limit" min="1000" max="200000" value="60000">
                     </div>
 
                     <hr>
@@ -328,12 +328,12 @@
 
                             <div class="amily2_opt_settings_block" style="margin-bottom: 10px;">
                                 <label for="nccs-max-tokens">最大Token数: <span id="nccs-max-tokens-value">2000</span></label>
-                                <input type="range" id="nccs-max-tokens" min="100" max="100000" step="100" value="2000">
+                                <input type="number" class="text_pole" id="nccs-max-tokens" min="100" max="100000" value="2000">
                             </div>
 
                             <div class="amily2_opt_settings_block" style="margin-bottom: 10px;">
                                 <label for="nccs-temperature">Temperature: <span id="nccs-temperature-value">0.7</span></label>
-                                <input type="range" id="nccs-temperature" min="0" max="2" step="0.1" value="0.7">
+                                <input type="number" class="text_pole" id="nccs-temperature" min="0" max="2" value="0.7">
                             </div>
 
                             <div class="amily2_opt_settings_block" style="margin-bottom: 10px;">

assets/amily-glossary-system/amily2-glossary.html

@@ -76,11 +76,13 @@
                     <!-- 通用参数配置 -->
                     <div class="control-group">
                         <label for="amily2_sybd_max_tokens">最大令牌数：<span id="amily2_sybd_max_tokens_value">4000</span></label>
-                        <input type="range" id="amily2_sybd_max_tokens" min="100" max="100000" step="100" value="4000" data-setting-key="sybdMaxTokens" data-type="integer" />
+                        <input type="number" class="text_pole" id="amily2_sybd_max_tokens" min="100" max="100000" value="4000"
+                            data-setting-key="sybdMaxTokens" data-type="integer" />
                     </div>
                     <div class="control-group">
                         <label for="amily2_sybd_temperature">温度：<span id="amily2_sybd_temperature_value">0.7</span></label>
-                        <input type="range" id="amily2_sybd_temperature" min="0" max="2" step="0.1" value="0.7" data-setting-key="sybdTemperature" data-type="float" />
+                        <input type="number" class="text_pole" id="amily2_sybd_temperature" min="0" max="2" value="0.7"
+                            data-setting-key="sybdTemperature" data-type="float" />
                     </div>
 
                     <!-- 测试按钮组 - 水平排列 -->