@fecp/designer 5.6.28 → 5.6.29

package/lib/packages/mobile/src/components/form/fieldDrawerSelect/FieldDrawerSelect.vue.js

@@ -0,0 +1,676 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+;/* 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                                                       */
+const Vue = require("vue");
+const index = require("../field/index.js");
+const datasource = require("../../../utils/datasource.js");
+;/* empty css                        */
+const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.js");
+const index$2 = require("../../../../../../node_modules/vant/es/search/index.js");
+const index$5 = require("../../../../../../node_modules/vant/es/radio/index.js");
+const index$1 = require("../../../../../../node_modules/vant/es/popup/index.js");
+const index$3 = require("../../../../../../node_modules/vant/es/list/index.js");
+const index$4 = require("../../../../../../node_modules/vant/es/checkbox/index.js");
+const index$6 = require("../../../../../../node_modules/vant/es/icon/index.js");
+const index$7 = require("../../../../../../node_modules/vant/es/empty/index.js");
+const index$8 = require("../../../../../../node_modules/vant/es/button/index.js");
+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 = Vue.getCurrentInstance();
+    const ctx = currentInstance.proxy;
+    const attrs = Vue.useAttrs();
+    const popupShow = Vue.ref(false);
+    const searchKeyword = Vue.ref("");
+    const listEl = Vue.ref(null);
+    function scrollListToTop() {
+      Vue.nextTick(() => {
+        if (listEl.value) listEl.value.scrollTop = 0;
+      });
+    }
+    const selectedMap = Vue.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 = Vue.ref([]);
+    const searchLevel = Vue.ref(createLevel("搜索结果", void 0));
+    const searching = Vue.computed(() => !!searchKeyword.value.trim());
+    const emptyLevel = createLevel("", void 0, []);
+    const currentLevel = Vue.computed(() => {
+      if (searching.value) return searchLevel.value;
+      return levels.value[levels.value.length - 1] || emptyLevel;
+    });
+    const selectedList = Vue.computed(() => Array.from(selectedMap.value.values()));
+    const singleValue = Vue.computed(() => {
+      var _a;
+      return ((_a = selectedList.value[0]) == null ? void 0 : _a.value) ?? "";
+    });
+    const fieldTextValue = Vue.ref("");
+    function refreshTextValue() {
+      if (props.displayFieldName && props.formData) {
+        const displayValue = props.formData[props.displayFieldName];
+        if (displayValue) {
+          fieldTextValue.value = displayValue;
+          return;
+        }
+      }
+      fieldTextValue.value = props.modelValue || "";
+    }
+    Vue.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 = Vue.computed(() => props.lazy && props.paged);
+    function initManager() {
+      dataSourceManager = datasource.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;
+      Vue.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(index2) {
+      if (index2 === levels.value.length - 1) return;
+      levels.value = levels.value.slice(0, index2 + 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();
+    }
+    Vue.watch(searchKeyword, () => {
+      onSearch();
+    });
+    Vue.watch(
+      () => props.modelValue,
+      (val) => {
+        if (!val && props.displayFieldName && props.formData) {
+          props.formData[props.displayFieldName] = "";
+        }
+      }
+    );
+    return (_ctx, _cache) => {
+      const _component_van_icon = index$6.Icon;
+      const _component_van_search = index$2.Search;
+      const _component_van_checkbox = index$4.Checkbox;
+      const _component_van_radio = index$5.Radio;
+      const _component_van_list = index$3.List;
+      const _component_van_empty = index$7.Empty;
+      const _component_van_button = index$8.Button;
+      const _component_van_popup = index$1.Popup;
+      return Vue.openBlock(), Vue.createBlock(Vue.unref(index.MobileField), Vue.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
+      }), Vue.createSlots({
+        default: Vue.withCtx(() => [
+          Vue.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: Vue.withCtx(() => [
+              Vue.createElementVNode("div", _hoisted_1, [
+                Vue.createElementVNode("div", _hoisted_2, [
+                  Vue.createElementVNode("span", _hoisted_3, Vue.toDisplayString(__props.title || Vue.unref(attrs).label || "请选择"), 1)
+                ]),
+                !searching.value ? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_4, [
+                  (Vue.openBlock(true), Vue.createElementBlock(Vue.Fragment, null, Vue.renderList(levels.value, (lv, index2) => {
+                    return Vue.openBlock(), Vue.createElementBlock("span", {
+                      key: index2,
+                      class: Vue.normalizeClass(["fec-drawer-select-crumb-item", { "is-current": index2 === levels.value.length - 1 }]),
+                      onClick: ($event) => onCrumbClick(index2)
+                    }, [
+                      index2 > 0 ? (Vue.openBlock(), Vue.createElementBlock("span", _hoisted_6, "/")) : Vue.createCommentVNode("", true),
+                      Vue.createTextVNode(" " + Vue.toDisplayString(lv.name), 1)
+                    ], 10, _hoisted_5);
+                  }), 128))
+                ])) : Vue.createCommentVNode("", true),
+                Vue.createElementVNode("div", _hoisted_7, [
+                  Vue.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"])
+                ]),
+                Vue.createElementVNode("div", {
+                  ref_key: "listEl",
+                  ref: listEl,
+                  class: "fec-drawer-select-list"
+                }, [
+                  Vue.withDirectives(Vue.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: Vue.withCtx(() => [
+                      (Vue.openBlock(true), Vue.createElementBlock(Vue.Fragment, null, Vue.renderList(currentLevel.value.list, (item) => {
+                        return Vue.openBlock(), Vue.createElementBlock("div", {
+                          key: nodeKey(item),
+                          class: Vue.normalizeClass(["fec-drawer-select-item", { "is-selected": isSelected(item) }]),
+                          onClick: ($event) => onItemClick(item)
+                        }, [
+                          __props.multiple && !isBranch(item) ? (Vue.openBlock(), Vue.createBlock(_component_van_checkbox, {
+                            key: 0,
+                            "model-value": isSelected(item),
+                            shape: "square",
+                            class: "fec-drawer-select-check",
+                            onClick: Vue.withModifiers(($event) => toggleSelect(item), ["stop"])
+                          }, null, 8, ["model-value", "onClick"])) : !isBranch(item) ? (Vue.openBlock(), Vue.createBlock(_component_van_radio, {
+                            key: 1,
+                            "model-value": singleValue.value,
+                            name: item[__props.valueField],
+                            class: "fec-drawer-select-check",
+                            onClick: Vue.withModifiers(($event) => toggleSelect(item), ["stop"])
+                          }, null, 8, ["model-value", "name", "onClick"])) : (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_9)),
+                          Vue.createElementVNode("div", _hoisted_10, Vue.toDisplayString(getAvatar(item)), 1),
+                          Vue.createElementVNode("div", _hoisted_11, [
+                            Vue.createElementVNode("div", _hoisted_12, [
+                              Vue.createElementVNode("span", null, Vue.toDisplayString(item[__props.labelField]), 1),
+                              __props.showChildCount && childCount(item) > 0 ? (Vue.openBlock(), Vue.createElementBlock("span", _hoisted_13, "(" + Vue.toDisplayString(childCount(item)) + ")", 1)) : Vue.createCommentVNode("", true)
+                            ]),
+                            __props.subTitleField && item[__props.subTitleField] ? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_14, Vue.toDisplayString(item[__props.subTitleField]), 1)) : Vue.createCommentVNode("", true)
+                          ]),
+                          isBranch(item) ? (Vue.openBlock(), Vue.createBlock(_component_van_icon, {
+                            key: 3,
+                            name: "arrow",
+                            class: "fec-drawer-select-arrow"
+                          })) : Vue.createCommentVNode("", true)
+                        ], 10, _hoisted_8);
+                      }), 128))
+                    ]),
+                    _: 1
+                  }, 8, ["loading", "error", "finished", "finished-text"]), [
+                    [Vue.vShow, currentLevel.value.list.length > 0 || currentLevel.value.requesting]
+                  ]),
+                  !currentLevel.value.requesting && !currentLevel.value.list.length ? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_15, [
+                    Vue.createVNode(_component_van_empty, {
+                      "image-size": "80",
+                      description: props.dataSourceValue ? "暂无数据" : "未配置数据源"
+                    }, null, 8, ["description"])
+                  ])) : Vue.createCommentVNode("", true)
+                ], 512),
+                Vue.createElementVNode("div", _hoisted_16, [
+                  Vue.createElementVNode("div", _hoisted_17, [
+                    _cache[5] || (_cache[5] = Vue.createElementVNode("span", { class: "fec-drawer-select-summary-label" }, "已选择(", -1)),
+                    Vue.createElementVNode("span", _hoisted_18, Vue.toDisplayString(selectedList.value.length), 1),
+                    _cache[6] || (_cache[6] = Vue.createElementVNode("span", { class: "fec-drawer-select-summary-label" }, "):", -1)),
+                    Vue.createElementVNode("div", _hoisted_19, [
+                      (Vue.openBlock(true), Vue.createElementBlock(Vue.Fragment, null, Vue.renderList(selectedList.value, (s) => {
+                        return Vue.openBlock(), Vue.createElementBlock("span", {
+                          key: s.value,
+                          class: "fec-drawer-select-summary-chip",
+                          onClick: Vue.withModifiers(($event) => removeSelected(s.value), ["stop"])
+                        }, [
+                          Vue.createTextVNode(Vue.toDisplayString(chipText(s.label)) + " ", 1),
+                          Vue.createVNode(_component_van_icon, {
+                            name: "cross",
+                            class: "fec-drawer-select-chip-close"
+                          })
+                        ], 8, _hoisted_20);
+                      }), 128))
+                    ])
+                  ]),
+                  Vue.createVNode(_component_van_button, {
+                    type: "primary",
+                    round: "",
+                    size: "small",
+                    class: "fec-drawer-select-confirm",
+                    onClick: onConfirm
+                  }, {
+                    default: Vue.withCtx(() => _cache[7] || (_cache[7] = [
+                      Vue.createTextVNode(" 确定 ")
+                    ])),
+                    _: 1
+                  })
+                ])
+              ])
+            ]),
+            _: 1
+          }, 8, ["show"])
+        ]),
+        _: 2
+      }, [
+        !__props.readonly && !__props.disabled && fieldTextValue.value ? {
+          name: "right-icon",
+          fn: Vue.withCtx(() => [
+            Vue.createVNode(_component_van_icon, {
+              name: "clear",
+              class: "custom-close-icon",
+              onClick: Vue.withModifiers(onClear, ["stop"])
+            })
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1040, ["modelValue", "isLink", "disabled"]);
+    };
+  }
+});
+const _FieldDrawerSelect = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-758be159"]]);
+exports.default = _FieldDrawerSelect;

package/lib/packages/mobile/src/components/form/fieldDrawerSelect/index.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const FieldDrawerSelect = require("./FieldDrawerSelect.vue.js");
+const install = require("../../../utils/install.js");
+const MobileFieldDrawerSelect = install.default.withInstall(
+  "MobileFieldDrawerSelect",
+  FieldDrawerSelect.default
+);
+exports.MobileFieldDrawerSelect = MobileFieldDrawerSelect;
+exports.default = MobileFieldDrawerSelect;