@fecp/designer 5.6.28 → 5.6.29

package/es/packages/mobile/src/components/form/fieldDrawerSelect/FieldDrawerSelect.vue.mjs

@@ -0,0 +1,676 @@
+/* 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                                                               */
+/* empty css                                                     */
+/* empty css                                                      */
+/* empty css                                                       */
+import { getCurrentInstance, useAttrs, ref, computed, watch, createBlock, openBlock, unref, mergeProps, createSlots, withCtx, createVNode, createElementVNode, createElementBlock, createCommentVNode, toDisplayString, Fragment, renderList, normalizeClass, createTextVNode, withDirectives, withModifiers, vShow, nextTick } from "vue";
+import { MobileField } from "../field/index.mjs";
+import { createDataSource } from "../../../utils/datasource.mjs";
+/* empty css                        */
+import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.mjs";
+import { Search } from "../../../../../../node_modules/vant/es/search/index.mjs";
+import { Radio } from "../../../../../../node_modules/vant/es/radio/index.mjs";
+import { Popup } from "../../../../../../node_modules/vant/es/popup/index.mjs";
+import { List } from "../../../../../../node_modules/vant/es/list/index.mjs";
+import { Checkbox } from "../../../../../../node_modules/vant/es/checkbox/index.mjs";
+import { Icon } from "../../../../../../node_modules/vant/es/icon/index.mjs";
+import { Empty } from "../../../../../../node_modules/vant/es/empty/index.mjs";
+import { Button } from "../../../../../../node_modules/vant/es/button/index.mjs";
+const _hoisted_1 = { class: "fec-drawer-select" };
+const _hoisted_2 = { class: "fec-drawer-select-header" };
+const _hoisted_3 = { class: "fec-drawer-select-title" };
+const _hoisted_4 = {
+  key: 0,
+  class: "fec-drawer-select-crumb"
+};
+const _hoisted_5 = ["onClick"];
+const _hoisted_6 = {
+  key: 0,
+  class: "fec-drawer-select-crumb-split"
+};
+const _hoisted_7 = { class: "fec-drawer-select-search" };
+const _hoisted_8 = ["onClick"];
+const _hoisted_9 = {
+  key: 2,
+  class: "fec-drawer-select-check-placeholder"
+};
+const _hoisted_10 = { class: "fec-drawer-select-avatar" };
+const _hoisted_11 = { class: "fec-drawer-select-info" };
+const _hoisted_12 = { class: "fec-drawer-select-name" };
+const _hoisted_13 = {
+  key: 0,
+  class: "fec-drawer-select-count"
+};
+const _hoisted_14 = {
+  key: 0,
+  class: "fec-drawer-select-sub"
+};
+const _hoisted_15 = {
+  key: 0,
+  class: "fec-drawer-select-empty"
+};
+const _hoisted_16 = { class: "fec-drawer-select-footer" };
+const _hoisted_17 = { class: "fec-drawer-select-summary" };
+const _hoisted_18 = { class: "fec-drawer-select-summary-count" };
+const _hoisted_19 = { class: "fec-drawer-select-summary-list" };
+const _hoisted_20 = ["onClick"];
+const _sfc_main = /* @__PURE__ */ Object.assign({
+  name: "MobileFieldDrawerSelect"
+}, {
+  __name: "FieldDrawerSelect",
+  props: {
+    modelValue: {
+      type: String,
+      default: ""
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    readonly: {
+      type: Boolean,
+      default: false
+    },
+    // 选择模式：false 单选，true 多选
+    multiple: {
+      type: Boolean,
+      default: false
+    },
+    // 弹窗标题
+    title: {
+      type: String,
+      default: ""
+    },
+    searchPlaceholder: {
+      type: String,
+      default: "请输入关键字"
+    },
+    // 数据源
+    dataSourceValue: {
+      type: [String, Number],
+      default: ""
+    },
+    dataSources: {
+      type: Array,
+      default: () => []
+    },
+    formData: {
+      type: Object,
+      default: () => ({})
+    },
+    fields: {
+      type: Array,
+      default: () => []
+    },
+    // 字段映射
+    labelField: {
+      type: String,
+      default: "name"
+    },
+    valueField: {
+      type: String,
+      default: "id"
+    },
+    idField: {
+      type: String,
+      default: "id"
+    },
+    pidField: {
+      type: String,
+      default: "parentId"
+    },
+    // 根节点的父级值
+    rootParentValue: {
+      type: String,
+      default: "0"
+    },
+    // 是否懒加载（点层级才请求下级）
+    lazy: {
+      type: Boolean,
+      default: false
+    },
+    // 懒加载时判断是否有下级的字段名
+    hasChildrenField: {
+      type: String,
+      default: "hasChildren"
+    },
+    // 是否分页
+    paged: {
+      type: Boolean,
+      default: true
+    },
+    pageSize: {
+      type: Number,
+      default: 20
+    },
+    // 显示值写回的表单字段名
+    displayFieldName: {
+      type: String,
+      default: ""
+    },
+    // 副标题字段（不配置则不显示）
+    subTitleField: {
+      type: String,
+      default: ""
+    },
+    // 根节点名称（面包屑第一级）
+    rootName: {
+      type: String,
+      default: "全部"
+    },
+    // 是否显示子节点数量
+    showChildCount: {
+      type: Boolean,
+      default: true
+    }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const currentInstance = getCurrentInstance();
+    const ctx = currentInstance.proxy;
+    const attrs = useAttrs();
+    const popupShow = ref(false);
+    const searchKeyword = ref("");
+    const listEl = ref(null);
+    function scrollListToTop() {
+      nextTick(() => {
+        if (listEl.value) listEl.value.scrollTop = 0;
+      });
+    }
+    const selectedMap = ref(/* @__PURE__ */ new Map());
+    let dataSourceManager = null;
+    function createLevel(name, parentValue, children) {
+      return {
+        name,
+        parentValue,
+        list: children || [],
+        pageNo: 1,
+        finished: !!children,
+        loading: false,
+        error: false,
+        loaded: !!children,
+        // 请求中的标记（van-list 会先把 loading 置 true 再触发 load，
+        // 因此并发保护不能看 loading，否则 load 回调会被自己拦住）
+        requesting: false
+      };
+    }
+    const levels = ref([]);
+    const searchLevel = ref(createLevel("搜索结果", void 0));
+    const searching = computed(() => !!searchKeyword.value.trim());
+    const emptyLevel = createLevel("", void 0, []);
+    const currentLevel = computed(() => {
+      if (searching.value) return searchLevel.value;
+      return levels.value[levels.value.length - 1] || emptyLevel;
+    });
+    const selectedList = computed(() => Array.from(selectedMap.value.values()));
+    const singleValue = computed(() => {
+      var _a;
+      return ((_a = selectedList.value[0]) == null ? void 0 : _a.value) ?? "";
+    });
+    const fieldTextValue = ref("");
+    function refreshTextValue() {
+      if (props.displayFieldName && props.formData) {
+        const displayValue = props.formData[props.displayFieldName];
+        if (displayValue) {
+          fieldTextValue.value = displayValue;
+          return;
+        }
+      }
+      fieldTextValue.value = props.modelValue || "";
+    }
+    watch(
+      () => `${props.displayFieldName && props.formData ? props.formData[props.displayFieldName] : ""}|${props.modelValue || ""}`,
+      refreshTextValue,
+      { immediate: true }
+    );
+    function isBranch(item) {
+      if (searching.value) return false;
+      if (Array.isArray(item.children) && item.children.length) return true;
+      const flag = item[props.hasChildrenField];
+      if (flag !== void 0 && flag !== null && flag !== "") {
+        return toBool(flag);
+      }
+      return false;
+    }
+    function toBool(val) {
+      if (val === 0 || val === "0" || val === "false" || val === false)
+        return false;
+      return Boolean(val);
+    }
+    function childCount(item) {
+      return Array.isArray(item.children) ? item.children.length : -1;
+    }
+    function nodeKey(item) {
+      return item[props.valueField] ?? item[props.idField];
+    }
+    function getAvatar(item) {
+      const name = String(item[props.labelField] ?? "");
+      if (!name) return "?";
+      return name.length <= 2 ? name : name.slice(-2);
+    }
+    function chipText(label) {
+      const name = String(label ?? "");
+      if (!name) return "?";
+      return name.length <= 2 ? name : name.slice(-2);
+    }
+    function isSelected(item) {
+      return selectedMap.value.has(String(nodeKey(item)));
+    }
+    function toggleSelect(item) {
+      if (isBranch(item)) return;
+      const value = String(nodeKey(item));
+      const record = {
+        value,
+        label: item[props.labelField] ?? "",
+        raw: item
+      };
+      const next = new Map(selectedMap.value);
+      if (props.multiple) {
+        if (next.has(value)) {
+          next.delete(value);
+        } else {
+          next.set(value, record);
+        }
+      } else {
+        if (singleValue.value === value) {
+          next.clear();
+        } else {
+          next.clear();
+          next.set(value, record);
+        }
+      }
+      selectedMap.value = next;
+    }
+    function removeSelected(value) {
+      const next = new Map(selectedMap.value);
+      next.delete(String(value));
+      selectedMap.value = next;
+    }
+    function syncSelectedFromModel() {
+      var _a;
+      const next = /* @__PURE__ */ new Map();
+      const values = String(props.modelValue ?? "").split(",").map((v) => v.trim()).filter((v) => v !== "");
+      const labels = props.displayFieldName ? String(((_a = props.formData) == null ? void 0 : _a[props.displayFieldName]) ?? "").split(",") : [];
+      values.forEach((v, i) => {
+        next.set(v, { value: v, label: labels[i] ?? v, raw: null });
+      });
+      selectedMap.value = next;
+    }
+    function onConfirm() {
+      const list = selectedList.value;
+      const valueStr = list.map((i) => i.value).join(",");
+      const labelStr = list.map((i) => i.label).join(",");
+      if (props.displayFieldName && props.formData) {
+        props.formData[props.displayFieldName] = labelStr;
+      }
+      emit("update:modelValue", valueStr);
+      emit("change", list);
+      popupShow.value = false;
+    }
+    function onClear() {
+      if (props.displayFieldName && props.formData) {
+        props.formData[props.displayFieldName] = "";
+      }
+      emit("update:modelValue", "");
+      emit("change", []);
+    }
+    const usePaged = computed(() => props.lazy && props.paged);
+    function initManager() {
+      dataSourceManager = createDataSource({
+        http: ctx.$http,
+        dataSources: props.dataSources || [],
+        currentDataSourceId: props.dataSourceValue,
+        pagination: usePaged.value ? { pageNo: 1, pageSize: props.pageSize } : false,
+        data: props.formData,
+        fields: props.fields,
+        loading: false
+      });
+    }
+    function buildExtraParams(level) {
+      const params = {};
+      if (searching.value) {
+        params[props.labelField] = searchKeyword.value.trim();
+      } else {
+        params[props.pidField] = level.parentValue;
+      }
+      return params;
+    }
+    function normalizeList(data) {
+      let raw = (data == null ? void 0 : data.list) ?? data;
+      if (!Array.isArray(raw)) {
+        raw = (raw == null ? void 0 : raw.records) ?? (raw == null ? void 0 : raw.data) ?? (raw == null ? void 0 : raw.list) ?? [];
+      }
+      return Array.isArray(raw) ? raw : [];
+    }
+    function finishLevel(level) {
+      level.loading = false;
+      level.requesting = false;
+      level.finished = true;
+    }
+    async function loadLevel(level, reset = false) {
+      if (!level || level.requesting) return;
+      if (!props.dataSourceValue) {
+        finishLevel(level);
+        return;
+      }
+      if (!dataSourceManager) initManager();
+      if (!dataSourceManager.getCurrentDataSource()) {
+        finishLevel(level);
+        return;
+      }
+      if (level.finished && !reset) return;
+      if (reset) {
+        level.list = [];
+        level.pageNo = 1;
+        level.finished = false;
+        level.error = false;
+      }
+      level.requesting = true;
+      level.loading = true;
+      try {
+        if (usePaged.value) {
+          dataSourceManager.updatePagination(level.pageNo, props.pageSize);
+        }
+        await dataSourceManager.fetch(buildExtraParams(level));
+        const data = dataSourceManager.getData();
+        const pageList = normalizeList(data);
+        level.list = level.list.concat(pageList);
+        level.loaded = true;
+        const total = data == null ? void 0 : data.total;
+        if (!usePaged.value || pageList.length < props.pageSize || total != null && level.list.length >= Number(total)) {
+          level.finished = true;
+        } else {
+          level.pageNo += 1;
+        }
+      } catch (err) {
+        level.error = true;
+      } finally {
+        level.requesting = false;
+        level.loading = false;
+      }
+    }
+    function resetLevels() {
+      levels.value = [createLevel(props.rootName || "全部", props.rootParentValue)];
+      searchLevel.value = createLevel("搜索结果", void 0);
+      searchKeyword.value = "";
+    }
+    function onOpenPicker() {
+      if (props.disabled || props.readonly) return;
+      syncSelectedFromModel();
+      initManager();
+      resetLevels();
+      popupShow.value = true;
+      nextTick(() => {
+        loadLevel(levels.value[0]);
+      });
+    }
+    function onItemClick(item) {
+      if (isBranch(item)) {
+        enterNode(item);
+      } else {
+        toggleSelect(item);
+      }
+    }
+    function enterNode(item) {
+      const name = item[props.labelField] ?? "";
+      const parentValue = item[props.idField];
+      if (!props.lazy && Array.isArray(item.children) && item.children.length) {
+        levels.value.push(createLevel(name, parentValue, item.children));
+        scrollListToTop();
+        return;
+      }
+      levels.value.push(createLevel(name, parentValue));
+      scrollListToTop();
+      loadLevel(levels.value[levels.value.length - 1]);
+    }
+    function onCrumbClick(index) {
+      if (index === levels.value.length - 1) return;
+      levels.value = levels.value.slice(0, index + 1);
+      const level = levels.value[levels.value.length - 1];
+      scrollListToTop();
+      if (!level.loaded) {
+        loadLevel(level);
+      }
+    }
+    function onListLoad() {
+      loadLevel(currentLevel.value);
+    }
+    let searchTimer = null;
+    function onSearch() {
+      if (searchTimer) clearTimeout(searchTimer);
+      searchTimer = setTimeout(() => {
+        const kw = searchKeyword.value.trim();
+        if (!kw) {
+          searchLevel.value = createLevel("搜索结果", void 0);
+          return;
+        }
+        const prev = searchLevel.value;
+        if (prev.requesting) {
+          const timer = setInterval(() => {
+            if (!prev.requesting) {
+              clearInterval(timer);
+              doSearch(kw);
+            }
+          }, 60);
+          return;
+        }
+        doSearch(kw);
+      }, 300);
+    }
+    function doSearch(kw) {
+      if (searchKeyword.value.trim() !== kw) return;
+      searchLevel.value = createLevel("搜索结果", void 0);
+      scrollListToTop();
+      loadLevel(searchLevel.value, true);
+    }
+    function onSearchClear() {
+      searchKeyword.value = "";
+      if (searchTimer) clearTimeout(searchTimer);
+      searchLevel.value = createLevel("搜索结果", void 0);
+      scrollListToTop();
+    }
+    watch(searchKeyword, () => {
+      onSearch();
+    });
+    watch(
+      () => props.modelValue,
+      (val) => {
+        if (!val && props.displayFieldName && props.formData) {
+          props.formData[props.displayFieldName] = "";
+        }
+      }
+    );
+    return (_ctx, _cache) => {
+      const _component_van_icon = Icon;
+      const _component_van_search = Search;
+      const _component_van_checkbox = Checkbox;
+      const _component_van_radio = Radio;
+      const _component_van_list = List;
+      const _component_van_empty = Empty;
+      const _component_van_button = Button;
+      const _component_van_popup = Popup;
+      return openBlock(), createBlock(unref(MobileField), mergeProps(_ctx.$attrs, {
+        modelValue: fieldTextValue.value,
+        "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => fieldTextValue.value = $event),
+        isLink: !__props.readonly && !__props.disabled,
+        readonly: "",
+        disabled: __props.disabled,
+        onOpenPicker
+      }), createSlots({
+        default: withCtx(() => [
+          createVNode(_component_van_popup, {
+            show: popupShow.value,
+            "onUpdate:show": _cache[3] || (_cache[3] = ($event) => popupShow.value = $event),
+            position: "bottom",
+            style: { height: "100%" },
+            closeable: "",
+            "close-icon-position": "top-left",
+            teleport: "body",
+            "destroy-on-close": ""
+          }, {
+            default: withCtx(() => [
+              createElementVNode("div", _hoisted_1, [
+                createElementVNode("div", _hoisted_2, [
+                  createElementVNode("span", _hoisted_3, toDisplayString(__props.title || unref(attrs).label || "请选择"), 1)
+                ]),
+                !searching.value ? (openBlock(), createElementBlock("div", _hoisted_4, [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(levels.value, (lv, index) => {
+                    return openBlock(), createElementBlock("span", {
+                      key: index,
+                      class: normalizeClass(["fec-drawer-select-crumb-item", { "is-current": index === levels.value.length - 1 }]),
+                      onClick: ($event) => onCrumbClick(index)
+                    }, [
+                      index > 0 ? (openBlock(), createElementBlock("span", _hoisted_6, "/")) : createCommentVNode("", true),
+                      createTextVNode(" " + toDisplayString(lv.name), 1)
+                    ], 10, _hoisted_5);
+                  }), 128))
+                ])) : createCommentVNode("", true),
+                createElementVNode("div", _hoisted_7, [
+                  createVNode(_component_van_search, {
+                    modelValue: searchKeyword.value,
+                    "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => searchKeyword.value = $event),
+                    shape: "round",
+                    placeholder: __props.searchPlaceholder,
+                    clearable: "",
+                    onSearch,
+                    onClear: onSearchClear
+                  }, null, 8, ["modelValue", "placeholder"])
+                ]),
+                createElementVNode("div", {
+                  ref_key: "listEl",
+                  ref: listEl,
+                  class: "fec-drawer-select-list"
+                }, [
+                  withDirectives(createVNode(_component_van_list, {
+                    loading: currentLevel.value.loading,
+                    "onUpdate:loading": _cache[1] || (_cache[1] = ($event) => currentLevel.value.loading = $event),
+                    error: currentLevel.value.error,
+                    "onUpdate:error": _cache[2] || (_cache[2] = ($event) => currentLevel.value.error = $event),
+                    finished: currentLevel.value.finished,
+                    "immediate-check": false,
+                    offset: 50,
+                    "finished-text": currentLevel.value.list.length ? "没有更多了" : "",
+                    "error-text": "请求失败，点击重新加载",
+                    onLoad: onListLoad,
+                    class: "fec-drawer-select-vanlist"
+                  }, {
+                    default: withCtx(() => [
+                      (openBlock(true), createElementBlock(Fragment, null, renderList(currentLevel.value.list, (item) => {
+                        return openBlock(), createElementBlock("div", {
+                          key: nodeKey(item),
+                          class: normalizeClass(["fec-drawer-select-item", { "is-selected": isSelected(item) }]),
+                          onClick: ($event) => onItemClick(item)
+                        }, [
+                          __props.multiple && !isBranch(item) ? (openBlock(), createBlock(_component_van_checkbox, {
+                            key: 0,
+                            "model-value": isSelected(item),
+                            shape: "square",
+                            class: "fec-drawer-select-check",
+                            onClick: withModifiers(($event) => toggleSelect(item), ["stop"])
+                          }, null, 8, ["model-value", "onClick"])) : !isBranch(item) ? (openBlock(), createBlock(_component_van_radio, {
+                            key: 1,
+                            "model-value": singleValue.value,
+                            name: item[__props.valueField],
+                            class: "fec-drawer-select-check",
+                            onClick: withModifiers(($event) => toggleSelect(item), ["stop"])
+                          }, null, 8, ["model-value", "name", "onClick"])) : (openBlock(), createElementBlock("div", _hoisted_9)),
+                          createElementVNode("div", _hoisted_10, toDisplayString(getAvatar(item)), 1),
+                          createElementVNode("div", _hoisted_11, [
+                            createElementVNode("div", _hoisted_12, [
+                              createElementVNode("span", null, toDisplayString(item[__props.labelField]), 1),
+                              __props.showChildCount && childCount(item) > 0 ? (openBlock(), createElementBlock("span", _hoisted_13, "(" + toDisplayString(childCount(item)) + ")", 1)) : createCommentVNode("", true)
+                            ]),
+                            __props.subTitleField && item[__props.subTitleField] ? (openBlock(), createElementBlock("div", _hoisted_14, toDisplayString(item[__props.subTitleField]), 1)) : createCommentVNode("", true)
+                          ]),
+                          isBranch(item) ? (openBlock(), createBlock(_component_van_icon, {
+                            key: 3,
+                            name: "arrow",
+                            class: "fec-drawer-select-arrow"
+                          })) : createCommentVNode("", true)
+                        ], 10, _hoisted_8);
+                      }), 128))
+                    ]),
+                    _: 1
+                  }, 8, ["loading", "error", "finished", "finished-text"]), [
+                    [vShow, currentLevel.value.list.length > 0 || currentLevel.value.requesting]
+                  ]),
+                  !currentLevel.value.requesting && !currentLevel.value.list.length ? (openBlock(), createElementBlock("div", _hoisted_15, [
+                    createVNode(_component_van_empty, {
+                      "image-size": "80",
+                      description: props.dataSourceValue ? "暂无数据" : "未配置数据源"
+                    }, null, 8, ["description"])
+                  ])) : createCommentVNode("", true)
+                ], 512),
+                createElementVNode("div", _hoisted_16, [
+                  createElementVNode("div", _hoisted_17, [
+                    _cache[5] || (_cache[5] = createElementVNode("span", { class: "fec-drawer-select-summary-label" }, "已选择(", -1)),
+                    createElementVNode("span", _hoisted_18, toDisplayString(selectedList.value.length), 1),
+                    _cache[6] || (_cache[6] = createElementVNode("span", { class: "fec-drawer-select-summary-label" }, "):", -1)),
+                    createElementVNode("div", _hoisted_19, [
+                      (openBlock(true), createElementBlock(Fragment, null, renderList(selectedList.value, (s) => {
+                        return openBlock(), createElementBlock("span", {
+                          key: s.value,
+                          class: "fec-drawer-select-summary-chip",
+                          onClick: withModifiers(($event) => removeSelected(s.value), ["stop"])
+                        }, [
+                          createTextVNode(toDisplayString(chipText(s.label)) + " ", 1),
+                          createVNode(_component_van_icon, {
+                            name: "cross",
+                            class: "fec-drawer-select-chip-close"
+                          })
+                        ], 8, _hoisted_20);
+                      }), 128))
+                    ])
+                  ]),
+                  createVNode(_component_van_button, {
+                    type: "primary",
+                    round: "",
+                    size: "small",
+                    class: "fec-drawer-select-confirm",
+                    onClick: onConfirm
+                  }, {
+                    default: withCtx(() => _cache[7] || (_cache[7] = [
+                      createTextVNode(" 确定 ")
+                    ])),
+                    _: 1
+                  })
+                ])
+              ])
+            ]),
+            _: 1
+          }, 8, ["show"])
+        ]),
+        _: 2
+      }, [
+        !__props.readonly && !__props.disabled && fieldTextValue.value ? {
+          name: "right-icon",
+          fn: withCtx(() => [
+            createVNode(_component_van_icon, {
+              name: "clear",
+              class: "custom-close-icon",
+              onClick: withModifiers(onClear, ["stop"])
+            })
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1040, ["modelValue", "isLink", "disabled"]);
+    };
+  }
+});
+const _FieldDrawerSelect = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-758be159"]]);
+export {
+  _FieldDrawerSelect as default
+};

package/es/packages/mobile/src/components/form/fieldDrawerSelect/index.mjs

@@ -0,0 +1,10 @@
+import _FieldDrawerSelect from "./FieldDrawerSelect.vue.mjs";
+import install from "../../../utils/install.mjs";
+const MobileFieldDrawerSelect = install.withInstall(
+  "MobileFieldDrawerSelect",
+  _FieldDrawerSelect
+);
+export {
+  MobileFieldDrawerSelect,
+  MobileFieldDrawerSelect as default
+};