@ibiz-template/vue3-components 0.5.0 → 0.5.1-dev.0

package/es/common/action-toolbar/action-toolbar.mjs

@@ -62,7 +62,7 @@ const IBizActionToolbar = /* @__PURE__ */ defineComponent({
       const {
         actionLevel
       } = item;
-      return [ns.e("item"), ns.is("disabled", false), ns.em("item", `level-${actionLevel}`)];
+      return [ns.e("item"), ns.is("disabled", false), ns.em("item", "level-".concat(actionLevel))];
     };
     return {
       ns,

package/es/common/data-import/data-import.mjs

@@ -82,9 +82,9 @@ const DataImport = /* @__PURE__ */ defineComponent({
     };
     const onLinkClick = async () => {
       var _a, _b;
-      let templateUrl = `${props.appDataEntity.codeName2.toLowerCase()}/importtemplate`;
+      let templateUrl = "".concat(props.appDataEntity.codeName2.toLowerCase(), "/importtemplate");
       if ((_a = props.dataImport) == null ? void 0 : _a.codeName) {
-        templateUrl += `?srfimporttag=${props.dataImport.codeName}`;
+        templateUrl += "?srfimporttag=".concat(props.dataImport.codeName);
       }
       const res = await ibiz.net.request(templateUrl, {
         responseType: "blob"

package/es/common/data-import2/data-import2.mjs

@@ -11,9 +11,9 @@ function _isSlot(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
 }
 async function importMapping(method, id, data) {
-  let url = `extension/import_schemas`;
+  let url = "extension/import_schemas";
   if (id) {
-    url = `${url}/${id}`;
+    url = "".concat(url, "/").concat(id);
   }
   const res = await ibiz.net.request(url, {
     method,
@@ -131,7 +131,7 @@ const DataImport2 = /* @__PURE__ */ defineComponent({
         const data = {
           // schame_tag: '', // 导入模式标记 不传
           // id: '', // 导入模式标识 也不用传
-          name: `${fileName.value.split(".")[0]}|${(/* @__PURE__ */ new Date()).toLocaleString()}`,
+          name: "".concat(fileName.value.split(".")[0], "|").concat((/* @__PURE__ */ new Date()).toLocaleString()),
           // 导入模式名称 按照导入的名称|时间来生成
           // order_value: '', // 排序值  也不用传
           fields,
@@ -183,7 +183,7 @@ const DataImport2 = /* @__PURE__ */ defineComponent({
             id = data.id;
           }
           const dataEntityTag = props.appDataEntity.codeName2;
-          const url = `${dataEntityTag}/asyncimportdata2?srfimporttag=${props.appDataEntity.defaultAppDEDataImportId}&srfossfileid=${fileid}&srfimportschemaid=${id}`;
+          const url = "".concat(dataEntityTag, "/asyncimportdata2?srfimporttag=").concat(props.appDataEntity.defaultAppDEDataImportId, "&srfossfileid=").concat(fileid, "&srfimportschemaid=").concat(id);
           await ibiz.net.request(url, {
             method: "get"
           });
@@ -245,10 +245,10 @@ const DataImport2 = /* @__PURE__ */ defineComponent({
       columnMappingListQuery();
     });
     const headers = ref({
-      Authorization: `Bearer ${getCookie(CoreConst.TOKEN)}`
+      Authorization: "Bearer ".concat(getCookie(CoreConst.TOKEN))
     });
     const UploadUrl = computed(() => {
-      let uploadUrl = `${ibiz.env.baseUrl}/${ibiz.env.appId}${ibiz.env.uploadFileUrl}/temp`;
+      let uploadUrl = "".concat(ibiz.env.baseUrl, "/").concat(ibiz.env.appId).concat(ibiz.env.uploadFileUrl, "/temp");
       uploadUrl += qs.stringify({
         preview: true
       }, {
@@ -284,7 +284,7 @@ const DataImport2 = /* @__PURE__ */ defineComponent({
           }
           columnMap.clear();
           previewinfo.value[0].forEach((item, index) => {
-            columnMap.set(`${item}-${index}`, {
+            columnMap.set("".concat(item, "-").concat(index), {
               name: "",
               index,
               caption: item

package/es/common/data-import2-table/data-import2-table.mjs

@@ -38,11 +38,11 @@ const DataImport2Table = /* @__PURE__ */ defineComponent({
       let _slot;
       const change = (item) => {
         emit("selectValuesChange", index, item);
-        const data = props.columnMap.get(`${itemx}-${index}`);
+        const data = props.columnMap.get("".concat(itemx, "-").concat(index));
         if (data) {
           data.name = item;
         }
-        emit("columnMapChange", `${itemx}-${index}`, data);
+        emit("columnMapChange", "".concat(itemx, "-").concat(index), data);
         emit("columnMappingSaveChange", false);
       };
       return createVNode(resolveComponent("el-select"), {

package/es/common/extend-action-timeline/extend-action-timeline.mjs

@@ -156,7 +156,7 @@ const IBizExtendActionTimeLine = /* @__PURE__ */ defineComponent({
           "class": ns.be("task", "bottom")
         }, [createVNode("div", {
           "class": ns.be("task", "full-message")
-        }, [task.fullMessage ? `${ibiz.i18n.t("component.extendActionTimeLine.comments")}\uFF1A ${task.fullMessage}` : task.fullMessage])]), task.tasks && task.tasks.length >= 1 && createVNode("div", {
+        }, [task.fullMessage ? "".concat(ibiz.i18n.t("component.extendActionTimeLine.comments"), "\uFF1A ").concat(task.fullMessage) : task.fullMessage])]), task.tasks && task.tasks.length >= 1 && createVNode("div", {
           "class": ns.be("task", "trigger"),
           "on-click": () => {
             changeExpand(task);

package/es/common/map-chart/map-chart.mjs

@@ -124,7 +124,7 @@ const IBizMapChart = /* @__PURE__ */ defineComponent({
               disabled: true
             },
             data: areaData2.map((item) => ({
-              name: `${item._areaCode}`,
+              name: "".concat(item._areaCode),
               value: item._value,
               _id: item._id
             }))
@@ -162,7 +162,7 @@ const IBizMapChart = /* @__PURE__ */ defineComponent({
             data: pointData2.map((item) => {
               return {
                 _id: item._id,
-                symbol: item._symbol ? `image://${item._symbol}` : void 0,
+                symbol: item._symbol ? "image://".concat(item._symbol) : void 0,
                 value: [Number(item._longitude), Number(item._latitude)],
                 // 每个点逃离visualMap
                 visualMap: false

package/es/common/map-chart/map-json.mjs

@@ -1,7 +1,7 @@
 "use strict";
 async function getJsonUrl(baseUrl, code) {
   const res = await ibiz.net.axios({
-    url: `${baseUrl}/${code}.json`
+    url: "".concat(baseUrl, "/").concat(code, ".json")
   });
   return res.data;
 }

package/es/common/map-chart/map-manager.mjs

@@ -44,10 +44,10 @@ function useMapManager(opts, calcEchartsOpts, emit) {
   const changeMap = async (name, isInit = false) => {
     if (!isInit) {
       emit("mapChange", {
-        areaCode: opts.value.strAreaCode ? `${name}` : Number(name)
+        areaCode: opts.value.strAreaCode ? "".concat(name) : Number(name)
       });
     }
-    const strName = `${name}`;
+    const strName = "".concat(name);
     if (!mapInfos.has(strName)) {
       await registerMap$1(strName);
     }

package/es/common/rawitem/rawitem.mjs

@@ -93,7 +93,7 @@ const IBizRawItem = /* @__PURE__ */ defineComponent({
           let rawConfig = {};
           try {
             if (typeof rawItemContent.value === "string") {
-              const func = new Function(`return (${rawItemContent.value});`);
+              const func = new Function("return (".concat(rawItemContent.value, ");"));
               rawConfig = func();
               switch (rawItemType.value) {
                 case "VIDEO":

package/es/common/split/split.mjs

@@ -56,13 +56,13 @@ const IBizSplit = /* @__PURE__ */ defineComponent({
     };
     const getMax = (value1, value2) => {
       if (valueIsPx.value)
-        return `${Math.max(parseFloat(value1), parseFloat(value2))}px`;
+        return "".concat(Math.max(parseFloat(value1), parseFloat(value2)), "px");
       return Math.max(value1, value2);
     };
     const getAnotherOffset = (value) => {
       let res = 0;
       if (valueIsPx.value)
-        res = `${outerWrapper.value[offsetSize.value] - parseFloat(value)}px`;
+        res = "".concat(outerWrapper.value[offsetSize.value] - parseFloat(value), "px");
       else
         res = 1 - value;
       return res;
@@ -71,7 +71,7 @@ const IBizSplit = /* @__PURE__ */ defineComponent({
       const pageOffset = isHorizontal.value ? e.pageX : e.pageY;
       const moveOffset = pageOffset - initOffset.value;
       const outerWidth = outerWrapper.value[offsetSize.value];
-      let value = valueIsPx.value ? `${parseFloat(oldOffset.value) + moveOffset}px` : px2percent(outerWidth * oldOffset.value + moveOffset, outerWidth);
+      let value = valueIsPx.value ? "".concat(parseFloat(oldOffset.value) + moveOffset, "px") : px2percent(outerWidth * oldOffset.value + moveOffset, outerWidth);
       const anotherValue = getAnotherOffset(value);
       if (parseFloat(value) <= parseFloat(computedMin.value)) {
         value = getMax(value, computedMin.value);
@@ -142,12 +142,12 @@ const IBizSplit = /* @__PURE__ */ defineComponent({
       "class": this.ns.m("horizontal")
     }, [createVNode("div", {
       "style": {
-        right: `${this.anotherOffset}%`
+        right: "".concat(this.anotherOffset, "%")
       },
       "class": [this.paneClasses, this.ns.bm("pane", "left")]
     }, [(_b = (_a = this.$slots).left) == null ? void 0 : _b.call(_a)]), createVNode("div", {
       "style": {
-        left: `${this.offset}%`
+        left: "".concat(this.offset, "%")
       },
       "class": this.ns.b("trigger-con"),
       "onMousedown": (e) => this.handleMousedown(e)
@@ -155,19 +155,19 @@ const IBizSplit = /* @__PURE__ */ defineComponent({
       "mode": "vertical"
     }, null)]), createVNode("div", {
       "style": {
-        left: `${this.offset}%`
+        left: "".concat(this.offset, "%")
       },
       "class": [this.paneClasses, this.ns.bm("pane", "right")]
     }, [(_f = (_e = this.$slots).right) == null ? void 0 : _f.call(_e)])]) : createVNode("div", {
       "class": this.ns.m("vertical")
     }, [createVNode("div", {
       "style": {
-        bottom: `${this.anotherOffset}%`
+        bottom: "".concat(this.anotherOffset, "%")
       },
       "class": [this.paneClasses, this.ns.bm("pane", "top")]
     }, [(_h = (_g = this.$slots).top) == null ? void 0 : _h.call(_g)]), createVNode("div", {
       "style": {
-        top: `${this.offset}%`
+        top: "".concat(this.offset, "%")
       },
       "class": this.ns.b("trigger-con"),
       "onMousedown": (e) => this.handleMousedown(e)
@@ -175,7 +175,7 @@ const IBizSplit = /* @__PURE__ */ defineComponent({
       "mode": "horizontal"
     }, null)]), createVNode("div", {
       "style": {
-        top: `${this.offset}%`
+        top: "".concat(this.offset, "%")
       },
       "class": [this.paneClasses, this.ns.bm("pane", "bottom")]
     }, [(_l = (_k = this.$slots).bottom) == null ? void 0 : _l.call(_k)])])]);

package/es/common/split-trigger/split-trigger.mjs

@@ -28,7 +28,7 @@ const IBizSplitTrigger = /* @__PURE__ */ defineComponent({
       "class": this.barConClasses
     }, [this.items.map((_item, i) => createVNode("i", {
       "class": this.ns.b("bar"),
-      "key": `trigger-${i}`
+      "key": "trigger-".concat(i)
     }, null))])]);
   }
 });

package/es/control/app-menu/app-menu.css

@@ -1 +1 @@
-@charset "UTF-8";.ibiz-control-appmenu{position:relative;width:100%;height:100%;--ibiz-control-appmenu-collapse-item-hover-color:var(--ibiz-color-primary);--ibiz-control-appmenu-collapse-item-padding:var(--ibiz-spacing-base);--ibiz-control-appmenu-icon-width:var(--ibiz-width-icon-large);--ibiz-control-appmenu-icon-height:var(--ibiz-width-icon-large);--ibiz-control-appmenu-icon-margin:0 10px 0 0;--ibiz-control-appmenu-collapse-height:var(--ibiz-spacing-super-loose);--ibiz-control-appmenu-item-selected-color:var(--ibiz-color-text-1);--ibiz-control-appmenu-item-selected-bg-color:var(--ibiz-color-primary-active);--ibiz-control-appmenu-item-hover-color:var(--ibiz-color-text-0);--ibiz-control-appmenu-item-hover-bg-color:var(--ibiz-color-primary-hover);--ibiz-control-appmenu-item-padding:var(--ibiz-spacing-base-tight);--ibiz-control-appmenu-item-border-radius:var(--ibiz-border-radius-small);--ibiz-control-appmenu-item-font-size:var(--ibiz-font-size-header-6);--ibiz-control-appmenu-item-height:40px;--ibiz-control-appmenu-item-color:var(--ibiz-color-text-0);--ibiz-control-appmenu-item-horizontal-selected-color:var(--ibiz-color-white);--ibiz-control-appmenu-item-horizontal-selected-bg-color:var(--ibiz-color-primary-active);--ibiz-control-appmenu-item-horizontal-hover-color:var(--ibiz-color-white);--ibiz-control-appmenu-item-horizontal-hover-bg-color:var(--ibiz-color-primary-hover);--ibiz-control-appmenu-item-horizontal-color:var(--ibiz-color-white);--ibiz-control-appmenu-item-horizontal-font-size:var(--ibiz-font-size-header-6);--ibiz-control-appmenu-item-horizontal-height:32px;--ibiz-control-appmenu-item-horizontal-border-radius:var(--ibiz-border-radius-small);--ibiz-control-appmenu-item-horizontal-padding:0 var(--ibiz-spacing-base);--ibiz-control-appmenu-item-horizontal-padding-right:var(--ibiz-spacing-super-loose);--ibiz-control-appmenu-item-horizontal-popup-height:40px}.ibiz-control-appmenu>.el-menu{height:100%;padding:0 var(--ibiz-spacing-tight);overflow-y:auto;border-right:0}.ibiz-control-appmenu .el-sub-menu .el-sub-menu__icon-arrow{right:14px;width:12px}.ibiz-control-appmenu .el-sub-menu .el-menu-item{padding:calc(var(--ibiz-control-appmenu-item-padding) * .875) calc(var(--ibiz-control-appmenu-item-padding) * 2.5)}.ibiz-control-appmenu .el-menu--vertical{width:100%}.ibiz-control-appmenu .el-menu--vertical .el-menu-item,.ibiz-control-appmenu .el-menu--vertical .el-sub-menu__title{display:flex;align-items:center;justify-content:flex-start;--el-menu-base-level-padding:var(--ibiz-control-appmenu-item-padding);width:100%;height:var(--ibiz-control-appmenu-item-height);font-size:var(--ibiz-control-appmenu-item-font-size);color:var(--ibiz-control-appmenu-item-color);white-space:nowrap;border-radius:var(--ibiz-control-appmenu-item-border-radius)}.ibiz-control-appmenu .el-menu--vertical .el-menu-item.is-active,.ibiz-control-appmenu .el-menu--vertical .el-sub-menu__title.is-active{color:var(--ibiz-control-appmenu-item-selected-color)!important;background-color:var(--ibiz-control-appmenu-item-selected-bg-color)}.ibiz-control-appmenu .el-menu--vertical .el-menu-item:hover,.ibiz-control-appmenu .el-menu--vertical .el-sub-menu__title:hover{color:var(--ibiz-control-appmenu-item-hover-color);background-color:var(--ibiz-control-appmenu-item-hover-bg-color)}.ibiz-control-appmenu .el-menu--horizontal{align-items:center;height:100%;background-color:transparent;border-bottom:none}.ibiz-control-appmenu .el-menu--horizontal>*+*{margin-left:16px}.ibiz-control-appmenu .el-menu--horizontal .el-menu-item,.ibiz-control-appmenu .el-menu--horizontal .el-sub-menu__title{height:var(--ibiz-control-appmenu-item-horizontal-height);padding:var(--ibiz-control-appmenu-item-horizontal-padding);font-size:var(--ibiz-control-appmenu-item-horizontal-font-size);line-height:var(--ibiz-control-appmenu-item-horizontal-height);color:var(--ibiz-control-appmenu-item-horizontal-color);white-space:nowrap;border:none;border-radius:var(--ibiz-control-appmenu-item-horizontal-border-radius)}.ibiz-control-appmenu .el-menu--horizontal .el-menu-item.is-active,.ibiz-control-appmenu .el-menu--horizontal .el-sub-menu__title.is-active{color:var(--ibiz-control-appmenu-item-horizontal-color)!important;background-color:transparent}.ibiz-control-appmenu .el-menu--horizontal .el-menu-item:hover,.ibiz-control-appmenu .el-menu--horizontal .el-sub-menu__title:hover{color:var(--ibiz-control-appmenu-item-horizontal-hover-color);background-color:var(--ibiz-control-appmenu-item-horizontal-hover-bg-color)}.ibiz-control-appmenu .el-menu--horizontal .el-menu-item .el-sub-menu__icon-arrow,.ibiz-control-appmenu .el-menu--horizontal .el-sub-menu__title .el-sub-menu__icon-arrow{position:absolute;top:50%;right:16px}.ibiz-control-appmenu .el-menu--horizontal .el-sub-menu__title{padding-right:var(--ibiz-control-appmenu-item-horizontal-padding-right)}.ibiz-control-appmenu .el-menu--horizontal>.el-sub-menu.is-active .el-sub-menu__title{color:var(--ibiz-control-appmenu-item-horizontal-selected-color);background-color:transparent}.ibiz-control-appmenu .el-menu--horizontal>.el-sub-menu:hover .el-sub-menu__title{color:var(--ibiz-control-appmenu-item-horizontal-hover-color);background-color:var(--ibiz-control-appmenu-item-horizontal-hover-bg-color)}.ibiz-control-appmenu .el-menu--horizontal::-webkit-scrollbar-thumb{background-color:var(--ibiz-color-white)}.ibiz-control-appmenu__icon{display:flex;align-items:center;justify-content:center;width:var(--ibiz-control-appmenu-icon-width);height:var(--ibiz-control-appmenu-icon-height);margin:var(--ibiz-control-appmenu-icon-margin)}.ibiz-control-appmenu.is-collapse .ibiz-control-appmenu__icon{margin:0}.ibiz-control-appmenu.is-collapse .ibiz-control-appmenu__item{display:flex;align-items:center;justify-content:center;padding:0;margin-bottom:var(--ibiz-spacing-tight)}.ibiz-control-appmenu.is-collapse .ibiz-control-appmenu-tooltip{width:100%}.ibiz-control-appmenu.is-collapse .ibiz-control-appmenu-submenu{display:block}.ibiz-control-appmenu.is-collapse .ibiz-control-appmenu-submenu>.el-sub-menu__title{display:flex;align-items:center;justify-content:center;display:flex;align-items:center;justify-content:center;padding:0;margin-bottom:var(--ibiz-spacing-tight);white-space:nowrap;cursor:pointer}.ibiz-control-appmenu.is-collapse .ibiz-control-appmenu-submenu .ibiz-control-appmenu-submenu__item{padding:0}.ibiz-control-appmenu.is-show-collapse>.el-menu{height:calc(100% - var(--ibiz-control-appmenu-collapse-height))}.ibiz-control-appmenu .ibiz-control-appmenu__counter{position:absolute;top:50%;right:5px;height:20px;padding:0 6px;line-height:initial;color:#fff;background-color:#f56c6c;border-radius:10px;transform:translateY(-50%)}.ibiz-control-appmenu-popup-container.el-menu--popup-container{--ibiz-control-appmenu-collapse-item-hover-color:var(--ibiz-color-primary);--ibiz-control-appmenu-collapse-item-padding:var(--ibiz-spacing-base);--ibiz-control-appmenu-icon-width:var(--ibiz-width-icon-large);--ibiz-control-appmenu-icon-height:var(--ibiz-width-icon-large);--ibiz-control-appmenu-icon-margin:0 10px 0 0;--ibiz-control-appmenu-collapse-height:var(--ibiz-spacing-super-loose);--ibiz-control-appmenu-item-selected-color:var(--ibiz-color-text-1);--ibiz-control-appmenu-item-selected-bg-color:var(--ibiz-color-primary-active);--ibiz-control-appmenu-item-hover-color:var(--ibiz-color-text-0);--ibiz-control-appmenu-item-hover-bg-color:var(--ibiz-color-primary-hover);--ibiz-control-appmenu-item-padding:var(--ibiz-spacing-base-tight);--ibiz-control-appmenu-item-border-radius:var(--ibiz-border-radius-small);--ibiz-control-appmenu-item-font-size:var(--ibiz-font-size-header-6);--ibiz-control-appmenu-item-height:40px;--ibiz-control-appmenu-item-color:var(--ibiz-color-text-0);--ibiz-control-appmenu-item-horizontal-selected-color:var(--ibiz-color-white);--ibiz-control-appmenu-item-horizontal-selected-bg-color:var(--ibiz-color-primary-active);--ibiz-control-appmenu-item-horizontal-hover-color:var(--ibiz-color-white);--ibiz-control-appmenu-item-horizontal-hover-bg-color:var(--ibiz-color-primary-hover);--ibiz-control-appmenu-item-horizontal-color:var(--ibiz-color-white);--ibiz-control-appmenu-item-horizontal-font-size:var(--ibiz-font-size-header-6);--ibiz-control-appmenu-item-horizontal-height:32px;--ibiz-control-appmenu-item-horizontal-border-radius:var(--ibiz-border-radius-small);--ibiz-control-appmenu-item-horizontal-padding:0 var(--ibiz-spacing-base);--ibiz-control-appmenu-item-horizontal-padding-right:var(--ibiz-spacing-super-loose);--ibiz-control-appmenu-item-horizontal-popup-height:40px;border:none;box-shadow:var(--ibiz-shadow-elevated)}.ibiz-control-appmenu-popup-container.el-menu--popup-container .el-menu--popup{padding:var(--ibiz-spacing-extra-tight);background-color:var(--ibiz-color-primary)}.ibiz-control-appmenu-popup-container.el-menu--popup-container .el-menu--popup .el-menu-item,.ibiz-control-appmenu-popup-container.el-menu--popup-container .el-menu--popup .el-sub-menu__title{display:flex;align-items:center;justify-content:flex-start;width:100%;height:var(--ibiz-control-appmenu-item-horizontal-popup-height);font-size:var(--ibiz-control-appmenu-item-font-size);color:var(--ibiz-control-appmenu-item-horizontal-color);white-space:nowrap;border-radius:var(--ibiz-control-appmenu-item-horizontal-border-radius)}.ibiz-control-appmenu-popup-container.el-menu--popup-container .el-menu--popup .el-menu-item.is-active,.ibiz-control-appmenu-popup-container.el-menu--popup-container .el-menu--popup .el-sub-menu__title.is-active{color:var(--ibiz-control-appmenu-item-horizontal-selected-color);background-color:transparent}.ibiz-control-appmenu-popup-container.el-menu--popup-container .el-menu--popup .el-menu-item:hover,.ibiz-control-appmenu-popup-container.el-menu--popup-container .el-menu--popup .el-sub-menu__title:hover{color:var(--ibiz-control-appmenu-item-horizontal-selected-color);background-color:var(--ibiz-control-appmenu-item-hover-bg-color)}.ibiz-control-appmenu-popup-container.el-menu--popup-container .el-menu--popup .el-menu-item .el-icon,.ibiz-control-appmenu-popup-container.el-menu--popup-container .el-menu--popup .el-sub-menu__title .el-icon{display:none}.ibiz-control-appmenu .ibiz-control-appmenu-collapse-icon{position:absolute;right:var(--ibiz-spacing-base-tight);bottom:var(--ibiz-spacing-tight);font-size:var(--ibiz-font-size-header-5);cursor:pointer}.ibiz-control-appmenu .ibiz-control-appmenu-collapse-icon.is-collapse{transform:rotate(180deg)}.ibiz-control-appmenu.is-collapse .ibiz-control-appmenu-collapse-icon{right:0;width:100%;text-align:center}
+@charset "UTF-8";.ibiz-control-appmenu{position:relative;width:100%;height:100%;--ibiz-control-appmenu-collapse-item-hover-color:var(--ibiz-color-primary);--ibiz-control-appmenu-collapse-item-padding:var(--ibiz-spacing-base);--ibiz-control-appmenu-icon-width:var(--ibiz-width-icon-large);--ibiz-control-appmenu-icon-height:var(--ibiz-width-icon-large);--ibiz-control-appmenu-icon-margin:0 10px 0 0;--ibiz-control-appmenu-collapse-height:var(--ibiz-spacing-super-loose);--ibiz-control-appmenu-item-selected-color:var(--ibiz-color-text-1);--ibiz-control-appmenu-item-selected-bg-color:var(--ibiz-color-primary-active);--ibiz-control-appmenu-item-hover-color:var(--ibiz-color-text-0);--ibiz-control-appmenu-item-hover-bg-color:var(--ibiz-color-primary-hover);--ibiz-control-appmenu-item-padding:var(--ibiz-spacing-base-tight);--ibiz-control-appmenu-item-border-radius:var(--ibiz-border-radius-small);--ibiz-control-appmenu-item-font-size:var(--ibiz-font-size-header-6);--ibiz-control-appmenu-item-height:40px;--ibiz-control-appmenu-item-color:var(--ibiz-color-text-0);--ibiz-control-appmenu-item-horizontal-selected-color:var(--ibiz-color-white);--ibiz-control-appmenu-item-horizontal-selected-bg-color:var(--ibiz-color-primary-active);--ibiz-control-appmenu-item-horizontal-hover-color:var(--ibiz-color-white);--ibiz-control-appmenu-item-horizontal-hover-bg-color:var(--ibiz-color-primary-hover);--ibiz-control-appmenu-item-horizontal-color:var(--ibiz-color-white);--ibiz-control-appmenu-item-horizontal-font-size:var(--ibiz-font-size-header-6);--ibiz-control-appmenu-item-horizontal-height:32px;--ibiz-control-appmenu-item-horizontal-border-radius:var(--ibiz-border-radius-small);--ibiz-control-appmenu-item-horizontal-padding:0 var(--ibiz-spacing-base);--ibiz-control-appmenu-item-horizontal-padding-right:var(--ibiz-spacing-super-loose);--ibiz-control-appmenu-item-horizontal-popup-height:40px}.ibiz-control-appmenu>.el-menu{height:100%;padding:0 var(--ibiz-spacing-tight);overflow-y:auto;border-right:0}.ibiz-control-appmenu .el-sub-menu .el-sub-menu__icon-arrow{right:14px;width:12px}.ibiz-control-appmenu .el-sub-menu .el-menu-item{padding:calc(var(--ibiz-control-appmenu-item-padding) * .875) calc(var(--ibiz-control-appmenu-item-padding) * 2.5)}.ibiz-control-appmenu .el-menu--vertical{width:100%}.ibiz-control-appmenu .el-menu--vertical .el-menu-item,.ibiz-control-appmenu .el-menu--vertical .el-sub-menu__title{display:flex;align-items:center;justify-content:flex-start;--el-menu-base-level-padding:var(--ibiz-control-appmenu-item-padding);width:100%;height:var(--ibiz-control-appmenu-item-height);font-size:var(--ibiz-control-appmenu-item-font-size);color:var(--ibiz-control-appmenu-item-color);white-space:nowrap;border-radius:var(--ibiz-control-appmenu-item-border-radius)}.ibiz-control-appmenu .el-menu--vertical .el-menu-item.is-active,.ibiz-control-appmenu .el-menu--vertical .el-sub-menu__title.is-active{color:var(--ibiz-control-appmenu-item-selected-color)!important;background-color:var(--ibiz-control-appmenu-item-selected-bg-color)}.ibiz-control-appmenu .el-menu--vertical .el-menu-item:hover,.ibiz-control-appmenu .el-menu--vertical .el-sub-menu__title:hover{color:var(--ibiz-control-appmenu-item-hover-color);background-color:var(--ibiz-control-appmenu-item-hover-bg-color)}.ibiz-control-appmenu .el-menu--vertical .el-divider--horizontal{margin:var(--ibiz-spacing-tight) 0;border-color:var(--ibiz-control-appmenu-item-color)}.ibiz-control-appmenu .el-menu--horizontal{align-items:center;height:100%;background-color:transparent;border-bottom:none}.ibiz-control-appmenu .el-menu--horizontal>*+*{margin-left:16px}.ibiz-control-appmenu .el-menu--horizontal .el-menu-item,.ibiz-control-appmenu .el-menu--horizontal .el-sub-menu__title{height:var(--ibiz-control-appmenu-item-horizontal-height);padding:var(--ibiz-control-appmenu-item-horizontal-padding);font-size:var(--ibiz-control-appmenu-item-horizontal-font-size);line-height:var(--ibiz-control-appmenu-item-horizontal-height);color:var(--ibiz-control-appmenu-item-horizontal-color);white-space:nowrap;border:none;border-radius:var(--ibiz-control-appmenu-item-horizontal-border-radius)}.ibiz-control-appmenu .el-menu--horizontal .el-menu-item.is-active,.ibiz-control-appmenu .el-menu--horizontal .el-sub-menu__title.is-active{color:var(--ibiz-control-appmenu-item-horizontal-color)!important;background-color:transparent}.ibiz-control-appmenu .el-menu--horizontal .el-menu-item:hover,.ibiz-control-appmenu .el-menu--horizontal .el-sub-menu__title:hover{color:var(--ibiz-control-appmenu-item-horizontal-hover-color);background-color:var(--ibiz-control-appmenu-item-horizontal-hover-bg-color)}.ibiz-control-appmenu .el-menu--horizontal .el-menu-item .el-sub-menu__icon-arrow,.ibiz-control-appmenu .el-menu--horizontal .el-sub-menu__title .el-sub-menu__icon-arrow{position:absolute;top:50%;right:16px}.ibiz-control-appmenu .el-menu--horizontal .el-sub-menu__title{padding-right:var(--ibiz-control-appmenu-item-horizontal-padding-right)}.ibiz-control-appmenu .el-menu--horizontal>.el-sub-menu.is-active .el-sub-menu__title{color:var(--ibiz-control-appmenu-item-horizontal-selected-color);background-color:transparent}.ibiz-control-appmenu .el-menu--horizontal>.el-sub-menu:hover .el-sub-menu__title{color:var(--ibiz-control-appmenu-item-horizontal-hover-color);background-color:var(--ibiz-control-appmenu-item-horizontal-hover-bg-color)}.ibiz-control-appmenu .el-menu--horizontal::-webkit-scrollbar-thumb{background-color:var(--ibiz-color-white)}.ibiz-control-appmenu .el-menu--horizontal .el-divider--vertical{border-color:var(--ibiz-control-appmenu-item-color)}.ibiz-control-appmenu__icon{display:flex;align-items:center;justify-content:center;width:var(--ibiz-control-appmenu-icon-width);height:var(--ibiz-control-appmenu-icon-height);margin:var(--ibiz-control-appmenu-icon-margin)}.ibiz-control-appmenu.is-collapse .ibiz-control-appmenu__icon{margin:0}.ibiz-control-appmenu.is-collapse .ibiz-control-appmenu__item{display:flex;align-items:center;justify-content:center;padding:0;margin-bottom:var(--ibiz-spacing-tight)}.ibiz-control-appmenu.is-collapse .ibiz-control-appmenu-tooltip{width:100%}.ibiz-control-appmenu.is-collapse .ibiz-control-appmenu-submenu{display:block}.ibiz-control-appmenu.is-collapse .ibiz-control-appmenu-submenu>.el-sub-menu__title{display:flex;align-items:center;justify-content:center;display:flex;align-items:center;justify-content:center;padding:0;margin-bottom:var(--ibiz-spacing-tight);white-space:nowrap;cursor:pointer}.ibiz-control-appmenu.is-collapse .ibiz-control-appmenu-submenu .ibiz-control-appmenu-submenu__item{padding:0}.ibiz-control-appmenu.is-show-collapse>.el-menu{height:calc(100% - var(--ibiz-control-appmenu-collapse-height))}.ibiz-control-appmenu .ibiz-control-appmenu__counter{position:absolute;top:50%;right:5px;height:20px;padding:0 6px;line-height:initial;color:#fff;background-color:#f56c6c;border-radius:10px;transform:translateY(-50%)}.ibiz-control-appmenu-popup-container.el-menu--popup-container{--ibiz-control-appmenu-collapse-item-hover-color:var(--ibiz-color-primary);--ibiz-control-appmenu-collapse-item-padding:var(--ibiz-spacing-base);--ibiz-control-appmenu-icon-width:var(--ibiz-width-icon-large);--ibiz-control-appmenu-icon-height:var(--ibiz-width-icon-large);--ibiz-control-appmenu-icon-margin:0 10px 0 0;--ibiz-control-appmenu-collapse-height:var(--ibiz-spacing-super-loose);--ibiz-control-appmenu-item-selected-color:var(--ibiz-color-text-1);--ibiz-control-appmenu-item-selected-bg-color:var(--ibiz-color-primary-active);--ibiz-control-appmenu-item-hover-color:var(--ibiz-color-text-0);--ibiz-control-appmenu-item-hover-bg-color:var(--ibiz-color-primary-hover);--ibiz-control-appmenu-item-padding:var(--ibiz-spacing-base-tight);--ibiz-control-appmenu-item-border-radius:var(--ibiz-border-radius-small);--ibiz-control-appmenu-item-font-size:var(--ibiz-font-size-header-6);--ibiz-control-appmenu-item-height:40px;--ibiz-control-appmenu-item-color:var(--ibiz-color-text-0);--ibiz-control-appmenu-item-horizontal-selected-color:var(--ibiz-color-white);--ibiz-control-appmenu-item-horizontal-selected-bg-color:var(--ibiz-color-primary-active);--ibiz-control-appmenu-item-horizontal-hover-color:var(--ibiz-color-white);--ibiz-control-appmenu-item-horizontal-hover-bg-color:var(--ibiz-color-primary-hover);--ibiz-control-appmenu-item-horizontal-color:var(--ibiz-color-white);--ibiz-control-appmenu-item-horizontal-font-size:var(--ibiz-font-size-header-6);--ibiz-control-appmenu-item-horizontal-height:32px;--ibiz-control-appmenu-item-horizontal-border-radius:var(--ibiz-border-radius-small);--ibiz-control-appmenu-item-horizontal-padding:0 var(--ibiz-spacing-base);--ibiz-control-appmenu-item-horizontal-padding-right:var(--ibiz-spacing-super-loose);--ibiz-control-appmenu-item-horizontal-popup-height:40px;border:none;box-shadow:var(--ibiz-shadow-elevated)}.ibiz-control-appmenu-popup-container.el-menu--popup-container .el-menu--popup{padding:var(--ibiz-spacing-extra-tight);background-color:var(--ibiz-color-primary)}.ibiz-control-appmenu-popup-container.el-menu--popup-container .el-menu--popup .el-menu-item,.ibiz-control-appmenu-popup-container.el-menu--popup-container .el-menu--popup .el-sub-menu__title{display:flex;align-items:center;justify-content:flex-start;width:100%;height:var(--ibiz-control-appmenu-item-horizontal-popup-height);font-size:var(--ibiz-control-appmenu-item-font-size);color:var(--ibiz-control-appmenu-item-horizontal-color);white-space:nowrap;border-radius:var(--ibiz-control-appmenu-item-horizontal-border-radius)}.ibiz-control-appmenu-popup-container.el-menu--popup-container .el-menu--popup .el-menu-item.is-active,.ibiz-control-appmenu-popup-container.el-menu--popup-container .el-menu--popup .el-sub-menu__title.is-active{color:var(--ibiz-control-appmenu-item-horizontal-selected-color);background-color:transparent}.ibiz-control-appmenu-popup-container.el-menu--popup-container .el-menu--popup .el-menu-item:hover,.ibiz-control-appmenu-popup-container.el-menu--popup-container .el-menu--popup .el-sub-menu__title:hover{color:var(--ibiz-control-appmenu-item-horizontal-selected-color);background-color:var(--ibiz-control-appmenu-item-hover-bg-color)}.ibiz-control-appmenu-popup-container.el-menu--popup-container .el-menu--popup .el-menu-item .el-icon,.ibiz-control-appmenu-popup-container.el-menu--popup-container .el-menu--popup .el-sub-menu__title .el-icon{display:none}.ibiz-control-appmenu .ibiz-control-appmenu-collapse-icon{position:absolute;right:var(--ibiz-spacing-base-tight);bottom:var(--ibiz-spacing-tight);font-size:var(--ibiz-font-size-header-5);cursor:pointer}.ibiz-control-appmenu .ibiz-control-appmenu-collapse-icon.is-collapse{transform:rotate(180deg)}.ibiz-control-appmenu.is-collapse .ibiz-control-appmenu-collapse-icon{right:0;width:100%;text-align:center}

package/es/control/app-menu/app-menu.mjs

@@ -19,7 +19,8 @@ function getMenus(items) {
       image: item.sysImage,
       counterId: item.counterId,
       disabled: !item.appFuncId,
-      tooltip: item.tooltip
+      tooltip: item.tooltip,
+      itemType: item.itemType
     };
     if ((_a = item.appMenuItems) == null ? void 0 : _a.length) {
       data.children = getMenus(item.appMenuItems);
@@ -30,11 +31,11 @@ function getMenus(items) {
 function renderByProvider(itemId, c) {
   const itemModel = c.allAppMenuItems.find((item) => item.id === itemId);
   if (!itemModel) {
-    throw new RuntimeError(`\u6CA1\u627E\u5230\u83DC\u5355\u9879\u6A21\u578B${itemId}`);
+    throw new RuntimeError("\u6CA1\u627E\u5230\u83DC\u5355\u9879\u6A21\u578B".concat(itemId));
   }
   const provider = c.itemProviders[itemId];
   if (!provider.renderText) {
-    throw new RuntimeError(`${itemId}\u7684\u9002\u914D\u5668\u6CA1\u6709renderText\u65B9\u6CD5`);
+    throw new RuntimeError("".concat(itemId, "\u7684\u9002\u914D\u5668\u6CA1\u6709renderText\u65B9\u6CD5"));
   }
   return provider.renderText(itemModel, c);
 }
@@ -42,44 +43,54 @@ function renderMenuItem(isFirst, menu, collapse, ns, c, counterData) {
   if (!c.state.menuItemsState[menu.key].visible) {
     return;
   }
-  let content;
-  const provider = c.itemProviders[menu.key];
-  if (provider && provider.renderText) {
-    content = renderByProvider(menu.key, c);
-  } else if (!(isFirst && collapse)) {
-    content = [menu.image ? createVNode(resolveComponent("iBizIcon"), {
-      "class": ns.e("icon"),
-      "icon": menu.image
-    }, null) : null, menu.label, counterData[menu.counterId] != null ? createVNode("div", {
-      "class": ns.e("counter")
-    }, [counterData[menu.counterId]]) : null];
-  } else {
-    content = [menu.image ? createVNode(resolveComponent("iBizIcon"), {
-      "class": ns.e("icon"),
-      "icon": menu.image
-    }, null) : menu.label.slice(0, 1)];
-  }
-  return !(isFirst && collapse) ? createVNode(resolveComponent("el-menu-item"), {
-    "class": ns.e("item"),
-    "index": menu.key,
-    "disabled": menu.disabled,
-    "title": menu.tooltip
-  }, _isSlot(content) ? content : {
-    default: () => [content]
-  }) : createVNode(resolveComponent("el-tooltip"), {
-    "class": ns.b("tooltip"),
-    "content": menu.label,
-    "placement": "left",
-    "theme": "light"
-  }, {
-    default: () => [createVNode(resolveComponent("el-menu-item"), {
+  if (menu.itemType === "MENUITEM") {
+    let content;
+    const provider = c.itemProviders[menu.key];
+    if (provider && provider.renderText) {
+      content = renderByProvider(menu.key, c);
+    } else if (!(isFirst && collapse)) {
+      content = [menu.image ? createVNode(resolveComponent("iBizIcon"), {
+        "class": ns.e("icon"),
+        "icon": menu.image
+      }, null) : null, menu.label, counterData[menu.counterId] != null ? createVNode("div", {
+        "class": ns.e("counter")
+      }, [counterData[menu.counterId]]) : null];
+    } else {
+      content = [menu.image ? createVNode(resolveComponent("iBizIcon"), {
+        "class": ns.e("icon"),
+        "icon": menu.image
+      }, null) : menu.label.slice(0, 1)];
+    }
+    return !(isFirst && collapse) ? createVNode(resolveComponent("el-menu-item"), {
       "class": ns.e("item"),
       "index": menu.key,
-      "disabled": menu.disabled
+      "disabled": menu.disabled,
+      "title": menu.tooltip
     }, _isSlot(content) ? content : {
       default: () => [content]
-    })]
-  });
+    }) : createVNode(resolveComponent("el-tooltip"), {
+      "class": ns.b("tooltip"),
+      "content": menu.label,
+      "placement": "left",
+      "theme": "light"
+    }, {
+      default: () => [createVNode(resolveComponent("el-menu-item"), {
+        "class": ns.e("item"),
+        "index": menu.key,
+        "disabled": menu.disabled
+      }, _isSlot(content) ? content : {
+        default: () => [content]
+      })]
+    });
+  }
+  if (menu.itemType === "SEPERATOR") {
+    const direction = c.view.model.mainMenuAlign === "TOP" ? "vertical" : "horizontal";
+    return createVNode(resolveComponent("el-divider"), {
+      "direction": direction,
+      "class": ns.e("separator"),
+      "id": menu.key
+    }, null);
+  }
 }
 function renderSubmenu(isFirst, subMenu, collapse, ns, c, counterData) {
   if (!c.state.menuItemsState[subMenu.key].visible) {
@@ -142,7 +153,7 @@ const AppMenuControl = /* @__PURE__ */ defineComponent({
   },
   setup() {
     const c = useControlController((...args) => new AppMenuController(...args));
-    const ns = useNamespace(`control-${c.model.controlType.toLowerCase()}`);
+    const ns = useNamespace("control-".concat(c.model.controlType.toLowerCase()));
     const menus = ref(getMenus(c.model.appMenuItems));
     const defaultActive = ref("");
     const defaultOpens = ref([]);

package/es/control/app-menu-icon-view/app-menu-icon-view.mjs

@@ -31,7 +31,7 @@ const AppMenuIconViewControl = /* @__PURE__ */ defineComponent({
   setup() {
     var _a;
     const c = useControlController((...args) => new AppMenuIconViewController(...args));
-    const ns = useNamespace(`control-${c.model.controlType.toLowerCase()}-iconview`);
+    const ns = useNamespace("control-".concat(c.model.controlType.toLowerCase(), "-iconview"));
     const defaultActive = ref("");
     const defaultOpens = ref([]);
     (_a = c.model.appMenuItems) == null ? void 0 : _a.forEach((item) => {

package/es/control/app-menu-icon-view/index.mjs

@@ -9,7 +9,7 @@ const IBizAppMenuIconViewControl = withInstall(
   function(v) {
     v.component(AppMenuIconViewControl.name, AppMenuIconViewControl);
     registerControlProvider(
-      `${ControlType.APP_MENU}_ICONVIEW`,
+      "".concat(ControlType.APP_MENU, "_ICONVIEW"),
       () => new AppMenuIconViewProvider()
     );
   }

package/es/control/calendar/calendar.mjs

@@ -37,7 +37,7 @@ const CalendarControl = /* @__PURE__ */ defineComponent({
   },
   setup() {
     const c = useControlController((...args) => new CalendarController(...args));
-    const ns = useNamespace(`control-${c.model.controlType.toLowerCase()}`);
+    const ns = useNamespace("control-".concat(c.model.controlType.toLowerCase()));
     const calendarRef = ref();
     const selectDate = (tag) => {
       if (!calendarRef.value)
@@ -107,7 +107,7 @@ const CalendarControl = /* @__PURE__ */ defineComponent({
         "style": style,
         "onClick": () => this.c.onRowClick(item),
         "onDblclick": () => this.c.onDbRowClick(item)
-      }, [`${item.text}`]);
+      }, ["".concat(item.text)]);
     };
     const renderCalendarList = (items) => {
       return items.map((item) => {

package/es/control/caption-bar/caption-bar.mjs

@@ -25,7 +25,7 @@ const CaptionBarControl = /* @__PURE__ */ defineComponent({
   },
   setup() {
     const c = useControlController((...args) => new CaptionBarController(...args));
-    const ns = useNamespace(`control-${c.model.controlType.toLowerCase()}`);
+    const ns = useNamespace("control-".concat(c.model.controlType.toLowerCase()));
     return {
       c,
       ns

package/es/control/chart/chart.mjs

@@ -34,7 +34,7 @@ const ChartControl = /* @__PURE__ */ defineComponent({
   },
   setup() {
     const c = useControlController((...args) => new ChartController(...args));
-    const ns = useNamespace(`control-${c.model.controlType.toLowerCase()}`);
+    const ns = useNamespace("control-".concat(c.model.controlType.toLowerCase()));
     const chartRef = ref();
     onMounted(() => {
       const chart = init(chartRef.value);

package/es/control/dashboard/custom-dashboard-container/custom-dashboard-container.mjs

@@ -19,7 +19,7 @@ const CustomDashboardContainer = /* @__PURE__ */ defineComponent({
   setup(props, {
     emit
   }) {
-    const ns = useNamespace(`custom-dashboard-container`);
+    const ns = useNamespace("custom-dashboard-container");
     const customC = reactive(new CustomDashboardController(props.modelData));
     const isInited = ref(false);
     const isShowDesign = ref(false);
@@ -128,10 +128,10 @@ const CustomDashboardContainer = /* @__PURE__ */ defineComponent({
       var _a2, _b2;
       const itemStyle = {
         position: "absolute",
-        height: `${item.h * this.customC.layoutRowH}px`,
-        width: `calc(100% / ${this.customC.layoutColNum} * ${item.w})`,
-        top: `${item.y * this.customC.layoutRowH}px`,
-        left: `calc(100% / ${this.customC.layoutColNum} * ${item.x})`
+        height: "".concat(item.h * this.customC.layoutRowH, "px"),
+        width: "calc(100% / ".concat(this.customC.layoutColNum, " * ").concat(item.w, ")"),
+        top: "".concat(item.y * this.customC.layoutRowH, "px"),
+        left: "calc(100% / ".concat(this.customC.layoutColNum, " * ").concat(item.x, ")")
       };
       return createVNode("div", {
         "style": itemStyle

package/es/control/dashboard/dashboard-design/dashboard-design.mjs

@@ -28,7 +28,7 @@ const DashboardDesign = /* @__PURE__ */ defineComponent({
   setup(props, {
     emit
   }) {
-    const ns = useNamespace(`dashboard-design`);
+    const ns = useNamespace("dashboard-design");
     const customC = props.customDashboard;
     const filterData = (list2) => {
       const items = [];
@@ -265,7 +265,7 @@ const DashboardDesign = /* @__PURE__ */ defineComponent({
       customC.layoutRowH = rowH;
     };
     const maskSize = computed(() => {
-      return `calc((100% - 10px) / ${customC.layoutColNum}) ${customC.layoutRowH + 10}px`;
+      return "calc((100% - 10px) / ".concat(customC.layoutColNum, ") ").concat(customC.layoutRowH + 10, "px");
     });
     onUnmounted(async () => {
       const controllers = Object.values(portletControllers.value);

package/es/control/dashboard/dashboard.mjs

@@ -57,7 +57,7 @@ const DashboardControl = /* @__PURE__ */ defineComponent({
   setup() {
     const c = useControlController((...args) => new DashboardController(...args));
     const customModelDatas = ref([]);
-    const ns = useNamespace(`control-${c.model.controlType.toLowerCase()}`);
+    const ns = useNamespace("control-".concat(c.model.controlType.toLowerCase()));
     c.evt.on("onCreated", () => {
       Object.values(c.portlets).forEach((portlet) => {
         portlet.state = reactive(portlet.state);

package/es/control/dashboard/portlet/actionbar-portlet/actionbar-portlet.mjs

@@ -17,7 +17,7 @@ const ActionBarPortlet = /* @__PURE__ */ defineComponent({
   },
   setup(props) {
     var _a;
-    const ns = useNamespace(`portlet-${(_a = props.modelData.portletType) == null ? void 0 : _a.toLowerCase()}`);
+    const ns = useNamespace("portlet-".concat((_a = props.modelData.portletType) == null ? void 0 : _a.toLowerCase()));
     const onActionClick = async (detail, event) => {
       await props.controller.onActionClick(detail, event);
     };

package/es/control/dashboard/portlet/chart-portlet/chart-portlet.mjs

@@ -20,7 +20,7 @@ const ChartPortlet = /* @__PURE__ */ defineComponent({
   },
   setup(props) {
     var _a, _b;
-    const ns = useNamespace(`portlet-${(_a = props.modelData.portletType) == null ? void 0 : _a.toLowerCase()}`);
+    const ns = useNamespace("portlet-".concat((_a = props.modelData.portletType) == null ? void 0 : _a.toLowerCase()));
     const chart = (_b = props.modelData.controls) == null ? void 0 : _b.find((item) => {
       return item.controlType === ControlType.CHART;
     });

package/es/control/dashboard/portlet/container-portlet/container-portlet.mjs

@@ -21,7 +21,7 @@ const ContainerPortlet = /* @__PURE__ */ defineComponent({
   },
   setup(props) {
     var _a;
-    const ns = useNamespace(`portlet-${(_a = props.modelData.portletType) == null ? void 0 : _a.toLowerCase()}`);
+    const ns = useNamespace("portlet-".concat((_a = props.modelData.portletType) == null ? void 0 : _a.toLowerCase()));
     return {
       ns
     };

package/es/control/dashboard/portlet/html-portlet/html-portlet.mjs

@@ -18,7 +18,7 @@ const HtmlPortlet = /* @__PURE__ */ defineComponent({
   },
   setup(props) {
     var _a;
-    const ns = useNamespace(`portlet-${(_a = props.modelData.portletType) == null ? void 0 : _a.toLowerCase()}`);
+    const ns = useNamespace("portlet-".concat((_a = props.modelData.portletType) == null ? void 0 : _a.toLowerCase()));
     return {
       ns
     };

package/es/control/dashboard/portlet/list-portlet/list-portlet.mjs

@@ -20,7 +20,7 @@ const ListPortlet = /* @__PURE__ */ defineComponent({
   },
   setup(props) {
     var _a, _b;
-    const ns = useNamespace(`portlet-${(_a = props.modelData.portletType) == null ? void 0 : _a.toLowerCase()}`);
+    const ns = useNamespace("portlet-".concat((_a = props.modelData.portletType) == null ? void 0 : _a.toLowerCase()));
     const list = (_b = props.modelData.controls) == null ? void 0 : _b.find((item) => {
       return item.controlType === ControlType.LIST;
     });

package/es/control/dashboard/portlet/menu-portlet/app-menu-portlet/app-menu-portlet.mjs

@@ -31,7 +31,7 @@ const AppMenuPortletControl = /* @__PURE__ */ defineComponent({
   setup() {
     var _a;
     const c = useControlController((...args) => new AppMenuIconViewController(...args));
-    const ns = useNamespace(`control-${c.model.controlType.toLowerCase()}-portlet`);
+    const ns = useNamespace("control-".concat(c.model.controlType.toLowerCase(), "-portlet"));
     const defaultActive = ref("");
     const defaultOpens = ref([]);
     (_a = c.model.appMenuItems) == null ? void 0 : _a.forEach((item) => {

package/es/control/dashboard/portlet/menu-portlet/menu-portlet.mjs

@@ -17,7 +17,7 @@ const MenuPortlet = /* @__PURE__ */ defineComponent({
   },
   setup(props) {
     var _a, _b;
-    const ns = useNamespace(`portlet-${(_a = props.modelData.portletType) == null ? void 0 : _a.toLowerCase()}`);
+    const ns = useNamespace("portlet-".concat((_a = props.modelData.portletType) == null ? void 0 : _a.toLowerCase()));
     const menu = (_b = props.modelData.controls) == null ? void 0 : _b.find((item) => {
       return item.controlType === ControlType.APP_MENU;
     });

package/es/control/dashboard/portlet/rawitem-portlet/rawitem-portlet.mjs

@@ -20,7 +20,7 @@ const RawItemPortlet = /* @__PURE__ */ defineComponent({
   },
   setup(props) {
     var _a;
-    const ns = useNamespace(`portlet-${(_a = props.modelData.portletType) == null ? void 0 : _a.toLowerCase()}`);
+    const ns = useNamespace("portlet-".concat((_a = props.modelData.portletType) == null ? void 0 : _a.toLowerCase()));
     const rawItem = props.modelData;
     return {
       ns,

package/es/control/dashboard/portlet/view-portlet/view-portlet.mjs

@@ -20,7 +20,7 @@ const ViewPortlet = /* @__PURE__ */ defineComponent({
   },
   setup(props) {
     var _a;
-    const ns = useNamespace(`portlet-${(_a = props.modelData.portletType) == null ? void 0 : _a.toLowerCase()}`);
+    const ns = useNamespace("portlet-".concat((_a = props.modelData.portletType) == null ? void 0 : _a.toLowerCase()));
     const view = props.modelData.portletAppView;
     return {
       ns,