@fecp/mobile-designer 1.0.8 → 1.0.9

package/es/mobileDesigner/src/views/designer/main/components/ApprovalList.vue.mjs

@@ -0,0 +1,57 @@
+import { computed, resolveComponent, createElementBlock, openBlock, createVNode, unref, withCtx, normalizeProps, guardReactiveProps } from "vue";
+import _sfc_main$1 from "./DevWrapper.vue.mjs";
+import { getCurrentPage } from "../../../../packages/utils/common.mjs";
+/* empty css                   */
+import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.mjs";
+const _hoisted_1 = { class: "fec-mobile-approval" };
+const _sfc_main = {
+  __name: "ApprovalList",
+  props: {
+    // menuList: {
+    //   type: Array,
+    //   default: () => [],
+    // },
+  },
+  setup(__props) {
+    const defaultConfig = {
+      approvalListProps: {
+        id: "approvalList",
+        fieldType: "MobileApprovalList",
+        todoPage: "",
+        donePage: "",
+        ccPage: ""
+      }
+    };
+    const currentPage = computed(() => {
+      const pageConfig = getCurrentPage();
+      if (Array.isArray(pageConfig.layoutData)) {
+        pageConfig.layoutData = defaultConfig;
+      } else {
+        for (let key in defaultConfig) {
+          if (!pageConfig.layoutData[key]) {
+            pageConfig.layoutData[key] = defaultConfig[key];
+          }
+        }
+      }
+      return getCurrentPage();
+    });
+    return (_ctx, _cache) => {
+      const _component_FecMobileApprovalList = resolveComponent("FecMobileApprovalList");
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(_sfc_main$1, {
+          class: "route-wrapper",
+          params: unref(currentPage).layoutData.approvalListProps
+        }, {
+          default: withCtx(() => [
+            createVNode(_component_FecMobileApprovalList, normalizeProps(guardReactiveProps(unref(currentPage).layoutData.approvalListProps)), null, 16)
+          ]),
+          _: 1
+        }, 8, ["params"])
+      ]);
+    };
+  }
+};
+const ApprovalList = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-6b9125d1"]]);
+export {
+  ApprovalList as default
+};

package/es/mobileDesigner/src/views/designer/main/components/Home.vue.mjs

@@ -60,9 +60,9 @@ const _sfc_main = {
           }
         ]
       },
-      noticeBarProps: {
-        id: "noticeBar"
-      },
+      // noticeBarProps: {
+      //   id: "noticeBar",
+      // },
       dataStatProps: {
         id: "dataStat"
       }
@@ -76,7 +76,6 @@ const _sfc_main = {
     });
     return (_ctx, _cache) => {
       const _component_FecMobileMenuGrid = resolveComponent("FecMobileMenuGrid");
-      const _component_FecMobileNoticeBar = resolveComponent("FecMobileNoticeBar");
       const _component_FecMobileDataStat = resolveComponent("FecMobileDataStat");
       return openBlock(), createElementBlock("div", _hoisted_1, [
         createVNode(_sfc_main$1, {
@@ -87,14 +86,6 @@ const _sfc_main = {
           ]),
           _: 1
         }, 8, ["params"]),
-        createVNode(_sfc_main$1, {
-          params: unref(currentPage).layoutData.noticeBarProps
-        }, {
-          default: withCtx(() => [
-            createVNode(_component_FecMobileNoticeBar)
-          ]),
-          _: 1
-        }, 8, ["params"]),
         createVNode(_sfc_main$1, {
           params: unref(currentPage).layoutData.dataStatProps
         }, {
@@ -107,7 +98,7 @@ const _sfc_main = {
     };
   }
 };
-const Home = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-0ee76127"]]);
+const Home = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-665a87cb"]]);
 export {
   Home as default
 };

package/es/mobileDesigner/src/views/designer/main/index.vue.mjs

@@ -19,6 +19,7 @@ import emitter from "../../../packages/utils/eventBus.mjs";
 import { ClickOutside } from "element-plus";
 import Home from "./components/Home.vue.mjs";
 import Approval from "./components/Approval.vue.mjs";
+import ApprovalList from "./components/ApprovalList.vue.mjs";
 import { getCurrentPage, getEditConfigDataSources, setSelectedItem, setHoverItem, getCurrentClass } from "../../../packages/utils/common.mjs";
 /* empty css                                                                 */
 /* empty css                                                                   */
@@ -344,8 +345,8 @@ const _sfc_main = {
                   ], 34)), [
                     [unref(ClickOutside), handleClickOutside]
                   ])
-                ], 64)) : unref(currentPage).type == "home" ? (openBlock(), createBlock(Home, { key: 2 })) : unref(currentPage).type == "approval" ? (openBlock(), createBlock(Approval, { key: 3 })) : (openBlock(), createBlock(unref(lo), {
-                  key: 4,
+                ], 64)) : unref(currentPage).type == "home" ? (openBlock(), createBlock(Home, { key: 2 })) : unref(currentPage).type == "approval" ? (openBlock(), createBlock(Approval, { key: 3 })) : unref(currentPage).type == "flowList" ? (openBlock(), createBlock(ApprovalList, { key: 4 })) : (openBlock(), createBlock(unref(lo), {
+                  key: 5,
                   draggable: "false",
                   modelValue: layoutDragData.value,
                   "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => layoutDragData.value = $event),
@@ -425,7 +426,7 @@ const _sfc_main = {
                   _: 1
                 }, 8, ["modelValue"])),
                 unref(currentPage).footerType == "actionBar" ? withDirectives((openBlock(), createElementBlock("div", {
-                  key: 5,
+                  key: 6,
                   class: normalizeClass(["navBar-wrapper", [unref(getCurrentClass)(unref(actionBarProps))]]),
                   onMouseenter: _cache[10] || (_cache[10] = ($event) => unref(setHoverItem)(unref(actionBarProps))),
                   onMouseleave: _cache[11] || (_cache[11] = ($event) => unref(setHoverItem)()),
@@ -443,7 +444,7 @@ const _sfc_main = {
     };
   }
 };
-const LayoutMain = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-1c71450c"]]);
+const LayoutMain = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-65a12580"]]);
 export {
   LayoutMain as default
 };

package/es/mobileDesigner/src/views/designer/property/MobileAppDetail.vue.mjs

@@ -0,0 +1,250 @@
+import { ElIcon } from "../../../../../node_modules/element-plus/es/components/icon/index.mjs";
+import { ElForm, ElFormItem } from "../../../../../node_modules/element-plus/es/components/form/index.mjs";
+import { ElInput } from "../../../../../node_modules/element-plus/es/components/input/index.mjs";
+import { ElButton } from "../../../../../node_modules/element-plus/es/components/button/index.mjs";
+import { ElRadioGroup, ElRadioButton } from "../../../../../node_modules/element-plus/es/components/radio/index.mjs";
+import { ElCollapse, ElCollapseItem } from "../../../../../node_modules/element-plus/es/components/collapse/index.mjs";
+import { ElSwitch } from "../../../../../node_modules/element-plus/es/components/switch/index.mjs";
+import "../../../../../_virtual/dayjs.min.mjs";
+/* empty css                                                             */
+/* empty css                                                                    */
+/* empty css                                                                         */
+/* empty css                                                                */
+/* empty css                                                                  */
+/* empty css                                                                 */
+/* empty css                                                                  */
+/* empty css                                                                     */
+/* empty css                                                                 */
+/* empty css                                                                       */
+/* empty css                                                                        */
+import { computed, ref, resolveComponent, createBlock, openBlock, unref, isRef, withCtx, createVNode, createCommentVNode, createElementBlock, createTextVNode, createElementVNode, Fragment, renderList } from "vue";
+import { getCurrentItem } from "../../../packages/utils/common.mjs";
+import _sfc_main$1 from "../../../components/MobilePageSelect.vue.mjs";
+/* empty css                      */
+import _export_sfc from "../../../../../_virtual/_plugin-vue_export-helper.mjs";
+const _hoisted_1 = {
+  key: 0,
+  class: "setting-tip"
+};
+const _hoisted_2 = { class: "tabbar-panel" };
+const _hoisted_3 = { class: "tabbar-header" };
+const _hoisted_4 = { class: "tabbar-list" };
+const _hoisted_5 = { class: "drag-handle" };
+const _hoisted_6 = { class: "tab-content" };
+const _hoisted_7 = { class: "tab-top" };
+const _hoisted_8 = {
+  key: 0,
+  class: "setting-tip"
+};
+const _sfc_main = {
+  __name: "MobileAppDetail",
+  setup(__props) {
+    const currentItem = computed(() => {
+      return getCurrentItem();
+    });
+    const activeName = ref(["common"]);
+    function addTab() {
+      if (!currentItem.value.options) {
+        currentItem.value.options = [];
+      }
+      currentItem.value.options.splice(1, 0, {
+        id: "tab_" + Date.now(),
+        title: "标签",
+        pageId: ""
+      });
+    }
+    function removeTab(index) {
+      currentItem.value.options.splice(index, 1);
+    }
+    return (_ctx, _cache) => {
+      const _component_el_radio_button = ElRadioButton;
+      const _component_el_radio_group = ElRadioGroup;
+      const _component_el_form_item = ElFormItem;
+      const _component_el_button = ElButton;
+      const _component_Rank = resolveComponent("Rank");
+      const _component_el_icon = ElIcon;
+      const _component_el_input = ElInput;
+      const _component_VueDraggable = resolveComponent("VueDraggable");
+      const _component_el_switch = ElSwitch;
+      const _component_el_form = ElForm;
+      const _component_el_collapse_item = ElCollapseItem;
+      const _component_el_collapse = ElCollapse;
+      return openBlock(), createBlock(_component_el_collapse, {
+        class: "setting",
+        modelValue: unref(activeName),
+        "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => isRef(activeName) ? activeName.value = $event : null)
+      }, {
+        default: withCtx(() => [
+          createVNode(_component_el_collapse_item, {
+            name: "common",
+            title: "基本属性"
+          }, {
+            default: withCtx(() => [
+              (openBlock(), createBlock(_component_el_form, {
+                "label-position": "top",
+                "label-width": "auto",
+                model: unref(currentItem),
+                key: unref(currentItem).id
+              }, {
+                default: withCtx(() => [
+                  createVNode(_component_el_form_item, { label: "基本信息页面来源" }, {
+                    default: withCtx(() => [
+                      createVNode(_component_el_radio_group, {
+                        modelValue: unref(currentItem).baseInfoPageSource,
+                        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => unref(currentItem).baseInfoPageSource = $event),
+                        size: "small"
+                      }, {
+                        default: withCtx(() => [
+                          createVNode(_component_el_radio_button, { value: "dynamic" }, {
+                            default: withCtx(() => _cache[8] || (_cache[8] = [
+                              createTextVNode("动态")
+                            ])),
+                            _: 1
+                          }),
+                          createVNode(_component_el_radio_button, { value: "fixed" }, {
+                            default: withCtx(() => _cache[9] || (_cache[9] = [
+                              createTextVNode("固定")
+                            ])),
+                            _: 1
+                          })
+                        ]),
+                        _: 1
+                      }, 8, ["modelValue"]),
+                      unref(currentItem).baseInfoPageSource == "dynamic" ? (openBlock(), createElementBlock("div", _hoisted_1, " 根据后台配置动态解析页面 ")) : createCommentVNode("", true)
+                    ]),
+                    _: 1
+                  }),
+                  unref(currentItem).baseInfoPageSource == "fixed" ? (openBlock(), createBlock(_component_el_form_item, { key: 0 }, {
+                    default: withCtx(() => [
+                      createVNode(_sfc_main$1, {
+                        modelValue: unref(currentItem).baseInfoPageId,
+                        "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => unref(currentItem).baseInfoPageId = $event),
+                        class: "route-input"
+                      }, null, 8, ["modelValue"])
+                    ]),
+                    _: 1
+                  })) : createCommentVNode("", true),
+                  createVNode(_component_el_form_item, { label: "自定义标签项配置" }, {
+                    default: withCtx(() => [
+                      createElementVNode("div", _hoisted_2, [
+                        createElementVNode("div", _hoisted_3, [
+                          createVNode(_component_el_button, {
+                            type: "primary",
+                            size: "small",
+                            onClick: addTab,
+                            icon: "Plus",
+                            link: ""
+                          }, {
+                            default: withCtx(() => _cache[10] || (_cache[10] = [
+                              createTextVNode(" 添加标签 ")
+                            ])),
+                            _: 1
+                          })
+                        ]),
+                        createElementVNode("div", _hoisted_4, [
+                          createVNode(_component_VueDraggable, {
+                            modelValue: unref(currentItem).options,
+                            "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => unref(currentItem).options = $event),
+                            animation: 150,
+                            handle: ".drag-handle"
+                          }, {
+                            default: withCtx(() => [
+                              (openBlock(true), createElementBlock(Fragment, null, renderList(unref(currentItem).options, (tab, index) => {
+                                return openBlock(), createElementBlock("div", {
+                                  key: index,
+                                  class: "tabbar-item"
+                                }, [
+                                  createElementVNode("div", _hoisted_5, [
+                                    createVNode(_component_el_icon, null, {
+                                      default: withCtx(() => [
+                                        createVNode(_component_Rank)
+                                      ]),
+                                      _: 1
+                                    })
+                                  ]),
+                                  createElementVNode("div", _hoisted_6, [
+                                    createElementVNode("div", _hoisted_7, [
+                                      createVNode(_component_el_input, {
+                                        modelValue: tab.title,
+                                        "onUpdate:modelValue": ($event) => tab.title = $event,
+                                        placeholder: "标签名称",
+                                        class: "title-input"
+                                      }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                                    ]),
+                                    createVNode(_sfc_main$1, {
+                                      modelValue: tab.pageId,
+                                      "onUpdate:modelValue": ($event) => tab.pageId = $event,
+                                      class: "route-input"
+                                    }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                                  ]),
+                                  createVNode(_component_el_button, {
+                                    icon: _ctx.Delete,
+                                    link: "",
+                                    type: "danger",
+                                    class: "delete-btn",
+                                    onClick: ($event) => removeTab(index)
+                                  }, null, 8, ["icon", "onClick"])
+                                ]);
+                              }), 128))
+                            ]),
+                            _: 1
+                          }, 8, ["modelValue"])
+                        ])
+                      ])
+                    ]),
+                    _: 1
+                  }),
+                  createVNode(_component_el_form_item, { label: "要件信息" }, {
+                    default: withCtx(() => [
+                      createVNode(_component_el_switch, {
+                        modelValue: unref(currentItem).document,
+                        "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => unref(currentItem).document = $event)
+                      }, null, 8, ["modelValue"]),
+                      unref(currentItem).document ? (openBlock(), createElementBlock("div", _hoisted_8, " 根据后台配置动态解析要件信息 ")) : createCommentVNode("", true)
+                    ]),
+                    _: 1
+                  }),
+                  createVNode(_component_el_form_item, { label: "审批历史" }, {
+                    default: withCtx(() => [
+                      createVNode(_component_el_switch, {
+                        modelValue: unref(currentItem).approvalHistory,
+                        "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => unref(currentItem).approvalHistory = $event)
+                      }, null, 8, ["modelValue"])
+                    ]),
+                    _: 1
+                  }),
+                  createVNode(_component_el_form_item, { label: "滑动切换标签页" }, {
+                    default: withCtx(() => [
+                      createVNode(_component_el_switch, {
+                        modelValue: unref(currentItem).swipeable,
+                        "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => unref(currentItem).swipeable = $event)
+                      }, null, 8, ["modelValue"])
+                    ]),
+                    _: 1
+                  }),
+                  createVNode(_component_el_form_item, { label: "审批操作页（小页面）" }, {
+                    default: withCtx(() => [
+                      createVNode(_sfc_main$1, {
+                        modelValue: unref(currentItem).operationPageId,
+                        "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => unref(currentItem).operationPageId = $event),
+                        class: "route-input"
+                      }, null, 8, ["modelValue"])
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              }, 8, ["model"]))
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+};
+const MobileAppDetail = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-109ad520"]]);
+export {
+  MobileAppDetail as default
+};

package/es/mobileDesigner/src/views/designer/property/MobileApprovalBar.vue.mjs

@@ -0,0 +1,201 @@
+import { ElIcon } from "../../../../../node_modules/element-plus/es/components/icon/index.mjs";
+import { ElForm, ElFormItem } from "../../../../../node_modules/element-plus/es/components/form/index.mjs";
+import { ElInput } from "../../../../../node_modules/element-plus/es/components/input/index.mjs";
+import { ElCollapse, ElCollapseItem } from "../../../../../node_modules/element-plus/es/components/collapse/index.mjs";
+import "../../../../../_virtual/dayjs.min.mjs";
+/* empty css                                                             */
+/* empty css                                                                    */
+/* empty css                                                                         */
+/* empty css                                                                */
+/* empty css                                                                     */
+/* empty css                                                                 */
+import { computed, ref, createBlock, openBlock, withCtx, createVNode, createElementVNode, unref, createElementBlock, Fragment, renderList } from "vue";
+import { getCurrentPage, getCurrentItem } from "../../../packages/utils/common.mjs";
+import { VueDraggable as lo } from "../../../../../node_modules/vue-draggable-plus/dist/vue-draggable-plus.mjs";
+import { Rank as rank_default } from "../../../../../node_modules/@element-plus/icons-vue/dist/index.mjs";
+/* empty css                                                                  */
+/* empty css                                                                   */
+/* empty css                                                                  */
+/* empty css                                                                */
+import "../../../../../node_modules/element-plus/theme-chalk/el-tab-pane.css.mjs";
+/* empty css                                                                 */
+/* empty css                                                                     */
+/* empty css                                                                  */
+/* empty css                                                                  */
+/* empty css                                                                */
+/* empty css                                                                     */
+/* empty css                                                                  */
+/* empty css                                                                        */
+/* empty css                                                                    */
+import "../../../../../node_modules/element-plus/theme-chalk/el-dropdown-menu.css.mjs";
+import "../../../../../node_modules/element-plus/theme-chalk/el-dropdown-item.css.mjs";
+import "element-plus";
+import "../../../../../node_modules/element-plus/theme-chalk/el-tooltip.css.mjs";
+/* empty css                                                                */
+/* empty css                                                                   */
+/* empty css                                                                      */
+/* empty css                                                                 */
+/* empty css                                         */
+import _export_sfc from "../../../../../_virtual/_plugin-vue_export-helper.mjs";
+/* empty css                                          */
+/* empty css                                               */
+/* empty css                                             */
+/* empty css                                                 */
+/* empty css                                                   */
+/* empty css                                                                */
+/* empty css                                                                */
+import "../../../../../node_modules/element-plus/theme-chalk/el-sub-menu.css.mjs";
+import "../../../../../node_modules/element-plus/theme-chalk/el-menu-item.css.mjs";
+/* empty css                                                                  */
+/* empty css                                                                 */
+/* empty css                                                                 */
+/* empty css                                            */
+/* empty css                                      */
+/* empty css                                    */
+/* empty css                                                               */
+/* empty css                                                                  */
+/* empty css                                                                        */
+/* empty css                                                                  */
+/* empty css                                                                        */
+/* empty css                                                                 */
+/* empty css                                                                       */
+import "../../../../../node_modules/vue3-json-viewer/dist/vue3-json-viewer.mjs";
+/* empty css                                                                      */
+import "../../../axios/index.mjs";
+import "../../../utils/env.mjs";
+/* empty css                                                                 */
+/* empty css                                                                   */
+/* empty css                                           */
+/* empty css                                      */
+/* empty css                                    */
+/* empty css                                                          */
+/* empty css                                                               */
+/* empty css                                                                    */
+/* empty css                                                               */
+/* empty css                                            */
+/* empty css                                             */
+/* empty css                                                                     */
+/* empty css                                                                             */
+import "../../../../../node_modules/element-plus/theme-chalk/el-date-picker.css.mjs";
+import "../../../axios/config.mjs";
+/* empty css                                               */
+/* empty css                                                   */
+/* empty css                                           */
+/* empty css                                             */
+/* empty css                                                   */
+/* empty css                                                      */
+/* empty css                                         */
+/* empty css                                 */
+/* empty css                                          */
+import MobileBgColorConfigurator from "../../../components/MobileBgColorConfigurator.vue.mjs";
+/* empty css                        */
+const _hoisted_1 = { class: "action-panel" };
+const _hoisted_2 = { class: "action-list" };
+const _hoisted_3 = { class: "drag-handle" };
+const _hoisted_4 = { class: "action-content" };
+const _hoisted_5 = { class: "action-top" };
+const _hoisted_6 = { class: "action-bottom" };
+const _hoisted_7 = { class: "color-box" };
+const _sfc_main = {
+  __name: "MobileApprovalBar",
+  setup(__props) {
+    computed(() => {
+      return getCurrentPage();
+    });
+    const currentItem = computed(() => {
+      return getCurrentItem();
+    });
+    const activeName = ref(["common"]);
+    return (_ctx, _cache) => {
+      const _component_el_icon = ElIcon;
+      const _component_el_input = ElInput;
+      const _component_el_form_item = ElFormItem;
+      const _component_el_form = ElForm;
+      const _component_el_collapse_item = ElCollapseItem;
+      const _component_el_collapse = ElCollapse;
+      return openBlock(), createBlock(_component_el_collapse, {
+        class: "setting",
+        modelValue: activeName.value,
+        "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => activeName.value = $event)
+      }, {
+        default: withCtx(() => [
+          createVNode(_component_el_collapse_item, {
+            name: "common",
+            title: "基本属性"
+          }, {
+            default: withCtx(() => [
+              (openBlock(), createBlock(_component_el_form, {
+                "label-position": "top",
+                "label-width": "auto",
+                model: currentItem.value,
+                key: currentItem.value.id
+              }, {
+                default: withCtx(() => [
+                  createVNode(_component_el_form_item, { label: "操作项配置" }, {
+                    default: withCtx(() => [
+                      createElementVNode("div", _hoisted_1, [
+                        createElementVNode("div", _hoisted_2, [
+                          createVNode(unref(lo), {
+                            modelValue: currentItem.value.actionBarOptions,
+                            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => currentItem.value.actionBarOptions = $event),
+                            animation: 150,
+                            handle: ".drag-handle"
+                          }, {
+                            default: withCtx(() => [
+                              (openBlock(true), createElementBlock(Fragment, null, renderList(currentItem.value.actionBarOptions, (action, index) => {
+                                return openBlock(), createElementBlock("div", {
+                                  key: index,
+                                  class: "action-item"
+                                }, [
+                                  createElementVNode("div", _hoisted_3, [
+                                    createVNode(_component_el_icon, null, {
+                                      default: withCtx(() => [
+                                        createVNode(unref(rank_default))
+                                      ]),
+                                      _: 1
+                                    })
+                                  ]),
+                                  createElementVNode("div", _hoisted_4, [
+                                    createElementVNode("div", _hoisted_5, [
+                                      createVNode(_component_el_input, {
+                                        modelValue: action.text,
+                                        "onUpdate:modelValue": ($event) => action.text = $event,
+                                        placeholder: "按钮名称",
+                                        class: "title-input"
+                                      }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                                    ]),
+                                    createElementVNode("div", _hoisted_6, [
+                                      createElementVNode("div", _hoisted_7, [
+                                        createVNode(MobileBgColorConfigurator, {
+                                          modelValue: action.bgClass,
+                                          "onUpdate:modelValue": ($event) => action.bgClass = $event
+                                        }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                                      ])
+                                    ])
+                                  ])
+                                ]);
+                              }), 128))
+                            ]),
+                            _: 1
+                          }, 8, ["modelValue"])
+                        ])
+                      ])
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              }, 8, ["model"]))
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+};
+const MobileApprovalBar = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5f350fa1"]]);
+export {
+  MobileApprovalBar as default
+};