@ibiz-template/mob-vue3-components 0.7.41-alpha.18 → 0.7.41-alpha.19

package/lib/control/tree/tree.cjs

@@ -100,6 +100,7 @@ const TreeControl = /* @__PURE__ */ vue.defineComponent({
         }) : "";
         return {
           _id: node._id,
+          id: node._id,
           _uuid: node._uuid,
           _leaf: node._leaf,
           _text: node._text,
@@ -127,6 +128,12 @@ const TreeControl = /* @__PURE__ */ vue.defineComponent({
       }
       return controller.state.items.find((item) => item._uuid === key);
     }
+    const updateUI = () => {
+      if (treeRef.value) {
+        treeRef.value.tree.tree.store.checkedKeys = checkedKeys.value;
+        treeRef.value.tree.tree.store.setDefaultChecked();
+      }
+    };
     const loadData = async (item, callback) => {
       if (!c.state.isLoaded) {
         return;
@@ -147,6 +154,7 @@ const TreeControl = /* @__PURE__ */ vue.defineComponent({
         return;
       }
       callback(toElNodes(nodes));
+      updateUI();
     };
     const onNodeCheck = (event, opts) => {
       if (c.state.singleSelect) {

package/lib/editor/data-picker/ibiz-mpicker/ibiz-mpicker.cjs

@@ -301,6 +301,11 @@ const IBizMPicker = /* @__PURE__ */ vue.defineComponent({
       "disabled": this.disabled
     }, {
       input: () => {
+        if (!this.selectItems.length) {
+          return vue.createVNode("div", {
+            "class": this.ns.e("placeholder")
+          }, [this.c.placeHolder]);
+        }
         return this.selectItems.map((item) => {
           return vue.createVNode("div", {
             "class": this.ns.b("select-item")

package/lib/editor/data-picker/ibiz-mpicker/ibiz-mpicker.css

@@ -1 +1 @@
-@charset "UTF-8";.ibiz-mpicker .van-field{font-size:var(--ibiz-form-item-font-size)}.ibiz-mpicker .van-field::after{display:none}.ibiz-mpicker .van-field__right-icon button{color:var(--van-field-right-icon-color);border:none}.ibiz-mpicker .van-field__control--custom{flex-wrap:wrap}.ibiz-mpicker .van-field__control{gap:var(--ibiz-spacing-tight)}.ibiz-mpicker input:disabled{color:var(--ibiz-form-item-disabled-color);background-color:var(--ibiz-form-item-disabled-bg-color);border-color:var(--ibiz-form-item-disabled-border-color);-webkit-text-fill-color:var(--ibiz-form-item-disabled-color)}.ibiz-mpicker__pickup-search-icon{font-size:var(--ibiz-font-size-header-5);display:flex}.ibiz-mpicker--disabled{pointer-events:none;opacity:.8}.ibiz-mpicker--readonly{color:var(--ibiz-form-item-readonly-color);-webkit-text-fill-color:var(--ibiz-form-item-readonly-color)}.ibiz-mpicker .ibiz-mpicker-select-item{display:flex;gap:var(--ibiz-spacing-tight);align-items:center;justify-content:space-between;padding:var(--ibiz-spacing-tight);background-color:var(--ibiz-color-disabled-bg);border-radius:var(--ibiz-border-radius-small)}.ibiz-mpicker .van-field__control--custom{display:flex;flex-direction:row;justify-content:var(--ibiz-form-item-container-editor-align)}.ibiz-mpicker.ibiz-mpicker--readonly{text-align:var(--ibiz-form-item-container-editor-align)}
+@charset "UTF-8";.ibiz-mpicker .van-field{font-size:var(--ibiz-form-item-font-size)}.ibiz-mpicker .van-field::after{display:none}.ibiz-mpicker .van-field__right-icon{align-items:center}.ibiz-mpicker .van-field__right-icon button{color:var(--van-field-right-icon-color);border:none}.ibiz-mpicker .van-field__control--custom{flex-wrap:wrap}.ibiz-mpicker .van-field__control{gap:var(--ibiz-spacing-tight)}.ibiz-mpicker input:disabled{color:var(--ibiz-form-item-disabled-color);background-color:var(--ibiz-form-item-disabled-bg-color);border-color:var(--ibiz-form-item-disabled-border-color);-webkit-text-fill-color:var(--ibiz-form-item-disabled-color)}.ibiz-mpicker__placeholder{color:var(--ibiz-color-text-3)}.ibiz-mpicker__pickup-search-icon{font-size:var(--ibiz-font-size-header-5);display:flex}.ibiz-mpicker--disabled{pointer-events:none;opacity:.8}.ibiz-mpicker--readonly{color:var(--ibiz-form-item-readonly-color);-webkit-text-fill-color:var(--ibiz-form-item-readonly-color)}.ibiz-mpicker .ibiz-mpicker-select-item{display:flex;gap:var(--ibiz-spacing-tight);align-items:center;justify-content:space-between;padding:var(--ibiz-spacing-tight);background-color:var(--ibiz-color-disabled-bg);border-radius:var(--ibiz-border-radius-small)}.ibiz-mpicker .van-field__control--custom{display:flex;flex-direction:row;justify-content:var(--ibiz-form-item-container-editor-align)}.ibiz-mpicker.ibiz-mpicker--readonly{text-align:var(--ibiz-form-item-container-editor-align)}

package/lib/editor/data-picker/ibiz-picker/ibiz-picker.cjs

@@ -64,12 +64,28 @@ const IBizPicker = /* @__PURE__ */ vue.defineComponent({
       }
       emit("change", targetData[c.textName]);
     };
+    const calcSelectItem = () => {
+      const selectItems = [];
+      if (curValue.value) {
+        const selectItem = {
+          srfkey: props.data[c.valueItem],
+          srfmajortext: curValue.value,
+          ...c.model.valueType === "OBJECT" && props.value && c.objectValueField ? props.value[c.objectValueField] : {}
+        };
+        if (c.deACMode && c.dataItems.length)
+          c.dataItems.forEach((item) => Object.assign(selectItem, {
+            [item.appDEFieldId]: props.data[item.id]
+          }));
+        selectItems.push(selectItem);
+      }
+      return selectItems;
+    };
     const openPickUpView = async (e) => {
       e.stopPropagation();
       if (props.disabled || props.readonly) {
         return;
       }
-      const res = await c.openPickUpView(props.data);
+      const res = await c.openPickUpView(props.data, JSON.stringify(calcSelectItem()));
       if (res && res[0]) {
         await handleDataSelect(res[0]);
       }
@@ -174,7 +190,7 @@ const IBizPicker = /* @__PURE__ */ vue.defineComponent({
       onSearch();
     };
     const onClose = () => {
-      showPicker.value = true;
+      showPicker.value = false;
     };
     const onClickClear = () => {
       showPicker.value = false;
@@ -220,6 +236,10 @@ const IBizPicker = /* @__PURE__ */ vue.defineComponent({
         var _a;
         if (((_a = item[c.textName]) == null ? void 0 : _a.indexOf(searchValue.value)) < 0)
           return;
+        let selected = (item[c.textName] || item.srfmajortext) === curValue.value;
+        if (c.valueItem) {
+          selected = (item[c.keyName] || item.srfkey) === props.data[c.valueItem];
+        }
         return vue.createVNode("div", {
           "class": ns.bem("pop", "list", "item"),
           "onClick": () => onConfirm(item)
@@ -229,7 +249,7 @@ const IBizPicker = /* @__PURE__ */ vue.defineComponent({
             "select-option-item-color": `${item.color || ""}`,
             "select-option-item-bkcolor": `${item.bkcolor || ""}`
           }) : ""
-        }, [item[c.textName]]), item.srfkey && item.srfkey === props.data[c.valueItem] && vue.createVNode(vue.resolveComponent("van-icon"), {
+        }, [item[c.textName]]), selected && vue.createVNode(vue.resolveComponent("van-icon"), {
           "class": ns.bem("pop", "list", "selected"),
           "name": "success"
         }, null)]);

package/lib/editor/data-picker/picker-editor.controller.cjs

@@ -209,7 +209,7 @@ class PickerEditorController extends runtime.EditorController {
       this.params
     );
     if (selectedData) {
-      params.selectedData = selectedData;
+      params.selecteddata = selectedData;
     }
     if (!this.pickupView) {
       throw new core.RuntimeModelError(

package/lib/editor/date-picker/date-picker-editor.controller.cjs

@@ -55,6 +55,22 @@ class DatePickerEditorController extends runtime.EditorController {
         return "YYYY-MM-DD hh:mm:ss";
     }
   }
+  /**
+   * 值格式化
+   *
+   * @readonly
+   * @type {(string | undefined)}
+   * @memberof DatePickerEditorController
+   */
+  get valueFormat() {
+    if (super.valueFormat) {
+      return super.valueFormat;
+    }
+    if (this.model.dateTimeFormat) {
+      return this.model.dateTimeFormat;
+    }
+    return this.getFormatByType(this.model.editorType);
+  }
 }
 
 exports.DatePickerEditorController = DatePickerEditorController;

package/lib/editor/date-picker/ibiz-date-picker/ibiz-date-picker.cjs

@@ -109,6 +109,9 @@ const IBizDatePicker = /* @__PURE__ */ vue.defineComponent({
         });
       }
     });
+    vue.onBeforeUnmount(() => {
+      closeDrawer();
+    });
     return {
       ns,
       c,

package/lib/editor/date-range/date-range-editor.controller.cjs

@@ -60,6 +60,22 @@ class DateRangeEditorController extends runtime.EditorController {
         return "YYYY-MM-DD hh:mm:ss";
     }
   }
+  /**
+   * 值格式化
+   *
+   * @readonly
+   * @type {(string | undefined)}
+   * @memberof DateRangeEditorController
+   */
+  get valueFormat() {
+    if (this.model.dateTimeFormat) {
+      return this.model.dateTimeFormat;
+    }
+    if (super.valueFormat) {
+      return super.valueFormat;
+    }
+    return this.getFormatByType();
+  }
 }
 
 exports.DateRangeEditorController = DateRangeEditorController;

package/lib/editor/date-range/ibiz-date-range-picker/ibiz-date-range-picker.cjs

@@ -24,6 +24,8 @@ const IBizDateRangePicker = /* @__PURE__ */ vue.defineComponent({
     const beginYear = currentYear - 100;
     const endYear = currentYear + 100;
     const minStep = 1;
+    const startRollDateInstance = vue.ref(null);
+    const endRollDateInstance = vue.ref(null);
     let items = [];
     const lang = {
       title: ibiz.i18n.t("editor.datePicker.title"),
@@ -156,7 +158,7 @@ const IBizDateRangePicker = /* @__PURE__ */ vue.defineComponent({
       };
       const el = startEditorRef.value;
       if (el) {
-        new rolldate_min.default({
+        startRollDateInstance.value = new rolldate_min.default({
           el,
           value: startFormatValue.value,
           confirm: (value) => {
@@ -171,7 +173,7 @@ const IBizDateRangePicker = /* @__PURE__ */ vue.defineComponent({
       }
       const el2 = endEditorRef.value;
       if (el2) {
-        new rolldate_min.default({
+        endRollDateInstance.value = new rolldate_min.default({
           el: el2,
           value: endFormatValue.value,
           confirm: (value) => {
@@ -186,9 +188,11 @@ const IBizDateRangePicker = /* @__PURE__ */ vue.defineComponent({
       }
     });
     const closeDrawer = () => {
-      var _a, _b, _c, _d;
+      var _a, _b, _c, _d, _e, _f, _g, _h;
       (_b = (_a = startEditorRef.value) == null ? void 0 : _a.hide) == null ? void 0 : _b.call(_a);
       (_d = (_c = endEditorRef.value) == null ? void 0 : _c.hide) == null ? void 0 : _d.call(_c);
+      (_f = (_e = startRollDateInstance.value) == null ? void 0 : _e.hide) == null ? void 0 : _f.call(_e);
+      (_h = (_g = endRollDateInstance.value) == null ? void 0 : _g.hide) == null ? void 0 : _h.call(_g);
     };
     usePopstateUtil.usePopstateListener(closeDrawer);
     const expandHidden = (text) => {
@@ -205,6 +209,9 @@ const IBizDateRangePicker = /* @__PURE__ */ vue.defineComponent({
       });
       show.value = false;
     };
+    vue.onBeforeUnmount(() => {
+      closeDrawer();
+    });
     const renderCalendarMode = () => {
       return vue.createVNode(vue.resolveComponent("van-popup"), {
         "show": show.value,

package/lib/editor/dropdown-list/ibiz-dropdown/ibiz-dropdown.cjs

@@ -66,7 +66,7 @@ const IBizDropdown = /* @__PURE__ */ vue.defineComponent({
       const index = items.value.findIndex(
         // 不匹配类型 兼容数值属性配置字符串代码表
         // eslint-disable-next-line eqeqeq
-        (item) => item.value == curValue.value
+        (item) => item.value === curValue.value
       );
       if (index !== -1) {
         return items.value[index].text;
@@ -157,7 +157,7 @@ const IBizDropdown = /* @__PURE__ */ vue.defineComponent({
             "select-option-item-color": `${item.color || ""}`,
             "select-option-item-bkcolor": `${item.bkcolor || ""}`
           }) : ""
-        }, [item.text]), item.value && item.value === curValue.value && vue.createVNode(vue.resolveComponent("van-icon"), {
+        }, [item.text]), item.value === curValue.value && vue.createVNode(vue.resolveComponent("van-icon"), {
           "class": ns.bem("pop", "list", "selected"),
           "name": "success"
         }, null)]);

package/lib/editor/html/html-editor.controller.cjs

@@ -158,13 +158,19 @@ class HtmlEditorController extends runtime.EditorController {
       if (MODULES) {
         this.modules = runtime.ScriptFactory.execScriptFn(
           { controller: this },
-          MODULES
+          MODULES,
+          {
+            isAsync: false
+          }
         );
       }
       if (modules) {
         this.modules = runtime.ScriptFactory.execScriptFn(
           { controller: this },
-          modules
+          modules,
+          {
+            isAsync: false
+          }
         );
       }
       if (DEFAULTHEIGHT) {

package/lib/editor/index.cjs

@@ -27,6 +27,7 @@ require('./html/index.cjs');
 var ibizDropdownList = require('./dropdown-list/ibiz-dropdown-list/ibiz-dropdown-list.cjs');
 require('./qrcode/index.cjs');
 require('./check-box/index.cjs');
+require('./map-picker/index.cjs');
 require('./common/index.cjs');
 var input = require('./text-box/input/input.cjs');
 var ibizInputNumber = require('./text-box/ibiz-input-number/ibiz-input-number.cjs');
@@ -57,6 +58,7 @@ var ibizCarousel = require('./upload/ibiz-carousel/ibiz-carousel.cjs');
 var ibizQrcode = require('./qrcode/ibiz-qrcode/ibiz-qrcode.cjs');
 var ibizImageCropping = require('./upload/ibiz-image-cropping/ibiz-image-cropping.cjs');
 var ibizCheckbox = require('./check-box/ibiz-checkbox/ibiz-checkbox.cjs');
+var ibizMapPicker = require('./map-picker/ibiz-map-picker/ibiz-map-picker.cjs');
 var spanEditor_provider = require('./span/span-editor.provider.cjs');
 var textBoxEditor_provider = require('./text-box/text-box-editor.provider.cjs');
 var dropdownListEditor_provider = require('./dropdown-list/dropdown-list-editor.provider.cjs');
@@ -76,6 +78,7 @@ var uploadEditor_provider = require('./upload/upload-editor.provider.cjs');
 var numberRangeEditor_provider = require('./number-range/number-range-editor.provider.cjs');
 var dateRangeEditor_provider = require('./date-range/date-range-editor.provider.cjs');
 var checkBoxEditor_provider = require('./check-box/check-box-editor.provider.cjs');
+var mapPickerEditor_provider = require('./map-picker/map-picker-editor.provider.cjs');
 var checkboxListEditor_provider = require('./check-box-list/checkbox-list-editor.provider.cjs');
 var qrcodeEditor_provider = require('./qrcode/qrcode-editor.provider.cjs');
 var cascaderEditor_controller = require('./cascader/cascader-editor.controller.cjs');
@@ -135,6 +138,7 @@ const IBizEditor = {
     v.component(ibizQrcode.IBizQrcode.name, ibizQrcode.IBizQrcode);
     v.component(ibizImageCropping.IBizImageCropping.name, ibizImageCropping.IBizImageCropping);
     v.component(ibizCheckbox.IBizCheckbox.name, ibizCheckbox.IBizCheckbox);
+    v.component(ibizMapPicker.IBizMapPicker.name, ibizMapPicker.IBizMapPicker);
     v.component(
       "IBizMarkDown",
       vue.defineAsyncComponent(
@@ -344,6 +348,7 @@ const IBizEditor = {
       () => new dateRangeEditor_provider.DateRangeEditorProvider()
     );
     runtime.registerEditorProvider("CHECKBOX", () => new checkBoxEditor_provider.CheckBoxEditorProvider());
+    runtime.registerEditorProvider("MAPPICKER", () => new mapPickerEditor_provider.MapPickerEditorProvider());
     runtime.registerEditorProvider(
       "FIELD_IMAGE_PICTURE_ONE",
       () => new uploadEditor_provider.FileUploaderEditorProvider("MOBPICTURE_RAW")

package/lib/editor/map-picker/ibiz-map-picker/ibiz-map-picker.cjs

@@ -0,0 +1,339 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+var index = require('../../../node_modules/.pnpm/@amap_amap-jsapi-loader@1.0.1_patch_hash_73bpcwbs2m5ip4qppmz6a7epsa/node_modules/@amap/amap-jsapi-loader/dist/index.cjs');
+require('./ibiz-map-picker.css');
+
+"use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
+}
+const IBizMapPicker = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizMapPicker",
+  props: vue3Util.getMapPickerProps(),
+  emits: vue3Util.getEditorEmits(),
+  setup(props, {
+    emit
+  }) {
+    const ns = vue3Util.useNamespace("map-picker");
+    const c = props.controller;
+    const {
+      editorItems
+    } = c.model;
+    let longitudeName = "";
+    let latitudeName = "";
+    if (editorItems) {
+      const [longitude, latitude] = editorItems;
+      longitudeName = longitude.id || "";
+      latitudeName = latitude.id || "";
+    }
+    const inputRef = vue.ref();
+    const searchRef = vue.ref();
+    const searchInputRef = vue.computed(() => {
+      var _a, _b, _c;
+      return (_c = (_a = searchRef.value) == null ? void 0 : (_b = _a.$el).querySelector) == null ? void 0 : _c.call(_b, "input");
+    });
+    const mapContainerRef = vue.ref();
+    const searchResultContainerRef = vue.ref();
+    const dialogVisible = vue.ref(false);
+    const isLoading = vue.ref(false);
+    const searchValue = vue.ref("");
+    let map;
+    let marker;
+    let poiPicker;
+    const addressInfo = {
+      address: "",
+      longitude: null,
+      latitude: null
+    };
+    const clearMarker = () => {
+      if (marker) {
+        marker.setMap(null);
+        marker = void 0;
+      }
+    };
+    const addMarker = (lng, lat) => {
+      const AMap = window.AMap;
+      if (!AMap) {
+        return;
+      }
+      clearMarker();
+      marker = new AMap.Marker({
+        position: [lng, lat]
+      });
+    };
+    const getAddress = (lng, lat) => {
+      const AMap = window.AMap;
+      if (!AMap) {
+        return;
+      }
+      if (!marker) {
+        return;
+      }
+      const geocoder = new AMap.Geocoder({});
+      const currentMarker = marker;
+      geocoder.getAddress([lng, lat], (status, result) => {
+        if (!marker || marker !== currentMarker) {
+          return;
+        }
+        if (status === "complete" && result.info === "OK" && result.regeocode) {
+          const regeocode = result.regeocode;
+          const address = regeocode.formattedAddress;
+          const markerContent = document.createElement("div");
+          const markerImg = document.createElement("img");
+          markerImg.style.width = "25px";
+          markerImg.src = "//a.amap.com/jsapi_demos/static/demo-center/icons/poi-marker-default.png";
+          markerContent.appendChild(markerImg);
+          const markerText = document.createElement("span");
+          markerText.className = ns.b("popup-map-marker-text");
+          markerText.textContent = address;
+          markerContent.appendChild(markerText);
+          marker.setContent(markerContent);
+          marker.setMap(map);
+          addressInfo.address = address;
+          addressInfo.longitude = lng;
+          addressInfo.latitude = lat;
+          searchValue.value = address;
+        }
+      });
+    };
+    const loadMap = async () => {
+      try {
+        isLoading.value = true;
+        window._AMapSecurityConfig = {
+          securityJsCode: ibiz.env.aMapSecurityJsCode
+        };
+        await index.default.load({
+          key: ibiz.env.aMapKey,
+          version: "2.0",
+          plugins: ["AMap.PlaceSearch", "AMap.Geocoder"],
+          AMapUI: {
+            version: "1.1",
+            plugins: ["misc/PoiPicker"]
+          }
+        });
+      } finally {
+        isLoading.value = false;
+      }
+    };
+    const initMap = () => {
+      const AMap = window.AMap;
+      if (!AMap) {
+        return;
+      }
+      if (!mapContainerRef.value) {
+        return;
+      }
+      map = new AMap.Map(mapContainerRef.value, {
+        viewMode: "3D",
+        zoom: 11
+      });
+      map == null ? void 0 : map.on("click", (e) => {
+        const lnglat = e.lnglat;
+        const lng = lnglat.lng;
+        const lat = lnglat.lat;
+        if (lng != null && lat != null) {
+          addMarker(lng, lat);
+          getAddress(lng, lat);
+        }
+      });
+      const AMapUI = window.AMapUI;
+      if (!AMapUI) {
+        return;
+      }
+      if (!searchInputRef.value || !searchResultContainerRef.value) {
+        return;
+      }
+      AMapUI.loadUI(["misc/PoiPicker"], function(PoiPicker) {
+        if (!searchInputRef.value || !searchResultContainerRef.value || !PoiPicker) {
+          return;
+        }
+        poiPicker = new PoiPicker({
+          input: searchInputRef.value,
+          placeSearchOptions: {
+            map
+          },
+          searchResultsContainer: searchResultContainerRef.value
+        });
+        poiPicker == null ? void 0 : poiPicker.on("poiPicked", function(poiResult) {
+          var _a, _b;
+          clearMarker();
+          const item = poiResult.item;
+          if (item) {
+            addressInfo.address = item.name;
+            addressInfo.longitude = (_a = item.location) == null ? void 0 : _a.lng;
+            addressInfo.latitude = (_b = item.location) == null ? void 0 : _b.lat;
+            searchValue.value = item.name;
+            if (poiResult.source !== "search") {
+              poiPicker == null ? void 0 : poiPicker.searchByKeyword(item.name);
+            }
+          }
+        });
+      });
+    };
+    const handleShow = () => {
+      var _a;
+      dialogVisible.value = true;
+      (_a = inputRef.value) == null ? void 0 : _a.blur();
+      vue.nextTick(async () => {
+        var _a2;
+        if (!window.AMap) {
+          await loadMap();
+        }
+        if (!map || !((_a2 = mapContainerRef.value) == null ? void 0 : _a2.children.length)) {
+          map == null ? void 0 : map.destroy();
+          initMap();
+        }
+        searchValue.value = props.value || "";
+        if (props.data && longitudeName && latitudeName) {
+          const longitude = props.data[longitudeName];
+          const latitude = props.data[latitudeName];
+          if (longitude && latitude) {
+            map == null ? void 0 : map.setCenter([longitude, latitude], true);
+            addMarker(longitude, latitude);
+            getAddress(longitude, latitude);
+          }
+        }
+      });
+    };
+    const handleConfirm = () => {
+      dialogVisible.value = false;
+      if (longitudeName) {
+        emit("change", addressInfo.longitude != null ? addressInfo.longitude : null, longitudeName);
+      }
+      if (latitudeName) {
+        emit("change", addressInfo.latitude != null ? addressInfo.latitude : null, latitudeName);
+      }
+      emit("change", addressInfo.address || "");
+      handleClose();
+    };
+    const handleClose = () => {
+      dialogVisible.value = false;
+      if (poiPicker) {
+        poiPicker.clearSuggest();
+        poiPicker.clearSearchResults();
+      }
+      searchValue.value = "";
+      addressInfo.address = "";
+      addressInfo.longitude = null;
+      addressInfo.latitude = null;
+      clearMarker();
+    };
+    const handleClear = (_e) => {
+      _e.stopPropagation();
+      if (longitudeName) {
+        emit("change", null, longitudeName);
+      }
+      if (latitudeName) {
+        emit("change", null, latitudeName);
+      }
+      emit("change", "");
+      handleClose();
+    };
+    const handleSearchClear = () => {
+      searchValue.value = "";
+      addressInfo.address = "";
+      addressInfo.longitude = null;
+      addressInfo.latitude = null;
+      clearMarker();
+    };
+    vue.onUnmounted(() => {
+      map == null ? void 0 : map.destroy();
+    });
+    return {
+      ns,
+      c,
+      inputRef,
+      searchRef,
+      mapContainerRef,
+      searchResultContainerRef,
+      dialogVisible,
+      isLoading,
+      searchValue,
+      handleShow,
+      handleConfirm,
+      handleClose,
+      handleClear,
+      handleSearchClear
+    };
+  },
+  render() {
+    let content;
+    if (this.readonly) {
+      content = this.value;
+    } else {
+      content = [vue.createVNode(vue.resolveComponent("van-field"), {
+        "class": this.ns.b("input"),
+        "ref": "inputRef",
+        "modelValue": this.value,
+        "onUpdate:modelValue": ($event) => this.value = $event,
+        "readonly": true,
+        "placeholder": this.c.placeHolder,
+        "disabled": this.disabled,
+        "onClick": this.handleShow
+      }, {
+        button: () => {
+          if (this.readonly || !this.value)
+            return;
+          return vue.createVNode(vue.resolveComponent("van-button"), {
+            "icon": "clear",
+            "onClick": this.handleClear
+          }, null);
+        }
+      }), vue.createVNode(vue.resolveComponent("van-popup"), {
+        "class": this.ns.b("popup"),
+        "show": this.dialogVisible,
+        "onUpdate:show": ($event) => this.dialogVisible = $event,
+        "round": true,
+        "position": "bottom",
+        "teleport": "body",
+        "close-on-popstate": true
+      }, {
+        default: () => {
+          let _slot, _slot2;
+          return vue.createVNode("div", {
+            "class": this.ns.b("popup-wrapper")
+          }, [vue.createVNode("div", {
+            "class": this.ns.b("popup-wrapper-content")
+          }, [vue.createVNode("div", {
+            "class": this.ns.b("popup-content-search")
+          }, [vue.createVNode(vue.resolveComponent("van-search"), {
+            "ref": "searchRef",
+            "modelValue": this.searchValue,
+            "onUpdate:modelValue": ($event) => this.searchValue = $event,
+            "placeholder": ibiz.i18n.t("editor.mapPicker.searchPlaceholder"),
+            "disabled": this.isLoading
+          }, null)]), vue.withDirectives(vue.createVNode("div", {
+            "class": this.ns.b("popup-map-content")
+          }, [vue.createVNode("div", {
+            "class": this.ns.b("popup-map-container"),
+            "ref": "mapContainerRef"
+          }, null), vue.createVNode("div", {
+            "class": this.ns.b("popup-search-result-container"),
+            "ref": "searchResultContainerRef"
+          }, null)]), [[vue.resolveDirective("loading"), this.isLoading]])]), vue.createVNode("div", {
+            "class": this.ns.b("popup-wrapper-footer")
+          }, [vue.createVNode(vue.resolveComponent("van-button"), {
+            "class": this.ns.b("popup-confirm"),
+            "onClick": this.handleClose
+          }, _isSlot(_slot = ibiz.i18n.t("editor.common.cancel")) ? _slot : {
+            default: () => [_slot]
+          }), vue.createVNode(vue.resolveComponent("van-button"), {
+            "class": this.ns.b("popup-footer-button"),
+            "type": "primary",
+            "disabled": this.isLoading,
+            "onClick": this.handleConfirm
+          }, _isSlot(_slot2 = ibiz.i18n.t("editor.common.confirm")) ? _slot2 : {
+            default: () => [_slot2]
+          })])]);
+        }
+      })];
+    }
+    return vue.createVNode("div", {
+      "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : ""]
+    }, [content]);
+  }
+});
+
+exports.IBizMapPicker = IBizMapPicker;

package/lib/editor/map-picker/ibiz-map-picker/ibiz-map-picker.css

@@ -0,0 +1 @@
+.ibiz-map-picker--readonly{height:auto;overflow:auto;line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-readonly-color);word-break:break-word;white-space:pre-wrap}.ibiz-map-picker-popup{width:100%;height:100%}.ibiz-map-picker-popup.van-popup--bottom.van-popup--round{border-radius:0}.ibiz-map-picker-input .van-field__button{position:relative;display:flex;align-items:center;justify-content:center;padding:0}.ibiz-map-picker-input .van-field__button .van-button{position:relative;width:var(--ibiz-width-icon-large);height:auto;padding:0 0 0 var(--ibiz-spacing-loose);background-color:transparent;border:none}.ibiz-map-picker-input .van-field__button .van-button::before{display:none}.ibiz-map-picker-input .van-field__button .van-icon-clear{position:absolute;left:2px;font-size:var(--ibiz-width-icon-large);color:var(--ibiz-color-text-3)}.ibiz-map-picker-popup-wrapper{display:flex;flex-direction:column;width:100%;height:100%}.ibiz-map-picker-popup-wrapper-content{position:relative;display:flex;flex-direction:column;width:100%;height:100%}.ibiz-map-picker-popup-content-search{--ibiz-popup-content-search-input-padding-left:36px;--ibiz-popup-content-search-input-padding-right:24px;position:relative;z-index:999;width:100%}.ibiz-map-picker-popup-content-search .van-search{padding:var(--ibiz-spacing-tight)}.ibiz-map-picker-popup-content-search .van-search__content{position:relative}.ibiz-map-picker-popup-content-search .van-cell,.ibiz-map-picker-popup-content-search .van-cell__value{position:static}.ibiz-map-picker-popup-content-search .van-cell__value,.ibiz-map-picker-popup-content-search .van-field__body,.ibiz-map-picker-popup-content-search .van-field__control{height:100%}.ibiz-map-picker-popup-content-search input{position:absolute;left:0;padding-left:var(--ibiz-popup-content-search-input-padding-left);padding-right:var(--ibiz-popup-content-search-input-padding-right);margin:0}.ibiz-map-picker-popup-content-search .van-field__clear{position:absolute;right:var(--ibiz-spacing-extra-tight)}.ibiz-map-picker-popup-map{width:100%;height:100%}.ibiz-map-picker-popup-map-content{width:100%;height:100%}.ibiz-map-picker-popup-map-container{width:100%;height:100%}.ibiz-map-picker-popup-search-result-container{--ibiz-popup-search-result-container-bottom:24px;--ibiz-popup-search-result-container-placesearch-list-height:30vh;position:absolute;bottom:var(--ibiz-popup-search-result-container-bottom);left:0;display:block!important;width:100%;padding:0 var(--ibiz-spacing-tight);overflow:hidden}.ibiz-map-picker-popup-search-result-container .amap_lib_placeSearch{display:flex;flex-direction:column;border:none}.ibiz-map-picker-popup-search-result-container .amap_lib_placeSearch_list{max-height:var(--ibiz-popup-search-result-container-placesearch-list-height);overflow-y:auto}.ibiz-map-picker-popup-search-result-container .amap_lib_placeSearch_page{display:flex;overflow-x:auto}.ibiz-map-picker-popup-wrapper-footer{--ibiz-popup-wrapper-footer-height:70px;display:flex;gap:var(--ibiz-spacing-base);align-items:center;justify-content:space-between;height:var(--ibiz-popup-wrapper-footer-height);padding:0 var(--ibiz-spacing-tight)}.ibiz-map-picker-popup-wrapper-footer .van-button{width:50%}.ibiz-map-picker-popup-map-marker-text{--ibiz-popup-map-marker-text-background-color:#3d93fd;--ibiz-popup-map-marker-text-font-size:12px;--ibiz-popup-map-marker-text-padding:4px 10px;--ibiz-popup-map-marker-text-border-radius:4px;position:absolute;top:-24px;padding:var(--ibiz-popup-map-marker-text-padding);font-size:var(--ibiz-popup-map-marker-text-font-size);color:var(--ibiz-color-white);white-space:nowrap;background-color:var(--ibiz-popup-map-marker-text-background-color);border-radius:var(--ibiz-popup-map-marker-text-border-radius);transform:translateX(calc(-50% - 12.5px))}

package/lib/editor/map-picker/index.cjs

@@ -0,0 +1,11 @@
+'use strict';
+
+var ibizMapPicker = require('./ibiz-map-picker/ibiz-map-picker.cjs');
+var mapPickerEditor_controller = require('./map-picker-editor.controller.cjs');
+var mapPickerEditor_provider = require('./map-picker-editor.provider.cjs');
+
+"use strict";
+
+exports.IBizMapPicker = ibizMapPicker.IBizMapPicker;
+exports.MapPickerEditorController = mapPickerEditor_controller.MapPickerEditorController;
+exports.MapPickerEditorProvider = mapPickerEditor_provider.MapPickerEditorProvider;