@ibiz-template/mob-vue3-components 0.7.41-alpha.21 → 0.7.41-alpha.23

package/lib/common/preview-image/preview-image.cjs

@@ -44,7 +44,7 @@ const IBizPreviewImage = /* @__PURE__ */ vue.defineComponent({
     const getOffsetCorrection = (start, end) => {
       const x = (start.pageX + end.pageX) / 2;
       const y = (start.pageY + end.pageY) / 2;
-      origin = `${x}px ${y}px`;
+      origin = "".concat(x, "px ").concat(y, "px");
       const offsetLeft = (scale - 1) * (x - scaleOrigin.x) + offset.left;
       const offsetTop = (scale - 1) * (y - scaleOrigin.y) + offset.top;
       scaleOrigin = {
@@ -59,7 +59,7 @@ const IBizPreviewImage = /* @__PURE__ */ vue.defineComponent({
     const changeStyle = (el, arr) => {
       const original = el.style.cssText.split(";");
       original.pop();
-      el.style.cssText = `${original.concat(arr).join(";")};`;
+      el.style.cssText = "".concat(original.concat(arr).join(";"), ";");
     };
     vue.onMounted(() => {
       if (imageRef.value) {
@@ -87,13 +87,13 @@ const IBizPreviewImage = /* @__PURE__ */ vue.defineComponent({
             const ratio = getDistance(touches[0], touches[1]) / lastDistance;
             scale = ratio * lastScale;
             offset = getOffsetCorrection(touches[0], touches[1]);
-            changeStyle(el, ["transition: all 0s", `transform: translate(${`${offset.left}px`}, ${`${offset.top}px`}) scale(${scale})`, `transform-origin: ${origin}`]);
+            changeStyle(el, ["transition: all 0s", "transform: translate(".concat("".concat(offset.left, "px"), ", ").concat("".concat(offset.top, "px"), ") scale(").concat(scale, ")"), "transform-origin: ".concat(origin)]);
           } else if (touches.length === 1) {
             offset = {
               left: offset.left + (touches[0].clientX - startPoint.x),
               top: offset.top + (touches[0].clientY - startPoint.y)
             };
-            changeStyle(el, ["transition: all 0s", `transform: translate(${`${offset.left}px`}, ${`${offset.top}px`}) scale(${scale})`, `transform-origin: ${origin}`]);
+            changeStyle(el, ["transition: all 0s", "transform: translate(".concat("".concat(offset.left, "px"), ", ").concat("".concat(offset.top, "px"), ") scale(").concat(scale, ")"), "transform-origin: ".concat(origin)]);
             startPoint = {
               x: touches[0].clientX,
               y: touches[0].clientY

package/lib/common/rawitem/rawitem.cjs

@@ -83,7 +83,7 @@ const IBizRawItem = /* @__PURE__ */ vue.defineComponent({
       let value;
       const params = rawItem == null ? void 0 : rawItem.rawItemParams;
       if (!params) {
-        ibiz.log.error(`\u672A\u914D\u7F6E\u89C6\u9891\u64AD\u653E\u53C2\u6570:${key}}`);
+        ibiz.log.error("\u672A\u914D\u7F6E\u89C6\u9891\u64AD\u653E\u53C2\u6570:".concat(key, "}"));
         return void 0;
       }
       params.forEach((item) => {
@@ -129,7 +129,7 @@ const IBizRawItem = /* @__PURE__ */ vue.defineComponent({
                 alertParams.value.title = rawItemContent.value;
                 alertParams.value["left-icon"] = messageTypeIcon[rawItemType.value];
               }
-              const func = new Function(`return (${rawItemContent.value});`);
+              const func = new Function("return (".concat(rawItemContent.value, ");"));
               rawConfig = func();
               switch (rawItemType.value) {
                 case "VIDEO":

package/lib/common/row/row.cjs

@@ -30,7 +30,7 @@ const IBizRow = /* @__PURE__ */ vue.defineComponent({
       const _dir = dir || "column";
       return vue.createVNode("div", {
         "class": [this.ns.b(), this.ns.m("flex")],
-        "style": `display:flex;flex-direction: ${_dir};justify-content: ${align};align-items: ${valign};`
+        "style": "display:flex;flex-direction: ".concat(_dir, ";justify-content: ").concat(align, ";align-items: ").concat(valign, ";")
       }, [defaultSlot]);
     }
     return vue.createVNode(vue.resolveComponent("van-row"), {

package/lib/common/split/split.cjs

@@ -58,13 +58,13 @@ const IBizSplit = /* @__PURE__ */ vue.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;
@@ -75,7 +75,7 @@ const IBizSplit = /* @__PURE__ */ vue.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);
@@ -144,12 +144,12 @@ const IBizSplit = /* @__PURE__ */ vue.defineComponent({
       "class": this.ns.m("horizontal")
     }, [vue.createVNode("div", {
       "style": {
-        width: `${this.offset}%`
+        width: "".concat(this.offset, "%")
       },
       "class": [this.paneClasses, this.ns.bm("pane", "left")]
     }, [(_b = (_a = this.$slots).left) == null ? void 0 : _b.call(_a)]), vue.createVNode("div", {
       "style": {
-        left: `${this.offset}%`
+        left: "".concat(this.offset, "%")
       },
       "class": this.ns.b("trigger-con"),
       "tabindex": 0,
@@ -158,19 +158,19 @@ const IBizSplit = /* @__PURE__ */ vue.defineComponent({
       "mode": "vertical"
     }, null)]), vue.createVNode("div", {
       "style": {
-        width: `${this.anotherOffset}%`
+        width: "".concat(this.anotherOffset, "%")
       },
       "class": [this.paneClasses, this.ns.bm("pane", "right")]
     }, [(_f = (_e = this.$slots).right) == null ? void 0 : _f.call(_e)])]) : vue.createVNode("div", {
       "class": this.ns.m("vertical")
     }, [vue.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)]), vue.createVNode("div", {
       "style": {
-        top: `${this.offset}%`
+        top: "".concat(this.offset, "%")
       },
       "class": this.ns.b("trigger-con"),
       "tabindex": 0,
@@ -179,7 +179,7 @@ const IBizSplit = /* @__PURE__ */ vue.defineComponent({
       "mode": "horizontal"
     }, null)]), vue.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/lib/common/split-trigger/split-trigger.cjs

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

package/lib/common/split-trigger/split-trigger.css

@@ -1 +1 @@
-.ibiz-split-trigger{--ibiz-split-trigger-color-trigger-bar-background:var(--ibiz-color-border);--ibiz-split-trigger-width-trigger-width:0.375rem;--ibiz-split-trigger-width-trigger-bar-width:0.25rem;--ibiz-split-trigger-height-split-trigger-bar:0.0625rem;--ibiz-split-trigger-width-split-trigger-bar:0.0625rem;--ibiz-split-trigger-trigger-bar-offset:calc(var(width-trigger-width) - var(width-trigger-bar-width) / 2);--ibiz-split-trigger-spacing-trigger-bar-interval:0.1875rem;--ibiz-split-trigger-spacing-trigger-bar-weight:0.0625rem;--ibiz-split-trigger-height-trigger-bar-con-height:calc(var(spacing-trigger-bar-weight) + var(spacing-trigger-bar-interval) * 8);--ibiz-split-trigger-border-split-trigger:0.0625rem solid var(--ibiz-color-border);border:var(--ibiz-split-trigger-border-split-trigger)}.ibiz-split-trigger--vertical{width:var(--ibiz-split-trigger-width-trigger-width);height:100%;cursor:col-resize;border-top:none;border-bottom:none}.ibiz-split-trigger--vertical .ibiz-split-trigger-bar{float:left;width:var(--ibiz-split-trigger-width-trigger-bar-width);height:var(--ibiz-split-trigger-height-split-trigger-bar);margin-top:var(--ibiz-split-trigger-spacing-trigger-bar-interval);background:var(--ibiz-split-trigger-color-trigger-bar-background)}.ibiz-split-trigger--horizontal{width:100%;height:var(--ibiz-split-trigger-width-trigger-width);cursor:row-resize;border-right:none;border-left:none}.ibiz-split-trigger--horizontal .ibiz-split-trigger-bar{float:left;width:var(--ibiz-split-trigger-width-split-trigger-bar);height:var(--ibiz-split-trigger-width-trigger-bar-width);margin-right:var(--ibiz-split-trigger-spacing-trigger-bar-interval);background:var(--ibiz-split-trigger-color-trigger-bar-background)}.ibiz-split-trigger-bar-con{position:absolute;overflow:hidden}.ibiz-split-trigger-bar-con--vertical{top:50%;left:var(--ibiz-split-trigger-trigger-bar-offset);height:var(--ibiz-split-trigger-height-trigger-bar-con-height);transform:translate(0,-50%)}.ibiz-split-trigger-bar-con--horizontal{top:var(--ibiz-split-trigger-trigger-bar-offset);left:50%;width:var(--ibiz-split-trigger-height-trigger-bar-con-height);transform:translate(-50%,0)}
+.ibiz-split-trigger{--ibiz-split-trigger-color-trigger-bar-background:var(--ibiz-color-border);--ibiz-split-trigger-width-trigger-width:0.75rem;--ibiz-split-trigger-width-trigger-bar-width:0.75rem;--ibiz-split-trigger-height-split-trigger-bar:0.0625rem;--ibiz-split-trigger-width-split-trigger-bar:0.0625rem;--ibiz-split-trigger-spacing-trigger-bar-interval:0.1875rem;--ibiz-split-trigger-spacing-trigger-bar-weight:0.0625rem;--ibiz-split-trigger-border-split-trigger:0.0625rem solid var(--ibiz-color-border);border:var(--ibiz-split-trigger-border-split-trigger)}.ibiz-split-trigger--vertical{width:var(--ibiz-split-trigger-width-trigger-width);height:100%;cursor:col-resize;border-top:none;border-bottom:none}.ibiz-split-trigger--vertical .ibiz-split-trigger-bar{float:left;width:var(--ibiz-split-trigger-width-trigger-bar-width);height:var(--ibiz-split-trigger-height-split-trigger-bar);margin-top:var(--ibiz-split-trigger-spacing-trigger-bar-interval);background:var(--ibiz-split-trigger-color-trigger-bar-background)}.ibiz-split-trigger--horizontal{width:100%;height:var(--ibiz-split-trigger-width-trigger-width);cursor:row-resize;border-right:none;border-left:none;display:flex}.ibiz-split-trigger--horizontal .ibiz-split-trigger-bar{float:left;width:var(--ibiz-split-trigger-width-split-trigger-bar);height:var(--ibiz-split-trigger-width-trigger-bar-width);margin-right:var(--ibiz-split-trigger-spacing-trigger-bar-interval);background:var(--ibiz-split-trigger-color-trigger-bar-background)}.ibiz-split-trigger-bar-con{overflow:hidden;display:flex;height:100%;width:100%;justify-content:center;align-items:center}.ibiz-split-trigger-bar-con--vertical{flex-direction:column}

package/lib/common/tab-layout/tab-default-layout/tab-default-layout.cjs

@@ -29,6 +29,7 @@ const TabDefaultLayout = /* @__PURE__ */ vue.defineComponent({
     let _slot;
     let content = vue.createVNode(vue.resolveComponent("van-tabs"), {
       "active": this.activeName,
+      "ellipsis": false,
       "onChange": this.onTabChange
     }, _isSlot(_slot = this.tabPages.map((tab) => {
       if (tab.isHidden)

package/lib/common/tab-layout/tab-dropdown/tab-dropdown.cjs

@@ -43,7 +43,7 @@ const TabDropdown = /* @__PURE__ */ vue.defineComponent({
         noArrow: true,
         autoClose: true,
         placement: "bottom-end",
-        modalClass: `${ns.e("list-modal")}`,
+        modalClass: "".concat(ns.e("list-modal")),
         appendTo: (_a = tabDropdownRef.value) == null ? void 0 : _a.$el
       });
       floatOverlay.present(_currentTarget);

package/lib/common/tab-layout/tab-sidebar-layout/tab-sidebar-layout.css

@@ -1 +1 @@
-.ibiz-tab-sidebar-layout{--ibiz-tab-sidebar-layout-color-bg:var(--ibiz-color-bg-0);--ibiz-tab-sidebar-layout-color-item-bg:var(--ibiz-color-bg-0);--ibiz-tab-sidebar-layout-width-tab-sidebar-layout:5.625rem;--ibiz-tab-sidebar-layout-height-tab-sidebar-layout:100%;--ibiz-tab-sidebar-layout-height-tab-item:var(--ibiz-height-control-default);--ibiz-tab-sidebar-layout-width-badge-min-width:1.25rem;--ibiz-tab-sidebar-layout-spacing-padding:var(--ibiz-spacing-tight) 0;--ibiz-tab-sidebar-layout-spacing-sidebar-item-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-tight);--ibiz-tab-sidebar-layout-font-tab-fontSize:var(--ibiz-tab-layout-font-tab-fontSize);width:var(--ibiz-tab-sidebar-layout-width-tab-sidebar-layout);height:var(--ibiz-tab-sidebar-layout-height-tab-sidebar-layout);padding:var(--ibiz-tab-sidebar-layout-spacing-padding);background-color:var(--ibiz-tab-sidebar-layout-color-bg)}.ibiz-tab-sidebar-layout__tab-item{display:flex;align-items:center;width:100%;min-height:var(--ibiz-tab-sidebar-layout-height-tab-item);font-size:var(--ibiz-tab-sidebar-layout-font-tab-fontSize)}.ibiz-tab-sidebar-layout__tab-item .ibiz-info-item{display:inline-flex;max-width:100%}.ibiz-tab-sidebar-layout__tab-item .ibiz-info-item__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-tab-sidebar-layout__tab-item.is-long-label:has(.ibiz-info-item__badge){max-width:calc(100% - var(--ibiz-tab-sidebar-layout-width-badge-min-width))}.ibiz-tab-sidebar-layout .van-sidebar-item{display:flex;align-items:center;padding:var(--ibiz-tab-sidebar-layout-spacing-sidebar-item-padding);overflow:unset}.ibiz-tab-sidebar-layout .van-sidebar-item:not(.van-sidebar-item--select){background-color:var(--ibiz-tab-sidebar-layout-color-item-bg)}.ibiz-tab-sidebar-layout .van-sidebar-item.van-sidebar-item--select{background-color:var(--ibiz-tab-sidebar-layout-color-bg-active)}.ibiz-tab-sidebar-layout .van-sidebar-item__text{width:100%;height:100%}
+.ibiz-tab-sidebar-layout{--ibiz-tab-sidebar-layout-color-bg:var(--ibiz-color-bg-0);--ibiz-tab-sidebar-layout-color-item-bg:var(--ibiz-color-bg-0);--ibiz-tab-sidebar-layout-width-tab-sidebar-layout:5.625rem;--ibiz-tab-sidebar-layout-height-tab-sidebar-layout:100%;--ibiz-tab-sidebar-layout-height-tab-item:var(--ibiz-height-control-default);--ibiz-tab-sidebar-layout-width-badge-min-width:1.25rem;--ibiz-tab-sidebar-layout-spacing-padding:var(--ibiz-spacing-tight) 0;--ibiz-tab-sidebar-layout-spacing-sidebar-item-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-tight);width:var(--ibiz-tab-sidebar-layout-width-tab-sidebar-layout);height:var(--ibiz-tab-sidebar-layout-height-tab-sidebar-layout);padding:var(--ibiz-tab-sidebar-layout-spacing-padding);background-color:var(--ibiz-tab-sidebar-layout-color-bg)}.ibiz-tab-sidebar-layout__tab-item{display:flex;align-items:center;width:100%;min-height:var(--ibiz-tab-sidebar-layout-height-tab-item)}.ibiz-tab-sidebar-layout__tab-item .ibiz-info-item{display:inline-flex;max-width:100%}.ibiz-tab-sidebar-layout__tab-item .ibiz-info-item__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-tab-sidebar-layout__tab-item.is-long-label:has(.ibiz-info-item__badge){max-width:calc(100% - var(--ibiz-tab-sidebar-layout-width-badge-min-width))}.ibiz-tab-sidebar-layout .van-sidebar-item{display:flex;align-items:center;padding:var(--ibiz-tab-sidebar-layout-spacing-sidebar-item-padding);overflow:unset}.ibiz-tab-sidebar-layout .van-sidebar-item:not(.van-sidebar-item--select){background-color:var(--ibiz-tab-sidebar-layout-color-item-bg)}.ibiz-tab-sidebar-layout .van-sidebar-item.van-sidebar-item--select{background-color:var(--ibiz-tab-sidebar-layout-color-bg-active)}.ibiz-tab-sidebar-layout .van-sidebar-item__text{width:100%;height:100%}

package/lib/common/view-message/view-message.cjs

@@ -107,7 +107,7 @@ const ViewMessage = /* @__PURE__ */ vue.defineComponent({
         return vue.createVNode(vue.resolveComponent("van-notice-bar"), {
           "class": [this.ns.b("item"), (_a = item.sysCss) == null ? void 0 : _a.cssName],
           "type": (_b = item.messageType) == null ? void 0 : _b.toLowerCase(),
-          "wrapable": true,
+          "wrapable": !this.scroll,
           "scrollable": this.scroll,
           "mode": item.removeMode !== 0 ? "closeable" : "",
           "left-icon": this.getTypeIcon(item.messageType),

package/lib/control/app-menu/app-menu.cjs

@@ -43,7 +43,7 @@ const AppMenuControl = /* @__PURE__ */ vue.defineComponent({
   },
   setup() {
     const c = vue3Util.useControlController((...args) => new runtime.AppMenuController(...args));
-    const ns = vue3Util.useNamespace(`control-${c.model.controlType.toLowerCase()}`);
+    const ns = vue3Util.useNamespace("control-".concat(c.model.controlType.toLowerCase()));
     const activeName = vue.ref();
     const {
       onCustomizedClick

package/lib/control/app-menu/custom-menu-design/custom-menu-design.cjs

@@ -84,7 +84,7 @@ const MenuDesign = /* @__PURE__ */ vue.defineComponent({
       }
     };
     const renderNodeItem = (_item, _level, isGroup) => {
-      const marginLeft = `calc(${_level} * var(${ns.cssVarBlockName("spacing-node-item-margin-left")}))`;
+      const marginLeft = "calc(".concat(_level, " * var(").concat(ns.cssVarBlockName("spacing-node-item-margin-left"), "))");
       let checked = menuMap.value.has(_item.id || "");
       return vue.createVNode("div", {
         "class": [ns.e("item"), ns.is("group-item", !!isGroup)],

package/lib/control/app-menu/menu-render-util.cjs

@@ -17,6 +17,8 @@ function useMenuRender(c) {
         controller: c
       });
     }, {}, {
+      width: 100,
+      height: 80,
       attrs: {
         position: "bottom",
         closeable: false,

package/lib/control/app-menu-icon-view/app-menu-icon-view.cjs

@@ -34,7 +34,7 @@ const AppMenuIconViewControl = /* @__PURE__ */ vue.defineComponent({
   setup() {
     var _a;
     const c = vue3Util.useControlController((...args) => new runtime.AppMenuController(...args));
-    const ns = vue3Util.useNamespace(`control-${c.model.controlType.toLowerCase()}-${(_a = c.model.controlStyle) == null ? void 0 : _a.toLowerCase()}`);
+    const ns = vue3Util.useNamespace("control-".concat(c.model.controlType.toLowerCase(), "-").concat((_a = c.model.controlStyle) == null ? void 0 : _a.toLowerCase()));
     const {
       onCustomizedClick
     } = menuRenderUtil.useMenuRender(c);
@@ -126,7 +126,7 @@ const AppMenuIconViewControl = /* @__PURE__ */ vue.defineComponent({
       "class": [this.ns.b(), this.ns.m((_a = this.modelData.id) == null ? void 0 : _a.toLocaleLowerCase())]
     }, [vue.createVNode(vue.resolveComponent("van-grid"), {
       "clickable": true,
-      "column-num": 1,
+      "column-num": this.c.columnNum,
       "border": false
     }, _isSlot(_slot = state.mobMenuItems.map((item) => this.renderMenuItem(item))) ? _slot : {
       default: () => [_slot]

package/lib/control/app-menu-icon-view/app-menu-icon-view.css

@@ -1 +1 @@
-.ibiz-control-appmenu-iconview{--ibiz-control-appmenu-iconview-color-bg:var(--ibiz-color-bg-1);--ibiz-control-appmenu-iconview-color-text:var(--ibiz-color-text-0);--ibiz-control-appmenu-iconview-color-group-bg:var(--ibiz-color-bg-0);--ibiz-control-appmenu-iconview-color-group-text:var(--ibiz-color-text-1);--ibiz-control-appmenu-iconview-spacing-icon-gap:var(--ibiz-spacing-extra-tight);--ibiz-control-appmenu-iconview-spacing-item-padding:var(--ibiz-spacing-base-tight) var(--ibiz-spacing-base);--ibiz-control-appmenu-iconview-spacing-group-padding:var(--ibiz-spacing-base);--ibiz-control-appmenu-iconview-spacing-group-icon-gap:var(--ibiz-spacing-extra-tight);--ibiz-control-appmenu-iconview-spacing-group-counter-margin:0 0 0 var(--ibiz-spacing-tight);--ibiz-control-appmenu-iconview-font-text-fontSize:var(--ibiz-font-size-small);--ibiz-control-appmenu-iconview-font-icon-fontSize:var(--ibiz-height-control-default);--ibiz-control-appmenu-iconview-font-group-fontSize:var(--ibiz-font-size-header-6);--ibiz-control-appmenu-iconview-font-group-lineHeight:var(--ibiz-font-size-header-5);--ibiz-control-appmenu-iconview-icon-group-iconSize:var(--ibiz-width-icon-medium);--ibiz-control-appmenu-iconview-line-clamp-item-caption:2;background-color:var(--ibiz-control-appmenu-iconview-color-bg)}.ibiz-control-appmenu-iconview__item--content{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;width:100%;height:100%;padding:var(--ibiz-control-appmenu-iconview-spacing-item-padding);color:var(--ibiz-control-appmenu-iconview-color-text)}.ibiz-control-appmenu-iconview__item--icon{position:relative;display:flex;align-items:center;justify-content:center;width:var(--ibiz-control-appmenu-iconview-font-icon-fontSize);margin-bottom:var(--ibiz-control-appmenu-iconview-spacing-icon-gap);font-size:var(--ibiz-control-appmenu-iconview-font-icon-fontSize)}.ibiz-control-appmenu-iconview__item--icon .ibiz-icon{width:100%;height:100%}.ibiz-control-appmenu-iconview__item--icon ion-icon.ibiz-icon{width:1em;max-width:100%;height:1em;max-height:100%}.ibiz-control-appmenu-iconview__item--icon .fa.ibiz-icon{width:auto;max-width:100%;height:auto;max-height:100%}.ibiz-control-appmenu-iconview__item--counter{position:absolute;top:0;right:0;transform:translate(80%,-50%)}.ibiz-control-appmenu-iconview__item--caption{display:-webkit-box;flex:1;height:-moz-fit-content;height:fit-content;overflow:hidden;font-size:var(--ibiz-control-appmenu-iconview-font-text-fontSize);text-overflow:ellipsis;-webkit-line-clamp:var(--ibiz-control-appmenu-iconview-line-clamp-item-caption);line-clamp:var(--ibiz-control-appmenu-iconview-line-clamp-item-caption);-webkit-box-orient:vertical}.ibiz-control-appmenu-iconview__group-item--container{width:100%}.ibiz-control-appmenu-iconview__group-item--header{display:flex;align-items:center;padding:var(--ibiz-control-appmenu-iconview-spacing-group-padding);font-size:var(--ibiz-control-appmenu-iconview-font-group-fontSize);color:var(--ibiz-control-appmenu-iconview-color-group-text);background-color:var(--ibiz-control-appmenu-iconview-color-group-bg)}.ibiz-control-appmenu-iconview__group-item--header .ibiz-icon{margin-right:var(--ibiz-control-appmenu-iconview-spacing-group-icon-gap)}.ibiz-control-appmenu-iconview__group-item--content{display:flex;width:100%}.ibiz-control-appmenu-iconview__group-item--caption{line-height:var(--ibiz-control-appmenu-iconview-font-group-lineHeight)}.ibiz-control-appmenu-iconview__group-item--counter{margin:var(--ibiz-control-appmenu-iconview-spacing-group-counter-margin)}.ibiz-control-appmenu-iconview .van-grid-item__content{padding:0}.ibiz-control-appmenu-iconview-no-data{width:100%;padding:var(--ibiz-control-appmenu-iconview-spacing-item-padding);font-size:var(--ibiz-control-appmenu-iconview-font-item-fontSize);color:var(--ibiz-control-appmenu-iconview-color-text);text-align:center}
+.ibiz-control-appmenu-iconview{--ibiz-control-appmenu-iconview-color-bg:var(--ibiz-color-bg-1);--ibiz-control-appmenu-iconview-color-text:var(--ibiz-color-text-0);--ibiz-control-appmenu-iconview-color-group-bg:var(--ibiz-color-bg-0);--ibiz-control-appmenu-iconview-color-group-text:var(--ibiz-color-text-1);--ibiz-control-appmenu-iconview-spacing-icon-gap:var(--ibiz-spacing-extra-tight);--ibiz-control-appmenu-iconview-spacing-item-padding:var(--ibiz-spacing-base-tight) var(--ibiz-spacing-base);--ibiz-control-appmenu-iconview-spacing-group-padding:var(--ibiz-spacing-base);--ibiz-control-appmenu-iconview-spacing-group-icon-gap:var(--ibiz-spacing-extra-tight);--ibiz-control-appmenu-iconview-spacing-group-counter-margin:0 0 0 var(--ibiz-spacing-tight);--ibiz-control-appmenu-iconview-font-text-fontSize:var(--ibiz-font-size-small);--ibiz-control-appmenu-iconview-font-icon-fontSize:var(--ibiz-height-control-default);--ibiz-control-appmenu-iconview-font-group-fontSize:var(--ibiz-font-size-header-6);--ibiz-control-appmenu-iconview-font-group-lineHeight:var(--ibiz-font-size-header-5);--ibiz-control-appmenu-iconview-icon-group-iconSize:var(--ibiz-width-icon-medium);--ibiz-control-appmenu-iconview-line-clamp-item-caption:2;background-color:var(--ibiz-control-appmenu-iconview-color-bg)}.ibiz-control-appmenu-iconview__item--content{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;width:100%;height:100%;padding:var(--ibiz-control-appmenu-iconview-spacing-item-padding);color:var(--ibiz-control-appmenu-iconview-color-text)}.ibiz-control-appmenu-iconview__item--icon{position:relative;display:flex;align-items:center;justify-content:center;width:var(--ibiz-control-appmenu-iconview-font-icon-fontSize);margin-bottom:var(--ibiz-control-appmenu-iconview-spacing-icon-gap);font-size:var(--ibiz-control-appmenu-iconview-font-icon-fontSize)}.ibiz-control-appmenu-iconview__item--icon .ibiz-icon{width:100%;height:100%}.ibiz-control-appmenu-iconview__item--icon ion-icon.ibiz-icon{width:1em;max-width:100%;height:1em;max-height:100%}.ibiz-control-appmenu-iconview__item--icon .fa.ibiz-icon{width:auto;max-width:100%;height:auto;max-height:100%}.ibiz-control-appmenu-iconview__item--counter{position:absolute;top:0;right:0;transform:translate(80%,-50%)}.ibiz-control-appmenu-iconview__item--caption{display:-webkit-box;flex:1;height:-moz-fit-content;height:fit-content;overflow:hidden;font-size:var(--ibiz-control-appmenu-iconview-font-text-fontSize);text-overflow:ellipsis;-webkit-line-clamp:var(--ibiz-control-appmenu-iconview-line-clamp-item-caption);line-clamp:var(--ibiz-control-appmenu-iconview-line-clamp-item-caption);-webkit-box-orient:vertical}.ibiz-control-appmenu-iconview__group-item{flex-basis:100%!important}.ibiz-control-appmenu-iconview__group-item--container{width:100%}.ibiz-control-appmenu-iconview__group-item--header{display:flex;align-items:center;padding:var(--ibiz-control-appmenu-iconview-spacing-group-padding);font-size:var(--ibiz-control-appmenu-iconview-font-group-fontSize);color:var(--ibiz-control-appmenu-iconview-color-group-text);background-color:var(--ibiz-control-appmenu-iconview-color-group-bg)}.ibiz-control-appmenu-iconview__group-item--header .ibiz-icon{margin-right:var(--ibiz-control-appmenu-iconview-spacing-group-icon-gap)}.ibiz-control-appmenu-iconview__group-item--content{display:flex;width:100%}.ibiz-control-appmenu-iconview__group-item--caption{line-height:var(--ibiz-control-appmenu-iconview-font-group-lineHeight)}.ibiz-control-appmenu-iconview__group-item--counter{margin:var(--ibiz-control-appmenu-iconview-spacing-group-counter-margin)}.ibiz-control-appmenu-iconview .van-grid-item__content{padding:0}.ibiz-control-appmenu-iconview-no-data{width:100%;padding:var(--ibiz-control-appmenu-iconview-spacing-item-padding);font-size:var(--ibiz-control-appmenu-iconview-font-item-fontSize);color:var(--ibiz-control-appmenu-iconview-color-text);text-align:center}

package/lib/control/app-menu-icon-view/index.cjs

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

package/lib/control/app-menu-list-view/app-menu-list-view.cjs

@@ -34,7 +34,7 @@ const AppMenuListViewControl = /* @__PURE__ */ vue.defineComponent({
   setup() {
     var _a;
     const c = vue3Util.useControlController((...args) => new runtime.AppMenuController(...args));
-    const ns = vue3Util.useNamespace(`control-${c.model.controlType.toLowerCase()}-${(_a = c.model.controlStyle) == null ? void 0 : _a.toLowerCase()}`);
+    const ns = vue3Util.useNamespace("control-".concat(c.model.controlType.toLowerCase(), "-").concat((_a = c.model.controlStyle) == null ? void 0 : _a.toLowerCase()));
     const {
       onCustomizedClick
     } = menuRenderUtil.useMenuRender(c);

package/lib/control/app-menu-list-view/app-menu-list-view.css

@@ -1 +1 @@
-.ibiz-control-appmenu-listview{--ibiz-control-appmenu-listview-color-item-bg:var(--ibiz-color-bg-2);--ibiz-control-appmenu-listview-color-item-text:var(--ibiz-color-text-0);--ibiz-control-appmenu-listview-spacing-item-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);--ibiz-control-appmenu-listview-spacing-group-item-icon-margin:0 var(--ibiz-spacing-extra-tight) 0 0;--ibiz-control-appmenu-listview-spacing-icon-counter-margin:0 0 0 var(--ibiz-spacing-tight);--ibiz-control-appmenu-listview-spacing-item-icon-margin:0 var(--ibiz-spacing-extra-tight) 0 0;--ibiz-control-appmenu-listview-font-item-fontSize:var(--ibiz-font-size-regular);--ibiz-control-appmenu-listview-font-icon-fontSize:var(--ibiz-font-size-regular)}.ibiz-control-appmenu-listview__group-title{display:flex;align-items:center}.ibiz-control-appmenu-listview__group-title .ibiz-icon{margin:var(--ibiz-control-appmenu-listview-spacing-group-item-icon-margin)}.ibiz-control-appmenu-listview__group-title--counter{margin:var(--ibiz-control-appmenu-listview-spacing-icon-counter-margin)}.ibiz-control-appmenu-listview__item.ibiz-control-appmenu-listview__item{padding:var(--ibiz-control-appmenu-listview-spacing-item-padding);font-size:var(--ibiz-control-appmenu-listview-font-item-fontSize);color:var(--ibiz-control-appmenu-listview-color-item-text);background-color:var(--ibiz-control-appmenu-listview-color-item-bg)}.ibiz-control-appmenu-listview__item.ibiz-control-appmenu-listview__item:last-child{border-width:0}.ibiz-control-appmenu-listview__item.ibiz-control-appmenu-listview__item::after{left:0}.ibiz-control-appmenu-listview__item--value{display:flex;align-items:center;justify-content:flex-end}.ibiz-control-appmenu-listview__item--icon{display:flex;align-items:center;justify-content:center;width:var(--ibiz-control-appmenu-listview-font-icon-fontSize);margin:var(--ibiz-control-appmenu-listview-spacing-item-icon-margin);font-size:var(--ibiz-control-appmenu-listview-font-icon-fontSize)}.ibiz-control-appmenu-listview__item .van-cell__title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ibiz-control-appmenu-listview__item .van-cell__value{width:auto;flex:unset;margin-left:auto}.ibiz-control-appmenu-listview-no-data{padding:var(--ibiz-control-appmenu-listview-spacing-item-padding);font-size:var(--ibiz-control-appmenu-listview-font-item-fontSize);color:var(--ibiz-control-appmenu-listview-color-item-text);text-align:center}
+.ibiz-control-appmenu-listview{--ibiz-control-appmenu-listview-color-item-bg:var(--ibiz-color-bg-2);--ibiz-control-appmenu-listview-color-item-text:var(--ibiz-color-text-0);--ibiz-control-appmenu-listview-spacing-item-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);--ibiz-control-appmenu-listview-spacing-group-item-icon-margin:0 var(--ibiz-spacing-extra-tight) 0 0;--ibiz-control-appmenu-listview-spacing-icon-counter-margin:0 0 0 var(--ibiz-spacing-tight);--ibiz-control-appmenu-listview-spacing-item-icon-margin:0 var(--ibiz-spacing-extra-tight) 0 0;--ibiz-control-appmenu-listview-font-item-fontSize:var(--ibiz-font-size-regular);--ibiz-control-appmenu-listview-font-icon-fontSize:var(--van-cell-icon-size)}.ibiz-control-appmenu-listview__group-title{display:flex;align-items:center}.ibiz-control-appmenu-listview__group-title .ibiz-icon{margin:var(--ibiz-control-appmenu-listview-spacing-group-item-icon-margin)}.ibiz-control-appmenu-listview__group-title--counter{margin:var(--ibiz-control-appmenu-listview-spacing-icon-counter-margin)}.ibiz-control-appmenu-listview__item.ibiz-control-appmenu-listview__item{padding:var(--ibiz-control-appmenu-listview-spacing-item-padding);font-size:var(--ibiz-control-appmenu-listview-font-item-fontSize);color:var(--ibiz-control-appmenu-listview-color-item-text);background-color:var(--ibiz-control-appmenu-listview-color-item-bg)}.ibiz-control-appmenu-listview__item.ibiz-control-appmenu-listview__item:last-child{border-width:0}.ibiz-control-appmenu-listview__item.ibiz-control-appmenu-listview__item::after{left:0}.ibiz-control-appmenu-listview__item--value{display:flex;align-items:center;justify-content:flex-end}.ibiz-control-appmenu-listview__item--icon{display:flex;align-items:center;justify-content:center;width:var(--ibiz-control-appmenu-listview-font-icon-fontSize);margin:var(--ibiz-control-appmenu-listview-spacing-item-icon-margin);font-size:var(--ibiz-control-appmenu-listview-font-icon-fontSize)}.ibiz-control-appmenu-listview__item .van-cell__title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ibiz-control-appmenu-listview__item .van-cell__value{width:auto;flex:unset;margin-left:auto}.ibiz-control-appmenu-listview-no-data{padding:var(--ibiz-control-appmenu-listview-spacing-item-padding);font-size:var(--ibiz-control-appmenu-listview-font-item-fontSize);color:var(--ibiz-control-appmenu-listview-color-item-text);text-align:center}

package/lib/control/app-menu-list-view/index.cjs

@@ -13,7 +13,7 @@ const IBizAppMenuListViewControl = vue3Util.withInstall(
   function(v) {
     v.component(appMenuListView.AppMenuListViewControl.name, appMenuListView.AppMenuListViewControl);
     runtime.registerControlProvider(
-      `${runtime.ControlType.APP_MENU}_LISTVIEW`,
+      "".concat(runtime.ControlType.APP_MENU, "_LISTVIEW"),
       () => new appMenuListView_provider.AppMenuListViewProvider()
     );
   }

package/lib/control/calendar/calendar.cjs

@@ -70,7 +70,7 @@ const CalendarControl = /* @__PURE__ */ vue.defineComponent({
   },
   setup() {
     const c = vue3Util.useControlController((...args) => new runtime.CalendarController(...args));
-    const ns = vue3Util.useNamespace(`control-${c.model.controlType.toLowerCase()}`);
+    const ns = vue3Util.useNamespace("control-".concat(c.model.controlType.toLowerCase()));
     const loadItems = vue.ref([]);
     const infiniteScroll = vue.ref();
     const disabledLodeMore = vue.computed(() => {
@@ -146,7 +146,7 @@ const CalendarControl = /* @__PURE__ */ vue.defineComponent({
     };
     vue.watch(() => c.state.selectedDate, (newVal, oldVal) => {
       var _a;
-      if (newVal && newVal !== oldVal) {
+      if (newVal && dayjs(newVal).format("YYYY-MM-DD") !== dayjs(oldVal).format("YYYY-MM-DD")) {
         (_a = calendar.value) == null ? void 0 : _a.reset(c.state.selectedDate);
       }
     }, {
@@ -331,7 +331,7 @@ const CalendarControl = /* @__PURE__ */ vue.defineComponent({
               "title": label,
               "title-class": this.ns.be("footer", "tab-item"),
               "title-style": {
-                [`--${this.ns.b()}-tab-bg`]: calendarItem.bkcolor
+                ["--".concat(this.ns.b(), "-tab-bg")]: calendarItem.bkcolor
               }
             }, {
               default: () => [vue.createVNode(vue.resolveComponent("van-list"), null, _isSlot(_slot = renderCalendarListByItemType(calendarItem.itemType)) ? _slot : {
@@ -345,7 +345,7 @@ const CalendarControl = /* @__PURE__ */ vue.defineComponent({
         "show": this.visible,
         "onUpdate:show": ($event) => this.visible = $event,
         "style": {
-          height: "70%"
+          height: "auto"
         },
         "teleport": "body",
         "position": "bottom"
@@ -374,8 +374,8 @@ const CalendarControl = /* @__PURE__ */ vue.defineComponent({
       });
       groupMap.forEach((children, key) => {
         groups.push({
-          key: `${key}`,
-          caption: key ? dayjs(key).format(this.c.timelineCaptionFormat) : `${key}`,
+          key: "".concat(key),
+          caption: key ? dayjs(key).format(this.c.timelineCaptionFormat) : "".concat(key),
           children
         });
       });
@@ -396,7 +396,7 @@ const CalendarControl = /* @__PURE__ */ vue.defineComponent({
           const style = {};
           if (model == null ? void 0 : model.bkcolor) {
             Object.assign(style, {
-              [`--${this.ns.b()}-timeline-item-bg-color`]: model.bkcolor
+              ["--".concat(this.ns.b(), "-timeline-item-bg-color")]: model.bkcolor
             });
           }
           return vue.createVNode("div", {

package/lib/control/calendar/calendar.css

@@ -1 +1 @@
-.ibiz-control-calendar{--ibiz-control-calendar-text-color:var(--ibiz-color-text-0);--ibiz-control-calendar-font-size:var(--ibiz-font-size-small);--ibiz-control-calendar-item-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);--ibiz-control-calendar-mark-height:var(--ibiz-spacing-tight);--ibiz-control-calendar-mark-width:var(--ibiz-spacing-tight);--ibiz-control-calendar-mark-color:var(--ibiz-color-danger);--ibiz-control-calendar-item-border-gap:var(--ibiz-spacing-tight);--ibiz-control-calendar-item-border:1px solid var(--ibiz-color-border);--ibiz-control-calendar-header-caption-padding:var(--ibiz-spacing-base) var(--ibiz-spacing-tight);--ibiz-control-calendar-header-caption-bg:var(--ibiz-color-bg-1);--ibiz-control-calendar-toolbar-color:var(--ibiz-color-primary);--ibiz-control-calendar-toolbar-bg:var(--ibiz-color-bg-0);--ibiz-control-calendar-toolbar-gap:var(--ibiz-spacing-base);--ibiz-control-calendar-calendar-bg:var(--ibiz-color-bg-1);--ibiz-control-calendar-calendar-main-color:var(--ibiz-color-primary);--ibiz-control-calendar-calendar-color:var(--ibiz-color-text-0);--ibiz-control-calendar-calendar-disabled-color:var(--ibiz-color-disabled-text);--ibiz-control-calendar-calendar-active-color:var(--ibiz-color-primary);--ibiz-control-calendar-calendar-active-bg:var(--ibiz-color-primary-light-default);--ibiz-control-calendar-timeline-item-padding:var(--ibiz-spacing-base);--ibiz-control-calendar-timeline-item-size:var(--ibiz-width-icon-small);--ibiz-control-calendar-timeline-item-bg-color:var(--ibiz-color-border);--ibiz-control-calendar-tab-bg:transparent;--ibiz-control-calendar-timeline-item-margin:0 0 var(--ibiz-spacing-base) 0;--ibiz-control-calendar-timeline-padding:var(--ibiz-spacing-base);--ibiz-control-calendar-timeline-timespan-padding:var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-tight);--ibiz-control-calendar-timeline-item-border-radius:var(--ibiz-spacing-tight);--ibiz-control-calendar-timeline-item-content-margin:var(--ibiz-spacing-base);display:flex;flex-direction:column}.ibiz-control-calendar__day{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.ibiz-control-calendar__mark{display:flex;position:absolute;bottom:0;left:0;justify-content:space-around;width:100%}.ibiz-control-calendar__mark--item{width:var(--ibiz-control-calendar-mark-width);height:var(--ibiz-control-calendar-mark-height);background-color:var(--ibiz-control-calendar-mark-color);border-radius:50%}.ibiz-control-calendar .ibiz-control-calendar-item{height:auto;padding:var(--ibiz-control-calendar-item-padding)}.ibiz-control-calendar .ibiz-control-calendar-item--default{overflow:hidden;font-size:var(--ibiz-control-calendar-font-size);color:var(--ibiz-control-calendar-text-color);text-overflow:ellipsis;white-space:nowrap}.ibiz-control-calendar .ibiz-control-calendar-item--panel{position:relative}.ibiz-control-calendar .ibiz-control-calendar-item--panel::after{position:absolute;content:" ";pointer-events:none;right:var(--ibiz-control-calendar-item-border-gap);bottom:0;left:var(--ibiz-control-calendar-item-border-gap);border-bottom:var(--ibiz-control-calendar-item-border)}.ibiz-control-calendar .hash-calendar{--hash-calendar-main-font-color:var(--ibiz-control-calendar-calendar-color);--hash-calendar-main-color:var(--ibiz-control-calendar-calendar-main-color);--hash-calendar-disabled-font-color:var(--ibiz-control-calendar-calendar-disabled-color)}.ibiz-control-calendar .hash-calendar .calendar_content{background-color:var(--ibiz-control-calendar-calendar-bg)}.ibiz-control-calendar .hash-calendar .calendar_group_li,.ibiz-control-calendar .hash-calendar .calendar_week{background-color:var(--ibiz-control-calendar-calendar-bg)}.ibiz-control-calendar .hash-calendar .calendar_day_checked{color:var(--ibiz-control-calendar-calendar-active-color);background-color:var(--ibiz-control-calendar-calendar-active-bg)}.ibiz-control-calendar-footer{flex:auto;min-height:0}.ibiz-control-calendar-footer .van-tabs{height:100%;display:flex;flex-direction:column}.ibiz-control-calendar-footer .van-tabs__wrap{flex:none}.ibiz-control-calendar-footer .van-tabs__content{flex:auto;overflow-y:auto}.ibiz-control-calendar-footer .van-list,.ibiz-control-calendar-footer .van-tab__panel{height:100%}.ibiz-control-calendar-footer__tab-item .van-tab__text{position:relative;overflow:visible}.ibiz-control-calendar-footer__tab-item .van-tab__text::before{content:"";width:100%;height:.1875rem;bottom:-.5rem;border-radius:.1875rem;transform:translateY(-50%);background-color:var(--ibiz-control-calendar-tab-bg);position:absolute}.ibiz-control-calendar-footer__tab-item.van-tab--active .van-tab__text::before{content:unset}.ibiz-control-calendar-header-toolbar{width:100%;display:flex}.ibiz-control-calendar-header-toolbar__select-day{padding:var(--ibiz-control-calendar-header-caption-padding);background-color:var(--ibiz-control-calendar-header-caption-bg)}.ibiz-control-calendar-header-toolbar__switch-toolbar{flex:auto;align-items:center;display:flex;justify-content:end;color:var(--ibiz-control-calendar-toolbar-color);gap:var(--ibiz-control-calendar-toolbar-gap);padding-right:var(--ibiz-control-calendar-toolbar-gap);background-color:var(--ibiz-control-calendar-toolbar-bg)}.ibiz-control-calendar-timeline{--ibiz-control-calendar-text-color:var(--ibiz-color-text-0);--ibiz-control-calendar-font-size:var(--ibiz-font-size-small);--ibiz-control-calendar-item-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);--ibiz-control-calendar-mark-height:var(--ibiz-spacing-tight);--ibiz-control-calendar-mark-width:var(--ibiz-spacing-tight);--ibiz-control-calendar-mark-color:var(--ibiz-color-danger);--ibiz-control-calendar-item-border-gap:var(--ibiz-spacing-tight);--ibiz-control-calendar-item-border:1px solid var(--ibiz-color-border);--ibiz-control-calendar-header-caption-padding:var(--ibiz-spacing-base) var(--ibiz-spacing-tight);--ibiz-control-calendar-header-caption-bg:var(--ibiz-color-bg-1);--ibiz-control-calendar-toolbar-color:var(--ibiz-color-primary);--ibiz-control-calendar-toolbar-bg:var(--ibiz-color-bg-0);--ibiz-control-calendar-toolbar-gap:var(--ibiz-spacing-base);--ibiz-control-calendar-calendar-bg:var(--ibiz-color-bg-1);--ibiz-control-calendar-calendar-main-color:var(--ibiz-color-primary);--ibiz-control-calendar-calendar-color:var(--ibiz-color-text-0);--ibiz-control-calendar-calendar-disabled-color:var(--ibiz-color-disabled-text);--ibiz-control-calendar-calendar-active-color:var(--ibiz-color-primary);--ibiz-control-calendar-calendar-active-bg:var(--ibiz-color-primary-light-default);--ibiz-control-calendar-timeline-item-padding:var(--ibiz-spacing-base);--ibiz-control-calendar-timeline-item-size:var(--ibiz-width-icon-small);--ibiz-control-calendar-timeline-item-bg-color:var(--ibiz-color-border);--ibiz-control-calendar-tab-bg:transparent;--ibiz-control-calendar-timeline-item-margin:0 0 var(--ibiz-spacing-base) 0;--ibiz-control-calendar-timeline-padding:var(--ibiz-spacing-base);--ibiz-control-calendar-timeline-timespan-padding:var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-tight);--ibiz-control-calendar-timeline-item-border-radius:var(--ibiz-spacing-tight);--ibiz-control-calendar-timeline-item-content-margin:var(--ibiz-spacing-base);padding:var(--ibiz-control-calendar-timeline-padding);overflow:auto}.ibiz-control-calendar-timeline__item{margin:var(--ibiz-control-calendar-timeline-item-margin)}.ibiz-control-calendar-timeline__item--timespan{width:auto;display:inline-block;padding:var(--ibiz-control-calendar-timeline-timespan-padding);border-radius:var(--ibiz-control-calendar-timeline-item-border-radius);background-color:var(--ibiz-control-calendar-timeline-item-bg-color)}.ibiz-control-calendar-timeline__item--content{margin-top:var(--ibiz-control-calendar-timeline-item-content-margin)}.ibiz-control-calendar-timeline__item .ibiz-control-calendar-item{padding:0}
+.ibiz-control-calendar{--ibiz-control-calendar-color-text-color:var(--ibiz-color-text-0);--ibiz-control-calendar-color-mark-color:var(--ibiz-color-danger);--ibiz-control-calendar-color-header-caption-bg:var(--ibiz-color-bg-1);--ibiz-control-calendar-color-toolbar-color:var(--ibiz-color-primary);--ibiz-control-calendar-color-toolbar-bg:var(--ibiz-color-bg-0);--ibiz-control-calendar-color-calendar-bg:var(--ibiz-color-bg-1);--ibiz-control-calendar-color-calendar-main-color:var(--ibiz-color-primary);--ibiz-control-calendar-color-calendar-color:var(--ibiz-color-text-0);--ibiz-control-calendar-color-calendar-disabled-color:var(--ibiz-color-disabled-text);--ibiz-control-calendar-color-calendar-active-color:var(--ibiz-color-primary);--ibiz-control-calendar-color-calendar-active-bg:var(--ibiz-color-primary-light-default);--ibiz-control-calendar-color-timeline-item-bg-color:var(--ibiz-color-border);--ibiz-control-calendar-color-tab-bg:transparent;--ibiz-control-calendar-font-calendar-item-fontSize:var(--ibiz-font-size-small);--ibiz-control-calendar-font-timeline-item-fontSize:var(--ibiz-width-icon-small);--ibiz-control-calendar-spacing-item-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);--ibiz-control-calendar-spacing-item-border-gap:var(--ibiz-spacing-tight);--ibiz-control-calendar-spacing-header-caption-padding:var(--ibiz-spacing-base) var(--ibiz-spacing-tight);--ibiz-control-calendar-spacing-toolbar-gap:var(--ibiz-spacing-base);--ibiz-control-calendar-spacing-timeline-item-padding:var(--ibiz-spacing-base);--ibiz-control-calendar-spacing-timeline-item-margin:0 0 var(--ibiz-spacing-base) 0;--ibiz-control-calendar-spacing-timeline-padding:var(--ibiz-spacing-base);--ibiz-control-calendar-spacing-timeline-timespan-padding:var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-tight);--ibiz-control-calendar-spacing-timeline-item-content-margin:var(--ibiz-spacing-base);--ibiz-control-calendar-height-mark-height:var(--ibiz-spacing-tight);--ibiz-control-calendar-width-mark-width:var(--ibiz-spacing-tight);--ibiz-control-calendar-radius-timeline-item-border-radius:var(--ibiz-spacing-tight);--ibiz-control-calendar-item-border:1px solid var(--ibiz-color-border);display:flex;flex-direction:column}.ibiz-control-calendar__day{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.ibiz-control-calendar__mark{display:flex;position:absolute;bottom:0;left:0;justify-content:space-around;width:100%}.ibiz-control-calendar__mark--item{width:var(--ibiz-control-calendar-width-mark-width);height:var(--ibiz-control-calendar-height-mark-height);background-color:var(--ibiz-control-calendar-color-mark-color);border-radius:50%}.ibiz-control-calendar .ibiz-control-calendar-item{height:auto;padding:var(--ibiz-control-calendar-spacing-item-padding)}.ibiz-control-calendar .ibiz-control-calendar-item--default{overflow:hidden;font-size:var(--ibiz-control-calendar-font-calendar-item-fontSize);color:var(--ibiz-control-calendar-color-text-color);text-overflow:ellipsis;white-space:nowrap}.ibiz-control-calendar .ibiz-control-calendar-item--panel{position:relative}.ibiz-control-calendar .ibiz-control-calendar-item--panel::after{position:absolute;content:" ";pointer-events:none;right:var(--ibiz-control-calendar-spacing-item-border-gap);bottom:0;left:var(--ibiz-control-calendar-spacing-item-border-gap);border-bottom:var(--ibiz-control-calendar-item-border)}.ibiz-control-calendar .hash-calendar{--hash-calendar-main-font-color:var(--ibiz-control-calendar-color-calendar-color);--hash-calendar-main-color:var(--ibiz-control-calendar-color-calendar-main-color);--hash-calendar-disabled-font-color:var(--ibiz-control-calendar-color-calendar-disabled-color)}.ibiz-control-calendar .hash-calendar .calendar_content{background-color:var(--ibiz-control-calendar-color-calendar-bg)}.ibiz-control-calendar .hash-calendar .calendar_group_li,.ibiz-control-calendar .hash-calendar .calendar_week{background-color:var(--ibiz-control-calendar-color-calendar-bg)}.ibiz-control-calendar .hash-calendar .calendar_day_checked{color:var(--ibiz-control-calendar-color-calendar-active-color);background-color:var(--ibiz-control-calendar-color-calendar-active-bg)}.ibiz-control-calendar-footer{flex:auto;min-height:0}.ibiz-control-calendar-footer .van-tabs{height:100%;display:flex;flex-direction:column}.ibiz-control-calendar-footer .van-tabs__wrap{flex:none}.ibiz-control-calendar-footer .van-tabs__content{flex:auto;overflow-y:auto}.ibiz-control-calendar-footer .van-list,.ibiz-control-calendar-footer .van-tab__panel{height:100%}.ibiz-control-calendar-footer__tab-item .van-tab__text{position:relative;overflow:visible}.ibiz-control-calendar-footer__tab-item .van-tab__text::before{content:"";width:100%;height:.1875rem;bottom:-.5rem;border-radius:.1875rem;transform:translateY(-50%);background-color:var(--ibiz-control-calendar-color-tab-bg);position:absolute}.ibiz-control-calendar-footer__tab-item.van-tab--active .van-tab__text::before{content:unset}.ibiz-control-calendar-header-toolbar{width:100%;display:flex}.ibiz-control-calendar-header-toolbar__select-day{padding:var(--ibiz-control-calendar-spacing-header-caption-padding);background-color:var(--ibiz-control-calendar-color-header-caption-bg)}.ibiz-control-calendar-header-toolbar__switch-toolbar{flex:auto;align-items:center;display:flex;justify-content:end;color:var(--ibiz-control-calendar-color-toolbar-color);gap:var(--ibiz-control-calendar-spacing-toolbar-gap);padding-right:var(--ibiz-control-calendar-spacing-toolbar-gap);background-color:var(--ibiz-control-calendar-color-toolbar-bg)}.ibiz-control-calendar-timeline{--ibiz-control-calendar-color-text-color:var(--ibiz-color-text-0);--ibiz-control-calendar-color-mark-color:var(--ibiz-color-danger);--ibiz-control-calendar-color-header-caption-bg:var(--ibiz-color-bg-1);--ibiz-control-calendar-color-toolbar-color:var(--ibiz-color-primary);--ibiz-control-calendar-color-toolbar-bg:var(--ibiz-color-bg-0);--ibiz-control-calendar-color-calendar-bg:var(--ibiz-color-bg-1);--ibiz-control-calendar-color-calendar-main-color:var(--ibiz-color-primary);--ibiz-control-calendar-color-calendar-color:var(--ibiz-color-text-0);--ibiz-control-calendar-color-calendar-disabled-color:var(--ibiz-color-disabled-text);--ibiz-control-calendar-color-calendar-active-color:var(--ibiz-color-primary);--ibiz-control-calendar-color-calendar-active-bg:var(--ibiz-color-primary-light-default);--ibiz-control-calendar-color-timeline-item-bg-color:var(--ibiz-color-border);--ibiz-control-calendar-color-tab-bg:transparent;--ibiz-control-calendar-font-calendar-item-fontSize:var(--ibiz-font-size-small);--ibiz-control-calendar-font-timeline-item-fontSize:var(--ibiz-width-icon-small);--ibiz-control-calendar-spacing-item-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);--ibiz-control-calendar-spacing-item-border-gap:var(--ibiz-spacing-tight);--ibiz-control-calendar-spacing-header-caption-padding:var(--ibiz-spacing-base) var(--ibiz-spacing-tight);--ibiz-control-calendar-spacing-toolbar-gap:var(--ibiz-spacing-base);--ibiz-control-calendar-spacing-timeline-item-padding:var(--ibiz-spacing-base);--ibiz-control-calendar-spacing-timeline-item-margin:0 0 var(--ibiz-spacing-base) 0;--ibiz-control-calendar-spacing-timeline-padding:var(--ibiz-spacing-base);--ibiz-control-calendar-spacing-timeline-timespan-padding:var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-tight);--ibiz-control-calendar-spacing-timeline-item-content-margin:var(--ibiz-spacing-base);--ibiz-control-calendar-height-mark-height:var(--ibiz-spacing-tight);--ibiz-control-calendar-width-mark-width:var(--ibiz-spacing-tight);--ibiz-control-calendar-radius-timeline-item-border-radius:var(--ibiz-spacing-tight);--ibiz-control-calendar-item-border:1px solid var(--ibiz-color-border);padding:var(--ibiz-control-calendar-spacing-timeline-padding);overflow:auto}.ibiz-control-calendar-timeline__item{margin:var(--ibiz-control-calendar-spacing-timeline-item-margin)}.ibiz-control-calendar-timeline__item--timespan{width:auto;display:inline-block;padding:var(--ibiz-control-calendar-spacing-timeline-timespan-padding);border-radius:var(--ibiz-control-calendar-radius-timeline-item-border-radius);background-color:var(--ibiz-control-calendar-color-timeline-item-bg-color)}.ibiz-control-calendar-timeline__item--content{margin-top:var(--ibiz-control-calendar-spacing-timeline-item-content-margin)}.ibiz-control-calendar-timeline__item .ibiz-control-calendar-item{padding:0}

package/lib/control/caption-bar/caption-bar.cjs

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

package/lib/control/caption-bar/caption-bar.css

@@ -1 +1 @@
-.ibiz-control-captionbar{--ibiz-control-captionbar-color-page-caption:var(--ibiz-view-page-caption-color);--ibiz-control-captionbar-color-sub-caption:var(--ibiz-color-text-2);--ibiz-control-captionbar-font-page-caption:var(--ibiz-view-page-caption-font-size);--ibiz-control-captionbar-font-sub-caption:var(--ibiz-font-size-regular);--ibiz-control-captionbar-font-sub-main-size:var(--ibiz-font-size-header-6);--ibiz-control-captionbar-font-weight:var(--ibiz-view-page-caption-font-weight);--ibiz-control-captionbar-font-line-height:var(--ibiz-view-page-caption-line-height);--ibiz-control-captionbar-font-text-align:var(--ibiz-view-page-caption-text-align);--ibiz-control-captionbar-font-icon-width:1.25rem;--ibiz-control-captionbar-spacing-padding:var(--ibiz-spacing-tight) 0;--ibiz-control-captionbar-spacing-margin-right:var(--ibiz-spacing-tight) 0;--ibiz-control-captionbar-height-min-height:var(--ibiz-spacing-super-loose);position:relative;display:flex;flex-direction:column;align-items:center;height:100%;min-height:var(--ibiz-control-captionbar-height-min-height);padding:var(--ibiz-control-captionbar-spacing-padding)}.ibiz-control-captionbar.is-hasSub .ibiz-control-captionbar-caption{font-size:var(--ibiz-control-captionbar-font-sub-main-size)}.ibiz-control-captionbar-caption__icon{display:inline;margin-right:var(--ibiz-control-captionbar-spacing-margin-right)}.ibiz-control-captionbar .ibiz-control-captionbar-caption{position:relative;display:flex;justify-content:center;width:100%;height:100%;font-size:var(--ibiz-control-captionbar-font-page-caption);font-weight:var(--ibiz-control-captionbar-font-weight);line-height:var(--ibiz-control-captionbar-font-line-height);color:var(--ibiz-control-captionbar-color-page-caption);text-align:var(--ibiz-control-captionbar-font-text-align)}.ibiz-control-captionbar .ibiz-control-captionbar-caption>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-control-captionbar .ibiz-control-captionbar-caption .ibiz-icon{flex-shrink:0;width:var(--ibiz-control-captionbar-font-icon-width);font-size:var(--ibiz-control-captionbar-font-icon-width)}.ibiz-control-captionbar .ibiz-control-captionbar-sub-caption{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:var(--ibiz-control-captionbar-font-sub-caption);color:var(--ibiz-control-captionbar-color-sub-caption);text-align:var(--ibiz-control-captionbar-font-text-align)}
+.ibiz-control-captionbar{--ibiz-control-captionbar-color-page-caption:var(--ibiz-view-page-caption-color);--ibiz-control-captionbar-color-sub-caption:var(--ibiz-color-text-2);--ibiz-control-captionbar-font-page-caption-fontSize:var(--ibiz-view-page-caption-font-size);--ibiz-control-captionbar-font-sub-caption-fontSize:var(--ibiz-font-size-regular);--ibiz-control-captionbar-font-sub-main-fontSize:var(--ibiz-font-size-header-6);--ibiz-control-captionbar-font-caption-fontWeight:var(--ibiz-view-page-caption-font-weight);--ibiz-control-captionbar-font-caption-lineHeight:var(--ibiz-view-page-caption-line-height);--ibiz-control-captionbar-font-caption-textAlign:var(--ibiz-view-page-caption-text-align);--ibiz-control-captionbar-font-icon-width-fontSize:1.25rem;--ibiz-control-captionbar-spacing-padding:var(--ibiz-spacing-tight) 0;--ibiz-control-captionbar-spacing-margin-right:var(--ibiz-spacing-tight) 0;--ibiz-control-captionbar-height-min-height:var(--ibiz-spacing-super-loose);position:relative;display:flex;flex-direction:column;align-items:center;height:100%;min-height:var(--ibiz-control-captionbar-height-min-height);padding:var(--ibiz-control-captionbar-spacing-padding)}.ibiz-control-captionbar.is-hasSub .ibiz-control-captionbar-caption{font-size:var(--ibiz-control-captionbar-font-sub-main-fontSize)}.ibiz-control-captionbar-caption__icon{display:inline;margin-right:var(--ibiz-control-captionbar-spacing-margin-right)}.ibiz-control-captionbar .ibiz-control-captionbar-caption{position:relative;display:flex;justify-content:center;width:100%;height:100%;font-size:var(--ibiz-control-captionbar-font-page-caption-fontSize);font-weight:var(--ibiz-control-captionbar-font-caption-fontWeight);line-height:var(--ibiz-control-captionbar-font-caption-lineHeight);color:var(--ibiz-control-captionbar-color-page-caption);text-align:var(--ibiz-control-captionbar-font-caption-textAlign)}.ibiz-control-captionbar .ibiz-control-captionbar-caption>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-control-captionbar .ibiz-control-captionbar-caption .ibiz-icon{flex-shrink:0;width:var(--ibiz-control-captionbar-font-icon-width-fontSize);font-size:var(--ibiz-control-captionbar-font-icon-width-fontSize)}.ibiz-control-captionbar .ibiz-control-captionbar-sub-caption{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:var(--ibiz-control-captionbar-font-sub-caption-fontSize);color:var(--ibiz-control-captionbar-color-sub-caption);text-align:var(--ibiz-control-captionbar-font-text-align)}

package/lib/control/chart/chart.cjs

@@ -58,7 +58,7 @@ const ChartControl = /* @__PURE__ */ vue.defineComponent({
   },
   setup() {
     const c = vue3Util.useControlController((...args) => new runtime.ChartController(...args));
-    const ns = vue3Util.useNamespace(`control-${c.model.controlType.toLowerCase()}`);
+    const ns = vue3Util.useNamespace("control-".concat(c.model.controlType.toLowerCase()));
     const chartRef = vue.ref();
     let resizeObserver;
     vue.onMounted(() => {

package/lib/control/dashboard/custom-dashboard-design/custom-dashboard-design.css

@@ -1 +1 @@
-.ibiz-custom-dashboard-design{--ibiz-custom-dashboard-design-save-btn-color:var(--ibiz-color-primary);--ibiz-custom-dashboard-design-item-bg-color:var(--ibiz-color-bg-0);--ibiz-custom-dashboard-design-item-height:var(--ibiz-height-control-large);--ibiz-custom-dashboard-design-padding:var(--ibiz-spacing-base);--ibiz-custom-dashboard-design-header-padding:0 0 var(--ibiz-spacing-tight);--ibiz-custom-dashboard-design-item-padding:0 var(--ibiz-spacing-base);--ibiz-custom-dashboard-design-item-margin:var(--ibiz-spacing-tight) 0;--ibiz-custom-dashboard-design-item-icon-margin-right:var(--ibiz-spacing-extra-tight);--ibiz-custom-dashboard-design-item-checkbox-margin-left:var(--ibiz-spacing-extra-tight);--ibiz-custom-dashboard-design-item-border-radius:var(--ibiz-border-radius-medium);--ibiz-custom-dashboard-design-header-font-size:var(--ibiz-font-size-header-5);--ibiz-custom-dashboard-design-close-btn-font-size:var(--ibiz-font-size-header-3);--ibiz-custom-dashboard-design-item-font-size:var(--ibiz-font-size-header-6);--ibiz-custom-dashboard-design-header-title-font-weight:var(--ibiz-font-weight-bold);display:flex;flex-direction:column;height:100%;padding:var(--ibiz-custom-dashboard-design-padding)}.ibiz-custom-dashboard-design-header{display:flex;flex:0 0 auto;align-items:center;justify-content:space-between;padding:var(--ibiz-custom-dashboard-design-header-padding);font-size:var(--ibiz-custom-dashboard-design-header-font-size)}.ibiz-custom-dashboard-design-header__close-btn{flex-shrink:0;font-size:var(--ibiz-custom-dashboard-design-close-btn-font-size);cursor:pointer}.ibiz-custom-dashboard-design-header__title{overflow:hidden;font-weight:var(--ibiz-custom-dashboard-design-header-title-font-weight);text-overflow:ellipsis;white-space:nowrap}.ibiz-custom-dashboard-design-header__save-btn{flex-shrink:0;color:var(--ibiz-custom-dashboard-design-save-btn-color);cursor:pointer}.ibiz-custom-dashboard-design-content{flex:1 1 0;overflow:auto}.ibiz-custom-dashboard-design-item{display:flex;align-items:center;height:var(--ibiz-custom-dashboard-design-item-height);padding:var(--ibiz-custom-dashboard-design-item-padding);margin:var(--ibiz-custom-dashboard-design-item-margin);font-size:var(--ibiz-custom-dashboard-design-item-font-size);line-height:var(--ibiz-custom-dashboard-design-item-height);background-color:var(--ibiz-custom-dashboard-design-item-bg-color);border-radius:var(--ibiz-custom-dashboard-design-item-border-radius)}.ibiz-custom-dashboard-design-item__icon{display:flex;flex:0 0 auto;align-items:center;width:1em;height:1em;margin-right:var(--ibiz-custom-dashboard-design-item-icon-margin-right)}.ibiz-custom-dashboard-design-item__text{flex:1 1 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-custom-dashboard-design-item__checkbox{flex:0 0 auto;margin-left:var(--ibiz-custom-dashboard-design-item-checkbox-margin-left)}
+.ibiz-custom-dashboard-design{--ibiz-custom-dashboard-design-color-save-btn-color:var(--ibiz-color-primary);--ibiz-custom-dashboard-design-color-item-bg-color:var(--ibiz-color-bg-0);--ibiz-custom-dashboard-design-height-item-height:var(--ibiz-height-control-large);--ibiz-custom-dashboard-design-spacing-padding:var(--ibiz-spacing-base);--ibiz-custom-dashboard-design-spacing-header-padding:0 0 var(--ibiz-spacing-tight);--ibiz-custom-dashboard-design-spacing-item-padding:0 var(--ibiz-spacing-base);--ibiz-custom-dashboard-design-spacing-item-margin:var(--ibiz-spacing-tight) 0;--ibiz-custom-dashboard-design-spacing-item-icon-margin-right:var(--ibiz-spacing-extra-tight);--ibiz-custom-dashboard-design-spacing-item-checkbox-margin-left:var(--ibiz-spacing-extra-tight);--ibiz-custom-dashboard-design-radius-item-border-radius:var(--ibiz-border-radius-medium);--ibiz-custom-dashboard-design-font-header-fontSize:var(--ibiz-font-size-header-5);--ibiz-custom-dashboard-design-font-close-btn-fontSize:var(--ibiz-font-size-header-3);--ibiz-custom-dashboard-design-font-item-fontSize:var(--ibiz-font-size-header-6);--ibiz-custom-dashboard-design-font-header-title-fontWeight:var(--ibiz-font-weight-bold);display:flex;flex-direction:column;height:100%;padding:var(--ibiz-custom-dashboard-design-spacing-padding)}.ibiz-custom-dashboard-design-header{display:flex;flex:0 0 auto;align-items:center;justify-content:space-between;padding:var(--ibiz-custom-dashboard-design-spacing-header-padding);font-size:var(--ibiz-custom-dashboard-design-font-header-fontSize)}.ibiz-custom-dashboard-design-header__close-btn{flex-shrink:0;font-size:var(--ibiz-custom-dashboard-design-close-btn-fontSize);cursor:pointer}.ibiz-custom-dashboard-design-header__title{overflow:hidden;font-weight:var(--ibiz-custom-dashboard-design-font-header-title-fontWeight);text-overflow:ellipsis;white-space:nowrap}.ibiz-custom-dashboard-design-header__save-btn{flex-shrink:0;color:var(--ibiz-custom-dashboard-design-color-save-btn-color);cursor:pointer}.ibiz-custom-dashboard-design-content{flex:1 1 0;overflow:auto}.ibiz-custom-dashboard-design-item{display:flex;align-items:center;height:var(--ibiz-custom-dashboard-design-height-item-height);padding:var(--ibiz-custom-dashboard-design-spacing-item-padding);margin:var(--ibiz-custom-dashboard-design-spacing-item-margin);font-size:var(--ibiz-custom-dashboard-design-font-item-fontSize);line-height:var(--ibiz-custom-dashboard-design-height-item-height);background-color:var(--ibiz-custom-dashboard-design-color-item-bg-color);border-radius:var(--ibiz-custom-dashboard-design-radius-item-border-radius)}.ibiz-custom-dashboard-design-item__icon{display:flex;flex:0 0 auto;align-items:center;width:1em;height:1em;margin-right:var(--ibiz-custom-dashboard-design-spacing-item-icon-margin-right)}.ibiz-custom-dashboard-design-item__text{flex:1 1 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-custom-dashboard-design-item__checkbox{flex:0 0 auto;margin-left:var(--ibiz-custom-dashboard-design-spacing-item-checkbox-margin-left)}

package/lib/control/dashboard/dashboard.cjs

@@ -75,7 +75,7 @@ const DashboardControl = /* @__PURE__ */ vue.defineComponent({
   },
   setup() {
     const c = vue3Util.useControlController((...args) => new runtime.DashboardController(...args));
-    const ns = vue3Util.useNamespace(`control-${c.model.controlType.toLowerCase()}`);
+    const ns = vue3Util.useNamespace("control-".concat(c.model.controlType.toLowerCase()));
     c.evt.on("onInitPortlets", () => {
       Object.values(c.portlets).forEach((portlet) => {
         if (!vue.isReactive(portlet.state)) {
@@ -104,6 +104,8 @@ const DashboardControl = /* @__PURE__ */ vue.defineComponent({
           controller: c
         });
       }, {}, {
+        width: 100,
+        height: 80,
         attrs: {
           position: "bottom",
           closeable: false

package/lib/control/dashboard/dashboard.css

@@ -1 +1 @@
-.ibiz-control-dashboard{--ibiz-control-dashboard-portlet-header-height:3.125rem;--ibiz-control-dashboard-sidebar-topleft-top:calc(var(--ibiz-view-page-caption-line-height) + 2 * var(--ibiz-spacing-tight));--ibiz-control-dashboard-sidebar-topleft-left:0rem;--ibiz-control-dashboard-sidebar-topright-top:calc(var(--ibiz-view-page-caption-line-height) + 2 * var(--ibiz-spacing-tight));--ibiz-control-dashboard-sidebar-topright-right:0rem;--ibiz-control-dashboard-sidebar-bottomleft-bottom:0rem;--ibiz-control-dashboard-sidebar-bottomleft-left:0rem;--ibiz-control-dashboard-sidebar-bottomright-bottom:0rem;--ibiz-control-dashboard-sidebar-bottomright-right:0rem;--ibiz-control-dashboard-sidebar-middleleft-top:50%;--ibiz-control-dashboard-sidebar-middleleft-left:0rem;--ibiz-control-dashboard-sidebar-middleright-top:50%;--ibiz-control-dashboard-sidebar-middleright-right:0rem;height:100%;overflow:var(--ibiz-control-overflow)}.ibiz-control-dashboard__nav-bar--topleft .van-index-bar__sidebar{top:var(--ibiz-control-dashboard-sidebar-topleft-top);right:auto;left:var(--ibiz-control-dashboard-sidebar-topleft-left);transform:none}.ibiz-control-dashboard__nav-bar--topright .van-index-bar__sidebar{top:var(--ibiz-control-dashboard-sidebar-topright-top);right:var(--ibiz-control-dashboard-sidebar-topright-right);transform:none}.ibiz-control-dashboard__nav-bar--bottomleft .van-index-bar__sidebar{inset:auto auto var(--ibiz-control-dashboard-sidebar-bottomleft-bottom) var(--ibiz-control-dashboard-sidebar-bottomleft-left);transform:none}.ibiz-control-dashboard__nav-bar--bottomright .van-index-bar__sidebar{top:auto;right:var(--ibiz-control-dashboard-sidebar-bottomright-right);bottom:var(--ibiz-control-dashboard-sidebar-bottomright-bottom);transform:none}.ibiz-control-dashboard__nav-bar--middleleft .van-index-bar__sidebar{top:var(--ibiz-control-dashboard-sidebar-middleleft-top);right:auto;left:var(--ibiz-control-dashboard-sidebar-middleleft-left)}.ibiz-control-dashboard__nav-bar--middleright .van-index-bar__sidebar{top:var(--ibiz-control-dashboard-sidebar-middleright-top);right:var(--ibiz-control-dashboard-sidebar-middleright-right)}.ibiz-control-dashboard .ibiz-control-dashboard-row{gap:var(--ibiz-control-dashboard-dashboard-margin)}.ibiz-control-dashboard.ibiz-control{width:auto}
+.ibiz-control-dashboard{--ibiz-control-dashboard-spacing-sidebar-topleft-top:calc(var(--ibiz-view-page-caption-line-height) + 2 * var(--ibiz-spacing-tight));--ibiz-control-dashboard-spacing-sidebar-topleft-left:0rem;--ibiz-control-dashboard-spacing-sidebar-topright-top:calc(var(--ibiz-view-page-caption-line-height) + 2 * var(--ibiz-spacing-tight));--ibiz-control-dashboard-spacing-sidebar-topright-right:0rem;--ibiz-control-dashboard-spacing-sidebar-bottomleft-bottom:0rem;--ibiz-control-dashboard-spacing-sidebar-bottomleft-left:0rem;--ibiz-control-dashboard-spacing-sidebar-bottomright-bottom:0rem;--ibiz-control-dashboard-spacing-sidebar-bottomright-right:0rem;--ibiz-control-dashboard-spacing-sidebar-middleleft-top:50%;--ibiz-control-dashboard-spacing-sidebar-middleleft-left:0rem;--ibiz-control-dashboard-spacing-sidebar-middleright-top:50%;--ibiz-control-dashboard-spacing-sidebar-middleright-right:0rem;height:100%;overflow:var(--ibiz-control-overflow)}.ibiz-control-dashboard__nav-bar--topleft .van-index-bar__sidebar{top:var(--ibiz-control-dashboard-spacing-sidebar-topleft-top);right:auto;left:var(--ibiz-control-dashboard-spacing-sidebar-topleft-left);transform:none}.ibiz-control-dashboard__nav-bar--topright .van-index-bar__sidebar{top:var(--ibiz-control-dashboard-spacing-sidebar-topright-top);right:var(--ibiz-control-dashboard-spacing-sidebar-topright-right);transform:none}.ibiz-control-dashboard__nav-bar--bottomleft .van-index-bar__sidebar{inset:auto auto var(--ibiz-control-dashboard-spacing-sidebar-bottomleft-bottom) var(--ibiz-control-dashboard-spacing-sidebar-bottomleft-left);transform:none}.ibiz-control-dashboard__nav-bar--bottomright .van-index-bar__sidebar{top:auto;right:var(--ibiz-control-dashboard-spacing-sidebar-bottomright-right);bottom:var(--ibiz-control-dashboard-spacing-sidebar-bottomright-bottom);transform:none}.ibiz-control-dashboard__nav-bar--middleleft .van-index-bar__sidebar{top:var(--ibiz-control-dashboard-spacing-sidebar-middleleft-top);right:auto;left:var(--ibiz-control-dashboard-spacing-sidebar-middleleft-left)}.ibiz-control-dashboard__nav-bar--middleright .van-index-bar__sidebar{top:var(--ibiz-control-dashboard-spacing-sidebar-middleright-top);right:var(--ibiz-control-dashboard-spacing-sidebar-middleright-right)}.ibiz-control-dashboard .ibiz-control-dashboard-row{gap:var(--ibiz-control-dashboard-dashboard-margin)}.ibiz-control-dashboard.ibiz-control{width:auto}

package/lib/control/dashboard/portlet/actionbar-portlet/actionbar-portlet.cjs

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

package/lib/control/dashboard/portlet/chart-portlet/chart-portlet.cjs

@@ -22,7 +22,7 @@ const ChartPortlet = /* @__PURE__ */ vue.defineComponent({
   },
   setup(props) {
     var _a, _b;
-    const ns = vue3Util.useNamespace(`portlet-${(_a = props.modelData.portletType) == null ? void 0 : _a.toLowerCase()}`);
+    const ns = vue3Util.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 === runtime.ControlType.CHART;
     });

package/lib/control/dashboard/portlet/container-portlet/container-portlet.cjs

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

package/lib/control/dashboard/portlet/html-portlet/html-portlet.cjs

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

package/lib/control/dashboard/portlet/list-portlet/list-portlet.cjs

@@ -22,7 +22,7 @@ const ListPortlet = /* @__PURE__ */ vue.defineComponent({
   },
   setup(props) {
     var _a, _b;
-    const ns = vue3Util.useNamespace(`portlet-${(_a = props.modelData.portletType) == null ? void 0 : _a.toLowerCase()}`);
+    const ns = vue3Util.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 === runtime.ControlType.LIST;
     });

package/lib/control/dashboard/portlet/menu-portlet/menu-portlet.cjs

@@ -19,7 +19,7 @@ const MenuPortlet = /* @__PURE__ */ vue.defineComponent({
   },
   setup(props) {
     var _a, _b;
-    const ns = vue3Util.useNamespace(`portlet-${(_a = props.modelData.portletType) == null ? void 0 : _a.toLowerCase()}`);
+    const ns = vue3Util.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 === "APPMENU";
     });

package/lib/control/dashboard/portlet/portlet-layout/portlet-layout.cjs

@@ -30,10 +30,10 @@ const PortletLayout = /* @__PURE__ */ vue.defineComponent({
       await props.controller.onActionClick(detail, event);
     };
     const controlRenders = c.dashboard.model.controlRenders;
-    const header = controlRenders == null ? void 0 : controlRenders.find((item) => `dashboard_${item.id}` === `${c.model.name}_mob_header`);
-    const headerCaption = controlRenders == null ? void 0 : controlRenders.find((item) => `dashboard_${item.id}` === `${c.model.name}_mob_header_caption`);
-    const headerBg = controlRenders == null ? void 0 : controlRenders.find((item) => `dashboard_${item.id}` === `${c.model.name}_mob_header_bg`);
-    const headerAction = controlRenders == null ? void 0 : controlRenders.find((item) => `dashboard_${item.id}` === `${c.model.name}_mob_header_action`);
+    const header = controlRenders == null ? void 0 : controlRenders.find((item) => "dashboard_".concat(item.id) === "".concat(c.model.name, "_mob_header"));
+    const headerCaption = controlRenders == null ? void 0 : controlRenders.find((item) => "dashboard_".concat(item.id) === "".concat(c.model.name, "_mob_header_caption"));
+    const headerBg = controlRenders == null ? void 0 : controlRenders.find((item) => "dashboard_".concat(item.id) === "".concat(c.model.name, "_mob_header_bg"));
+    const headerAction = controlRenders == null ? void 0 : controlRenders.find((item) => "dashboard_".concat(item.id) === "".concat(c.model.name, "_mob_header_action"));
     const renderContent = (model) => {
       if (model.renderType === "LAYOUTPANEL_MODEL" && model.layoutPanelModel) {
         const htmlCode = runtime.ScriptFactory.execScriptFn({