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

package/es/common/preview-image/preview-image.mjs

@@ -42,7 +42,7 @@ const IBizPreviewImage = /* @__PURE__ */ 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 = {
@@ -57,7 +57,7 @@ const IBizPreviewImage = /* @__PURE__ */ 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(";"), ";");
     };
     onMounted(() => {
       if (imageRef.value) {
@@ -85,13 +85,13 @@ const IBizPreviewImage = /* @__PURE__ */ 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/es/common/rawitem/rawitem.mjs

@@ -81,7 +81,7 @@ const IBizRawItem = /* @__PURE__ */ 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) => {
@@ -127,7 +127,7 @@ const IBizRawItem = /* @__PURE__ */ 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/es/common/row/row.mjs

@@ -28,7 +28,7 @@ const IBizRow = /* @__PURE__ */ defineComponent({
       const _dir = dir || "column";
       return 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 createVNode(resolveComponent("van-row"), {

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;
@@ -73,7 +73,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": {
-        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)]), createVNode("div", {
       "style": {
-        left: `${this.offset}%`
+        left: "".concat(this.offset, "%")
       },
       "class": this.ns.b("trigger-con"),
       "tabindex": 0,
@@ -156,19 +156,19 @@ const IBizSplit = /* @__PURE__ */ defineComponent({
       "mode": "vertical"
     }, null)]), 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)])]) : 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"),
       "tabindex": 0,
@@ -177,7 +177,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/common/tab-layout/tab-dropdown/tab-dropdown.mjs

@@ -41,7 +41,7 @@ const TabDropdown = /* @__PURE__ */ 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/es/control/app-menu/app-menu.mjs

@@ -41,7 +41,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 activeName = ref();
     const {
       onCustomizedClick

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

@@ -82,7 +82,7 @@ const MenuDesign = /* @__PURE__ */ 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 createVNode("div", {
         "class": [ns.e("item"), ns.is("group-item", !!isGroup)],

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

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

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

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

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/app-menu-list-view/app-menu-list-view.mjs

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

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

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

package/es/control/calendar/calendar.mjs

@@ -68,7 +68,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 loadItems = ref([]);
     const infiniteScroll = ref();
     const disabledLodeMore = computed(() => {
@@ -329,7 +329,7 @@ const CalendarControl = /* @__PURE__ */ 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: () => [createVNode(resolveComponent("van-list"), null, _isSlot(_slot = renderCalendarListByItemType(calendarItem.itemType)) ? _slot : {
@@ -343,7 +343,7 @@ const CalendarControl = /* @__PURE__ */ defineComponent({
         "show": this.visible,
         "onUpdate:show": ($event) => this.visible = $event,
         "style": {
-          height: "70%"
+          height: "auto"
         },
         "teleport": "body",
         "position": "bottom"
@@ -372,8 +372,8 @@ const CalendarControl = /* @__PURE__ */ 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
         });
       });
@@ -394,7 +394,7 @@ const CalendarControl = /* @__PURE__ */ 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 createVNode("div", {

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

@@ -38,7 +38,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()));
     c.setBrowserTabTitle();
     onActivated(() => {
       c.setBrowserTabTitle();

package/es/control/chart/chart.mjs

@@ -54,7 +54,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();
     let resizeObserver;
     onMounted(() => {

package/es/control/dashboard/dashboard.mjs

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

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 zIndex = props.controller.dashboard.state.zIndex;
     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

@@ -20,7 +20,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/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 === "APPMENU";
     });

package/es/control/dashboard/portlet/portlet-layout/portlet-layout.css

@@ -1 +1 @@
-.ibiz-portlet-layout{--ibiz-portlet-layout-color-bg-color:var(--ibiz-color-bg-1);--ibiz-portlet-layout-color-header-bg-color:var(--ibiz-color-bg-0);--ibiz-portlet-layout-color-caption-color:var(--ibiz-color-text-1);--ibiz-portlet-layout-color-content-bg-color:transparent;--ibiz-portlet-layout-height-header-height:3.125rem;--ibiz-portlet-layout-width-caption-max-width:18.75rem;--ibiz-portlet-layout-spacing-header-padding:0 var(--ibiz-spacing-base);--ibiz-portlet-layout-spacing-header-margin:0;--ibiz-portlet-layout-spacing-content-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);--ibiz-portlet-layout-spacing-content-margin:0;--ibiz-portlet-layout-font-caption-fontWeight:var(--ibiz-font-weight-regular);--ibiz-portlet-layout-font-caption-fontSize:var(--ibiz-font-size-header-6);--ibiz-portlet-layout-radius-border-radius:var(--ibiz-border-radius-medium);--ibiz-portlet-layout-header-border-bottom:0.0625rem solid var(--ibiz-color-border);width:100%;height:100%;background-color:var(--ibiz-portlet-layout-color-bg-color);border-radius:var(--ibiz-portlet-layout-radius-border-radius)}.ibiz-portlet-layout__caption{max-width:var(--ibiz-portlet-layout-width-caption-max-width)}.ibiz-portlet-layout__caption-text{overflow:hidden;font-size:var(--ibiz-portlet-layout-font-caption-fontSize);font-weight:var(--ibiz-portlet-layout-font-caption-fontWeight);color:var(--ibiz-portlet-layout-caption-color);text-overflow:ellipsis;white-space:nowrap}.ibiz-portlet-layout__toolbar{display:flex;align-items:center;height:100%}.ibiz-portlet-layout.is-no-header>.ibiz-portlet-layout-content{height:100%;padding:0}.ibiz-portlet-layout .van-index-anchor{padding:0;font-size:inherit;font-weight:inherit;line-height:inherit;color:inherit;background:inherit}.ibiz-portlet-layout-header{display:flex;justify-content:space-between}.ibiz-portlet-layout-header.is-custom{position:relative}.ibiz-portlet-layout-header.is-custom .ibiz-portlet-layout-header__left{z-index:1}.ibiz-portlet-layout-header.is-custom .ibiz-portlet-layout-header__right{z-index:1}.ibiz-portlet-layout-header.is-custom .ibiz-portlet-layout-header__bg{position:absolute;top:0;left:0;width:100%;height:100%}.ibiz-portlet-layout-header{height:var(--ibiz-portlet-layout-height-header-height);padding:var(--ibiz-portlet-layout-spacing-header-padding);margin:var(--ibiz-portlet-layout-spacing-header-margin);line-height:var(--ibiz-portlet-layout-height-header-height);background-color:var(--ibiz-portlet-layout-color-header-bg-color)}.ibiz-portlet-layout-content{height:calc(100% - var(--ibiz-portlet-layout-height-header-height));padding:var(--ibiz-portlet-layout-spacing-content-padding);margin:var(--ibiz-portlet-layout-spacing-content-margin);background-color:var(--ibiz-portlet-layout-color-content-bg-color)}
+.ibiz-portlet-layout{--ibiz-portlet-layout-color-bg-color:var(--ibiz-color-bg-1);--ibiz-portlet-layout-color-header-bg-color:var(--ibiz-color-bg-0);--ibiz-portlet-layout-color-caption-color:var(--ibiz-color-text-1);--ibiz-portlet-layout-color-content-bg-color:transparent;--ibiz-portlet-layout-height-header-height:3.125rem;--ibiz-portlet-layout-width-caption-max-width:18.75rem;--ibiz-portlet-layout-spacing-header-padding:0 var(--ibiz-spacing-base);--ibiz-portlet-layout-spacing-header-margin:0;--ibiz-portlet-layout-spacing-content-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);--ibiz-portlet-layout-spacing-content-margin:0;--ibiz-portlet-layout-font-caption-fontWeight:var(--ibiz-font-weight-regular);--ibiz-portlet-layout-font-caption-fontSize:var(--ibiz-font-size-header-6);--ibiz-portlet-layout-radius-border-radius:var(--ibiz-border-radius-medium);--ibiz-portlet-layout-header-border-bottom:0.0625rem solid var(--ibiz-color-border);width:100%;height:100%;background-color:var(--ibiz-portlet-layout-color-bg-color);border-radius:var(--ibiz-portlet-layout-radius-border-radius)}.ibiz-portlet-layout__caption{max-width:var(--ibiz-portlet-layout-width-caption-max-width)}.ibiz-portlet-layout__caption-text{overflow:hidden;font-size:var(--ibiz-portlet-layout-font-caption-fontSize);font-weight:var(--ibiz-portlet-layout-font-caption-fontWeight);color:var(--ibiz-portlet-layout-color-caption-color);text-overflow:ellipsis;white-space:nowrap}.ibiz-portlet-layout__toolbar{display:flex;align-items:center;height:100%}.ibiz-portlet-layout.is-no-header>.ibiz-portlet-layout-content{height:100%;padding:0}.ibiz-portlet-layout .van-index-anchor{padding:0;font-size:inherit;font-weight:inherit;line-height:inherit;color:inherit;background:inherit}.ibiz-portlet-layout-header{display:flex;justify-content:space-between}.ibiz-portlet-layout-header.is-custom{position:relative}.ibiz-portlet-layout-header.is-custom .ibiz-portlet-layout-header__left{z-index:1}.ibiz-portlet-layout-header.is-custom .ibiz-portlet-layout-header__right{z-index:1}.ibiz-portlet-layout-header.is-custom .ibiz-portlet-layout-header__bg{position:absolute;top:0;left:0;width:100%;height:100%}.ibiz-portlet-layout-header{height:var(--ibiz-portlet-layout-height-header-height);padding:var(--ibiz-portlet-layout-spacing-header-padding);margin:var(--ibiz-portlet-layout-spacing-header-margin);line-height:var(--ibiz-portlet-layout-height-header-height);background-color:var(--ibiz-portlet-layout-color-header-bg-color)}.ibiz-portlet-layout-content{height:calc(100% - var(--ibiz-portlet-layout-height-header-height));padding:var(--ibiz-portlet-layout-spacing-content-padding);margin:var(--ibiz-portlet-layout-spacing-content-margin);background-color:var(--ibiz-portlet-layout-color-content-bg-color)}

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

@@ -28,10 +28,10 @@ const PortletLayout = /* @__PURE__ */ 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 = ScriptFactory.execScriptFn({

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,

package/es/control/data-view/data-view.css

@@ -1 +1 @@
-.ibiz-control-dataview{--ibiz-control-dataview-color-text:var(--ibiz-color-text-0);--ibiz-control-dataview-color-bg:var(--ibiz-color-bg-0);--ibiz-control-dataview-color-item-active:var(--ibiz-color-primary-light-default);--ibiz-control-dataview-color-group-bg:var(--ibiz-color-bg-0);--ibiz-control-dataview-color-group-text:var(--ibiz-color-text-1);--ibiz-control-dataview-spacing-item-padding:var(--ibiz-spacing-base-tight) var(--ibiz-spacing-base);--ibiz-control-dataview-spacing-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);--ibiz-control-dataview-spacing-item-gap:var(--ibiz-spacing-base-tight);--ibiz-control-dataview-spacing-group-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);--ibiz-control-dataview-font-group-fontSize:var(--ibiz-font-size-header-6);--ibiz-control-dataview-font-group-lineHeight:var(--ibiz-height-control-default);--ibiz-control-dataview-shadow:var(--ibiz-shadow-elevated);height:100%;--van-card-thumb-size:auto}.ibiz-control-dataview__content-container{height:100%;width:100%}.ibiz-control-dataview__content{display:flex;flex-wrap:wrap;max-height:100%;gap:var(--ibiz-control-dataview-spacing-item-gap);overflow:var(--ibiz-control-overflow);padding:var(--ibiz-control-dataview-spacing-padding)}.ibiz-control-dataview__content .van-list__error-text,.ibiz-control-dataview__content .van-list__finished-text,.ibiz-control-dataview__content .van-list__loading{width:100%}.ibiz-control-dataview__row{gap:0;margin:calc(-1 * var(--ibiz-control-dataview-spacing-item-gap)/ 2)}.ibiz-control-dataview__row .ibiz-control-dataview__item-col{padding:calc(var(--ibiz-control-dataview-spacing-item-gap)/ 2)}.ibiz-control-dataview.is-enable-pagination{display:flex;flex-direction:column}.ibiz-control-dataview.is-enable-pagination .ibiz-control-dataview__content-container{flex:auto;height:0}.ibiz-control-dataview.is-enable-pagination .ibiz-control-dataview__pagination{flex:none}.ibiz-control-dataview.is-hidden-finished .van-list__finished-text{display:none}.ibiz-control-dataview.is-enable-group .ibiz-control-dataview__content{padding:0}.ibiz-control-dataview.is-enable-group .ibiz-control-dataview-group__item{padding:var(--ibiz-control-dataview-spacing-padding)}.ibiz-control-dataview__anchor{width:100%}.ibiz-control-dataview__anchor .van-index-anchor{padding:0}.ibiz-control-dataview-item{flex:none;padding:var(--ibiz-control-dataview-spacing-item-padding);box-shadow:var(--ibiz-control-dataview-shadow);color:var(--ibiz-control-dataview-color-text);background-color:var(--ibiz-control-dataview-color-bg);width:100%}.ibiz-control-dataview-item.is-active{background-color:var(--ibiz-control-dataview-color-item-active)}.ibiz-control-dataview-item>.van-card{padding:0;background-color:transparent;color:inherit}.ibiz-control-dataview-group{height:100%;width:100%}.ibiz-control-dataview-group__container{width:100%;height:100%}.ibiz-control-dataview-group__item{display:flex;flex-direction:column;gap:var(--ibiz-control-dataview-spacing-item-gap)}.ibiz-control-dataview-group__caption{padding:var(--ibiz-control-dataview-spacing-group-padding);font-size:var(--ibiz-control-dataview-font-group-fontSize);line-height:var(--ibiz-control-dataview-font-group-lineHeight);color:var(--ibiz-control-dataview-color-group-text);background-color:var(--ibiz-control-dataview-color-group-bg)}.ibiz-control-dataview-quicktoolbar{width:100%;display:flex;align-items:center;justify-content:center}.ibiz-view-content-refresh .ibiz-control-dataview.is-enable-pagination{position:relative}.ibiz-view-content-refresh .ibiz-control-dataview.is-enable-pagination .ibiz-control-dataview__content-container{height:auto}.ibiz-view-content-refresh .ibiz-control-dataview.is-enable-pagination .ibiz-control-dataview__pagination{position:sticky;bottom:0;width:100%;background-color:var(--ibiz-color-bg-1)}
+.ibiz-control-dataview{--ibiz-control-dataview-color-text:var(--ibiz-color-text-0);--ibiz-control-dataview-color-bg:var(--ibiz-color-bg-0);--ibiz-control-dataview-color-item-active:var(--ibiz-color-primary-light-default);--ibiz-control-dataview-color-group-bg:var(--ibiz-color-bg-0);--ibiz-control-dataview-color-group-text:var(--ibiz-color-text-1);--ibiz-control-dataview-spacing-item-padding:var(--ibiz-spacing-base-tight) var(--ibiz-spacing-base);--ibiz-control-dataview-spacing-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);--ibiz-control-dataview-spacing-item-gap:var(--ibiz-spacing-base-tight);--ibiz-control-dataview-spacing-group-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);--ibiz-control-dataview-font-group-fontSize:var(--ibiz-font-size-header-6);--ibiz-control-dataview-font-group-lineHeight:var(--ibiz-height-control-default);--ibiz-control-dataview-shadow:var(--ibiz-shadow-elevated);height:100%;--van-card-thumb-size:auto}.ibiz-control-dataview__content-container{height:100%;width:100%}.ibiz-control-dataview__content{display:flex;flex-wrap:wrap;max-height:100%;gap:var(--ibiz-control-dataview-spacing-item-gap);overflow:var(--ibiz-control-overflow);padding:var(--ibiz-control-dataview-spacing-padding)}.ibiz-control-dataview__content .van-list__error-text,.ibiz-control-dataview__content .van-list__finished-text,.ibiz-control-dataview__content .van-list__loading{width:100%}.ibiz-control-dataview__row{gap:0;margin:calc(-1 * var(--ibiz-control-dataview-spacing-item-gap)/ 2)}.ibiz-control-dataview__row .ibiz-control-dataview__item-col{padding:calc(var(--ibiz-control-dataview-spacing-item-gap)/ 2)}.ibiz-control-dataview.is-enable-pagination{display:flex;flex-direction:column}.ibiz-control-dataview.is-enable-pagination .ibiz-control-dataview__content-container{flex:auto;height:0}.ibiz-control-dataview.is-enable-pagination .ibiz-control-dataview__pagination{flex:none}.ibiz-control-dataview.is-scroll{--ibiz-control-overflow:unset auto}.ibiz-control-dataview.is-scroll .ibiz-control-dataview__content-container{overflow:auto}.ibiz-control-dataview.is-hidden-finished .van-list__finished-text{display:none}.ibiz-control-dataview.is-enable-group .ibiz-control-dataview__content{padding:0}.ibiz-control-dataview.is-enable-group .ibiz-control-dataview-group__item{padding:var(--ibiz-control-dataview-spacing-padding)}.ibiz-control-dataview__anchor{width:100%}.ibiz-control-dataview__anchor .van-index-anchor{padding:0}.ibiz-control-dataview-item{flex:none;padding:var(--ibiz-control-dataview-spacing-item-padding);box-shadow:var(--ibiz-control-dataview-shadow);color:var(--ibiz-control-dataview-color-text);background-color:var(--ibiz-control-dataview-color-bg);width:100%}.ibiz-control-dataview-item.is-active{background-color:var(--ibiz-control-dataview-color-item-active)}.ibiz-control-dataview-item>.van-card{padding:0;background-color:transparent;color:inherit}.ibiz-control-dataview-group{height:100%;width:100%}.ibiz-control-dataview-group__container{width:100%;height:100%}.ibiz-control-dataview-group__item{display:flex;flex-direction:column;gap:var(--ibiz-control-dataview-spacing-item-gap)}.ibiz-control-dataview-group__caption{padding:var(--ibiz-control-dataview-spacing-group-padding);font-size:var(--ibiz-control-dataview-font-group-fontSize);line-height:var(--ibiz-control-dataview-font-group-lineHeight);color:var(--ibiz-control-dataview-color-group-text);background-color:var(--ibiz-control-dataview-color-group-bg)}.ibiz-control-dataview-quicktoolbar{width:100%;display:flex;align-items:center;justify-content:center}.ibiz-view-content-refresh .ibiz-control-dataview.is-enable-pagination{position:relative}.ibiz-view-content-refresh .ibiz-control-dataview.is-enable-pagination .ibiz-control-dataview__content-container{height:auto}.ibiz-view-content-refresh .ibiz-control-dataview.is-enable-pagination .ibiz-control-dataview__pagination{position:sticky;bottom:0;width:100%;background-color:var(--ibiz-color-bg-1)}

package/es/control/data-view/data-view.mjs

@@ -74,7 +74,7 @@ const DataViewControl = /* @__PURE__ */ defineComponent({
   },
   setup(props) {
     const c = useControlController((...args) => new DataViewControlController(...args));
-    const ns = useNamespace(`control-${c.model.controlType.toLowerCase()}`);
+    const ns = useNamespace("control-".concat(c.model.controlType.toLowerCase()));
     const {
       enableLoadMore,
       renderNoData,
@@ -132,18 +132,18 @@ const DataViewControl = /* @__PURE__ */ defineComponent({
       const cardStyle = {};
       if (model.cardWidth) {
         Object.assign(cardStyle, {
-          width: `${model.cardWidth}px`
+          width: "".concat(model.cardWidth, "px")
         });
       }
       if (model.cardHeight) {
         Object.assign(cardStyle, {
-          height: `${model.cardHeight}px`
+          height: "".concat(model.cardHeight, "px")
         });
       }
       Object.assign(cardStyle, ns.cssVarBlock({
-        "color-bg": `${item.bgcolor || ""}`,
-        "color-text": `${item.fontcolor || ""}`,
-        "color-item-active": `${item.activecolor || ""}`
+        "color-bg": "".concat(item.bgcolor || ""),
+        "color-text": "".concat(item.fontcolor || ""),
+        "color-item-active": "".concat(item.activecolor || "")
       }));
       return createVNode("div", {
         "class": cardClass,
@@ -201,7 +201,7 @@ const DataViewControl = /* @__PURE__ */ defineComponent({
   render() {
     const enablePagingBar = this.c.state.enablePagingBar && this.c.model.pagingMode === 1;
     return createVNode(resolveComponent("iBizControlBase"), {
-      "class": [this.ns.is("enable-pagination", enablePagingBar), this.ns.is("enable-group", this.c.enableGroup), this.ns.is("hidden-finished", enablePagingBar || this.c.enableGroup || this.enableLoadMore)],
+      "class": [this.ns.is("scroll", enablePagingBar), this.ns.is("enable-pagination", enablePagingBar), this.ns.is("enable-group", this.c.enableGroup), this.ns.is("hidden-finished", enablePagingBar || this.c.enableGroup || this.enableLoadMore)],
       "controller": this.c
     }, {
       default: () => [createVNode("div", {

package/es/control/drbar/drbar.mjs

@@ -57,7 +57,7 @@ const DRBarControl = /* @__PURE__ */ defineComponent({
   setup() {
     var _a;
     const c = useControlController((...args) => new DRBarController(...args));
-    const ns = useNamespace(`control-${c.model.controlType.toLowerCase()}`);
+    const ns = useNamespace("control-".concat(c.model.controlType.toLowerCase()));
     const router = useRouter();
     c.setRouter(router);
     const counterData = reactive({});

package/es/control/drtab/drtab.controller.mjs

@@ -178,7 +178,7 @@ class DRTabController extends ControlController {
     if (drBarItem) {
       this.setVisible("navPos");
       this.openNavPosView(drBarItem, isRoutePushed, {
-        key: `${drBarItem.id}-${createUUID()}`
+        key: "".concat(drBarItem.id, "-").concat(createUUID())
       });
     }
   }

package/es/control/drtab/drtab.mjs

@@ -47,7 +47,7 @@ const DRTabControl = /* @__PURE__ */ defineComponent({
   setup() {
     var _a;
     const c = useControlController((...args) => new DRTabController(...args));
-    const ns = useNamespace(`control-${c.model.controlType.toLowerCase()}`);
+    const ns = useNamespace("control-".concat(c.model.controlType.toLowerCase()));
     const router = useRouter();
     c.setRouter(router);
     const counterData = ref({});

package/es/control/form/edit-form/edit-form.mjs

@@ -81,7 +81,7 @@ const EditFormControl = /* @__PURE__ */ defineComponent({
     const c = useControlController((...args) => new EditFormController(...args), {
       excludePropsKeys: ["data"]
     });
-    const ns = useNamespace(`control-edit-form`);
+    const ns = useNamespace("control-edit-form");
     const filter = ref(void 0);
     const anchorList = ref([]);
     if (props.isSimple) {

package/es/control/form/form/form.mjs

@@ -56,9 +56,9 @@ const FormControl = /* @__PURE__ */ defineComponent({
         });
       }
       const childSlots = {};
-      if (detail.detailType === "FORMITEM" && slots[`${detailId}_editor`]) {
+      if (detail.detailType === "FORMITEM" && slots["".concat(detailId, "_editor")]) {
         childSlots.default = (...args) => {
-          return slots[`${detailId}_editor`](...args);
+          return slots["".concat(detailId, "_editor")](...args);
         };
       }
       const childDetails = findChildFormDetails(detail);

package/es/control/form/form-detail/form-button/form-button.css

@@ -1 +1 @@
-.ibiz-form-button{--ibiz-form-button-width-icon:var(--ibiz-width-icon-medium);--ibiz-form-button-height-icon:var(--ibiz-width-icon-medium);--ibiz-form-button-spacing-padding:var(--ibiz-spacing-base) 0 var(--ibiz-spacing-base) var(--ibiz-spacing-base);--ibiz-form-button-spacing-gap:var(--ibiz-spacing-extra-tight);width:100%;height:100%;padding:var(--ibiz-form-button-spacing-padding);overflow:hidden}.ibiz-form-button .van-button{width:100%}.ibiz-form-button .van-button .ibiz-form-button-content{display:flex;align-items:center;justify-content:flex-start;gap:var(--ibiz-form-button-spacing-gap)}.ibiz-form-button .van-button .ibiz-form-button-content i,.ibiz-form-button .van-button .ibiz-form-button-content img{display:inline-block;max-width:var(--ibiz-form-button-width-icon);max-height:var(--ibiz-form-button-height-icon)}.ibiz-form-button.is-loading .van-button .ibiz-icon{display:none}
+.ibiz-form-button{--ibiz-form-button-width-icon:var(--ibiz-width-icon-medium);--ibiz-form-button-height-icon:var(--ibiz-width-icon-medium);--ibiz-form-button-spacing-padding:var(--ibiz-spacing-base) 0 var(--ibiz-spacing-base) var(--ibiz-spacing-base);--ibiz-form-button-spacing-gap:var(--ibiz-spacing-extra-tight);width:100%;height:100%;padding:var(--ibiz-form-button-spacing-padding);overflow:hidden}.ibiz-form-button .van-button{width:100%}.ibiz-form-button .van-button .ibiz-form-button-content{display:flex;align-items:center;justify-content:flex-start;gap:var(--ibiz-form-button-spacing-gap)}.ibiz-form-button .van-button .ibiz-form-button-content i,.ibiz-form-button .van-button .ibiz-form-button-content img{display:inline-block;max-width:var(--ibiz-form-button-width-icon);max-height:var(--ibiz-form-button-height-icon)}.ibiz-form-button.is-loading .van-button .ibiz-icon{display:none}.ibiz-form-button.is-readonly{display:none}

package/es/control/form/form-detail/form-button/form-button.mjs

@@ -45,7 +45,7 @@ const FormButton = /* @__PURE__ */ defineComponent({
       return null;
     }
     return createVNode("div", {
-      "class": [this.ns.b(), this.ns.m(this.modelData.codeName), this.ns.is("loading", this.controller.state.loading), ...this.controller.containerClass]
+      "class": [this.ns.b(), this.ns.m(this.modelData.codeName), this.ns.is("loading", this.controller.state.loading), this.ns.is("readonly", this.controller.state.readonly), ...this.controller.containerClass]
     }, [createVNode(resolveComponent("van-button"), {
       "size": "small",
       "type": convertBtnType(this.modelData),

package/es/control/form/form-detail/form-group-panel/form-group-panel.mjs

@@ -137,7 +137,7 @@ const FormGroupPanel = /* @__PURE__ */ defineComponent({
       "type": "spinner",
       "vertical": true
     }, {
-      default: () => [`${ibiz.i18n.t("util.loading")}...`]
+      default: () => ["".concat(ibiz.i18n.t("util.loading"), "...")]
     }) : null]);
   }
 });

package/es/control/form/form-detail/form-item/form-item-container/form-item-container.mjs

@@ -87,7 +87,7 @@ const IBizFormItemContainer = /* @__PURE__ */ defineComponent({
       };
       if (labelWidth && labelWidth !== 130) {
         Object.assign(result, {
-          "width-label": `${labelWidth / 16}rem`
+          "width-label": "".concat(labelWidth / 16, "rem")
         });
       }
       return {