算法 {{crcPresetOptions[crcPresetIndex].label}} 位宽 1 - 64 Poly HEX 初始值 HEX 结果异或值 HEX 输入反转输出反转密钥 UTF-8 盐值 UTF-8 迭代次数 1 - 100000 输出长度 1 - 4096 Byte 数据 {{crcInputTypeOptions[crcInputTypeIndex].label}} 加载清空计算文件 {{crcFileSizeText}} {{crcFileName}}

</view>
      </view>

<view class="panel params-section-panel">
        <view class="params-section-title">结果</view>
        <view class="param-row crc-calc-result-row">
          <view class="param-main crc-calc-result-main">
            <view class="param-name">HEX</view>
            <view class="crc-calc-result-value" data-value="{{crcResultHex}}" bindtap="copyToolResult">{{crcResultHex}}</view>
          </view>
        </view>
        <view wx:if="{{crcShowBinResult}}" class="param-row crc-calc-result-row crc-calc-result-row--bin">
          <view class="param-main crc-calc-result-main">
            <view class="param-name">BIN</view>
            <view class="crc-calc-result-value crc-calc-result-value--bin" data-value="{{crcResultBin}}" bindtap="copyToolResult">
              <text wx:for="{{crcResultBinLines}}" wx:key="id" class="crc-result-bin-line">{{item.text}}</text>
            </view>
          </view>
        </view>
        <view class="param-row crc-calc-result-row">
          <view class="param-main crc-calc-result-main">
            <view class="param-name">Base64</view>
            <view class="crc-calc-result-value" data-value="{{crcResultBase64}}" bindtap="copyToolResult">{{crcResultBase64}}</view>
          </view>
        </view>
        <view wx:if="{{crcErrorText}}" class="param-row">
          <view class="param-main">
            <view class="param-name">错误</view>
          </view>
          <view class="crc-error-value">{{crcErrorText}}</view>
        </view>
      </view>
    </block>

<block wx:elif="{{activeSettingsView == 'filter'}}">
      <view class="panel params-section-panel">
        <view class="params-section-title filter-section-title">
          <view class="filter-section-title-text">参数</view>
          <view class="filter-mode-actions">
            <view class="filter-mode-button" bindtap="toggleFilterNetwork">{{filterNetworkText}}</view>
            <view class="filter-mode-button" bindtap="toggleFilterResponse">{{filterResponseText}}</view>
            <view class="filter-mode-button" bindtap="clearFilterInputs">清除</view>
          </view>
        </view>
        <view class="param-row input-row">
          <view class="param-main">
            <view class="param-name">电阻 R</view>
            <view wx:if="{{filterComputedKey == 'resistance'}}" class="param-meta">自动计算</view>
          </view>
          <view class="filter-input-wrap">
            <input
              class="value-input filter-value-input {{filterComputedKey == 'resistance' ? 'filter-value-input--computed' : ''}}"
              type="digit"
              placeholder="--"
              data-field="resistance"
              value="{{filterResistanceDisplayValue}}"
              bindinput="onFilterResistanceInput"
              bindblur="onFilterValueBlur"
            />
            <picker
              class="filter-unit-picker"
              mode="selector"
              range="{{filterResistanceUnitOptions}}"
              range-key="label"
              value="{{filterResistanceUnitIndex}}"
              bindchange="onFilterResistanceUnitChange"
            >
              <view class="filter-unit-value">{{filterResistanceUnitText}}</view>
            </picker>
          </view>
        </view>
        <view class="param-row input-row">
          <view class="param-main">
            <view class="param-name">{{filterReactiveName}} {{filterReactiveSymbol}}</view>
            <view wx:if="{{filterComputedKey == 'reactive'}}" class="param-meta">自动计算</view>
          </view>
          <view class="filter-input-wrap">
            <input
              class="value-input filter-value-input {{filterComputedKey == 'reactive' ? 'filter-value-input--computed' : ''}}"
              type="digit"
              placeholder="--"
              data-field="reactive"
              value="{{filterReactiveDisplayValue}}"
              bindinput="onFilterReactiveInput"
              bindblur="onFilterValueBlur"
            />
            <picker
              class="filter-unit-picker"
              mode="selector"
              range="{{filterReactiveUnitOptions}}"
              range-key="label"
              value="{{filterReactiveUnitIndex}}"
              bindchange="onFilterReactiveUnitChange"
            >
              <view class="filter-unit-value">{{filterReactiveUnitText}}</view>
            </picker>
          </view>
        </view>
        <view class="param-row input-row">
          <view class="param-main">
            <view class="param-name">-3dB截止频率</view>
            <view wx:if="{{filterComputedKey == 'frequency'}}" class="param-meta">自动计算</view>
          </view>
          <view class="filter-input-wrap">
            <input
              class="value-input filter-value-input {{filterComputedKey == 'frequency' ? 'filter-value-input--computed' : ''}}"
              type="digit"
              placeholder="--"
              data-field="frequency"
              value="{{filterFrequencyDisplayValue}}"
              bindinput="onFilterFrequencyInput"
              bindblur="onFilterValueBlur"
            />
            <picker
              class="filter-unit-picker"
              mode="selector"
              range="{{filterFrequencyUnitOptions}}"
              range-key="label"
              value="{{filterFrequencyUnitIndex}}"
              bindchange="onFilterFrequencyUnitChange"
            >
              <view class="filter-unit-value">{{filterFrequencyUnitText}}</view>
            </picker>
          </view>
        </view>
        <view wx:if="{{filterErrorText}}" class="filter-error-inline">{{filterErrorText}}</view>
      </view>

<view class="panel params-section-panel">
        <view class="params-section-title filter-diagram-title">
          <view>电路图</view>
          <view class="filter-diagram-mode">{{filterNetworkText}} · {{filterResponseText}}</view>
        </view>
        <view class="filter-diagram">
          <view class="filter-diagram-row filter-diagram-row--top">
            <view class="filter-diagram-port">Vin</view>
            <view class="filter-diagram-wire"></view>
            <view class="filter-diagram-component filter-diagram-component--series filter-diagram-component--{{filterSeriesComponentKey}}">
              <view class="filter-diagram-component-icon filter-diagram-component-icon--{{filterSeriesComponentKey}}">
                <view class="filter-diagram-icon-loop"></view>
                <view class="filter-diagram-icon-loop"></view>
                <view class="filter-diagram-icon-loop"></view>
              </view>
            </view>
            <view class="filter-diagram-wire"></view>
            <view class="filter-diagram-node-wrap">
              <view class="filter-diagram-node"></view>
              <view class="filter-diagram-branch">
                <view class="filter-diagram-branch-wire"></view>
                <view class="filter-diagram-component filter-diagram-component--shunt filter-diagram-component--{{filterShuntComponentKey}}">
                  <view class="filter-diagram-component-icon filter-diagram-component-icon--{{filterShuntComponentKey}}">
                    <view class="filter-diagram-icon-loop"></view>
                    <view class="filter-diagram-icon-loop"></view>
                    <view class="filter-diagram-icon-loop"></view>
                  </view>
                </view>
                <view class="filter-diagram-ground">
                  <view class="filter-diagram-ground-stem"></view>
                  <view class="filter-diagram-ground-line filter-diagram-ground-line--1"></view>
                  <view class="filter-diagram-ground-line filter-diagram-ground-line--2"></view>
                  <view class="filter-diagram-ground-line filter-diagram-ground-line--3"></view>
                </view>
              </view>
            </view>
            <view class="filter-diagram-wire"></view>
            <view class="filter-diagram-port">Vout</view>
          </view>
        </view>
      </view>
    </block>

<block wx:elif="{{activeSettingsView == 'reactance'}}">
      <view class="panel params-section-panel">
        <view class="params-section-title filter-section-title">
          <view class="filter-section-title-text">参数</view>
          <view class="filter-mode-actions">
            <view class="filter-mode-button" bindtap="toggleReactanceMode">{{reactanceModeText}}</view>
            <view class="filter-mode-button" bindtap="clearReactanceInputs">清除</view>
          </view>
        </view>
        <view class="param-row input-row">
          <view class="param-main">
            <view class="param-name">频率 f</view>
          </view>
          <view class="filter-input-wrap">
            <input
              class="value-input filter-value-input"
              type="digit"
              placeholder="--"
              data-field="frequency"
              value="{{reactanceFrequencyDisplayValue}}"
              bindinput="onReactanceFrequencyInput"
              bindblur="onReactanceValueBlur"
            />
            <picker
              class="filter-unit-picker"
              mode="selector"
              range="{{reactanceFrequencyUnitOptions}}"
              range-key="label"
              value="{{reactanceFrequencyUnitIndex}}"
              bindchange="onReactanceFrequencyUnitChange"
            >
              <view class="filter-unit-value">{{reactanceFrequencyUnitText}}</view>
            </picker>
          </view>
        </view>
        <view class="param-row input-row">
          <view class="param-main">
            <view class="param-name">{{reactanceReactiveName}} {{reactanceReactiveSymbol}}</view>
          </view>
          <view class="filter-input-wrap">
            <input
              class="value-input filter-value-input"
              type="digit"
              placeholder="--"
              data-field="reactive"
              value="{{reactanceReactiveDisplayValue}}"
              bindinput="onReactanceReactiveInput"
              bindblur="onReactanceValueBlur"
            />
            <picker
              class="filter-unit-picker"
              mode="selector"
              range="{{reactanceReactiveUnitOptions}}"
              range-key="label"
              value="{{reactanceReactiveUnitIndex}}"
              bindchange="onReactanceReactiveUnitChange"
            >
              <view class="filter-unit-value">{{reactanceReactiveUnitText}}</view>
            </picker>
          </view>
        </view>
        <view wx:if="{{reactanceErrorText}}" class="filter-error-inline">{{reactanceErrorText}}</view>
      </view>

<view class="panel params-section-panel">
        <view class="params-section-title filter-diagram-title">
          <view>结果</view>
          <view class="filter-diagram-mode">{{reactanceModeText}}</view>
        </view>
        <view
          wx:for="{{reactanceResultRows}}"
          wx:for-item="row"
          wx:key="label"
          class="param-row smd-result-row"
        >
          <view class="param-main">
            <view class="param-name">{{row.label}}</view>
            <view class="param-meta">{{row.meta}}</view>
          </view>
          <view class="smd-result-value">{{row.value}}</view>
        </view>
      </view>
    </block>

<block wx:elif="{{activeSettingsView == 'smdCode'}}">
      <view class="panel params-section-panel">
        <view class="params-section-title smd-section-title">
          <view class="smd-section-title-text">类型</view>
          <view class="smd-mode-actions">
            <view
              wx:for="{{smdKindOptions}}"
              wx:key="key"
              class="smd-mode-button {{smdKindKey == item.key ? 'is-active' : ''}}"
              data-kind="{{item.key}}"
              bindtap="onSmdKindTap"
            >
              {{item.label}}
            </view>
          </view>
        </view>
        <view class="smd-format-row">
          <view
            wx:for="{{smdFormatOptions}}"
            wx:key="key"
            class="smd-format-button {{smdFormatKey == item.key ? 'is-active' : ''}}"
            data-format="{{item.key}}"
            bindtap="onSmdFormatTap"
          >
            {{item.label}}
          </view>
        </view>
      </view>

<view class="panel params-section-panel">
        <view class="params-section-title smd-section-title">
          <view class="smd-section-title-text">编码</view>
          <view wx:if="{{smdCodeText}}" class="panel-action-button" bindtap="clearSmdCodeInput">清空</view>
        </view>
        <view class="param-row input-row">
          <view class="param-main">
            <view class="param-name">EIA</view>
            <view class="param-meta">{{smdKindText}} · {{smdFormatText}}</view>
          </view>
          <view class="input-wrap">
            <input
              class="value-input smd-code-input"
              placeholder="{{smdFormatKey == 'eia96' ? '01A' : smdFormatKey == 'eia198' ? 'A4' : '103'}}"
              value="{{smdCodeText}}"
              bindinput="onSmdCodeInput"
            />
          </view>
        </view>
      </view>

<view class="panel params-section-panel">
        <view class="params-section-title">结果</view>
        <view class="param-row smd-result-row">
          <view class="param-main">
            <view class="param-name">显示值</view>
            <view class="param-meta {{smdErrorText ? 'param-meta--dirty' : ''}}">{{smdErrorText || smdFormulaText || '输入编码后自动计算'}}</view>
          </view>
          <view class="smd-result-value {{smdErrorText ? 'smd-result-value--error' : ''}}">{{smdResultText}}</view>
        </view>
      </view>
    </block>

<block wx:elif="{{activeSettingsView == 'refrigeration'}}">
      <view class="panel params-section-panel">
        <view class="params-section-title smd-section-title refrigeration-title-row">
          <view class="smd-section-title-text">公式</view>
          <picker
            class="refrigeration-mode-picker"
            mode="selector"
            range="{{coolingModeOptions}}"
            range-key="label"
            value="{{coolingModeIndex}}"
            bindchange="onCoolingModeChange"
          >
            <view class="generic-picker-value refrigeration-picker-value">
              {{coolingModeText}}
            </view>
          </picker>
        </view>
        <view class="smd-format-row refrigeration-formula-row">
          <view class="refrigeration-formula-text">{{coolingFormulaText}}</view>
        </view>
      </view>

<view class="panel params-section-panel">
        <view class="params-section-title smd-section-title">
          <view class="smd-section-title-text">输入</view>
          <view wx:if="{{coolingAnyInput}}" class="panel-action-button" bindtap="clearCoolingInputs">清空</view>
        </view>
        <view
          wx:for="{{coolingFieldRows}}"
          wx:for-item="field"
          wx:key="key"
          class="param-row input-row"
        >
          <view class="param-main">
            <view class="param-name">{{field.label}}</view>
            <view class="param-meta">{{field.unit}}</view>
          </view>
          <view class="input-wrap">
            <input
              class="value-input smd-code-input refrigeration-input"
              type="text"
              placeholder="{{field.placeholder}}"
              value="{{field.value}}"
              data-field="{{field.key}}"
              bindinput="onCoolingInput"
            />
          </view>
        </view>
      </view>

<view class="panel params-section-panel">
        <view class="params-section-title">结果</view>
        <view wx:if="{{coolingErrorText}}" class="filter-error-inline">{{coolingErrorText}}</view>
        <view wx:if="{{!coolingResultRows.length && !coolingErrorText}}" class="param-row smd-result-row">
          <view class="param-main">
            <view class="param-name">显示值</view>
            <view class="param-meta">输入参数后自动计算</view>
          </view>
          <view class="smd-result-value">--</view>
        </view>
        <view
          wx:for="{{coolingResultRows}}"
          wx:for-item="row"
          wx:key="label"
          class="param-row smd-result-row"
        >
          <view class="param-main">
            <view class="param-name">{{row.label}}</view>
          </view>
          <view class="smd-result-value">{{row.value}}</view>
        </view>
      </view>
    </block>

<block wx:elif="{{activeSettingsView == 'threePhasePower'}}">
      <view class="panel params-section-panel">
        <view class="params-section-title smd-section-title">
          <view class="smd-section-title-text">参数</view>
          <view class="smd-mode-actions">
            <view
              wx:for="{{threePhaseConnectionOptions}}"
              wx:key="key"
              class="smd-mode-button {{threePhaseConnectionKey == item.key ? 'is-active' : ''}}"
              data-connection="{{item.key}}"
              bindtap="onThreePhaseConnectionTap"
            >
              {{item.label}}
            </view>
            <view class="panel-action-button" bindtap="clearThreePhaseInputs">清除</view>
          </view>
        </view>
        <view wx:if="{{threePhaseErrorText}}" class="filter-error-inline">{{threePhaseErrorText}}</view>
        <view
          wx:for="{{threePhaseRows}}"
          wx:for-item="row"
          wx:key="key"
          class="param-row {{row.editable ? 'input-row' : ''}}"
        >
          <view class="param-main">
            <view class="param-name">{{row.label}}</view>
            <view wx:if="{{row.unit}}" class="param-meta">{{row.unit}}</view>
          </view>
          <view wx:if="{{!row.editable}}" class="smd-result-value">{{row.value}}</view>
          <view wx:if="{{row.editable}}" class="input-wrap">
            <input
              class="value-input smd-code-input three-phase-input"
              type="text"
              placeholder="{{row.placeholder}}"
              value="{{row.value}}"
              data-field="{{row.field}}"
              bindinput="onThreePhaseInput"
            />
          </view>
        </view>
      </view>
    </block>

</block>
    <block wx:else>
    <view class="panel settings-section-panel">
      <view class="params-section-title">通用设置</view>
      <view class="settings-row">
        <view class="settings-row-main">
          <view class="param-name">夜间模式启用</view>
          <view class="param-meta">当前 {{themeMode === 'dark' ? '夜间' : '日间'}}</view>
        </view>
        <switch
          checked="{{nightModeEnabledSwitch}}"
          color="#0f766e"
          disabled="{{nightModeFollowSystem}}"
          bindchange="onNightModeEnabledChange"
        />
      </view>
      <view class="settings-row">
        <view class="settings-row-main">
          <view class="param-name">夜间模式跟随系统</view>
          <view class="param-meta">{{nightModeFollowSystem ? '已跟随' : '手动控制'}}</view>
        </view>
        <switch
          checked="{{nightModeFollowSystem}}"
          color="#0f766e"
          bindchange="onNightModeFollowSystemChange"
        />
      </view>
    </view>

<view class="panel settings-section-panel">
      <view class="params-section-title">Modbus</view>
      <view class="settings-row">
        <view class="settings-row-main">
          <view class="param-name">协议筛选</view>
          <view class="param-meta">用于选择当前调试协议</view>
        </view>
        <picker
          mode="selector"
          range="{{modbusProtocolOptions}}"
          range-key="label"
          value="{{modbusProtocolIndex}}"
          bindchange="onModbusProtocolChange"
        >
          <view class="settings-picker-value">{{modbusProtocolText}}</view>
        </picker>
      </view>
      <view class="settings-row settings-row--input">
        <view class="settings-row-main">
          <view class="param-name">从机地址</view>
          <view class="param-meta">00 - FF</view>
        </view>
        <view class="settings-input-wrap">
          <input
            class="value-input settings-value-input settings-value-input--hex"
            maxlength="2"
            value="{{modbusSlaveAddress}}"
            bindblur="onModbusSlaveAddressBlur"
            bindconfirm="onModbusSlaveAddressBlur"
          />
        </view>
      </view>
      <view wx:if="{{!isGenericProtocol}}" class="settings-row settings-row--input">
        <view class="settings-row-main">
          <view class="param-name">用户状态个数</view>
          <view class="param-meta">0 - {{maxUserStatusCount}}</view>
        </view>
        <view class="settings-input-wrap">
          <input
            class="value-input settings-value-input"
            type="number"
            value="{{userStatusCount}}"
            bindblur="onUserStatusCountBlur"
            bindconfirm="onUserStatusCountBlur"
          />
        </view>
      </view>
      <view wx:if="{{!isGenericProtocol}}" class="settings-row settings-row--input">
        <view class="settings-row-main">
          <view class="param-name">状态轮询间隔</view>
          <view class="param-meta">{{statusPollMinInterval}} - {{statusPollMaxInterval}} ms</view>
        </view>
        <view class="settings-input-wrap settings-input-wrap--unit">
          <input
            class="value-input settings-value-input settings-value-input--unit"
            type="number"
            value="{{statusPollInterval}}"
            bindblur="onStatusPollIntervalBlur"
            bindconfirm="onStatusPollIntervalBlur"
          />
          <text class="settings-unit settings-unit--inside">ms</text>
        </view>
      </view>
      <view wx:if="{{isGenericProtocol}}" class="settings-row">
        <view class="settings-row-main">
          <view class="param-name">自动轮询</view>
          <view class="param-meta">{{genericModbusAutoPollEnabled ? '已启用' : '已停止'}}</view>
        </view>
        <switch
          checked="{{genericModbusAutoPollEnabled}}"
          color="#0f766e"
          bindchange="onGenericModbusAutoPollChange"
        />
      </view>
      <view wx:if="{{isGenericProtocol}}" class="settings-row settings-row--input">
        <view class="settings-row-main">
          <view class="param-name">轮询间隔</view>
          <view class="param-meta">{{statusPollMinInterval}} - {{statusPollMaxInterval}} ms</view>
        </view>
        <view class="settings-input-wrap settings-input-wrap--unit">
          <input
            class="value-input settings-value-input settings-value-input--unit"
            type="number"
            value="{{genericModbusPollInterval}}"
            bindblur="onGenericModbusPollIntervalBlur"
            bindconfirm="onGenericModbusPollIntervalBlur"
          />
          <text class="settings-unit settings-unit--inside">ms</text>
        </view>
      </view>
      <view wx:if="{{isGenericProtocol}}" class="settings-row settings-row--input">
        <view class="settings-row-main">
          <view class="param-name">最大包长</view>
          <view class="param-meta">0 为无限制，最小 {{genericModbusMinPacketLength}} 字节</view>
        </view>
        <view class="settings-input-wrap settings-input-wrap--unit">
          <input
            class="value-input settings-value-input settings-value-input--unit"
            type="number"
            value="{{genericModbusMaxPacketLength}}"
            bindblur="onGenericModbusMaxPacketLengthBlur"
            bindconfirm="onGenericModbusMaxPacketLengthBlur"
          />
          <text class="settings-unit settings-unit--inside">B</text>
        </view>
      </view>
    </view>

<view class="panel settings-section-panel">
      <view class="params-section-title">工具</view>
      <view
        wx:for="{{toolEntries}}"
        wx:key="view"
        class="settings-row settings-tool-row"
        data-view="{{item.view}}"
        bindtap="openToolEntry"
      >
        <view class="settings-tool-main">
          <view class="settings-tool-icon-frame {{item.icon}}">
            <image class="settings-tool-icon-image" src="{{item.iconSrc}}" mode="aspectFit"></image>
          </view>
          <view class="param-name settings-tool-title">{{item.label}}</view>
        </view>
        <view class="entry-chevron"></view>
      </view>
    </view>
    </block>
  </view>
</scroll-view>