Material-UI Shell-Bash

Material-UI Shell-Bash 是一个基于 Material-UI 的 Bash shell UI 框架。它提供了一些常见的 Bash UI 组件，使得开发者可以更加轻松地构建 Bash shell 应用。

特点

• 基于 Material-UI。
• 提供了常见的 Bash UI 组件，如文本框、单选框、复选框、下拉框等。
• 组件可自适应，适用于不同分辨率的终端。
• 提供简洁的 API，易于使用。

安装

要使用 Material-UI Shell-Bash，你需要先安装以下软件：

• Bash shell
• jq
• fzf

然后你可以在你的 Bash shell 脚本中导入 Material-UI Shell-Bash：

#!/usr/bin/env bash

source ./path/to/material-ui-shell-bash.sh

使用

Material-UI Shell-Bash 包含许多常见的 Bash shell UI 组件，如文本框、单选框、复选框、下拉框等。你可以通过在你的 Bash shell 脚本中使用这些组件来构建你的 Bash shell 应用。

TextField 组件

TextField 组件是一个用于输入文本的组件。它可以是单行文本框或多行文本框。

#!/usr/bin/env bash

source ./path/to/material-ui-shell-bash.sh

text=$(mui_text_field "请输入文本：" "默认值" true)
echo "$text"

• 第一个参数是提示文本。
• 第二个参数是默认值。
• 第三个参数表示该文本框是否为多行文本框。

RadioGroup 组件

RadioGroup 组件是一个单选框组件。它可以包含多个单选框。

#!/usr/bin/env bash

source ./path/to/material-ui-shell-bash.sh

options=("选项1" "选项2" "选项3")
selected=$(mui_radio_group "请选择选项：" "${options[@]}")
echo "$selected"

• 第一个参数是提示文本。
• 第二个参数是选项数组，每个数组元素表示一个单选框。

CheckboxGroup 组件

CheckboxGroup 组件是一个复选框组件。它可以包含多个复选框。

#!/usr/bin/env bash

source ./path/to/material-ui-shell-bash.sh

options=("选项1" "选项2" "选项3")
selected=$(mui_checkbox_group "请选择选项：" "${options[@]}")
echo "${selected[@]}"

• 第一个参数是提示文本。
• 第二个参数是选项数组，每个数组元素表示一个复选框。
• 返回值为选中的复选框数组。

Select 组件

Select 组件是一个下拉框组件。它可以包含多个选项。

#!/usr/bin/env bash

source ./path/to/material-ui-shell-bash.sh

options=("选项1" "选项2" "选项3")
selected=$(mui_select "请选择选项：" "${options[@]}")
echo "$selected"

• 第一个参数是提示文本。
• 第二个参数是选项数组，每个数组元素表示一个下拉框选项。

Dialog 组件

Dialog 组件是一个对话框组件。它可以包含多个组件。

#!/usr/bin/env bash

source ./path/to/material-ui-shell-bash.sh

name=$(mui_text_field "请输入姓名：" "")
options=("男" "女")
gender=$(mui_radio_group "请选择性别：" "${options[@]}")
hobbies=("编程" "游戏" "音乐")
hobby=$(mui_checkbox_group "请选择兴趣爱好：" "${hobbies[@]}")

mui_dialog "用户信息" "
姓名：$name
性别：$gender
兴趣爱好：${hobby[@]}
"

• 第一个参数是对话框标题。
• 第二个参数是对话框内容，可以包含多个组件。

示例

下面是如何使用 Material-UI Shell-Bash 构建一个选项列表的示例：

#!/usr/bin/env bash

source ./path/to/material-ui-shell-bash.sh

options=("选项1" "选项2" "选项3" "选项4" "选项5")
while true; do
    selected=$(mui_select "请选择一项：" "${options[@]}")
    if [[ $? -eq 0 ]]; then
        echo "你选择了 $selected"
        break
    fi
done

下面是如何使用 Material-UI Shell-Bash 构建一个文件选择器的示例：

#!/usr/bin/env bash

source ./path/to/material-ui-shell-bash.sh

while true; do
    selected=$(find . | fzf)
    if [ -n "$selected" ]; then
        mui_dialog "你选择了文件" "$selected"
        break
    fi
done

结论

Material-UI Shell-Bash 是一个基于 Material-UI 的 Bash shell UI 框架。它提供了许多常见的 Bash UI 组件，使得开发者可以更加轻松地构建 Bash shell 应用。通过使用 Material-UI Shell-Bash，你可以创建更加美观、易于使用的 Bash shell 应用程序。