@ibiz-template/vue3-components 0.7.41-alpha.111 → 0.7.41-alpha.113

package/src/editor/list-box/ibiz-list-box/ibiz-list-box.tsx

@@ -36,6 +36,7 @@ import './ibiz-list-box.scss';
  * @editorparams {name:allitems,parameterType:boolean,defaultvalue:false,description:列表框是否启用全部项}
  * @editorparams {name:itemstext,parameterType:string,defaultvalue:'全部',description:列表框全部项文本}
  * @editorparams {"name":"readonly","parameterType":"boolean","defaultvalue":false,"description":"设置编辑器是否为只读态"}
+ * @editorparams {name:autoselectfirstoption,parameterType:boolean,defaultvalue:false,description:编辑器无值时，自动选中第一个数据}
  * @ignoreprops autoFocus | overflowMode
  * @ignoreemits blur | focus | enter | infoTextChange
  */
@@ -124,9 +125,39 @@ export const IBizListBox = defineComponent({
 
     const editorType = editorModel.editorType;
 
+    // 值分隔符
+    const valueSeparator = codeList?.valueSeparator || ',';
+
     // 代码表数据（LISTBOX） or AC请求数据（LISTBOXPICKUP）
     const items = ref<readonly IData[]>([]);
 
+    /**
+     * @description 自动选择第一条数据
+     * @returns {*}  {void}
+     */
+    const autoSelectFirstOption = (): void => {
+      const item = items.value[0];
+      if (!c.autoSelectFirstOption || props.value || !item) return;
+      let value: string | undefined | string[];
+      if (multiple) {
+        const selections = (c as ListBoxEditorController).allItems
+          ? items.value
+              .filter(
+                _item =>
+                  _item.value !== (c as ListBoxEditorController).allItemsValue,
+              )
+              .map(_item => _item.value)
+          : [item.value];
+        value =
+          c.model.valueType === 'SIMPLES'
+            ? selections
+            : selections.join(valueSeparator);
+      } else {
+        value = item.value;
+      }
+      emit('change', value, undefined, true);
+    };
+
     // 更新列表框选项
     const loadListBoxItems = async () => {
       if (Object.is('LISTBOX', editorType)) {
@@ -134,9 +165,10 @@ export const IBizListBox = defineComponent({
         controller.loadCodeList(props.data).then(_codeList => {
           if (multiple) {
             items.value = controller.handleCodeListAllItems(_codeList);
-            return;
+          } else {
+            items.value = _codeList;
           }
-          items.value = _codeList;
+          autoSelectFirstOption();
         });
       } else if (Object.is('LISTBOXPICKUP', editorType)) {
         const controller = c as ListBoxPickerEditorController;
@@ -147,12 +179,22 @@ export const IBizListBox = defineComponent({
               value: item[controller.keyName],
               text: item[controller.textName],
             }));
+            autoSelectFirstOption();
           }
         }
       }
     };
 
-    loadListBoxItems();
+    watch(
+      () => props.data,
+      () => {
+        loadListBoxItems();
+      },
+      {
+        immediate: true,
+        deep: true,
+      },
+    );
 
     const fn = (data: CodeListItem[] | undefined) => {
       if (data) {
@@ -185,12 +227,6 @@ export const IBizListBox = defineComponent({
       c.model.valueType,
     );
 
-    // 值分隔符
-    let valueSeparator = ',';
-    if (codeList && codeList.valueSeparator) {
-      valueSeparator = codeList.valueSeparator;
-    }
-
     const { getSelection, getSelectionValue } = useCodeListSelection(
       Object.is('LISTBOX', editorType)
         ? (c as ListBoxEditorController).allItemsValue

package/src/editor/list-box/list-box-editor.controller.ts

@@ -16,11 +16,22 @@ export class ListBoxEditorController extends CodeListEditorController<IListBox>
    */
   codeList: IAppCodeList | undefined = undefined;
 
+  /**
+   * @description 自动选中第一个
+   * @memberof ListBoxEditorController
+   */
+  public autoSelectFirstOption = false;
+
   protected async onInit(): Promise<void> {
     super.onInit();
     if (this.model.appCodeListId) {
       const app = await ibiz.hub.getApp(this.context.srfappid);
       this.codeList = app.codeList.getCodeList(this.model.appCodeListId);
     }
+    if (this.editorParams?.autoselectfirstoption) {
+      this.autoSelectFirstOption = this.toBoolean(
+        this.editorParams.autoselectfirstoption,
+      );
+    }
   }
 }

package/src/editor/list-box/list-box-picker-editor.controller.ts

@@ -48,8 +48,19 @@ export class ListBoxPickerEditorController extends EditorController<IListBoxPick
    */
   acItemProvider?: IAcItemProvider;
 
+  /**
+   * @description 自动选中第一个
+   * @memberof ListBoxPickerEditorController
+   */
+  public autoSelectFirstOption = false;
+
   protected async onInit(): Promise<void> {
     super.onInit();
+    if (this.editorParams?.autoselectfirstoption) {
+      this.autoSelectFirstOption = this.toBoolean(
+        this.editorParams.autoselectfirstoption,
+      );
+    }
     if (this.model.editorType === 'LISTBOXPICKUP') {
       if (this.model.appDEDataSetId) {
         this.interfaceName = this.model.appDEDataSetId;

package/src/editor/radio-button-list/ibiz-radio/ibiz-radio.tsx

@@ -25,6 +25,7 @@ import './ibiz-radio.scss';
  * @editorparams {name:isbtnroundcorner,parameterType:boolean,defaultvalue:false,description:设置按钮是否显示圆角}
  * @editorparams {name:itemwidth,parameterType:number,description:设置单选框列表的项宽度}
  * @editorparams {"name":"readonly","parameterType":"boolean","defaultvalue":false,"description":"设置编辑器是否为只读态"}
+ * @editorparams {name:autoselectfirstoption,parameterType:boolean,defaultvalue:false,description:编辑器无值时，自动选中第一个数据}
  * @ignoreprops autoFocus | overflowMode
  * @ignoreemits blur | focus | enter
  */
@@ -117,11 +118,23 @@ export const IBizRadio = defineComponent({
 
     // 代码表
     const items = ref<readonly IData[]>([]);
+
+    /**
+     * @description 自动选择第一条数据
+     * @returns {*}  {void}
+     */
+    const autoSelectFirstOption = (): void => {
+      const item = items.value[0];
+      if (!c.autoSelectFirstOption || props.value || !item) return;
+      emit('change', item.value, undefined, true);
+    };
+
     watch(
       () => props.data,
       newVal => {
         c.loadCodeList(newVal).then(_codeList => {
           items.value = _codeList;
+          autoSelectFirstOption();
         });
       },
       {

package/src/editor/radio-button-list/radio-button-list.controller.ts

@@ -16,6 +16,12 @@ export class RadioButtonListEditorController extends CodeListEditorController<IR
    */
   rowNumber: number | undefined = undefined;
 
+  /**
+   * @description 自动选中第一个
+   * @memberof RadioButtonListEditorController
+   */
+  public autoSelectFirstOption = false;
+
   protected async onInit(): Promise<void> {
     super.onInit();
     if (this.editorParams?.rowNumber) {
@@ -24,5 +30,10 @@ export class RadioButtonListEditorController extends CodeListEditorController<IR
     if (this.editorParams?.rownumber) {
       this.rowNumber = Number(this.editorParams.rownumber);
     }
+    if (this.editorParams?.autoselectfirstoption) {
+      this.autoSelectFirstOption = this.toBoolean(
+        this.editorParams.autoselectfirstoption,
+      );
+    }
   }
 }

package/src/panel-component/auth-userinfo/auth-userinfo.scss

@@ -63,7 +63,7 @@ $user-info-name: (
 
   @include when(collapse){
     .el-dropdown{
-      padding: 0 getCssVar(user-info, collapse-padding);
+      padding: getCssVar(user-info, collapse-padding);
     }
     @include b(user-info-avatar) {
       max-width: getCssVar(user-info-avatar, max-width);

package/src/web-app/adaptive-screen-width.ts

@@ -74,12 +74,12 @@ const fixContextMenuPosition = (el: HTMLElement) => {
 };
 
 /**
- * 修正 ibiz-form-item-container__popper 的 transform 定位，抵消 body zoom 造成的偏移。
+ * 修正 Popper 的 transform 定位，抵消 body zoom 造成的偏移。
  * 将 transform: translate(x, y) 或 translate3d(x, y, z) 中的数值按 scale 反向缩放，非 px 单位保持不变。
  * @param el
  * @returns
  */
-const fixFormItemContainerPopperTransform = (el: HTMLElement) => {
+const fixPopperTransform = (el: HTMLElement) => {
   if (currentScale === 1) return;
   const transform = el.style.transform;
   if (!transform) return;
@@ -125,8 +125,11 @@ const startObservePoppers = () => {
           const el = node as HTMLElement;
           if (el.classList?.contains('el-popper')) {
             fixPopperInset(el);
-            if (el.classList.contains('ibiz-form-item-container__popper')) {
-              fixFormItemContainerPopperTransform(el);
+            if (
+              el.classList.contains('ibiz-form-item-container__popper') ||
+              el.classList.contains('ibiz-form-mdctrl-popper')
+            ) {
+              fixPopperTransform(el);
             }
           } else if (el.classList?.contains('mx-context-menu')) {
             fixContextMenuPosition(el);
@@ -139,8 +142,11 @@ const startObservePoppers = () => {
         const el = mutation.target as HTMLElement;
         if (el.classList?.contains('el-popper')) {
           fixPopperInset(el);
-          if (el.classList.contains('ibiz-form-item-container__popper')) {
-            fixFormItemContainerPopperTransform(el);
+          if (
+            el.classList.contains('ibiz-form-item-container__popper') ||
+            el.classList.contains('ibiz-form-mdctrl-popper')
+          ) {
+            fixPopperTransform(el);
           }
         } else if (el.classList?.contains('mx-context-menu')) {
           fixContextMenuPosition(el);

package/dist/map-chart-DbBbP4qh.js

@@ -1 +0,0 @@
-System.register(["vue","ramda","@ibiz-template/vue3-util","@ibiz-template/runtime","echarts"],function(e){"use strict";var t,a,o,r,i,n,s,l,c,p,u,d,m;return{setters:[function(e){t=e.ref,a=e.onMounted,o=e.onUnmounted,r=e.defineComponent,i=e.createVNode,n=e.computed},function(e){s=e.mergeDeepWithKey,l=e.isNil},function(e){c=e.useNamespace,p=e.useSemanticNode},function(e){u=e.MapController},function(e){d=e.init,m=e.registerMap}],execute:function(){const f={strAreaCode:!1,visualMap:{text:[ibiz.i18n.t("component.mapChart.high"),ibiz.i18n.t("component.mapChart.low")],min:0,max:100,rangeColor:["#90d1e7","#fff600","#ff5200"]},areaColor:"#87cefa",areaBorderColor:"#FFF",hoverAreaColor:"#fbdb2f",pointSymbol:"pin",jsonBaseUrl:"".concat(ibiz.env.assetsUrl,"/json/map"),defaultAreaCode:1e5};function y(e,r,i,n){const s=new Map,l=t(""),c=t([]);let p;const u=t();let f;const y=async e=>{if(s.has(e))return;const t=await async function(e,t){return(await ibiz.net.axios({url:"".concat(e,"/").concat(t,".json")})).data}(r.value.jsonBaseUrl,e);s.set(e,(e=>{const t={cityNames:{},noChild:1===e.features.length};return e.features.forEach(e=>{const{adcode:a,name:o}=e.properties;t.cityNames[a]=o}),t})(t)),m(e,t)},h=()=>{if(l.value){const e=i(l.value);p.setOption(e),p.resize()}},v=async(t,a=!1)=>{if(!a){const a=r.value.strAreaCode?"".concat(t):Number(t);await e.onMapChange(a)}const o="".concat(t);s.has(o)||await y(o),l.value=o,c.value.push(o),h()},b=()=>{null==p||p.resize()};return a(()=>{p=d(u.value),window.addEventListener("resize",b),u.value&&ResizeObserver&&(f=new ResizeObserver(()=>{b()}),f.observe(u.value)),p.on("click",e=>{if("series"===e.componentType){if("scatter"===e.seriesType)return void n("pointClick",e.data);"map"===e.seriesType&&(e.data&&n("areaClick",e.data),e.name!==l.value&&v(e.name))}}),p.on("mouseover",function(e){if("series"===e.componentType&&"scatter"===e.seriesType){const t=e.dataIndex,a=p.getOption(),o=a.series[e.seriesIndex].data,r=a.series[e.seriesIndex].symbolSize;o[t].symbolSize=r+10,p.setOption(a)}}),p.on("mouseout",function(e){if("series"===e.componentType&&"scatter"===e.seriesType){const t=e.dataIndex,a=p.getOption();delete a.series[e.seriesIndex].data[t].symbolSize,p.setOption(a)}})}),o(()=>{window.removeEventListener("resize",b),null==f||f.disconnect()}),{chartRef:u,historyNames:c,currentName:l,changeMap:v,getCityName:e=>{const t=s.get(l.value);if(t)return t.cityNames[e]},goBack:()=>{if(c.value.length>1){c.value.pop();const e=c.value.pop();v(e)}},refresh:h}}const h=r({name:"IBizMapChart",props:{areaData:{type:Array},pointData:{type:Array},options:{type:Object,default:()=>({})},controller:{type:u,required:!0}},setup(e,{emit:t}){const o=c("map-chart"),{semanticClass:r,semanticStyle:i}=p(e.controller),u=n(()=>s((e,t,a)=>l(a)?t:a,f,e.options)),d=(t,a)=>"area"===a&&e.areaData?e.areaData.find(e=>e._id===t):"point"===a&&e.pointData?e.pointData.find(e=>e._id===t):void 0,{chartRef:m,historyNames:h,changeMap:v,getCityName:b,goBack:C}=y(e.controller,u,t=>{const{visualMap:a,pointSymbol:o,areaColor:r,hoverAreaColor:i,areaBorderColor:n}=u.value,s=e.areaData||[],l=e.pointData||[];return{geo:{map:t},tooltip:{trigger:"item",textStyle:{color:"#fff",fontSize:12},backgroundColor:"rgba(0, 0, 0, 0.47)",borderWidth:0,extraCssText:"backdrop-filter: blur(3px);"},visualMap:{min:a.min,max:a.max,text:a.text,realtime:!1,hoverLink:!1,inRange:{color:a.rangeColor}},series:[{type:"map",map:t,nameProperty:"adcodeStr",itemStyle:{areaColor:r,borderColor:n,borderWidth:2},emphasis:{itemStyle:{areaColor:i}},tooltip:{formatter:e=>{if(!e.data)return;const t=d(e.data._id,"area");return t?t._tooltip:void 0}},label:{show:!0,color:"#000000",fontSize:14,formatter:e=>b(e.name)},select:{disabled:!0},data:s.map(e=>({name:"".concat(e._areaCode),value:e._value,_id:e._id}))},{type:"scatter",coordinateSystem:"geo",symbol:o,symbolSize:20,visualMap:!1,itemStyle:{color:"#FF1D00"},label:{show:!0,color:"#000000",fontSize:14,textShadowBlur:0,formatter:e=>{const t=d(e.data._id,"point");return null==t?void 0:t._text},position:"left",offset:[10,-15]},tooltip:{formatter:e=>{const t=d(e.data._id,"point");return null==t?void 0:t._tooltip}},data:l.map(e=>({_id:e._id,symbol:e._symbol?"image://".concat(e._symbol):void 0,value:[Number(e._longitude),Number(e._latitude)],visualMap:!1}))}]}},(e,a)=>{switch(e){case"pointClick":t("pointClick",d(a._id,"point"));break;case"areaClick":t("areaClick",d(a._id,"area"))}});return a(()=>{v(u.value.defaultAreaCode,!0)}),{ns:o,chartRef:m,historyNames:h,semanticClass:r,semanticStyle:i,goBack:C}},render(){return i("div",{class:this.ns.b()},[i("div",{class:this.ns.e("chart"),ref:"chartRef"},null),this.historyNames.length>1&&i("div",{style:this.semanticStyle("goback"),class:[this.ns.e("goback"),this.semanticClass("goback")],onClick:()=>{this.goBack()}},[ibiz.i18n.t("app.return")])])}});e({IBizMapChart:h,default:h})}}});

package/dist/map-chart-user-CfTAGaU5.js

@@ -1 +0,0 @@
-System.register(["vue","ramda","@ibiz-template/vue3-util","@ibiz-template/runtime","@ibiz-template/core","lodash-es","echarts"],function(e){"use strict";var t,a,o,r,n,s,l,i,c,u,d,m,p,v,f,b,h,y,C,g;return{setters:[function(e){t=e.ref,a=e.onMounted,o=e.onUnmounted,r=e.defineComponent,n=e.createVNode,s=e.resolveComponent,l=e.computed,i=e.onBeforeUnmount},function(e){c=e.mergeDeepLeft,u=e.mergeDeepWithKey,d=e.isNil},function(e){m=e.useNamespace,p=e.useSemanticNode},function(e){v=e.MapController,f=e.getAreaLevelByCode},function(e){b=e.listenJSEvent,h=e.NOOP},function(e){y=e.toNumber},function(e){C=e.init,g=e.registerMap}],execute:function(){const _={strAreaCode:!1,visualMap:{text:[ibiz.i18n.t("component.mapChart.high"),ibiz.i18n.t("component.mapChart.low")],min:0,max:100,rangeColor:["#90d1e7","#fff600","#ff5200"]},areaColor:"#87cefa",areaBorderColor:"#FFF",hoverAreaColor:"#fbdb2f",pointSymbol:"pin",jsonBaseUrl:"".concat(ibiz.env.assetsUrl,"/json/map"),defaultAreaCode:1e5,bottom:20,top:20},N=e=>{const t=[];return e._color&&t.push("color:".concat(e._color)),e._bgcolor&&t.push("background:".concat(e._bgcolor)),e._borderColor&&t.push("border-color:".concat(e._borderColor)),e._borderWidth&&t.push("border-width:".concat(e._borderWidth,"px")),e._borderWidth&&e._borderColor&&t.push("border-style:solid"),t.join(";")},z=(e,t,a=[],o=[])=>"area"===t?o.find(t=>t._id===e):"point"===t?a.find(t=>t._id===e):void 0,S=e=>{let t=e;const a=window.getComputedStyle(document.documentElement);return a&&(t=a.getPropertyValue(e)||t),t},x=e=>{const{pointSymbol:t}=e,a=m("map-chart-user"),o=S(a.cssVarName("color-danger")),r=S(a.cssVarName("font-size-header-4"));return{type:"scatter",coordinateSystem:"geo",symbol:t,symbolSize:Number(r.slice(0,2)),visualMap:!1,itemStyle:{color:o}}},w=(e,t)=>{const a={},o=m("map-chart-user"),r=S(o.cssVarName("color-text-1")),n=S(o.cssVarName("font-size-regular"));return a.label={show:!0,color:r,fontSize:Number(n.slice(0,2)),textShadowBlur:0,formatter:a=>{if(!a.data)return;const o=z(a.data._id,"point",e,t);return null==o?void 0:o._text},position:"left",offset:[10,-15]},a.tooltip={formatter:a=>{if(!a.data)return;const r=z(a.data._id,"point",e,t);if(!r)return;const{_deData:n}=r;let s=n.srfmajortext;r._value&&(s="".concat(n.srfmajortext,": ").concat(r._value)),r._tooltip&&(s=r._tooltip);const l=N(r);return'<div style="'.concat(l,'" class="').concat(r._className," ").concat(o.e("popper"),'">').concat(s,"</div>")},padding:0},a.data=e.map(e=>{let t;return e._symbol&&(t="image://".concat(e._symbol)),{_id:e._id,symbol:t,value:[Number(e._longitude),Number(e._latitude)],visualMap:!1}}),a},D=e=>{const{areaColor:t,areaBorderColor:a,hoverAreaColor:o}=e;return{type:"map",nameProperty:"adcodeStr",itemStyle:{areaColor:t,borderColor:a,borderWidth:2},emphasis:{itemStyle:{areaColor:o}}}},k=(e,t,a,o=[])=>{const r={},n=m("map-chart-user"),s=S(n.cssVarName("color-text-1")),l=S(n.cssVarName("font-size-regular"));return r.map=e,r.label={show:!0,color:s,fontSize:Number(l.slice(0,2)),formatter:e=>o.cityNames[e.name]},r.tooltip={formatter:e=>{if(!e.data)return;const o=z(e.data._id,"area",t,a);if(!o||!o._tooltip&&!o._value)return;const{_deData:r}=o;let s=r.srfmajortext;o._value&&(s="".concat(r.srfmajortext,": ").concat(o._value)),o._tooltip&&(s=o._tooltip);const l=N(o);return'<div style="'.concat(l,'" class="').concat(o._className," ").concat(n.e("popper"),'">').concat(s,"</div>")},padding:0},r.data=a.map(e=>({name:"".concat(e._areaCode),value:e._value,_id:e._id,deData:e})),r.select={disabled:!0},r};function M(e,r,n){const s=new Map,l=t(""),i=t([]),c=new Map,u=t(!1);let d;const m=t();let p;const v=async t=>{e.options=t,await e.evt.emit("onBeforeUpdate",{data:t}),d.setOption(t,!0)},f=async e=>{if(s.has(e))return;const t=await async function(e,t){return(await ibiz.net.axios({url:"".concat(e,"/").concat(t,".json")})).data}(r.value.jsonBaseUrl,e);s.set(e,(e=>{const t={cityNames:{},noChild:1===e.features.length};return e.features.forEach(e=>{const{adcode:a,name:o,level:r}=e.properties;t.cityNames[a]=o,c.set(a,r)}),t})(t)),g(e,t)},h=()=>s.get(l.value),_=()=>{if(l.value){const e=n(l.value);v(e),d.resize()}},N=async(t,a,o=!1)=>{const r="".concat(t);if(s.has(r)||await f(r),o){const t=c.get(y(a))||"";e.state.areaLevel=t}else await e.onMapChange(a);l.value=r,e.state.mapInfo=h(),i.value.push(r),_()},S=b(window,"resize",()=>{d&&d.resize()});return a(()=>{d=C(m.value),e.chart=d,m.value&&ResizeObserver&&(p=new ResizeObserver(()=>{null==d||d.resize()}),p.observe(m.value)),d.on("click",t=>{if("series"===t.componentType){if("scatter"===t.seriesType){if(!t.data)return;u.value=!0;const{pointData:a,areaData:o}=e.state,r=z(t.data._id,"point",a,o);return r&&e.onPointClick(r),void(u.value=!1)}if("map"===t.seriesType){u.value=!0;const a=r.value.strAreaCode?"".concat(t.name):Number(t.name),o=c.get(y(a))||"",{pointData:n,areaData:s,enabledDrillDown:i,mdctrlActiveMode:d}=e.state;if(t.data){const r=z(t.data._id,"area",n,s);r&&e.onAreaClick(r,a,o)}t.name!==l.value&&i&&2!==d&&(y(a)>y(e.state.areaCode)&&e.evt.emit("onDrillDown",{data:{areaCode:a}}),e.state.areaCode=a,e.state.areaLevel=o||"",N(t.name,a)),u.value=!1}}}),d.on("dblclick",t=>{const{enabledDrillDown:a,mdctrlActiveMode:o}=e.state;if("series"===t.componentType&&"map"===t.seriesType&&2===o&&a){u.value=!0;const a=r.value.strAreaCode?"".concat(t.name):Number(t.name),o=c.get(y(a))||"";y(a)>y(e.state.areaCode)&&e.evt.emit("onDrillDown",{data:{areaCode:a}}),e.state.areaCode=a,e.state.areaLevel=o,t.name!==l.value&&N(t.name,a),u.value=!1}}),d.on("mouseover",function(t){if(e.evt.emit("onMouseOver",{data:t}),"series"===t.componentType&&"scatter"===t.seriesType){const e=t.dataIndex,a=d.getOption(),o=a.series[t.seriesIndex].data,r=a.series[t.seriesIndex].symbolSize;o[e].symbolSize=r+10,v(a)}}),d.on("mouseout",function(t){if(e.evt.emit("onMouseOut",{data:t}),"series"===t.componentType&&"scatter"===t.seriesType){const e=t.dataIndex,a=d.getOption();delete a.series[t.seriesIndex].data[e].symbolSize,v(a)}})}),o(()=>{S(),null==p||p.disconnect()}),{chartRef:m,historyNames:i,currentName:l,processing:u,areaLevelMap:c,changeMap:N,getCityInfo:h,goBack:async()=>{if(i.value.length>1){i.value.pop();const t=i.value.pop(),a=r.value.strAreaCode?"".concat(t):Number(t),o=c.get(y(a))||"";e.state.areaCode=a,e.state.areaLevel=o,N(t,a)}},refresh:_}}const A=r({name:"IBizMapChartUser",props:{areaData:{type:Array},pointData:{type:Array},options:{type:Object,default:()=>({})},controller:{type:v,required:!0}},setup(e){const o=m("map-chart-user"),{semanticClass:r,semanticStyle:n}=p(e.controller),s=e.controller;let v=_;const C=t(),g=t(!1);if(s.controlParams.defaultopts){const e=JSON.parse(s.controlParams.defaultopts);v=c(e,v)}const N=l(()=>u((e,t,a)=>d(a)?t:a,v,e.options));let z=h;const{chartRef:A,historyNames:B,processing:F,areaLevelMap:L,changeMap:O,getCityInfo:U,goBack:V}=M(e.controller,N,t=>{const a=e.areaData||[],o=e.pointData||[],r=(()=>{const e=m("map-chart-user"),t=S(e.cssVarName("color-text-1")),a=S(e.cssVarName("font-size-regular")),o=S(e.cssVarName("color-bg-0"));return{trigger:"item",textStyle:{color:t,fontSize:Number(a.slice(0,2))},backgroundColor:o,borderWidth:0,extraCssText:"backdrop-filter: blur(3px);"}})(),n=(e=>{const{visualMap:t}=e;return{min:t.min,max:t.max,text:t.text,realtime:!1,hoverLink:!1,inRange:{color:t.rangeColor}}})(N.value),s=U(),l={...x(N.value),...w(o,a)},{top:i,bottom:c}=N.value;return{geo:{map:t,top:i,bottom:c},tooltip:r,visualMap:n,series:[{top:i,bottom:c,...D(N.value),...k(t,o,a,s)},l]}});a(()=>{const e=N.value.defaultAreaCode,t=s.state.strAreaCode?"".concat(e):Number(e);s.state.areaCode=t,s.state.areaLevel=f(t.toString()),O(e,t,!0),s.evt.on("onDrillDown",async e=>{if(!F.value){const{data:t}=e,a=t.areaCode,o=s.state.strAreaCode?"".concat(a):Number(a),r=L.get(y(o))||"";s.state.areaCode=o,s.state.areaLevel=r,await O(a,a)}}),s.evt.on("onBackClick",()=>{F.value||V()}),z=b(window,"resize",()=>{g.value&&(g.value=ibiz.fullscreenUtil.isFullScreen)})}),i(()=>{z!==h&&z()});return{c:s,ns:o,mapRef:C,isFull:g,chartRef:A,historyNames:B,semanticClass:r,semanticStyle:n,onBack:async()=>{F.value=!0,await s.evt.emit("onBackClick",void 0),V(),F.value=!1},toggleFullScreen:()=>{C.value&&(g.value?ibiz.fullscreenUtil.closeElementFullscreen():ibiz.fullscreenUtil.openElementFullscreen(C.value),g.value=!g.value)}}},render(){const{enabledFullScreen:e}=this.c.state;return n("div",{class:this.ns.b(),ref:"mapRef"},[e?n(s("el-button"),{type:"info",onClick:this.toggleFullScreen,style:this.semanticStyle("fullscreen"),class:[this.ns.e("fullscreen"),this.semanticClass("fullscreen")],title:this.isFull?ibiz.i18n.t("app.cancelFullscreen"):ibiz.i18n.t("app.fullscreen")},{default:()=>[n("ion-icon",{name:this.isFull?"contract-outline":"expand-outline"},null)]}):null,n("div",{class:this.ns.e("chart"),ref:"chartRef"},null),this.historyNames.length>1&&n("div",{style:this.semanticStyle("goback"),class:[this.ns.e("goback"),this.semanticClass("goback")],onClick:()=>{this.onBack()}},[ibiz.i18n.t("app.return")])])}});e({IBizMapChartUser:A,default:A})}}});