Function _createSettingPanel

apps/json-format/content-script.js:826–998

()

    };

    let _createSettingPanel = () => {
        let html = `<div id="jfSettingPanel" class="mod-setting-panel">
            <h4>基本配置项</h4>
            <form action="#">
                <div class="setting-section-title">运行</div>
                <ul>
                    <li><label><input type="checkbox" name="alwaysOn" value="1">总是开启 JSON 自动格式化</label></li>
                    <li><label><input type="checkbox" name="alwaysShowToolbar" value="1">总是显示顶部工具栏</label></li>
               </ul>

                <div class="setting-section-title">解析与排序</div>
                <ul>
                    <li><label><input type="checkbox" name="enableSort" value="1">启用 JSON 键名排序</label></li>
                    <li><label><input type="checkbox" name="nestedParse" value="1">默认启用嵌套解析</label></li>
                    <li><label><input type="checkbox" name="autoDecode" value="1">自动进行 URL / Unicode 解码</label></li>
                    <li><label><input type="checkbox" name="errorEncoding" value="1">显示乱码修正入口</label></li>
                    <li><label><input type="text" name="maxlength" value="10000">最大支持的 JSON Key 数量</label></li>
               </ul>

                <div class="setting-section-title">显示</div>
                <ul>
                    <li><label><input type="checkbox" name="alwaysShowStatusbar" value="1">启用状态栏（复制/下载/删除）</label></li>
                    <li><label><input type="checkbox" name="keepQuote" value="1">保留键值对双引号</label></li>
               </ul>

               <h4>自定义皮肤</h4>
               <ul>
                    <li><label><input type="radio" name="skinId" value="0">默认模式（简约风格）</label></li>
                    <li><label><input type="radio" name="skinId" value="1">极简模式（纯源码）</label></li>
                    <li><label><input type="radio" name="skinId" value="2">清爽模式（明亮、跳跃）</label></li>
                    <li><label><input type="radio" name="skinId" value="3">暗黑模式（安静、忧郁）</label></li>
                    <li><label><input type="radio" name="skinId" value="4">vscode模式（醒目、专注）</label></li>
                    <li><label><input type="radio" name="skinId" value="5">github模式（纵享丝滑）</label></li>
                    <li><label><input type="radio" name="skinId" value="6">素人模式（清心寡欲）</label></li>
               </ul>

               <div class="setting-support-link">
                    <a href="#" class="setting-donate-link"><span class="setting-donate-badge">SP</span><span>请作者喝咖啡</span></a>
               </div>

               <div class="btns">
                    <input type="submit" class="xjf-btn" name="submit" value="完成">
                    <input type="button" class="xjf-btn" name="close" value="关闭">
               </div>
            </form>
        </div>`;

        let sPanel = $('#jfSettingPanel');
        if (!sPanel.length) {
            sPanel = $(html).appendTo('#jfToolbar');
            let collectPanelOptions = () => ({
                JSON_PAGE_FORMAT: sPanel.find('input[name="alwaysOn"]').prop('checked'),
                JSON_TOOL_BAR_ALWAYS_SHOW: sPanel.find('input[name="alwaysShowToolbar"]').prop('checked'),
                STATUS_BAR_ALWAYS_SHOW: sPanel.find('input[name="alwaysShowStatusbar"]').prop('checked'),
                AUTO_TEXT_DECODE: sPanel.find('input[name="autoDecode"]').prop('checked'),
                FIX_ERROR_ENCODING: sPanel.find('input[name="errorEncoding"]').prop('checked'),
                ENABLE_JSON_KEY_SORT: sPanel.find('input[name="enableSort"]').prop('checked'),
                NESTED_ESCAPE_PARSE: sPanel.find('input[name="nestedParse"]').prop('checked'),