Dash应用中处理用户多值输入：从逗号分隔字符串到Python列表的转换

input_str = '-1, "", "na", "#99", 100'
# 拆分字符串
split_items = input_str.split(',')
print(f"拆分后的列表: {split_items}")
# 输出: ['-1', ' ""', ' "na"', ' "#99"', ' 100']

import ast

input_str = '-1, "", "na", "#99", 100'
processed_list = []
for item_str in input_str.split(','):
    stripped_item = item_str.strip() # 去除元素两端的空白

    if not stripped_item:
        # 处理空字符串段，例如 "a,,b" 中的中间空值
        processed_list.append("")
        continue

    try:
        # 尝试使用 ast.literal_eval 解析字面量
        processed_list.append(ast.literal_eval(stripped_item))
    except (ValueError, SyntaxError):
        # 如果不是有效的Python字面量，则将其作为普通字符串处理
        # 这可以处理用户输入没有引号的字符串，如 "hello"
        processed_list.append(stripped_item)
    except Exception as e:
        # 捕获其他未知错误
        print(f"处理 '{stripped_item}' 时发生未知错误: {e}")
        processed_list.append(stripped_item) # 保持原样或根据需求处理

print(f"最终处理后的列表: {processed_list}")
# 预期输出: [-1, '', 'na', '#99', 100]
print(f"列表元素的类型示例: {[type(x) for x in processed_list[:3]]}")
# 预期输出: [<class 'int'>, <class 'str'>, <class 'str'>]

import dash
from dash import Dash, html, dcc, Input, Output, State, no_update
import dash_bootstrap_components as dbc
import ast # 导入 ast 模块

# 定义外部样式表
dbc_css = (
    "https://cdn.jsdelivr.net/gh/AnnMarieW/dash-bootstrap-templates@V1.0.4/dbc.min.css"
)

# 初始化 Dash 应用
app = Dash(
    __name__,
    suppress_callback_exceptions=True, # 允许回调在布局加载前不触发
    external_stylesheets=[dbc.themes.BOOTSTRAP, dbc_css],
)

# 定义UI组件
btn1 = dbc.Button(id='btn1', children='处理输入', color="primary", className="me-2")
ip1 = dbc.Input(
    id='ip1',
    type='text',
    placeholder='请输入逗号分隔的值，例如：-1, "", "na", "#99", 100',
    className="flex-grow-1"
)
div1 = html.Div(id='div1', children='处理结果将显示在此处。', className="mt-3 p-3 border rounded bg-light")

# 定义应用布局
app.layout = dbc.Container(
    html.Div([
        html.H2("Dash多值输入处理示例", className="my-4 text-center"),
        dbc.Card(
            dbc.CardBody([
                html.P("在下方文本框中输入逗号分隔的值，点击按钮查看解析结果。", className="mb-3"),
                dbc.Row([
                    dbc.Col(ip1, width=9),
                    dbc.Col(btn1, width=3)
                ],