@ibiz-template/vue3-components 0.7.39 → 0.7.40

package/es/editor/html/wang-editor/wang-editor.d.ts

@@ -3,10 +3,25 @@ import { IEditorConfig, IToolbarConfig } from '@wangeditor/editor';
 import type { IDomEditor } from '@wangeditor/editor';
 import { HtmlEditorController } from '../html-editor.controller';
 import './wang-editor.scss';
+/**
+ * HTML编辑框
+ *
+ * @description 使用wangEditor组件封装，用于富文本编辑。支持编辑器类型包含：`HTML编辑框`
+ * @primary
+ * @editorparams {"name":"enableEdit","parameterType":"boolean","defaultvalue":false,"description":"当该值为 true 时，会显示代码编辑器顶部的工具栏，并且只有点击编辑按钮后才能开启代码编辑功能，否则编辑框默认处于不可编辑状态，常用于需要控制编辑权限的场景"}
+ * @editorparams {"name":"enableFullScreen","parameterType":"boolean","defaultvalue":false,"description":"若该值为 true ，会显示代码编辑器顶部的工具栏，并且点击工具栏中的全屏按钮后，编辑框将全屏显示，方便在较大的视野下进行代码编辑工作"}
+ * @editorparams {"name":"srfaiappendcurdata","parameterType":"boolean","defaultvalue":false,"description":"在打开AI功能时，该参数用于判断是否传入对象参数，主要用于在请求历史记录时，附加当前参数"}
+ * @editorparams {"name":"srfaiappendcurcontent","parameterType":"string","description":"在打开AI功能时，如果该参数存在值，会将其传入编辑内容作为用户消息，主要用于在请求历史记录后，附加当前编辑内容作为用户消息"}
+ * @editorparams {"name":"uploadParams","parameterType":"string","description":"图片或文件上传时，用于计算上传路径"}
+ * @editorparams {"name":"exportParams","parameterType":"string","description":"图片或文件下载时，用于计算下载路径"}
+ * @editorparams {"name":"osscat","parameterType":"string","description":"用于计算上传和下载路径的OSS参数"}
+ * @ignoreprops autoFocus | overflowMode | controlParams
+ * @ignoreemits enter | infoTextChange
+ */
 declare const IBizHtml: import("vue").DefineComponent<{
     value: StringConstructor;
     controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<HtmlEditorController>, undefined, undefined>;
-    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<IData>, undefined, undefined>;
+    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<import("@ibiz-template/core").IApiData>, undefined, undefined>;
     disabled: {
         type: BooleanConstructor;
     };
@@ -55,14 +70,14 @@ declare const IBizHtml: import("vue").DefineComponent<{
     changeFullScreenState: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     change: (_value: unknown, _name?: string | undefined, _ignore?: boolean | undefined) => boolean;
-    blur: (_event?: IData | undefined) => boolean;
-    focus: (_event?: IData | undefined) => boolean;
-    enter: (_event?: IData | undefined) => boolean;
+    blur: (_event?: import("@ibiz-template/core").IApiData | undefined) => boolean;
+    focus: (_event?: import("@ibiz-template/core").IApiData | undefined) => boolean;
+    enter: (_event?: import("@ibiz-template/core").IApiData | undefined) => boolean;
     infoTextChange: (_text: string) => boolean;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     value: StringConstructor;
     controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<HtmlEditorController>, undefined, undefined>;
-    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<IData>, undefined, undefined>;
+    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<import("@ibiz-template/core").IApiData>, undefined, undefined>;
     disabled: {
         type: BooleanConstructor;
     };
@@ -82,11 +97,11 @@ declare const IBizHtml: import("vue").DefineComponent<{
         required: boolean;
     };
 }>> & {
-    onFocus?: ((_event?: IData | undefined) => any) | undefined;
-    onBlur?: ((_event?: IData | undefined) => any) | undefined;
+    onFocus?: ((_event?: import("@ibiz-template/core").IApiData | undefined) => any) | undefined;
+    onBlur?: ((_event?: import("@ibiz-template/core").IApiData | undefined) => any) | undefined;
     onChange?: ((_value: unknown, _name?: string | undefined, _ignore?: boolean | undefined) => any) | undefined;
     onInfoTextChange?: ((_text: string) => any) | undefined;
-    onEnter?: ((_event?: IData | undefined) => any) | undefined;
+    onEnter?: ((_event?: import("@ibiz-template/core").IApiData | undefined) => any) | undefined;
 }, {
     disabled: boolean;
     readonly: boolean;

package/es/editor/html/wang-editor/wang-editor.mjs

@@ -241,23 +241,23 @@ const IBizHtml = /* @__PURE__ */ defineComponent({
               return true;
             }
           },
-          abortQuestion: (aiChat) => {
+          abortQuestion: async (aiChat) => {
             abortController == null ? void 0 : abortController.abort();
-            aiChat.stopMessage({
+            await aiChat.stopMessage({
               messageid: id,
               state: 30,
               type: "DEFAULT",
               role: "ASSISTANT",
               content: ""
             });
-            aiChat.completeMessage(id, true);
+            await aiChat.completeMessage(id, true);
           },
           action: (action, message) => {
             if (action === "backfill") {
               if (hasEnableEdit.value) {
-                valueHtml.value = message.content;
+                valueHtml.value = message.realcontent || "";
               } else {
-                emit("change", message.content);
+                emit("change", message.realcontent);
               }
             }
           },

package/es/editor/index.mjs

@@ -29,6 +29,7 @@ import './preset/index.mjs';
 import './carousel/index.mjs';
 import './user/ibiz-searchcond-edit/index.mjs';
 import './date-range-select/index.mjs';
+import './map-picker/index.mjs';
 import { IBizImageCropping } from './upload/ibiz-image-cropping/ibiz-image-cropping.mjs';
 import { IBizSpan } from './span/span/span.mjs';
 import { IBizSpanLink } from './span/span-link/span-link.mjs';
@@ -45,6 +46,7 @@ import { IBizRaw } from './raw/ibiz-raw/ibiz-raw.mjs';
 import { IBizStepper } from './stepper/ibiz-stepper/ibiz-stepper.mjs';
 import { IBizRate } from './rate/ibiz-rate/ibiz-rate.mjs';
 import { IBizSwitch } from './switch/ibiz-switch/ibiz-switch.mjs';
+import { IBizSwitchTriState } from './switch/ibiz-switch-tristate/ibiz-switch-tristate.mjs';
 import { IBizSlider } from './slider/ibiz-slider/ibiz-slider.mjs';
 import { IBizListBox } from './list-box/ibiz-list-box/ibiz-list-box.mjs';
 import { IBizAutoComplete } from './autocomplete/ibiz-autocomplete/ibiz-autocomplete.mjs';
@@ -66,6 +68,7 @@ import { IBizColorPicker } from './color-picker/ibiz-color-picker/ibiz-color-pic
 import { IBizPresetRawitem } from './preset/preset-rawitem/ibiz-preset-rawitem/ibiz-preset-rawitem.mjs';
 import { IBizSearchCondEdit } from './user/ibiz-searchcond-edit/ibiz-searchcond-edit.mjs';
 import { IBizCarousel } from './carousel/ibiz-carousel/ibiz-carousel.mjs';
+import { IBizMapPicker } from './map-picker/ibiz-map-picker/ibiz-map-picker.mjs';
 import { IBizDateRangeSelect } from './date-range-select/date-range-select-picker/date-range-select.mjs';
 import { IBizVirtualizedList } from './dropdown-list/ibiz-virtualized-list/ibiz-virtualized-list.mjs';
 import { SpanEditorProvider } from './span/span-editor.provider.mjs';
@@ -94,6 +97,7 @@ import { ArrayEditorProvider } from './array/array-editor.provider.mjs';
 import { CascaderEditorProvider } from './cascader/cascader-editor.provider.mjs';
 import { ColorPickerEditorProvider } from './color-picker/color-picker-editor.provider.mjs';
 import { SearchCondEditEditorProvider } from './user/ibiz-searchcond-edit/ibiz-searchcond-edit.provider.mjs';
+import { MapPickerEditorProvider } from './map-picker/map-picker-editor.provider.mjs';
 import { CarouselEditorProvider } from './carousel/carousel-editor.provider.mjs';
 
 "use strict";
@@ -116,6 +120,7 @@ const IBizEditor = {
     v.component(IBizStepper.name, IBizStepper);
     v.component(IBizRate.name, IBizRate);
     v.component(IBizSwitch.name, IBizSwitch);
+    v.component(IBizSwitchTriState.name, IBizSwitchTriState);
     v.component(IBizSlider.name, IBizSlider);
     v.component(IBizListBox.name, IBizListBox);
     v.component(IBizAutoComplete.name, IBizAutoComplete);
@@ -137,6 +142,7 @@ const IBizEditor = {
     v.component(IBizPresetRawitem.name, IBizPresetRawitem);
     v.component(IBizSearchCondEdit.name, IBizSearchCondEdit);
     v.component(IBizCarousel.name, IBizCarousel);
+    v.component(IBizMapPicker.name, IBizMapPicker);
     v.component(
       "IBizHtml",
       defineAsyncComponent(() => import('./html/wang-editor/wang-editor.mjs'))
@@ -295,6 +301,10 @@ const IBizEditor = {
     registerEditorProvider("SLIDER", () => new SliderEditorProvider());
     registerEditorProvider("MOBSLIDER", () => new SliderEditorProvider());
     registerEditorProvider("SWITCH", () => new SwitchEditorProvider());
+    registerEditorProvider(
+      "SWITCH_TRISTATE",
+      () => new SwitchEditorProvider("TRISTATE")
+    );
     registerEditorProvider("MOBSWITCH", () => new SwitchEditorProvider());
     registerEditorProvider("LISTBOX", () => new ListBoxEditorProvider());
     registerEditorProvider("LISTBOXPICKUP", () => new ListBoxEditorProvider());
@@ -407,6 +417,7 @@ const IBizEditor = {
       "PICKER_searchCondEdit",
       () => new SearchCondEditEditorProvider()
     );
+    registerEditorProvider("MAPPICKER", () => new MapPickerEditorProvider());
     registerEditorProvider(
       "FIELD_IMAGE_PICTURE_ONE",
       () => new FileUploaderEditorProvider("PICTURE_ONE")

package/es/editor/list-box/ibiz-list-box/ibiz-list-box.d.ts

@@ -2,10 +2,19 @@ import { Ref } from 'vue';
 import { ListBoxEditorController } from '../list-box-editor.controller';
 import { ListBoxPickerEditorController } from '../list-box-picker-editor.controller';
 import './ibiz-list-box.scss';
+/**
+ * 列表框
+ *
+ * @description 使用el-radio-group或el-checkbox-group组件，用于选择多项数据或者选择单项数据，单选时绘制单选框组，多选时绘制多选框组。支持编辑器类型包含：`列表框`、`列表框（选择）`
+ * @primary
+ * @editorparams {name:multiple,parameterType:boolean,defaultvalue:false,description:是否启用多选}
+ * @ignoreprops autoFocus | overflowMode
+ * @ignoreemits blur | focus | enter | infoTextChange
+ */
 export declare const IBizListBox: import("vue").DefineComponent<{
     value: (StringConstructor | NumberConstructor)[];
     controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<ListBoxEditorController | ListBoxPickerEditorController>, undefined, undefined>;
-    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<IData>, undefined, undefined>;
+    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<import("@ibiz-template/core").IApiData>, undefined, undefined>;
     disabled: {
         type: BooleanConstructor;
     };
@@ -26,7 +35,7 @@ export declare const IBizListBox: import("vue").DefineComponent<{
     };
 }, {
     ns: import("@ibiz-template/core").Namespace;
-    items: Ref<readonly IData[]>;
+    items: Ref<readonly import("@ibiz-template/core").IApiData[]>;
     selectArray: Ref<(string | number)[]>;
     onSelectArrayChange: (value: Array<string | number>) => void;
     multiple: boolean;
@@ -34,14 +43,14 @@ export declare const IBizListBox: import("vue").DefineComponent<{
     showFormDefaultContent: import("vue").ComputedRef<boolean>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     change: (_value: unknown, _name?: string | undefined, _ignore?: boolean | undefined) => boolean;
-    blur: (_event?: IData | undefined) => boolean;
-    focus: (_event?: IData | undefined) => boolean;
-    enter: (_event?: IData | undefined) => boolean;
+    blur: (_event?: import("@ibiz-template/core").IApiData | undefined) => boolean;
+    focus: (_event?: import("@ibiz-template/core").IApiData | undefined) => boolean;
+    enter: (_event?: import("@ibiz-template/core").IApiData | undefined) => boolean;
     infoTextChange: (_text: string) => boolean;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     value: (StringConstructor | NumberConstructor)[];
     controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<ListBoxEditorController | ListBoxPickerEditorController>, undefined, undefined>;
-    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<IData>, undefined, undefined>;
+    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<import("@ibiz-template/core").IApiData>, undefined, undefined>;
     disabled: {
         type: BooleanConstructor;
     };
@@ -61,11 +70,11 @@ export declare const IBizListBox: import("vue").DefineComponent<{
         required: boolean;
     };
 }>> & {
-    onFocus?: ((_event?: IData | undefined) => any) | undefined;
-    onBlur?: ((_event?: IData | undefined) => any) | undefined;
+    onFocus?: ((_event?: import("@ibiz-template/core").IApiData | undefined) => any) | undefined;
+    onBlur?: ((_event?: import("@ibiz-template/core").IApiData | undefined) => any) | undefined;
     onChange?: ((_value: unknown, _name?: string | undefined, _ignore?: boolean | undefined) => any) | undefined;
     onInfoTextChange?: ((_text: string) => any) | undefined;
-    onEnter?: ((_event?: IData | undefined) => any) | undefined;
+    onEnter?: ((_event?: import("@ibiz-template/core").IApiData | undefined) => any) | undefined;
 }, {
     disabled: boolean;
     readonly: boolean;

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

@@ -0,0 +1 @@
+.ibiz-map-picker{font-size:var(--ibiz-form-item-font-size);font-weight:var(--ibiz-form-item-regular)}.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-input .el-input__suffix{display:none}.ibiz-map-picker-input .el-input__wrapper:hover .el-input__suffix{display:inline-flex}.ibiz-map-picker-dialog{display:flex;flex-direction:column;height:80%;--el-dialog-padding-primary:var(--ibiz-spacing-base)}.ibiz-map-picker-dialog .el-dialog__headerbtn{top:calc(var(--el-dialog-padding-primary) - 2px);right:calc(var(--el-dialog-padding-primary)/ 2)}.ibiz-map-picker-dialog .el-dialog__footer,.ibiz-map-picker-dialog .el-dialog__header{flex:0 0 auto;padding:var(--el-dialog-padding-primary)}.ibiz-map-picker-dialog .el-dialog__body{flex:1 1 0;padding:var(--el-dialog-padding-primary);border-top:1px solid var(--ibiz-color-border);border-bottom:1px solid var(--ibiz-color-border)}.ibiz-map-picker-dialog-content{display:flex;flex-direction:column;height:100%}.ibiz-map-picker-dialog-search-input{z-index:999;flex:0 0 auto;margin-bottom:var(--ibiz-spacing-tight)}.ibiz-map-picker-dialog-search-input .el-input__suffix{display:none}.ibiz-map-picker-dialog-search-input .el-input__wrapper:hover .el-input__suffix{display:inline-flex}.ibiz-map-picker-dialog-map-content{position:relative;flex:1 1 0}.ibiz-map-picker-dialog-map-container{height:100%}.ibiz-map-picker-dialog-search-result-container{position:absolute;top:0;right:0;display:block!important;width:280px;max-height:90%;overflow-y:auto;background-color:#fff}.ibiz-map-picker-dialog-search-result-container .amap_lib_placeSearch_page{display:flex;overflow-x:auto}.ibiz-map-picker-dialog-map-marker-text{position:absolute;top:-24px;padding:4px 10px;font-size:12px;color:#fff;white-space:nowrap;background-color:#3d93fd;border-radius:4px;transform:translateX(calc(-50% - 12.5px))}.ibiz-form-item .ibiz-map-picker.is-show-default:hover .ibiz-map-picker-form-default-content{display:none}.ibiz-form-item .ibiz-map-picker.is-show-default:hover .ibiz-map-picker-input{display:inline-flex}.ibiz-form-item .ibiz-map-picker.is-show-default .ibiz-map-picker-input{display:none;font-family:Arial,sans-serif}.ibiz-form-item .ibiz-map-picker.is-show-default .ibiz-map-picker-form-default-content{display:flex;align-items:center;width:100%;padding:var(--ibiz-form-item-hover-edit-padding);font-family:Arial,sans-serif;font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-text-color);word-wrap:break-word;white-space:pre-wrap}

package/es/editor/map-picker/ibiz-map-picker/ibiz-map-picker.d.ts

@@ -0,0 +1,11 @@
+import { defineComponent } from 'vue';
+import './ibiz-map-picker.scss';
+/**
+ * 地图选择器
+ *
+ * @description 通过高德地图选择具体位置，然后填充名称、经度和纬度。支持编辑器类型包含：`地图选择器`
+ * @primary
+ * @ignoreprops autoFocus | overflowMode
+ * @ignoreemits blur | focus | enter | infoTextChange
+ */
+export declare const IBizMapPicker: ReturnType<typeof defineComponent>;

package/es/editor/map-picker/ibiz-map-picker/ibiz-map-picker.mjs

@@ -0,0 +1,364 @@
+import { isVNode, ref, computed, nextTick, onUnmounted, createVNode, resolveComponent, vModelText, withDirectives, resolveDirective, defineComponent } from 'vue';
+import { getMapPickerProps, getEditorEmits, useNamespace } from '@ibiz-template/vue3-util';
+import AMapLoader from '../../../node_modules/.pnpm/@amap_amap-jsapi-loader@1.0.1/node_modules/@amap/amap-jsapi-loader/dist/index.mjs';
+import './ibiz-map-picker.css';
+
+"use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+const IBizMapPicker = /* @__PURE__ */ defineComponent({
+  name: "IBizMapPicker",
+  props: getMapPickerProps(),
+  emits: getEditorEmits(),
+  setup(props, {
+    emit
+  }) {
+    var _a;
+    const ns = useNamespace("map-picker");
+    const c = props.controller;
+    const editorItem = (_a = c.model.editorItems) == null ? void 0 : _a[0];
+    const inputRef = ref();
+    const searchInputRef = ref();
+    const mapContainerRef = ref();
+    const searchResultContainerRef = ref();
+    const dialogVisible = ref(false);
+    const isLoading = ref(false);
+    const searchValue = ref("");
+    const showFormDefaultContent = computed(() => {
+      if (props.controlParams && props.controlParams.editmode === "hover" && !props.readonly) {
+        return true;
+      }
+      return false;
+    });
+    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("dialog-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 AMapLoader.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 _a2, _b;
+          clearMarker();
+          const item = poiResult.item;
+          if (item) {
+            addressInfo.address = item.name;
+            addressInfo.longitude = (_a2 = item.location) == null ? void 0 : _a2.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 _a2;
+      dialogVisible.value = true;
+      (_a2 = inputRef.value) == null ? void 0 : _a2.blur();
+      nextTick(async () => {
+        var _a3;
+        if (!window.AMap) {
+          await loadMap();
+        }
+        if (!map || !((_a3 = mapContainerRef.value) == null ? void 0 : _a3.children.length)) {
+          map == null ? void 0 : map.destroy();
+          initMap();
+        }
+        searchValue.value = props.value || "";
+        if (editorItem && editorItem.id) {
+          const [longitudeName, latitudeName] = editorItem.id.split(",");
+          if (props.data) {
+            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 (editorItem && editorItem.id) {
+        const [longitudeName, latitudeName] = editorItem.id.split(",");
+        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 || "");
+    };
+    const handleClose = () => {
+      if (poiPicker) {
+        poiPicker.clearSuggest();
+        poiPicker.clearSearchResults();
+      }
+      searchValue.value = "";
+      addressInfo.address = "";
+      addressInfo.longitude = null;
+      addressInfo.latitude = null;
+      clearMarker();
+    };
+    const handleClear = () => {
+      if (editorItem && editorItem.id) {
+        const [longitudeName, latitudeName] = editorItem.id.split(",");
+        if (longitudeName) {
+          emit("change", null, longitudeName);
+        }
+        if (latitudeName) {
+          emit("change", null, latitudeName);
+        }
+      }
+      emit("change", "");
+    };
+    const handleSearchClear = () => {
+      searchValue.value = "";
+      addressInfo.address = "";
+      addressInfo.longitude = null;
+      addressInfo.latitude = null;
+      clearMarker();
+    };
+    onUnmounted(() => {
+      map == null ? void 0 : map.destroy();
+    });
+    return {
+      ns,
+      c,
+      inputRef,
+      searchInputRef,
+      mapContainerRef,
+      searchResultContainerRef,
+      dialogVisible,
+      isLoading,
+      searchValue,
+      showFormDefaultContent,
+      handleShow,
+      handleConfirm,
+      handleClose,
+      handleClear,
+      handleSearchClear
+    };
+  },
+  render() {
+    const icon = createVNode("svg", {
+      "xmlns": "http://www.w3.org/2000/svg",
+      "viewBox": "0 0 1024 1024"
+    }, [createVNode("path", {
+      "fill": "currentColor",
+      "d": "m466.752 512-90.496-90.496a32 32 0 0 1 45.248-45.248L512 466.752l90.496-90.496a32 32 0 1 1 45.248 45.248L557.248 512l90.496 90.496a32 32 0 1 1-45.248 45.248L512 557.248l-90.496 90.496a32 32 0 0 1-45.248-45.248z"
+    }, null), createVNode("path", {
+      "fill": "currentColor",
+      "d": "M512 896a384 384 0 1 0 0-768 384 384 0 0 0 0 768m0 64a448 448 0 1 1 0-896 448 448 0 0 1 0 896"
+    }, null)]);
+    let content;
+    if (this.readonly) {
+      content = this.value;
+    } else {
+      content = [createVNode(resolveComponent("el-input"), {
+        "class": this.ns.b("input"),
+        "ref": "inputRef",
+        "model-value": this.value,
+        "placeholder": this.c.placeHolder,
+        "disabled": this.disabled,
+        "onFocus": this.handleShow
+      }, {
+        suffix: () => {
+          if (!this.value || this.disabled) {
+            return;
+          }
+          return createVNode("i", {
+            "class": "el-icon el-input__icon el-input__clear",
+            "onClick": (e) => {
+              e.stopPropagation();
+              this.handleClear();
+            }
+          }, [icon]);
+        }
+      }), createVNode(resolveComponent("el-dialog"), {
+        "class": this.ns.b("dialog"),
+        "modelValue": this.dialogVisible,
+        "onUpdate:modelValue": ($event) => this.dialogVisible = $event,
+        "title": ibiz.i18n.t("editor.mapPicker.title"),
+        "append-to-body": true,
+        "align-center": true,
+        "width": "80%",
+        "onClose": this.handleClose
+      }, {
+        default: () => {
+          return createVNode("div", {
+            "class": this.ns.b("dialog-content")
+          }, [createVNode("div", {
+            "class": "el-input el-input--suffix ".concat(this.ns.b("dialog-search-input"), " ").concat(this.isLoading ? "is-disabled" : "")
+          }, [createVNode("div", {
+            "class": "el-input__wrapper",
+            "tabindex": "-1"
+          }, [withDirectives(createVNode("input", {
+            "ref": "searchInputRef",
+            "class": "el-input__inner",
+            "type": "text",
+            "autocomplete": "off",
+            "tabindex": "0",
+            "placeholder": ibiz.i18n.t("editor.mapPicker.searchPlaceholder"),
+            "disabled": this.isLoading,
+            "onUpdate:modelValue": ($event) => this.searchValue = $event
+          }, null), [[vModelText, this.searchValue]]), this.searchValue ? createVNode("span", {
+            "class": "el-input__suffix"
+          }, [createVNode("span", {
+            "class": "el-input__suffix-inner"
+          }, [createVNode("i", {
+            "class": "el-icon el-input__icon el-input__clear",
+            "onClick": (e) => {
+              e.stopPropagation();
+              this.handleSearchClear();
+            }
+          }, [icon])])]) : null])]), withDirectives(createVNode("div", {
+            "class": this.ns.b("dialog-map-content")
+          }, [createVNode("div", {
+            "class": this.ns.b("dialog-map-container"),
+            "ref": "mapContainerRef"
+          }, null), createVNode("div", {
+            "class": this.ns.b("dialog-search-result-container"),
+            "ref": "searchResultContainerRef"
+          }, null)]), [[resolveDirective("loading"), this.isLoading]])]);
+        },
+        footer: () => {
+          let _slot;
+          return createVNode("div", {
+            "class": this.ns.b("dialog-footer")
+          }, [createVNode(resolveComponent("el-button"), {
+            "type": "primary",
+            "disabled": this.isLoading,
+            "onClick": this.handleConfirm
+          }, _isSlot(_slot = ibiz.i18n.t("editor.common.confirm")) ? _slot : {
+            default: () => [_slot]
+          })]);
+        }
+      })];
+    }
+    const formDefaultContent = createVNode("div", {
+      "class": this.ns.b("form-default-content")
+    }, [this.value ? this.value : ibiz.config.common.emptyText]);
+    return createVNode("div", {
+      "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : "", this.ns.is("show-default", this.showFormDefaultContent)]
+    }, [this.showFormDefaultContent && formDefaultContent, content]);
+  }
+});
+
+export { IBizMapPicker };

package/es/editor/map-picker/index.d.ts

@@ -0,0 +1,3 @@
+export { IBizMapPicker } from './ibiz-map-picker/ibiz-map-picker';
+export * from './map-picker-editor.controller';
+export * from './map-picker-editor.provider';

package/es/editor/map-picker/index.mjs

@@ -0,0 +1,5 @@
+export { IBizMapPicker } from './ibiz-map-picker/ibiz-map-picker.mjs';
+export { MapPickerEditorController } from './map-picker-editor.controller.mjs';
+export { MapPickerEditorProvider } from './map-picker-editor.provider.mjs';
+
+"use strict";

package/es/editor/map-picker/map-picker-editor.controller.d.ts

@@ -0,0 +1,10 @@
+import { EditorController } from '@ibiz-template/runtime';
+import { IMapPicker } from '@ibiz/model-core';
+/**
+ * @description 地图选择器编辑器控制器
+ * @export
+ * @class MapPickerEditorController
+ * @extends {EditorController<IMapPicker>}
+ */
+export declare class MapPickerEditorController extends EditorController<IMapPicker> {
+}

package/es/editor/map-picker/map-picker-editor.controller.mjs

@@ -0,0 +1,7 @@
+import { EditorController } from '@ibiz-template/runtime';
+
+"use strict";
+class MapPickerEditorController extends EditorController {
+}
+
+export { MapPickerEditorController };

package/es/editor/map-picker/map-picker-editor.provider.d.ts

@@ -0,0 +1,14 @@
+import { IEditorContainerController, IEditorProvider } from '@ibiz-template/runtime';
+import { IMapPicker } from '@ibiz/model-core';
+import { MapPickerEditorController } from './map-picker-editor.controller';
+/**
+ * @description 地图选择器编辑器适配器
+ * @export
+ * @class MapPickerEditorProvider
+ * @implements {IEditorProvider}
+ */
+export declare class MapPickerEditorProvider implements IEditorProvider {
+    formEditor: string;
+    gridEditor: string;
+    createController(editorModel: IMapPicker, parentController: IEditorContainerController): Promise<MapPickerEditorController>;
+}