@epxing/designer 0.0.0-stage → 5.3.0-beta.1

package/dist/src/visual/ListFirst.js

@@ -0,0 +1,703 @@
+import draggable from "@epxing/core/src/components/draggable";
+import { resolveComponent, openBlock, createElementBlock, createElementVNode, Fragment, renderList, createTextVNode, toDisplayString, createVNode, withCtx, createBlock, normalizeClass, mergeProps, TransitionGroup, withDirectives, vShow, createCommentVNode } from "vue";
+/* empty css              */
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
+const _sfc_main = {
+  name: "epx11-visual-list",
+  components: {
+    draggable
+  },
+  props: {
+    initConfigs: Object
+  },
+  data() {
+    return {
+      drag: false,
+      dialogTableVisible: false,
+      dialogOperateVisible: false,
+      operateConfigItemKey: "",
+      operateOptionKey: "",
+      fieldGroup: [],
+      unFoldFieldItems: {},
+      selectFields: [],
+      operateSetting: {},
+      // 页面配置
+      configs: {},
+      // 页面默认配置项
+      defaultConfigs: {
+        navConfigs: {
+          flag: true,
+          title: this.page.title || this.meta.title
+        },
+        searchConfigs: {
+          flag: true,
+          mode: "keywords",
+          searchFields: [this.meta.label]
+        },
+        listConfigs: {
+          listFields: this.meta.getAttriNames(),
+          pageFlag: true,
+          // 是否需要分页
+          multiSelectColumnFlag: true,
+          // 是否显示多选框列
+          serialColumnFlag: true,
+          // 是否显示序号列
+          operateColumnFlag: true,
+          // 是否显示操作列
+          columnOperates: [
+            {
+              text: "编辑",
+              handler: "editEntity"
+            },
+            {
+              text: "删除",
+              handler: "removeEntity"
+            }
+          ]
+        }
+      },
+      // 配置项
+      configOptions: [
+        {
+          key: "navConfigs",
+          name: "导航配置",
+          children: [
+            { key: "flag", name: "是否显示导航栏", type: "radio", options: [{ label: "是", value: true }, { label: "否", value: false }] },
+            { key: "title", name: "页面标题", type: "text" }
+          ]
+        },
+        {
+          key: "searchConfigs",
+          name: "查询区域",
+          children: [
+            { key: "flag", name: "是否显示查询区域", type: "radio", options: [{ label: "是", value: true }, { label: "否", value: false }] },
+            {
+              key: "mode",
+              name: "查询模式",
+              type: "radio",
+              options: [
+                {
+                  label: "关键字查询",
+                  value: "keywords"
+                },
+                {
+                  label: "选项式查询",
+                  value: "select"
+                },
+                {
+                  label: "字段组合查询",
+                  value: "fields"
+                }
+              ]
+            },
+            {
+              key: "searchFields",
+              name: "查询字段",
+              type: "field"
+              // 选取字段
+            }
+          ]
+        },
+        {
+          key: "listConfigs",
+          name: "列表区域",
+          children: [
+            {
+              key: "listFields",
+              name: "列表字段",
+              type: "field"
+            },
+            {
+              key: "pageFlag",
+              name: "是否需要分页",
+              type: "radio",
+              options: [
+                { label: "需要", value: true },
+                { label: "不需要", value: false }
+              ]
+            },
+            {
+              key: "multiSelectColumnFlag",
+              name: "是否显示多选框列",
+              type: "radio",
+              options: [
+                { label: "需要", value: true },
+                { label: "不需要", value: false }
+              ]
+            },
+            {
+              key: "serialColumnFlag",
+              name: "是否需要序号",
+              type: "radio",
+              options: [
+                { label: "需要", value: true },
+                { label: "不需要", value: false }
+              ]
+            },
+            {
+              key: "operateColumnFlag",
+              name: "是否需要操作列",
+              type: "radio",
+              options: [
+                { label: "需要", value: true },
+                { label: "不需要", value: false }
+              ]
+            },
+            {
+              key: "columnOperates",
+              name: "操作列",
+              type: "operate"
+            }
+          ]
+        }
+      ],
+      // 按钮设置
+      operateConfigs: [
+        { key: "text", name: "按钮名称", type: "text" },
+        // { key: 'icon', name: '图标', type: 'text' },
+        {
+          key: "type",
+          name: "按钮类型",
+          type: "select",
+          options: [
+            { label: "默认按钮", value: "default" },
+            { label: "主要按钮", value: "primary" },
+            { label: "成功按钮", value: "success" },
+            { label: "信息按钮", value: "info" },
+            { label: "警告按钮", value: "warning" },
+            { label: "危险按钮", value: "danger" },
+            { label: "文本按钮", value: "text" }
+          ]
+        },
+        {
+          key: "handler",
+          name: "调用方法",
+          type: "select",
+          options: [
+            { label: "进入新增页面", value: "addEntity" },
+            { label: "进入编辑页面", value: "editEntity" },
+            { label: "进入详情页面", value: "viewEntity" },
+            { label: "删除记录", value: "removeEntity" },
+            { label: "导入", value: "entityImport" },
+            { label: "导出", value: "entityExport" },
+            { label: "返回", value: "backPage" },
+            { label: "跳转页面", value: "goPage" },
+            { label: "通用请求", value: "commonAction" }
+          ]
+        }
+        // { key: 'action', name: '请求命令', type: 'text' }
+      ]
+    };
+  },
+  computed: {
+    dragOptions() {
+      return {
+        animation: 200,
+        group: "description",
+        disabled: false,
+        ghostClass: "ghost"
+      };
+    },
+    fieldLabel() {
+      return (field) => {
+        let attriName = field;
+        let attriLabel = "";
+        if (typeof field === "object") {
+          attriName = field.attriName;
+          attriLabel = field.attriLabel;
+        }
+        if (!attriLabel) {
+          this.fieldGroup.forEach((fieldItem) => {
+            const fieldConfig = fieldItem.children.find((item) => item.code === attriName);
+            if (fieldConfig) {
+              attriLabel = fieldConfig.text;
+            }
+          });
+        }
+        return attriLabel || attriName;
+      };
+    },
+    isDefaultValue() {
+      return (optionKey, configItemKey) => {
+        return this.configs[optionKey][configItemKey] == void 0 && this.defaultConfigs[optionKey][configItemKey];
+      };
+    },
+    getValue: {
+      // get () {
+      //   return (optionKey, configItemKey) => {
+      //     // eslint-disable-next-line eqeqeq
+      //     return this.configs[optionKey][configItemKey] != undefined ? this.configs[optionKey][configItemKey] : this.defaultConfigs[optionKey][configItemKey]
+      //   }
+      // }
+      get() {
+        return (optionKey, configItemKey, type) => {
+          if ((type === "field" || type === "operate") && typeof this.configs[optionKey][configItemKey] === "object") {
+            return this.configs[optionKey][configItemKey].length > 0 ? this.configs[optionKey][configItemKey] : this.defaultConfigs[optionKey][configItemKey];
+          } else {
+            return this.configs[optionKey][configItemKey] != void 0 ? this.configs[optionKey][configItemKey] : this.defaultConfigs[optionKey][configItemKey];
+          }
+        };
+      }
+    }
+  },
+  watch: {
+    configs: {
+      handler(v) {
+        this.$emit("updateConfig", v);
+      },
+      deep: true
+    },
+    selectFields(v) {
+      if (this.optionKey && this.configItemKey) {
+        const configItem = { ...this.configs[this.optionKey] };
+        configItem[this.configItemKey] = v;
+        this.configs[this.optionKey] = configItem;
+      }
+    }
+  },
+  methods: {
+    getConfigs() {
+      this.configs = { ...this.initConfigs };
+      this.configOptions.forEach((config) => {
+        if (!this.configs[config.key]) {
+          const initValue = {};
+          config.children.forEach((item) => {
+            if (item.type === "field" || item.type === "operate") ;
+          });
+          this.configs[config.key] = initValue;
+        }
+      });
+    },
+    getFields() {
+      this.$http.entityFieldTreeStore({
+        metaId: this.$metaId,
+        allSub: true,
+        node: "root"
+      }).then((data) => {
+        const fields = eval("(" + data + ")");
+        const fieldGroup = Object.values(fields) || [];
+        fieldGroup.forEach((fieldItem) => {
+          fieldItem.children.forEach((item) => {
+            item.code = item.code.replace(/\./g, "|");
+          });
+        });
+        this.fieldGroup = [...fieldGroup];
+        const { code } = this.fieldGroup[0];
+        this.unFoldFieldItems[code] = true;
+      });
+    },
+    switchFold(code2) {
+      const { [code2]: flag } = this.unFoldFieldItems;
+      this.unFoldFieldItems[code2] = !flag;
+    },
+    addField(optionKey, configItemKey) {
+      this.optionKey = optionKey;
+      this.configItemKey = configItemKey;
+      const { [optionKey]: configItem } = this.configs;
+      if (configItem[configItemKey].length > 0) {
+        this.selectFields = configItem[configItemKey] || this.defaultConfigs[optionKey][configItemKey] || [];
+      } else {
+        this.selectFields = this.defaultConfigs[optionKey][configItemKey] || [];
+      }
+      this.dialogTableVisible = true;
+    },
+    settingOperates(optionKey, configItemKey) {
+      this.operateOptionKey = optionKey;
+      this.operateConfigItemKey = configItemKey;
+      this.dialogOperateVisible = true;
+    },
+    addOperate() {
+      this.editOperaIndex = null;
+      this.operateSetting = {};
+    },
+    editOperate(index) {
+      const { [this.operateOptionKey]: configItem } = this.configs;
+      const operates = configItem[this.operateConfigItemKey] || [];
+      this.editOperaIndex = index;
+      const editItem = operates[index];
+      this.operateSetting = { ...editItem };
+    },
+    saveOperateSetting() {
+      const configItem = { ...this.configs[this.operateOptionKey] };
+      const operates = [...configItem[this.operateConfigItemKey] || []];
+      if (this.editOperaIndex != null) {
+        operates.splice(this.editOperaIndex, 1, this.operateSetting);
+      } else {
+        operates.push(this.operateSetting);
+      }
+      configItem[this.operateConfigItemKey] = [...operates];
+      this.configs[this.operateOptionKey] = configItem;
+      this.editOperaIndex = null;
+      this.operateSetting = {};
+    },
+    // 获取默认值
+    getDefaultValue() {
+    },
+    changeValue(optionKey, configItemKey, v) {
+      const configItem = { ...this.configs[optionKey] };
+      configItem[configItemKey] = v;
+      this.configs[optionKey] = configItem;
+    },
+    changeDrag(optionKey, configItemKey) {
+      const configItem = { ...this.configs[optionKey] };
+      const { [optionKey]: defaultConfigItem } = this.defaultConfigs;
+      if (!configItem[configItemKey]) {
+        configItem[configItemKey] = defaultConfigItem[configItemKey];
+        this.configs[optionKey] = configItem;
+      }
+    },
+    removeField(optionKey, configItemKey, index) {
+      const configItem = { ...this.configs[optionKey] };
+      const { [optionKey]: defaultConfigItem } = this.defaultConfigs;
+      if (!configItem[configItemKey]) {
+        configItem[configItemKey] = defaultConfigItem[configItemKey];
+      }
+      configItem[configItemKey].splice(index, 1);
+      this.configs[optionKey] = configItem;
+    }
+  },
+  created() {
+    this.getConfigs();
+    this.getFields();
+  }
+};
+const _hoisted_1 = { class: "container" };
+const _hoisted_2 = { class: "config-container" };
+const _hoisted_3 = { class: "config-title" };
+const _hoisted_4 = {
+  key: 1,
+  class: "field"
+};
+const _hoisted_5 = ["onClick"];
+const _hoisted_6 = { key: 2 };
+const _hoisted_7 = ["onClick"];
+const _hoisted_8 = { class: "field-group" };
+const _hoisted_9 = ["onClick"];
+const _hoisted_10 = ["innerHTML"];
+const _hoisted_11 = { class: "checkboxs" };
+const _hoisted_12 = { class: "operate-container" };
+const _hoisted_13 = {
+  key: 0,
+  class: "operate-slide"
+};
+const _hoisted_14 = { class: "operate-content" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_el_radio = resolveComponent("el-radio");
+  const _component_el_radio_group = resolveComponent("el-radio-group");
+  const _component_draggable = resolveComponent("draggable");
+  const _component_el_button = resolveComponent("el-button");
+  const _component_el_input = resolveComponent("el-input");
+  const _component_el_form_item = resolveComponent("el-form-item");
+  const _component_el_form = resolveComponent("el-form");
+  const _component_el_checkbox = resolveComponent("el-checkbox");
+  const _component_el_checkbox_group = resolveComponent("el-checkbox-group");
+  const _component_el_dialog = resolveComponent("el-dialog");
+  const _component_el_option = resolveComponent("el-option");
+  const _component_el_select = resolveComponent("el-select");
+  return openBlock(), createElementBlock("div", _hoisted_1, [
+    createElementVNode("ul", _hoisted_2, [
+      (openBlock(true), createElementBlock(Fragment, null, renderList($data.configOptions, (option) => {
+        return openBlock(), createElementBlock("li", {
+          class: "config-item",
+          key: option.key
+        }, [
+          createElementVNode("p", _hoisted_3, [
+            _cache[7] || (_cache[7] = createElementVNode("i", { class: "el-icon-s-operation" }, null, -1)),
+            createTextVNode(toDisplayString(option.name), 1)
+          ]),
+          createVNode(_component_el_form, {
+            class: "form",
+            ref_for: true,
+            ref: "form",
+            model: $data.configs,
+            "label-width": "160px"
+          }, {
+            default: withCtx(() => [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(option.children, (configItem) => {
+                return openBlock(), createBlock(_component_el_form_item, {
+                  class: normalizeClass(["form-item", { "is-default": $options.isDefaultValue(option.key, configItem.key) }]),
+                  key: configItem.key,
+                  label: `${configItem.name}：`
+                }, {
+                  default: withCtx(() => [
+                    configItem.type === "radio" ? (openBlock(), createBlock(_component_el_radio_group, {
+                      key: 0,
+                      "model-value": $options.getValue(option.key, configItem.key)
+                    }, {
+                      default: withCtx(() => [
+                        (openBlock(true), createElementBlock(Fragment, null, renderList(configItem.options, (item) => {
+                          return openBlock(), createBlock(_component_el_radio, {
+                            onChange: ($event) => $options.changeValue(option.key, configItem.key, item.value),
+                            key: item.value,
+                            label: item.value,
+                            value: item.value
+                          }, {
+                            default: withCtx(() => [
+                              createTextVNode(toDisplayString(item.label), 1)
+                            ]),
+                            _: 2
+                          }, 1032, ["onChange", "label", "value"]);
+                        }), 128))
+                      ]),
+                      _: 2
+                    }, 1032, ["model-value"])) : configItem.type === "field" ? (openBlock(), createElementBlock("div", _hoisted_4, [
+                      createVNode(_component_draggable, mergeProps({ ref_for: true }, $options.dragOptions, {
+                        class: "fields-drag",
+                        tag: "span",
+                        list: $options.getValue(option.key, configItem.key, configItem.type),
+                        onChange: ($event) => $options.changeDrag(option.key, configItem.key),
+                        onStart: _cache[0] || (_cache[0] = ($event) => $data.drag = true),
+                        onEnd: _cache[1] || (_cache[1] = ($event) => $data.drag = false)
+                      }), {
+                        default: withCtx(() => [
+                          createVNode(TransitionGroup, {
+                            type: "transition",
+                            class: "field-list",
+                            name: !$data.drag ? "flip-list" : null
+                          }, {
+                            default: withCtx(() => [
+                              (openBlock(true), createElementBlock(Fragment, null, renderList($options.getValue(option.key, configItem.key, configItem.type), (item, index) => {
+                                return openBlock(), createElementBlock("li", {
+                                  key: item.attriName || item,
+                                  class: "field-item"
+                                }, [
+                                  createTextVNode(toDisplayString($options.fieldLabel(item)), 1),
+                                  createElementVNode("i", {
+                                    class: "el-icon-close",
+                                    onClick: ($event) => $options.removeField(option.key, configItem.key, index)
+                                  }, null, 8, _hoisted_5)
+                                ]);
+                              }), 128))
+                            ]),
+                            _: 2
+                          }, 1032, ["name"])
+                        ]),
+                        _: 2
+                      }, 1040, ["list", "onChange"]),
+                      createVNode(_component_el_button, {
+                        key: "-1",
+                        class: "button-new-tag",
+                        size: "small",
+                        onClick: ($event) => $options.addField(option.key, configItem.key)
+                      }, {
+                        default: withCtx(() => [..._cache[8] || (_cache[8] = [
+                          createTextVNode("+ 添加字段", -1)
+                        ])]),
+                        _: 1
+                      }, 8, ["onClick"])
+                    ])) : configItem.type === "operate" ? (openBlock(), createElementBlock("div", _hoisted_6, [
+                      createVNode(_component_draggable, mergeProps({ ref_for: true }, $options.dragOptions, {
+                        class: "fields-drag",
+                        tag: "span",
+                        list: $options.getValue(option.key, configItem.key, configItem.type),
+                        onChange: ($event) => $options.changeDrag(option.key, configItem.key),
+                        onStart: _cache[2] || (_cache[2] = ($event) => $data.drag = true),
+                        onEnd: _cache[3] || (_cache[3] = ($event) => $data.drag = false)
+                      }), {
+                        default: withCtx(() => [
+                          createVNode(TransitionGroup, {
+                            type: "transition",
+                            class: "field-list",
+                            name: !$data.drag ? "flip-list" : null
+                          }, {
+                            default: withCtx(() => [
+                              (openBlock(true), createElementBlock(Fragment, null, renderList($options.getValue(option.key, configItem.key, configItem.type), (item, index) => {
+                                return openBlock(), createElementBlock("li", {
+                                  key: item.text,
+                                  class: "field-item"
+                                }, [
+                                  createTextVNode(toDisplayString(item.text), 1),
+                                  createElementVNode("i", {
+                                    class: "el-icon-close",
+                                    onClick: ($event) => $options.removeField(option.key, configItem.key, index)
+                                  }, null, 8, _hoisted_7)
+                                ]);
+                              }), 128))
+                            ]),
+                            _: 2
+                          }, 1032, ["name"])
+                        ]),
+                        _: 2
+                      }, 1040, ["list", "onChange"]),
+                      createVNode(_component_el_button, {
+                        key: "-1",
+                        class: "button-new-tag",
+                        size: "small",
+                        onClick: ($event) => $options.settingOperates(option.key, configItem.key)
+                      }, {
+                        default: withCtx(() => [..._cache[9] || (_cache[9] = [
+                          createTextVNode("+ 设置按钮", -1)
+                        ])]),
+                        _: 1
+                      }, 8, ["onClick"])
+                    ])) : (openBlock(), createBlock(_component_el_input, {
+                      key: 3,
+                      class: "form-item-input",
+                      "model-value": $options.getValue(option.key, configItem.key),
+                      "onUpdate:modelValue": (value) => $options.changeValue(option.key, configItem.key, value)
+                    }, null, 8, ["model-value", "onUpdate:modelValue"]))
+                  ]),
+                  _: 2
+                }, 1032, ["class", "label"]);
+              }), 128))
+            ]),
+            _: 2
+          }, 1032, ["model"])
+        ]);
+      }), 128))
+    ]),
+    createVNode(_component_el_dialog, {
+      title: "添加字段",
+      modelValue: $data.dialogTableVisible,
+      "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => $data.dialogTableVisible = $event)
+    }, {
+      default: withCtx(() => [
+        createVNode(_component_el_checkbox_group, {
+          class: "checkbox-group",
+          modelValue: $data.selectFields,
+          "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => $data.selectFields = $event)
+        }, {
+          default: withCtx(() => [
+            createElementVNode("ul", _hoisted_8, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList($data.fieldGroup, (item) => {
+                return openBlock(), createElementBlock("li", {
+                  class: "",
+                  key: item.code
+                }, [
+                  createElementVNode("p", {
+                    class: "field-item-title",
+                    onClick: ($event) => $options.switchFold(item.code)
+                  }, [
+                    createElementVNode("i", {
+                      class: normalizeClass(["fa", $data.unFoldFieldItems[item.code] ? "el-icon-minus" : "el-icon-plus"])
+                    }, null, 2),
+                    _cache[10] || (_cache[10] = createElementVNode("i", { class: "el-icon-folder-opened" }, null, -1)),
+                    createElementVNode("span", {
+                      innerHTML: _ctx.xss.process(item.text)
+                    }, null, 8, _hoisted_10)
+                  ], 8, _hoisted_9),
+                  withDirectives(createElementVNode("div", _hoisted_11, [
+                    (openBlock(true), createElementBlock(Fragment, null, renderList(item.children, (option) => {
+                      return openBlock(), createBlock(_component_el_checkbox, {
+                        class: "checkbox",
+                        key: option.code,
+                        label: option.code,
+                        value: option.code
+                      }, {
+                        default: withCtx(() => [
+                          createTextVNode(toDisplayString(option.text), 1)
+                        ]),
+                        _: 2
+                      }, 1032, ["label", "value"]);
+                    }), 128))
+                  ], 512), [
+                    [vShow, $data.unFoldFieldItems[item.code]]
+                  ])
+                ]);
+              }), 128))
+            ])
+          ]),
+          _: 1
+        }, 8, ["modelValue"])
+      ]),
+      _: 1
+    }, 8, ["modelValue"]),
+    createVNode(_component_el_dialog, {
+      title: "操作按钮设置",
+      modelValue: $data.dialogOperateVisible,
+      "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => $data.dialogOperateVisible = $event)
+    }, {
+      default: withCtx(() => [
+        createElementVNode("div", _hoisted_12, [
+          $data.operateOptionKey ? (openBlock(), createElementBlock("div", _hoisted_13, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList($data.configs[$data.operateOptionKey][$data.operateConfigItemKey], (item, index) => {
+              return openBlock(), createBlock(_component_el_button, {
+                class: normalizeClass({ "active": _ctx.editOperaIndex === index }),
+                size: "middle",
+                key: item.text,
+                type: item.type,
+                onClick: ($event) => $options.editOperate(index)
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(item.text), 1)
+                ]),
+                _: 2
+              }, 1032, ["class", "type", "onClick"]);
+            }), 128)),
+            createVNode(_component_el_button, {
+              type: "primary",
+              link: "",
+              onClick: $options.addOperate
+            }, {
+              default: withCtx(() => [..._cache[11] || (_cache[11] = [
+                createTextVNode("+ 新增按钮", -1)
+              ])]),
+              _: 1
+            }, 8, ["onClick"])
+          ])) : createCommentVNode("", true),
+          createElementVNode("div", _hoisted_14, [
+            createVNode(_component_el_form, {
+              mode: $data.operateSetting,
+              "label-width": "140px"
+            }, {
+              default: withCtx(() => [
+                (openBlock(true), createElementBlock(Fragment, null, renderList($data.operateConfigs, (configItem) => {
+                  return openBlock(), createBlock(_component_el_form_item, {
+                    key: configItem.key,
+                    label: `${configItem.name}：`
+                  }, {
+                    default: withCtx(() => [
+                      configItem.type === "select" ? (openBlock(), createBlock(_component_el_select, {
+                        key: 0,
+                        modelValue: $data.operateSetting[configItem.key],
+                        "onUpdate:modelValue": ($event) => $data.operateSetting[configItem.key] = $event,
+                        placeholder: "请选择"
+                      }, {
+                        default: withCtx(() => [
+                          (openBlock(true), createElementBlock(Fragment, null, renderList(configItem.options, (item) => {
+                            return openBlock(), createBlock(_component_el_option, {
+                              key: item.value,
+                              label: item.label,
+                              value: item.value
+                            }, null, 8, ["label", "value"]);
+                          }), 128))
+                        ]),
+                        _: 2
+                      }, 1032, ["modelValue", "onUpdate:modelValue"])) : (openBlock(), createBlock(_component_el_input, {
+                        key: 1,
+                        class: "form-item-input",
+                        modelValue: $data.operateSetting[configItem.key],
+                        "onUpdate:modelValue": ($event) => $data.operateSetting[configItem.key] = $event
+                      }, null, 8, ["modelValue", "onUpdate:modelValue"]))
+                    ]),
+                    _: 2
+                  }, 1032, ["label"]);
+                }), 128)),
+                createVNode(_component_el_form_item, null, {
+                  default: withCtx(() => [
+                    createVNode(_component_el_button, {
+                      type: "primary",
+                      onClick: $options.saveOperateSetting
+                    }, {
+                      default: withCtx(() => [..._cache[12] || (_cache[12] = [
+                        createTextVNode("保存设置", -1)
+                      ])]),
+                      _: 1
+                    }, 8, ["onClick"])
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }, 8, ["mode"])
+          ])
+        ])
+      ]),
+      _: 1
+    }, 8, ["modelValue"])
+  ]);
+}
+const ListFirst = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-cd7ccc8c"]]);
+export {
+  ListFirst as default
+};