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

package/es/editor/dropdown-list/dropdown-list-editor.controller.mjs

@@ -27,9 +27,14 @@ class DropDownListEditorController extends CodeListEditorController {
     /**
      * 默认选中第一个
      *
-     * @memberof CustomTagSelectController
+     * @memberof DropDownListEditorController
      */
     __publicField(this, "defaultFirstOption", false);
+    /**
+     * @description 自动选中第一个
+     * @memberof DropDownListEditorController
+     */
+    __publicField(this, "autoSelectFirstOption", false);
     /**
      * 预置项空白项名称
      *
@@ -44,7 +49,7 @@ class DropDownListEditorController extends CodeListEditorController {
     __publicField(this, "blankItemValue");
   }
   async onInit() {
-    var _a, _b, _c, _d, _e, _f, _g;
+    var _a, _b, _c, _d, _e, _f, _g, _h;
     super.onInit();
     if (this.model.editorType === "MDROPDOWNLIST" || this.model.editorType === "MOBCHECKLIST") {
       this.multiple = true;
@@ -65,13 +70,18 @@ class DropDownListEditorController extends CodeListEditorController {
         this.editorParams.defaultfirstoption
       );
     }
-    if ((_e = this.editorParams) == null ? void 0 : _e.blankItemName) {
+    if ((_e = this.editorParams) == null ? void 0 : _e.autoselectfirstoption) {
+      this.autoSelectFirstOption = this.toBoolean(
+        this.editorParams.autoselectfirstoption
+      );
+    }
+    if ((_f = this.editorParams) == null ? void 0 : _f.blankItemName) {
       this.blankItemName = this.editorParams.blankItemName;
     }
-    if ((_f = this.editorParams) == null ? void 0 : _f.blankitemname) {
+    if ((_g = this.editorParams) == null ? void 0 : _g.blankitemname) {
       this.blankItemName = this.editorParams.blankitemname;
     }
-    if ((_g = this.editorParams) == null ? void 0 : _g.blankitemvalue)
+    if ((_h = this.editorParams) == null ? void 0 : _h.blankitemvalue)
       this.blankItemValue = this.editorParams.blankitemvalue;
   }
 }

package/es/editor/dropdown-list/ibiz-dropdown/ibiz-dropdown.mjs

@@ -99,6 +99,10 @@ const IBizDropdown = /* @__PURE__ */ defineComponent({
     const codeItemValueNumber = ref(false);
     const hiddenInputRef = ref();
     const valueSeparator = ((_a = c.editorParams) == null ? void 0 : _a.valueseparator) || ",";
+    const {
+      getSelection,
+      getSelectionValue
+    } = useCodeListSelection(c.allItemsValue);
     const showFormDefaultContent = computed(() => {
       if (props.controlParams && props.controlParams.editmode === "hover" && !props.readonly) {
         return true;
@@ -140,6 +144,20 @@ const IBizDropdown = /* @__PURE__ */ defineComponent({
       });
       return list;
     };
+    const autoSelectFirstOption = () => {
+      const item = items.value[0];
+      if (!c.autoSelectFirstOption || props.value || !item)
+        return;
+      if (c.multiple) {
+        const value = c.allItems && !hasChildren.value ? getSelectionValue(item.value).map((v) => "".concat(v)) : [item.value];
+        emit("change", c.model.valueType === "SIMPLES" ? value : value.join(valueSeparator), void 0, true);
+      } else if (editorItems && editorItems.length > 0) {
+        emit("change", item.value, editorItems[0].id, true);
+        emit("change", item.text, void 0, true);
+      } else {
+        emit("change", item.value, void 0, true);
+      }
+    };
     const afterLoadCodeList = (codeList) => {
       items.value = [];
       codeListItems.value = [];
@@ -162,6 +180,7 @@ const IBizDropdown = /* @__PURE__ */ defineComponent({
           break;
         }
       }
+      autoSelectFirstOption();
     };
     const loadCodeList = async () => {
       if (c.model.appCodeListId) {
@@ -228,10 +247,6 @@ const IBizDropdown = /* @__PURE__ */ defineComponent({
       const list = hasChildren.value ? codeListItems.value : items.value;
       return list.find((item) => item.value === value);
     };
-    const {
-      getSelection,
-      getSelectionValue
-    } = useCodeListSelection(c.allItemsValue);
     const curValue = computed({
       get() {
         var _a2, _b, _c;

package/es/panel-component/auth-userinfo/auth-userinfo.css

@@ -1 +1 @@
-.ibiz-user-info{--ibiz-user-info-padding:0 var(--ibiz-spacing-loose);--ibiz-user-info-color:var(--ibiz-color-text-0);--ibiz-user-info-font-size:var(--ibiz-font-size-header-5);--ibiz-user-info-height:44px;--ibiz-user-info-collapse-padding:0 var(--ibiz-spacing-base-tight);--ibiz-user-info-avatar-max-width:32px;--ibiz-user-info-avatar-max-height:32px;--ibiz-user-info-avatar-gap:var(--ibiz-spacing-base);--ibiz-user-info-name-max-width:130px;--ibiz-user-info-name-font-size:var(--ibiz-user-info-font-size);--ibiz-user-info-name-person-font-size:var(--ibiz-font-size-small);--ibiz-user-info-name-person-gap:var(--ibiz-spacing-extra-tight);--ibiz-user-info-name-arrow-gap:var(--ibiz-spacing-base-tight);display:flex;align-items:center;justify-content:flex-start;width:100%;height:100%}.ibiz-user-info .el-dropdown{width:100%;height:var(--ibiz-user-info-height);padding:var(--ibiz-user-info-padding);cursor:pointer}.ibiz-user-info__icon{margin-right:var(--ibiz-spacing-extra-tight)}.ibiz-user-info.is-left .ibiz-user-info__down{display:none}.ibiz-user-info.is-top .ibiz-user-info__down{margin-left:var(--ibiz-user-info-name-arrow-gap);font-size:var(--ibiz-user-info-font-size)}.ibiz-user-info.is-top .ibiz-user-info-avatar{max-width:var(--ibiz-user-info-avatar-max-width);max-height:var(--ibiz-user-info-avatar-max-height);margin-right:var(--ibiz-user-info-avatar-gap)}.ibiz-user-info.is-collapse .el-dropdown{padding:0 var(--ibiz-user-info-collapse-padding)}.ibiz-user-info.is-collapse .ibiz-user-info-avatar{max-width:var(--ibiz-user-info-avatar-max-width);max-height:var(--ibiz-user-info-avatar-max-height);margin:0}.ibiz-user-info.is-readonly .el-dropdown{cursor:default}.ibiz-user-info-avatar{width:var(--ibiz-user-info-height);height:var(--ibiz-user-info-height);margin-right:10px}.ibiz-user-info-info{width:100%;display:flex;align-items:center;justify-content:space-between;color:var(--ibiz-user-info-color)}.ibiz-user-info-info.is-collapse{justify-content:center}.ibiz-user-info-name__user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:var(--ibiz-user-info-name-max-width);font-size:var(--ibiz-user-info-name-font-size);line-height:1.3}.ibiz-user-info-name__person-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:var(--ibiz-user-info-name-max-width);margin-top:var(--ibiz-user-info-name-person-gap);font-size:var(--ibiz-user-info-name-person-font-size);line-height:1.2}.ibiz-user-info-name.is-collapse{display:none}.ibiz-user-info-label{display:flex;align-items:center;justify-content:flex-start;font-size:var(--ibiz-user-info-font-size);color:var(--ibiz-user-info-color);outline:0}
+.ibiz-user-info{--ibiz-user-info-padding:0 var(--ibiz-spacing-loose);--ibiz-user-info-color:var(--ibiz-color-text-0);--ibiz-user-info-font-size:var(--ibiz-font-size-header-5);--ibiz-user-info-height:44px;--ibiz-user-info-collapse-padding:0 var(--ibiz-spacing-base-tight);--ibiz-user-info-avatar-max-width:32px;--ibiz-user-info-avatar-max-height:32px;--ibiz-user-info-avatar-gap:var(--ibiz-spacing-base);--ibiz-user-info-name-max-width:130px;--ibiz-user-info-name-font-size:var(--ibiz-user-info-font-size);--ibiz-user-info-name-person-font-size:var(--ibiz-font-size-small);--ibiz-user-info-name-person-gap:var(--ibiz-spacing-extra-tight);--ibiz-user-info-name-arrow-gap:var(--ibiz-spacing-base-tight);display:flex;align-items:center;justify-content:flex-start;width:100%;height:100%}.ibiz-user-info .el-dropdown{width:100%;height:var(--ibiz-user-info-height);padding:var(--ibiz-user-info-padding);cursor:pointer}.ibiz-user-info__icon{margin-right:var(--ibiz-spacing-extra-tight)}.ibiz-user-info.is-left .ibiz-user-info__down{display:none}.ibiz-user-info.is-top .ibiz-user-info__down{margin-left:var(--ibiz-user-info-name-arrow-gap);font-size:var(--ibiz-user-info-font-size)}.ibiz-user-info.is-top .ibiz-user-info-avatar{max-width:var(--ibiz-user-info-avatar-max-width);max-height:var(--ibiz-user-info-avatar-max-height);margin-right:var(--ibiz-user-info-avatar-gap)}.ibiz-user-info.is-collapse .el-dropdown{padding:var(--ibiz-user-info-collapse-padding)}.ibiz-user-info.is-collapse .ibiz-user-info-avatar{max-width:var(--ibiz-user-info-avatar-max-width);max-height:var(--ibiz-user-info-avatar-max-height);margin:0}.ibiz-user-info.is-readonly .el-dropdown{cursor:default}.ibiz-user-info-avatar{width:var(--ibiz-user-info-height);height:var(--ibiz-user-info-height);margin-right:10px}.ibiz-user-info-info{width:100%;display:flex;align-items:center;justify-content:space-between;color:var(--ibiz-user-info-color)}.ibiz-user-info-info.is-collapse{justify-content:center}.ibiz-user-info-name__user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:var(--ibiz-user-info-name-max-width);font-size:var(--ibiz-user-info-name-font-size);line-height:1.3}.ibiz-user-info-name__person-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:var(--ibiz-user-info-name-max-width);margin-top:var(--ibiz-user-info-name-person-gap);font-size:var(--ibiz-user-info-name-person-font-size);line-height:1.2}.ibiz-user-info-name.is-collapse{display:none}.ibiz-user-info-label{display:flex;align-items:center;justify-content:flex-start;font-size:var(--ibiz-user-info-font-size);color:var(--ibiz-user-info-color);outline:0}

package/es/util/fullscreen/fullscreen-util.mjs

@@ -1,6 +1,6 @@
 import { createApp } from 'vue';
 import ElementPlus from 'element-plus';
-import { defaultNamespace } from '../../node_modules/.pnpm/@ibiz-template_core@0.7.41-alpha.113_axios@1.12.2_lodash-es@4.17.21_qs@6.14.0_qx-util@0.4.8_ramda@0.29.1/node_modules/@ibiz-template/core/out/utils/namespace/namespace.mjs';
+import { defaultNamespace } from '../../node_modules/.pnpm/@ibiz-template_core@0.7.41-alpha.117_axios@1.12.2_lodash-es@4.17.21_qs@6.14.0_qx-util@0.4.8_ramda@0.29.1/node_modules/@ibiz-template/core/out/utils/namespace/namespace.mjs';
 import { IBizFullscreenToolbar } from '../../common/fullscreen-toolbar/fullscreen-toolbar.mjs';
 
 "use strict";

package/es/web-app/adaptive-screen-width.mjs

@@ -51,7 +51,7 @@ const fixContextMenuPosition = (el) => {
     el.style.top = fixedTop;
   }
 };
-const fixFormItemContainerPopperTransform = (el) => {
+const fixPopperTransform = (el) => {
   if (currentScale === 1)
     return;
   const transform = el.style.transform;
@@ -97,8 +97,8 @@ const startObservePoppers = () => {
           const el = node;
           if ((_a2 = el.classList) == null ? void 0 : _a2.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 ((_b2 = el.classList) == null ? void 0 : _b2.contains("mx-context-menu")) {
             fixContextMenuPosition(el);
@@ -108,8 +108,8 @@ const startObservePoppers = () => {
         const el = mutation.target;
         if ((_a = el.classList) == null ? void 0 : _a.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 ((_b = el.classList) == null ? void 0 : _b.contains("mx-context-menu")) {
           fixContextMenuPosition(el);

package/lib/common/map-chart/map-chart.cjs

@@ -33,10 +33,6 @@ const IBizMapChart = /* @__PURE__ */ vue.defineComponent({
     emit
   }) {
     const ns = vue3Util.useNamespace("map-chart");
-    const {
-      semanticClass,
-      semanticStyle
-    } = vue3Util.useSemanticNode(props.controller);
     const options = vue.computed(() => {
       return ramda.mergeDeepWithKey((_key, x, z) => {
         return ramda.isNil(z) ? x : z;
@@ -203,8 +199,6 @@ const IBizMapChart = /* @__PURE__ */ vue.defineComponent({
       ns,
       chartRef,
       historyNames,
-      semanticClass,
-      semanticStyle,
       goBack
     };
   },
@@ -215,8 +209,7 @@ const IBizMapChart = /* @__PURE__ */ vue.defineComponent({
       "class": this.ns.e("chart"),
       "ref": "chartRef"
     }, null), this.historyNames.length > 1 && vue.createVNode("div", {
-      "style": this.semanticStyle("goback"),
-      "class": [this.ns.e("goback"), this.semanticClass("goback")],
+      "class": this.ns.e("goback"),
       "onClick": () => {
         this.goBack();
       }

package/lib/common/map-chart-user/map-chart-user.cjs

@@ -33,10 +33,6 @@ const IBizMapChartUser = /* @__PURE__ */ vue.defineComponent({
   },
   setup(props) {
     const ns = vue3Util.useNamespace("map-chart-user");
-    const {
-      semanticClass,
-      semanticStyle
-    } = vue3Util.useSemanticNode(props.controller);
     const c = props.controller;
     let option = mapChartUser_util.defaultOpts;
     const mapRef = vue.ref();
@@ -154,8 +150,6 @@ const IBizMapChartUser = /* @__PURE__ */ vue.defineComponent({
       isFull,
       chartRef,
       historyNames,
-      semanticClass,
-      semanticStyle,
       onBack,
       toggleFullScreen
     };
@@ -170,8 +164,7 @@ const IBizMapChartUser = /* @__PURE__ */ vue.defineComponent({
     }, [enabledFullScreen ? vue.createVNode(vue.resolveComponent("el-button"), {
       "type": "info",
       "onClick": this.toggleFullScreen,
-      "style": this.semanticStyle("fullscreen"),
-      "class": [this.ns.e("fullscreen"), this.semanticClass("fullscreen")],
+      "class": this.ns.e("fullscreen"),
       "title": this.isFull ? ibiz.i18n.t("app.cancelFullscreen") : ibiz.i18n.t("app.fullscreen")
     }, {
       default: () => [vue.createVNode("ion-icon", {
@@ -181,8 +174,7 @@ const IBizMapChartUser = /* @__PURE__ */ vue.defineComponent({
       "class": this.ns.e("chart"),
       "ref": "chartRef"
     }, null), this.historyNames.length > 1 && vue.createVNode("div", {
-      "style": this.semanticStyle("goback"),
-      "class": [this.ns.e("goback"), this.semanticClass("goback")],
+      "class": this.ns.e("goback"),
       "onClick": () => {
         this.onBack();
       }

package/lib/control/calendar/calendar.cjs

@@ -90,6 +90,14 @@ const CalendarControl = /* @__PURE__ */ vue.defineComponent({
     const curPopover = vue.ref();
     const showDateRange = vue.ref(c.controlParams.showmode === "daterange");
     const showDateList = vue.ref(c.controlParams.showmode === "expand");
+    const childClass = [{
+      class: semanticClass("body"),
+      selector: ".el-calendar__body"
+    }];
+    const childStyle = [{
+      style: semanticStyle("body"),
+      selector: ".el-calendar__body"
+    }];
     const infiniteScroll = vue.ref();
     const disabledLodeMore = vue.computed(() => {
       if (c.model.calendarStyle !== "TIMELINE" || c.state.isLoading)
@@ -393,6 +401,8 @@ const CalendarControl = /* @__PURE__ */ vue.defineComponent({
       c,
       ns,
       legends,
+      childClass,
+      childStyle,
       semanticClass,
       semanticStyle,
       curPopover,
@@ -485,13 +495,16 @@ const CalendarControl = /* @__PURE__ */ vue.defineComponent({
               this.curPopover = el;
             }
           },
+          "popper-class": [this.semanticClass("popup"), this.ns.be("more", "popper")],
+          "popper-style": this.semanticStyle("popup"),
           "onShow": () => {
             this.popoverValue = items[0].id;
           }
         }, {
           reference: () => {
             return vue.createVNode("span", {
-              "class": this.ns.b("more")
+              "style": this.semanticStyle("more"),
+              "class": [this.ns.b("more"), this.semanticClass("more")]
             }, ["+".concat(items.length - 1, " ").concat(ibiz.i18n.t("app.more"), "...")]);
           },
           default: () => {
@@ -513,7 +526,7 @@ const CalendarControl = /* @__PURE__ */ vue.defineComponent({
       return vue.createVNode("div", {
         "class": [this.ns.b("content"), this.ns.be("content", "month"), this.semanticClass("content"), this.ns.is("show-date-range", this.showDateRange)],
         "style": this.semanticStyle("content")
-      }, [vue.createVNode(vue.resolveComponent("el-calendar"), {
+      }, [vue.withDirectives(vue.createVNode(vue.resolveComponent("el-calendar"), {
         "ref": "calendarRef",
         "modelValue": this.c.state.selectedDate,
         "onUpdate:modelValue": ($event) => this.c.state.selectedDate = $event,
@@ -617,7 +630,7 @@ const CalendarControl = /* @__PURE__ */ vue.defineComponent({
             "class": this.ns.b("items")
           }, [renderCalendarItems(date)])]);
         }
-      })]);
+      }), [[vue.resolveDirective("child-class"), this.childClass], [vue.resolveDirective("child-style"), this.childStyle]])]);
     };
     const renderNoData = () => {
       const {

package/lib/control/calendar/components/calendar-user/calendar-user.cjs

@@ -47,19 +47,21 @@ const CalendarUser = /* @__PURE__ */ vue.defineComponent({
           data: items[0]
         }), vue.createVNode(vue.resolveComponent("el-popover"), {
           "trigger": "click",
-          "popper-class": ns.e("custom-user-popover"),
           "ref": (el) => {
             if (el && items[0].id === popoverValue.value) {
               curPopover.value = el;
             }
           },
+          "popper-class": [ns.em("more", "popper"), ns.e("custom-user-popover"), props.semanticClass("popup")],
+          "popper-style": props.semanticStyle("popup"),
           "onShow": () => {
             popoverValue.value = items[0].id;
           }
         }, {
           reference: () => {
             return vue.createVNode("span", {
-              "class": ns.e("more")
+              "style": props.semanticStyle("more"),
+              "class": [ns.e("more"), props.semanticClass("more")]
             }, ["+".concat(items.length - 1, " ").concat(ibiz.i18n.t("app.more"), "...")]);
           },
           default: () => {

package/lib/control/calendar/components/calendar-user2/calendar-user2.cjs

@@ -176,7 +176,8 @@ const CalendarUser2 = /* @__PURE__ */ vue.defineComponent({
             "trigger": "click",
             "persistent": false,
             "disabled": !marks.length,
-            "popperClass": this.ns.e("popover")
+            "popper-style": this.semanticStyle("popup"),
+            "popper-class": [this.ns.e("popover"), this.semanticClass("popup")]
           }, {
             default: () => {
               return vue.createVNode("div", {
@@ -201,12 +202,12 @@ const CalendarUser2 = /* @__PURE__ */ vue.defineComponent({
             }, [marks.map((mark) => {
               if (mark.isShow)
                 return vue.createVNode("div", {
-                  "class": [this.ns.e("mark"), this.ns.e("item"), this.semanticClass("item", {
+                  "class": [this.ns.e("mark"), this.ns.e("item"), this.semanticClass("mark", {
                     item: mark
                   })],
                   "style": {
                     backgroundColor: mark.bkcolor,
-                    ...this.semanticStyle("item", {
+                    ...this.semanticStyle("mark", {
                       item: mark
                     })
                   }

package/lib/control/drtab/drtab-control.util.cjs

@@ -1,7 +1,7 @@
 'use strict';
 
 var vue = require('vue');
-var namespace = require('../../node_modules/.pnpm/@ibiz-template_core@0.7.41-alpha.113_axios@1.12.2_lodash-es@4.17.21_qs@6.14.0_qx-util@0.4.8_ramda@0.29.1/node_modules/@ibiz-template/core/out/utils/namespace/namespace.cjs');
+var namespace = require('../../node_modules/.pnpm/@ibiz-template_core@0.7.41-alpha.117_axios@1.12.2_lodash-es@4.17.21_qs@6.14.0_qx-util@0.4.8_ramda@0.29.1/node_modules/@ibiz-template/core/out/utils/namespace/namespace.cjs');
 
 "use strict";
 function useAppDRTab(c, controlRef, counterData) {

package/lib/control/form/form-detail/form-mdctrl/form-mdctrl-repeater/repeater-grid/repeater-grid.cjs

@@ -138,6 +138,7 @@ const RepeaterGrid = /* @__PURE__ */ vue.defineComponent({
       if (ibiz.config.form.mdCtrlConfirmBeforeRemove) {
         return vue.createVNode(vue.resolveComponent("el-popconfirm"), {
           "title": core.showTitle(ibiz.i18n.t("control.form.repeaterGrid.promptInformation")),
+          "popper-class": ["el-popover", ns2.b("popper")],
           "confirm-button-text": ibiz.i18n.t("app.confirm"),
           "cancel-button-text": ibiz.i18n.t("app.cancel"),
           "onConfirm": () => props.controller.remove(index)

package/lib/control/form/form-detail/form-mdctrl/form-mdctrl-repeater/repeater-grid2/repeater-grid2.cjs

@@ -126,6 +126,7 @@ const RepeaterGrid2 = /* @__PURE__ */ vue.defineComponent({
     const renderRemoveBtn = (index) => {
       if (ibiz.config.form.mdCtrlConfirmBeforeRemove) {
         return vue.createVNode(vue.resolveComponent("el-popconfirm"), {
+          "popper-class": ["el-popover", ns2.b("popper")],
           "title": ibiz.i18n.t("control.form.repeaterGrid.promptInformation"),
           "confirm-button-text": ibiz.i18n.t("app.confirm"),
           "cancel-button-text": ibiz.i18n.t("app.cancel"),

package/lib/control/grid/grid/grid-control.util.cjs

@@ -278,6 +278,11 @@ function useITableEvent(c) {
   function onSelectionChange(selection) {
     if (!forbidChange && !c.state.isLoading)
       c.setSelection(selection);
+    if (c.state.selectedData.length === c.state.items.length && c.state.items.length !== 0) {
+      c.state.isSelectedAll = true;
+    } else {
+      c.state.isSelectedAll = false;
+    }
   }
   const elSelection = vue.computed(() => {
     const items = [];
@@ -416,6 +421,13 @@ function useITableEvent(c) {
       }
     }
   );
+  function onSelectAll(selections) {
+    if (selections.length === c.state.items.length) {
+      c.state.isSelectedAll = true;
+    } else {
+      c.state.isSelectedAll = false;
+    }
+  }
   return {
     tableRef,
     onRowClick,
@@ -426,7 +438,8 @@ function useITableEvent(c) {
     handleHeaderCellClassName,
     cleanClick,
     cleanEnter,
-    cleanTab
+    cleanTab,
+    onSelectAll
   };
 }
 function useAppGridPagination(c) {

package/lib/control/grid/grid/grid.cjs

@@ -346,7 +346,8 @@ const GridControl = /* @__PURE__ */ vue.defineComponent({
       handleHeaderCellClassName,
       cleanClick = core.NOOP,
       cleanEnter = core.NOOP,
-      cleanTab = core.NOOP
+      cleanTab = core.NOOP,
+      onSelectAll
     } = gridControl_util.useITableEvent(c);
     const {
       pageSemantic,
@@ -581,7 +582,8 @@ const GridControl = /* @__PURE__ */ vue.defineComponent({
       handleRowClassName,
       renderBatchToolBar,
       renderDragIconColumn,
-      handleHeaderCellClassName
+      handleHeaderCellClassName,
+      onSelectAll
     };
   },
   render() {
@@ -612,6 +614,7 @@ const GridControl = /* @__PURE__ */ vue.defineComponent({
           "default-sort": this.defaultSort,
           "show-summary": this.c.enableAgg,
           "onSortChange": this.onSortChange,
+          "onSelectAll": this.onSelectAll,
           "onRowDblclick": this.onDbRowClick,
           "summary-method": this.summaryMethod,
           "onHeaderDragend": this.headerDragend,

package/lib/control/grid/grid-column/grid-field-column/grid-field-column.css

@@ -1 +1 @@
-.ibiz-grid-field-column{--ibiz-grid-field-column-cell-padding:var(--ibiz-control-grid-body-cell-padding);--ibiz-grid-field-column-clickable-text-color:var(--ibiz-control-grid-body-cell-link-color);--ibiz-grid-field-column-clickable-hover-text-color:var(--ibiz-control-grid-body-cell-link-hover-color);--ibiz-grid-field-column-color:var(--ibiz-control-grid-body-cell-text-color);--ibiz-grid-field-column-font-size:var(--ibiz-control-grid-body-cell-font-size);--ibiz-grid-field-column-font-weight:var(--ibiz-control-grid-body-cell-font-weight);display:inline-flex;align-items:center;justify-content:var(--ibiz-grid-column-justify-content);width:100%;height:100%;padding:var(--ibiz-grid-field-column-cell-padding)}.ibiz-grid-field-column__text{font-size:var(--ibiz-grid-field-column-font-size);font-weight:var(--ibiz-grid-field-column-font-weight);color:var(--ibiz-grid-field-column-color)}.ibiz-grid-field-column--clickable .ibiz-grid-field-column__text{color:var(--ibiz-grid-field-column-clickable-text-color)}.ibiz-grid-field-column--clickable .ibiz-grid-field-column__text:hover{color:var(--ibiz-grid-field-column-clickable-hover-text-color)}.ibiz-grid-field-column--clickable{cursor:pointer}.ibiz-grid-field-column--ellipsis{overflow:hidden}.ibiz-grid-field-column--ellipsis .ibiz-grid-field-column-text-container{min-width:0}.ibiz-grid-field-column--ellipsis .ibiz-grid-field-column-toolbar-container{flex-shrink:0}.ibiz-grid-field-column--ellipsis .ibiz-grid-field-column__script{max-height:calc(var(--ibiz-control-grid-content-row-height) - 2 * var(--ibiz-grid-field-column-cell-padding));line-height:calc(var(--ibiz-control-grid-content-row-height) - 2 * var(--ibiz-grid-field-column-cell-padding))}.ibiz-grid-field-column--ellipsis .ibiz-grid-field-column__script *{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-grid-field-column--ellipsis span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-grid-field-column--wrap{word-break:break-word;white-space:pre-wrap}.ibiz-grid-field-column.is-has-action{justify-content:space-between}.ibiz-grid-field-column-text-container{display:inline-flex;flex-grow:1;align-items:center;justify-content:var(--ibiz-grid-column-justify-content);height:100%}.ibiz-grid-field-column-toolbar-container .ibiz-action-toolbar__item:not(.ibiz-action-toolbar__item--level-250){display:none}.ibiz-grid-field-column-toolbar-container .ibiz-action-toolbar__separator{display:none}.ibiz-grid-field-column-toolbar-container .ibiz-action-toolbar__item.is-group{display:inline-flex;opacity:0}.el-table .el-table__body-wrapper tr:hover .ibiz-action-toolbar__item{display:inline-flex;opacity:1}.el-table .el-table__body-wrapper tr:hover .ibiz-action-toolbar__separator{display:inline-flex;opacity:1}.el-table .el-table__body-wrapper tr .ibiz-action-toolbar__item.is-expand{display:inline-flex;opacity:1}
+.ibiz-grid-field-column{--ibiz-grid-field-column-cell-padding:var(--ibiz-control-grid-body-cell-padding);--ibiz-grid-field-column-clickable-text-color:var(--ibiz-control-grid-body-cell-link-color);--ibiz-grid-field-column-clickable-hover-text-color:var(--ibiz-control-grid-body-cell-link-hover-color);--ibiz-grid-field-column-color:var(--ibiz-control-grid-body-cell-text-color);--ibiz-grid-field-column-font-size:var(--ibiz-control-grid-body-cell-font-size);--ibiz-grid-field-column-font-weight:var(--ibiz-control-grid-body-cell-font-weight);display:inline-flex;align-items:center;justify-content:var(--ibiz-grid-column-justify-content);width:100%;height:100%;padding:var(--ibiz-grid-field-column-cell-padding)}.ibiz-grid-field-column__text{font-size:var(--ibiz-grid-field-column-font-size);font-weight:var(--ibiz-grid-field-column-font-weight);color:var(--ibiz-grid-field-column-color)}.ibiz-grid-field-column--clickable .ibiz-grid-field-column__text{color:var(--ibiz-grid-field-column-clickable-text-color)}.ibiz-grid-field-column--clickable .ibiz-grid-field-column__text:hover{color:var(--ibiz-grid-field-column-clickable-hover-text-color)}.ibiz-grid-field-column--clickable{cursor:pointer}.ibiz-grid-field-column--ellipsis{overflow:hidden}.ibiz-grid-field-column--ellipsis .ibiz-grid-field-column-text-container{min-width:0}.ibiz-grid-field-column--ellipsis .ibiz-grid-field-column-toolbar-container{flex-shrink:0}.ibiz-grid-field-column--ellipsis .ibiz-grid-field-column__script{max-height:calc(var(--ibiz-control-grid-body-row-height) - 2 * var(--ibiz-grid-field-column-cell-padding));line-height:calc(var(--ibiz-control-grid-body-row-height) - 2 * var(--ibiz-grid-field-column-cell-padding))}.ibiz-grid-field-column--ellipsis .ibiz-grid-field-column__script *{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-grid-field-column--ellipsis span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-grid-field-column--wrap{word-break:break-word;white-space:pre-wrap}.ibiz-grid-field-column.is-has-action{justify-content:space-between}.ibiz-grid-field-column-text-container{display:inline-flex;flex-grow:1;align-items:center;justify-content:var(--ibiz-grid-column-justify-content);height:100%}.ibiz-grid-field-column-toolbar-container .ibiz-action-toolbar__item:not(.ibiz-action-toolbar__item--level-250){display:none}.ibiz-grid-field-column-toolbar-container .ibiz-action-toolbar__separator{display:none}.ibiz-grid-field-column-toolbar-container .ibiz-action-toolbar__item.is-group{display:inline-flex;opacity:0}.el-table .el-table__body-wrapper tr:hover .ibiz-action-toolbar__item{display:inline-flex;opacity:1}.el-table .el-table__body-wrapper tr:hover .ibiz-action-toolbar__separator{display:inline-flex;opacity:1}.el-table .el-table__body-wrapper tr .ibiz-action-toolbar__item.is-expand{display:inline-flex;opacity:1}

package/lib/control/map/map.cjs

@@ -71,6 +71,32 @@ const MapControl = /* @__PURE__ */ vue.defineComponent({
       semanticClass,
       semanticStyle
     } = vue3Util.useSemanticNode(c);
+    const childClass = [{
+      class: semanticClass("editor.content"),
+      selector: ".ibiz-control-map__map"
+    }, {
+      class: semanticClass("editor.goback"),
+      selector: ".ibiz-map-chart-user__goback"
+    }, {
+      class: semanticClass("editor.goback"),
+      selector: ".ibiz-map-chart__goback"
+    }, {
+      class: semanticClass("editor.fullscreen"),
+      selector: ".ibiz-map-chart-user__fullscreen"
+    }];
+    const childStyle = [{
+      style: semanticStyle("editor.content"),
+      selector: ".ibiz-control-map__map"
+    }, {
+      style: semanticStyle("editor.goback"),
+      selector: ".ibiz-map-chart-user__goback"
+    }, {
+      style: semanticStyle("editor.goback"),
+      selector: ".ibiz-map-chart__goback"
+    }, {
+      style: semanticStyle("editor.fullscreen"),
+      selector: ".ibiz-map-chart-user__fullscreen"
+    }];
     const mapOpts = vue.computed(() => {
       return {
         strAreaCode: c.state.strAreaCode,
@@ -84,6 +110,8 @@ const MapControl = /* @__PURE__ */ vue.defineComponent({
       mapRef,
       mapOpts,
       mapStyle,
+      childClass,
+      childStyle,
       semanticClass,
       semanticStyle
     };
@@ -101,15 +129,13 @@ const MapControl = /* @__PURE__ */ vue.defineComponent({
         "options": this.mapOpts,
         "areaData": state.areaData,
         "pointData": state.pointData,
-        "style": this.semanticStyle("content"),
-        "class": [this.ns.e("map"), this.semanticClass("content")]
+        "class": this.ns.e("map")
       }), null) : vue.createVNode(vue.resolveComponent("iBizMapChart"), vue.mergeProps(this.$attrs, {
         "controller": this.c,
         "options": this.mapOpts,
         "areaData": state.areaData,
         "pointData": state.pointData,
-        "style": this.semanticStyle("content"),
-        "class": [this.ns.e("map"), this.semanticClass("content")],
+        "class": this.ns.e("map"),
         "onPointClick": (e) => {
           this.c.onPointClick(e);
         },
@@ -121,7 +147,7 @@ const MapControl = /* @__PURE__ */ vue.defineComponent({
     return vue.createVNode(vue.resolveComponent("iBizControlNavigation"), {
       "controller": this.c
     }, {
-      default: () => [vue.createVNode(vue.resolveComponent("iBizControlBase"), {
+      default: () => [vue.withDirectives(vue.createVNode(vue.resolveComponent("iBizControlBase"), {
         "controller": this.c,
         "class": this.semanticClass("root"),
         "style": this.semanticStyle("root")
@@ -137,7 +163,7 @@ const MapControl = /* @__PURE__ */ vue.defineComponent({
           "name": "eye-off-outline",
           "onClick": () => this.c.onShowNavViewChange()
         }, null) : null]
-      })]
+      }), [[vue.resolveDirective("child-class"), this.childClass], [vue.resolveDirective("child-style"), this.childStyle]])]
     });
   }
 });

package/lib/editor/autocomplete/ibiz-autocomplete/ibiz-autocomplete.cjs

@@ -200,7 +200,7 @@ const IBizAutoComplete = /* @__PURE__ */ vue.defineComponent({
         state: c.groupActionState[detail.id]
       };
       return vue.createVNode("div", {
-        "class": [ns.e("action-item"), ns.be("popper", "item"), semanticClass("editor.popup.action", semanticParams), ns.is("disabled", c.groupActionState[detail.id].disabled)],
+        "class": [ns.e("action-item"), ns.be("popper", "action"), semanticClass("editor.popup.action", semanticParams), ns.is("disabled", c.groupActionState[detail.id].disabled)],
         "style": semanticStyle("editor.popup.action", semanticParams),
         "onClick": (event) => c.onActionClick(detail, props.data, event),
         "title": core.showTitle(detail.tooltip)
@@ -209,7 +209,7 @@ const IBizAutoComplete = /* @__PURE__ */ vue.defineComponent({
         "class": [ns.em("action-item", "icon"), semanticClass("editor.popup.action.icon", semanticParams)],
         "style": semanticStyle("editor.popup.action.icon", semanticParams)
       }, null), vue.createVNode("span", {
-        "class": [ns.em("action-item", "caption"), semanticClass("editor.popup.action.label", semanticParams)],
+        "class": [ns.em("action-item", "label"), ns.em("action-item", "caption"), semanticClass("editor.popup.action.label", semanticParams)],
         "style": semanticStyle("editor.popup.action.label", semanticParams)
       }, [detail.showCaption ? detail.caption : ""])]);
     };

package/lib/editor/autocomplete/ibiz-autocomplete/ibiz-autocomplete.css

@@ -1 +1 @@
-.ibiz-autocomplete{--ibiz-autocomplete-font-size:var(--ibiz-form-item-font-size);--ibiz-autocomplete-text-color:var(--ibiz-form-item-text-color);--ibiz-autocomplete-line-height:var(--ibiz-form-item-line-height);--ibiz-autocomplete-empty-bg-color:var(--ibiz-color-bg-3);--ibiz-autocomplete-readonly-color:var(--ibiz-form-item-readonly-color);--ibiz-autocomplete-hover-edit-padding:var(--ibiz-form-item-hover-edit-padding);--ibiz-autocomplete-action-text-color:var(--ibiz-color-link);width:100%}.ibiz-autocomplete__transfer-item.is-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-autocomplete__action-item{color:var(--ibiz-autocomplete-action-text-color);text-align:center}.ibiz-autocomplete__empty{padding:0;--ibiz-no-data-min-height:100px;--el-empty-image-width:100px}.ibiz-autocomplete__suffix{cursor:pointer;visibility:inherit;transition:var(--el-transition-duration);transform:rotate(0)}.ibiz-autocomplete__suffix.is-reverse{transform:rotate(-180deg)}.ibiz-autocomplete__transfer{--ibiz-autocomplete-font-size:var(--ibiz-form-item-font-size);--ibiz-autocomplete-text-color:var(--ibiz-form-item-text-color);--ibiz-autocomplete-line-height:var(--ibiz-form-item-line-height);--ibiz-autocomplete-empty-bg-color:var(--ibiz-color-bg-3);--ibiz-autocomplete-readonly-color:var(--ibiz-form-item-readonly-color);--ibiz-autocomplete-hover-edit-padding:var(--ibiz-form-item-hover-edit-padding)}.ibiz-autocomplete__transfer.is-empty .el-autocomplete-suggestion li{padding:0}.ibiz-autocomplete__transfer.is-empty .ibiz-no-data{background-color:var(--ibiz-autocomplete-empty-bg-color)}.ibiz-autocomplete .ibiz-autocomplete-input{width:100%}.ibiz-autocomplete--readonly{font-size:var(--ibiz-autocomplete-font-size);line-height:var(--ibiz-autocomplete-line-height);color:var(--ibiz-autocomplete-readonly-color)}.ibiz-autocomplete .el-autocomplete{vertical-align:middle}.ibiz-autocomplete-form-default-content{display:none}.ibiz-form-item .ibiz-autocomplete.is-show-default:hover .ibiz-autocomplete-form-default-content{display:none}.ibiz-form-item .ibiz-autocomplete.is-show-default:hover .ibiz-autocomplete-input{display:block}.ibiz-form-item .ibiz-autocomplete.is-show-default .ibiz-autocomplete-form-default-content{display:flex;align-items:center;width:100%;padding:var(--ibiz-autocomplete-hover-edit-padding);font-family:Arial,sans-serif;font-size:var(--ibiz-autocomplete-font-size);line-height:var(--ibiz-autocomplete-line-height);color:var(--ibiz-autocomplete-text-color)}.ibiz-form-item .ibiz-autocomplete.is-show-default .ibiz-autocomplete-input{display:none}.ibiz-form-item .ibiz-autocomplete.is-show-default.is-editable .ibiz-autocomplete-form-default-content{display:none}.ibiz-form-item .ibiz-autocomplete.is-show-default.is-editable .ibiz-autocomplete-input{display:block}
+.ibiz-autocomplete{--ibiz-autocomplete-font-size:var(--ibiz-form-item-font-size);--ibiz-autocomplete-text-color:var(--ibiz-form-item-text-color);--ibiz-autocomplete-line-height:var(--ibiz-form-item-line-height);--ibiz-autocomplete-empty-bg-color:var(--ibiz-color-bg-3);--ibiz-autocomplete-readonly-color:var(--ibiz-form-item-readonly-color);--ibiz-autocomplete-disabled-color:var(--ibiz-form-item-disabled-color);--ibiz-autocomplete-hover-edit-padding:var(--ibiz-form-item-hover-edit-padding);--ibiz-autocomplete-action-text-color:var(--ibiz-color-link);width:100%}.ibiz-autocomplete__transfer-item.is-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-autocomplete__action-item{display:flex;align-items:center;justify-content:center;color:var(--ibiz-autocomplete-action-text-color)}.ibiz-autocomplete__action-item--icon{margin-right:var(--ibiz-spacing-extra-tight)}.ibiz-autocomplete__action-item.is-disabled{color:var(--ibiz-autocomplete-disabled-color);cursor:not-allowed}.ibiz-autocomplete__empty{padding:0;--ibiz-no-data-min-height:100px;--el-empty-image-width:100px}.ibiz-autocomplete__suffix{cursor:pointer;visibility:inherit;transition:var(--el-transition-duration);transform:rotate(0)}.ibiz-autocomplete__suffix.is-reverse{transform:rotate(-180deg)}.ibiz-autocomplete__transfer{--ibiz-autocomplete-font-size:var(--ibiz-form-item-font-size);--ibiz-autocomplete-text-color:var(--ibiz-form-item-text-color);--ibiz-autocomplete-line-height:var(--ibiz-form-item-line-height);--ibiz-autocomplete-empty-bg-color:var(--ibiz-color-bg-3);--ibiz-autocomplete-readonly-color:var(--ibiz-form-item-readonly-color);--ibiz-autocomplete-disabled-color:var(--ibiz-form-item-disabled-color);--ibiz-autocomplete-hover-edit-padding:var(--ibiz-form-item-hover-edit-padding);--ibiz-autocomplete-action-text-color:var(--ibiz-color-link)}.ibiz-autocomplete__transfer.is-empty .el-autocomplete-suggestion li{padding:0}.ibiz-autocomplete__transfer.is-empty .ibiz-no-data{background-color:var(--ibiz-autocomplete-empty-bg-color)}.ibiz-autocomplete .ibiz-autocomplete-input{width:100%}.ibiz-autocomplete--readonly{font-size:var(--ibiz-autocomplete-font-size);line-height:var(--ibiz-autocomplete-line-height);color:var(--ibiz-autocomplete-readonly-color)}.ibiz-autocomplete .el-autocomplete{vertical-align:middle}.ibiz-autocomplete-form-default-content{display:none}.ibiz-form-item .ibiz-autocomplete.is-show-default:hover .ibiz-autocomplete-form-default-content{display:none}.ibiz-form-item .ibiz-autocomplete.is-show-default:hover .ibiz-autocomplete-input{display:block}.ibiz-form-item .ibiz-autocomplete.is-show-default .ibiz-autocomplete-form-default-content{display:flex;align-items:center;width:100%;padding:var(--ibiz-autocomplete-hover-edit-padding);font-family:Arial,sans-serif;font-size:var(--ibiz-autocomplete-font-size);line-height:var(--ibiz-autocomplete-line-height);color:var(--ibiz-autocomplete-text-color)}.ibiz-form-item .ibiz-autocomplete.is-show-default .ibiz-autocomplete-input{display:none}.ibiz-form-item .ibiz-autocomplete.is-show-default.is-editable .ibiz-autocomplete-form-default-content{display:none}.ibiz-form-item .ibiz-autocomplete.is-show-default.is-editable .ibiz-autocomplete-input{display:block}

package/lib/editor/color-picker/ibiz-color-mpicker-default/ibiz-color-mpicker-default.cjs

@@ -134,7 +134,7 @@ const IBizColorMPickerDefault = /* @__PURE__ */ vue.defineComponent({
     };
   },
   render() {
-    var _a, _b;
+    var _a, _b, _c, _d, _e, _f;
     return vue.withDirectives(vue.createVNode("div", {
       "style": (_a = this.semanticStyle) == null ? void 0 : _a.call(this, "editor.root"),
       "class": [this.ns.b(), (_b = this.semanticClass) == null ? void 0 : _b.call(this, "editor.root")]
@@ -142,7 +142,8 @@ const IBizColorMPickerDefault = /* @__PURE__ */ vue.defineComponent({
       "modelValue": this.curType,
       "onUpdate:modelValue": ($event) => this.curType = $event,
       "class": this.ns.b("picker"),
-      "popper-class": this.ns.b("popper"),
+      "popper-class": [this.ns.b("popper"), (_c = this.semanticClass) == null ? void 0 : _c.call(this, "editor.popup")],
+      "popper-style": (_d = this.semanticStyle) == null ? void 0 : _d.call(this, "editor.popup"),
       "onChange": this.handleSchemeChange
     }, {
       default: () => {
@@ -163,7 +164,8 @@ const IBizColorMPickerDefault = /* @__PURE__ */ vue.defineComponent({
       }
     }), this.showTemplateList && vue.createVNode(vue.resolveComponent("el-select"), {
       "class": this.ns.b("template-color-picker"),
-      "popper-class": this.ns.b("popper"),
+      "popper-class": [this.ns.b("popper"), (_e = this.semanticClass) == null ? void 0 : _e.call(this, "editor.popup")],
+      "popper-style": (_f = this.semanticStyle) == null ? void 0 : _f.call(this, "editor.popup"),
       "modelValue": this.curTemplateColor,
       "onUpdate:modelValue": ($event) => this.curTemplateColor = $event,
       "onChange": this.handleTemplateColorChange

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

@@ -367,7 +367,7 @@ const IBizMPicker = /* @__PURE__ */ vue.defineComponent({
           "value": "DEUIACTION-".concat(item.id),
           "disabled": c.groupActionState[item.id].disabled,
           "title": core.showTitle(isEllipsis ? item.tooltip : ""),
-          "class": [ns.be("popper", "item"), semanticClass("editor.popup.action")],
+          "class": [ns.be("popper", "action"), semanticClass("editor.popup.action")],
           "style": semanticStyle("editor.popup.action")
         }, {
           default: () => vue.createVNode("div", {
@@ -381,7 +381,7 @@ const IBizMPicker = /* @__PURE__ */ vue.defineComponent({
             "class": [ns.em("action-item", "icon"), semanticClass("editor.popup.action.icon", semanticParams)],
             "style": semanticStyle("editor.popup.action.icon", semanticParams)
           }, null), vue.createVNode("span", {
-            "class": [ns.em("action-item", "caption"), semanticClass("editor.popup.action.label", semanticParams)],
+            "class": [ns.em("action-item", "caption"), ns.em("action-item", "label"), semanticClass("editor.popup.action.label", semanticParams)],
             "style": semanticStyle("editor.popup.action.label", semanticParams)
           }, [item.showCaption ? item.caption : ""])])
         });

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

@@ -342,7 +342,7 @@ const IBizPicker = /* @__PURE__ */ vue.defineComponent({
       };
       return vue.createVNode("div", {
         "title": core.showTitle(detail.tooltip),
-        "class": [ns.e("action-item"), ns.be("popper", "item"), semanticClass("editor.popup.action", semanticParams), ns.is("disabled", c.groupActionState[detail.id].disabled)],
+        "class": [ns.e("action-item"), ns.be("popper", "action"), semanticClass("editor.popup.action", semanticParams), ns.is("disabled", c.groupActionState[detail.id].disabled)],
         "style": semanticStyle("editor.popup.action", semanticParams),
         "onClick": (event) => {
           if (!c.groupActionState[detail.id].disabled)
@@ -353,7 +353,7 @@ const IBizPicker = /* @__PURE__ */ vue.defineComponent({
         "class": [ns.em("action-item", "icon"), semanticClass("editor.popup.action.icon", semanticParams)],
         "style": semanticStyle("editor.popup.action.icon", semanticParams)
       }, null), vue.createVNode("span", {
-        "class": [ns.em("action-item", "caption"), semanticClass("editor.popup.action.label", semanticParams)],
+        "class": [ns.em("action-item", "label"), ns.em("action-item", "caption"), semanticClass("editor.popup.action.label", semanticParams)],
         "style": semanticStyle("editor.popup.action.label", semanticParams)
       }, [detail.showCaption ? detail.caption : ""])]);
     };