@fecp/mobile-designer 1.0.8 → 1.0.10

package/es/packages/mobile/src/components/dataDisplay/table/Table.vue.mjs

@@ -7,6 +7,7 @@ import { VxeGrid } from "vxe-table";
 import { createDataSource } from "../../../utils/datasource.mjs";
 /* empty css                                                      */
 import { textFormatter, dateFormatter, cascadeFormatter, multipleFormatter, selectFormatter } from "../../../utils/formatterUtil.mjs";
+import { getOptions } from "../../../utils/optionUtil.mjs";
 /* empty css                                                     */
 /* empty css                                                */
 /* empty css                                               */
@@ -56,7 +57,7 @@ const _sfc_main = {
     autoHeight: {
       //高度自适应
       type: Boolean,
-      default: true
+      default: false
     },
     height: {
       //高度
@@ -96,6 +97,14 @@ const _sfc_main = {
       type: Array,
       default: () => []
     },
+    formData: {
+      type: Object,
+      default: {}
+    },
+    fields: {
+      type: Array,
+      default: () => []
+    },
     pageSize: {
       type: Number,
       default: 10
@@ -154,8 +163,22 @@ const _sfc_main = {
     const compHeight = computed(() => {
       return "100%";
     });
-    const columnOptions = computed(() => {
-      return props.columns.map((col) => {
+    const columnOptions = ref([]);
+    async function initColumnOptions() {
+      const columns = [...props.columns];
+      for (const col of columns) {
+        if (col.dataType == "select" || col.dataType == "multiple") {
+          const options = await getOptions({
+            ctx,
+            dataSources: props.dataSources,
+            formData: props.formData,
+            fields: props.fields,
+            ...col.optionConfig
+          });
+          col.options = options;
+        }
+      }
+      columns.forEach((col) => {
         const newCol = { ...col };
         switch (newCol.dataType) {
           case "select":
@@ -208,9 +231,10 @@ const _sfc_main = {
         newCol.showOverflow = true;
         newCol.showHeaderOverflow = true;
         newCol.showFooterOverflow = true;
-        return newCol;
+        columnOptions.value.push(newCol);
       });
-    });
+    }
+    initColumnOptions();
     function isEmpty(cellValue) {
       return !cellValue && cellValue !== 0;
     }
@@ -324,6 +348,12 @@ const _sfc_main = {
     const error = ref(false);
     const listError = ref(false);
     let pageNo = 1;
+    const pageSize = computed(() => {
+      if (props.scrollLoad) {
+        return props.pageSize;
+      }
+      return -1;
+    });
     function initDataSourceManager() {
       dataSourceManager.value = createDataSource({
         http: ctx.$http,
@@ -331,8 +361,10 @@ const _sfc_main = {
         currentDataSourceId: props.dataSourceValue,
         pagination: {
           pageNo,
-          pageSize: props.pageSize
-        }
+          pageSize: pageSize.value
+        },
+        data: props.formData,
+        fields: props.fields
         // data: hiddenFormData.value,
         // fields: fieldsData.value,
         // sortRules: localConfig.value.sortRules,
@@ -344,7 +376,7 @@ const _sfc_main = {
       dataSourceManager.value.on("error", (err) => {
         emit("data-error", err);
       });
-      if (dataSourceManager.value && isDesigner) {
+      if (dataSourceManager.value) {
         tableData.value = [];
         if (props.isFixedHead) {
           initLoading.value = true;
@@ -373,11 +405,11 @@ const _sfc_main = {
     async function call() {
       var _a;
       try {
-        dataSourceManager.value.updatePagination(pageNo, props.pageSize);
+        dataSourceManager.value.updatePagination(pageNo, pageSize.value);
         await dataSourceManager.value.fetch();
         const data = ((_a = dataSourceManager.value) == null ? void 0 : _a.getData().list) || [];
         tableData.value.push(...data);
-        if (data.length < props.pageSize) {
+        if (data.length < pageSize.value) {
           if (props.isFixedHead) {
             finished.value = true;
           } else {
@@ -574,7 +606,7 @@ const _sfc_main = {
     };
   }
 };
-const _Table = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-ee91bb34"]]);
+const _Table = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-77c6ee76"]]);
 export {
   _Table as default
 };

package/es/packages/mobile/src/components/form/field/Field.vue.mjs

@@ -3,7 +3,7 @@
 /* empty css                                               */
 /* empty css                                               */
 /* empty css                                                */
-import { ref, computed, watch, createElementBlock, openBlock, Fragment, createVNode, withDirectives, renderSlot, mergeProps, unref, isRef, createSlots, renderList, withCtx, createTextVNode, toDisplayString, createElementVNode, vModelText } from "vue";
+import { getCurrentInstance, computed, ref, watch, createElementBlock, openBlock, Fragment, createVNode, withDirectives, renderSlot, mergeProps, unref, isRef, createSlots, renderList, withCtx, createElementVNode, toDisplayString, createTextVNode, vModelText } from "vue";
 import { getUnit, textFormatter, textFormatter4Input, reverseTextFormatter } from "../../../utils/formatterUtil.mjs";
 import { useCursor } from "../../../utils/use-cursor.mjs";
 /* empty css            */
@@ -37,42 +37,44 @@ const _sfc_main = {
     showUnit: {
       type: Boolean,
       default: true
-    }
+    },
+    maxlength: {
+      type: Number,
+      default: 0
+    },
+    formData: Object
   },
   emits: ["openPicker", "update:modelValue"],
   setup(__props, { emit: __emit }) {
     const props = __props;
+    const instance = getCurrentInstance();
+    const ctx = instance.proxy;
+    const realMaxLength = computed(() => {
+      return Math.floor(props.maxLength / (ctx.$dbFieldLengthRatio || 1)) || "-";
+    });
     const unit = ref("");
     const fieldInputRef = ref();
     const [recordCursor, setCursor] = useCursor();
     const emit = __emit;
     const textValue = ref("");
     const compValue = computed({
-      get: () => {
-        if (!props.fieldType || props.fieldType == "text") {
-          unit.value = getUnit(props.dataFormatter);
-          if (props.readonly) {
-            textValue.value = textFormatter(props.modelValue, props.dataFormatter);
-          } else {
-            textValue.value = textFormatter4Input(
-              props.modelValue,
-              props.dataFormatter
-            );
-          }
-        } else {
-          textValue.value = props.modelValue;
-        }
-        return props.modelValue;
-      },
+      get: () => props.modelValue,
       set: (val) => {
         emit("update:modelValue", val);
       }
     });
-    watch(textValue, (val) => {
-      if (!val) {
-        emit("update:modelValue", val);
-      }
-    });
+    watch(
+      () => props.modelValue,
+      (newVal) => {
+        unit.value = getUnit(props.dataFormatter);
+        if (!props.fieldType || props.fieldType === "text") {
+          textValue.value = textFormatter(newVal, props.dataFormatter);
+        } else {
+          textValue.value = newVal;
+        }
+      },
+      { immediate: true, flush: "post" }
+    );
     const compClickable = computed(() => {
       if (props.disabled || props.readonly) {
         return false;
@@ -120,8 +122,10 @@ const _sfc_main = {
       const _component_van_field = Field;
       return openBlock(), createElementBlock(Fragment, null, [
         createVNode(_component_van_field, mergeProps(_ctx.$attrs, {
+          type: _ctx.$attrs.type == "number" ? "text" : _ctx.$attrs.type,
           modelValue: unref(textValue),
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(textValue) ? textValue.value = $event : null),
+          maxlength: unref(realMaxLength),
           disabled: __props.disabled,
           readonly: __props.readonly,
           clearable: "",
@@ -132,7 +136,8 @@ const _sfc_main = {
           ref: fieldInputRef,
           onInput: handleInput,
           onCompositionstart: handleCompositionStart,
-          onCompositionend: handleCompositionEnd
+          onCompositionend: handleCompositionEnd,
+          "input-align": "right"
         }), createSlots({ _: 2 }, [
           renderList(_ctx.$slots, (item, key) => {
             return {
@@ -142,14 +147,21 @@ const _sfc_main = {
               ])
             };
           }),
+          __props.disabled ? {
+            name: "input",
+            fn: withCtx(() => [
+              createElementVNode("div", null, toDisplayString(unref(textValue)), 1)
+            ]),
+            key: "0"
+          } : void 0,
           __props.showUnit && unref(unit) ? {
             name: "button",
             fn: withCtx(() => [
               createTextVNode(toDisplayString(unref(unit)), 1)
             ]),
-            key: "0"
+            key: "1"
           } : void 0
-        ]), 1040, ["modelValue", "disabled", "readonly", "clickable"]),
+        ]), 1040, ["type", "modelValue", "maxlength", "disabled", "readonly", "clickable"]),
         withDirectives(createElementVNode("input", {
           type: "hidden",
           "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => isRef(compValue) ? compValue.value = $event : null)

package/es/packages/mobile/src/components/form/fieldArea/FieldArea.vue.mjs

@@ -137,7 +137,7 @@ const _sfc_main = {
       return openBlock(), createBlock(unref(MobileField), mergeProps(_ctx.$attrs, {
         modelValue: unref(fieldTextValue),
         "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => isRef(fieldTextValue) ? fieldTextValue.value = $event : null),
-        isLink: __props.readonly ? false : true,
+        isLink: __props.readonly || __props.disabled ? false : true,
         readonly: "",
         disabled: __props.disabled,
         onOpenPicker: _cache[5] || (_cache[5] = () => {
@@ -158,11 +158,13 @@ const _sfc_main = {
               createVNode(_component_van_cascader, mergeProps(_ctx.$attrs, {
                 modelValue: unref(pickerValue),
                 "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef(pickerValue) ? pickerValue.value = $event : null),
+                title: `${_ctx.$attrs.label}`,
                 options: unref(finalOptions),
+                "field-names": __props.treeOptionsFieldNames,
                 placeholder: "请选择",
                 onFinish,
                 onClose: _cache[2] || (_cache[2] = ($event) => showPicker.value = false)
-              }), null, 16, ["modelValue", "options"])
+              }), null, 16, ["modelValue", "title", "options", "field-names"])
             ]),
             _: 1
           }, 8, ["show"])

package/es/packages/mobile/src/components/form/fieldCalendarPicker/FieldCalendarPicker.vue.mjs

@@ -137,7 +137,7 @@ const _sfc_main = {
       return openBlock(), createBlock(unref(MobileField), mergeProps(_ctx.$attrs, {
         modelValue: unref(fieldTextValue),
         "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => isRef(fieldTextValue) ? fieldTextValue.value = $event : null),
-        isLink: __props.readonly ? false : true,
+        isLink: __props.readonly || __props.disabled ? false : true,
         readonly: "",
         disabled: __props.disabled,
         onOpenPicker: _cache[3] || (_cache[3] = () => {

package/es/packages/mobile/src/components/form/fieldCascaderPicker/fieldCascaderPicker.vue.mjs

@@ -132,7 +132,7 @@ const _sfc_main = {
       return openBlock(), createBlock(unref(MobileField), mergeProps(_ctx.$attrs, {
         modelValue: unref(fieldTextValue),
         "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => isRef(fieldTextValue) ? fieldTextValue.value = $event : null),
-        isLink: __props.readonly ? false : true,
+        isLink: __props.readonly || __props.disabled ? false : true,
         readonly: "",
         disabled: __props.disabled,
         onOpenPicker: _cache[5] || (_cache[5] = () => {

package/es/packages/mobile/src/components/form/fieldDatePicker/FieldDatePicker.vue.mjs

@@ -123,7 +123,7 @@ const _sfc_main = {
       return openBlock(), createBlock(unref(MobileField), mergeProps(_ctx.$attrs, {
         modelValue: unref(fieldTextValue),
         "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => isRef(fieldTextValue) ? fieldTextValue.value = $event : null),
-        isLink: __props.readonly ? false : true,
+        isLink: __props.readonly || __props.disabled ? false : true,
         readonly: "",
         disabled: __props.disabled,
         onOpenPicker: _cache[5] || (_cache[5] = () => {

package/es/packages/mobile/src/components/form/fieldDateTimePicker/FieldDateTimePicker.vue.mjs

@@ -122,7 +122,7 @@ const _sfc_main = {
       return openBlock(), createBlock(unref(MobileField), mergeProps(_ctx.$attrs, {
         modelValue: unref(fieldTextValue),
         "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => isRef(fieldTextValue) ? fieldTextValue.value = $event : null),
-        isLink: __props.readonly ? false : true,
+        isLink: __props.readonly || __props.disabled ? false : true,
         readonly: "",
         disabled: __props.disabled,
         onOpenPicker: _cache[6] || (_cache[6] = () => {

package/es/packages/mobile/src/components/form/fieldIndustry/FieldIndustry.vue.mjs

@@ -9,7 +9,7 @@
 /* empty css                                               */
 /* empty css                                              */
 /* empty css                                                   */
-import { ref, computed, watch, createBlock, openBlock, unref, mergeProps, isRef, createSlots, withCtx, createVNode, withModifiers } from "vue";
+import { ref, computed, createBlock, openBlock, unref, mergeProps, isRef, createSlots, withCtx, createVNode, withModifiers } from "vue";
 import { MobileField } from "../field/index.mjs";
 import { a as appExports } from "../../../../../../_virtual/app.mjs";
 import { Popup } from "../../../../node_modules/vant/es/popup/index.mjs";
@@ -78,21 +78,24 @@ const _sfc_main = {
       }
       return data.map((node) => processNode(node, 0));
     }
-    const fieldTextValue = ref("");
     const showPicker = ref(false);
     const emit = __emit;
     const pickerValue = computed(() => {
-      const value = props.modelValue.split("/");
-      return value[value.length - 1];
+      const value = props.modelValue;
+      let val = value[value.length - 1];
+      if (val.length > 1) {
+        return val.substring(1);
+      }
+      return val;
     });
     function getDisplayValue(options, fieldNames, modelValue) {
-      const { label, value, children } = fieldNames;
-      const values = modelValue.split("/");
+      const { text, value, children } = fieldNames;
+      const values = modelValue;
       const displayValues = [];
       function findValueInOptions(currentOptions, targetValue) {
         for (const option of currentOptions) {
           if (option[value] === targetValue) {
-            return option[label];
+            return option[text];
           }
           if (option[children] && option[children].length > 0) {
             const result = findValueInOptions(option[children], targetValue);
@@ -103,7 +106,11 @@ const _sfc_main = {
         }
         return null;
       }
-      for (const val of values) {
+      for (let i = 0; i < values.length; i++) {
+        let val = values[i];
+        if (i > 0) {
+          val = val.substring(1);
+        }
         const displayValue = findValueInOptions(options, val);
         if (displayValue) {
           displayValues.push(displayValue);
@@ -111,24 +118,26 @@ const _sfc_main = {
       }
       return displayValues.join("/");
     }
-    watch(
-      [() => props.modelValue, finalOptions],
-      ([value, options]) => {
-        if (!value) {
-          fieldTextValue.value = "";
-          return;
-        }
-        fieldTextValue.value = getDisplayValue(
-          options,
-          props.treeOptionsFieldNames,
-          value
-        );
-      },
-      { immediate: true }
-    );
+    const fieldTextValue = computed(() => {
+      return getDisplayValue(
+        finalOptions.value,
+        props.treeOptionsFieldNames,
+        props.modelValue
+      );
+    });
     const onFinish = ({ selectedOptions }) => {
-      const value = selectedOptions.map((option) => option[props.treeOptionsFieldNames.value]).join("/");
-      emit("update:modelValue", value);
+      const value = selectedOptions.map(
+        (option) => option[props.treeOptionsFieldNames.value]
+      );
+      const realValue = [];
+      for (let i = 0; i < value.length; i++) {
+        if (i > 0) {
+          realValue.push(value[0] + value[i]);
+        } else {
+          realValue.push(value[i]);
+        }
+      }
+      emit("update:modelValue", realValue);
       showPicker.value = false;
     };
     return (_ctx, _cache) => {
@@ -138,7 +147,7 @@ const _sfc_main = {
       return openBlock(), createBlock(unref(MobileField), mergeProps(_ctx.$attrs, {
         modelValue: unref(fieldTextValue),
         "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => isRef(fieldTextValue) ? fieldTextValue.value = $event : null),
-        isLink: __props.readonly ? false : true,
+        isLink: __props.readonly || __props.disabled ? false : true,
         readonly: "",
         disabled: __props.disabled,
         onOpenPicker: _cache[5] || (_cache[5] = () => {
@@ -159,11 +168,13 @@ const _sfc_main = {
               createVNode(_component_van_cascader, mergeProps(_ctx.$attrs, {
                 modelValue: unref(pickerValue),
                 "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef(pickerValue) ? pickerValue.value = $event : null),
+                title: `${_ctx.$attrs.label}`,
                 options: unref(finalOptions),
+                "field-names": __props.treeOptionsFieldNames,
                 placeholder: "请选择",
                 onFinish,
                 onClose: _cache[2] || (_cache[2] = ($event) => showPicker.value = false)
-              }), null, 16, ["modelValue", "options"])
+              }), null, 16, ["modelValue", "title", "options", "field-names"])
             ]),
             _: 1
           }, 8, ["show"])

package/es/packages/mobile/src/components/form/fieldPicker/FieldPicker.vue.mjs

@@ -11,35 +11,16 @@
 /* empty css                                              */
 /* empty css                                                       */
 /* empty css                                                 */
-import { useAttrs, ref, computed, watch, createBlock, openBlock, unref, mergeProps, isRef, createSlots, withCtx, createVNode, withModifiers } from "vue";
+import { getCurrentInstance, useAttrs, ref, watch, computed, createBlock, openBlock, unref, mergeProps, isRef, createSlots, withCtx, createVNode, withModifiers } from "vue";
 import { MobileField } from "../field/index.mjs";
-import "../../../utils/optionUtil.mjs";
+import { getOptions } from "../../../utils/optionUtil.mjs";
+import { cloneDeep } from "../../../utils/common.mjs";
 import { Picker } from "../../../../node_modules/vant/es/picker/index.mjs";
 import { Popup } from "../../../../node_modules/vant/es/popup/index.mjs";
 import { Icon } from "../../../../node_modules/vant/es/icon/index.mjs";
 const _sfc_main = {
   __name: "FieldPicker",
   props: {
-    // optionType: {
-    //   type: String,
-    //   default: "static",
-    // },
-    // dicKey: {
-    //   type: String,
-    //   default: "",
-    // },
-    // dicList: {
-    //   type: Array,
-    //   default: [],
-    // },
-    // dataSource: {
-    //   type: String,
-    //   default: "",
-    // },
-    // dataSourceParams: {
-    //   type: Object,
-    //   default: {},
-    // },
     pickerOptions: {
       type: Array,
       default: []
@@ -63,39 +44,69 @@ const _sfc_main = {
       type: Boolean,
       default: false
     },
-    "is-link": false
+    "is-link": false,
+    optionConfig: {
+      type: Object,
+      default: () => ({})
+    },
+    dataSources: {
+      type: Array,
+      default: () => []
+    },
+    formData: {
+      type: Object,
+      default: () => {
+      }
+    },
+    fields: {
+      type: Array,
+      default: () => []
+    }
   },
   emits: ["update:modelValue"],
   setup(__props, { emit: __emit }) {
+    const currentInstance = getCurrentInstance();
+    const ctx = currentInstance.proxy;
     const props = __props;
     useAttrs();
     const finalOptions = ref([]);
-    const fieldTextValue = ref("");
+    watch(
+      () => cloneDeep(props.optionConfig),
+      (val) => {
+        getOptions({
+          ctx,
+          dataSources: props.dataSources,
+          formData: props.formData,
+          fields: props.fields,
+          ...props.optionConfig
+        }).then((data) => {
+          finalOptions.value = data;
+        });
+      },
+      {
+        deep: true,
+        immediate: true
+      }
+    );
     const showPicker = ref(false);
     const emit = __emit;
     const pickerValue = computed({
       get: () => {
         const value = props.modelValue;
-        return [value];
+        return value.split(",");
       },
       set: (val) => {
-        emit("update:modelValue", val);
+        emit("update:modelValue", val.join(","));
       }
     });
-    watch(
-      [() => props.modelValue, finalOptions],
-      ([value, options]) => {
-        if (!value) {
-          fieldTextValue.value = "";
-          return;
-        }
-        const optionItem = options.find((item) => item.value == value);
-        fieldTextValue.value = optionItem == null ? void 0 : optionItem.text;
-      },
-      { immediate: true }
-    );
+    const fieldTextValue = computed(() => {
+      const selectedOption = finalOptions.value.find(
+        (option) => option.value == pickerValue.value.join(",")
+      );
+      return selectedOption ? selectedOption.label : "";
+    });
     const onConfirm = ({ selectedValues, selectedOptions }) => {
-      pickerValue.value = selectedValues[0];
+      pickerValue.value = selectedValues;
       showPicker.value = false;
     };
     return (_ctx, _cache) => {
@@ -105,7 +116,7 @@ const _sfc_main = {
       return openBlock(), createBlock(unref(MobileField), mergeProps(_ctx.$attrs, {
         modelValue: unref(fieldTextValue),
         "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => isRef(fieldTextValue) ? fieldTextValue.value = $event : null),
-        isLink: __props.readonly ? false : true,
+        isLink: __props.readonly || __props.disabled ? false : true,
         readonly: "",
         disabled: __props.disabled,
         onOpenPicker: _cache[4] || (_cache[4] = () => {
@@ -124,12 +135,18 @@ const _sfc_main = {
           }, {
             default: withCtx(() => [
               createVNode(_component_van_picker, mergeProps(_ctx.$attrs, {
+                title: `${_ctx.$attrs.label}`,
                 columns: unref(finalOptions),
+                "columns-field-names": {
+                  text: "label",
+                  value: "value",
+                  children: "children"
+                },
                 "model-value": unref(pickerValue),
                 readonly: false,
                 onConfirm,
                 onCancel: _cache[1] || (_cache[1] = ($event) => showPicker.value = false)
-              }), null, 16, ["columns", "model-value"])
+              }), null, 16, ["title", "columns", "model-value"])
             ]),
             _: 1
           }, 8, ["show"])

package/es/packages/mobile/src/components/form/fieldTimePicker/FieldTimePicker.vue.mjs

@@ -125,7 +125,7 @@ const _sfc_main = {
       return openBlock(), createBlock(unref(MobileField), mergeProps(_ctx.$attrs, {
         modelValue: unref(fieldTextValue),
         "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => isRef(fieldTextValue) ? fieldTextValue.value = $event : null),
-        isLink: __props.readonly ? false : true,
+        isLink: __props.readonly || __props.disabled ? false : true,
         readonly: "",
         disabled: __props.disabled,
         onOpenPicker: _cache[5] || (_cache[5] = () => {

package/es/packages/mobile/src/components/navigation/navBar/NavBar.vue.mjs

@@ -4,7 +4,7 @@
 /* empty css                                                  */
 import { createBlock, openBlock, mergeProps, createSlots, renderList, withCtx, renderSlot } from "vue";
 import { pageHistory } from "../../../utils/pageHistory.mjs";
-import emitter from "../../../utils/eventBus.mjs";
+import "../../../utils/eventBus.mjs";
 /* empty css             */
 import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.mjs";
 import { NavBar } from "../../../../node_modules/vant/es/nav-bar/index.mjs";
@@ -30,10 +30,7 @@ const _sfc_main = {
   },
   setup(__props) {
     const onClickLeft = () => {
-      const prevPage = pageHistory.back();
-      if (prevPage) {
-        emitter.emit("loadPage", prevPage.id);
-      }
+      pageHistory.back();
     };
     return (_ctx, _cache) => {
       const _component_van_nav_bar = NavBar;
@@ -58,7 +55,7 @@ const _sfc_main = {
     };
   }
 };
-const _NavBar = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-f6340561"]]);
+const _NavBar = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-4ece9a08"]]);
 export {
   _NavBar as default
 };