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

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({

package/lib/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/lib/control/dashboard/portlet/rawitem-portlet/rawitem-portlet.cjs

@@ -22,7 +22,7 @@ const RawItemPortlet = /* @__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 rawItem = props.modelData;
     return {
       ns,

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

@@ -22,7 +22,7 @@ const ViewPortlet = /* @__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 view = props.modelData.portletAppView;
     return {
       ns,

package/lib/control/data-view/data-view.cjs

@@ -76,7 +76,7 @@ const DataViewControl = /* @__PURE__ */ vue.defineComponent({
   },
   setup(props) {
     const c = vue3Util.useControlController((...args) => new runtime.DataViewControlController(...args));
-    const ns = vue3Util.useNamespace(`control-${c.model.controlType.toLowerCase()}`);
+    const ns = vue3Util.useNamespace("control-".concat(c.model.controlType.toLowerCase()));
     const {
       enableLoadMore,
       renderNoData,
@@ -134,18 +134,18 @@ const DataViewControl = /* @__PURE__ */ vue.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 vue.createVNode("div", {
         "class": cardClass,
@@ -203,7 +203,7 @@ const DataViewControl = /* @__PURE__ */ vue.defineComponent({
   render() {
     const enablePagingBar = this.c.state.enablePagingBar && this.c.model.pagingMode === 1;
     return vue.createVNode(vue.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: () => [vue.createVNode("div", {

package/lib/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/lib/control/drbar/drbar.cjs

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

package/lib/control/drtab/drtab.cjs

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

package/lib/control/drtab/drtab.controller.cjs

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

package/lib/control/form/edit-form/edit-form.cjs

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

package/lib/control/form/form/form.cjs

@@ -58,9 +58,9 @@ const FormControl = /* @__PURE__ */ vue.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 = runtime.findChildFormDetails(detail);

package/lib/control/form/form-detail/form-button/form-button.cjs

@@ -49,7 +49,7 @@ const FormButton = /* @__PURE__ */ vue.defineComponent({
       return null;
     }
     return vue.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]
     }, [vue.createVNode(vue.resolveComponent("van-button"), {
       "size": "small",
       "type": buttonUtil.convertBtnType(this.modelData),

package/lib/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/lib/control/form/form-detail/form-group-panel/form-group-panel.cjs

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

package/lib/control/form/form-detail/form-item/form-item-container/form-item-container.cjs

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

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

@@ -53,7 +53,7 @@ const RepeaterGrid = /* @__PURE__ */ vue.defineComponent({
       await formC.created();
       formC.setSimpleData(data);
       formControllers.push(formC);
-      props.controller.setRepeaterController(`${formControllers.length - 1}`, formC);
+      props.controller.setRepeaterController("".concat(formControllers.length - 1), formC);
       formC.evt.on("onFormDataChange", (event) => {
         const item = event.data[0];
         const formData = item instanceof runtime.ControlVO ? item.clone() : {
@@ -117,10 +117,10 @@ const RepeaterGrid = /* @__PURE__ */ vue.defineComponent({
         const flowColumnCount = flexThElements.length;
         if (flowColumnCount > 0 && availableSpace > 0) {
           flexWidth.value = availableSpace / flowColumnCount;
-          gridWidth.value = `${containerWidth}px`;
+          gridWidth.value = "".concat(containerWidth, "px");
         } else {
           flexWidth.value = 0;
-          gridWidth.value = `${fixedWidthSum}px`;
+          gridWidth.value = "".concat(fixedWidthSum, "px");
         }
       });
       resizeObserver.observe(container.value);
@@ -147,20 +147,20 @@ const RepeaterGrid = /* @__PURE__ */ vue.defineComponent({
     const headers = [vue.createVNode("th", {
       "class": this.ns.b("index-cell"),
       "style": {
-        width: `66px`
+        width: "66px"
       }
     }, [ibiz.i18n.t("control.form.repeaterGrid.index")]), this.formItems.map((item) => {
       return vue.createVNode("th", {
         "class": this.ns.bm("cell", item.id),
         "data-flex": item.labelWidth === 1,
         "style": {
-          width: `${item.labelWidth === 1 ? `${this.flexWidth}px` : `${item.labelWidth}px`}`
+          width: "".concat(item.labelWidth === 1 ? "".concat(this.flexWidth, "px") : "".concat(item.labelWidth, "px"))
         }
       }, [item.caption]);
     }), (this.controller.enableCreate || this.controller.enableDelete) && vue.createVNode("th", {
       "class": this.ns.b("action-cell"),
       "style": {
-        width: `80px`
+        width: "80px"
       }
     }, null)];
     const rows = (isEmpty && this.controller.enableCreate ? [{}] : this.items).map((_row, index) => {

package/lib/control/form/form-detail/form-mdctrl/form-mdctrl.provider.cjs

@@ -31,9 +31,9 @@ class FormMDCtrlProvider {
       default:
         throw new core.ModelError(
           detailModel,
-          `${ibiz.i18n.t("control.form.formMDctrl.errorMessage", {
+          "".concat(ibiz.i18n.t("control.form.formMDctrl.errorMessage", {
             contentType: detailModel.contentType
-          })}`
+          }))
         );
     }
     await c.init();

package/lib/control/form/search-form/search-form.cjs

@@ -43,7 +43,7 @@ const SearchFormControl = /* @__PURE__ */ vue.defineComponent({
   },
   setup() {
     const c = vue3Util.useControlController((...args) => new runtime.SearchFormController(...args));
-    const ns = vue3Util.useNamespace(`control-${c.model.controlType.toLowerCase()}`);
+    const ns = vue3Util.useNamespace("control-".concat(c.model.controlType.toLowerCase()));
     c.evt.on("onCreated", () => {
       const keys = Object.keys(c.details);
       keys.forEach((key) => {

package/lib/control/list/list/list.cjs

@@ -90,7 +90,7 @@ const ListControl = /* @__PURE__ */ vue.defineComponent({
   },
   setup(props) {
     const c = vue3Util.useControlController((...args) => new runtime.ListController(...args));
-    const ns = vue3Util.useNamespace(`control-mobmdctrl`);
+    const ns = vue3Util.useNamespace("control-mobmdctrl");
     const {
       renderItem,
       renderNoData,

package/lib/control/list/md-ctrl/md-ctrl.cjs

@@ -97,7 +97,7 @@ const MDCtrlControl = /* @__PURE__ */ vue.defineComponent({
   },
   setup(props) {
     const c = vue3Util.useControlController((...args) => new runtime.MDCtrlController(...args));
-    const ns = vue3Util.useNamespace(`control-${c.model.controlType.toLowerCase()}`);
+    const ns = vue3Util.useNamespace("control-".concat(c.model.controlType.toLowerCase()));
     const {
       enableLoadMore,
       renderItem,
@@ -185,7 +185,7 @@ const MDCtrlControl = /* @__PURE__ */ vue.defineComponent({
     const enablePagingBar = this.c.model.enablePagingBar;
     return vue.createVNode(vue.resolveComponent("iBizControlBase"), {
       "controller": this.c,
-      "class": [this.ns.is("enable-page", enablePagingBar || this.c.model.pagingMode === 3), this.ns.is("hidden-finished", enablePagingBar || this.c.enableGroup || this.enableLoadMore)]
+      "class": [this.ns.is("scroll", enablePagingBar), this.ns.is("enable-page", enablePagingBar || this.c.model.pagingMode === 3), this.ns.is("hidden-finished", enablePagingBar || this.c.enableGroup || this.enableLoadMore)]
     }, {
       default: () => [this.c.state.isCreated && (this.c.state.rows.length > 0 ? this.renderMDContent() : this.renderNoData()), enablePagingBar ? vue.createVNode(vue.resolveComponent("van-pagination"), {
         "class": this.ns.e("pagination"),

package/lib/control/list/md-ctrl/md-ctrl.css

@@ -1 +1 @@
-.ibiz-control-mobmdctrl{--ibiz-control-mobmdctrl-color-text:var(--ibiz-color-text-0);--ibiz-control-mobmdctrl-color-active-bg:var(--ibiz-color-primary-light-default);--ibiz-control-mobmdctrl-color-group-bg:var(--ibiz-color-bg-0);--ibiz-control-mobmdctrl-color-group-text:var(--ibiz-color-text-1);--ibiz-control-mobmdctrl-width-img:var(--ibiz-width-icon-extra-large);--ibiz-control-mobmdctrl-height-img:var(--ibiz-width-icon-extra-large);--ibiz-control-mobmdctrl-spacing-item-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);--ibiz-control-mobmdctrl-spacing-group-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);--ibiz-control-mobmdctrl-spacing-img-padding:var(--ibiz-spacing-tight);--ibiz-control-mobmdctrl-spacing-checkbox-gap:var(--ibiz-spacing-tight);--ibiz-control-mobmdctrl-spacing-border-padding:var(--ibiz-spacing-base);--ibiz-control-mobmdctrl-radius-img:var(--ibiz-border-radius-extra-small);--ibiz-control-mobmdctrl-font-fontSize:var(--ibiz-font-size-regular);--ibiz-control-mobmdctrl-font-group-fontSize:var(--ibiz-font-size-header-6);--ibiz-control-mobmdctrl-font-group-lineHeight:var(--ibiz-height-control-default);height:100%;position:relative}.ibiz-control-mobmdctrl__content{width:100%;height:100%;overflow:var(--ibiz-control-overflow)}.ibiz-control-mobmdctrl__content.is-show-under-line .van-hairline--bottom:after{left:calc(-50% + var(--ibiz-control-mobmdctrl-spacing-border-padding) * 2);right:calc(-50% + var(--ibiz-control-mobmdctrl-spacing-border-padding) * 2)}.ibiz-control-mobmdctrl__content .ibiz-add-more{padding:var(--ibiz-control-mobmdctrl-spacing-item-padding)}.ibiz-control-mobmdctrl.is-enable-page{display:flex;flex-direction:column}.ibiz-control-mobmdctrl.is-enable-page .ibiz-control-mobmdctrl__content{flex:auto;height:0}.ibiz-control-mobmdctrl.is-enable-page .ibiz-control-mobmdctrl__pagination{flex:none}.ibiz-control-mobmdctrl.is-hidden-finished .van-list__finished-text{display:none}.ibiz-control-mobmdctrl__anchor .van-index-anchor{padding:0}.ibiz-control-mobmdctrl-item__right{margin-right:var(--ibiz-control-mobmdctrl-spacing-checkbox-gap)}.ibiz-control-mobmdctrl-item.ibiz-control-mobmdctrl-item{color:var(--ibiz-control-mobmdctrl-color-text);height:auto;font-size:var(--ibiz-control-mobmdctrl-font-fontSize);padding:var(--ibiz-control-mobmdctrl-spacing-item-padding)}.ibiz-control-mobmdctrl-item.is-active.ibiz-control-mobmdctrl-item{background-color:var(--ibiz-control-mobmdctrl-color-active-bg)}.ibiz-control-mobmdctrl-image{width:var(--ibiz-control-mobmdctrl-width-img);height:var(--ibiz-control-mobmdctrl-height-img);margin-right:var(--ibiz-control-mobmdctrl-spacing-img-padding);border-radius:var(--ibiz-control-mobmdctrl-radius-img)}.ibiz-control-mobmdctrl-group__container{width:100%;height:auto}.ibiz-control-mobmdctrl-group__caption{padding:var(--ibiz-control-mobmdctrl-spacing-group-padding);font-size:var(--ibiz-control-mobmdctrl-font-group-fontSize);line-height:var(--ibiz-control-mobmdctrl-font-group-lineHeight);color:var(--ibiz-control-mobmdctrl-color-group-text);background-color:var(--ibiz-control-mobmdctrl-color-group-bg)}.ibiz-control-mobmdctrl-select-item{display:flex;align-items:center;justify-content:space-between;padding:var(--ibiz-control-mobmdctrl-spacing-item-padding)}.ibiz-control-mobmdctrl-select-item__left{margin-right:var(--ibiz-control-mobmdctrl-spacing-checkbox-gap)}.ibiz-control-mobmdctrl-select-item.is-active{background-color:var(--ibiz-control-mobmdctrl-color-active-bg)}.ibiz-control-mobmdctrl-select-item .ibiz-control-mobmdctrl-item{flex:1;padding:0;width:auto}.ibiz-control-mobmdctrl-slider-item .van-swipe-cell__right>.van-button{height:100%}.ibiz-control-mobmdctrl-slider-item .van-swipe-cell__left>.van-button{height:100%}.ibiz-control-mobmdctrl-quicktoolbar{width:100%;display:flex;align-items:center;justify-content:center}.ibiz-view-content-refresh .ibiz-control-mobmdctrl.is-enable-page{position:relative}.ibiz-view-content-refresh .ibiz-control-mobmdctrl.is-enable-page .ibiz-control-mobmdctrl__content{height:auto}.ibiz-view-content-refresh .ibiz-control-mobmdctrl.is-enable-page .ibiz-control-mobmdctrl__pagination{position:sticky;bottom:0;width:100%;background-color:var(--ibiz-color-bg-1)}
+.ibiz-control-mobmdctrl{--ibiz-control-mobmdctrl-color-text:var(--ibiz-color-text-0);--ibiz-control-mobmdctrl-color-active-bg:var(--ibiz-color-primary-light-default);--ibiz-control-mobmdctrl-color-group-bg:var(--ibiz-color-bg-0);--ibiz-control-mobmdctrl-color-group-text:var(--ibiz-color-text-1);--ibiz-control-mobmdctrl-width-img:var(--ibiz-width-icon-extra-large);--ibiz-control-mobmdctrl-height-img:var(--ibiz-width-icon-extra-large);--ibiz-control-mobmdctrl-spacing-item-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);--ibiz-control-mobmdctrl-spacing-group-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);--ibiz-control-mobmdctrl-spacing-img-padding:var(--ibiz-spacing-tight);--ibiz-control-mobmdctrl-spacing-checkbox-gap:var(--ibiz-spacing-tight);--ibiz-control-mobmdctrl-spacing-border-padding:var(--ibiz-spacing-base);--ibiz-control-mobmdctrl-radius-img:var(--ibiz-border-radius-extra-small);--ibiz-control-mobmdctrl-font-fontSize:var(--ibiz-font-size-regular);--ibiz-control-mobmdctrl-font-group-fontSize:var(--ibiz-font-size-header-6);--ibiz-control-mobmdctrl-font-group-lineHeight:var(--ibiz-height-control-default);height:100%;position:relative}.ibiz-control-mobmdctrl__content{width:100%;height:100%;overflow:var(--ibiz-control-overflow)}.ibiz-control-mobmdctrl__content.is-show-under-line .van-hairline--bottom:after{left:calc(-50% + var(--ibiz-control-mobmdctrl-spacing-border-padding) * 2);right:calc(-50% + var(--ibiz-control-mobmdctrl-spacing-border-padding) * 2)}.ibiz-control-mobmdctrl__content .ibiz-add-more{padding:var(--ibiz-control-mobmdctrl-spacing-item-padding)}.ibiz-control-mobmdctrl.is-enable-page{display:flex;flex-direction:column}.ibiz-control-mobmdctrl.is-enable-page .ibiz-control-mobmdctrl__content{flex:auto;height:0}.ibiz-control-mobmdctrl.is-enable-page .ibiz-control-mobmdctrl__pagination{flex:none}.ibiz-control-mobmdctrl.is-scroll{--ibiz-control-overflow:unset auto}.ibiz-control-mobmdctrl.is-scroll .ibiz-control-mobmdctrl__content{overflow:auto}.ibiz-control-mobmdctrl.is-hidden-finished .van-list__finished-text{display:none}.ibiz-control-mobmdctrl__anchor .van-index-anchor{padding:0}.ibiz-control-mobmdctrl-item__right{margin-right:var(--ibiz-control-mobmdctrl-spacing-checkbox-gap)}.ibiz-control-mobmdctrl-item.ibiz-control-mobmdctrl-item{color:var(--ibiz-control-mobmdctrl-color-text);height:auto;font-size:var(--ibiz-control-mobmdctrl-font-fontSize);padding:var(--ibiz-control-mobmdctrl-spacing-item-padding)}.ibiz-control-mobmdctrl-item.is-active.ibiz-control-mobmdctrl-item{background-color:var(--ibiz-control-mobmdctrl-color-active-bg)}.ibiz-control-mobmdctrl-image{width:var(--ibiz-control-mobmdctrl-width-img);height:var(--ibiz-control-mobmdctrl-height-img);margin-right:var(--ibiz-control-mobmdctrl-spacing-img-padding);border-radius:var(--ibiz-control-mobmdctrl-radius-img)}.ibiz-control-mobmdctrl-group__container{width:100%;height:auto}.ibiz-control-mobmdctrl-group__caption{padding:var(--ibiz-control-mobmdctrl-spacing-group-padding);font-size:var(--ibiz-control-mobmdctrl-font-group-fontSize);line-height:var(--ibiz-control-mobmdctrl-font-group-lineHeight);color:var(--ibiz-control-mobmdctrl-color-group-text);background-color:var(--ibiz-control-mobmdctrl-color-group-bg)}.ibiz-control-mobmdctrl-select-item{display:flex;align-items:center;justify-content:space-between;padding:var(--ibiz-control-mobmdctrl-spacing-item-padding)}.ibiz-control-mobmdctrl-select-item__left{margin-right:var(--ibiz-control-mobmdctrl-spacing-checkbox-gap)}.ibiz-control-mobmdctrl-select-item.is-active{background-color:var(--ibiz-control-mobmdctrl-color-active-bg)}.ibiz-control-mobmdctrl-select-item .ibiz-control-mobmdctrl-item{flex:1;padding:0;width:auto}.ibiz-control-mobmdctrl-slider-item .van-swipe-cell__right>.van-button{height:100%}.ibiz-control-mobmdctrl-slider-item .van-swipe-cell__left::after{content:"";display:inline-block;width:1px}.ibiz-control-mobmdctrl-slider-item .van-swipe-cell__left>.van-button{height:100%}.ibiz-control-mobmdctrl-quicktoolbar{width:100%;display:flex;align-items:center;justify-content:center}.ibiz-view-content-refresh .ibiz-control-mobmdctrl.is-enable-page{position:relative}.ibiz-view-content-refresh .ibiz-control-mobmdctrl.is-enable-page .ibiz-control-mobmdctrl__content{height:auto}.ibiz-view-content-refresh .ibiz-control-mobmdctrl.is-enable-page .ibiz-control-mobmdctrl__pagination{position:sticky;bottom:0;width:100%;background-color:var(--ibiz-color-bg-1)}

package/lib/control/pickup-view-panel/pickup-view-panel.cjs

@@ -55,7 +55,7 @@ const PickupViewPanelControl = /* @__PURE__ */ vue.defineComponent({
   },
   setup() {
     const c = vue3Util.useControlController((...args) => new runtime.PickupViewPanelController(...args));
-    const ns = vue3Util.useNamespace(`control-${c.model.controlType.toLowerCase()}`);
+    const ns = vue3Util.useNamespace("control-".concat(c.model.controlType.toLowerCase()));
     const onCreated = (event) => {
       c.setEmbedView(event.view);
     };

package/lib/control/search-bar/filter-field-select/filter-field-select.cjs

@@ -21,7 +21,7 @@ const FilterFieldSelect = /* @__PURE__ */ vue.defineComponent({
     emit
   }) {
     const showPicker = vue.ref(false);
-    const ns = vue3Util.useNamespace(`filter-field-select`);
+    const ns = vue3Util.useNamespace("filter-field-select");
     const items = vue.computed(() => {
       return props.modes.map((x) => {
         return {

package/lib/control/search-bar/filter-mode-select/filter-mode-select.cjs

@@ -65,7 +65,7 @@ const FilterModeSelect = /* @__PURE__ */ vue.defineComponent({
     emit
   }) {
     const showPicker = vue.ref(false);
-    const ns = vue3Util.useNamespace(`filter-mode-select`);
+    const ns = vue3Util.useNamespace("filter-mode-select");
     const availableModes = vue.computed(() => {
       var _a;
       if ((_a = props.modes) == null ? void 0 : _a.length) {

package/lib/control/search-bar/filter-tree/filter-tree.cjs

@@ -203,7 +203,7 @@ const FilterTreeControl = /* @__PURE__ */ vue.defineComponent({
     const onFieldSelect = (node, key, fields = allFields) => {
       const fieldInfo = fields.find((item) => item.name === key);
       if (!fieldInfo) {
-        ibiz.log.error(`allFields\u627E\u4E0D\u5230\u5C5E\u6027\u6807\u8BC6\u4E3A${key}\u7684`);
+        ibiz.log.error("allFields\u627E\u4E0D\u5230\u5C5E\u6027\u6807\u8BC6\u4E3A".concat(key, "\u7684"));
         return;
       }
       qxUtil.clearAll(node);

package/lib/control/search-bar/filter-tree/filter-tree.css

@@ -1 +1 @@
-.ibiz-filter-tree__popup{--ibiz-filter-tree-width-type-popper:5rem;--ibiz-filter-tree-color-readonly:var(--ibiz-color-text-2);--ibiz-filter-tree-spacing-header-padding:var(--ibiz-spacing-base);--ibiz-filter-tree-spacing-content-padding:0 var(--ibiz-spacing-base) 0 calc(var(--ibiz-spacing-base) + var(--ibiz-spacing-super-loose));--ibiz-filter-tree-spacing-footer-padding:var(--ibiz-spacing-base);--ibiz-filter-tree-spacing-popup-padding:var(--ibiz-spacing-base);--ibiz-filter-tree-spacing-item-padding:var(--ibiz-spacing-base);--ibiz-filter-tree-spacing-footer-gap:var(--ibiz-spacing-super-loose);--ibiz-filter-tree-spacing-type-offset:var(--ibiz-spacing-tight);--ibiz-filter-tree-spacing-type-left-gap:calc(-1 * var(--ibiz-spacing-super-loose));--ibiz-filter-tree-spacing-type-item-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);--ibiz-filter-tree-font-fontSize:var(--ibiz-font-size-header-5);--ibiz-filter-tree-font-icon-fontSize:var(--ibiz-width-icon-extra-large);--ibiz-filter-tree-font-lineHeight:var(--ibiz-font-size-header-2);--ibiz-filter-tree-font-fontWeight:var(--ibiz-font-weight-bold);--ibiz-filter-tree-border:var(--ibiz-border-thickness-control) solid var(--ibiz-color-border);--ibiz-filter-tree-radius:var(--ibiz-border-radius-medium)}.ibiz-filter-tree{--ibiz-filter-tree-width-type-popper:5rem;--ibiz-filter-tree-color-readonly:var(--ibiz-color-text-2);--ibiz-filter-tree-spacing-header-padding:var(--ibiz-spacing-base);--ibiz-filter-tree-spacing-content-padding:0 var(--ibiz-spacing-base) 0 calc(var(--ibiz-spacing-base) + var(--ibiz-spacing-super-loose));--ibiz-filter-tree-spacing-footer-padding:var(--ibiz-spacing-base);--ibiz-filter-tree-spacing-popup-padding:var(--ibiz-spacing-base);--ibiz-filter-tree-spacing-item-padding:var(--ibiz-spacing-base);--ibiz-filter-tree-spacing-footer-gap:var(--ibiz-spacing-super-loose);--ibiz-filter-tree-spacing-type-offset:var(--ibiz-spacing-tight);--ibiz-filter-tree-spacing-type-left-gap:calc(-1 * var(--ibiz-spacing-super-loose));--ibiz-filter-tree-spacing-type-item-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);--ibiz-filter-tree-font-fontSize:var(--ibiz-font-size-header-5);--ibiz-filter-tree-font-icon-fontSize:var(--ibiz-width-icon-extra-large);--ibiz-filter-tree-font-lineHeight:var(--ibiz-font-size-header-2);--ibiz-filter-tree-font-fontWeight:var(--ibiz-font-weight-bold);--ibiz-filter-tree-border:var(--ibiz-border-thickness-control) solid var(--ibiz-color-border);--ibiz-filter-tree-radius:var(--ibiz-border-radius-medium);display:flex;height:100%;flex-direction:column}.ibiz-filter-tree__header{display:flex;flex:none;align-items:center;justify-content:center;font-size:var(--ibiz-filter-tree-font-fontSize);font-weight:var(--ibiz-filter-tree-font-fontWeight);padding:var(--ibiz-filter-tree-spacing-header-padding)}.ibiz-filter-tree__title{width:100%;text-align:center}.ibiz-filter-tree__toolbar{flex:none;display:flex;align-items:center}.ibiz-filter-tree__toolbar ion-icon{font-size:var(--ibiz-filter-tree-font-icon-fontSize)}.ibiz-filter-tree__content{height:100%;flex:auto;padding:var(--ibiz-filter-tree-spacing-content-padding)}.ibiz-filter-tree__footer{flex:none;padding:var(--ibiz-filter-tree-spacing-footer-padding);display:flex;justify-content:space-between}.ibiz-filter-tree__footer .van-button{width:48%}.ibiz-filter-tree__popup-content{height:100%;display:flex;flex-direction:column;padding:var(--ibiz-filter-tree-spacing-popup-padding)}.ibiz-filter-tree__popup-caption{font-size:var(--ibiz-filter-tree-font-fontSize);font-weight:var(--ibiz-filter-tree-font-fontWeight);text-align:center}.ibiz-filter-tree__editor{padding:var(--ibiz-filter-tree-spacing-item-padding);display:flex;justify-content:space-between}.ibiz-filter-tree__group{position:relative}.ibiz-filter-tree__type{position:absolute;top:var(--ibiz-filter-tree-spacing-item-padding);left:var(--ibiz-filter-tree-spacing-type-left-gap)}.ibiz-filter-tree__type.is-readonly{color:var(--ibiz-filter-tree-color-readonly)}.ibiz-filter-tree__type .van-dropdown-menu__bar{box-shadow:none;background-color:transparent;height:auto}.ibiz-filter-tree__type .van-dropdown-menu__title{padding-left:0}.ibiz-filter-tree__type .van-dropdown-item__content{width:var(--ibiz-filter-tree-width-type-popper);left:var(--ibiz-filter-tree-spacing-type-offset);border:var(--ibiz-filter-tree-border);border-radius:var(--ibiz-filter-tree-radius)}.ibiz-filter-tree__type .van-dropdown-item__content .van-dropdown-item__option{padding:var(--ibiz-filter-tree-spacing-type-item-padding)}.ibiz-filter-tree__item{display:flex;padding:var(--ibiz-filter-tree-spacing-item-padding) 0;flex-direction:column;line-height:var(--ibiz-filter-tree-font-lineHeight);border-bottom:var(--ibiz-filter-tree-border)}.ibiz-filter-tree__field{padding-right:var(--ibiz-filter-tree-spacing-item-padding)}.ibiz-filter-tree__condop{flex:auto}.ibiz-filter-tree__value{padding-right:var(--ibiz-filter-tree-spacing-item-padding)}.ibiz-filter-tree__item-header{display:flex}.ibiz-filter-tree__item-footer{display:flex;gap:var(--ibiz-filter-tree-spacing-footer-gap)}.ibiz-filter-tree__item-footer .van-button{width:100%}.ibiz-filter-field-select{padding:var(--ibiz-filter-tree-spacing-item-padding)}.ibiz-filter-field-select .van-field__control{text-align:right}.ibiz-filter-mode-select{padding:var(--ibiz-filter-tree-spacing-item-padding)}.ibiz-filter-mode-select .van-field__control{text-align:right}
+.ibiz-filter-tree__popup{--ibiz-filter-tree-width-type-popper:5rem;--ibiz-filter-tree-color-readonly:var(--ibiz-color-text-2);--ibiz-filter-tree-spacing-header-padding:var(--ibiz-spacing-base);--ibiz-filter-tree-spacing-content-padding:0 var(--ibiz-spacing-base) 0 calc(var(--ibiz-spacing-base) + var(--ibiz-spacing-super-loose));--ibiz-filter-tree-spacing-footer-padding:var(--ibiz-spacing-base);--ibiz-filter-tree-spacing-popup-padding:var(--ibiz-spacing-base);--ibiz-filter-tree-spacing-item-padding:var(--ibiz-spacing-base);--ibiz-filter-tree-spacing-footer-gap:var(--ibiz-spacing-super-loose);--ibiz-filter-tree-spacing-type-offset:var(--ibiz-spacing-tight);--ibiz-filter-tree-spacing-type-left-gap:calc(-1 * var(--ibiz-spacing-super-loose));--ibiz-filter-tree-spacing-type-item-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);--ibiz-filter-tree-font-fontSize:var(--ibiz-font-size-header-5);--ibiz-filter-tree-font-icon-fontSize:var(--ibiz-width-icon-extra-large);--ibiz-filter-tree-font-lineHeight:var(--ibiz-font-size-header-2);--ibiz-filter-tree-font-fontWeight:var(--ibiz-font-weight-bold);--ibiz-filter-tree-border:var(--ibiz-border-thickness-control) solid var(--ibiz-color-border);--ibiz-filter-tree-radius:var(--ibiz-border-radius-medium)}.ibiz-filter-tree{--ibiz-filter-tree-width-type-popper:5rem;--ibiz-filter-tree-color-readonly:var(--ibiz-color-text-2);--ibiz-filter-tree-spacing-header-padding:var(--ibiz-spacing-base);--ibiz-filter-tree-spacing-content-padding:0 var(--ibiz-spacing-base) 0 calc(var(--ibiz-spacing-base) + var(--ibiz-spacing-super-loose));--ibiz-filter-tree-spacing-footer-padding:var(--ibiz-spacing-base);--ibiz-filter-tree-spacing-popup-padding:var(--ibiz-spacing-base);--ibiz-filter-tree-spacing-item-padding:var(--ibiz-spacing-base);--ibiz-filter-tree-spacing-footer-gap:var(--ibiz-spacing-super-loose);--ibiz-filter-tree-spacing-type-offset:var(--ibiz-spacing-tight);--ibiz-filter-tree-spacing-type-left-gap:calc(-1 * var(--ibiz-spacing-super-loose));--ibiz-filter-tree-spacing-type-item-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);--ibiz-filter-tree-font-fontSize:var(--ibiz-font-size-header-5);--ibiz-filter-tree-font-icon-fontSize:var(--ibiz-width-icon-extra-large);--ibiz-filter-tree-font-lineHeight:var(--ibiz-font-size-header-2);--ibiz-filter-tree-font-fontWeight:var(--ibiz-font-weight-bold);--ibiz-filter-tree-border:var(--ibiz-border-thickness-control) solid var(--ibiz-color-border);--ibiz-filter-tree-radius:var(--ibiz-border-radius-medium);display:flex;height:100%;flex-direction:column}.ibiz-filter-tree__header{display:flex;flex:none;align-items:center;justify-content:center;font-size:var(--ibiz-filter-tree-font-fontSize);font-weight:var(--ibiz-filter-tree-font-fontWeight);padding:var(--ibiz-filter-tree-spacing-header-padding)}.ibiz-filter-tree__title{width:100%;text-align:center}.ibiz-filter-tree__toolbar{flex:none;display:flex;align-items:center}.ibiz-filter-tree__toolbar ion-icon{font-size:var(--ibiz-filter-tree-font-icon-fontSize)}.ibiz-filter-tree__content{height:100%;flex:auto;padding:var(--ibiz-filter-tree-spacing-content-padding)}.ibiz-filter-tree__footer{flex:none;padding:var(--ibiz-filter-tree-spacing-footer-padding);display:flex;justify-content:space-between}.ibiz-filter-tree__footer .van-button{width:48%}.ibiz-filter-tree__popup-content{height:100%;display:flex;flex-direction:column;padding:var(--ibiz-filter-tree-spacing-popup-padding)}.ibiz-filter-tree__popup-caption{font-size:var(--ibiz-filter-tree-font-fontSize);font-weight:var(--ibiz-filter-tree-font-fontWeight);text-align:center}.ibiz-filter-tree__editor{padding:var(--ibiz-filter-tree-spacing-item-padding);display:flex;justify-content:space-between}.ibiz-filter-tree__group{position:relative}.ibiz-filter-tree__type{position:absolute;top:var(--ibiz-filter-tree-spacing-item-padding);left:var(--ibiz-filter-tree-spacing-type-left-gap);line-height:var(--ibiz-filter-tree-font-lineHeight);--van-dropdown-menu-title-line-height:var(--ibiz-filter-tree-font-lineHeight)}.ibiz-filter-tree__type.is-readonly{color:var(--ibiz-filter-tree-color-readonly)}.ibiz-filter-tree__type .van-dropdown-menu__bar{box-shadow:none;background-color:transparent;height:auto}.ibiz-filter-tree__type .van-dropdown-menu__title{padding-left:0}.ibiz-filter-tree__type .van-dropdown-item__content{width:var(--ibiz-filter-tree-width-type-popper);left:var(--ibiz-filter-tree-spacing-type-offset);border:var(--ibiz-filter-tree-border);border-radius:var(--ibiz-filter-tree-radius)}.ibiz-filter-tree__type .van-dropdown-item__content .van-dropdown-item__option{padding:var(--ibiz-filter-tree-spacing-type-item-padding)}.ibiz-filter-tree__item{display:flex;padding:var(--ibiz-filter-tree-spacing-item-padding) 0;flex-direction:column;line-height:var(--ibiz-filter-tree-font-lineHeight);border-bottom:var(--ibiz-filter-tree-border)}.ibiz-filter-tree__field{padding-right:var(--ibiz-filter-tree-spacing-item-padding)}.ibiz-filter-tree__condop{flex:auto}.ibiz-filter-tree__value{padding-right:var(--ibiz-filter-tree-spacing-item-padding)}.ibiz-filter-tree__item-header{display:flex}.ibiz-filter-tree__item-footer{display:flex;gap:var(--ibiz-filter-tree-spacing-footer-gap)}.ibiz-filter-tree__item-footer .van-button{width:100%}.ibiz-filter-field-select{padding:var(--ibiz-filter-tree-spacing-item-padding)}.ibiz-filter-field-select .van-field__control{text-align:right}.ibiz-filter-mode-select{padding:var(--ibiz-filter-tree-spacing-item-padding)}.ibiz-filter-mode-select .van-field__control{text-align:right}

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

@@ -42,7 +42,7 @@ const SearchBarControl = /* @__PURE__ */ vue.defineComponent({
   },
   setup(props) {
     const c = vue3Util.useControlController((...args) => new runtime.SearchBarController(...args));
-    const ns = vue3Util.useNamespace(`control-${c.model.controlType.toLowerCase()}`);
+    const ns = vue3Util.useNamespace("control-".concat(c.model.controlType.toLowerCase()));
     const searchRef = vue.ref();
     const dropdownTop = vue.ref(0);
     const dropdownRef = vue.ref();
@@ -51,7 +51,7 @@ const SearchBarControl = /* @__PURE__ */ vue.defineComponent({
     const isCollapse = vue.ref(true);
     const showItemRemove = vue.ref(false);
     const timer = vue.ref();
-    const queryCacheKey = `searchbar-${props.context.srfuserid}-${props.context.srfappid}-${c.view.model.id}-${c.model.id}`;
+    const queryCacheKey = "searchbar-".concat(props.context.srfuserid, "-").concat(props.context.srfappid, "-").concat(c.view.model.id, "-").concat(c.model.id);
     let funcs;
     const showAllGroups = vue.ref(false);
     let resizeObserver = null;
@@ -99,7 +99,7 @@ const SearchBarControl = /* @__PURE__ */ vue.defineComponent({
     const cssVars = vue.computed(() => {
       if (c.model.quickSearchWidth) {
         return ns.cssVarBlock({
-          "quick-search-width": `${c.model.quickSearchWidth}px`
+          "quick-search-width": "".concat(c.model.quickSearchWidth, "px")
         });
       }
       return {};
@@ -138,7 +138,11 @@ const SearchBarControl = /* @__PURE__ */ vue.defineComponent({
           }
         }, null);
       }, void 0, {
-        placement: "bottom"
+        placement: "bottom",
+        height: 80,
+        attrs: {
+          closeable: true
+        }
       });
       popover.present(filterButtonRef.value.$el);
       await popover.onWillDismiss();
@@ -185,8 +189,8 @@ const SearchBarControl = /* @__PURE__ */ vue.defineComponent({
     const style = vue.computed(() => {
       return {
         display: showDropdown.value ? "flex" : "none",
-        top: `${dropdownTop.value}px`,
-        maxHeight: `calc(100vh - ${dropdownTop.value}px - 10px)`
+        top: "".concat(dropdownTop.value, "px"),
+        maxHeight: "calc(100vh - ".concat(dropdownTop.value, "px - 10px)")
       };
     });
     const contentStyle = vue.computed(() => {

package/lib/control/tab-exp-panel/tab-exp-panel.cjs

@@ -51,7 +51,7 @@ const TabExpPanelControl = /* @__PURE__ */ vue.defineComponent({
   setup() {
     var _a, _b;
     const c = vue3Util.useControlController((...args) => new runtime.TabExpPanelController(...args));
-    const ns = vue3Util.useNamespace(`control-${c.model.controlType.toLowerCase()}`);
+    const ns = vue3Util.useNamespace("control-".concat(c.model.controlType.toLowerCase()));
     const model = (_a = c.view) == null ? void 0 : _a.model;
     const layoutMode = ((_b = model == null ? void 0 : model.tabLayout) == null ? void 0 : _b.toLowerCase()) || "top";
     const onTabChange = (value) => {

package/lib/control/toolbar/float-toolbar/float-toolbar.cjs

@@ -30,10 +30,14 @@ const FloatToolbar = /* @__PURE__ */ vue.defineComponent({
     direction: {
       type: String,
       default: "HORIZONTAL"
+    },
+    immediateFloat: {
+      type: Boolean,
+      default: false
     }
   },
   setup(props) {
-    const ns = vue3Util.useNamespace(`float-toolbar`);
+    const ns = vue3Util.useNamespace("float-toolbar");
     const contentRef = vue.ref();
     const {
       renderToolbarItemContent
@@ -61,30 +65,32 @@ const FloatToolbar = /* @__PURE__ */ vue.defineComponent({
   },
   render() {
     var _a, _b, _c;
+    if (!this.buttonsState.visible)
+      return null;
     return vue.createVNode("div", {
-      "class": [this.ns.b(), this.ns.is((_a = this.placement) == null ? void 0 : _a.toLocaleLowerCase(), !!this.placement), this.ns.is((_b = this.direction) == null ? void 0 : _b.toLocaleLowerCase(), !!this.direction)]
+      "class": [this.ns.b(), this.ns.is((_a = this.placement) == null ? void 0 : _a.toLocaleLowerCase(), !!this.placement), this.ns.is((_b = this.direction) == null ? void 0 : _b.toLocaleLowerCase(), !!this.direction), this.ns.is("immediate-float", !!this.immediateFloat)]
     }, [vue.createVNode("div", {
       "class": this.ns.e("wrapper")
     }, [(_c = this.modelData.detoolbarItems) == null ? void 0 : _c.map((_item) => {
-      var _a2;
+      var _a2, _b2;
       const itemId = _item.id;
       const visible = (_a2 = this.buttonsState[itemId]) == null ? void 0 : _a2.visible;
-      let disabled = this.buttonsState[itemId].disabled;
+      let disabled = (_b2 = this.buttonsState[itemId]) == null ? void 0 : _b2.disabled;
       const toolbarItem = _item;
       if (toolbarItem.itemType === "ITEMS")
         disabled = false;
       if (!visible)
         return;
       return vue.createVNode("div", {
-        "class": [this.ns.e("item"), this.ns.is("disabled", disabled)],
+        "class": [this.ns.e("item"), this.ns.is("disabled", !!disabled)],
         "onClick": (_e) => !disabled && this.handleItemClick(_item, _e)
       }, [vue.createVNode("div", {
         "class": this.ns.em("item", "wrapper")
       }, [this.renderToolbarItemContent(_item)])]);
-    })]), vue.createVNode("div", {
+    })]), !this.immediateFloat ? vue.createVNode("div", {
       "class": this.ns.e("modal"),
       "onClick": this.handleFloatToolbarClose
-    }, null)]);
+    }, null) : null]);
   }
 });
 

package/lib/control/toolbar/float-toolbar/float-toolbar.css

@@ -1 +1 @@
-.ibiz-float-toolbar{--ibiz-float-toolbar-color-item-bg:var(--ibiz-color-bg-1);--ibiz-float-toolbar-color-box-shadow:var(--ibiz-shadow-elevated);--ibiz-float-toolbar-color-disabled-text:var(--ibiz-control-toolbar-color-disabled-text);--ibiz-float-toolbar-color-disabled-bg:var(--ibiz-control-toolbar-color-disabled-bg);--ibiz-float-toolbar-width-wrapper-max-width:calc(100vw - (var(--ibiz-height-control-large) + var(--ibiz-spacing-tight)));--ibiz-float-toolbar-width-item-min-width:var(--ibiz-height-control-large);--ibiz-float-toolbar-height-item:var(--ibiz-height-control-large);--ibiz-float-toolbar-spacing-wrapper-gap:var(--ibiz-spacing-tight);--ibiz-float-toolbar-spacing-item-padding:var(--ibiz-spacing-tight);--ibiz-float-toolbar-radius-item-circle:var(--ibiz-float-toolbar-height-item);--ibiz-float-toolbar-font-item-font-size:var(--ibiz-font-size-header-6);width:auto;height:auto}.ibiz-float-toolbar__wrapper{position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:var(--ibiz-float-toolbar-spacing-wrapper-gap);align-items:center;max-width:var(--ibiz-float-toolbar-width-wrapper-max-width)}.ibiz-float-toolbar__modal{position:fixed;top:0;left:0;z-index:1;width:100vw;height:100vh}.ibiz-float-toolbar__item{display:flex;align-items:center;justify-content:center;min-width:var(--ibiz-float-toolbar-width-item-min-width);height:var(--ibiz-float-toolbar-height-item);padding:var(--ibiz-float-toolbar-spacing-item-padding);font-size:var(--ibiz-float-toolbar-font-item-font-size);white-space:nowrap;background-color:var(--ibiz-float-toolbar-color-item-bg);border-radius:var(--ibiz-float-toolbar-radius-item-circle);box-shadow:var(--ibiz-float-toolbar-color-box-shadow)}.ibiz-float-toolbar__item.is-disabled{color:var(--ibiz-float-toolbar-color-disabled-text);background-color:var(--ibiz-float-toolbar-color-disabled-bg)}.ibiz-float-toolbar.is-vertical .ibiz-float-toolbar__wrapper{flex-direction:column}
+.ibiz-float-toolbar{--ibiz-float-toolbar-color-item:var(--ibiz-color-text-0);--ibiz-float-toolbar-color-item-bg:var(--ibiz-color-bg-1);--ibiz-float-toolbar-color-box-shadow:var(--ibiz-shadow-elevated);--ibiz-float-toolbar-color-disabled-text:var(--ibiz-control-toolbar-color-disabled-text);--ibiz-float-toolbar-color-disabled-bg:var(--ibiz-control-toolbar-color-disabled-bg);--ibiz-float-toolbar-color-immediate-float-item:var(--ibiz-color-white);--ibiz-float-toolbar-color-immediate-float-item-bg:var(--ibiz-color-primary);--ibiz-float-toolbar-width-wrapper-max-width:calc(100vw - (var(--ibiz-height-control-large) + var(--ibiz-spacing-tight)));--ibiz-float-toolbar-width-item-min-width:var(--ibiz-height-control-large);--ibiz-float-toolbar-height-item:var(--ibiz-height-control-large);--ibiz-float-toolbar-width-immediate-float-item-min-width:2.75rem;--ibiz-float-toolbar-height-immediate-float-item:2.75rem;--ibiz-float-toolbar-spacing-wrapper-gap:var(--ibiz-spacing-tight);--ibiz-float-toolbar-spacing-item-padding:var(--ibiz-spacing-tight);--ibiz-float-toolbar-spacing-immediate-float-padding:var(--ibiz-spacing-base);--ibiz-float-toolbar-radius-item-circle:var(--ibiz-float-toolbar-height-item);--ibiz-float-toolbar-font-item-font-size:var(--ibiz-font-size-header-6);width:auto;height:auto}.ibiz-float-toolbar__wrapper{position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:var(--ibiz-float-toolbar-spacing-wrapper-gap);align-items:center;max-width:var(--ibiz-float-toolbar-width-wrapper-max-width)}.ibiz-float-toolbar__modal{position:fixed;top:0;left:0;z-index:1;width:100vw;height:100vh}.ibiz-float-toolbar__item{display:flex;align-items:center;justify-content:center;min-width:var(--ibiz-float-toolbar-width-item-min-width);height:var(--ibiz-float-toolbar-height-item);padding:var(--ibiz-float-toolbar-spacing-item-padding);font-size:var(--ibiz-float-toolbar-font-item-font-size);color:var(--ibiz-float-toolbar-color-item);white-space:nowrap;background-color:var(--ibiz-float-toolbar-color-item-bg);border-radius:var(--ibiz-float-toolbar-radius-item-circle);box-shadow:var(--ibiz-float-toolbar-color-box-shadow)}.ibiz-float-toolbar__item.is-disabled{color:var(--ibiz-float-toolbar-color-disabled-text);background-color:var(--ibiz-float-toolbar-color-disabled-bg)}.ibiz-float-toolbar.is-vertical .ibiz-float-toolbar__wrapper{flex-direction:column}.ibiz-float-toolbar.is-immediate-float{--ibiz-float-toolbar-color-item:var(--ibiz-float-toolbar-color-immediate-float-item);--ibiz-float-toolbar-color-item-bg:var(--ibiz-float-toolbar-color-immediate-float-item-bg);--ibiz-float-toolbar-width-item-min-width:var(--ibiz-float-toolbar-width-immediate-float-item-min-width);--ibiz-float-toolbar-height-item:var(--ibiz-float-toolbar-height-immediate-float-item);padding:var(--ibiz-float-toolbar-spacing-immediate-float-padding)}.ibiz-float-toolbar .ibiz-float-toolbar-item{justify-content:center}.ibiz-float-toolbar .ibiz-float-toolbar-item .ibiz-icon{justify-content:center}